/*ekomi */
.rating div.average > div.first {
border-bottom: solid 1px rgb(213, 211, 211);
border-top: solid 1px rgb(213, 211, 211);
padding-top: 5px;
padding-bottom: 10px;
width: 96%;
margin-left: 2%;
}
.rating h3 {
border-bottom: solid 1px #303030;
margin-left: -10px;
padding: 15px;
margin-right: -12px;
font-weight: bold !important;
font-size: 25px;
text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.36);
width: 679px;
}
.rating div.average > div.summary {
border-bottom: solid 1px #303030;
margin-left: -10px;
padding: 15px;
height: 170px;
border-top: solid 1px #6B6B6B;
}
div.average {
float: left;
width: 100%;
}
div.comments {
float: left;
width: 100%;
margin-top: 12px;
}
div.lowest {
    float: right;
    border-left: solid 1px rgb(213, 211, 211);
    margin-top: 15px;
    padding: 10px;
    width: 47%;
    padding-left: 60px;
    height: 225px;
    display: table;
}
div.highest {
    float: left;
    padding: 10px;
    margin-top: 15px;
    max-width: 47%;
}
div.highlow {
    float: left;
    border-top: solid 2px rgb(213, 211, 211);
    width: 96%;
    margin-left: 2%;
    margin-top: 6px;
}

