/* meta classes settings
 ================================================== */
.mComments_title {
  color: #808080;
  font-size: 26px; }

.mComments_add {
  margin: 20px 25px; }
  .mComments_add_button {
    display: inline-block;
    margin: 5px 0;
    font-style: italic;
    font-size: 18px; }
  .mComments_add_form {
    position: relative;
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    height: 0;
    border-radius: 5px;
    background: #f2f2f2;
    opacity: 0;
    -webkit-transition: all 0.5s, height 200ms;
    -o-transition: all 0.5s, height 200ms;
    transition: all 0.5s, height 200ms;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }
    .mComments_add_form-show {
      visibility: visible;
      overflow: visible;
      margin: 17px 0 20px;
      padding: 10px 18px;
      height: auto;
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      .mComments_add_form-show:after, .mComments_add_form-show:before {
        position: absolute;
        bottom: 100%;
        left: 4%;
        width: 0;
        height: 0;
        border: solid transparent;
        content: " ";
        pointer-events: none; }
      .mComments_add_form-show:after {
        margin-left: -7px;
        border-width: 7px;
        border-bottom-color: #f2f2f2; }
      .mComments_add_form-show:before {
        margin-left: -13px;
        border-width: 13px;
        border-bottom-color: #f2f2f2; }
      .mComments_add_form-show.mComments_add_form-main {
        margin: 20px 0; }
    .mComments_add_form-inline {
      background: #e4f2ff; }
      .mComments_add_form-inline:after, .mComments_add_form-inline:before {
        border-bottom-color: #e4f2ff; }
    .mComments_add_form .acceptMessage {
      margin-top: 0;
      max-width: 600px;
      font-size: 10px; }
  .mComments_add_field-text {
    height: 138px; }
  .mComments_add_submit {
    float: right;
    margin: 5px 0 0;
    border: none;
    background: transparent;
    color: #0071BA;
    text-decoration: underline;
    font: italic 18px "Open Sans", Helvetica, sans-serif; }
    .mComments_add_submit:hover {
      color: #0085da;
      text-decoration: none; }

.mComments_comment {
  margin: 0;
  padding-top: 20px;
  -webkit-animation: fadeIn .3s;
          animation: fadeIn .3s; }
  .mComments_comment_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px; }
  .mComments_comment_author a {
    letter-spacing: .3px;
    font: bold 14px "Open Sans", sans-serif;
    text-decoration: none; }
    .mComments_comment_author a:hover {
      text-decoration: underline; }
  .mComments_comment_date {
    margin-left: auto;
    color: #808080; }
  .mComments_comment_content {
    margin: 0 0 15px;
    word-break: break-word;
    overflow-wrap: break-word; }
  .mComments_comment_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mComments_comment_reply {
    margin-right: 40px; }
  .mComments_comment_complain {
    margin-right: 40px;
    color: #999; }
    .mComments_comment_complain:hover {
      color: #cc6600; }
  .mComments_comment-new {
    background: -webkit-gradient(linear, left top, right top, from(rgba(252, 248, 227, 0)), color-stop(50%, #fcf8e3), to(rgba(252, 248, 227, 0)));
    background: -o-linear-gradient(left, rgba(252, 248, 227, 0) 0%, #fcf8e3 50%, rgba(252, 248, 227, 0) 100%);
    background: linear-gradient(to right, rgba(252, 248, 227, 0) 0%, #fcf8e3 50%, rgba(252, 248, 227, 0) 100%); }
  .mComments_comment-positive {
    position: relative; }
    .mComments_comment-positive::before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      width: 100%;
      height: 150px;
      background: -o-radial-gradient(at top, rgba(0, 175, 0, 0.1) 0%, rgba(0, 175, 0, 0) 75%);
      background: radial-gradient(at top, rgba(0, 175, 0, 0.1) 0%, rgba(0, 175, 0, 0) 75%);
      content: ''; }
  .mComments_comment-negative {
    opacity: .5;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; }
    .mComments_comment-negative:hover {
      opacity: 1;
      -webkit-transition: opacity 1s;
      -o-transition: opacity 1s;
      transition: opacity 1s; }

.mComments_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px auto;
  padding: 8px 70px;
  font-size: 18px; }

.mComments_divider {
  margin: 30px 0 0; }

.commentPopup_body {
  max-width: 450px !important; }

.commentReason_input {
  margin-right: 5px;
  line-height: 2; }

.commentReason_label {
  line-height: 2; }