:root {
  --heeelp-success: #28DA66;
}

body {
  background-color: #F2F2F2;
  font-family: 'Roboto', 'Arial', sans-serif;
}

.heeelp-success {
  color: var(--heeelp-success);
}

.bg-heeelp-success {
  background-color: var(--heeelp-success);
}

.btn-heeelp-success {
  background-color: var(--heeelp-success);
  color: #FFF;
}

.validation-valid-label {
  display: none !important;
}

.heeelp-navbar {
  justify-content: space-between;
}

.border-heeelp-success {
  border-color: var(--heeelp-success);
}

.full-text {
  display: none;
}

.read-more {
  cursor:pointer;
  color: cornflowerblue;
}


.container {
    max-width: none !important;
}
/** Cupom de emissão de recompensa */

.table-container {
    background-color: #fcf9f9;
    border-radius: 5px;
}

div.flex-sm-row.table-container {
    margin-top: 15px;
    margin-bottom: 15px;
}

div.address {
    margin-top: 5px;
}

#reward-emission {
    display: none;
}

p.reward-code {
    color: var(--heeelp-success);
    font-size: 24px;
    font-weight: 600;
}

/** Cupom de emissão de recompensa */


.container ul.nav a.active {
    color: var(--heeelp-success);
}

.btn-container {
    margin: 0;
}

.tab-content {
    padding: 0;
}

div.card.card-body.partner-promotion-content-detail-coupon {
    background: #fff;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    margin: 2.25rem;
}

.partner-promotion-content-detail-coupon > div:first-of-type p {
    font-size: 18px;
}

    .partner-promotion-content-detail-coupon > div:first-of-type p.title {
        color: #b5b3b3;
        margin-bottom: 0;
    }

    .partner-promotion-content-detail-coupon > div:first-of-type p.coupon,
    .partner-promotion-content-detail-coupon > div:nth-of-type(2) > p:last-of-type {
        color: var(--heeelp-success);
        font-weight: 600;
    }

.partner-promotion-content-detail-coupon > div:nth-of-type(2) > p {
    margin: 0;
}

    .partner-promotion-content-detail-coupon > div:nth-of-type(2) > p:first-of-type,
    .partner-promotion-content-detail-coupon > div:nth-of-type(2) > p:nth-of-type(3) {
        font-size: 11px;
    }

    .partner-promotion-content-detail-coupon > div:nth-of-type(2) > p.coupon-date {
        font-size: 14px;
        font-weight: 500;
    }




/**  CARDS  */
/**/
.card-custom-header-welcome, 
.card-custom-header-advertisement {
  background-color: #fee7df !important;
}

.card-custom-header-automatic-content {
  background-color: #d6edff !important;
}

.card-custom-header-main {
  font-size: 9px;
}

.card-custom-header-main {
  font-size: 9px;
}

.card-custom-header-main p {
  font-size: 14px;
  margin: 0;
  font-weight: 600;
}

.card-custom-header-score p {
  font-size: 11px;
  margin: 0;
}

.card-custom-header-score span.score {
  color: var(--heeelp-success);
  font-weight: 600;
}

@media (max-width: 375px) {
  .card-header .card-custom-header-main p {
    font-size: 13px;
  }
}

div.list-icons.ml-auto.mb-auto i {
  cursor: pointer;
}

div.card-external-disclaimer {
  background-color: #f2f2f2;
}

.card-advertisement-action, .card-welcome-action {
  margin-top: 5px;
}

div.card-body-tags-container ul {
  display: flex;
  justify-content: space-between;
}

div.card-body-tags-container ul li {
  color: var(--primary);
  cursor: pointer;
}

div.card-body-rating-container {
  display: flex;
  justify-content: space-between;
  padding-left: .75rem;
  padding-right: .75rem;
}

div.card-body-rating {
  max-width: 203px;
}

div.card-body-rating-container label.card-body-rating-title,
#likePostModal ul.list-inline.list-inline-condensed span,
#dislikePostModal ul.list-inline.list-inline-condensed span {
  float: left;
  width: 90px;
}

div.card-body-rating-container i,
#likePostModal ul.list-inline.list-inline-condensed i,
#dislikePostModal ul.list-inline.list-inline-condensed i  {
  font-size: 20px;
}
@media (max-width: 995px) {
  div.card-body-rating {
    max-width: 203px;
  }
  
  div.card-body-rating-container label.card-body-rating-title,
  #likePostModal ul.list-inline.list-inline-condensed span,
  #dislikePostModal ul.list-inline.list-inline-condensed span {
    float: left;
    width: 85px;
  }
  
  div.card-body-rating-container i,
  #likePostModal ul.list-inline.list-inline-condensed i,
  #dislikePostModal ul.list-inline.list-inline-condensed i  {
    font-size: 15px;
  }
}

@media (max-width: 469px) {
  div.card-body-rating {
    max-width: 203px;
  }
  
  div.card-body-rating-container label.card-body-rating-title,
  #likePostModal ul.list-inline.list-inline-condensed span,
  #dislikePostModal ul.list-inline.list-inline-condensed span {
    float: left;
    width: 85px;
  }
  
  div.card-body-rating-container i,
  #likePostModal ul.list-inline.list-inline-condensed i,
  #dislikePostModal ul.list-inline.list-inline-condensed i  {
    font-size: 15px;
  }
}

@media (max-width: 409px) {  
  div.card-body-rating-container i,
  #likePostModal ul.list-inline.list-inline-condensed i,
  #dislikePostModal ul.list-inline.list-inline-condensed i  {
    font-size: 14px;
  }
}

@media (max-width: 399px) {  
  div.card-body-rating {
    max-width: 250px;
  }

  div.card-body-rating-container label.card-body-rating-title,
  #likePostModal ul.list-inline.list-inline-condensed span,
  #dislikePostModal ul.list-inline.list-inline-condensed span {
    width: 95px;
  }

  div.card-body-rating-container label,
  #likePostModal ul.list-inline.list-inline-condensed label,
  #dislikePostModal ul.list-inline.list-inline-condensed label {
    font-size: 14px;
    margin-right: 20px;
  }

  div.card-body-rating-container i,
  #likePostModal ul.list-inline.list-inline-condensed i,
  #dislikePostModal ul.list-inline.list-inline-condensed i  {
    font-size: 20px;
  }


}

#likePostModal ul.list-inline.list-inline-condensed i,
#dislikePostModal ul.list-inline.list-inline-condensed i {
  cursor: pointer;
}

div.card-body-actions-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 1043px) {
  .card-body-actions-like-dislike span {
    display: none;
  }
}

div.card.card-automatic-content > div.card-header, div.card.card-automatic-content > div.card-header {
  background-color: #d6edff !important;
}

div.card-body-promotion-content-description,
div.card-body.card-partner-promotion-content-body {
  background-color: #fcf9f9 !important;
  border-radius: 5px !important;
}

div.card.card-custom div.card-body table.table {
  line-height: 10px;
}

div.card-body-actions-like-dislike i {
  font-size: 20px;
}

div.card .card-body-actions-like-dislike, div.card .card-body-actions-statistics {
  cursor: pointer;
}

.report-options {
  display: none;
}


hr.no-margin {
  margin: 0 .75rem;
}