.rating .starssummary .bar {
background: #E0B45C;
height: 15px;
border-radius: 2px;
background: rgb(255,253,193); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSItMjclIiBzdG9wLWNvbG9yPSIjZmZmZGMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZjlkMTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5OWUxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,253,193,1) -27%, rgba(249,209,78,1) 90%, rgba(249,158,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-27%,rgba(255,253,193,1)), color-stop(90%,rgba(249,209,78,1)), color-stop(100%,rgba(249,158,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,253,193,1) -27%,rgba(249,209,78,1) 90%,rgba(249,158,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,253,193,1) -27%,rgba(249,209,78,1) 90%,rgba(249,158,23,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,253,193,1) -27%,rgba(249,209,78,1) 90%,rgba(249,158,23,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,253,193,1) -27%,rgba(249,209,78,1) 90%,rgba(249,158,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdc1', endColorstr='#f99e17',GradientType=0 ); /* IE6-8 */
box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.17);
}
.rating .starssummary ul li{
width: 205px;
color: #CBA748;
/*text-shadow: 1px 1px rgba(0, 0, 0, 0.67);height:35px;*/
clear:both;
}
.rating .starssummary  .barwrapper{
width: 100px;
display: block;
height: 15px;
background: #323232;
padding: 3px;
border-radius: 2px;
border: solid 1px rgb(213, 211, 211);
border-top: solid 1px rgb(213, 211, 211);
padding-left: 4px;
padding-right: 4px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(199,199,199,1) 0%, rgba(63,63,63,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(100%,rgba(63,63,63,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(63,63,63,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(63,63,63,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(63,63,63,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(199,199,199,1) 0%,rgba(63,63,63,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#003f3f3f',GradientType=0 ); /* IE6-8 */
margin-top: 7px;
}
div.average > div.summary > div.starssummary {
height: 100%;
float: left;
width: 240px;
border-right: solid 1px #313131;
}

div.average > div.summary > div.starssummary ul {
list-style: none;
display: block;
float: left;
}
i.star {
background-image: url(../images/ekomi/star-sprite.png);
display: inline-block;
height: 16px;
width: 80px;
background-position: -79px -18px;


}
i.big-star {
background-image: url(../images/ekomi/star-sprite-big.png);
display: inline-block;
height: 31px;
width: 161px;
background-position: -157px -35px;


}

i.star-1    { background-position: -64px -18px; }
i.star-2    { background-position: -48px -18px; }
i.star-3    { background-position: -32px -18px; }
i.star-4    { background-position: -16px 0px; }
i.star-5    { background-position: 0 -16px; }

i.star-0.star-half { background-position: 81px 0; }
i.star-1.star-half { background-position: 96px 0; }
i.star-2.star-half { background-position: 112px 0; }
i.star-3.star-half { background-position: 129px 0; }
i.star-4.star-half { background-position: 144px 0; }
i.star-5.star-half { background-position: 160px 0; }


i.big-star.star-1    { background-position: -125px -35px; }
i.big-star.star-2    { background-position: -93px -35px; }
i.big-star.star-3    { background-position: -63px -35px; }
i.big-star.star-4    { background-position: -30px -35px; }
i.big-star.star-5    { background-position: 2px -35px; }

i.big-star.star-0.star-half { background-position: -157px 0; }
i.big-star.star-1.star-half { background-position: -128px 0; }
i.big-star.star-2.star-half { background-position: -94px 0; }
i.big-star.star-3.star-half { background-position: -64px 0; }
i.big-star.star-4.star-half { background-position: -29px 0; }
i.big-star.star-5.star-half { background-position:0 -68px; }

.rating .starssummary .star-4 {
width: 64px;    
margin-left: 16px;
}
.rating .starssummary .star-3 {
width: 48px;    
margin-left: 33px;
}
.rating .starssummary .star-2 {
width: 32px;

margin-left: 48px;
}
.rating .starssummary .star-1 {
width: 16px;

margin-left: 64px;
}
.rating .starssummary .star {
float:left;

}
.rating  .info {
float:left;

width: 216px;
height: 170px;
margin-top: 11px;
border-left: solid 1px rgb(213, 211, 211);
}
.rating .ekomilogo {
background: url(../images/ekomi/ekomi_logo.png);
height: 52px;
border-bottom: solid 1px #E2E2E2;
padding-bottom: 20px;
background-repeat: no-repeat;
margin-top: 10px;    background-size: contain;
}
#eKomiWidget_default img {
float: left;
margin-top: -25px;
margin-left: 20px;
}

.rating .summary .logo {
float: left;
padding-left: 23px;
border-left: solid 1px #5F5F5F;
height: 170px;
padding-right: 23px;
border-right: solid 1px #303030;
}


.rating  .info ul {
font-weight: bold;
font-size: 13px;
margin-top: 10px;
line-height: 50px;
list-style-image :url(../images/ekomi/dots.png);
}

.rating .info ul li:before{

}
.summaryRating .info::after{
    clear:both;content:' ';display:block;
}
.rating  .info ul li span{
font-weight: normal;
}
.rating  .info ul li {
margin-top: 10px;

}
.rating .comment .name {
/* margin-bottom: -10px; */
display: inline-block;
/* vertical-align: top; */
/* margin-top: 9px; */
margin-right: 10px;
font-weight: bold;
/* display: table; */
margin-left: 10px;
}
.rating .comment .star {
margin-top: 11px;
}
.rating .comments .comment {
border-top: solid 1px rgb(213, 211, 211);
padding: 20px;
padding-top: 10px;
width: 96%;
margin-left: 2%;
padding-bottom: 16px;
text-decoration: italic;
}
.rating .comments .comment:first-child {
border-top: solid 2px rgb(213, 211, 211);

}
.rating {
width: 100%;
color: rgb(112, 112, 112);
}
div.starssummary {
float: left;
padding-right: 30px;
margin-top: 11px;
margin-left: 15px;
}
div.summary {
margin-top: 20px;
float:left;
}
.starssummary ul {
list-style-type: none;
}
.rating .average .first i.big-star {
margin-bottom: -10px;
}
.rating .ekomiquestion {
padding-top: 32px;
border-top: solid 1px #C0C0C0;
padding-left: 10px;
}
.rating .ekomianswer
{
position: absolute;
height: auto;
width: 660px;
border: solid 1px rgb(213, 211, 211);
/* display: none; */
z-index: 9999;
margin-left: -259px;
padding: 10px;
background: white;
margin-top: 12px;
color: black;
}
.ekomianswer .triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid rgba(255, 255, 255, 1);
/* margin-top: -46px; */
/* margin-left: 340px; */
z-index: 9999;
position: absolute;
margin-left: -10px;
margin-top: 1px;
}
.ekomianswer .triangleborder {
border-bottom: 16px solid rgb(197, 197, 197);
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
height: 0;
margin-left: 340px;
margin-top: -26px;
width: 0;
}
.ekomianswer h3{
font-size: 17px;
margin-bottom: 0;
padding-bottom: 0;
text-shadow: none;
color: #579150;
border: none;
padding-left: 10px;
}
span#yes:hover {
    text-decoration:underline;
    cursor:pointer;
    
}
span#no:hover {
    text-decoration:underline;
    cursor:pointer;
    
}
span.usefull {
    padding-top: 20px;
    display: table;
}
div.feedback {
    margin-top: 6px;
    font-style: italic;
}
.rating div.logo,.rating .info {
    margin:10px;
margin-left: 60px;
}
span.amount {
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
    div.highest,div.lowest,div.starssummary,.rating div.logo,.rating .info{max-width:100%;float:none;width:auto;padding-left:10px;margin-left:10px;height:auto;border-left:0px;}
    .rating .comments .comment{margin-left:0px;width:auto;}
}

.wrapper.rating > .message {
  position: absolute;
  display: none !important;
  padding-top: 5px;
  text-transform: none;
  box-sizing: border-box;
}

.wrapper.rating:hover .message {
  display: block !important;
  width: 550px;
  background: white;
  padding: 11px;
  z-index: 999;
  top: 60px;
  border: solid 1px rgb(213, 211, 211);
  color: black;
  font-weight: 500;
  right: 0;
}

.wrapper.rating {cursor: help;}
body.asp-configurator .wrapper.rating:hover .message {top: -145px;left: auto;right: auto;}
.catalog-category-view .wrapper.rating:hover .message {top: auto;bottom: auto;right: auto;}

body.asp-configurator .reviewMock .message {font-size: 1.4rem;line-height: 1.42857143;}