@charset "UTF-8";
@use "sass:math" as *;
/**
 * Clay 3.105.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.valuation .card-valuation {
  background: #FFFFFF;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
  padding: 40px; }
  .valuation .card-valuation .valuation-header {
    margin-bottom: 40px; }
    .valuation .card-valuation .valuation-header h2 {
      margin-bottom: 0;
      font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 20px;
      text-transform: uppercase; }
    .valuation .card-valuation .valuation-header p.cta-profile {
      margin-bottom: 0;
      padding-right: 12px;
      font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 18px; }
      .valuation .card-valuation .valuation-header p.cta-profile a {
        text-transform: uppercase;
        display: inline-block; }
        .valuation .card-valuation .valuation-header p.cta-profile a:after {
          content: url(../images/icons/arrow_right-24.svg);
          position: relative;
          top: 8px;
          right: -13px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49);
          transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); }
        .valuation .card-valuation .valuation-header p.cta-profile a:hover:after {
          right: -26px; }
  .valuation .card-valuation .card-valuation-list {
    margin-bottom: 60px; }
    .valuation .card-valuation .card-valuation-list:last-child {
      margin-bottom: 20px; }
    .valuation .card-valuation .card-valuation-list .card-valuation-title h3 {
      font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
      font-size: 11px;
      letter-spacing: normal;
      line-height: 18px;
      text-transform: uppercase;
      margin-bottom: 30px; }
    .valuation .card-valuation .card-valuation-list .card-valuation-table table {
      min-width: 420px; }
      .valuation .card-valuation .card-valuation-list .card-valuation-table table td {
        font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 18px;
        padding: 30px 15px 30px 0;
        margin-bottom: 0; }
        .valuation .card-valuation .card-valuation-list .card-valuation-table table td:first-child {
          padding-left: 0; }
        .valuation .card-valuation .card-valuation-list .card-valuation-table table td.no-valuate {
          font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
          font-size: 12px;
          font-weight: 600;
          line-height: 18px; }
        .valuation .card-valuation .card-valuation-list .card-valuation-table table td a:hover {
          opacity: 0.8;
          transition: opacity 0.1s ease-in; }
      .valuation .card-valuation .card-valuation-list .card-valuation-table table th {
        padding: 0 15px 10px 0px;
        border-bottom: 1px solid #000000;
        text-transform: uppercase;
        color: #000000;
        font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
        font-size: 11px;
        letter-spacing: normal;
        line-height: 15px; }
        .valuation .card-valuation .card-valuation-list .card-valuation-table table th.last {
          width: 15%; }
      @media (max-width: 768px) {
        .valuation .card-valuation .card-valuation-list .card-valuation-table table tr:last-child td {
          border-bottom: 0; } }
      .valuation .card-valuation .card-valuation-list .card-valuation-table table tr td:last-child {
        white-space: nowrap; }
  .valuation .card-valuation .wrap-stars p {
    margin-bottom: 0; }
  .valuation .card-valuation .wrap-stars .star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .9em;
    margin-right: .9em;
    margin-bottom: 1.2em;
    border-right: .3em solid transparent;
    border-bottom: 0.7em solid #D5D5D5;
    border-left: .3em solid transparent;
    /* tamaño de star */
    font-size: 7px; }
    .valuation .card-valuation .wrap-stars .star:before, .valuation .card-valuation .wrap-stars .star:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: .6em;
      left: -1em;
      border-right: 1em solid transparent;
      border-bottom: 0.7em solid #D5D5D5;
      border-left: 1em solid transparent;
      transform: rotate(-35deg); }
    .valuation .card-valuation .wrap-stars .star:after {
      transform: rotate(35deg); }
    .valuation .card-valuation .wrap-stars .star.checked {
      border-bottom: 0.7em solid #00538b; }
      .valuation .card-valuation .wrap-stars .star.checked:before, .valuation .card-valuation .wrap-stars .star.checked:after {
        border-bottom: 0.7em solid #00538b; }
  .valuation .card-valuation .wrap-stars span {
    font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 15px;
    color: #9A9A9A; }
  .valuation .card-valuation .valuation-link {
    color: #00538b;
    text-transform: uppercase;
    font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 18px; }
    .valuation .card-valuation .valuation-link:hover {
      color: #00538b;
      opacity: 0.8;
      transition: opacity 0.1s ease-in; }

@media (max-width: 768px) {
  .valuation .card-valuation .card-valuation-list .card-valuation-title h3 {
    margin-bottom: 10px; }
  .valuation .card-valuation .card-valuation-list .card-valuation-table table {
    min-width: 380px;
    margin: 0 auto; }
    .valuation .card-valuation .card-valuation-list .card-valuation-table table td {
      display: block;
      border: none;
      width: 300px;
      padding: 10px 0; }
    .valuation .card-valuation .card-valuation-list .card-valuation-table table tr {
      border-bottom: 1px solid #e7e7ed;
      margin: 10px 0; }
      .valuation .card-valuation .card-valuation-list .card-valuation-table table tr:first-child {
        border-top: 1px solid #e7e7ed; }
    .valuation .card-valuation .card-valuation-list .card-valuation-table table td:first-child {
      font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 24px;
      margin-top: 10px; }
      .valuation .card-valuation .card-valuation-list .card-valuation-table table td:first-child.no-valuate {
        font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px; }
    .valuation .card-valuation .card-valuation-list .card-valuation-table table td:last-child {
      margin-bottom: 10px; }
  .valuation .card-valuation .card-valuation-list thead {
    display: none; }
  .valuation .card-valuation .card-valuation-list table td {
    border: none; } }

.dashboard .valuation .container {
  padding: 0; }