@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';

  .webservices-reviews a:hover:not(.btn) {
      color: #66a3d8;
      text-decoration: none;
  }


  .webservices-reviews {
      font-family: "Poppins", Helvetica, Arial, sans-serif;
      font-size: 13px;
  }

  .webservices-reviews .panel {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      margin: 0;
  }
 .webservices-reviews .panel .panel-body {
     padding-bottom: 30px; 
 }
    .webservices-reviews .panel .panel-heading {
        font-size: 20px;
        border-radius: 0;
        height: 49px; overflow: hidden;
    }

  .webservices-reviews .panel .panel-heading .title-model {
      font-size: 16px;
      color: #888;
  }

    .webservices-reviews .panel .panel-footer {
        font-size: 12px;
        color: #888;
        text-align: right;
        border-radius: 0;
        height: 38px;
        overflow: hidden;
    }


    .webservices-reviews .review-outer .reviewer {
        color: #888;
        font-size: 12px;
    }

    .webservices-reviews .review-outer .reviewer img {
        width: 26px;
        height: 26px;
        border-radius: 22px;
        margin-right: 2px;
    }

    .webservices-reviews .review-outer .reviewer .cusername {
        color: #333;
        font-weight: 600;
        position: relative;
        line-height: 3.2;
    }

    .webservices-reviews .review-outer .reviewer .cusername .label {
        position: absolute;
        left: 0;
        top: 16px;
        background-color: #eee;
        color: #888;
        font-weight: 300;
    }

    .webservices-reviews .review-outer .reviewer .cusername .label a {
        color: #888;
    }

    .webservices-reviews .review-outer h4.title {
        font-size: 14px;
        line-height: 1.3;
        white-space: pre-line;
        padding-bottom: 10px;
        font-weight: bold;
        margin: 0;
    }
    .webservices-reviews .review-outer .detail {
        font-size: 12px;
        line-height: 1.6;
        white-space: pre-line;
    }

    .webservices-reviews .review-outer .member-bizname {
        position: relative;
        top: -0.2em;
        font-size: 100%;
    }

    .webservices-reviews .review-outer .member-bizname .bizname {
        margin-left: 4px;
    }

    .webservices-reviews .review-outer .rating-reviewdate {
        color: #888;
        padding-bottom: 10px;
    }

    .webservices-reviews .review-outer .rating-reviewdate .reviewdate {
        padding-bottom: 10px;
        font-size: 95%;
    }


    .webservices-reviews .review-outer .rating-reviewdate > span {
        display: inline-block;
    }

    .webservices-reviews .review-outer .rating-reviewdate .rating {
        background-image: url(//fileserver.rwardz.com/verview/default/star-icons2.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 20px;
        width: 100px;
        margin-right: 10px;
        text-indent: -9999px;
    }

    .webservices-reviews .review-outer .rating-reviewdate .rating.rating-1 {
        background-position: 0 -20px;
    }

    .webservices-reviews .review-outer .rating-reviewdate .rating.rating-2 {
        background-position: 0 -40px;
    }

    .webservices-reviews .review-outer .rating-reviewdate .rating.rating-3 {
        background-position: 0 -60px;
    }

    .webservices-reviews .review-outer .rating-reviewdate .rating.rating-4 {
        background-position: 0 -80px;
    }

    .webservices-reviews .review-outer .rating-reviewdate .rating.rating-5 {
        background-position: 0 -100px;
    }

    .webservices-reviews .review-outer .review-likedislike {
        padding-top: 0;
        padding-bottom: 0;
        color: #aaa;
    }

     .webservices-reviews .review-outer .review-likedislike .review-likedislike-col{
         padding-top: 20px;
         color: #aaa;
     }

    .webservices-reviews .review-outer .review-likedislike .likedislike_button a {
        display: inline-block;
        padding: 3px 7px;
        background: #fff;
        border: 1px solid #ccc;
        font-size: 12px;
        color: #aaa;
        text-decoration: none;
    }

    .webservices-reviews .review-outer .review-likedislike .likedislike_button a:hover {
        background: #eee;
        color: #666;
    }

    .webservices-reviews .review-outer .review-likedislike .likedislike_button a .fa {
        font-size: 16px;
    }

    .webservices-reviews .review-outer .review-likedislike .button_msg {
        font-size: 95%;
        color: #f00
    }

    .webservices-reviews .review-outer .reviewThumbnails {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
        overflow: hidden;
    }

    .webservices-reviews .review-outer .reviewThumbnails > li {
        float: left;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .webservices-reviews .review-outer .reviewThumbnails > li img {
        width: 80px;
        height: 80px;
    }

    .webservices-reviews .review-outer .reviewThumbnails > li a.youtube-thumbnail {
        display: block;
        width: 80px;
        height: 80px;
        background-position: center center;
        background-size: cover
    }

    .webservices-reviews .review-outer .reviewThumbnails > li a .mediaButton {
        display: block;
        position: absolute;
        width: 80px;
        height: 80px;
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

  .webservices-reviews .review-outer .reviewThumbnails > li a .mediaButton .fa {
      margin-top: 24px;
      color: #fff;
      background-color: rgba(0,0,0,0.5);
      padding: 7px;
      padding-left: 9px;
      height: 30px;
      width: 30px;
      border-radius: 30px;
      text-align: center;
  }

    .webservices-reviews .review-outer .review-inner-reply {
        border: solid 1px #eee;
        margin-top: 20px;
        margin-left: 0;
        padding: 20px;
        background-color: #f9f9f9;
    }

 .webservices-reviews .btn-loadmore { width: 100%; max-width: 340px; margin: 0 auto; display: block; }
 .webservices-reviews .like-dislike-error-message  { font-size: 90%; color: #f00;}

    .webservices-reviews .review-outer .resolve  { padding-bottom: 10px; }
    .webservices-reviews .review-outer .resolvedicon {
        color: #03c4a7;
        font-size: 20px;
    }

    .webservices-reviews .review-outer .resolved-show {
        font-size: 90%;
        color: #03c4a7;
    }
 
 .webservices-reviews .sort-label { text-transform: capitalize;}
 .webservices-reviews .dropdown-sort-write { display: flex; justify-content: space-between}
 .webservices-reviews .header-section .inheader-title { font-size: 24px; font-weight: 700; margin: 0; }

 .webservices-reviews .header-section .review-from a:focus,  .webservices-review .header-section .review-from a:hover { color: #999;}
 .webservices-reviews .header-section .review-from a { color: #666; text-decoration: none; }


 .webservices-reviews .header-section .review-summary {  margin-top: 10px; display: flex; flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center; font-size: 16px; margin-bottom: 4px;}
 .webservices-reviews .header-section .review-summary .review-average { color: #F47E35;font-size: 30px; line-height: 1; margin-right: 4px !important;margin-bottom: 4px !important; }
 .webservices-reviews .header-section .review-summary .review-count {  margin-right: 4px !important; margin-bottom: 4px !important; }
 .webservices-reviews .header-section .review-summary .staricon-group { position: relative; width: 150px; height: 30px; margin-right: 4px !important; margin-bottom: 4px !important; }
 .webservices-reviews .header-section .review-summary .staricon-group .staricon { display: block;}
 .webservices-reviews .header-section .review-summary .staricon-group .staricon .starticon-empty { position: absolute; left: 0; top: 0; display: inline-block; height: 30px; width: 150px; background-image: url(//fileserver.rwardz.com/verview/default/star-icons-m-empty-api.png); background-repeat: no-repeat; }
 .webservices-reviews .header-section .review-summary .staricon-group .staricon .starticon-filled { position: absolute; left: 0; top: 0; display: inline-block; height: 30px; background-image: url(//fileserver.rwardz.com/verview/default/star-icons-m-filled-api.png); background-repeat: no-repeat; }


 @media (min-width:768px) {
    .webservices-reviews .review-outer .review-inner-reply { margin-left: 40px; }

     .webservices-reviews .dropdown-sort-write { display: flex; justify-content: flex-end; }

     .webservices-reviews .header-section .inheader-title {  font-size: 34px;}
    }