@charset "UTF-8";
/*====== MIXINS ======*/
/*====== MIXIN ======*/
/*====== MIXIN ======*/
/*====== FUENTE ======*/
/* Open Sans */
@import url("https:/	/fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
/* Material Icons */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
/*====== COLORES 	====*/
/* mios */
/*-- colores mdb --*/
/*====== MEDIA QUERIES ======*/
/*@mixin respond-to($media) {
  @if $media == xs {
    @media only screen and (max-width: $break-sm) { @content; }
  }
  @else if $media == sm {
    @media only screen and (min-width: $break-sm + 1) and (max-width: $break-md - 1) { @content; }
  }
  @else if $media == md {
    @media only screen and (min-width: $break-md + 1) and (max-width: $break-lg - 1) { @content; }
  }
  @else if $media == lg {
    @media only screen and (min-width: $break-lg) { @content; }
  }
}*/
/*====== GENERALES ======*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444;
  font-size: 16px; }
  body.loader {
    overflow: hidden !important; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s; }

.alertframe {
  background: #ffbb33;
  font-size: 14px;
  text-align: center;
  padding: 5px 0; }
  .alertframe a {
    text-decoration: underline; }
    .alertframe a:hover {
      text-decoration: underline; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

h2, h3, h4, h5, h6 {
  padding-bottom: 1rem;
  font-family: "Roboto", sans-serif; }

a {
  transition: all 0.3s linear;
  color: #444; }
  a:focus {
    outline: none; }
  a:focus, a:hover {
    color: #444; }
  a.no-link {
    cursor: default; }

p, dd {
  font-weight: 100; }

.no-link {
  cursor: default;
  text-decoration: underline; }

/*-- inputs --*/
#main input, #main textarea {
  border-bottom: 1px dotted #ccc;
  color: #444;
  font-size: .95rem;
  font-weight: 100; }

#main input.file-path {
  font-size: .8rem; }

#main input.error, #main input.invalid, #main textarea.invalid {
  border-bottom: 1px solid #ff4444; }

span.error, span.invalid, div.error, div.invalid {
  color: #ff4444;
  font-size: .75rem;
  display: block;
  padding: 0px 0px 0px 5px;
  background: rgba(244, 67, 54, 0.2); }
  span.error.head-error, span.invalid.head-error, div.error.head-error, div.invalid.head-error {
    background: none;
    display: inline-block;
    width: 40px;
    padding: 0;
    text-align: center;
    float: right;
    margin-right: -40px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      span.error.head-error, span.invalid.head-error, div.error.head-error, div.invalid.head-error {
        margin-right: -20px; } }
    @media only screen and (max-width: 767px) {
      span.error.head-error, span.invalid.head-error, div.error.head-error, div.invalid.head-error {
        margin-right: -20px; } }

span.valid, div.error, div.valid {
  background: none; }

.file-field .invalid {
  float: left;
  padding: 0 5px; }
  .file-field .invalid#documento_archivo-error {
    float: none;
    margin-bottom: .75rem; }

#main .select-dropdown {
  color: #757575;
  font-size: .8rem; }
  #main .select-dropdown.disabled {
    pointer-events: none; }

#main input.disabled {
  pointer-events: none;
  cursor: pointer; }

#main .btn-subida.disabled input {
  pointer-events: none;
  cursor: pointer; }

#main .sel-lg .select-dropdown {
  font-size: 1.1rem; }

#main .sel-md .select-dropdown {
  font-size: .95rem;
  color: #999; }

#main.solicitud .select-dropdown {
  font-size: 1.1rem; }

#main.solicitud .sub-dato .select-dropdown {
  font-size: .8rem; }

#main .cke_chrome {
  margin-bottom: .5rem; }

#main .form-custom .dato-form, #main .form-custom .md-form {
  margin-bottom: 1rem; }

#main .form-custom textarea {
  background: #fff;
  overflow: hidden;
  resize: none;
  height: auto;
  border: 1px solid #ccc;
  padding: 10px; }
  #main .form-custom textarea.especial {
    width: 92%;
    margin-left: 0; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main .form-custom textarea.especial {
        width: 95%; } }
    @media only screen and (max-width: 767px) {
      #main .form-custom textarea.especial {
        width: 100%; } }

#main .form-custom input {
  background: #fff;
  border: 1px solid #ccc;
  text-indent: 10px;
  margin-top: 0; }
  #main .form-custom input.especial {
    width: 92%;
    margin-left: 0; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main .form-custom input.especial {
        width: 95%; } }
    @media only screen and (max-width: 767px) {
      #main .form-custom input.especial {
        width: 95%; } }

#main .form-custom .esp .character-counter {
  margin-right: 54px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #main .form-custom .esp .character-counter {
      margin-right: 20px; } }
  @media only screen and (max-width: 767px) {
    #main .form-custom .esp .character-counter {
      margin-right: 0; } }

#main .hide {
  display: none; }

#main .show {
  display: block; }

#main .pointer {
  cursor: pointer; }

#main .dato-form, #main .md-form {
  margin-bottom: 2.5rem; }
  #main .dato-form.subtitulo, #main .md-form.subtitulo {
    margin-bottom: 1rem; }
  #main .dato-form.overflow, #main .md-form.overflow {
    overflow: hidden; }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    #main .dato-form.separa, #main .md-form.separa {
      margin-bottom: 5rem; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #main .dato-form.separa, #main .md-form.separa {
      margin-bottom: 5rem; } }
  @media only screen and (max-width: 767px) {
    #main .dato-form.separa, #main .md-form.separa {
      margin-bottom: 5rem; } }

#main .input-group input {
  text-indent: .75rem; }

#main .input-group span.url {
  font-size: 12px;
  padding-left: 10px; }
  @media only screen and (max-width: 767px) {
    #main .input-group span.url {
      display: none; } }

img, .noselect {
  user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -ms-user-select: none; }

table th {
  font-weight: 400; }

.section-cabecera {
  margin-bottom: 1.2rem;
  text-align: center; }

#main .container .oculto {
  display: none; }

#main .alerta-reserva {
  text-align: left !important;
  position: relative; }
  #main .alerta-reserva:before, #main .alerta-reserva:after {
    content: "";
    width: 0;
    height: 0; }
  #main .alerta-reserva:before {
    border-bottom: 10px solid #bcdff2;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: -1px; }
  #main .alerta-reserva:after {
    border-bottom: 10px solid #d9edf7;
    border-left: 10px solid transparent;
    position: absolute;
    top: -8px;
    right: 0px; }

#main .migas {
  display: table;
  font-size: .65rem;
  margin-bottom: 8px;
  position: relative;
  color: #757575; }
  #main .migas span, #main .migas a, #main .migas i {
    display: table-cell;
    vertical-align: middle; }
  #main .migas a {
    text-decoration: underline;
    color: #757575; }
  #main .migas i {
    color: #2BBBAD; }
  #main .migas.margenes {
    margin: -30px 0 30px; }

.fixed-info-ronda, .fixed-menu-ronda {
  padding: 0; }
  .fixed-info-ronda.fixy, .fixed-menu-ronda.fixy {
    position: fixed;
    /*width: 100%;*/
    left: 50%;
    top: 0;
    z-index: 100;
    border-top: 0;
    margin-top: 0;
    transform: translateX(-50%); }
    @media only screen and (max-width: 767px) {
      .fixed-info-ronda.fixy, .fixed-menu-ronda.fixy {
        position: static;
        transform: translateX(0%); } }

.fixed-side-menu {
  margin-bottom: 40px;
  transition: all 0.3s linear; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .fixed-side-menu {
      display: block;
      position: static !important; } }
  @media only screen and (max-width: 767px) {
    .fixed-side-menu {
      display: block;
      position: static !important; } }

.paginador {
  overflow: hidden; }
  .paginador .referencia {
    padding: .5rem .75rem;
    display: inline-block;
    float: left;
    margin: 1rem 0; }
    @media only screen and (max-width: 767px) {
      .paginador .referencia {
        display: block;
        float: none;
        font-size: 10px;
        margin: 0;
        padding-bottom: 0;
        text-align: right; } }
  .paginador .pagination {
    float: right; }
    .paginador .pagination .active .page-link {
      background: #000; }

#main .link-negocios {
  text-align: center;
  text-transform: uppercase;
  background: #fbfbfb;
  margin-bottom: 60px; }
  #main .link-negocios h2, #main .link-negocios h3 {
    text-transform: none; }
  #main .link-negocios a {
    color: #0099CC;
    font-size: 1rem;
    display: table;
    /*width: 75%;*/
    margin: 0 auto;
    padding: 40px 0; }
    #main .link-negocios a span {
      display: inline-block;
      vertical-align: middle;
      padding-right: 10px; }
    #main .link-negocios a i {
      display: inline-block;
      vertical-align: middle;
      color: #666; }
    #main .link-negocios a:hover {
      color: #303030; }
    #main .link-negocios a.btn {
      padding: .85rem 2.13rem;
      font-size: .9rem; }
      #main .link-negocios a.btn i {
        color: #fff; }

#main.home .link-negocios {
  background: none; }

.banner .btn {
  width: 200px; }

#stop {
  height: 30px; }

/*==== HEADER ====*/
#header {
  text-align: center;
  position: relative;
  padding-top: 5px; }
  #header h1 {
    width: 150px;
    float: left;
    margin: 0 0 6px 0;
    padding: 0 15px; }
    #header h1 img {
      width: 100%; }
  #header .menu-ppal {
    display: inline-block;
    margin: 0 15px;
    height: 100%;
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #header .menu-ppal {
        width: 96%; } }
    @media only screen and (max-width: 767px) {
      #header .menu-ppal {
        width: 100%;
        margin: 10px 0; } }
    #header .menu-ppal a {
      color: #666;
      font-size: .9rem;
      padding: 17px 20px;
      display: inline-block;
      position: relative;
      font-weight: 300; }
      @media only screen and (min-width: 1200px) {
        #header .menu-ppal a {
          padding: 17px 20px; } }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #header .menu-ppal a {
          padding: 17px 12px; } }
      @media only screen and (max-width: 767px) {
        #header .menu-ppal a {
          padding: 5px 10px;
          height: 30px; } }
      #header .menu-ppal a:hover:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 7px;
        background: #f6f6f6; }
        @media only screen and (max-width: 767px) {
          #header .menu-ppal a:hover:after {
            height: 3px;
            bottom: 2px; } }
      #header .menu-ppal a.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 7px;
        background: #ccc; }
        @media only screen and (max-width: 767px) {
          #header .menu-ppal a.active:after {
            height: 3px;
            bottom: 2px; } }
  #header .registro-head {
    padding: 0 10px;
    position: relative; }
    #header .registro-head .user-grupo {
      position: relative;
      padding-right: 40px;
      cursor: pointer; }
      #header .registro-head .user-grupo .btn-drop {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 10px;
        width: 40px;
        height: 39px; }
      #header .registro-head .user-grupo i {
        vertical-align: middle; }
      #header .registro-head .user-grupo .drop_log {
        width: 180px;
        position: absolute;
        top: 110%;
        right: 0;
        background: #fff;
        border-radius: 2px;
        padding: .5rem 0 0 0;
        z-index: 100;
        box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
        text-align: left;
        display: none; }
        #header .registro-head .user-grupo .drop_log a {
          display: block;
          font-size: .8rem;
          font-weight: 200;
          padding: 1rem 1.2rem;
          border-bottom: 1px solid #f6f6f6; }
          #header .registro-head .user-grupo .drop_log a:last-child {
            border-bottom: none; }
          #header .registro-head .user-grupo .drop_log a:hover {
            background: #f6f6f6; }
          #header .registro-head .user-grupo .drop_log a.x-sesion {
            display: table;
            width: 100%; }
            #header .registro-head .user-grupo .drop_log a.x-sesion i {
              display: table-cell;
              vertical-align: middle;
              text-align: center;
              font-size: 16px; }
            #header .registro-head .user-grupo .drop_log a.x-sesion span {
              display: table-cell;
              vertical-align: middle; }
          #header .registro-head .user-grupo .drop_log a.btn-msn {
            position: relative; }
            #header .registro-head .user-grupo .drop_log a.btn-msn .user-alerta {
              position: static;
              padding: 0px 4px;
              margin-left: 3px; }
    #header .registro-head .user-avatar-head {
      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3); }
      @media only screen and (max-width: 767px) {
        #header .registro-head .user-avatar-head {
          width: 40px; } }
    #header .registro-head .user-alerta {
      background: #ff4444;
      padding: 2px 4px;
      position: absolute;
      left: -8px;
      top: 0px;
      color: #fff;
      font-size: .7rem;
      line-height: 100%;
      border-radius: 3px; }
      #header .registro-head .user-alerta a {
        color: #fff;
        text-decoration: none; }
    #header .registro-head span a {
      text-decoration: underline; }
      #header .registro-head span a.btnlogin {
        font-size: .9rem;
        padding-right: 15px;
        color: #33b5e5; }
        @media only screen and (max-width: 767px) {
          #header .registro-head span a.btnlogin {
            font-size: .8rem;
            display: inline-block;
            padding-right: 0; } }
      #header .registro-head span a.btnreg {
        text-decoration: none; }
        @media only screen and (max-width: 767px) {
          #header .registro-head span a.btnreg {
            padding: .55rem .32rem;
            font-size: .8rem; } }
    #header .registro-head span.user-nombre {
      font-size: .75rem;
      text-transform: capitalize;
      color: #999;
      font-weight: 100;
      padding-left: 5px;
      display: inline-block;
      min-height: 33px; }
    @media only screen and (max-width: 767px) {
      #header .registro-head {
        padding: 0; } }
  #header:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 0;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.8);
    z-index: 10; }
  #header .alerta {
    position: absolute;
    top: 100%;
    right: -150%;
    padding: 1rem;
    margin-bottom: 0;
    z-index: 10;
    font-size: .9rem;
    transition: all 0.5s linear; }
    #header .alerta p {
      margin: 0;
      line-height: 120%;
      float: left; }
    #header .alerta.activo {
      right: 0; }
    #header .alerta .close-alerta {
      margin-left: .75rem;
      color: #fff;
      cursor: pointer; }
      #header .alerta .close-alerta i {
        font-size: 1rem;
        font-weight: 600; }

/*==== HOME ====*/
.home section {
  padding: 40px 0; }
  .home section#cifras {
    background: #e5e5e5;
    padding: 1rem 0;
    text-align: center; }
    .home section#cifras .cifra {
      padding: 15px 0; }
      .home section#cifras .cifra:last-child {
        border-right: none; }
      @media only screen and (max-width: 767px) {
        .home section#cifras .cifra {
          margin-bottom: 30px; }
          .home section#cifras .cifra:nth-child(2) {
            border-right: none; } }
    .home section#cifras h3 {
      font-size: 2rem;
      margin-bottom: 0;
      padding-bottom: 0;
      font-weight: 600;
      color: #d41f29;
      height: 36px; }
      .home section#cifras h3 i {
        color: #666; }
      .home section#cifras h3 #numeros_dinero {
        display: inline-block; }
    .home section#cifras span {
      font-size: 1.3rem;
      display: block;
      line-height: 100%;
      font-weight: 300; }
    .home section#cifras .marquesina {
      height: 40px;
      overflow: hidden;
      position: relative; }
      .home section#cifras .marquesina div {
        height: 120px; }
      .home section#cifras .marquesina span {
        display: block;
        height: 40px;
        padding: 5px 0;
        font-size: 2rem; }
      .home section#cifras .marquesina .item-1,
      .home section#cifras .marquesina .item-2,
      .home section#cifras .marquesina .item-3 {
        position: absolute;
        display: block;
        top: 0;
        width: 100%;
        float: left;
        transition: all 2s ease;
        -webkit-animation-duration: 20s;
        -moz-animation-duration: 20s;
        -ms-animation-duration: 20s;
        -o-animation-duration: 20s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite; }
      .home section#cifras .marquesina .item-1 {
        animation-name: anim-1; }
      .home section#cifras .marquesina .item-2 {
        animation-name: anim-2; }
      .home section#cifras .marquesina .item-3 {
        animation-name: anim-3; }

@keyframes anim-1 {
  0%, 8.3% {
    opacity: 0; }
  8.3%, 25% {
    opacity: 1; }
  33.33%, 100% {
    opacity: 0; } }

@keyframes anim-2 {
  0%, 33.33% {
    opacity: 0; }
  41.63%, 58.29% {
    opacity: 1; }
  66.66%, 100% {
    opacity: 0; } }

@keyframes anim-3 {
  0%, 66.66% {
    opacity: 0; }
  74.96%, 91.62% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes bull-1 {
  0%, 8.3% {
    left: 8%; }
  8.3%, 25% {
    left: 8%; }
  41.63%, 58.29% {
    left: 14%; }
  74.96%, 91.62% {
    left: 26%; }
  100% {
    left: 8%; } }

@keyframes marquee {
  0% {
    margin-top: 40px; }
  12% {
    margin-top: 0px; }
  25% {
    margin-top: 0px; }
  37.5% {
    margin-top: -40px; }
  62.5% {
    margin-top: -40px; }
  75% {
    margin-top: -80px; }
  87.5% {
    margin-top: -80px; }
  100% {
    margin-top: -120px; } }
    @media only screen and (max-width: 767px) {
      .home section#cifras {
        border-bottom: none; }
        .home section#cifras .container {
          width: 100%; } }
  .home section#casos-exito {
    background: #f6f6f6; }
    .home section#casos-exito .campanas-exito .card {
      background: #fff; }

/*-- Banner-home --*/
#banner-home {
  padding: 0;
  /*background: url('/images/generales/banners/banner-home01-inversiones.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;*/
  background-color: #ccc; }
  @media only screen and (max-width: 767px) {
    #banner-home {
      background-position: 56% top; } }
  #banner-home .content-banner {
    text-align: left;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s linear;
    float: none; }
    #banner-home .content-banner h3 {
      font-size: 250%; }
      @media only screen and (min-width: 1200px) {
        #banner-home .content-banner h3 {
          width: 80%; } }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #banner-home .content-banner h3 {
          font-size: 200%;
          padding-bottom: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-home .content-banner h3 {
          font-size: 180%;
          padding-bottom: 0; } }
      @media only screen and (max-width: 767px) {
        #banner-home .content-banner h3 {
          font-size: 150%;
          padding-bottom: 0; } }
    #banner-home .content-banner p {
      font-weight: 300; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #banner-home .content-banner p {
          font-size: .9rem; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-home .content-banner p {
          font-size: .9rem;
          line-height: 110%; } }
      @media only screen and (max-width: 767px) {
        #banner-home .content-banner p {
          font-size: .9rem;
          line-height: 100%; } }
    #banner-home .content-banner .btn-default {
      background: #00c851; }
    @media only screen and (max-width: 767px) {
      #banner-home .content-banner.rojo {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      #banner-home .content-banner.rojo .wrap {
        background: rgba(255, 255, 255, 0.3);
        display: block;
        padding: 10px;
        margin-bottom: 10px; } }
    #banner-home .content-banner.rojo h3 {
      color: #d41f29;
      text-shadow: none; }
      @media only screen and (max-width: 767px) {
        #banner-home .content-banner.rojo h3 {
          font-size: 200%;
          line-height: 120%; } }
    #banner-home .content-banner.rojo p {
      font-size: 1.4rem;
      font-weight: 500;
      text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
      line-height: 120%; }
      @media only screen and (max-width: 767px) {
        #banner-home .content-banner.rojo p {
          width: 80%;
          font-size: 90%;
          margin-bottom: 0; } }
    #banner-home .content-banner.rojo .btn {
      background: #247ba0; }
      #banner-home .content-banner.rojo .btn:hover {
        background: #0099CC !important; }
  #banner-home .view.left img {
    float: left; }
  #banner-home .view.right img {
    float: right; }
  #banner-home .carousel-item {
    min-height: 430px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #banner-home .carousel-item {
        min-height: 300px; } }
    @media only screen and (max-width: 767px) {
      #banner-home .carousel-item {
        min-height: 300px;
        background-position: 56% top; } }
    #banner-home .carousel-item.item01 {
      background-image: url("/images/generales/banners/banner-home01-inversiones-escaladores.jpg"); }
    #banner-home .carousel-item.item02 {
      background-image: url("/images/generales/banners/banner-home02-inversiones.jpg"); }
    #banner-home .carousel-item.item03 {
      background-image: url("/images/generales/banners/banner-home03-inversiones.jpg"); }
    #banner-home .carousel-item.item04 {
      background-image: url("/images/generales/banners/banner-home04-inversiones.jpg"); }
    #banner-home .carousel-item.item05 {
      background-image: url("/images/generales/banners/banner-home05-inversiones.jpg"); }
    #banner-home .carousel-item .content-banner {
      /*outline: 1px solid red;
			@include respond-to(sm) {
				outline: 1px solid blue;
			}
			@include respond-to(xs) {
				outline: 1px solid green;
			}*/ }
  #banner-home .carousel-caption {
    top: 0;
    height: 100%;
    left: 0;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #banner-home .carousel-caption {
        width: 94%;
        left: 3%; } }
  #banner-home .carousel-control.right, #banner-home .carousel-control.left {
    background-image: none; }
  #banner-home .carousel-control i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 200%;
    color: #fff;
    transform: translate(-50%, -50%); }

/*-- Banner-home --*/
#banner-servicios {
  padding: 0;
  background-color: #ccc; }
  @media only screen and (max-width: 767px) {
    #banner-servicios {
      background-position: 56% top; } }
  #banner-servicios .content-banner {
    text-align: left;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s linear;
    float: none; }
    #banner-servicios .content-banner h3 {
      font-size: 250%; }
      @media only screen and (min-width: 1200px) {
        #banner-servicios .content-banner h3 {
          width: 80%; } }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #banner-servicios .content-banner h3 {
          font-size: 200%;
          padding-bottom: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-servicios .content-banner h3 {
          font-size: 180%;
          padding-bottom: 0; } }
      @media only screen and (max-width: 767px) {
        #banner-servicios .content-banner h3 {
          font-size: 150%;
          padding-bottom: 0; } }
    #banner-servicios .content-banner p {
      font-weight: 300; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #banner-servicios .content-banner p {
          font-size: .9rem; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-servicios .content-banner p {
          font-size: .9rem;
          line-height: 110%; } }
      @media only screen and (max-width: 767px) {
        #banner-servicios .content-banner p {
          font-size: .9rem;
          line-height: 100%; } }
    #banner-servicios .content-banner .btn-default {
      background: #00c851; }
  #banner-servicios .view.left img {
    float: left; }
  #banner-servicios .view.right img {
    float: right; }
  #banner-servicios .carousel-item {
    min-height: 430px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #banner-servicios .carousel-item {
        min-height: 300px; } }
    @media only screen and (max-width: 767px) {
      #banner-servicios .carousel-item {
        min-height: 300px;
        background-position: 56% top; } }
    #banner-servicios .carousel-item.item01 {
      background-image: url("/images/generales/banners/banner-servicios01.jpg"); }
  #banner-servicios .carousel-caption {
    top: 0;
    left: 3%;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      #banner-servicios .carousel-caption {
        width: 94%; } }
  #banner-servicios .carousel-control.right, #banner-servicios .carousel-control.left {
    background-image: none; }
  #banner-servicios .carousel-control i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 200%;
    color: #fff;
    transform: translate(-50%, -50%); }

/*-- beneficios --*/
#beneficios {
  text-align: center;
  padding-top: 70px; }
  #beneficios h2 {
    text-align: center;
    padding-bottom: 50px;
    font-weight: 300; }
  #beneficios h3 {
    font-size: 1.3rem;
    padding: 20px 0; }
  #beneficios i {
    font-size: 1.5rem;
    color: #ff4444; }
  #beneficios p {
    font-size: 1rem; }
  #beneficios #btn-registro-home {
    margin: 30px 0 0;
    border: 2px solid #33b5e5;
    color: #33b5e5; }

/*==== BASE CAJA CAMPANAS ====*/
.card {
  margin-bottom: 40px;
  transition: all 0.3s linear;
  /*.btn-ver-proy {
		display: inline-block;
		padding: .2rem .5rem;
		background: $info-color;
		color: $blanco;
		font-size: .7rem;
	}*/ }
  .card:hover {
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.8); }
  .card .sop-img-campanas {
    padding: 0;
    position: relative;
    margin-bottom: 50px; }
    .card .sop-img-campanas .logo-campana {
      width: 100px;
      height: 100px;
      overflow: hidden;
      padding: 5px;
      position: absolute;
      bottom: 0;
      right: 50%;
      margin-right: -50px;
      margin-bottom: -50px;
      background: #fff;
      border-radius: 5px; }
      .card .sop-img-campanas .logo-campana img {
        width: 100%; }
  .card .card-block {
    padding: 0; }
    .card .card-block .content-card {
      padding: 1.25rem;
      height: 300px;
      position: relative; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .card .card-block .content-card {
          height: 290px; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .card .card-block .content-card {
          height: 350px; } }
      @media only screen and (max-width: 767px) {
        .card .card-block .content-card {
          height: 354px; } }
      .card .card-block .content-card h4 {
        text-align: center;
        border-bottom: 1px solid #ccc;
        font-size: 1.6rem; }
      .card .card-block .content-card .pais {
        overflow: hidden;
        font-size: .7rem;
        color: #666;
        padding-bottom: 4px;
        line-height: 20px; }
        .card .card-block .content-card .pais img {
          width: 22px;
          float: left;
          margin-right: 8px; }
      .card .card-block .content-card .patrocinador {
        overflow: hidden;
        font-size: .7rem;
        color: #666;
        padding-bottom: 4px;
        display: table; }
        .card .card-block .content-card .patrocinador img {
          width: 54px;
          height: auto;
          float: left;
          margin-right: 8px;
          display: table-cell;
          border-radius: 27px;
          padding: 2px;
          background: #fff;
          border: 1px solid #ccc;
          transition: all 0.3s linear;
          transform: scale(1); }
        .card .card-block .content-card .patrocinador .nombre {
          overflow: hidden;
          font-size: .7rem;
          color: #666;
          padding-bottom: 4px;
          display: table-cell;
          vertical-align: middle;
          line-height: 120%;
          padding-left: 6px; }
  .card .categoria {
    font-size: .7rem;
    color: #666;
    padding-bottom: 4px;
    display: table; }
    .card .categoria i {
      font-size: 1.4rem;
      color: #666;
      margin-right: 10px;
      padding-right: 5px;
      display: table-cell;
      vertical-align: middle; }
    .card .categoria .cat {
      display: table-cell;
      vertical-align: middle; }
    .card .categoria a {
      color: #999; }
      .card .categoria a:hover {
        color: #666; }
  .card .estado {
    display: inline-block;
    margin-bottom: .7rem;
    padding: .3rem 1.5rem;
    color: #fff;
    background: #00C851;
    font-size: .9rem;
    font-weight: 100;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); }
  .card .card-text {
    color: #666;
    height: 72px;
    overflow: hidden;
    width: 100%;
    font-size: 1rem;
    line-height: 120%;
    padding-top: 1rem; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .card .card-text {
        height: 110px; } }
    .card .card-text.destacado {
      padding-top: 0; }
  .card .info-inversion {
    background: #f6f6f6;
    padding: 1.25rem;
    color: #666;
    /*position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;*/ }
    .card .info-inversion .monto {
      text-align: center;
      font-size: 1.1rem;
      padding-bottom: 10px; }
    .card .info-inversion .nums {
      font-size: .8rem;
      overflow: hidden;
      padding: 5px 0;
      text-align: center;
      line-height: 120%; }
      .card .info-inversion .nums > div {
        display: inline-block;
        text-align: center;
        padding: 0 10px;
        font-weight: 300; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          .card .info-inversion .nums > div {
            height: 50px; } }
        @media only screen and (max-width: 767px) {
          .card .info-inversion .nums > div {
            height: 50px; } }
        .card .info-inversion .nums > div span {
          display: block;
          font-size: 1rem;
          font-weight: 500; }
    .card .info-inversion .progress {
      height: 12px;
      border: 2px solid #fff; }
  .card .btn-ver-proyecto {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: center;
    padding: 0rem .3rem 0rem .8rem;
    background: #33b5e5;
    font-size: .6rem;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px; }
    .card .btn-ver-proyecto span, .card .btn-ver-proyecto i {
      display: inline-block;
      vertical-align: middle; }

.barra {
  width: 100%;
  height: 10px;
  background: #e5e5e5;
  border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1.3rem;
  position: relative; }
  .barra .barra-color {
    display: block;
    width: 0%;
    height: 10px;
    background: #00ba7a;
    border-radius: 10px; }
    .barra .barra-color .barra-porcentaje {
      position: relative;
      width: 100%;
      height: 4px;
      display: block; }
      .barra .barra-color .barra-porcentaje[data-overfunding]:after {
        content: attr(data-overfunding);
        position: absolute;
        top: 7px;
        font-size: 10px;
        padding: 0 4px;
        height: 11px;
        color: #007E33;
        width: 100px;
        text-align: center;
        transition: all 0.3s linear;
        opacity: 0; }
      .barra .barra-color .barra-porcentaje.menosAncho[data-overfunding]:after {
        right: auto;
        left: 100%;
        border-left: 1px solid #00ba7a;
        opacity: 1;
        margin-top: 2px; }
      .barra .barra-color .barra-porcentaje.masAncho[data-overfunding]:after {
        left: auto;
        right: 0;
        border-right: 1px solid #00ba7a;
        opacity: 1;
        margin-top: 2px; }
  .barra .barra-over {
    width: 0;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    transition: all 0.3s linear;
    display: none; }
    .barra .barra-over.activo {
      display: block; }
    .barra .barra-over .barra-porcentaje {
      background: #fff;
      position: relative;
      width: 100%;
      height: 4px;
      display: block; }
      .barra .barra-over .barra-porcentaje[data-overfunding]:after {
        content: attr(data-overfunding);
        position: absolute;
        top: 7px;
        font-size: 10px;
        padding: 0 4px;
        height: 11px;
        color: #007E33;
        width: 100px;
        text-align: center;
        transition: all 0.3s linear;
        opacity: 0; }
      .barra .barra-over .barra-porcentaje.menosAncho[data-overfunding]:after {
        right: auto;
        left: 100%;
        border-left: 1px solid #00ba7a;
        opacity: 1; }
      .barra .barra-over .barra-porcentaje.masAncho[data-overfunding]:after {
        left: auto;
        right: 0;
        border-right: 1px solid #00ba7a;
        opacity: 1; }

/*==== HOME CAMPANAS ====*/
/*-- campanas-home --*/
#campanas-slide {
  background: #f6f6f6; }
  #campanas-slide .carousel-multi-item {
    margin-bottom: 50px; }
    #campanas-slide .carousel-multi-item .card {
      overflow: hidden;
      margin: 5px; }
      #campanas-slide .carousel-multi-item .card:hover {
        box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.16); }
      #campanas-slide .carousel-multi-item .card .sop-img-campanas {
        padding: 0;
        position: relative;
        overflow: hidden;
        height: 401px;
        margin-bottom: 0; }
        #campanas-slide .carousel-multi-item .card .sop-img-campanas img {
          padding: 0;
          position: absolute;
          left: 0;
          top: 0;
          width: 642px;
          height: 481px;
          max-width: none; }
        #campanas-slide .carousel-multi-item .card .sop-img-campanas .logo-campana {
          width: 100px;
          height: 100px;
          overflow: hidden;
          position: absolute;
          top: 30px;
          right: 80px;
          background: #fff;
          transform: translate(0%, 0%); }
          #campanas-slide .carousel-multi-item .card .sop-img-campanas .logo-campana img {
            width: 100%;
            position: static;
            width: 100%;
            height: 100%; }
    #campanas-slide .carousel-multi-item .card-block .content-card {
      padding: 1.25rem;
      height: 256px; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #campanas-slide .carousel-multi-item .card-block .content-card {
          height: 261px; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #campanas-slide .carousel-multi-item .card-block .content-card {
          height: 263px; } }
      @media only screen and (max-width: 767px) {
        #campanas-slide .carousel-multi-item .card-block .content-card {
          height: auto;
          padding-bottom: 40px; } }
      #campanas-slide .carousel-multi-item .card-block .content-card h4 {
        text-align: left;
        border-bottom: 0; }
      #campanas-slide .carousel-multi-item .card-block .content-card .pais img {
        width: 22px;
        float: left;
        margin-right: 8px; }
      #campanas-slide .carousel-multi-item .card-block .content-card .patrocinador {
        display: table;
        padding-left: 3px; }
        #campanas-slide .carousel-multi-item .card-block .content-card .patrocinador .logo {
          height: 50px;
          width: 50px;
          display: inline-block;
          margin-right: 6px; }
        #campanas-slide .carousel-multi-item .card-block .content-card .patrocinador .nombre {
          overflow: hidden;
          font-size: .7rem;
          color: #666;
          padding-bottom: 4px;
          display: table-cell;
          vertical-align: middle;
          line-height: 120%;
          padding-left: 6px; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      #campanas-slide .carousel-multi-item .card-block .info-inversion .nums > div {
        padding: 0 3px; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #campanas-slide .carousel-multi-item .card-block .info-inversion .nums > div {
        padding: 0 3px;
        height: auto; } }
    #campanas-slide .carousel-multi-item .carousel-control.right, #campanas-slide .carousel-multi-item .carousel-control.left {
      background-image: none; }
    #campanas-slide .carousel-multi-item .carousel-indicators li {
      background: #666;
      /*height: 15px;
			width: 15px;*/
      margin-bottom: -30px; }
      #campanas-slide .carousel-multi-item .carousel-indicators li.active {
        background: #000; }
  @media only screen and (max-width: 767px) {
    #campanas-slide .link-negocios {
      padding-top: 30px; } }

/*==== BANNER INTERIOR ====*/
/*-- Banner-interior --*/
#banner-interior, #banner-interior-secundario {
  padding: 0; }
  #banner-interior .content-banner, #banner-interior-secundario .content-banner {
    text-align: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s linear; }
    #banner-interior .content-banner h3, #banner-interior-secundario .content-banner h3 {
      font-size: 250%; }
      @media only screen and (min-width: 1200px) {
        #banner-interior .content-banner h3, #banner-interior-secundario .content-banner h3 {
          margin: 0 auto; } }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #banner-interior .content-banner h3, #banner-interior-secundario .content-banner h3 {
          font-size: 200%;
          padding-bottom: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-interior .content-banner h3, #banner-interior-secundario .content-banner h3 {
          font-size: 180%;
          padding-bottom: 0; } }
      @media only screen and (max-width: 767px) {
        #banner-interior .content-banner h3, #banner-interior-secundario .content-banner h3 {
          font-size: 130%;
          padding-bottom: 0; } }
    #banner-interior .content-banner p, #banner-interior-secundario .content-banner p {
      line-height: 110%;
      font-weight: 300; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #banner-interior .content-banner p, #banner-interior-secundario .content-banner p {
          font-size: .9rem; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-interior .content-banner p, #banner-interior-secundario .content-banner p {
          font-size: .9rem;
          line-height: 110%; } }
      @media only screen and (max-width: 767px) {
        #banner-interior .content-banner p, #banner-interior-secundario .content-banner p {
          font-size: .9rem;
          line-height: 100%; } }
  #banner-interior .view img, #banner-interior-secundario .view img {
    margin: 0 auto; }
  #banner-interior .view.left img, #banner-interior-secundario .view.left img {
    float: left; }
  #banner-interior .view.right img, #banner-interior-secundario .view.right img {
    float: right; }
  @media only screen and (max-width: 767px) {
    #banner-interior.banner-levanta .view, #banner-interior.banner-recursos.banner-invertir .view, #banner-interior.banner-invertir .view, #banner-interior-secundario.banner-levanta .view, #banner-interior-secundario.banner-recursos.banner-invertir .view, #banner-interior-secundario.banner-invertir .view {
      height: 200px; } }
  @media only screen and (max-width: 767px) {
    #banner-interior.banner-levanta .view img, #banner-interior.banner-recursos.banner-invertir .view img, #banner-interior.banner-invertir .view img, #banner-interior-secundario.banner-levanta .view img, #banner-interior-secundario.banner-recursos.banner-invertir .view img, #banner-interior-secundario.banner-invertir .view img {
      position: absolute;
      max-width: 150%;
      height: 100%;
      right: 0; } }
  @media only screen and (max-width: 767px) {
    #banner-interior.banner-invertir .view, #banner-interior-secundario.banner-invertir .view {
      height: 300px; } }
  #banner-interior.banner-invertir .view img, #banner-interior-secundario.banner-invertir .view img {
    right: 0; }
  #banner-interior img, #banner-interior-secundario img {
    /*width: 100%;
		height: auto;*/ }
  #banner-interior .carousel-item, #banner-interior-secundario .carousel-item {
    min-height: 300px; }
  #banner-interior .carousel-caption, #banner-interior-secundario .carousel-caption {
    top: 0;
    height: 100%; }
  #banner-interior .carousel-control.right, #banner-interior .carousel-control.left, #banner-interior-secundario .carousel-control.right, #banner-interior-secundario .carousel-control.left {
    background-image: none; }
  #banner-interior .carousel-control i, #banner-interior-secundario .carousel-control i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 200%;
    color: #fff;
    transform: translate(-50%, -50%); }
  #banner-interior a.btn-back, #banner-interior-secundario a.btn-back {
    color: #fff;
    font-size: .7rem;
    font-weight: 100;
    display: table;
    position: absolute;
    top: 15px;
    left: 0;
    width: 200px;
    z-index: 10; }
    #banner-interior a.btn-back i, #banner-interior-secundario a.btn-back i {
      display: table-cell;
      vertical-align: middle;
      font-size: 1.2rem; }
    #banner-interior a.btn-back span, #banner-interior-secundario a.btn-back span {
      display: table-cell;
      vertical-align: middle; }
    @media only screen and (max-width: 767px) {
      #banner-interior a.btn-back, #banner-interior-secundario a.btn-back {
        top: 10px; } }
  #banner-interior.banner-campanas, #banner-interior-secundario.banner-campanas {
    background: url("/images/generales/banners/banner-campanas-new.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ccc; }
    #banner-interior.banner-campanas .content-banner, #banner-interior-secundario.banner-campanas .content-banner {
      text-align: left; }
      #banner-interior.banner-campanas .content-banner h3, #banner-interior-secundario.banner-campanas .content-banner h3 {
        margin: 0; }
        @media only screen and (min-width: 1200px) {
          #banner-interior.banner-campanas .content-banner h3, #banner-interior-secundario.banner-campanas .content-banner h3 {
            width: 80%; } }
        @media only screen and (min-width: 993px) and (max-width: 1199px) {
          #banner-interior.banner-campanas .content-banner h3, #banner-interior-secundario.banner-campanas .content-banner h3 {
            margin-bottom: 10px; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #banner-interior.banner-campanas .content-banner h3, #banner-interior-secundario.banner-campanas .content-banner h3 {
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          #banner-interior.banner-campanas .content-banner h3, #banner-interior-secundario.banner-campanas .content-banner h3 {
            margin-bottom: 10px; } }
    #banner-interior.banner-campanas .btn, #banner-interior-secundario.banner-campanas .btn {
      background: #00c851; }
    #banner-interior.banner-campanas .carousel-caption, #banner-interior-secundario.banner-campanas .carousel-caption {
      top: 0;
      left: 3%;
      height: 100%; }
    #banner-interior.banner-campanas .carousel-item, #banner-interior-secundario.banner-campanas .carousel-item {
      min-height: 430px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-interior.banner-campanas .carousel-item, #banner-interior-secundario.banner-campanas .carousel-item {
          min-height: 300px; } }
      @media only screen and (max-width: 767px) {
        #banner-interior.banner-campanas .carousel-item, #banner-interior-secundario.banner-campanas .carousel-item {
          min-height: 300px; } }
  #banner-interior.banner-campanas-secundario, #banner-interior-secundario.banner-campanas-secundario {
    background: #703585; }
  #banner-interior.banner-levanta, #banner-interior-secundario.banner-levanta {
    background: url("/images/generales/banners/banner-levanta-new.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ccc; }
    @media only screen and (max-width: 767px) {
      #banner-interior.banner-levanta, #banner-interior-secundario.banner-levanta {
        background-position: 33% top; } }
    #banner-interior.banner-levanta .carousel-caption, #banner-interior-secundario.banner-levanta .carousel-caption {
      text-shadow: 0px 1px 2px black; }
    #banner-interior.banner-levanta .carousel-item, #banner-interior-secundario.banner-levanta .carousel-item {
      min-height: 430px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #banner-interior.banner-levanta .carousel-item, #banner-interior-secundario.banner-levanta .carousel-item {
          min-height: 300px; } }
      @media only screen and (max-width: 767px) {
        #banner-interior.banner-levanta .carousel-item, #banner-interior-secundario.banner-levanta .carousel-item {
          min-height: 300px; } }
  #banner-interior.banner-invertir, #banner-interior-secundario.banner-invertir {
    background: #0d47a1; }
    #banner-interior.banner-invertir .btn, #banner-interior-secundario.banner-invertir .btn {
      background: #33b5e5; }
  #banner-interior.banner-nosotros, #banner-interior-secundario.banner-nosotros {
    background: #303030; }
    #banner-interior.banner-nosotros .btn, #banner-interior-secundario.banner-nosotros .btn {
      background: #33b5e5; }
  #banner-interior.banner-recursos .carousel-item, #banner-interior-secundario.banner-recursos .carousel-item {
    min-height: 206px; }
    @media only screen and (max-width: 767px) {
      #banner-interior.banner-recursos .carousel-item, #banner-interior-secundario.banner-recursos .carousel-item {
        min-height: 140px; } }
  @media only screen and (max-width: 767px) {
    #banner-interior.banner-recursos .carousel-caption, #banner-interior-secundario.banner-recursos .carousel-caption {
      right: 5%;
      left: 5%; }
      #banner-interior.banner-recursos .carousel-caption h3, #banner-interior-secundario.banner-recursos .carousel-caption h3 {
        padding-top: 15px; } }
  #banner-interior .view.left img, #banner-interior-secundario .view.left img {
    float: left; }
  #banner-interior .view.right img, #banner-interior-secundario .view.right img {
    float: right; }

/*==== COMENTARIOS ====*/
#comentarios .escribe-comentario, #comentarios .respuesta-comentario, #zona_comentarios .escribe-comentario, #zona_comentarios .respuesta-comentario {
  background: #f6f6f6;
  padding: 40px 0; }

#comentarios .escribe-comentario, #zona_comentarios .escribe-comentario {
  padding: 40px; }
  #comentarios .escribe-comentario label, #zona_comentarios .escribe-comentario label {
    font-size: 1rem;
    font-style: oblique; }
  #comentarios .escribe-comentario input, #comentarios .escribe-comentario textarea, #zona_comentarios .escribe-comentario input, #zona_comentarios .escribe-comentario textarea {
    background: #fff;
    border: 1px dotted #ccc;
    padding: 5px;
    font-size: .85rem; }
  #comentarios .escribe-comentario textarea, #zona_comentarios .escribe-comentario textarea {
    min-height: 100px; }
  #comentarios .escribe-comentario h3.titulo-lateral, #zona_comentarios .escribe-comentario h3.titulo-lateral {
    margin-bottom: 40px; }

#comentarios .respuesta-comentario, #zona_comentarios .respuesta-comentario {
  background: none; }
  #comentarios .respuesta-comentario .content-txt, #zona_comentarios .respuesta-comentario .content-txt {
    background: #f6f6f6;
    padding: 25px;
    border-radius: 6px; }
  #comentarios .respuesta-comentario textarea, #zona_comentarios .respuesta-comentario textarea {
    overflow: hidden;
    resize: none;
    background: #fff;
    border: 1px dotted #ccc;
    padding: 5px;
    font-size: .85rem;
    min-height: 100px; }
  #comentarios .respuesta-comentario label, #zona_comentarios .respuesta-comentario label {
    font-size: 1rem;
    font-style: oblique; }
  #comentarios .respuesta-comentario.activo, #zona_comentarios .respuesta-comentario.activo {
    display: block; }

#comentarios .despliegue-comentario, #zona_comentarios .despliegue-comentario {
  padding: 40px 0 0; }

#comentarios .respuesta-comentario, #zona_comentarios .respuesta-comentario {
  display: none; }
  #comentarios .respuesta-comentario .sop-user, #zona_comentarios .respuesta-comentario .sop-user {
    margin-bottom: 20px; }

#comentarios .thread, #zona_comentarios .thread {
  margin-bottom: 3rem;
  border-bottom: 1px solid #ccc; }

#comentarios .conversacion, #zona_comentarios .conversacion {
  margin-bottom: 0; }
  #comentarios .conversacion p, #zona_comentarios .conversacion p {
    font-size: .85rem;
    margin-bottom: .9rem;
    font-weight: 300; }
  #comentarios .conversacion .txt-conversacion, #zona_comentarios .conversacion .txt-conversacion {
    font-size: .85rem;
    margin-bottom: .9rem;
    font-weight: 300; }
  #comentarios .conversacion.padre .side-descripcion, #zona_comentarios .conversacion.padre .side-descripcion {
    padding-bottom: 0; }
  #comentarios .conversacion.padre .content-txt, #zona_comentarios .conversacion.padre .content-txt {
    margin-bottom: 1rem; }
    #comentarios .conversacion.padre .content-txt .txt-conversacion, #zona_comentarios .conversacion.padre .content-txt .txt-conversacion {
      background: #f6f6f6;
      padding: 12px;
      border-radius: 6px; }
  #comentarios .conversacion.padre h4, #zona_comentarios .conversacion.padre h4 {
    font-weight: 300;
    font-style: oblique;
    text-transform: capitalize;
    font-size: 1.1rem;
    padding-bottom: 0; }
    #comentarios .conversacion.padre h4 i, #zona_comentarios .conversacion.padre h4 i {
      float: left;
      margin-right: 10px;
      color: #666; }
    #comentarios .conversacion.padre h4::after, #zona_comentarios .conversacion.padre h4::after {
      display: none; }
  #comentarios .conversacion.respuesta, #zona_comentarios .conversacion.respuesta {
    margin-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      #comentarios .conversacion.respuesta, #zona_comentarios .conversacion.respuesta {
        padding-left: 0; } }
    #comentarios .conversacion.respuesta .sop-user, #zona_comentarios .conversacion.respuesta .sop-user {
      float: left; }
    #comentarios .conversacion.respuesta .text-conversacion-respuesta, #zona_comentarios .conversacion.respuesta .text-conversacion-respuesta {
      display: table;
      font-style: normal;
      padding-left: 16px;
      font-size: .85rem;
      background: #f6f6f6;
      padding: 12px;
      border-radius: 6px; }
    #comentarios .conversacion.respuesta .side-descripcion, #zona_comentarios .conversacion.respuesta .side-descripcion {
      padding-bottom: 0.5rem;
      padding-left: 2.5rem; }
    #comentarios .conversacion.respuesta .content-txt, #zona_comentarios .conversacion.respuesta .content-txt {
      padding-left: 2.5rem; }
    #comentarios .conversacion.respuesta .hijo, #zona_comentarios .conversacion.respuesta .hijo {
      min-height: 50px; }
      #comentarios .conversacion.respuesta .hijo.side-descripcion, #zona_comentarios .conversacion.respuesta .hijo.side-descripcion {
        border-top: 1px dotted #ccc;
        padding-top: 25px;
        padding-left: 15px;
        position: relative; }

#comentarios .botonera, #zona_comentarios .botonera {
  overflow: hidden; }
  #comentarios .botonera a, #zona_comentarios .botonera a {
    display: table-cell;
    text-transform: uppercase;
    font-size: .7rem;
    float: right;
    background: #2BBBAD;
    color: #fff;
    margin-bottom: 30px;
    padding: 2px 10px;
    border-radius: 3px; }
    #comentarios .botonera a i, #zona_comentarios .botonera a i {
      display: table-cell;
      vertical-align: middle;
      padding-left: 5px; }
    #comentarios .botonera a span, #zona_comentarios .botonera a span {
      display: table-cell;
      vertical-align: middle; }
  #comentarios .botonera button, #zona_comentarios .botonera button {
    float: right;
    width: 160px; }

#comentarios .respuesta-conversacion, #zona_comentarios .respuesta-conversacion {
  margin-top: 30px; }
  #comentarios .respuesta-conversacion .cabecera-respuesta, #zona_comentarios .respuesta-conversacion .cabecera-respuesta {
    padding-bottom: 15px; }

#comentarios .side-descripcion h4, #zona_comentarios .side-descripcion h4 {
  font-weight: 300;
  font-size: 1.1rem; }

#comentarios .sop-user, #zona_comentarios .sop-user {
  display: inline; }

#comentarios .avatar-user-caja, #zona_comentarios .avatar-user-caja {
  /*display: inline-block;
		float: left;*/
  display: block;
  margin: 0 auto 10px; }

#comentarios .nombre-user-caja, #zona_comentarios .nombre-user-caja {
  font-style: normal;
  text-align: center;
  display: block;
  margin-bottom: 20px; }

#zona_comentarios .conversacion.padre h4 {
  font-size: .9rem; }

#zona_comentarios .conversacion.padre .content-txt .txt-conversacion {
  font-size: .75rem; }

#zona_comentarios .nombre-user-caja {
  font-size: .6rem; }

#zona_comentarios .respuesta-comentario {
  padding: .75rem; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #zona_comentarios .respuesta-comentario .sop-user {
      padding: 0; }
    #zona_comentarios .respuesta-comentario .content-txt {
      padding: .75rem; } }
  #zona_comentarios .respuesta-comentario .nombre-user-caja {
    padding: 0; }

#zona_comentarios .tools {
  margin-top: 60px;
  display: inline-block;
  background: #fff;
  padding: 2px;
  border-radius: 3px;
  text-transform: uppercase;
  border: 1px solid #fff;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #zona_comentarios .tools {
      margin-top: 0; } }
  #zona_comentarios .tools a {
    text-align: center;
    display: inline-block;
    padding: 0 5px;
    color: #757575;
    font-weight: 400;
    margin-bottom: 5px; }
    #zona_comentarios .tools a span {
      display: block;
      font-size: 9px; }
    #zona_comentarios .tools a:hover {
      color: #2BBBAD; }

/*==== CAMPANAS ====*/
/*-- campanas-financiamiento --*/
#campanas-financiamiento {
  padding: 0; }
  #campanas-financiamiento h2 {
    text-align: center; }
  #campanas-financiamiento .cajas-financiamiento {
    padding: 50px 0 20px; }
    #campanas-financiamiento .cajas-financiamiento.back {
      background: #f6f6f6;
      padding-top: 60px; }
    #campanas-financiamiento .cajas-financiamiento .btn-zone {
      text-align: center;
      padding: 30px 0; }
    #campanas-financiamiento .cajas-financiamiento .card .sop-img {
      height: 200px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #campanas-financiamiento .cajas-financiamiento .card .sop-img {
          height: 134px; } }
      @media only screen and (max-width: 767px) {
        #campanas-financiamiento .cajas-financiamiento .card .sop-img {
          height: 120px; } }
      #campanas-financiamiento .cajas-financiamiento .card .sop-img img {
        width: 100%;
        height: auto; }
    #campanas-financiamiento .cajas-financiamiento .card-mitad {
      width: 49%;
      float: left;
      padding-bottom: 8px; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #campanas-financiamiento .cajas-financiamiento .card-mitad {
          width: 49%; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #campanas-financiamiento .cajas-financiamiento .card-mitad {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        #campanas-financiamiento .cajas-financiamiento .card-mitad {
          width: 100%; } }
    #campanas-financiamiento .cajas-financiamiento.campanas-anteriores .info-inversion .finalizada {
      display: none; }
  #campanas-financiamiento #caja-mensaje-campanas {
    padding: 60px 0 100px; }
    #campanas-financiamiento #caja-mensaje-campanas .caja {
      border-left: 8px solid #33b5e5;
      padding: 0 20px; }
      #campanas-financiamiento #caja-mensaje-campanas .caja h4 {
        margin-bottom: 0;
        margin-top: 30px; }
        @media only screen and (max-width: 767px) {
          #campanas-financiamiento #caja-mensaje-campanas .caja h4 {
            margin-top: 0;
            text-align: center;
            font-size: 1.2rem; } }
      @media only screen and (max-width: 767px) {
        #campanas-financiamiento #caja-mensaje-campanas .caja {
          border-left: 0; } }
    #campanas-financiamiento #caja-mensaje-campanas .md-form {
      margin-bottom: .75rem; }
      #campanas-financiamiento #caja-mensaje-campanas .md-form label {
        padding-left: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #campanas-financiamiento #caja-mensaje-campanas .md-form {
          margin-bottom: 2.5rem;
          float: none; } }
      @media only screen and (max-width: 767px) {
        #campanas-financiamiento #caja-mensaje-campanas .md-form {
          margin-bottom: 2.5rem;
          float: none; } }
    #campanas-financiamiento #caja-mensaje-campanas .envio {
      text-align: right;
      position: relative; }
      #campanas-financiamiento #caja-mensaje-campanas .envio .btn {
        width: 100%; }
      #campanas-financiamiento #caja-mensaje-campanas .envio .load-button {
        position: absolute;
        top: 32%;
        right: 8%;
        color: #fff;
        font-size: 1.7rem;
        z-index: 10;
        display: none; }
      #campanas-financiamiento #caja-mensaje-campanas .envio.activo .load-button {
        display: block; }
    #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana {
      margin-bottom: 0;
      padding: 20px;
      border: 1px solid #33b5e5; }
    #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal {
      border: none;
      margin-top: 2.5rem; }
      #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal .btn {
        width: 80%; }
        @media only screen and (max-width: 767px) {
          #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal .btn {
            margin: 0 auto;
            display: block; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal {
          margin-top: 3.5rem; } }
      @media only screen and (max-width: 767px) {
        #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal {
          margin-top: 1rem; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal .envio .load-button {
          right: 0; } }
      @media only screen and (max-width: 767px) {
        #campanas-financiamiento #caja-mensaje-campanas .sop-form-campana-minimal .envio .load-button {
          top: 27%;
          right: 12%; } }

/*==== UPDATES ====*/
#updates .side-descripcion h4 {
  font-weight: 300;
  font-size: 1.1rem; }

#updates .despliegue-updates {
  margin-bottom: 60px; }
  #updates .despliegue-updates p {
    font-size: .85rem;
    margin-bottom: .9rem; }

#updates .sop-update {
  border-left: 1px solid #ccc;
  position: relative;
  padding-left: 60px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    #updates .sop-update {
      padding-left: 40px;
      margin-left: 30px; } }
  #updates .sop-update .dato {
    position: absolute;
    top: 0;
    left: -25px;
    background: #fff;
    display: inline-block;
    text-align: center; }
    #updates .sop-update .dato .circulo {
      width: 24px;
      height: 24px;
      border-radius: 24px;
      background: #33b5e5;
      margin: 0 auto 5px; }
    #updates .sop-update .dato .fecha {
      color: #999;
      font-size: .65rem;
      width: 50px;
      padding-bottom: 5px; }

#updates .botonera {
  overflow: hidden; }
  #updates .botonera a {
    display: table-cell;
    text-transform: uppercase;
    font-size: .8rem;
    float: right; }
    #updates .botonera a span {
      display: table-cell;
      vertical-align: middle; }
    #updates .botonera a i {
      display: table-cell;
      vertical-align: middle;
      padding-left: 5px; }

.sop-user {
  display: table;
  margin-bottom: 10px; }
  .sop-user .avatar-user-caja {
    display: table-cell;
    width: 58px;
    height: 58px;
    border-radius: 58px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16);
    transition: all 0.3s linear;
    transform: scale(1); }
    .sop-user .avatar-user-caja:hover {
      transform: scale(1.05); }
    .sop-user .avatar-user-caja img {
      width: 100%;
      border-radius: 60px; }
  .sop-user .nombre-user-caja {
    display: table-cell;
    vertical-align: middle;
    font-size: .7rem;
    color: #666;
    padding: 0 10px;
    text-transform: uppercase; }
    .sop-user .nombre-user-caja .cargo {
      display: block;
      text-transform: capitalize; }
    .sop-user .nombre-user-caja a:hover {
      text-decoration: underline; }

#filtros {
  padding-bottom: 20px; }
  #filtros .search {
    padding-bottom: 40px; }
    #filtros .search .btn {
      display: table-cell;
      box-shadow: 0 0 0 0;
      width: 1%;
      padding: 10px 20px; }
  #filtros .select-filtros {
    margin-bottom: 40px; }
    #filtros .select-filtros .btn {
      min-width: 80%;
      background: #f6f6f6;
      color: #999 !important;
      border: 1px solid #ccc; }
    #filtros .select-filtros .dropdown .dropdown-menu .dropdown-item:hover {
      color: #999 !important; }
  #filtros .listado-categorias {
    padding: 30px 15px 0; }
    #filtros .listado-categorias a {
      background: #f6f6f6;
      color: #999;
      display: inline-block;
      padding: 0.5rem 1rem;
      margin: 0 5px 5px 0;
      font-size: .7rem;
      text-transform: uppercase; }
      #filtros .listado-categorias a.activo {
        background: #e5e5e5; }
      #filtros .listado-categorias a:hover {
        opacity: .5; }
  #filtros .filtros-orden {
    text-align: right; }
    #filtros .filtros-orden .sop-btn-orden {
      padding-bottom: 5px; }
      #filtros .filtros-orden .sop-btn-orden .btn-orden {
        color: #999;
        font-size: .65rem;
        text-transform: uppercase;
        line-height: 100%; }
  #filtros .filtros-orden-tipo {
    text-align: right; }
    #filtros .filtros-orden-tipo a {
      color: #999;
      font-size: .8rem;
      display: inline-block;
      padding: 0.5rem 1rem;
      margin: 0 0 5px 5px; }
      #filtros .filtros-orden-tipo a:hover {
        background: #f6f6f6; }
      #filtros .filtros-orden-tipo a.activo {
        background: #e5e5e5; }
      #filtros .filtros-orden-tipo a:last-child {
        padding-right: 0; }

/*==== INFO-BANNER ====*/
#info-banner {
  background: #685b77;
  color: #fff;
  padding: 40px 0;
  text-align: center; }
  #info-banner p {
    font-weight: 300; }

/*==== FOOTER ====*/
footer {
  padding: 40px 0 0 0;
  border-top: 1px solid #f6f6f6; }

/*-- sitemap --*/
#sitemap {
  padding-bottom: 50px; }
  #sitemap h4 {
    font-size: 1.1rem;
    font-weight: 500;
    padding-bottom: 0;
    color: #999; }
  #sitemap a {
    color: #999;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 12px;
    line-height: 120%; }
    #sitemap a:hover {
      color: #ff4444; }
  #sitemap ul {
    min-height: 200px; }
    @media only screen and (max-width: 767px) {
      #sitemap ul {
        min-height: 180px; } }

/*-- news --*/
#news-foot {
  background: #333;
  color: #fff;
  padding: 0 0 10px 0; }
  #news-foot .btn {
    border: 2px solid #666;
    color: #666 !important; }

/*-- formulario-news --*/
.formulario-news {
  margin-bottom: 25px;
  padding-top: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .formulario-news .btn-news {
      width: 97%; } }

/*-- colaboradores --*/
.colaboradores {
  padding: 40px 0;
  border-top: 1px solid #666; }
  .colaboradores h3 {
    font-size: 1.1rem;
    color: #999;
    font-weight: 600; }
  .colaboradores .colaboradores-info {
    display: block;
    /*width: 100%;*/
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .colaboradores .colaboradores-info {
        text-align: center; }
        .colaboradores .colaboradores-info .col {
          padding: 10px; } }
    .colaboradores .colaboradores-info div {
      width: auto;
      /*padding: 5px 35px 0px 0px;*/
      padding: 5px 29px 0px 0px;
      display: inline-block;
      height: 70px;
      transform: translateY(0);
      transition: all 0.1s ease-in-out; }
      .colaboradores .colaboradores-info div:hover {
        transform: translateY(-5px); }

/*-- partners --*/
.partners {
  padding: 40px 0 30px;
  border-top: 1px solid #e5e5e5;
  background: #e5e5e5 url("/images/generales/partners/bkg_partners.jpg"); }
  .partners h3 {
    text-align: left;
    font-size: 14px;
    margin-top: -20px;
    font-style: oblique; }
    .partners h3 span {
      border-bottom: 1px dotted #33b5e5;
      padding-bottom: 3px; }
    @media only screen and (max-width: 767px) {
      .partners h3 {
        padding-left: 10%; } }
  .partners img {
    transform: scale(1);
    transition: all 0.1s ease-in-out; }
  .partners .info-partners {
    text-align: center; }
    .partners .info-partners .col {
      padding: 0 30px;
      display: inline-block; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .partners .info-partners .col {
          padding: 10px; } }
      @media only screen and (max-width: 767px) {
        .partners .info-partners .col {
          margin-bottom: 25px;
          padding: 0 15px; } }
      .partners .info-partners .col:hover img {
        transform: scale(1.1); }
  .partners .info-certificado {
    text-align: center; }
    .partners .info-certificado .col {
      width: auto;
      padding: 0;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .partners .info-certificado .col {
          margin-bottom: 25px; } }
      .partners .info-certificado .col:hover img {
        transform: scale(1.05); }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .partners .info-certificado {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .partners .info-certificado {
        margin-bottom: 20px; } }

/*-- corporativo --*/
.corporativo {
  text-align: left;
  font-size: .7rem;
  font-weight: 300;
  color: #999;
  padding: 15px 0;
  margin-top: 25px;
  border-top: 1px solid #666; }
  .corporativo img {
    margin-bottom: 5px; }
  .corporativo .corp-info {
    padding-top: 15px; }
    @media only screen and (max-width: 767px) {
      .corporativo .corp-info {
        text-align: center; } }
    .corporativo .corp-info img {
      margin-bottom: 10px; }
    .corporativo .corp-info .social-footer {
      margin-top: -20px; }
      .corporativo .corp-info .social-footer a {
        margin: 6px;
        display: inline-block;
        width: 40px;
        height: 40px;
        padding: 10px;
        width: 36px;
        height: 36px;
        text-align: center; }
        .corporativo .corp-info .social-footer a i {
          color: #fff;
          font-size: 1.4rem; }
        .corporativo .corp-info .social-footer a:hover i {
          color: #d41f29; }
      @media only screen and (max-width: 767px) {
        .corporativo .corp-info .social-footer {
          text-align: center; } }
  .corporativo p a {
    color: #999; }
  .corporativo .corp-miembros {
    text-align: right;
    position: relative; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .corporativo .corp-miembros {
        text-align: center; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .corporativo .corp-miembros {
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .corporativo .corp-miembros {
        text-align: center;
        padding-top: 25px; } }
    .corporativo .corp-miembros h3 {
      font-weight: 100;
      font-size: 14px;
      text-align: left;
      padding-bottom: 0;
      font-style: oblique; }
      .corporativo .corp-miembros h3 span {
        border-bottom: 1px dotted #33b5e5;
        padding-bottom: 3px; }
    .corporativo .corp-miembros .col {
      display: inline-block;
      width: auto;
      padding: 0 30px; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .corporativo .corp-miembros .col {
          padding: 0 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .corporativo .corp-miembros .col {
          padding: 0 5px; } }
      @media only screen and (max-width: 767px) {
        .corporativo .corp-miembros .col {
          padding: 0 20px; } }
      .corporativo .corp-miembros .col img {
        transform: scale(1);
        transition: all 0.1s ease-in-out; }
      .corporativo .corp-miembros .col:hover img {
        transform: scale(1.1); }

/*-- FICHA CAMPAÑA --*/
#reading-bar {
  display: block;
  position: fixed;
  height: 3px;
  z-index: 100;
  width: 100vw;
  background-color: #fff;
  top: 0; }
  #reading-bar .pourcentage {
    display: block;
    position: fixed;
    height: 3px;
    width: 0vw;
    background: #2BBBAD;
    top: 0;
    transition: width 0.05s ease;
    transition: all 0.3s linear; }

.btn-contacto-emprendedor {
  border: 1px solid #33b5e5;
  box-shadow: none; }
  .btn-contacto-emprendedor.static {
    margin: 0 0 20px 0; }
    @media only screen and (max-width: 767px) {
      .btn-contacto-emprendedor.static {
        margin-left: 115px;
        margin-top: 5px; } }

#banner-ficha-campana .soporte-banner-ficha {
  height: 450px;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover; }

#info-ronda {
  padding: 15px;
  margin-top: -100px;
  background: #fff; }
  #info-ronda .logo-campana, #info-ronda .logo-solicitud {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #f6f6f6;
    margin: 0 15px 15px 0; }
    #info-ronda .logo-campana img, #info-ronda .logo-solicitud img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      #info-ronda .logo-campana, #info-ronda .logo-solicitud {
        width: 100px;
        height: 100px; } }
  #info-ronda h2 {
    margin-bottom: 0;
    line-height: 110%; }
  #info-ronda .finalizada {
    width: auto;
    display: none;
    background: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 40px;
    color: #00C851;
    font-weight: 500;
    font-size: 1.2rem; }
    #info-ronda .finalizada.activo {
      display: inline-block; }
  #info-ronda .categoria {
    font-size: .7rem;
    color: #999;
    margin-bottom: 4px;
    display: table; }
    #info-ronda .categoria i {
      font-size: 1.4rem;
      color: #666;
      display: table-cell;
      vertical-align: middle;
      padding-right: 5px; }
    #info-ronda .categoria .cat {
      display: table-cell;
      vertical-align: middle; }
    #info-ronda .categoria a {
      color: #999; }
      #info-ronda .categoria a:hover {
        text-decoration: underline; }
  #info-ronda .pais {
    overflow: hidden;
    font-size: .7rem;
    color: #999;
    vertical-align: middle;
    padding-bottom: 4px; }
    #info-ronda .pais img {
      width: 22px;
      float: left;
      margin-right: 8px; }
  #info-ronda .patrocinador {
    overflow: hidden;
    font-size: .7rem;
    color: #666;
    padding-bottom: 4px;
    display: table; }
    #info-ronda .patrocinador img {
      width: 54px;
      height: auto;
      float: left;
      margin-right: 8px;
      display: table-cell;
      border-radius: 27px;
      padding: 2px;
      background: #fff;
      border: 1px solid #ccc;
      transition: all 0.3s linear;
      transform: scale(1); }
    #info-ronda .patrocinador .nombre {
      overflow: hidden;
      font-size: .7rem;
      color: #666;
      padding-bottom: 4px;
      display: table-cell;
      vertical-align: middle;
      line-height: 120%;
      padding-left: 6px; }
  #info-ronda .info-ronda-content {
    color: #666;
    overflow: hidden;
    text-align: center;
    display: table;
    clear: both;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    border-top: 2px dotted #e5e5e5;
    border-bottom: 2px dotted #e5e5e5;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      #info-ronda .info-ronda-content {
        display: table;
        font-size: .8rem; } }
    #info-ronda .info-ronda-content div {
      display: table-cell;
      width: 25%;
      font-weight: 600; }
      @media only screen and (max-width: 767px) {
        #info-ronda .info-ronda-content div {
          padding: 0 5px; } }
      #info-ronda .info-ronda-content div span {
        font-size: .8em;
        display: block;
        font-weight: 300;
        transition: all 0.5s linear; }
      #info-ronda .info-ronda-content div a {
        color: #666;
        text-decoration: underline; }
      #info-ronda .info-ronda-content div.restan.finalizada {
        display: none; }
    #info-ronda .info-ronda-content.fixed-info-ronda.fixy div {
      width: 20%;
      vertical-align: middle; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #info-ronda .info-ronda-content.fixed-info-ronda.fixy div {
          font-size: .9rem; } }
      #info-ronda .info-ronda-content.fixed-info-ronda.fixy div.finalizada {
        width: auto;
        margin: 4px 0 4px;
        padding: .7rem 2.4rem;
        font-size: .9rem; }
        @media only screen and (min-width: 993px) and (max-width: 1199px) {
          #info-ronda .info-ronda-content.fixed-info-ronda.fixy div.finalizada {
            margin: 4px 0 5px; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #info-ronda .info-ronda-content.fixed-info-ronda.fixy div.finalizada {
            margin: 4px 0 5px;
            padding: 10px; } }
    #info-ronda .info-ronda-content.fixed-info-ronda.fixy .oculto {
      display: table-cell; }
      #info-ronda .info-ronda-content.fixed-info-ronda.fixy .oculto .btn {
        padding: .7rem 2.4rem;
        margin: 0 20px;
        text-decoration: none; }

@-moz-document url-prefix() {
  #info-ronda .info-ronda-content.fixed-info-ronda.fixy .oculto .btn {
    padding: .7rem 2.4rem .6rem; } }
      @media only screen and (max-width: 767px) {
        #info-ronda .info-ronda-content.fixed-info-ronda.fixy .oculto {
          display: none; } }
  #info-ronda .caja-financiamiento {
    border: 2px dotted #e5e5e5;
    text-align: center;
    padding: 10px 15px 10px;
    position: relative; }
    #info-ronda .caja-financiamiento .monto {
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 120%;
      color: #333;
      padding: 0px 10px 12px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #info-ronda .caja-financiamiento .monto {
          font-size: 1.2rem; } }
      #info-ronda .caja-financiamiento .monto.preview {
        padding: 30px 10px; }
      #info-ronda .caja-financiamiento .monto .label {
        color: #666;
        font-size: 0.8rem;
        text-align: left;
        text-transform: uppercase; }
      #info-ronda .caja-financiamiento .monto .recaudado {
        color: #00ba7a;
        font-size: 1.6rem;
        font-weight: normal; }
      #info-ronda .caja-financiamiento .monto .meta {
        color: #666;
        font-size: 0.8rem;
        text-align: right;
        text-transform: uppercase; }
    #info-ronda .caja-financiamiento .porciento {
      padding-bottom: 8px;
      color: #999; }
    #info-ronda .caja-financiamiento .btn-cta.disabled {
      cursor: not-allowed; }
    #info-ronda .caja-financiamiento .btn-cta .btn-caja-invierte {
      width: 100%;
      margin: 20px 0px 18px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #info-ronda .caja-financiamiento .btn-cta .btn-caja-invierte {
          width: auto; } }
    #info-ronda .caja-financiamiento .btn-contacto-emprendedor {
      position: absolute;
      left: 50%;
      transform: translateX(-52%);
      bottom: -50px;
      width: 200px; }

#detalle-ronda {
  color: #666;
  padding: 25px 15px; }
  @media only screen and (max-width: 767px) {
    #detalle-ronda {
      padding-top: 70px; } }
  #detalle-ronda h5 {
    font-size: 1rem;
    margin-bottom: 0; }
  #detalle-ronda h6 {
    font-size: .85rem;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-weight: 500; }
  #detalle-ronda table {
    font-size: .8rem;
    text-align: center;
    width: 99%;
    margin: 0 auto 20px; }
    @media only screen and (max-width: 767px) {
      #detalle-ronda table {
        font-size: .7rem; } }
    #detalle-ronda table td {
      font-weight: 600;
      line-height: 110%;
      border: 1px solid #bcbcbc;
      vertical-align: middle;
      padding: 10px 0; }
      @media only screen and (max-width: 767px) {
        #detalle-ronda table td {
          padding: 5px; } }
      #detalle-ronda table td span {
        display: block;
        font-weight: 300; }
      #detalle-ronda table td:hover {
        background: #f6f6f6; }
    @media only screen and (max-width: 767px) {
      #detalle-ronda table {
        padding-top: 60px; } }
  #detalle-ronda .wrap-datos {
    border: 1px solid #bcbcbc;
    margin-bottom: 1.5rem;
    padding: 2px; }
  #detalle-ronda .datos-detalle-ronda {
    display: table;
    width: 100%;
    overflow: hidden;
    border-left: 1px dotted #bcbcbc;
    border-top: 1px dotted #bcbcbc; }
    #detalle-ronda .datos-detalle-ronda div {
      float: left;
      display: inline-block;
      font-weight: 600;
      line-height: 110%;
      /*border-right: 1px solid $gris-tabla;
				border-bottom: 1px solid $gris-tabla;*/
      border-right: 1px dotted #bcbcbc;
      border-bottom: 1px dotted #bcbcbc;
      vertical-align: middle;
      padding: 10px 0;
      width: 20%;
      font-size: .8rem;
      text-align: center;
      min-height: 72px;
      position: relative;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #detalle-ronda .datos-detalle-ronda div {
          width: 25%; } }
      @media only screen and (max-width: 767px) {
        #detalle-ronda .datos-detalle-ronda div {
          padding: .4rem 0rem;
          height: 76px;
          width: 33.3333333333%; } }
      #detalle-ronda .datos-detalle-ronda div span {
        display: block;
        font-weight: 300;
        padding: .2rem .1rem; }
        #detalle-ronda .datos-detalle-ronda div span.th {
          font-weight: 600;
          padding-bottom: .05rem; }
          @media only screen and (min-width: 993px) and (max-width: 1199px) {
            #detalle-ronda .datos-detalle-ronda div span.th {
              font-size: .7rem; } }
          @media only screen and (min-width: 768px) and (max-width: 992px) {
            #detalle-ronda .datos-detalle-ronda div span.th {
              font-size: .7rem; } }
          @media only screen and (max-width: 767px) {
            #detalle-ronda .datos-detalle-ronda div span.th {
              padding-top: .4rem;
              font-size: .7rem; } }
        #detalle-ronda .datos-detalle-ronda div span.td {
          padding-top: .05rem; }
      #detalle-ronda .datos-detalle-ronda div:hover {
        background: #f6f6f6; }
      #detalle-ronda .datos-detalle-ronda div a {
        text-decoration: underline; }
      #detalle-ronda .datos-detalle-ronda div a.link {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        color: #fff;
        background: #33b5e5;
        line-height: 20px;
        text-decoration: none;
        font-weight: 600;
        border-radius: 20px; }
        #detalle-ronda .datos-detalle-ronda div a.link:hover {
          background: #0099CC; }
  #detalle-ronda .ronda-condicion {
    padding: 0;
    margin-bottom: 1.5rem; }
    #detalle-ronda .ronda-condicion p {
      font-size: .75rem;
      font-weight: 300;
      line-height: 120%; }
  #detalle-ronda .lider-inversion {
    overflow: hidden;
    padding: .5rem;
    border: 1px solid #00ba7a; }
    #detalle-ronda .lider-inversion h5 {
      margin-bottom: .5rem;
      background: #f6f6f6;
      padding: .75rem;
      font-weight: 400; }
    #detalle-ronda .lider-inversion .user-destacado {
      width: 30%;
      float: left;
      margin-top: 10px;
      padding-left: 10px; }
      @media only screen and (max-width: 767px) {
        #detalle-ronda .lider-inversion .user-destacado {
          width: 100%; } }
    #detalle-ronda .lider-inversion .user-comentario {
      width: 70%;
      float: left; }
      @media only screen and (max-width: 767px) {
        #detalle-ronda .lider-inversion .user-comentario {
          width: 100%; } }
      #detalle-ronda .lider-inversion .user-comentario p {
        font-size: .85rem;
        padding-top: .2rem;
        margin-bottom: 0;
        color: #666; }
  #detalle-ronda .comentario-ronda {
    padding: 1rem;
    margin: 1.2rem 0;
    border: 1px solid #33b5e5;
    background: rgba(225, 245, 254, 0.35);
    border-radius: 4px; }
    @media only screen and (max-width: 767px) {
      #detalle-ronda .comentario-ronda {
        width: 100%; } }
    #detalle-ronda .comentario-ronda h5 {
      font-size: 1rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid #0099CC;
      font-weight: 400;
      text-transform: uppercase;
      color: #0099CC; }
    #detalle-ronda .comentario-ronda .detalle-comentario {
      padding-left: 5%;
      width: 95%; }
      #detalle-ronda .comentario-ronda .detalle-comentario p {
        font-size: .85rem; }
      #detalle-ronda .comentario-ronda .detalle-comentario ul {
        padding-left: 1rem; }
        #detalle-ronda .comentario-ronda .detalle-comentario ul li {
          position: relative;
          font-size: .85rem;
          font-weight: 100;
          margin-bottom: .75rem;
          line-height: 120%; }
          #detalle-ronda .comentario-ronda .detalle-comentario ul li:before {
            content: "";
            width: 6px;
            height: 6px;
            border: 1px solid #0099CC;
            position: absolute;
            top: 6px;
            left: -16px; }

#detalle-campana {
  padding-top: 2rem; }
  #detalle-campana .detalle-resumen {
    font-weight: 500;
    margin-bottom: 1rem;
    padding-top: 46px; }
    @media only screen and (max-width: 767px) {
      #detalle-campana .detalle-resumen {
        padding-top: 0; } }
  #detalle-campana p {
    font-size: .9rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #detalle-campana p {
        font-size: .8rem; } }
  #detalle-campana .social a {
    color: #666;
    font-size: 1.5rem;
    margin-right: 30px;
    display: block; }
    #detalle-campana .social a i {
      display: inline-block;
      width: 1.5rem;
      text-align: center; }
    #detalle-campana .social a.btn-facebook {
      color: #3a579b; }
    #detalle-campana .social a.btn-twitter {
      color: #52abef; }
    #detalle-campana .social a.btn-linkedin {
      color: #0180cf; }
    #detalle-campana .social a.btn-instagram {
      color: #3d71a0; }
    #detalle-campana .social a .txt-social {
      color: #000;
      font-size: 1rem;
      font-weight: 100; }
      #detalle-campana .social a .txt-social:hover {
        text-decoration: underline; }
  #detalle-campana .link-site {
    color: #000;
    text-decoration: underline;
    font-size: .9rem;
    margin: 20px 0 10px;
    display: inline-block;
    font-weight: 100; }
    @media only screen and (max-width: 767px) {
      #detalle-campana .link-site {
        margin: 10px 0 20px; } }
    #detalle-campana .link-site .ico-mundo {
      color: #444;
      float: left;
      margin-right: 10px; }
  #detalle-campana .herramientas {
    padding: 10px 0; }
    #detalle-campana .herramientas a {
      margin: 6px 12px 6px 0px;
      min-width: 140px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #detalle-campana .herramientas a {
          width: 170px; } }
      #detalle-campana .herramientas a i {
        margin-right: 10px; }
    #detalle-campana .herramientas.ancho a {
      width: 210px; }
  @media only screen and (max-width: 767px) {
    #detalle-campana .caja-info-detalle {
      margin-bottom: 40px; } }
  #detalle-campana .caja-video h4 {
    color: #0099CC;
    text-transform: uppercase; }
  #detalle-campana .embed-responsive img {
    width: 100%; }

#inversionistas-destacados {
  padding: 2rem 0 0;
  background: #fbfbfb;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 767px) {
    #inversionistas-destacados {
      margin-bottom: 3rem; } }
  #inversionistas-destacados .cabecera-inv-destacados h3 {
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      #inversionistas-destacados .cabecera-inv-destacados h3 {
        font-size: 1.5rem; } }
    #inversionistas-destacados .cabecera-inv-destacados h3 span {
      border-bottom: 4px solid #33b5e5;
      padding-bottom: 2px; }
    #inversionistas-destacados .cabecera-inv-destacados h3:after {
      content: "";
      border-top: 1px solid #33b5e5;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0; }
  #inversionistas-destacados .cabecera-inv-destacados p {
    font-size: .85rem;
    text-align: right;
    margin-top: -38px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #inversionistas-destacados .cabecera-inv-destacados p {
        margin-top: -10px;
        text-align: left; } }
    @media only screen and (max-width: 767px) {
      #inversionistas-destacados .cabecera-inv-destacados p {
        margin-top: -10px;
        text-align: left; } }
  #inversionistas-destacados .tools {
    text-align: center;
    border-top: 1px dotted #33b5e5;
    float: left;
    width: 100%;
    position: relative;
    height: 50px;
    margin-top: 1rem; }
    #inversionistas-destacados .tools a {
      position: absolute;
      top: -50%;
      right: 50%;
      width: 150px;
      background: #fff;
      border: 1px solid #33b5e5;
      transform: translateX(50%); }

@keyframes aparece {
  0% {
    right: -100%; }
  100% {
    right: 0; } }

.mb-share {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.5s ease;
  z-index: 99; }
  @media only screen and (max-width: 767px) {
    .mb-share {
      position: absolute; } }
  .mb-share .mb-share-button, .mb-share .share-button {
    display: block;
    background: #000;
    padding: .5rem;
    border-radius: 5px;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    line-height: 120%;
    margin: .5rem;
    transition: all 0.5s ease; }
    .mb-share .mb-share-button i, .mb-share .share-button i {
      color: #fff;
      font-size: 1.25rem; }
    .mb-share .mb-share-button.facebook, .mb-share .share-button.facebook {
      background: #3a579b; }
    .mb-share .mb-share-button.twitter, .mb-share .share-button.twitter {
      background: #52abef; }
    .mb-share .mb-share-button.linkedin, .mb-share .share-button.linkedin {
      background: #0180cf; }
    .mb-share .mb-share-button.mail, .mb-share .share-button.mail {
      background: #2BBBAD; }
    .mb-share .mb-share-button:hover, .mb-share .share-button:hover {
      transform: scale(1.1); }

#contenido-ronda {
  padding: 50px 0;
  /*.txt-interior {
			padding-bottom: 25px;
		}*/ }
  @media only screen and (max-width: 767px) {
    #contenido-ronda .fixed-menu-ronda {
      width: 100%; } }
  #contenido-ronda .fixed-menu-ronda.fixy {
    top: 75px;
    font-size: .9rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #contenido-ronda .fixed-menu-ronda.fixy {
        top: 73px;
        width: 94%; } }
  #contenido-ronda .fixed-menu-ronda.menu-ronda-preview.fixy {
    top: 0; }
  #contenido-ronda #menu-ronda {
    display: table;
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
    float: none;
    clear: both;
    background: #fff; }
    @media only screen and (max-width: 767px) {
      #contenido-ronda #menu-ronda {
        display: block;
        font-size: 1rem;
        width: 90%;
        margin: 0 auto 3rem; } }
    #contenido-ronda #menu-ronda li {
      display: table-cell;
      vertical-align: middle;
      border-bottom: 1px solid #33b5e5;
      padding: 5px 0  15px;
      width: 20%; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #contenido-ronda #menu-ronda li {
          font-size: 14px;
          line-height: 120%; } }
      @media only screen and (max-width: 767px) {
        #contenido-ronda #menu-ronda li {
          display: inline-block;
          padding: 5px;
          width: 100%; } }
      #contenido-ronda #menu-ronda li.activo a:after {
        background: #33b5e5;
        height: 7px; }
        @media only screen and (max-width: 767px) {
          #contenido-ronda #menu-ronda li.activo a:after {
            height: 4px;
            bottom: -6px; } }
      #contenido-ronda #menu-ronda li:first-child {
        text-align: left;
        width: 10%; }
        @media only screen and (max-width: 767px) {
          #contenido-ronda #menu-ronda li:first-child {
            width: 100%;
            text-align: center; } }
      #contenido-ronda #menu-ronda li:last-child {
        text-align: right;
        width: 15%; }
        @media only screen and (max-width: 767px) {
          #contenido-ronda #menu-ronda li:last-child {
            width: 100%;
            text-align: center; } }
      #contenido-ronda #menu-ronda li.primero {
        text-align: left; }
        @media only screen and (max-width: 767px) {
          #contenido-ronda #menu-ronda li.primero {
            text-align: center; } }
    #contenido-ronda #menu-ronda a {
      color: #444;
      font-weight: 500;
      position: relative; }
      #contenido-ronda #menu-ronda a:after {
        content: "";
        width: 100%;
        height: 1px;
        background: transparent;
        position: absolute;
        bottom: -16px;
        left: 0;
        display: inline-block;
        transition: all 0.2s linear; }
        @media only screen and (max-width: 767px) {
          #contenido-ronda #menu-ronda a:after {
            bottom: -6px; } }
      #contenido-ronda #menu-ronda a:hover:after {
        background: #33b5e5;
        opacity: .5;
        height: 7px; }
        @media only screen and (max-width: 767px) {
          #contenido-ronda #menu-ronda a:hover:after {
            height: 4px;
            bottom: -6px; } }
    #contenido-ronda #menu-ronda .msn-alerta {
      background: #33b5e5;
      padding: 2px 4px;
      position: absolute;
      left: 100%;
      top: -8px;
      color: #fff;
      font-size: .7rem;
      line-height: 100%;
      border-radius: 3px; }
      #contenido-ronda #menu-ronda .msn-alerta a {
        color: #fff;
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        #contenido-ronda #menu-ronda .msn-alerta {
          left: 105%;
          top: 4px; } }
  #contenido-ronda .fixy #menu-ronda .msn-alerta {
    top: 3px;
    left: 105%; }
  #contenido-ronda .content_tab {
    display: none;
    height: 0; }
    #contenido-ronda .content_tab.visible {
      height: auto; }
  #contenido-ronda .content-titulo {
    background: rgba(3, 169, 244, 0.1);
    padding: 2rem; }
    #contenido-ronda .content-titulo h2 {
      margin-top: .5rem;
      padding-top: 1rem;
      color: #0099CC; }
      @media only screen and (max-width: 767px) {
        #contenido-ronda .content-titulo h2 {
          padding-top: 40px; } }
  #contenido-ronda .side-descripcion {
    font-weight: 300;
    font-style: oblique;
    font-size: .9rem;
    padding-bottom: 2rem;
    /*.sticky {
				top: 120px!important;
			}*/ }
    #contenido-ronda .side-descripcion .titulo-lateral {
      display: block;
      border-bottom: 1px solid #666;
      padding-bottom: 8px;
      margin-bottom: 8px;
      font-size: 1.1rem; }
      #contenido-ronda .side-descripcion .titulo-lateral.subtitulo {
        margin-left: 100px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #contenido-ronda .side-descripcion .titulo-lateral.subtitulo {
            margin-left: 50px; } }
        @media only screen and (max-width: 767px) {
          #contenido-ronda .side-descripcion .titulo-lateral.subtitulo {
            margin-left: 0px; } }
  #contenido-ronda .galeria-interior {
    padding-bottom: 50px; }
    #contenido-ronda .galeria-interior .carousel-indicators {
      top: 101%;
      width: 100%;
      transform: translateX(-50%);
      margin-left: 0%; }
      #contenido-ronda .galeria-interior .carousel-indicators li {
        background: #fff;
        border: 1px solid #666; }
        #contenido-ronda .galeria-interior .carousel-indicators li.active {
          background: #666; }
    #contenido-ronda .galeria-interior .carousel-control-next, #contenido-ronda .galeria-interior .carousel-control-prev {
      position: absolute;
      top: 0;
      bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 15%;
      color: #fff;
      text-align: center; }
      #contenido-ronda .galeria-interior .carousel-control-next .material-icons, #contenido-ronda .galeria-interior .carousel-control-prev .material-icons {
        font-size: 3rem;
        color: #33b5e5;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 5px; }
      #contenido-ronda .galeria-interior .carousel-control-next:hover .material-icons, #contenido-ronda .galeria-interior .carousel-control-prev:hover .material-icons {
        transition: all 0.3s linear;
        background: rgba(255, 255, 255, 0.8); }
    #contenido-ronda .galeria-interior .carousel-control-prev {
      left: 0; }
    #contenido-ronda .galeria-interior .carousel-control-next {
      right: 0; }
    #contenido-ronda .galeria-interior .carousel .carousel-control-next-icon, #contenido-ronda .galeria-interior .carousel .carousel-control-prev-icon {
      width: 2.25rem;
      height: 2.25rem; }
    #contenido-ronda .galeria-interior .carousel-control-next-icon, #contenido-ronda .galeria-interior .carousel-control-prev-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%; }
    #contenido-ronda .galeria-interior .carousel .carousel-control-prev-icon {
      background-image: url("../img/svg/arrow_left.svg"); }
    #contenido-ronda .galeria-interior .carousel .carousel-control-next-icon {
      background-image: url("../img/svg/arrow_right.svg"); }
    #contenido-ronda .galeria-interior .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      border: 0;
      white-space: nowrap; }
    #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > a > img, #contenido-ronda .galeria-interior .carousel-inner > .carousel-item {
      overflow: hidden; }
    #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > a > img, #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > img, #contenido-ronda .galeria-interior .img-fluid {
      max-width: none;
      width: auto;
      height: 410px;
      margin: auto;
      display: block; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > a > img, #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > img, #contenido-ronda .galeria-interior .img-fluid {
          width: 100%;
          height: auto;
          max-height: 300px; } }
      @media only screen and (max-width: 767px) {
        #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > a > img, #contenido-ronda .galeria-interior .carousel-inner > .carousel-item > img, #contenido-ronda .galeria-interior .img-fluid {
          width: 100%;
          height: auto;
          max-height: 300px; } }
    #contenido-ronda .galeria-interior #contador-galeria {
      display: inline-block;
      width: 80px;
      transform: translateX(50%);
      position: absolute;
      right: 50%;
      bottom: 0;
      padding: 2px 5px;
      background: #33b5e5;
      color: #fff;
      font-size: .9rem;
      border-radius: 2px;
      font-size: .8rem;
      font-weight: 100;
      z-index: 10;
      text-align: center; }
  #contenido-ronda .tabla-traccion, #contenido-ronda .tabla-financiamiento {
    padding: 30px 15px; }
    #contenido-ronda .tabla-traccion table, #contenido-ronda .tabla-financiamiento table {
      width: 99%;
      margin: 0 auto; }
      #contenido-ronda .tabla-traccion table.small-only th, #contenido-ronda .tabla-financiamiento table.small-only th {
        background: #703584;
        color: #fff;
        text-align: center; }
        #contenido-ronda .tabla-traccion table.small-only th.st-head-row-main, #contenido-ronda .tabla-financiamiento table.small-only th.st-head-row-main {
          padding-top: .75rem;
          font-size: 1.3rem; }
    #contenido-ronda .tabla-traccion thead, #contenido-ronda .tabla-financiamiento thead {
      background: #703584;
      color: #fff; }
      #contenido-ronda .tabla-traccion thead th, #contenido-ronda .tabla-financiamiento thead th {
        font-weight: 300; }
    #contenido-ronda .tabla-traccion td, #contenido-ronda .tabla-financiamiento td {
      font-weight: 300; }
    @media only screen and (max-width: 767px) {
      #contenido-ronda .tabla-traccion p input[type="image"], #contenido-ronda .tabla-financiamiento p input[type="image"] {
        width: 100% !important;
        height: auto !important; }
      #contenido-ronda .tabla-traccion p img, #contenido-ronda .tabla-financiamiento p img {
        width: 100% !important;
        height: auto !important; } }
  #contenido-ronda .cliente {
    padding-bottom: 12px;
    text-align: center; }
    #contenido-ronda .cliente h5 {
      font-size: .9rem;
      font-weight: 500;
      padding-bottom: 0px; }
    #contenido-ronda .cliente p {
      line-height: 120%;
      overflow: hidden;
      text-align: center;
      height: 100px; }
  #contenido-ronda .caja-red .logo-red {
    height: 100px;
    overflow: hidden;
    transform: scale(1);
    transition: all 0.3s ease; }
    #contenido-ronda .caja-red .logo-red img {
      width: 100px;
      margin: 0 auto; }
  #contenido-ronda .caja-red h5 {
    height: 60px;
    overflow: hidden;
    text-align: center;
    padding-top: .2rem;
    font-size: 1rem; }
    #contenido-ronda .caja-red h5 span {
      padding: .3rem;
      display: inline-block;
      line-height: 110%; }
  #contenido-ronda .caja-red a .logo-red:hover {
    transform: scale(0.9); }
  #contenido-ronda .caja-red a h5 span:hover {
    text-decoration: underline; }
  #contenido-ronda #capital-financiamiento {
    padding-bottom: 0; }

.section-back .btn-back {
  border: none;
  display: table;
  font-size: .8rem;
  padding-left: 5px;
  margin-top: -2rem;
  margin-bottom: 2rem;
  background: #f6f6f6;
  border-left: 4px solid #999;
  padding: 8px 8px 8px 10px; }
  .section-back .btn-back i, .section-back .btn-back span {
    display: table-cell;
    vertical-align: middle; }
  .section-back .btn-back i {
    font-size: 1.3rem;
    color: #33b5e5; }
  .section-back .btn-back span {
    text-transform: none;
    padding-bottom: 0;
    font-weight: 600; }
  @media only screen and (max-width: 767px) {
    .section-back .btn-back {
      margin-top: -1rem; } }

.side-menu span {
  text-transform: uppercase;
  font-size: .8rem;
  display: block;
  font-weight: 600;
  padding-bottom: 10px; }

.side-menu li {
  padding: 0;
  margin: 0;
  border-left: 4px solid rgba(255, 255, 255, 0);
  transition: all 0.5s ease; }
  .side-menu li.activo {
    border-left: 4px solid #33b5e5;
    margin-left: 0; }
    .side-menu li.activo:hover {
      border-left: 4px solid #33b5e5; }
  .side-menu li:hover {
    border-left: 4px solid #33b5e5; }

.side-menu a {
  font-size: .75rem;
  font-weight: 300;
  color: #444;
  line-height: 100%;
  display: block;
  transition: all 0.5s ease;
  padding: 10px 8px 10px 10px;
  border-left: 1px solid #33b5e5;
  border-top: 1px dotted #eee; }
  .side-menu a:hover {
    background: #f6f6f6; }

.side-menu.nolog li {
  padding: 0;
  margin: 0;
  border-left: 4px solid rgba(255, 255, 255, 0);
  transition: all 0.5s ease; }
  .side-menu.nolog li.activo {
    border-left: 4px solid #33b5e5;
    margin-left: 0; }
    .side-menu.nolog li.activo:hover {
      border-left: 4px solid #33b5e5; }
  .side-menu.nolog li span {
    font-size: .75rem;
    font-weight: 300;
    color: #444;
    line-height: 100%;
    display: block;
    transition: all 0.5s ease;
    padding: 8px 8px 8px 10px;
    border-left: 1px solid #33b5e5;
    text-transform: none; }

.side-menu .btn-back {
  border: none;
  display: table;
  font-size: .9rem;
  padding-left: 5px;
  margin-bottom: 2rem;
  background: #f6f6f6;
  border-left: 4px solid #999; }
  .side-menu .btn-back i, .side-menu .btn-back span {
    display: table-cell;
    vertical-align: middle; }
  .side-menu .btn-back i {
    font-size: 1.3rem;
    color: #33b5e5; }
  .side-menu .btn-back span {
    text-transform: none;
    padding-bottom: 0; }

@media only screen and (max-width: 767px) {
  .side-menu-interior .indicador.movil {
    min-height: 25px; } }

.side-menu-interior ul {
  width: 200px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .side-menu-interior ul {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .side-menu-interior ul {
      width: 100%; } }
  .side-menu-interior ul li {
    padding: 1.2rem 1rem;
    position: relative; }
    .side-menu-interior ul li a {
      font-size: 1.2rem;
      font-weight: 100;
      line-height: 100%;
      color: #ccc; }
      .side-menu-interior ul li a:hover {
        color: #444; }
    .side-menu-interior ul li .icon {
      position: absolute;
      top: 5px;
      right: 5px;
      color: #999;
      display: none; }
    .side-menu-interior ul li span {
      font-size: .85rem;
      display: block;
      font-weight: 300;
      position: relative; }
    .side-menu-interior ul li.activo a {
      color: #444;
      cursor: pointer; }
    .side-menu-interior ul li.activo span:after {
      content: "";
      display: block;
      width: 100%;
      height: 7px;
      position: absolute;
      left: 0;
      bottom: -10px;
      background: #33b5e5; }
    .side-menu-interior ul li.pendiente {
      background: #fbfbfb; }
      .side-menu-interior ul li.pendiente a {
        color: #999; }
      .side-menu-interior ul li.pendiente .icon-pendiente {
        display: block;
        color: #ffbb33; }
    .side-menu-interior ul li.error {
      background: #fbfbfb; }
      .side-menu-interior ul li.error .icon-error {
        display: block;
        color: #ff4444; }
      .side-menu-interior ul li.error.activo .icon-error {
        display: none; }
    .side-menu-interior ul li.activo.pendiente a {
      color: #444; }

.documentos, .solicitud-docs {
  padding-bottom: 25px; }
  .documentos a, .documentos .dato-doc, .solicitud-docs a, .solicitud-docs .dato-doc {
    color: #999;
    display: table;
    font-size: .9rem;
    padding: 5px 10px;
    width: 100%;
    font-weight: 300;
    background: #fff;
    overflow: hidden;
    text-transform: lowercase;
    transition: all 0.5s ease; }
    .documentos a:nth-child(odd), .documentos .dato-doc:nth-child(odd), .solicitud-docs a:nth-child(odd), .solicitud-docs .dato-doc:nth-child(odd) {
      background: #fbfbfb; }
    .documentos a:hover, .documentos .dato-doc:hover, .solicitud-docs a:hover, .solicitud-docs .dato-doc:hover {
      background: #f6f6f6; }
    .documentos a img, .documentos .dato-doc img, .solicitud-docs a img, .solicitud-docs .dato-doc img {
      padding-right: 10px;
      display: table-cell; }
    .documentos a i, .documentos .dato-doc i, .solicitud-docs a i, .solicitud-docs .dato-doc i {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      font-size: 1.3rem;
      color: #666; }
    .documentos a span, .documentos .dato-doc span, .solicitud-docs a span, .solicitud-docs .dato-doc span {
      display: table-cell;
      vertical-align: middle;
      word-break: break-all; }
      .documentos a span.img, .documentos .dato-doc span.img, .solicitud-docs a span.img, .solicitud-docs .dato-doc span.img {
        width: 24px; }
    .documentos a.eliminar-documento, .documentos .dato-doc.eliminar-documento, .solicitud-docs a.eliminar-documento, .solicitud-docs .dato-doc.eliminar-documento {
      display: table-cell;
      width: auto;
      margin-top: 5px;
      background: none;
      display: inline;
      padding: 0;
      float: right; }
      .documentos a.eliminar-documento:hover i, .documentos .dato-doc.eliminar-documento:hover i, .solicitud-docs a.eliminar-documento:hover i, .solicitud-docs .dato-doc.eliminar-documento:hover i {
        background: #f6f6f6; }
  .documentos .dato-doc, .solicitud-docs .dato-doc {
    background: none; }
    .documentos .dato-doc:nth-child(odd), .solicitud-docs .dato-doc:nth-child(odd) {
      background: none; }
    .documentos .dato-doc .nom-doc, .solicitud-docs .dato-doc .nom-doc {
      border-bottom: 2px solid #00C851;
      width: 100%;
      padding-bottom: 5px; }
    .documentos .dato-doc i, .solicitud-docs .dato-doc i {
      color: #444; }
  .documentos .grupo-doc, .solicitud-docs .grupo-doc {
    padding-bottom: 25px; }
    .documentos .grupo-doc h5, .solicitud-docs .grupo-doc h5 {
      font-size: .9rem;
      font-weight: 500;
      padding-bottom: 0; }
  .documentos.solicitud-docs .doc, .solicitud-docs.solicitud-docs .doc {
    padding-left: 50px;
    width: 70%; }
    .documentos.solicitud-docs .doc .dato-doc i, .solicitud-docs.solicitud-docs .doc .dato-doc i {
      color: #666; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .documentos.solicitud-docs .doc, .solicitud-docs.solicitud-docs .doc {
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .documentos.solicitud-docs .doc, .solicitud-docs.solicitud-docs .doc {
        padding-left: 0px;
        width: 100%; } }
    .documentos.solicitud-docs .doc.dato-inversion, .solicitud-docs.solicitud-docs .doc.dato-inversion {
      width: 100%;
      padding-left: 0; }
    .documentos.solicitud-docs .doc .dato-panel-inversion, .solicitud-docs.solicitud-docs .doc .dato-panel-inversion {
      width: 80%; }
    .documentos.solicitud-docs .doc.doc-soc, .solicitud-docs.solicitud-docs .doc.doc-soc {
      width: 90%;
      padding-left: 0; }
  .documentos.inv-docs, .solicitud-docs.inv-docs {
    padding: 1rem 0;
    margin-bottom: 1.5rem; }
  .documentos.multiple-docs .doc, .solicitud-docs.multiple-docs .doc {
    padding-left: 0;
    width: 100%; }

.sop-gral-derechos {
  float: left;
  margin-bottom: 40px; }
  .sop-gral-derechos h4 {
    padding-left: 2rem;
    position: relative;
    margin-bottom: 40px; }
    .sop-gral-derechos h4::after {
      content: "";
      width: 70px;
      height: 6px;
      background: #d41f29;
      position: absolute;
      bottom: 0;
      left: 2rem; }
  .sop-gral-derechos.inv h4::after {
    background: #f26522; }

.sop-obligacion.mitad {
  width: 49.3%;
  padding: 0 15px 30px 15px;
  float: left; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .sop-obligacion.mitad {
      width: 99.9%; } }
  @media only screen and (max-width: 767px) {
    .sop-obligacion.mitad {
      width: 99.9%; } }

.sop-obligacion h5 {
  border-bottom: 1px solid #26b2a2;
  position: relative;
  margin-bottom: 20px;
  padding-left: 2rem; }
  .sop-obligacion h5::before, .sop-obligacion h5::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    left: 44px; }
  .sop-obligacion h5::before {
    border-top: 10px solid #26b2a2;
    bottom: -11px; }
  .sop-obligacion h5::after {
    border-top: 10px solid #fff;
    bottom: -10px; }

.sop-derechos {
  overflow: hidden;
  display: table; }
  .sop-derechos .sop-img {
    width: 44px;
    float: left;
    display: table-cell;
    vertical-align: middle;
    margin-right: 20px;
    padding-top: 20px; }
    .sop-derechos .sop-img img {
      width: 100%; }
  .sop-derechos .txt-derechos {
    display: table-cell;
    vertical-align: middle;
    line-height: 100%;
    font-weight: 100;
    font-size: .9rem;
    padding: 25px 0 25px 20px;
    position: relative;
    border-left: 1px solid #26b2a2; }
    .sop-derechos .txt-derechos::after {
      content: "";
      width: 10px;
      height: 10px;
      background: #26b2a2;
      position: absolute;
      top: 50%;
      left: 0px;
      border-radius: 10px;
      transform: translate(-50%, -50%); }

.solicitud-agrega-doc {
  width: 70%; }
  .solicitud-agrega-doc .file-path-wrapper {
    height: 3.5rem; }
  .solicitud-agrega-doc.dato-inversion {
    width: 100%;
    padding-left: 0;
    overflow: hidden; }
    .solicitud-agrega-doc.dato-inversion .btn {
      margin-left: 10px !important; }

.solicitud .solicitud-agrega-doc {
  width: 100%;
  overflow: hidden; }
  .solicitud .solicitud-agrega-doc .file-path-wrapper {
    width: 60%;
    float: left;
    margin-right: 1rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .solicitud .solicitud-agrega-doc .file-path-wrapper {
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .solicitud .solicitud-agrega-doc .file-path-wrapper {
        width: 90%; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .solicitud .solicitud-agrega-doc .btn {
      margin-left: 10px !important; } }
  @media only screen and (max-width: 767px) {
    .solicitud .solicitud-agrega-doc .btn {
      margin-left: 10px !important; } }
  .solicitud .solicitud-agrega-doc .invalid {
    clear: both; }
  .solicitud .solicitud-agrega-doc.perfil-persona-inv {
    overflow: visible; }
    .solicitud .solicitud-agrega-doc.perfil-persona-inv .file-path-wrapper {
      float: none; }
    .solicitud .solicitud-agrega-doc.perfil-persona-inv .btn {
      float: none; }
    .solicitud .solicitud-agrega-doc.perfil-persona-inv .select-tipo {
      margin-left: 10px; }
    .solicitud .solicitud-agrega-doc.perfil-persona-inv .corto {
      width: 60%; }
      @media only screen and (max-width: 767px) {
        .solicitud .solicitud-agrega-doc.perfil-persona-inv .corto {
          width: 90%; } }
    .solicitud .solicitud-agrega-doc.perfil-persona-inv .select-dropdown {
      font-size: 1rem; }
    .solicitud .solicitud-agrega-doc.perfil-persona-inv .invalid {
      float: none; }

.seccion {
  overflow: hidden;
  padding: 0 0 80px;
  /*p {
			font-size: .9rem;
			margin-bottom: .9rem;

			a {
				font-weight: 600;
				color: $gris-texto;
			}
		}*/ }
  @media only screen and (max-width: 767px) {
    .seccion {
      padding: 0 0 40px; } }
  .seccion.separacion {
    margin-bottom: 3rem; }
  .seccion h4 {
    font-size: 1.3rem;
    font-weight: 400; }
  .seccion .txt-interior .table {
    font-size: 14px; }
    .seccion .txt-interior .table caption {
      display: none; }
    .seccion .txt-interior .table td {
      font-weight: 300; }
  .seccion .txt-interior p input[type="image"] {
    width: 100% !important;
    height: auto !important; }
  @media only screen and (max-width: 767px) {
    .seccion .txt-interior p img {
      width: 100% !important;
      height: auto !important; } }

.grupo-equipo {
  padding: 25px 0;
  text-align: center; }
  .grupo-equipo .col-centrado {
    float: none !important;
    display: inline-block; }
  .grupo-equipo .caja-equipo {
    padding-bottom: 25px; }
  .grupo-equipo .avatar-user-equipo {
    margin: 0 auto 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 1px rgba(0, 1, 0, 0.2); }
    .grupo-equipo .avatar-user-equipo img {
      width: 100%; }
  .grupo-equipo .nombre-user-equipo, .grupo-equipo .cargo-user-equipo, .grupo-equipo .dedicacion-user-equipo, .grupo-equipo .descripcion-user-equipo {
    margin: 0 auto;
    overflow: hidden; }
  .grupo-equipo .nombre-user-equipo {
    font-weight: 600;
    line-height: 120%; }
    .grupo-equipo .nombre-user-equipo a:hover {
      text-decoration: underline; }
  .grupo-equipo .cargo-user-equipo, .grupo-equipo .rol-user-equipo {
    font-weight: 300;
    overflow: hidden;
    line-height: 120%; }
  .grupo-equipo .dedicacion-user-equipo {
    font-weight: 100;
    font-size: .8rem; }
    .grupo-equipo .dedicacion-user-equipo span {
      font-size: .7rem; }
  .grupo-equipo .rol-user-equipo {
    font-size: .8rem;
    font-weight: 600; }
  .grupo-equipo .descripcion-user-equipo {
    font-size: .85rem;
    margin: 10px auto;
    border-top: 1px dotted #999;
    padding-top: 10px;
    font-weight: 300;
    overflow: hidden;
    line-height: 120%;
    /*white-space: nowrap;
			overflow: hidden;
  			text-overflow: ellipsis;*/ }
  .grupo-equipo.fundadores .col-centrado, .grupo-equipo.directorio .col-centrado {
    width: 33%; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.fundadores .col-centrado, .grupo-equipo.directorio .col-centrado {
        width: 33%; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.fundadores .col-centrado, .grupo-equipo.directorio .col-centrado {
        width: 49%; } }
  .grupo-equipo.fundadores .avatar-user-equipo, .grupo-equipo.directorio .avatar-user-equipo {
    width: 200px;
    height: 200px;
    border-radius: 200px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.fundadores .avatar-user-equipo, .grupo-equipo.directorio .avatar-user-equipo {
        width: 150px;
        height: 150px; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.fundadores .avatar-user-equipo, .grupo-equipo.directorio .avatar-user-equipo {
        width: 150px;
        height: 150px; } }
  .grupo-equipo.fundadores .nombre-user-equipo, .grupo-equipo.fundadores .cargo-user-equipo, .grupo-equipo.fundadores .descripcion-user-equipo, .grupo-equipo.directorio .nombre-user-equipo, .grupo-equipo.directorio .cargo-user-equipo, .grupo-equipo.directorio .descripcion-user-equipo {
    width: 260px;
    width: 100%; }
  .grupo-equipo.fundadores .nombre-user-equipo, .grupo-equipo.directorio .nombre-user-equipo {
    height: 42px; }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.fundadores .nombre-user-equipo, .grupo-equipo.directorio .nombre-user-equipo {
        height: 62px; } }
  .grupo-equipo.fundadores .cargo-user-equipo, .grupo-equipo.directorio .cargo-user-equipo {
    height: 48px; }
  .grupo-equipo.fundadores .descripcion-user-equipo, .grupo-equipo.directorio .descripcion-user-equipo {
    height: 110px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.fundadores .descripcion-user-equipo, .grupo-equipo.directorio .descripcion-user-equipo {
        height: 103px; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.fundadores .descripcion-user-equipo, .grupo-equipo.directorio .descripcion-user-equipo {
        height: 103px; } }
  .grupo-equipo.colaboradores .col-centrado {
    width: 24.5%; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.colaboradores .col-centrado {
        width: 33%; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.colaboradores .col-centrado {
        width: 49%; } }
  .grupo-equipo.colaboradores .avatar-user-equipo {
    width: 100px;
    height: 100px;
    border-radius: 100px; }
  .grupo-equipo.colaboradores .nombre-user-equipo, .grupo-equipo.colaboradores .cargo-user-equipo, .grupo-equipo.colaboradores .descripcion-user-equipo {
    width: 90%; }
  .grupo-equipo.colaboradores .nombre-user-equipo {
    height: 48px; }
  .grupo-equipo.colaboradores .cargo-user-equipo {
    font-size: .8rem;
    height: 38px; }
  .grupo-equipo.colaboradores .rol-user-equipo {
    font-size: .7rem; }
  .grupo-equipo.colaboradores .descripcion-user-equipo {
    height: 140px; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .grupo-equipo.colaboradores .descripcion-user-equipo {
        height: 140px; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.colaboradores .descripcion-user-equipo {
        height: 190px; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.colaboradores .descripcion-user-equipo {
        height: 190px; } }
  .grupo-equipo.colaboradores.inversionistas .caja-equipo {
    overflow: hidden;
    margin-bottom: 25px; }
  .grupo-equipo.colaboradores.inversionistas .avatar-user-equipo {
    float: left;
    margin: 8px 0 0 8px; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .grupo-equipo.colaboradores.inversionistas .avatar-user-equipo {
        width: 90px;
        height: 90px;
        border-radius: 90px; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.colaboradores.inversionistas .avatar-user-equipo {
        margin: 0 auto 10px; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.colaboradores.inversionistas .avatar-user-equipo {
        margin: 0 0 10px 20px; } }
  .grupo-equipo.colaboradores.inversionistas .detalle-user {
    float: left;
    width: 238px;
    text-align: left; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .grupo-equipo.colaboradores.inversionistas .detalle-user {
        width: 176px; }
        .grupo-equipo.colaboradores.inversionistas .detalle-user .descripcion-user-equipo {
          height: 130px; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.colaboradores.inversionistas .detalle-user {
        width: 208px; }
        .grupo-equipo.colaboradores.inversionistas .detalle-user .descripcion-user-equipo {
          height: 116px; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.colaboradores.inversionistas .detalle-user {
        width: 100%; }
        .grupo-equipo.colaboradores.inversionistas .detalle-user .descripcion-user-equipo {
          height: 130px; } }
    .grupo-equipo.colaboradores.inversionistas .detalle-user .nombre-user-equipo {
      height: auto; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .grupo-equipo.colaboradores.inversionistas .detalle-user .nombre-user-equipo {
          height: 48px; } }
  .grupo-equipo.colaboradores.destacados {
    border-top: none;
    padding-bottom: 0; }
    .grupo-equipo.colaboradores.destacados .caja-equipo {
      margin-bottom: 0; }
  .grupo-equipo.equipo-interior .caja-equipo {
    margin-bottom: 40px;
    overflow: hidden; }
  .grupo-equipo.equipo-interior.fundadores .avatar-user-equipo, .grupo-equipo.equipo-interior.directorio .avatar-user-equipo {
    float: left;
    margin-right: 40px; }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.equipo-interior.fundadores .avatar-user-equipo, .grupo-equipo.equipo-interior.directorio .avatar-user-equipo {
        margin-right: 20px;
        margin-top: 20px; } }
  .grupo-equipo.equipo-interior.fundadores .content-user, .grupo-equipo.equipo-interior.directorio .content-user {
    float: left;
    text-align: left;
    width: 65%;
    padding-top: 25px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .grupo-equipo.equipo-interior.fundadores .content-user, .grupo-equipo.equipo-interior.directorio .content-user {
        padding-top: 10px;
        width: 55%; } }
    @media only screen and (max-width: 767px) {
      .grupo-equipo.equipo-interior.fundadores .content-user, .grupo-equipo.equipo-interior.directorio .content-user {
        padding-top: 10px;
        width: 55%; } }
  .grupo-equipo.equipo-interior.fundadores .nombre-user-equipo, .grupo-equipo.equipo-interior.fundadores .cargo-user-equipo, .grupo-equipo.equipo-interior.fundadores .descripcion-user-equipo, .grupo-equipo.equipo-interior.directorio .nombre-user-equipo, .grupo-equipo.equipo-interior.directorio .cargo-user-equipo, .grupo-equipo.equipo-interior.directorio .descripcion-user-equipo {
    width: 100%;
    margin: 0; }
  .grupo-equipo.equipo-interior.colaboradores {
    border: 0; }

.txt-interior {
  padding-bottom: 25px; }
  .txt-interior p {
    font-size: 1rem;
    margin-bottom: .9rem;
    text-align: justify; }
    .txt-interior p a {
      font-weight: 600;
      color: #444;
      text-decoration: underline; }
    .txt-interior p.sub-item {
      padding-left: 20px; }
    .txt-interior p.sub-sub-item {
      padding-left: 40px; }
    .txt-interior p.resalta {
      font-size: 1.1rem; }
  .txt-interior ul {
    font-size: 1rem;
    margin-bottom: .9rem; }
    .txt-interior ul li {
      margin-bottom: .9rem;
      position: relative;
      padding-left: 20px;
      font-weight: 100; }
      .txt-interior ul li:before {
        content: "\0025A0";
        color: #33b5e5;
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 16px;
        line-height: 100%; }
      .txt-interior ul li strong {
        font-weight: 600; }
      .txt-interior ul li ul li:before {
        content: "\0025A0";
        color: #00C851;
        font-size: 14px;
        top: 4px;
        left: 5px; }
      .txt-interior ul li a {
        font-weight: 600;
        color: #444;
        text-decoration: underline; }
    .txt-interior ul.sub-lista {
      padding-left: 40px; }
    .txt-interior ul.lista-costos {
      font-size: 1rem; }
      .txt-interior ul.lista-costos strong {
        display: block;
        margin-bottom: .5rem; }
  .txt-interior ol {
    font-size: 1rem;
    margin-bottom: .9rem; }
    .txt-interior ol li {
      margin-bottom: .9rem;
      position: relative;
      padding-left: 20px;
      font-weight: 100; }
      .txt-interior ol li strong {
        font-weight: 600; }
  .txt-interior .btn-link {
    color: #757575;
    padding-right: 20px;
    display: inline-block;
    width: auto;
    text-decoration: none; }
    .txt-interior .btn-link span {
      display: table-cell;
      vertical-align: middle;
      text-decoration: underline; }
    .txt-interior .btn-link i {
      display: table-cell;
      vertical-align: middle; }
    .txt-interior .btn-link:hover {
      text-decoration: none; }
  .txt-interior .info-detalle {
    font-size: .9rem;
    color: #0099CC; }
  .txt-interior h3 {
    margin-top: 20px; }
  .txt-interior dl {
    padding-left: 20px; }
    .txt-interior dl dt {
      font-weight: 600;
      padding-bottom: 10px; }
    .txt-interior dl dd {
      padding-left: 10px;
      padding-bottom: 20px; }
      .txt-interior dl dd table {
        margin-top: 30px; }
        .txt-interior dl dd table.tabla-resumen {
          font-size: .9rem;
          line-height: 120%; }
  .txt-interior .icon-dcf {
    margin: 0 auto 20px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .txt-interior .icon-dcf {
        width: 100%; } }
  .txt-interior .no-contenido {
    text-align: center; }

.caluga {
  margin-bottom: 40px; }
  .caluga img {
    width: 100%; }

/*==== LEVANTA CAPITAL ====*/
#main.levanta section {
  padding: 40px 0; }

#main.levanta #banner-home, #main.levanta #banner-interior {
  padding: 0; }

/*-- Razones --*/
#razones, #costos-inversion, #levanta-capital {
  padding: 70px 0 50px; }
  #razones .section-cabecera, #costos-inversion .section-cabecera, #levanta-capital .section-cabecera {
    margin-bottom: 4rem; }
    @media only screen and (max-width: 767px) {
      #razones .section-cabecera, #costos-inversion .section-cabecera, #levanta-capital .section-cabecera {
        margin-bottom: 2rem; } }
    #razones .section-cabecera p, #costos-inversion .section-cabecera p, #levanta-capital .section-cabecera p {
      font-family: "Roboto", sans-serif;
      font-weight: 300; }
  #razones .caja-razon, #costos-inversion .caja-razon, #levanta-capital .caja-razon {
    text-align: center;
    margin-bottom: 50px; }
    #razones .caja-razon img, #costos-inversion .caja-razon img, #levanta-capital .caja-razon img {
      margin-bottom: 10px; }
    #razones .caja-razon h3, #costos-inversion .caja-razon h3, #levanta-capital .caja-razon h3 {
      font-weight: 400;
      font-size: 1.3rem; }
    #razones .caja-razon p, #costos-inversion .caja-razon p, #levanta-capital .caja-razon p {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      line-height: 120%; }

#razones .caja-razon {
  text-align: center; }
  #razones .caja-razon p {
    height: 80px;
    overflow: hidden; }

#costos-inversion .caja-razon p {
  height: auto; }

#como-invertir .section-content {
  margin-bottom: 5rem; }

#como-invertir .pasos-inversion .paso {
  transition: all 0.3s ease;
  border-radius: 0 20px 20px 20px;
  min-height: 220px; }
  #como-invertir .pasos-inversion .paso:hover {
    background: #fbfbfb; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #como-invertir .pasos-inversion .paso {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    #como-invertir .pasos-inversion .paso {
      min-height: auto; } }

#como-invertir .pasos-inversion .num {
  color: #d41f29;
  font-size: 3rem;
  font-weight: 500;
  float: left;
  width: 18%;
  text-align: center; }

#como-invertir .pasos-inversion dl {
  float: left;
  width: 80%;
  border-left: 1px solid #444;
  padding-left: 10px;
  margin-top: 10px; }
  #como-invertir .pasos-inversion dl dt {
    text-transform: uppercase;
    font-size: .9rem;
    padding-bottom: .5rem; }
  #como-invertir .pasos-inversion dl dd {
    font-size: .9rem; }

#como-invertir .pasos-inversion .detalle {
  margin-bottom: 2rem;
  background: #fbfbfb;
  border-radius: 10px;
  padding: 30px;
  margin-top: 10px;
  border: 1px dotted #999; }
  #como-invertir .pasos-inversion .detalle p {
    text-align: center;
    margin-bottom: 0; }
    #como-invertir .pasos-inversion .detalle p i {
      font-size: 24px;
      color: #d41f29;
      margin-right: 10px; }
  @media only screen and (max-width: 767px) {
    #como-invertir .pasos-inversion .detalle {
      border-radius: 50px;
      margin-top: 40px; } }

#como-invertir .requisitos-medios {
  margin-bottom: 5rem;
  text-align: center; }
  #como-invertir .requisitos-medios .bloque_rm {
    width: 100%;
    margin: 30px 0;
    min-height: 84px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #como-invertir .requisitos-medios .bloque_rm {
        min-height: 134px; } }
    #como-invertir .requisitos-medios .bloque_rm img {
      display: inline-block;
      margin-right: 15px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #como-invertir .requisitos-medios .bloque_rm img.img_izq_1 {
          display: block;
          margin: 0 auto 10px; } }
      @media only screen and (max-width: 767px) {
        #como-invertir .requisitos-medios .bloque_rm img.img_izq_1 {
          display: block;
          margin: 0 auto 10px; } }
      #como-invertir .requisitos-medios .bloque_rm img.img_izq_2 {
        margin-top: -20px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #como-invertir .requisitos-medios .bloque_rm img.img_izq_2 {
            display: block;
            margin: 0 auto 10px; } }
        @media only screen and (max-width: 767px) {
          #como-invertir .requisitos-medios .bloque_rm img.img_izq_2 {
            display: block;
            margin: 0 auto 10px; } }
      #como-invertir .requisitos-medios .bloque_rm img.img_der_1 {
        margin-top: -13%; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #como-invertir .requisitos-medios .bloque_rm img.img_der_1 {
            margin-top: 0;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          #como-invertir .requisitos-medios .bloque_rm img.img_der_1 {
            margin-top: 0;
            margin-bottom: 10px; } }
      #como-invertir .requisitos-medios .bloque_rm img.img_der_2 {
        margin-top: -34px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #como-invertir .requisitos-medios .bloque_rm img.img_der_2 {
            margin-top: 0;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          #como-invertir .requisitos-medios .bloque_rm img.img_der_2 {
            margin-top: 0;
            margin-bottom: 10px; } }
    #como-invertir .requisitos-medios .bloque_rm p {
      display: inline-block;
      width: auto;
      text-align: left;
      line-height: 120%;
      font-size: .9rem; }
      #como-invertir .requisitos-medios .bloque_rm p strong {
        font-weight: 600; }
      #como-invertir .requisitos-medios .bloque_rm p span {
        display: block;
        font-size: .9rem; }
        #como-invertir .requisitos-medios .bloque_rm p span a {
          font-weight: 500; }
      #como-invertir .requisitos-medios .bloque_rm p.ancho {
        width: 300px; }

#como-invertir .contenido-base.contenido-riesgos {
  margin-bottom: 0; }
  #como-invertir .contenido-base.contenido-riesgos h2 {
    margin-bottom: 2.5rem;
    text-align: center; }

#como-invertir .contenido-base dl {
  margin-top: 2rem; }

#como-invertir .contenido-base dt {
  color: #33b5e5; }
  #como-invertir .contenido-base dt h3 {
    font-weight: 300;
    padding-bottom: .2rem; }

#como-invertir .contenido-base dd {
  margin-bottom: 3rem; }
  #como-invertir .contenido-base dd ul {
    padding-left: .75rem; }
    #como-invertir .contenido-base dd ul li {
      position: relative;
      padding-left: 10px; }
      #como-invertir .contenido-base dd ul li:before {
        content: "";
        height: 12px;
        width: 3px;
        background: #33b5e5;
        position: absolute;
        top: 6px;
        left: 0; }
      #como-invertir .contenido-base dd ul li .inBlock {
        display: block; }
      #como-invertir .contenido-base dd ul li small {
        font-size: 90%;
        font-weight: 300; }

#levanta-capital {
  /*padding: 40px 0;

	h3 {
		font-size: 1.3rem;
		font-weight: 400;
		padding-bottom: 1rem;
	}
	p {
		line-height: 120%;
	}

	.link-negocios {
		margin-top: 40px;
		margin-bottom: 40px;

		a {
			width: 86%;
		}
	}*/ }
  #levanta-capital .caja-razon {
    text-align: center;
    margin-bottom: 0; }
    #levanta-capital .caja-razon .img-caja {
      min-height: 150px;
      margin-bottom: 1rem; }
    #levanta-capital .caja-razon h3 {
      height: 40px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #levanta-capital .caja-razon h3 {
          height: 55px; } }
    #levanta-capital .caja-razon p {
      height: 100px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #levanta-capital .caja-razon p {
          min-height: 140px; } }
      @media only screen and (max-width: 767px) {
        #levanta-capital .caja-razon p {
          min-height: 70px; } }

#como-invertir-recursos .txt-interior {
  padding: 0 0 40px; }

#como-invertir-recursos .tool-content {
  padding: 20px;
  text-align: center;
  border-top: 1px dotted #eee;
  border-bottom: 1px dotted #eee; }

.campanas-exito .card {
  background: #f6f6f6;
  margin-bottom: 20px;
  margin: 0 5px 20px 5px; }
  .campanas-exito .card .sop-img-campanas {
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 403px;
    margin-bottom: 0; }
    .campanas-exito .card .sop-img-campanas img {
      padding: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 642px;
      height: 481px;
      max-width: none; }
    @media only screen and (max-width: 767px) {
      .campanas-exito .card .sop-img-campanas {
        height: 200px; }
        .campanas-exito .card .sop-img-campanas img {
          width: 100%;
          height: auto; } }
  .campanas-exito .card .content-card {
    padding: 1.25rem; }
    .campanas-exito .card .content-card h4 {
      text-align: left;
      border-bottom: 0; }
      .campanas-exito .card .content-card h4 a {
        transition: all 0.3s linear; }
        .campanas-exito .card .content-card h4 a:hover {
          margin-left: 5px; }
    .campanas-exito .card .content-card .card-text {
      font-size: 1rem;
      color: #999;
      height: 200px;
      overflow: hidden;
      width: 100%;
      font-style: oblique;
      font-weight: 300; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .campanas-exito .card .content-card .card-text {
          font-size: .9rem;
          height: 142px; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .campanas-exito .card .content-card .card-text {
          font-size: .9rem;
          height: 142px; } }
    @media only screen and (max-width: 767px) {
      .campanas-exito .card .content-card {
        height: auto; } }

.panel-reporte #mensajes {
  margin-top: 15px; }

.panel-reporte .img-user {
  margin-left: 20px; }

.panel-reporte .num_reporte {
  font-size: 1.1rem;
  font-weight: 100;
  color: #33b5e5;
  padding-left: 1.5rem; }

.panel-reporte #repo-inicial {
  background: #f6f6f6;
  margin-top: 20px; }

.panel-reporte .colapsable {
  background: #f6f6f6; }
  .panel-reporte .colapsable.activo .cabecera {
    background: #f6f6f6; }
    .panel-reporte .colapsable.activo .cabecera .w-icon .up {
      display: none; }
    .panel-reporte .colapsable.activo .cabecera .w-icon .down {
      display: block; }
  .panel-reporte .colapsable .cabecera {
    padding: .75rem;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s linear;
    cursor: pointer;
    background: #fff; }
    .panel-reporte .colapsable .cabecera .nombre-inv {
      width: 90%;
      float: left;
      margin-top: .5rem; }
      .panel-reporte .colapsable .cabecera .nombre-inv .icon {
        display: inline-block;
        padding-right: .75rem;
        font-size: 20px;
        color: #33b5e5; }
      .panel-reporte .colapsable .cabecera .nombre-inv .name {
        font-size: 1.2rem;
        font-weight: 100; }
      @media only screen and (max-width: 767px) {
        .panel-reporte .colapsable .cabecera .nombre-inv {
          width: 80%; }
          .panel-reporte .colapsable .cabecera .nombre-inv .name {
            font-size: 1rem; } }
    .panel-reporte .colapsable .cabecera .w-icon {
      float: right;
      margin-top: .5rem; }
      .panel-reporte .colapsable .cabecera .w-icon i {
        font-size: 2rem; }
      .panel-reporte .colapsable .cabecera .w-icon .up {
        display: block; }
      .panel-reporte .colapsable .cabecera .w-icon .down {
        display: none; }
    .panel-reporte .colapsable .cabecera:hover {
      background: #f6f6f6; }
  .panel-reporte .colapsable .collapse {
    border-bottom: 1px solid #e5e5e5; }

.panel-reporte .acordeon .nombre-inv {
  margin-top: .5rem; }

.panel-reporte .acordeon .name {
  font-size: 1.2rem;
  font-weight: 100; }

.panel-reporte .acordeon .icon {
  display: inline-block;
  padding-right: .75rem;
  font-size: 20px;
  color: #33b5e5; }

.panel-reporte .reporte-grupo {
  background: #fff;
  padding: 1rem 1rem 1rem 2.5rem;
  float: left;
  margin: 2rem 0 3rem;
  width: 100%; }
  .panel-reporte .reporte-grupo h5 {
    margin-top: 1rem; }
  .panel-reporte .reporte-grupo .grupo-reporte {
    background: #fff;
    width: 74%;
    overflow: hidden;
    margin: 0px auto 30px; }
    .panel-reporte .reporte-grupo .grupo-reporte .tipo-grupo {
      display: table;
      width: 100%;
      border-bottom: 1px solid #eee; }
      .panel-reporte .reporte-grupo .grupo-reporte .tipo-grupo > div {
        display: table-cell;
        vertical-align: middle;
        padding: .75rem;
        width: 90%; }
      .panel-reporte .reporte-grupo .grupo-reporte .tipo-grupo .numero {
        font-size: 14px;
        display: block; }
      .panel-reporte .reporte-grupo .grupo-reporte .tipo-grupo .descripcion {
        font-size: 12px;
        line-height: 120%; }
      .panel-reporte .reporte-grupo .grupo-reporte .tipo-grupo .grupo-tool {
        text-align: center; }
        .panel-reporte .reporte-grupo .grupo-reporte .tipo-grupo .grupo-tool a {
          color: #757575;
          margin-left: 5px; }
  @media only screen and (max-width: 767px) {
    .panel-reporte .reporte-grupo {
      padding: 1rem; } }

.panel-reporte .formulario fieldset {
  padding: 2rem; }

.panel-reporte .formulario .opcion {
  display: block;
  padding: 2px 0 2px 12px;
  position: relative;
  margin-left: 7px; }
  .panel-reporte .formulario .opcion:last-child {
    margin-bottom: 20px; }
  .panel-reporte .formulario .opcion:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: red;
    position: absolute;
    top: 9px;
    left: 0px; }
  .panel-reporte .formulario .opcion.verde:before {
    background: #00C851; }
  .panel-reporte .formulario .opcion.amarillo:before {
    background: #ffbb33; }
  .panel-reporte .formulario .opcion.rojo:before {
    background: #ff4444; }

.panel-reporte .formulario p.campo-descripcion {
  color: #666; }

.panel-reporte .formulario h5 {
  position: relative;
  margin: 1rem 0;
  display: inline-block; }
  .panel-reporte .formulario h5:after {
    content: "";
    width: 70%;
    border-bottom: 1px solid #33b5e5;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0; }

.panel-reporte .formulario .dato-form.entero {
  width: 100%;
  float: left; }

.panel-reporte .formulario .mitad_flota {
  width: 45%;
  float: left;
  margin-right: 2%;
  min-height: 120px; }
  .panel-reporte .formulario .mitad_flota.right {
    float: right; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .panel-reporte .formulario .mitad_flota {
      width: 70%; }
      .panel-reporte .formulario .mitad_flota.right {
        float: left; } }
  @media only screen and (max-width: 767px) {
    .panel-reporte .formulario .mitad_flota {
      width: 100%;
      margin-right: 0; }
      .panel-reporte .formulario .mitad_flota.right {
        float: left; } }
  .panel-reporte .formulario .mitad_flota.clear-left {
    clear: left; }

.panel-reporte .formulario .mitad_noflota {
  width: 45%;
  float: left;
  margin-right: 20%; }
  .panel-reporte .formulario .mitad_noflota.clear-left {
    clear: left; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .panel-reporte .formulario .mitad_noflota {
      width: 70%; } }
  @media only screen and (max-width: 767px) {
    .panel-reporte .formulario .mitad_noflota {
      width: 100%;
      margin-right: 0; } }

.panel-reporte .formulario .cats.radio-gap {
  margin-bottom: 1rem; }
  .panel-reporte .formulario .cats.radio-gap .grupo {
    padding: .3rem 0; }
  .panel-reporte .formulario .cats.radio-gap label {
    padding-left: 42px;
    line-height: 250%;
    color: #666;
    text-transform: none;
    font-weight: 100; }
    @media only screen and (max-width: 767px) {
      .panel-reporte .formulario .cats.radio-gap label {
        line-height: 140%; } }
    .panel-reporte .formulario .cats.radio-gap label strong {
      font-weight: 600; }
    .panel-reporte .formulario .cats.radio-gap label:before, .panel-reporte .formulario .cats.radio-gap label:after {
      width: 30px;
      height: 30px;
      background: #fff; }
    .panel-reporte .formulario .cats.radio-gap label.rojo:before {
      border: 2px solid #ff4444; }
    .panel-reporte .formulario .cats.radio-gap label.amarillo:before {
      border: 2px solid #ffbb33; }
    .panel-reporte .formulario .cats.radio-gap label.verde:before {
      border: 2px solid #00C851; }
  .panel-reporte .formulario .cats.radio-gap [type=radio]:checked + label.rojo:after {
    background: #ff4444;
    border: 2px solid #CC0000; }
  .panel-reporte .formulario .cats.radio-gap [type=radio]:checked + label.amarillo:after {
    background: #ffbb33;
    border: 2px solid #FF8800; }
  .panel-reporte .formulario .cats.radio-gap [type=radio]:checked + label.verde:after {
    background: #00C851;
    border: 2px solid #007E33; }

.panel-reporte .formulario span.error {
  margin-top: 10px; }

.panel-reporte .formulario span.invalid {
  margin-top: 10px; }

.panel-reporte .formulario .btn-agregar {
  width: 45%;
  margin-top: 1.8rem; }
  @media only screen and (max-width: 767px) {
    .panel-reporte .formulario .btn-agregar {
      width: auto; } }

.panel-reporte .formulario .reporte-grupo label.requerido:after {
  color: #9933CC;
  font-size: .9rem; }

.panel-reporte .formulario .reporte-grupo .obliga {
  margin-bottom: 0;
  color: #9933CC;
  text-align: center; }

.panel-reporte .docs-reporte .solicitud-agrega-doc {
  width: 100%;
  overflow: hidden; }
  .panel-reporte .docs-reporte .solicitud-agrega-doc .file-path-wrapper {
    width: 60%;
    float: left;
    margin-right: 1rem; }
    .panel-reporte .docs-reporte .solicitud-agrega-doc .file-path-wrapper input {
      width: 95%;
      padding: .4rem 0 .5rem; }
    @media only screen and (max-width: 767px) {
      .panel-reporte .docs-reporte .solicitud-agrega-doc .file-path-wrapper {
        width: auto;
        float: none;
        padding-left: 0; } }

.panel-reporte .docs-reporte.campo-doc .btn {
  margin-left: 0;
  padding: 0;
  line-height: 2.5rem; }

.panel-reporte.editar {
  padding-top: 2rem; }

#cabecera-vista-reporte {
  background: #303f9f;
  color: #fff; }

/*==== COMO INVERTIR ====*/
#main.como-invertir section {
  padding: 40px 0; }

#main.como-invertir #banner-home, #main.como-invertir #banner-interior {
  padding: 0; }

#main.como-invertir #carousel-banner-como-invertir .carousel-caption {
  left: 0; }
  #main.como-invertir #carousel-banner-como-invertir .carousel-caption .content-banner {
    text-align: left; }

#main.como-invertir #carousel-banner-como-invertir img {
  height: 300px; }

#main.como-invertir #como-invertir {
  padding-top: 80px; }

.seccion-contenido {
  padding: 60px 0;
  /*.link-negocios {
		margin-top: 40px;
		margin-bottom: 40px;

		a {
			width: 82%;
		}
	}*/ }
  @media only screen and (max-width: 767px) {
    .seccion-contenido {
      padding: 30px 0; } }
  .seccion-contenido h3 {
    font-size: 1.3rem;
    font-weight: 400;
    padding-bottom: 1rem; }

/*#como-invertir, #como-invertir-recursos {
	padding: 40px 0;


	h3 {
		font-size: 1.3rem;
		font-weight: 400;
		padding-bottom: 1rem;
	}
	p {
		line-height: 120%;
	}

	.link-negocios {
		margin-top: 40px;
		margin-bottom: 40px;

		a {
			width: 82%;
		}
	}

}*/
#extranjeros h2 {
  text-align: center; }

#extranjeros .caja-ext {
  padding-bottom: 40px; }

#extranjeros p {
  font-size: .9rem;
  font-weight: 100; }
  #extranjeros p a {
    font-weight: 600;
    text-decoration: underline; }
    #extranjeros p a.link {
      text-decoration: none; }

#extranjeros .bajada {
  text-align: center;
  padding-bottom: 40px; }

.descarga {
  display: table;
  color: #999;
  padding-right: 30px;
  margin-bottom: 10px; }
  .descarga span {
    display: table-cell;
    vertical-align: middle; }
  .descarga .img {
    width: 24px; }
  .descarga img {
    padding-right: 10px;
    vertical-align: middle; }
  .descarga i {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 1.3rem;
    color: #333;
    padding-left: 18px; }

.grupo-descarga {
  overflow: hidden; }
  .grupo-descarga a {
    width: auto;
    font-weight: 100; }
    .grupo-descarga a.left {
      float: left; }
    .grupo-descarga a.right {
      float: right; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .grupo-descarga a.right {
          float: left; } }
      @media only screen and (max-width: 767px) {
        .grupo-descarga a.right {
          float: left; } }

/*==== SERVICIOS ====*/
#main.servicios section, #main.servicios .seccion {
  padding: 40px 0; }

#main.servicios .banner-interior {
  padding: 0; }

#main.servicios .titulo-cabecera h2 {
  border-left: 6px solid #33b5e5;
  padding: .75rem; }

#main.servicios .subtitulo-cabecera h3 {
  font-size: 1.4rem;
  color: #303f9f;
  border-top: 1px dotted #33b5e5;
  border-bottom: 1px dotted #33b5e5;
  padding-top: 1rem;
  margin-top: 20px;
  text-align: center; }

#main.servicios .bajada {
  display: table; }
  #main.servicios .bajada img {
    display: table-cell;
    vertical-align: middle; }
  #main.servicios .bajada p {
    display: table-cell;
    vertical-align: middle; }

#resumen-servicios {
  background: #f6f6f6;
  padding-bottom: 0 !important; }
  #resumen-servicios .content {
    text-align: left; }
  #resumen-servicios img {
    width: 100%; }
  #resumen-servicios .lista-servicios {
    padding-top: 60px; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      #resumen-servicios .lista-servicios {
        padding-top: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #resumen-servicios .lista-servicios {
        padding-top: 15px; } }
    @media only screen and (max-width: 767px) {
      #resumen-servicios .lista-servicios {
        padding-top: 15px; } }
    #resumen-servicios .lista-servicios li {
      display: table;
      margin-bottom: .75rem;
      border-bottom: 1px solid #ccc;
      cursor: pointer; }
      #resumen-servicios .lista-servicios li i {
        display: table-cell;
        color: #33b5e5;
        vertical-align: middle; }
      #resumen-servicios .lista-servicios li span {
        display: table-cell;
        vertical-align: middle; }

#valorizacion-servicios .boxes {
  text-align: center; }
  #valorizacion-servicios .boxes .box {
    border: 1px solid #ccc;
    width: 32%;
    margin: 0 0rem 2rem;
    float: left; }
    #valorizacion-servicios .boxes .box:nth-child(even) {
      margin: 0 .75rem 2rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #valorizacion-servicios .boxes .box {
        width: 40%;
        float: none;
        margin: 0 auto 2rem; }
        #valorizacion-servicios .boxes .box:nth-child(even) {
          margin: 0 auto 2rem; } }
    @media only screen and (max-width: 767px) {
      #valorizacion-servicios .boxes .box {
        width: 100%; }
        #valorizacion-servicios .boxes .box:nth-child(even) {
          margin: 0 auto 2rem; } }
    #valorizacion-servicios .boxes .box .head {
      background: #f4faff;
      padding: 2rem .2rem;
      text-transform: uppercase; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #valorizacion-servicios .boxes .box .head {
          min-height: 130px; } }
      #valorizacion-servicios .boxes .box .head h3 {
        color: #303f9f;
        padding-bottom: 0;
        margin-bottom: .3rem; }
      #valorizacion-servicios .boxes .box .head p {
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: .9rem;
        line-height: 120%; }
    #valorizacion-servicios .boxes .box .body {
      padding: 2rem 0rem 0rem; }
      #valorizacion-servicios .boxes .box .body .precio h4 {
        padding-bottom: 0;
        margin-bottom: 0; }
      #valorizacion-servicios .boxes .box .body .precio ul {
        text-align: left;
        font-weight: 100;
        font-size: .9rem;
        margin: 0 2rem;
        min-height: 150px; }
        #valorizacion-servicios .boxes .box .body .precio ul li {
          padding-bottom: .2rem; }
        #valorizacion-servicios .boxes .box .body .precio ul i {
          color: #0471e0;
          margin-right: .6rem; }
      #valorizacion-servicios .boxes .box .body .precio .btn {
        display: block;
        margin: 2rem .75rem 0rem; }
        #valorizacion-servicios .boxes .box .body .precio .btn.btn-valoriza {
          border: 1px solid #0471e0; }
          #valorizacion-servicios .boxes .box .body .precio .btn.btn-valoriza:hover {
            background: #0471e0 !important;
            color: #fff !important; }
          #valorizacion-servicios .boxes .box .body .precio .btn.btn-valoriza:active {
            color: #fff !important; }
    #valorizacion-servicios .boxes .box .foot {
      padding: .75rem .2rem; }
      #valorizacion-servicios .boxes .box .foot a {
        font-size: .8rem;
        color: #757575; }
      #valorizacion-servicios .boxes .box .foot i {
        color: #33b5e5;
        vertical-align: middle;
        display: block;
        margin-top: -6px; }
    #valorizacion-servicios .boxes .box.destacado {
      margin: -1rem 0 2rem; }
      #valorizacion-servicios .boxes .box.destacado .head {
        background: #303f9f;
        color: #fff; }
        #valorizacion-servicios .boxes .box.destacado .head h3 {
          color: #fff; }
      #valorizacion-servicios .boxes .box.destacado .body .precio .btn {
        background: #0471e0;
        color: #fff !important; }
        #valorizacion-servicios .boxes .box.destacado .body .precio .btn:hover {
          background: #fff !important;
          color: #0471e0 !important; }
      #valorizacion-servicios .boxes .box.destacado .foot {
        margin-bottom: 2rem; }

#valorizacion-servicios .caracteristicas {
  padding: 40px 0 20px;
  margin-bottom: 20px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    #valorizacion-servicios .caracteristicas {
      overflow: visible;
      padding: 40px 15px 20px; } }
  #valorizacion-servicios .caracteristicas h4 {
    color: #0471e0;
    font-weight: 100; }
    #valorizacion-servicios .caracteristicas h4 span {
      margin-left: -5%; }
      @media only screen and (max-width: 767px) {
        #valorizacion-servicios .caracteristicas h4 span {
          margin-left: 0; } }
  #valorizacion-servicios .caracteristicas ul {
    font-weight: 100;
    font-size: .9rem;
    display: table;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    border-left: 1px solid #ccc; }
    #valorizacion-servicios .caracteristicas ul:last-child {
      border-right: 1px solid #ccc; }
    #valorizacion-servicios .caracteristicas ul li {
      padding-bottom: .75rem;
      display: table;
      line-height: 140%; }
    #valorizacion-servicios .caracteristicas ul i {
      color: #0471e0;
      padding-right: .6rem;
      display: table-cell; }
    #valorizacion-servicios .caracteristicas ul span {
      display: table-cell; }
    @media only screen and (max-width: 767px) {
      #valorizacion-servicios .caracteristicas ul {
        padding-bottom: 0;
        margin-bottom: 0;
        float: none;
        width: 90%; }
        #valorizacion-servicios .caracteristicas ul:last-child {
          border-right: none; } }

#main.servicios .layout-servicios {
  padding-top: 0; }
  #main.servicios .layout-servicios .seccion.top {
    position: relative;
    border-top: 1px solid #dcdee5;
    padding-top: 100px; }
    #main.servicios .layout-servicios .seccion.top:before {
      content: "";
      width: 50%;
      position: absolute;
      top: 0;
      left: 0;
      height: 2px;
      background: #dcdee5; }
  #main.servicios .layout-servicios .seccion .bajada {
    margin-bottom: 30px; }
    #main.servicios .layout-servicios .seccion .bajada p {
      line-height: 120%; }
  #main.servicios .layout-servicios dl dt h4 {
    font-weight: 300;
    padding-bottom: .75rem;
    border-bottom: 1px solid #33b5e5; }
  #main.servicios .layout-servicios dl dd {
    margin-bottom: 3rem; }
    #main.servicios .layout-servicios dl dd p {
      font-size: .9rem; }

#main.secundario {
  background: #f6f6f6;
  padding-bottom: 80px; }
  #main.secundario .seccion {
    padding: 0 0 40px; }
    #main.secundario .seccion h4 span {
      border-bottom: 1px solid #33b5e5;
      padding-right: 100px;
      padding-bottom: 10px; }
  #main.secundario .no-contenido {
    background: #fbfbfb;
    margin: 20px;
    text-transform: uppercase;
    font-size: 11px; }
    #main.secundario .no-contenido span {
      text-transform: uppercase;
      font-size: 11px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #main.secundario .col-esp {
      width: 100%; } }
  #main.secundario .header-mercado {
    padding: 40px 0 30px; }
    #main.secundario .header-mercado h2 {
      display: inline-block;
      border-bottom: 1px solid #33b5e5;
      padding-right: 20%;
      margin-bottom: 40px; }
  #main.secundario .contenido-secundario {
    outline: 1px solid blue;
    padding: 40px 0; }
  #main.secundario .tabs-secundario {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px; }
    #main.secundario .tabs-secundario .nav {
      width: 100%;
      display: table; }
      #main.secundario .tabs-secundario .nav li {
        display: table-cell;
        text-align: center;
        width: 1%;
        text-transform: uppercase;
        position: relative;
        transition: all 0.3s linear;
        padding: .75rem;
        background: #e5e5e5;
        font-weight: 600; }
        #main.secundario .tabs-secundario .nav li:hover {
          background: #eee; }
        #main.secundario .tabs-secundario .nav li.activo {
          color: #33b5e5;
          background: #fff; }
          #main.secundario .tabs-secundario .nav li.activo:hover {
            background: #fff; }
          #main.secundario .tabs-secundario .nav li.activo a {
            color: #33b5e5; }
        #main.secundario .tabs-secundario .nav li a {
          display: block; }
    #main.secundario .tabs-secundario .content_tab {
      padding: .75rem;
      margin-bottom: .5rem;
      overflow: hidden;
      display: none; }
  #main.secundario .btn-link:hover i, #main.secundario .btn-link:hover span {
    color: #2BBBAD; }
  #main.secundario .bajada {
    font-weight: 300;
    padding: .75rem 1.5rem;
    border-bottom: 1px dotted #e5e5e5;
    margin-bottom: 10px;
    line-height: 120%; }
  #main.secundario .resumen {
    text-align: right;
    padding: 0; }
  #main.secundario .disclaimer {
    padding: 0 .75rem; }
    #main.secundario .disclaimer h5 {
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 5px;
      padding-bottom: 0; }
      #main.secundario .disclaimer h5 span {
        padding-right: 50px;
        border-bottom: 1px solid #264d9d; }
    #main.secundario .disclaimer p, #main.secundario .disclaimer ul {
      font-size: 12px;
      line-height: 120%; }
    #main.secundario .disclaimer ul {
      padding-left: 30px;
      font-weight: 100; }
      #main.secundario .disclaimer ul li {
        list-style-type: circle; }
  #main.secundario .ingreso-datos {
    padding-top: 15px; }
  #main.secundario .caja_resumen {
    background: #f6f6f6;
    text-transform: uppercase;
    padding: 1.2rem .75rem;
    text-align: left;
    margin-bottom: 30px;
    border-radius: 3px;
    border: 1px solid #e5e5e5; }
    #main.secundario .caja_resumen h6 {
      color: #666;
      font-weight: 500;
      font-size: 16px;
      padding: .75rem;
      border-bottom: 1px solid #e5e5e5; }
    #main.secundario .caja_resumen table {
      margin: .75rem 0 1rem;
      border: none;
      padding: .75rem;
      font-size: .8rem;
      width: 100%; }
      #main.secundario .caja_resumen table th, #main.secundario .caja_resumen table td {
        font-size: .75rem;
        padding: .75rem .75rem;
        border-bottom: 1px solid #e5e5e5;
        line-height: 120%; }
        #main.secundario .caja_resumen table th.totales, #main.secundario .caja_resumen table td.totales {
          font-size: 16px; }
          #main.secundario .caja_resumen table th.totales.tit, #main.secundario .caja_resumen table td.totales.tit {
            font-size: 14px; }
      #main.secundario .caja_resumen table tr {
        transition: all 0.3s linear; }
        #main.secundario .caja_resumen table tr:hover {
          background: #fbfbfb; }
      #main.secundario .caja_resumen table th {
        font-size: 10px;
        width: 34%; }
      #main.secundario .caja_resumen table td {
        font-weight: 600;
        text-align: right; }
  #main.secundario .formulario {
    padding-top: 10px; }
    #main.secundario .formulario .dato-form {
      margin-bottom: .35rem; }
      #main.secundario .formulario .dato-form label {
        font-size: .95rem; }
      #main.secundario .formulario .dato-form.especial {
        margin-bottom: 2rem;
        margin-left: 0; }
    #main.secundario .formulario .select-dropdown {
      max-height: 410px !important; }
    #main.secundario .formulario .obliga {
      display: inline-block;
      padding-right: 10px;
      font-size: .7rem;
      color: #ff4444;
      font-weight: 600;
      text-align: right; }
    #main.secundario .formulario .btn {
      width: 99%; }
  #main.secundario .info-box {
    background: #fff;
    padding: .75rem;
    margin-bottom: 20px;
    min-height: 102px;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    font-size: 12px; }
    #main.secundario .info-box.modal-info-box {
      padding: .3rem;
      border: none; }
    #main.secundario .info-box .cabecera {
      text-transform: uppercase;
      font-size: 11px;
      width: 100%;
      border-bottom: 1px solid #eceeef;
      margin-bottom: .3rem;
      min-height: 26px;
      font-weight: 400;
      padding-bottom: 10px;
      padding-left: 5px;
      overflow: hidden; }
      #main.secundario .info-box .cabecera i, #main.secundario .info-box .cabecera span {
        display: inline-block;
        vertical-align: middle; }
      #main.secundario .info-box .cabecera i {
        color: #33b5e5;
        opacity: .8;
        font-size: 24px;
        border: 1px dotted #33b5e5; }
        #main.secundario .info-box .cabecera i.compra {
          color: #009688; }
        #main.secundario .info-box .cabecera i.venta {
          color: #d41f29; }
      #main.secundario .info-box .cabecera span {
        padding-left: 5px;
        font-size: 14px;
        font-weight: 600; }
    #main.secundario .info-box table {
      margin: .75rem 0 0;
      border: none;
      padding: .75rem;
      font-size: .8rem;
      width: 100%; }
      #main.secundario .info-box table tr {
        transition: all 0.3s linear; }
        #main.secundario .info-box table tr:hover {
          background: #fbfbfb; }
      #main.secundario .info-box table th, #main.secundario .info-box table td {
        font-size: .75rem;
        padding: .2rem .75rem;
        border-bottom: 1px solid #e5e5e5;
        line-height: 120%; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.secundario .info-box table th, #main.secundario .info-box table td {
            text-align: center; } }
        @media only screen and (max-width: 767px) {
          #main.secundario .info-box table th, #main.secundario .info-box table td {
            text-align: center; } }
      #main.secundario .info-box table th {
        font-size: .7rem;
        color: #757575;
        background: #f6f6f6;
        text-transform: uppercase;
        padding: .4rem .75rem;
        height: 40px; }
        #main.secundario .info-box table th i {
          display: inline-block;
          vertical-align: middle;
          display: none; }
      #main.secundario .info-box table td {
        vertical-align: middle;
        font-weight: 400;
        padding: .75rem; }
        #main.secundario .info-box table td a {
          text-decoration: underline;
          font-size: .82rem; }
        #main.secundario .info-box table td .btn {
          text-decoration: none;
          font-size: 11px;
          padding: .3rem 1rem; }
        #main.secundario .info-box table td.cta {
          text-align: right; }
      #main.secundario .info-box table .tag_merch {
        text-align: center;
        display: inline-block;
        padding: 3px;
        border-radius: 3px;
        width: 74px; }
        #main.secundario .info-box table .tag_merch i, #main.secundario .info-box table .tag_merch span {
          display: inline-block;
          vertical-align: middle;
          padding-left: 5px; }
        #main.secundario .info-box table .tag_merch i {
          font-size: 14px;
          color: #33b5e5; }
        #main.secundario .info-box table .tag_merch span {
          text-transform: uppercase;
          font-size: 10px;
          color: #33b5e5; }
        #main.secundario .info-box table .tag_merch.venta {
          border: 1px solid #d41f29; }
          #main.secundario .info-box table .tag_merch.venta i, #main.secundario .info-box table .tag_merch.venta span {
            color: #d41f29; }
        #main.secundario .info-box table .tag_merch.compra {
          border: 1px solid #009688; }
          #main.secundario .info-box table .tag_merch.compra i, #main.secundario .info-box table .tag_merch.compra span {
            color: #009688; }
      #main.secundario .info-box table .btn_borrar {
        cursor: pointer;
        display: table;
        height: 24px;
        width: 24px;
        text-align: center;
        background: #fbfbfb;
        border-radius: 3px; }
        #main.secundario .info-box table .btn_borrar i {
          vertical-align: middle;
          display: table-cell;
          color: #757575; }
        #main.secundario .info-box table .btn_borrar:hover {
          background: #fff; }
          #main.secundario .info-box table .btn_borrar:hover i {
            color: #2BBBAD; }
    #main.secundario .info-box .tool {
      text-align: right;
      padding-top: 5px; }
      #main.secundario .info-box .tool a i, #main.secundario .info-box .tool a span {
        display: inline-block;
        vertical-align: middle; }
      #main.secundario .info-box .tool a i {
        font-size: 18px; }
      #main.secundario .info-box .tool a span {
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: underline; }
    #main.secundario .info-box .cab_numero {
      width: 120px; }
    #main.secundario .info-box .celda_campana {
      text-align: left; }
      #main.secundario .info-box .celda_campana .img-logo {
        width: 30px;
        height: 30px;
        margin: 0 5px 0 5px; }
      #main.secundario .info-box .celda_campana .nom {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 110px; }
        #main.secundario .info-box .celda_campana .nom a {
          text-decoration: underline;
          text-transform: capitalize; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #main.secundario .info-box .celda_campana {
          text-align: center; }
          #main.secundario .info-box .celda_campana .img-logo {
            margin: 0 auto 5px;
            display: block; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.secundario .info-box .celda_campana {
          text-align: center; }
          #main.secundario .info-box .celda_campana .img-logo {
            margin: 0 auto 5px;
            display: block; } }
      @media only screen and (max-width: 767px) {
        #main.secundario .info-box .celda_campana {
          text-align: center; }
          #main.secundario .info-box .celda_campana .img-logo {
            margin: 0 auto 5px;
            display: block; } }
    #main.secundario .info-box .celda_numero {
      width: 74px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.secundario .info-box .celda_numero {
          width: auto; } }
      @media only screen and (max-width: 767px) {
        #main.secundario .info-box .celda_numero {
          width: auto; } }
    #main.secundario .info-box .celda_valor {
      width: 94px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.secundario .info-box .celda_valor {
          width: auto; } }
      @media only screen and (max-width: 767px) {
        #main.secundario .info-box .celda_valor {
          width: auto; } }
    #main.secundario .info-box .filtro {
      float: right;
      text-align: right; }
      #main.secundario .info-box .filtro span {
        font-size: 11px;
        font-weight: 100;
        display: inline-block;
        padding: .2rem .3rem;
        margin-bottom: .3rem; }
      #main.secundario .info-box .filtro .tag-filtro {
        border: 1px solid #33b5e5;
        border-radius: 3px;
        margin-left: 5px;
        cursor: pointer;
        transition: all 0.3s linear; }
        #main.secundario .info-box .filtro .tag-filtro.active {
          background: #2BBBAD;
          color: #fff; }
          #main.secundario .info-box .filtro .tag-filtro.active i {
            color: #fff; }
        #main.secundario .info-box .filtro .tag-filtro i {
          border: none;
          font-size: 18px;
          margin-top: -2px;
          margin-right: 5px;
          transition: all 0.3s linear; }
        #main.secundario .info-box .filtro .tag-filtro:hover {
          background: #2BBBAD;
          color: #fff; }
          #main.secundario .info-box .filtro .tag-filtro:hover i {
            color: #fff; }
      @media only screen and (max-width: 767px) {
        #main.secundario .info-box .filtro {
          margin: .5rem .3rem 0; } }
  #main.secundario .modal-compra .campo-descripcion, #main.secundario .modal-venta .campo-descripcion {
    padding: .75rem;
    line-height: 120%; }
  #main.secundario .modal-compra .condiciones h6, #main.secundario .modal-venta .condiciones h6 {
    padding-bottom: 0; }
    #main.secundario .modal-compra .condiciones h6 span, #main.secundario .modal-venta .condiciones h6 span {
      border-bottom: 1px solid #33b5e5;
      padding: 0 6px; }
  #main.secundario .modal-compra ul, #main.secundario .modal-venta ul {
    text-align: left;
    padding: 0 .75rem .75rem;
    display: inline-block; }
    #main.secundario .modal-compra ul li, #main.secundario .modal-venta ul li {
      font-weight: 100;
      font-size: 14px;
      position: relative;
      padding-bottom: 5px; }
      #main.secundario .modal-compra ul li:before, #main.secundario .modal-venta ul li:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 10px;
        width: 4px;
        height: 4px;
        background: #33b5e5; }

/*==== NOSOTROS ====*/
#main.nosotros section {
  padding: 40px 0; }
  #main.nosotros section:last-child {
    padding-bottom: 0; }

#main.nosotros #banner-home, #main.nosotros #banner-interior {
  padding: 0; }

#crowdfunding {
  background: #f6f6f6; }
  #crowdfunding .bajada {
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    font-weight: 100;
    padding: 1.25rem 0;
    line-height: 120%; }
  #crowdfunding .panel-crowd {
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
    padding: 3rem 1.25rem;
    border-radius: 2px;
    border: 0;
    margin-bottom: 40px;
    text-align: center;
    background: #eee;
    min-height: 230px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #crowdfunding .panel-crowd {
        min-height: 264px; } }
    #crowdfunding .panel-crowd h4 {
      font-weight: 500;
      color: #999;
      font-size: 1.3rem; }
    #crowdfunding .panel-crowd p {
      font-family: "Roboto", sans-serif;
      font-weight: 100;
      color: #999;
      line-height: 120%;
      font-size: 1.2rem; }
    #crowdfunding .panel-crowd.destacado {
      box-shadow: 0px 7px 20px 1px rgba(0, 0, 0, 0.4);
      background: #fff; }
      #crowdfunding .panel-crowd.destacado h4, #crowdfunding .panel-crowd.destacado p {
        color: #666; }

#equipo-broota {
  background: #fff; }

.cover-directorio {
  background: #f6f6f6; }
  .cover-directorio .titulo {
    padding-top: 40px; }

/*==== COMO INVERTIR ====*/
#main.campana-inversion {
  padding: 40px 0;
  background: #f6f6f6; }

.campana-inversion .container, .solicitud-pago .container {
  position: relative; }

.campana-inversion .inversion-cabecera, .solicitud-pago .inversion-cabecera {
  margin-bottom: 40px; }
  .campana-inversion .inversion-cabecera .menu-inversion.menu-pagos .p2 span, .campana-inversion .inversion-cabecera .menu-inversion.menu-pagos .p3 span, .solicitud-pago .inversion-cabecera .menu-inversion.menu-pagos .p2 span, .solicitud-pago .inversion-cabecera .menu-inversion.menu-pagos .p3 span {
    display: none; }
  .campana-inversion .inversion-cabecera .menu-inversion.menu-pagos.medio_pago_transferencia .p2 span, .solicitud-pago .inversion-cabecera .menu-inversion.menu-pagos.medio_pago_transferencia .p2 span {
    display: block; }
  .campana-inversion .inversion-cabecera .menu-inversion.menu-pagos.medio_pago_khipu .p2 span, .campana-inversion .inversion-cabecera .menu-inversion.menu-pagos.medio_pago_khipu .p3 span, .solicitud-pago .inversion-cabecera .menu-inversion.menu-pagos.medio_pago_khipu .p2 span, .solicitud-pago .inversion-cabecera .menu-inversion.menu-pagos.medio_pago_khipu .p3 span {
    display: block; }

.campana-inversion h2, .campana-inversion .bajada-log, .solicitud-pago h2, .solicitud-pago .bajada-log {
  width: 120px;
  position: absolute;
  left: 0;
  top: 0; }

@media only screen and (max-width: 767px) {
  .campana-inversion h2, .campana-inversion .bajada-log, .solicitud-pago h2, .solicitud-pago .bajada-log {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    position: static; } }

.campana-inversion .bajada-log, .solicitud-pago .bajada-log {
  top: 100px; }
  .campana-inversion .bajada-log p, .solicitud-pago .bajada-log p {
    font-size: 1rem;
    color: #999; }

.campana-inversion .item-inversion h3, .solicitud-pago .item-inversion h3 {
  font-size: 1.4rem;
  display: block;
  position: relative; }
  .campana-inversion .item-inversion h3:after, .solicitud-pago .item-inversion h3:after {
    content: "";
    width: 50%;
    height: 1px;
    background: #444;
    position: absolute;
    left: 0;
    bottom: 0; }
  .campana-inversion .item-inversion h3 .info-ico-warning, .solicitud-pago .item-inversion h3 .info-ico-warning {
    color: #ff4444;
    font-size: 2.1rem;
    float: left;
    margin: -4px 10px 0 0; }

.campana-inversion .item-inversion h4, .solicitud-pago .item-inversion h4 {
  font-size: 1rem;
  margin-bottom: 1rem;
  margin: .3rem;
  padding: 0;
  font-weight: 400; }
  .campana-inversion .item-inversion h4.ppal, .solicitud-pago .item-inversion h4.ppal {
    font-size: 1.3rem;
    color: #666; }
    .campana-inversion .item-inversion h4.ppal span, .solicitud-pago .item-inversion h4.ppal span {
      font-size: 3.5rem; }

.campana-inversion .item-inversion p, .solicitud-pago .item-inversion p {
  line-height: 120%;
  padding-left: .5rem; }
  .campana-inversion .item-inversion p a, .solicitud-pago .item-inversion p a {
    text-decoration: underline; }

.campana-inversion .item-inversion .form-group, .solicitud-pago .item-inversion .form-group {
  margin-bottom: 0; }

.campana-inversion .item-inversion .paso-inversion, .solicitud-pago .item-inversion .paso-inversion {
  padding: 30px 0; }
  .campana-inversion .item-inversion .paso-inversion .no-content, .solicitud-pago .item-inversion .paso-inversion .no-content {
    text-align: center;
    padding: 1rem 0;
    background: #fbfbfb; }
  .campana-inversion .item-inversion .paso-inversion.paso-error, .solicitud-pago .item-inversion .paso-inversion.paso-error {
    padding-bottom: 15px; }

.campana-inversion .item-inversion .tipo-item-inversion, .campana-inversion .item-inversion .tipo-item-direccion, .campana-inversion .item-inversion .tipo-item-deposito, .solicitud-pago .item-inversion .tipo-item-inversion, .solicitud-pago .item-inversion .tipo-item-direccion, .solicitud-pago .item-inversion .tipo-item-deposito {
  background: #fff;
  padding: .6rem 0 .1rem .2rem;
  border-bottom: 1px solid #757575; }
  .campana-inversion .item-inversion .tipo-item-inversion label, .campana-inversion .item-inversion .tipo-item-direccion label, .campana-inversion .item-inversion .tipo-item-deposito label, .solicitud-pago .item-inversion .tipo-item-inversion label, .solicitud-pago .item-inversion .tipo-item-direccion label, .solicitud-pago .item-inversion .tipo-item-deposito label {
    width: 100%; }
  .campana-inversion .item-inversion .tipo-item-inversion .item, .campana-inversion .item-inversion .tipo-item-direccion .item, .campana-inversion .item-inversion .tipo-item-deposito .item, .solicitud-pago .item-inversion .tipo-item-inversion .item, .solicitud-pago .item-inversion .tipo-item-direccion .item, .solicitud-pago .item-inversion .tipo-item-deposito .item {
    display: inline-block;
    width: 48%;
    font-size: .9rem;
    margin-bottom: 10px;
    height: 52px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .campana-inversion .item-inversion .tipo-item-inversion .item, .campana-inversion .item-inversion .tipo-item-direccion .item, .campana-inversion .item-inversion .tipo-item-deposito .item, .solicitud-pago .item-inversion .tipo-item-inversion .item, .solicitud-pago .item-inversion .tipo-item-direccion .item, .solicitud-pago .item-inversion .tipo-item-deposito .item {
        height: auto; } }
    .campana-inversion .item-inversion .tipo-item-inversion .item span, .campana-inversion .item-inversion .tipo-item-direccion .item span, .campana-inversion .item-inversion .tipo-item-deposito .item span, .solicitud-pago .item-inversion .tipo-item-inversion .item span, .solicitud-pago .item-inversion .tipo-item-direccion .item span, .solicitud-pago .item-inversion .tipo-item-deposito .item span {
      font-size: .7rem;
      display: block;
      line-height: 100%; }
      .campana-inversion .item-inversion .tipo-item-inversion .item span span, .campana-inversion .item-inversion .tipo-item-direccion .item span span, .campana-inversion .item-inversion .tipo-item-deposito .item span span, .solicitud-pago .item-inversion .tipo-item-inversion .item span span, .solicitud-pago .item-inversion .tipo-item-direccion .item span span, .solicitud-pago .item-inversion .tipo-item-deposito .item span span {
        color: #999;
        font-weight: 100; }

.campana-inversion .item-inversion .nuevo-item-inversion, .solicitud-pago .item-inversion .nuevo-item-inversion {
  width: 80%;
  margin: 0 auto;
  padding: 2rem 0;
  display: none; }
  .campana-inversion .item-inversion .nuevo-item-inversion.activo, .solicitud-pago .item-inversion .nuevo-item-inversion.activo {
    display: block; }
  .campana-inversion .item-inversion .nuevo-item-inversion .formulario .dato-tool, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .dato-tool {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 0;
    text-align: center; }
    .campana-inversion .item-inversion .nuevo-item-inversion .formulario .dato-tool .btn, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .dato-tool .btn {
      min-width: 45%; }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-guardar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-guardar {
      float: none;
      width: 90%; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-guardar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-guardar {
      float: none;
      width: 80%; } }
  @media only screen and (max-width: 767px) {
    .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-guardar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-guardar {
      float: none;
      min-width: 80%; } }
  .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-cancelar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-cancelar {
    background: #fff;
    color: #757575 !important; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-cancelar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-cancelar {
        float: none;
        width: 90%; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-cancelar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-cancelar {
        float: none;
        width: 80%; } }
    @media only screen and (max-width: 767px) {
      .campana-inversion .item-inversion .nuevo-item-inversion .formulario .btn-cancelar, .solicitud-pago .item-inversion .nuevo-item-inversion .formulario .btn-cancelar {
        float: none;
        min-width: 80%; } }

.campana-inversion .item-inversion .nueva-inversion, .campana-inversion .item-inversion .nueva-direccion, .solicitud-pago .item-inversion .nueva-inversion, .solicitud-pago .item-inversion .nueva-direccion {
  text-align: center;
  padding: 1rem;
  margin-top: 20px;
  color: #757575;
  background: #e5e5e5;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3); }
  .campana-inversion .item-inversion .nueva-inversion p, .campana-inversion .item-inversion .nueva-direccion p, .solicitud-pago .item-inversion .nueva-inversion p, .solicitud-pago .item-inversion .nueva-direccion p {
    margin-bottom: .5rem; }
  .campana-inversion .item-inversion .nueva-inversion a, .campana-inversion .item-inversion .nueva-direccion a, .solicitud-pago .item-inversion .nueva-inversion a, .solicitud-pago .item-inversion .nueva-direccion a {
    color: #757575;
    font-size: .9rem;
    text-decoration: underline; }

.campana-inversion .item-inversion .paso-dire .tipo-item-direccion, .campana-inversion .item-inversion .paso-dire .tipo-item-deposito, .campana-inversion .item-inversion .paso-depo .tipo-item-direccion, .campana-inversion .item-inversion .paso-depo .tipo-item-deposito, .solicitud-pago .item-inversion .paso-dire .tipo-item-direccion, .solicitud-pago .item-inversion .paso-dire .tipo-item-deposito, .solicitud-pago .item-inversion .paso-depo .tipo-item-direccion, .solicitud-pago .item-inversion .paso-depo .tipo-item-deposito {
  background: none;
  border-bottom: none; }
  .campana-inversion .item-inversion .paso-dire .tipo-item-direccion label, .campana-inversion .item-inversion .paso-dire .tipo-item-deposito label, .campana-inversion .item-inversion .paso-depo .tipo-item-direccion label, .campana-inversion .item-inversion .paso-depo .tipo-item-deposito label, .solicitud-pago .item-inversion .paso-dire .tipo-item-direccion label, .solicitud-pago .item-inversion .paso-dire .tipo-item-deposito label, .solicitud-pago .item-inversion .paso-depo .tipo-item-direccion label, .solicitud-pago .item-inversion .paso-depo .tipo-item-deposito label {
    height: auto; }

.campana-inversion .item-inversion .paso-dire .datos-item span, .campana-inversion .item-inversion .paso-depo .datos-item span, .solicitud-pago .item-inversion .paso-dire .datos-item span, .solicitud-pago .item-inversion .paso-depo .datos-item span {
  font-size: .8rem;
  padding-left: 15px; }

.campana-inversion .item-inversion.exito h3, .solicitud-pago .item-inversion.exito h3 {
  text-align: center;
  font-weight: 300; }
  .campana-inversion .item-inversion.exito h3:after, .solicitud-pago .item-inversion.exito h3:after {
    width: 100%; }

.campana-inversion .item-inversion.exito .head-paso-inversion, .solicitud-pago .item-inversion.exito .head-paso-inversion {
  text-align: center; }

.campana-inversion .item-inversion .alerta-procedencia, .solicitud-pago .item-inversion .alerta-procedencia {
  background: #fff;
  display: table;
  border-left: 5px solid #ffbb33;
  width: 90%;
  margin: 25px auto 0;
  position: relative; }
  .campana-inversion .item-inversion .alerta-procedencia span, .solicitud-pago .item-inversion .alerta-procedencia span {
    display: table-cell;
    vertical-align: middle; }
    .campana-inversion .item-inversion .alerta-procedencia span i, .solicitud-pago .item-inversion .alerta-procedencia span i {
      color: #ffbb33;
      float: left;
      font-size: 2rem; }
  .campana-inversion .item-inversion .alerta-procedencia p, .solicitud-pago .item-inversion .alerta-procedencia p {
    display: table-cell;
    vertical-align: middle;
    font-size: .9rem;
    font-weight: 500; }
  .campana-inversion .item-inversion .alerta-procedencia:before, .solicitud-pago .item-inversion .alerta-procedencia:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    top: -15px; }
  .campana-inversion .item-inversion .alerta-procedencia.bancaria, .solicitud-pago .item-inversion .alerta-procedencia.bancaria {
    width: 100%;
    margin-top: 0;
    margin-bottom: 25px; }
    .campana-inversion .item-inversion .alerta-procedencia.bancaria:before, .solicitud-pago .item-inversion .alerta-procedencia.bancaria:before {
      display: none; }
    .campana-inversion .item-inversion .alerta-procedencia.bancaria:after, .solicitud-pago .item-inversion .alerta-procedencia.bancaria:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #fff;
      position: absolute;
      bottom: -15px;
      left: 20px; }

.campana-inversion .datos-banco, .solicitud-pago .datos-banco {
  margin: 2rem 0 0; }

.campana-inversion .txt-comp, .solicitud-pago .txt-comp {
  float: left;
  width: 80%; }

.campana-inversion .datos-envio-comprobante, .solicitud-pago .datos-envio-comprobante {
  background: #fff; }
  .campana-inversion .datos-envio-comprobante p, .solicitud-pago .datos-envio-comprobante p {
    font-size: 1rem;
    color: #999;
    padding: 1.2rem 1rem;
    margin-bottom: 0; }
  .campana-inversion .datos-envio-comprobante td.txt, .solicitud-pago .datos-envio-comprobante td.txt {
    text-align: left; }
  .campana-inversion .datos-envio-comprobante td.icono, .solicitud-pago .datos-envio-comprobante td.icono {
    text-align: center; }
  .campana-inversion .datos-envio-comprobante #copiarTexto, .solicitud-pago .datos-envio-comprobante #copiarTexto {
    cursor: pointer;
    position: relative;
    /*==== Tooltips ====*/ }
    .campana-inversion .datos-envio-comprobante #copiarTexto i, .solicitud-pago .datos-envio-comprobante #copiarTexto i {
      color: #666; }
    .campana-inversion .datos-envio-comprobante #copiarTexto .mail-msn, .solicitud-pago .datos-envio-comprobante #copiarTexto .mail-msn {
      font-size: .7rem;
      display: block;
      line-height: 100%;
      color: #666; }
    .campana-inversion .datos-envio-comprobante #copiarTexto:hover i, .solicitud-pago .datos-envio-comprobante #copiarTexto:hover i {
      color: #999; }
    .campana-inversion .datos-envio-comprobante #copiarTexto:hover .mail-msn, .solicitud-pago .datos-envio-comprobante #copiarTexto:hover .mail-msn {
      color: #999; }
    .campana-inversion .datos-envio-comprobante #copiarTexto .burbuja, .solicitud-pago .datos-envio-comprobante #copiarTexto .burbuja {
      z-index: 2;
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none; }
      .campana-inversion .datos-envio-comprobante #copiarTexto .burbuja.activo, .solicitud-pago .datos-envio-comprobante #copiarTexto .burbuja.activo {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100); }
      .campana-inversion .datos-envio-comprobante #copiarTexto .burbuja:before, .campana-inversion .datos-envio-comprobante #copiarTexto .burbuja:after, .solicitud-pago .datos-envio-comprobante #copiarTexto .burbuja:before, .solicitud-pago .datos-envio-comprobante #copiarTexto .burbuja:after {
        cursor: pointer;
        font-weight: 100; }
      .campana-inversion .datos-envio-comprobante #copiarTexto .burbuja:before, .solicitud-pago .datos-envio-comprobante #copiarTexto .burbuja:before {
        position: absolute;
        bottom: 110%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -40px;
        padding: 7px;
        width: 80px;
        border-radius: 3px;
        background: #00C851;
        color: #fff;
        content: attr(data-burbuja);
        text-align: center;
        font-size: .75rem;
        line-height: 1.2; }
      .campana-inversion .datos-envio-comprobante #copiarTexto .burbuja:after, .solicitud-pago .datos-envio-comprobante #copiarTexto .burbuja:after {
        position: absolute;
        bottom: 110%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #00C851;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0; }
  .campana-inversion .datos-envio-comprobante .detalle-deposito-inversion p, .solicitud-pago .datos-envio-comprobante .detalle-deposito-inversion p {
    font-size: .75rem;
    border-top: 1px solid #ccc;
    padding: 1.2rem 2rem;
    background: #f6f6f6; }
  .campana-inversion .datos-envio-comprobante.comprobante-solicitud, .solicitud-pago .datos-envio-comprobante.comprobante-solicitud {
    width: 20%;
    float: left; }
    .campana-inversion .datos-envio-comprobante.comprobante-solicitud #copiarTexto, .solicitud-pago .datos-envio-comprobante.comprobante-solicitud #copiarTexto {
      text-align: center; }
      .campana-inversion .datos-envio-comprobante.comprobante-solicitud #copiarTexto i, .solicitud-pago .datos-envio-comprobante.comprobante-solicitud #copiarTexto i {
        /*float: left;
				margin-right: 10px;*/ }

.campana-inversion .btn-paginacion, .solicitud-pago .btn-paginacion {
  padding: .85rem 0;
  margin: 6px;
  font-size: .9rem; }
  .campana-inversion .btn-paginacion i, .solicitud-pago .btn-paginacion i {
    vertical-align: middle; }
  .campana-inversion .btn-paginacion span, .solicitud-pago .btn-paginacion span {
    font-size: .9rem; }

.campana-inversion .inversion_mensaje, .solicitud-pago .inversion_mensaje {
  display: none;
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all 0.5s linear; }
  .campana-inversion .inversion_mensaje p, .solicitud-pago .inversion_mensaje p {
    width: 100%; }
  .campana-inversion .inversion_mensaje.activo, .solicitud-pago .inversion_mensaje.activo {
    display: block;
    height: 56px;
    margin-bottom: 1rem; }

.campana-inversion #form-soporte-felicitacion, .solicitud-pago #form-soporte-felicitacion {
  padding: 1.5rem;
  margin-top: 2.5rem;
  background: #fff;
  border-left: 6px solid #bcbcbc; }
  .campana-inversion #form-soporte-felicitacion h3, .solicitud-pago #form-soporte-felicitacion h3 {
    color: #0099CC;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 1.2rem; }
    .campana-inversion #form-soporte-felicitacion h3:after, .solicitud-pago #form-soporte-felicitacion h3:after {
      display: none; }
    .campana-inversion #form-soporte-felicitacion h3 span, .solicitud-pago #form-soporte-felicitacion h3 span {
      float: left;
      margin: -5px 10px 0 0; }
      .campana-inversion #form-soporte-felicitacion h3 span i, .solicitud-pago #form-soporte-felicitacion h3 span i {
        font-size: 2rem; }
  .campana-inversion #form-soporte-felicitacion textarea, .solicitud-pago #form-soporte-felicitacion textarea {
    padding: .6rem 0; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .campana-inversion #form-soporte-felicitacion textarea, .solicitud-pago #form-soporte-felicitacion textarea {
        padding: 1.6rem 0;
        line-height: 120%; } }
    @media only screen and (max-width: 767px) {
      .campana-inversion #form-soporte-felicitacion textarea, .solicitud-pago #form-soporte-felicitacion textarea {
        padding: 1.6rem 0;
        line-height: 120%; } }
  .campana-inversion #form-soporte-felicitacion .mensaje-exito, .campana-inversion #form-soporte-felicitacion .mensaje-error, .solicitud-pago #form-soporte-felicitacion .mensaje-exito, .solicitud-pago #form-soporte-felicitacion .mensaje-error {
    margin: 1rem 0; }
    .campana-inversion #form-soporte-felicitacion .mensaje-exito p, .campana-inversion #form-soporte-felicitacion .mensaje-error p, .solicitud-pago #form-soporte-felicitacion .mensaje-exito p, .solicitud-pago #form-soporte-felicitacion .mensaje-error p {
      text-align: center;
      margin: 1rem 0; }
  .campana-inversion #form-soporte-felicitacion .dato-form, .solicitud-pago #form-soporte-felicitacion .dato-form {
    margin-bottom: 1.8rem !important; }
  .campana-inversion #form-soporte-felicitacion .dato-tool, .solicitud-pago #form-soporte-felicitacion .dato-tool {
    margin-bottom: 0 !important; }
  .campana-inversion #form-soporte-felicitacion.horizontal, .solicitud-pago #form-soporte-felicitacion.horizontal {
    margin-top: 0;
    overflow: hidden; }
    .campana-inversion #form-soporte-felicitacion.horizontal .dato-form, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-form {
      width: 65%;
      float: left; }
      @media only screen and (min-width: 1200px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-form, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-form {
          margin-bottom: 0.5rem !important; } }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-form, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-form {
          width: 60%; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-form, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-form {
          width: 100%;
          float: none; } }
      @media only screen and (max-width: 767px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-form, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-form {
          width: 100%;
          float: none; } }
    .campana-inversion #form-soporte-felicitacion.horizontal .dato-tool, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-tool {
      width: 30%;
      float: left;
      clear: none; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-tool, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-tool {
          width: 100%;
          float: none;
          clear: both; } }
      @media only screen and (max-width: 767px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-tool, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-tool {
          width: 100%;
          float: none;
          clear: both; } }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .campana-inversion #form-soporte-felicitacion.horizontal .dato-tool .btn, .solicitud-pago #form-soporte-felicitacion.horizontal .dato-tool .btn {
          min-width: 200px; } }

.solicitud-pago h2 {
  position: static;
  width: auto; }

.tabla-deposito {
  margin-top: .75rem; }
  .tabla-deposito th, .tabla-deposito td {
    font-size: 1rem;
    color: #999;
    font-weight: 100;
    border: none;
    vertical-align: middle;
    padding: .1rem 1.2rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .tabla-deposito th, .tabla-deposito td {
        font-size: .9rem; } }
  .tabla-deposito td {
    text-align: right;
    font-weight: 500; }

.menu-inversion ul {
  display: table;
  width: 100%;
  font-weight: 100;
  color: #333; }
  .menu-inversion ul li {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #33b5e5;
    width: 33%;
    padding-left: .75rem; }
    @media only screen and (max-width: 767px) {
      .menu-inversion ul li {
        padding-left: .3rem; } }
    .menu-inversion ul li span {
      display: block;
      padding: 0;
      font-size: 1.1rem; }
      .menu-inversion ul li span.detalle {
        display: inline-block;
        font-size: .8rem;
        font-weight: 400;
        line-height: 100%;
        padding-right: .2rem;
        padding-bottom: .5rem; }
        @media only screen and (max-width: 767px) {
          .menu-inversion ul li span.detalle {
            font-size: .7rem; } }
    .menu-inversion ul li.activo {
      border-bottom: 7px solid #33b5e5;
      padding-left: 0; }

/*==== formularios login/recupera/registro ====*/
.form-log {
  background: #f6f6f6;
  padding: 40px 0 80px;
  /*-- panel --*/ }
  .form-log input, .form-log label {
    font-weight: 100;
    color: #757575; }
  .form-log label span.requerido {
    font-size: .8rem;
    color: #ff4444;
    font-weight: 600; }
  .form-log select {
    color: #757575; }
  .form-log .container {
    position: relative; }
  .form-log p {
    line-height: 120%; }
  .form-log h2, .form-log .bajada-log {
    width: 220px;
    position: absolute;
    left: 0;
    top: 0; }
    @media only screen and (max-width: 767px) {
      .form-log h2, .form-log .bajada-log {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        position: static; } }
  .form-log .bajada-log {
    top: 100px; }
    .form-log .bajada-log p {
      font-size: 1rem;
      color: #999; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .form-log .bajada-log {
        width: 170px; } }
  .form-log .dato-tool {
    margin-bottom: 0 !important; }
    .form-log .dato-tool p {
      font-size: .8rem;
      font-weight: 400; }
      .form-log .dato-tool p.obliga {
        /*display: inline;*/
        padding-top: 1rem;
        padding-right: 10px;
        font-size: .7rem;
        color: #ff4444;
        font-weight: 600;
        /*float: left;*/
        text-align: right; }
  .form-log .msn-reg {
    margin-bottom: 60px;
    padding: 1rem;
    border-bottom: 1px solid #666; }
    .form-log .msn-reg span {
      color: #0d47a1; }
    .form-log .msn-reg i {
      margin-right: 3px; }
  .form-log .btn-volver-reg {
    display: table;
    font-size: .8rem;
    margin: 15px 0 0;
    color: #444; }
    .form-log .btn-volver-reg i {
      vertical-align: middle;
      color: #33b5e5; }
    .form-log .btn-volver-reg span {
      color: #444; }
    .form-log .btn-volver-reg:hover {
      color: #0099CC; }
  .form-log .rrss {
    text-align: center;
    margin-bottom: 60px; }
    .form-log .rrss .separa {
      border-top: 1px solid #666;
      position: relative;
      color: #666;
      margin: 25px 0; }
      .form-log .rrss .separa span {
        display: inline-block;
        background: #f6f6f6;
        position: absolute;
        padding: 0 8px;
        top: -12px;
        left: 50%;
        transform: translateX(-50%); }
  .form-log .btn-li {
    background: #33b5e5; }
  .form-log .recupera {
    text-align: left;
    margin-bottom: 25px; }
    .form-log .recupera a {
      text-decoration: underline; }
  .form-log .recordar {
    text-align: right; }
    .form-log .recordar label {
      padding-left: 25px;
      font-size: .8rem;
      color: #444;
      top: 0; }
  .form-log .envio {
    text-align: center;
    padding: 20px 0; }
    .form-log .envio button {
      width: 200px;
      margin: 0; }
  .form-log .reg {
    text-align: center;
    font-size: .8rem;
    color: #999; }
    .form-log .reg a {
      color: #444;
      text-decoration: underline; }
  .form-log .declaracion label {
    font-size: .8rem;
    padding-left: 25px;
    line-height: 110%; }
  .form-log .declaracion a {
    color: #444;
    text-decoration: underline; }
  .form-log div.invalid, .form-log .help-block {
    color: #f44336;
    font-size: .8rem;
    margin-top: 10px; }
  .form-log .registro-inversion, .form-log .registro-intereses {
    padding-bottom: 40px; }
    .form-log .registro-inversion h5, .form-log .registro-intereses h5 {
      font-weight: 100;
      min-height: 60px; }
      @media only screen and (max-width: 767px) {
        .form-log .registro-inversion h5, .form-log .registro-intereses h5 {
          min-height: auto; } }
    .form-log .registro-inversion i, .form-log .registro-intereses i {
      padding: 0 20px 0 10px; }
    .form-log .registro-inversion .img-icon, .form-log .registro-intereses .img-icon {
      margin: 0 10px; }
    .form-log .registro-inversion label, .form-log .registro-intereses label {
      font-size: .9rem;
      padding-left: 25px;
      /*small {
				padding-left: 40px;
			}*/ }
      .form-log .registro-inversion label p, .form-log .registro-intereses label p {
        padding-left: 10px; }
    .form-log .registro-inversion .form-group, .form-log .registro-intereses .form-group {
      margin-bottom: 20px;
      padding: 3px; }
    .form-log .registro-inversion .tipo-inversionista .form-group, .form-log .registro-intereses .tipo-inversionista .form-group {
      min-height: 75px; }
      .form-log .registro-inversion .tipo-inversionista .form-group p, .form-log .registro-intereses .tipo-inversionista .form-group p {
        margin-bottom: .75rem; }
  .form-log .registro-intereses label {
    text-transform: uppercase;
    font-size: .8rem; }
  .form-log .registro-intereses .form-group {
    margin-bottom: 10px; }
    .form-log .registro-intereses .form-group label {
      margin-bottom: 0; }
  .form-log .btn-continuar-registro {
    float: right;
    width: 200px;
    text-align: center; }
    .form-log .btn-continuar-registro span {
      display: inline-block;
      vertical-align: middle; }
    .form-log .btn-continuar-registro i {
      display: inline-block;
      vertical-align: middle; }
  .form-log .btn-reenvio {
    text-align: center;
    background: #00ba7a; }
    .form-log .btn-reenvio span {
      display: inline-block;
      vertical-align: middle;
      color: #fff; }
    .form-log .btn-reenvio i {
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      margin-left: 5px; }
  .form-log #form-registro .select-dropdown {
    font-size: 1rem; }
  .form-log #form-registro-queremos-conocerte label {
    display: block; }
  .form-log #form-registro-queremos-conocerte div.invalid {
    text-align: center; }
  .form-log .instrucciones {
    font-size: .8rem;
    font-weight: 100;
    background: rgba(255, 255, 255, 0.7);
    width: 95%;
    margin: 50px auto 10px;
    padding: 20px;
    border-left: 1px solid #33b5e5; }
    .form-log .instrucciones.txt-interior h6 {
      padding-bottom: 5px;
      border-bottom: 1px solid #f6f6f6; }
    .form-log .instrucciones.txt-interior ul.sub-lista {
      font-size: .8rem;
      padding-left: .2rem; }
      .form-log .instrucciones.txt-interior ul.sub-lista li {
        margin-bottom: .3rem; }
        .form-log .instrucciones.txt-interior ul.sub-lista li:before {
          font-size: 16px;
          color: #00C851; }
    .form-log .instrucciones.txt-interior .nota {
      padding-left: .3rem;
      font-size: .75rem; }
  .form-log.desvinculacion h2 {
    position: static;
    width: auto; }
  .form-log.desvinculacion .head-desvinculacion {
    margin-top: 2rem; }
  .form-log .alerta-comentarios {
    background: #ffbb33;
    position: absolute;
    top: 0;
    right: -38px;
    cursor: pointer;
    width: 48px;
    height: 36px; }
    .form-log .alerta-comentarios:focus {
      outline: none; }
    .form-log .alerta-comentarios span {
      position: relative;
      display: block; }
      .form-log .alerta-comentarios span:before {
        content: "";
        position: absolute;
        top: 0;
        left: -17px;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-right: 17px solid #ffbb33;
        border-bottom: 18px solid transparent; }
      .form-log .alerta-comentarios span:after {
        content: "";
        position: absolute;
        right: 0;
        top: -7px;
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #FF8800; }
    .form-log .alerta-comentarios i {
      font-size: 2rem;
      color: #fff; }
      .form-log .alerta-comentarios i:focus {
        outline: none; }
  .form-log .panel-comentarios {
    border: 1px solid #ffbb33 !important;
    background: #fbfbfb;
    box-shadow: none;
    max-width: 100%;
    padding: .9rem;
    margin-top: 1.2rem;
    margin-left: 20px;
    position: relative;
    border-radius: 8px 0px 8px 8px; }
    .form-log .panel-comentarios .card-text {
      font-size: .9rem;
      color: #999;
      font-size: .8rem;
      height: auto;
      padding-top: 0; }
    .form-log .panel-comentarios:after {
      content: "";
      position: absolute;
      right: -1px;
      top: -13px;
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 0px solid transparent;
      border-bottom: 12px solid #ffbb33; }
    .form-log .panel-comentarios .chip {
      background: #999;
      color: #fff;
      font-size: .7rem; }
      .form-log .panel-comentarios .chip p {
        color: #FF8800; }

.nueva-password .form-log .envio button {
  width: 250px; }

.dropdown-content li > span {
  color: #757575;
  font-weight: 100;
  font-size: .9rem; }

.error-general {
  margin-bottom: 30px; }
  .error-general span {
    white-space: normal;
    padding: 8px;
    font-weight: 100; }

.pasos-registro ul {
  display: table;
  width: 100%;
  font-weight: 100;
  color: #333; }
  .pasos-registro ul li {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #33b5e5; }
    .pasos-registro ul li span {
      display: block;
      padding: 10px 0;
      font-size: 1.1rem; }
    .pasos-registro ul li.activo {
      border-bottom: 7px solid #33b5e5; }

.bajada-reg {
  padding-bottom: 50px;
  color: #999;
  text-align: center; }

/*==== #recuperar-contrasena ====*/
#recuperar-contrasena {
  min-height: 500px; }
  @media only screen and (max-width: 767px) {
    #recuperar-contrasena {
      min-height: auto; } }
  #recuperar-contrasena form {
    padding-top: 82px; }
    @media only screen and (max-width: 767px) {
      #recuperar-contrasena form {
        padding-top: 54px; } }

/*==== #registro-basico ====*/
#registro-basico .bajada-log.caja-log {
  background: #fff;
  padding: 1rem;
  border-top: 1px solid #FF8800; }
  #registro-basico .bajada-log.caja-log .head-caja-log i {
    color: #33b5e5;
    font-size: 3rem; }
  #registro-basico .bajada-log.caja-log p {
    margin-bottom: .75rem; }
    #registro-basico .bajada-log.caja-log p span {
      color: #fff; }
      #registro-basico .bajada-log.caja-log p span.mail {
        color: #666; }
    #registro-basico .bajada-log.caja-log p.inst strong {
      color: #666; }

.registro-bienvenida h2 {
  position: static;
  width: 100%;
  text-align: center;
  padding-top: 25px; }
  .registro-bienvenida h2 span {
    display: block; }

.registro-bienvenida .bajada-log {
  position: static;
  text-align: center;
  width: 100%;
  margin-bottom: 25px; }
  .registro-bienvenida .bajada-log p {
    font-size: .9rem;
    margin-bottom: .4rem; }
    .registro-bienvenida .bajada-log p span {
      color: #666; }

/*==== #registro-perfil ====*/
#reg-perfil .campo-imagen {
  overflow: hidden; }
  #reg-perfil .campo-imagen .btn {
    margin-bottom: 0; }
  #reg-perfil .campo-imagen .descripcion {
    display: block;
    float: left;
    font-size: .8rem;
    margin-top: 10px;
    text-align: center; }

#reg-perfil #img-perfil {
  margin: 2px auto 25px;
  width: 200px;
  height: 200px;
  border-radius: 198px;
  padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16);
  display: none;
  cursor: pointer; }
  #reg-perfil #img-perfil.activo {
    display: block; }
  #reg-perfil #img-perfil img {
    border-radius: 200px;
    width: 194px;
    height: 194px; }

#reg-perfil .btn-subida {
  padding: 0 1.6rem;
  margin: 0 auto;
  float: none;
  display: block;
  width: 200px; }

#reg-perfil .select-dropdown {
  font-size: .95rem; }

#reg-perfil .form-completa-tu-pefil .select-dropdown {
  font-size: 1.1rem; }

.card-inversion {
  padding: 30px 20px;
  /*top: 30px!important;
	@include respond-to(lg) {
		width: 450px;
	}
	@include respond-to(md) {
		width: 400px;
	}
	@include respond-to(sm) {
		width: 300px;
	}
	@include respond-to(xs) {
		width: 100%;
	}*/ }
  .card-inversion .head-card-inversion {
    overflow: hidden;
    margin-bottom: 1rem;
    padding: 10px 0; }
    .card-inversion .head-card-inversion h4 {
      margin-bottom: 0;
      padding-bottom: 0;
      display: table-cell;
      vertical-align: middle;
      padding-left: 1.2rem; }
  .card-inversion .logo-campana {
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle; }
  .card-inversion h4 {
    font-size: 1.2rem;
    vertical-align: middle;
    line-height: 120%; }
  .card-inversion .btn-pagar, .card-inversion .btn-pagar-col {
    width: 200px;
    margin: 0 auto;
    display: block; }
  .card-inversion .btn-pagar-col {
    border-bottom: none !important;
    box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.16); }
  .card-inversion tr.destacado {
    background: rgba(232, 245, 233, 0.5); }
  .card-inversion tr.link a {
    color: #999;
    margin-left: 0;
    text-decoration: underline; }
  .card-inversion .tabla-inversion {
    margin-bottom: 2rem; }
    .card-inversion .tabla-inversion th, .card-inversion .tabla-inversion td {
      font-size: .8rem;
      color: #999;
      border: none;
      padding: .2rem;
      vertical-align: middle; }
    .card-inversion .tabla-inversion th {
      text-align: left;
      font-weight: 100; }
    .card-inversion .tabla-inversion td {
      text-align: right;
      font-weight: 600; }
    .card-inversion .tabla-inversion a {
      color: #999;
      margin-left: 0;
      text-decoration: underline; }
  .card-inversion .tabla-montos th, .card-inversion .tabla-montos td {
    font-size: 1rem;
    color: #999;
    font-weight: 100;
    border: none;
    vertical-align: middle;
    padding: .5rem .75rem; }
    .card-inversion .tabla-montos th.total, .card-inversion .tabla-montos td.total {
      font-weight: 600; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .card-inversion .tabla-montos th, .card-inversion .tabla-montos td {
        font-size: .8rem; } }
    @media only screen and (max-width: 767px) {
      .card-inversion .tabla-montos th, .card-inversion .tabla-montos td {
        font-size: .9rem;
        padding: .5rem; } }
  .card-inversion .tabla-montos th {
    padding-left: 1.3rem; }
    @media only screen and (max-width: 767px) {
      .card-inversion .tabla-montos th {
        padding-left: .5rem; } }
  .card-inversion .tabla-montos td {
    text-align: right;
    /*padding: 0 .75rem .75rem;*/ }
    .card-inversion .tabla-montos td span {
      float: left;
      width: 40px;
      text-align: left;
      padding-top: 16px; }
    .card-inversion .tabla-montos td .md-form {
      margin-bottom: 0; }
      .card-inversion .tabla-montos td .md-form input {
        margin: 0;
        padding: 0; }
    .card-inversion .tabla-montos td#inversion_total {
      color: #666; }
    .card-inversion .tabla-montos td.peso {
      position: relative;
      padding-top: 1.5rem; }
      .card-inversion .tabla-montos td.peso:before {
        content: "CLP$";
        width: 40px;
        height: 40px;
        position: absolute;
        top: 43px;
        left: -36px; }
      .card-inversion .tabla-montos td.peso input {
        text-align: right;
        font-size: 1rem; }
        .card-inversion .tabla-montos td.peso input#inversion_monto {
          font-weight: 500; }
    .card-inversion .tabla-montos td.tipo-moneda {
      position: relative;
      padding-top: 30px; }
      .card-inversion .tabla-montos td.tipo-moneda span {
        position: absolute;
        left: 0;
        transform: translateX(-70%); }
        @media only screen and (max-width: 767px) {
          .card-inversion .tabla-montos td.tipo-moneda span {
            transform: translateX(-30%); } }
      .card-inversion .tabla-montos td.tipo-moneda input {
        padding-left: 5px;
        text-align: right; }
    .card-inversion .tabla-montos td .link th {
      padding-top: 1rem; }
  .card-inversion .paso-pago {
    border-top: 1px solid #444;
    padding: 25px 0 20px; }
    .card-inversion .paso-pago.borderless {
      border: none; }
    .card-inversion .paso-pago h4 {
      font-size: 1rem;
      margin-bottom: 1rem;
      margin: .3rem;
      padding: 0;
      font-weight: 400; }
      .card-inversion .paso-pago h4.ppal {
        font-size: 1.3rem;
        margin: 1rem .3rem;
        color: #666; }
        .card-inversion .paso-pago h4.ppal span {
          font-size: 3.5rem; }
    .card-inversion .paso-pago p {
      font-size: .8rem;
      line-height: 120%;
      padding-left: .5rem; }
    .card-inversion .paso-pago .alert {
      font-size: .8rem;
      font-weight: 100;
      width: 100%; }
      .card-inversion .paso-pago .alert.alerta-reserva {
        text-align: left; }
    .card-inversion .paso-pago .monto-pago-solicitud th, .card-inversion .paso-pago .monto-pago-solicitud td {
      color: #666; }
    .card-inversion .paso-pago .monto-pago-solicitud td {
      padding: .5rem .75rem; }
    .card-inversion .paso-pago .foot-paso-inversion {
      padding-top: 20px;
      text-align: center; }
    .card-inversion .paso-pago #frm_botonePayco {
      text-align: center;
      border-bottom: 0;
      border-radius: 3px;
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); }
  .card-inversion .instruccion-pago {
    padding-bottom: 20px; }
    .card-inversion .instruccion-pago #textoCopiar {
      background: #f6f6f6;
      display: inline-block;
      padding: 2px; }
  .card-inversion p a {
    text-decoration: underline; }
  .card-inversion .explicacion {
    color: #999; }

.solicitud-etapas .alert-pasos-warning {
  background: #fff;
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 100;
  border: 1px solid #ffbb33; }

.solicitud-etapas .forms-nav-etapa {
  padding: 1rem; }

.solicitud-etapas .forms {
  padding: 2rem;
  background: #fff;
  border-top: 2px solid #33b5e5; }
  .solicitud-etapas .forms h4 {
    display: inline-block;
    border-bottom: 1px solid #666;
    margin-bottom: 15px;
    padding-right: 20%;
    color: #33b5e5; }
  .solicitud-etapas .forms .btn-solo {
    margin-bottom: 3rem !important; }
    .solicitud-etapas .forms .btn-solo .btn {
      margin: 0 auto;
      width: 80%;
      display: block; }
    .solicitud-etapas .forms .btn-solo .campo-descripcion {
      margin-bottom: 1.5rem; }

.solicitud-etapas .documentos.solicitud-docs .doc {
  width: 90%; }
  .solicitud-etapas .documentos.solicitud-docs .doc .dato-doc a {
    background: none; }

.solicitud-etapas .solicitud-agrega-doc {
  width: 100%; }
  .solicitud-etapas .solicitud-agrega-doc .file-path-wrapper {
    width: 60%;
    float: left;
    margin-right: 1rem; }

.solicitud-etapas .check-declaracion {
  margin-top: 4rem; }

.solicitud-etapas .btn-volver-paso {
  display: table;
  font-size: .7rem;
  margin: 0 0 10px 0;
  color: #fff;
  background: rgba(51, 181, 229, 0.7);
  color: #fff;
  padding: 3px 10px;
  position: relative;
  transition: all 0.3s linear; }
  .solicitud-etapas .btn-volver-paso i {
    vertical-align: middle;
    color: #fff;
    font-size: 1.1rem;
    margin-right: .3rem; }
  .solicitud-etapas .btn-volver-paso span {
    color: #fff;
    display: table-cell;
    vertical-align: middle; }

@keyframes movHover {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .solicitud-etapas .btn-volver-paso:hover {
    background: #33b5e5; }
    .solicitud-etapas .btn-volver-paso:hover i {
      animation: movHover 1s infinite; }
    .solicitud-etapas .btn-volver-paso:hover:before {
      border-right: 12px solid #33b5e5; }
  .solicitud-etapas .btn-volver-paso:before {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid rgba(51, 181, 229, 0.7);
    border-bottom: 12px solid transparent;
    transition: all 0.2s linear; }

.solicitud-etapas #stop {
  height: 0; }

.solicitud-etapas .dato-accionistas {
  overflow: hidden; }
  .solicitud-etapas .dato-accionistas .record {
    width: 100%;
    background: #fbfbfb;
    margin: 1px 0;
    height: 26px;
    float: left; }
    .solicitud-etapas .dato-accionistas .record .barra {
      background: #4285F4;
      float: left;
      height: 26px; }
      .solicitud-etapas .dato-accionistas .record .barra span {
        float: left;
        margin: 4px 0 0 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 100; }
    .solicitud-etapas .dato-accionistas .record .porcentaje {
      float: right;
      font-size: 12px;
      font-weight: 600; }
      .solicitud-etapas .dato-accionistas .record .porcentaje span {
        float: right;
        margin: 4px 10px 0 0;
        color: #4285F4; }

.solicitud-etapas .tipoTable {
  display: table;
  border-bottom: 1px solid #fff;
  border-radius: 3px;
  overflow: hidden; }
  .solicitud-etapas .tipoTable .nom, .solicitud-etapas .tipoTable .cont {
    display: table-cell;
    vertical-align: middle; }
  .solicitud-etapas .tipoTable .nom {
    width: 300px;
    background: #e0e0e0;
    text-indent: .75rem;
    padding: 0;
    font-size: .8rem; }
  .solicitud-etapas .tipoTable .cont {
    width: 100px; }
    .solicitud-etapas .tipoTable .cont input {
      border: 1px dotted #ccc;
      margin-top: 0;
      padding: 0;
      text-indent: 10px; }

.solicitud-etapas .tabla-personeria {
  margin-bottom: 40px; }
  .solicitud-etapas .tabla-personeria th, .solicitud-etapas .tabla-personeria td {
    border-bottom: 1px solid #e5e5e5;
    padding: .75rem;
    vertical-align: middle; }
  .solicitud-etapas .tabla-personeria td {
    background: #fbfbfb; }
    .solicitud-etapas .tabla-personeria td div {
      margin-bottom: 3px; }
    .solicitud-etapas .tabla-personeria td.whead {
      width: 40%; }
      .solicitud-etapas .tabla-personeria td.whead .nombre {
        border-bottom: 1px solid #bcbcbc;
        margin-bottom: 5px; }
        .solicitud-etapas .tabla-personeria td.whead .nombre strong {
          font-weight: 600; }
    .solicitud-etapas .tabla-personeria td .cargo {
      line-height: 120%;
      font-size: .75rem; }
    .solicitud-etapas .tabla-personeria td.tool {
      background: #eceeef; }
  .solicitud-etapas .tabla-personeria tfoot td {
    background: none; }

.solicitud-etapas .info_fina {
  outline: 1px solid red; }

.page-error .content {
  display: table;
  min-height: 400px; }

.page-error h2 {
  font-weight: 100;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 3rem;
  height: 300px; }
  @media only screen and (max-width: 767px) {
    .page-error h2 {
      font-size: 2rem; } }
  .page-error h2 span {
    display: block;
    font-size: 6rem;
    color: #33b5e5; }
    @media only screen and (max-width: 767px) {
      .page-error h2 span {
        font-size: 4rem; } }
    .page-error h2 span.detalle {
      font-size: 2.5rem;
      color: #333; }

.page-error.error-login h2 {
  font-size: 1.6rem; }
  .page-error.error-login h2 span {
    font-size: 4rem;
    margin-bottom: 1rem; }

.page-error.error-login .txt-center {
  text-align: center;
  margin-top: -130px;
  margin-bottom: 70px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .page-error.error-login .txt-center {
      margin-top: -80px; } }
  @media only screen and (max-width: 767px) {
    .page-error.error-login .txt-center {
      margin-top: -70px; } }

.page-error.error-form {
  margin-bottom: 100px; }
  .page-error.error-form .content {
    min-height: 250px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .page-error.error-form .content {
        min-height: 180px; } }
  .page-error.error-form .bajada-pag-error {
    font-size: 1.2rem;
    line-height: 120%; }
  .page-error.error-form .btn {
    float: right;
    margin-top: 30px; }

#loader {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  display: none; }
  #loader.activo {
    display: block; }

@keyframes loading {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(160deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(160deg); }
  100% {
    transform: rotate(0deg); } }

.loading {
  background-color: transparent;
  border-radius: 50%;
  margin: 5px auto;
  animation: loading 5s infinite linear; }

.cover-load, .spin-ie9 {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  display: table; }

.spin-ie9 {
  text-align: center; }
  .spin-ie9 i {
    font-size: 130px;
    vertical-align: middle;
    color: #CC0000; }
  .spin-ie9 img {
    width: 100%; }

.spin-1 {
  border: 5px solid #d41f29;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 120px;
  height: 120px; }

.spin-2 {
  border: 5px solid #dcdee5;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 100px;
  height: 100px;
  animation-delay: 1s; }

.spin-3 {
  border: 5px solid #d41f29;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 80px;
  height: 80px;
  animation-delay: 1s; }

.spin-4 {
  border: 5px solid #dcdee5;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 60px;
  height: 60px;
  animation-delay: 1s; }

.spin-5 {
  border: 5px solid #d41f29;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 40px;
  height: 40px;
  animation-delay: 1s; }

.spin-6 {
  border: 5px solid #dcdee5;
  width: 20px;
  height: 20px;
  animation-delay: 1s; }

#solicitud-levanta {
  background: #f6f6f6; }
  #solicitud-levanta .seccion-financiamiento {
    padding-top: 40px; }
  #solicitud-levanta.completa .final h3 {
    color: #33b5e5;
    margin: 0 auto 20px;
    padding-right: 0;
    display: block;
    text-align: center;
    padding-bottom: 30px;
    font-size: 24px; }
  #solicitud-levanta.completa .final .soporte-final {
    padding: 10px 0 30px;
    border-bottom: 1px solid #666; }
  #solicitud-levanta.completa .final p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 120%;
    padding: 0 40px; }
  #solicitud-levanta.completa .final .btn-volver-panel {
    margin-top: 70px; }
  #solicitud-levanta.completa .final .menu-solicitud-final {
    text-align: center; }
    #solicitud-levanta.completa .final .menu-solicitud-final a {
      /*font-size: 14px;
					color: $info-color;
					text-decoration: underline;
					padding: 0 10px;*/ }
    #solicitud-levanta.completa .final .menu-solicitud-final .btn i {
      display: table-cell;
      vertical-align: middle;
      padding-right: 5px;
      font-size: 18px; }
    #solicitud-levanta.completa .final .menu-solicitud-final .btn span {
      display: table-cell;
      vertical-align: middle; }

.principal {
  padding: 2rem;
  background: #fff; }

.form-cabecera {
  padding-bottom: 40px; }
  .form-cabecera h3 {
    display: inline-block;
    border-bottom: 1px solid #666;
    padding-right: 20%;
    margin-bottom: 20px; }
  .form-cabecera p {
    font-size: .8rem;
    font-weight: 400; }
    .form-cabecera p.obliga {
      padding-top: 1rem;
      font-size: .7rem;
      color: #ff4444;
      font-weight: 600; }
  .form-cabecera.final h3 {
    padding-right: 13%; }
  .form-cabecera.final p {
    margin-bottom: .2rem; }
  .form-cabecera .btn-volver-panel {
    display: inline-block;
    font-size: .8rem;
    margin-top: 25px; }
    .form-cabecera .btn-volver-panel i {
      vertical-align: middle;
      font-size: .9rem; }
    .form-cabecera .btn-volver-panel span {
      vertical-align: middle;
      text-decoration: underline; }
  .form-cabecera .btn-preview {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: .3rem .5rem; }
    .form-cabecera .btn-preview i {
      display: table-cell;
      vertical-align: middle;
      padding-right: 5px;
      font-size: 14px; }
    .form-cabecera .btn-preview span {
      display: table-cell;
      vertical-align: middle; }

.tool-pago {
  overflow: hidden; }
  .tool-pago .btn {
    min-width: 200px;
    text-align: center; }
    .tool-pago .btn span {
      display: inline-block;
      vertical-align: middle; }
    .tool-pago .btn i {
      display: inline-block;
      vertical-align: middle; }
    .tool-pago .btn.right {
      float: right; }
    .tool-pago .btn.left {
      float: left; }

.formulario {
  /*&#form-completa-tu-perfil {
		label {
			font-size: .8rem;
		}
	}*/ }
  .formulario p {
    font-size: .8rem; }
    .formulario p.campo-descripcion {
      color: #999; }
      .formulario p.campo-descripcion.especial {
        margin-left: 20px; }
        .formulario p.campo-descripcion.especial.corto {
          margin-left: 10px; }
      .formulario p.campo-descripcion a {
        text-decoration: underline; }
  .formulario ul.lista-descripcion {
    font-size: .8rem;
    margin-left: 20px;
    color: #999;
    font-weight: 100;
    margin-bottom: 30px; }
    .formulario ul.lista-descripcion li {
      position: relative;
      padding-left: 20px; }
      .formulario ul.lista-descripcion li:before {
        content: "\0025A0";
        display: block;
        width: 4px;
        height: 4px;
        color: #33b5e5;
        position: absolute;
        left: 0;
        top: 0; }
  .formulario .dato-form, .formulario .mb-form {
    margin-bottom: 40px;
    position: relative; }
    .formulario .dato-form.sub, .formulario .dato-form.especial, .formulario .mb-form.sub, .formulario .mb-form.especial {
      margin-left: 5%; }
    .formulario .dato-form.input-group.sub input, .formulario .mb-form.input-group.sub input {
      width: 95%; }
    .formulario .dato-form.dato-bottom, .formulario .mb-form.dato-bottom {
      margin-bottom: 1.1rem !important; }
    .formulario .dato-form.doc-juridica .solicitud-agrega-doc, .formulario .mb-form.doc-juridica .solicitud-agrega-doc {
      width: 100%; }
    .formulario .dato-form.doc-juridica .btn, .formulario .mb-form.doc-juridica .btn {
      margin-left: 10px; }
    .formulario .dato-form.doc-juridica .btn-subida, .formulario .mb-form.doc-juridica .btn-subida {
      float: none; }
    .formulario .dato-form.doc-juridica .select-tipo, .formulario .mb-form.doc-juridica .select-tipo {
      margin-left: 10px; }
      .formulario .dato-form.doc-juridica .select-tipo .select-dropdown, .formulario .mb-form.doc-juridica .select-tipo .select-dropdown {
        font-size: 1rem !important; }
    .formulario .dato-form.doc-juridica .invalid, .formulario .mb-form.doc-juridica .invalid {
      float: none; }
  .formulario .dato-social input {
    text-indent: .75rem; }
  .formulario .tipos-moneda .tipo .mdb-select {
    background: #ccc;
    padding-left: 8px;
    border-radius: 2px; }
    .formulario .tipos-moneda .tipo .mdb-select .caret {
      right: 8px; }
    .formulario .tipos-moneda .tipo .mdb-select .select-dropdown {
      left: 0 !important;
      font-size: .9rem;
      font-weight: 100; }
  .formulario .tipos-moneda .valor input {
    height: 3rem;
    margin-bottom: 1.5rem; }
  .formulario input.especial, .formulario textarea.especial, .formulario .input-group.especial, .formulario .mdb-select.especial {
    width: 95%;
    margin-left: 5%; }
    @media only screen and (max-width: 767px) {
      .formulario input.especial, .formulario textarea.especial, .formulario .input-group.especial, .formulario .mdb-select.especial {
        width: 100%;
        margin-left: 0; } }
    .formulario input.especial.contrario input, .formulario textarea.especial.contrario input, .formulario .input-group.especial.contrario input, .formulario .mdb-select.especial.contrario input {
      width: 95%; }
  .formulario label {
    font-size: 1.1rem;
    font-weight: 200;
    color: #757575; }
    .formulario label.requerido {
      position: relative; }
      .formulario label.requerido:after {
        content: "*";
        font-size: .8rem;
        font-weight: 400;
        display: inline-block;
        padding-left: 5px;
        color: #ff4444;
        font-weight: 600; }
    .formulario label.label-tit {
      font-weight: 500; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .formulario label.especial {
        margin-top: -8px; }
        .formulario label.especial span {
          display: block;
          font-size: 11px; }
        .formulario label.especial.active {
          margin-top: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .formulario label.especial {
        margin-top: -8px; }
        .formulario label.especial span {
          display: block;
          font-size: 11px; }
        .formulario label.especial.active {
          margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .formulario label.especial {
        margin-top: -5px; }
        .formulario label.especial span {
          display: block;
          font-size: 11px; }
        .formulario label.especial.active {
          margin-top: 0; } }
    .formulario label.especial .requerido {
      float: right;
      padding: 0 3px; }
    .formulario label span.requerido {
      font-size: .8rem;
      color: #ff4444;
      font-weight: 600; }
  .formulario .labch {
    padding-top: 10px; }
    .formulario .labch label {
      font-size: .8rem;
      margin-bottom: 0; }
  .formulario .label {
    font-size: 1.1rem;
    font-weight: 200;
    color: #757575; }
  .formulario .redes {
    margin-bottom: .75rem; }
    .formulario .redes li {
      overflow: hidden;
      border-top: 1px solid #f6f6f6;
      border-bottom: 1px solid #f6f6f6;
      width: 100%;
      display: table; }
      @media only screen and (max-width: 767px) {
        .formulario .redes li {
          width: 100%; } }
      .formulario .redes li .label {
        display: table-cell;
        vertical-align: middle;
        font-size: 1rem;
        padding-left: .5rem; }
        .formulario .redes li .label i.fbk {
          color: #0d47a1; }
        .formulario .redes li .label i.lkn {
          color: #33b5e5; }
      .formulario .redes li .btn {
        width: 150px; }
    .formulario .redes .label {
      font-size: 1rem;
      padding-left: .5rem;
      display: inline-block;
      width: 100px; }
      @media only screen and (max-width: 767px) {
        .formulario .redes .label {
          width: 100%; } }
      .formulario .redes .label.fbk {
        color: #0d47a1;
        font-weight: 600; }
      .formulario .redes .label.lkn {
        color: #33b5e5;
        font-weight: 600; }
      .formulario .redes .label i {
        margin-right: .2rem; }
    .formulario .redes.apoyo {
      padding-top: 15px;
      margin-bottom: 2rem;
      overflow: hidden; }
      .formulario .redes.apoyo .form-group {
        width: 33%;
        float: left; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          .formulario .redes.apoyo .form-group {
            width: 45%; } }
        @media only screen and (max-width: 767px) {
          .formulario .redes.apoyo .form-group {
            width: 90%; } }
      .formulario .redes.apoyo label {
        font-size: .9rem;
        color: #999;
        line-height: 120%;
        width: 98%; }
  .formulario .cke_chrome {
    border: 1px dotted #ccc; }
    .formulario .cke_chrome .cke_bottom {
      background: #ccc;
      display: none; }
  .formulario .sub-dato {
    background: #fbfbfb;
    padding: 2rem 3rem; }
    .formulario .sub-dato label {
      font-size: .8rem; }
    .formulario .sub-dato span.invalid {
      margin-top: -13px; }
  .formulario .direcciones-id_pais {
    margin-bottom: 40px; }
  .formulario .startup-red {
    background: #fbfbfb;
    padding: 1rem;
    display: none; }
    .formulario .startup-red.activo {
      display: block; }
  .formulario .tercio {
    width: 33%; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .formulario .tercio {
        width: 70%; } }
    @media only screen and (max-width: 767px) {
      .formulario .tercio {
        width: 100%; } }
  .formulario .mitad {
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .formulario .mitad {
        width: 70%; } }
    @media only screen and (max-width: 767px) {
      .formulario .mitad {
        width: 100%; } }
    .formulario .mitad.especial {
      margin-left: 5%; }
      @media only screen and (max-width: 767px) {
        .formulario .mitad.especial {
          width: 90%; } }
  .formulario .btn {
    min-width: 200px;
    text-align: center; }
    .formulario .btn span {
      display: inline-block;
      vertical-align: middle; }
    .formulario .btn i {
      display: inline-block;
      vertical-align: middle; }
    .formulario .btn.right {
      float: right; }
    .formulario .btn.left {
      float: left; }
    .formulario .btn.btn-small {
      padding: .5rem .75rem; }
    .formulario .btn.btn-vinculo {
      min-width: auto; }
    .formulario .btn.btn-light {
      background: #999; }
      .formulario .btn.btn-light.btn-close {
        width: auto;
        min-width: auto; }
  .formulario .campo-imagen .btn, .formulario .campo-doc .btn {
    margin-left: 0;
    padding: 0;
    line-height: 2.5rem; }
  .formulario #img-logo {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    border: 2px solid #fff;
    overflow: hidden; }
    .formulario #img-logo img {
      border-radius: 4px;
      width: 100%; }
  .formulario #img-ppal {
    width: 160px;
    height: 62px;
    overflow: hidden;
    border: 2px solid #fff; }
    .formulario #img-ppal.bkg-ficha {
      width: 320px;
      height: 90px; }
    .formulario #img-ppal img {
      width: 100%; }
  .formulario #img-user, .formulario .avatar-user-caja, .formulario .img-user {
    display: table-cell;
    width: 80px;
    height: 80px;
    border-radius: 58px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16); }
    .formulario #img-user img, .formulario .avatar-user-caja img, .formulario .img-user img {
      width: 100%;
      height: 100%;
      border-radius: 60px; }
  .formulario .file-path {
    font-size: .9rem; }
  .formulario .card.comentarios {
    margin-top: .8rem;
    position: relative;
    float: left;
    width: 100%;
    display: none; }
    .formulario .card.comentarios .card-header i {
      vertical-align: middle;
      color: #753e00;
      margin-right: 15px; }
    .formulario .card.comentarios .card-block {
      padding: 1.25rem; }
      .formulario .card.comentarios .card-block span {
        line-height: 120%;
        font-weight: 100; }
    .formulario .card.comentarios:before {
      content: "";
      width: 0;
      height: 0;
      border-left: 0px solid transparent;
      border-right: 18px solid transparent;
      border-bottom: 12px solid #FF8800;
      position: absolute;
      left: 0;
      top: -11px; }
    .formulario .card.comentarios:hover {
      box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16); }
    .formulario .card.comentarios.nofloat {
      float: none; }
    .formulario .card.comentarios.activo {
      display: block; }
  .formulario .dato-tool {
    overflow: hidden;
    clear: both; }
    .formulario .dato-tool .btn-paginacion, .formulario .dato-tool .btn-descartar {
      padding: .85rem 0;
      margin: 6px;
      font-size: 11px;
      text-align: center;
      text-transform: uppercase; }
      .formulario .dato-tool .btn-paginacion.left, .formulario .dato-tool .btn-descartar.left {
        float: left; }
      .formulario .dato-tool .btn-paginacion.right, .formulario .dato-tool .btn-descartar.right {
        float: right; }
      .formulario .dato-tool .btn-paginacion i, .formulario .dato-tool .btn-descartar i {
        vertical-align: middle; }
    .formulario .dato-tool .btn {
      min-width: 230px; }
    .formulario .dato-tool .btn-descartar {
      color: #757575; }
    .formulario .dato-tool p {
      font-size: .8rem;
      font-weight: 400; }
      .formulario .dato-tool p.obliga {
        /*display: inline;*/
        padding-top: 1rem;
        padding-right: 10px;
        font-size: .7rem;
        color: #ff4444;
        font-weight: 600;
        /*float: left;*/
        text-align: right; }
  .formulario .cats label, .formulario .cats2 label {
    text-transform: uppercase;
    font-size: .8rem;
    margin-bottom: 0;
    font-weight: 400;
    color: #999;
    line-height: 120%; }
    .formulario .cats label.puede-editar, .formulario .cats2 label.puede-editar {
      padding-top: 5px; }
  .formulario .cats .form-group, .formulario .cats2 .form-group {
    padding: .2rem .4rem;
    margin-right: 14px;
    display: inline-block;
    width: 46%; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      .formulario .cats .form-group, .formulario .cats2 .form-group {
        width: 42%; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .formulario .cats .form-group, .formulario .cats2 .form-group {
        width: 46%; } }
    @media only screen and (max-width: 767px) {
      .formulario .cats .form-group, .formulario .cats2 .form-group {
        width: 100%; } }
    .formulario .cats .form-group.linea, .formulario .cats2 .form-group.linea {
      width: 100px; }
      .formulario .cats .form-group.linea label, .formulario .cats2 .form-group.linea label {
        text-transform: normal; }
  .formulario .cats [type=checkbox] + label:before, .formulario .cats2 [type=checkbox] + label:before {
    border: 2px solid #999; }
  .formulario .cats [type=checkbox]:checked + label:before, .formulario .cats2 [type=checkbox]:checked + label:before {
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #33b5e5;
    border-bottom: 2px solid #33b5e5; }
  .formulario .cats.radio-gap label, .formulario .cats2.radio-gap label {
    margin-right: 15px;
    padding-left: 26px; }
    .formulario .cats.radio-gap label:before, .formulario .cats.radio-gap label:after, .formulario .cats2.radio-gap label:before, .formulario .cats2.radio-gap label:after {
      margin-top: 0; }
  .formulario .btn-agregar {
    background: #fff;
    color: #33b5e5 !important;
    border: 2px solid #33b5e5;
    width: 70%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px; }
  .formulario .embed-video-preview {
    width: 160px;
    margin-top: 14px; }
  .formulario .dato-equipo {
    /*.btn {
			margin-bottom: 30px;
		}*/ }
    .formulario .dato-equipo .cards-equipo {
      background: #f6f6f6;
      position: relative; }
      .formulario .dato-equipo .cards-equipo .permisos {
        display: none; }
      .formulario .dato-equipo .cards-equipo.editor .permisos {
        background: #33b5e5;
        color: #fff;
        font-size: .7rem;
        padding: 0px 5px;
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        display: block; }
        .formulario .dato-equipo .cards-equipo.editor .permisos:after {
          content: "";
          width: 0;
          height: 0;
          border-top: 9px solid transparent;
          border-left: 8px solid #33b5e5;
          border-bottom: 9px solid transparent;
          margin: 0px -8px 0 0;
          position: absolute;
          right: 0;
          font-size: .6rem; }
    .formulario .dato-equipo .miembro-equipo {
      border-bottom: 1px solid #fff; }
  .formulario #contenedor-lista {
    /*top: 0;
		left: 0;
		width: 50%;*/
    position: relative; }
    .formulario #contenedor-lista ul {
      width: 50%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100; }
    @media only screen and (max-width: 767px) {
      .formulario #contenedor-lista {
        width: 100%; } }
    .formulario #contenedor-lista .list-group-item:hover {
      background: #f6f6f6; }
    .formulario #contenedor-lista .list-group-item a {
      margin-left: 15px; }
    .formulario #contenedor-lista .list-group-item .usuario {
      position: absolute;
      left: 5px;
      top: 5px;
      color: #999; }
    .formulario #contenedor-lista .list-group-item .img-user {
      width: 38px;
      height: 38px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .formulario #contenedor-lista .list-group-item i {
      font-size: 40px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
      color: #2BBBAD; }
    .formulario #contenedor-lista .list-group-item span {
      font-weight: 100;
      font-size: .8rem; }
    .formulario #contenedor-lista .list-group-item button {
      border: none;
      background: #fff; }
  .formulario .miembro-equipo, .formulario .tipo-traccion, .formulario .tipo-cliente, .formulario .tipo-representante {
    font-size: .9rem;
    color: #757575;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .formulario .miembro-equipo, .formulario .tipo-traccion, .formulario .tipo-cliente, .formulario .tipo-representante {
        width: 100%; } }
    .formulario .miembro-equipo .avatar-user-caja, .formulario .tipo-traccion .avatar-user-caja, .formulario .tipo-cliente .avatar-user-caja, .formulario .tipo-representante .avatar-user-caja {
      float: left; }
    .formulario .miembro-equipo .user-datos, .formulario .tipo-traccion .user-datos, .formulario .tipo-cliente .user-datos, .formulario .tipo-representante .user-datos {
      display: inline-block;
      width: 24%;
      float: left;
      padding: 0 15px;
      font-size: .8rem; }
      .formulario .miembro-equipo .user-datos .nom, .formulario .tipo-traccion .user-datos .nom, .formulario .tipo-cliente .user-datos .nom, .formulario .tipo-representante .user-datos .nom {
        font-weight: 600; }
      .formulario .miembro-equipo .user-datos .rol, .formulario .miembro-equipo .user-datos .tiempo, .formulario .miembro-equipo .user-datos .cargo, .formulario .tipo-traccion .user-datos .rol, .formulario .tipo-traccion .user-datos .tiempo, .formulario .tipo-traccion .user-datos .cargo, .formulario .tipo-cliente .user-datos .rol, .formulario .tipo-cliente .user-datos .tiempo, .formulario .tipo-cliente .user-datos .cargo, .formulario .tipo-representante .user-datos .rol, .formulario .tipo-representante .user-datos .tiempo, .formulario .tipo-representante .user-datos .cargo {
        font-weight: 100;
        display: block; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .formulario .miembro-equipo .user-datos, .formulario .tipo-traccion .user-datos, .formulario .tipo-cliente .user-datos, .formulario .tipo-representante .user-datos {
          width: 60%; } }
      @media only screen and (max-width: 767px) {
        .formulario .miembro-equipo .user-datos, .formulario .tipo-traccion .user-datos, .formulario .tipo-cliente .user-datos, .formulario .tipo-representante .user-datos {
          width: 60%; } }
    .formulario .miembro-equipo .user-descripcion, .formulario .tipo-traccion .user-descripcion, .formulario .tipo-cliente .user-descripcion, .formulario .tipo-representante .user-descripcion {
      display: inline-block;
      width: 50%;
      float: left;
      padding: 0 15px; }
      .formulario .miembro-equipo .user-descripcion p, .formulario .tipo-traccion .user-descripcion p, .formulario .tipo-cliente .user-descripcion p, .formulario .tipo-representante .user-descripcion p {
        font-size: .8rem; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .formulario .miembro-equipo .user-descripcion, .formulario .tipo-traccion .user-descripcion, .formulario .tipo-cliente .user-descripcion, .formulario .tipo-representante .user-descripcion {
          width: 100%;
          padding-top: 10px; } }
      @media only screen and (max-width: 767px) {
        .formulario .miembro-equipo .user-descripcion, .formulario .tipo-traccion .user-descripcion, .formulario .tipo-cliente .user-descripcion, .formulario .tipo-representante .user-descripcion {
          width: 100%;
          padding-top: 10px; } }
    .formulario .miembro-equipo .tool, .formulario .tipo-traccion .tool, .formulario .tipo-cliente .tool, .formulario .tipo-representante .tool {
      text-align: right; }
      .formulario .miembro-equipo .tool a, .formulario .tipo-traccion .tool a, .formulario .tipo-cliente .tool a, .formulario .tipo-representante .tool a {
        color: #757575;
        margin-left: 5px; }
        .formulario .miembro-equipo .tool a:hover, .formulario .tipo-traccion .tool a:hover, .formulario .tipo-cliente .tool a:hover, .formulario .tipo-representante .tool a:hover {
          color: #33b5e5; }
    .formulario .miembro-equipo .traccion-datos, .formulario .tipo-traccion .traccion-datos, .formulario .tipo-cliente .traccion-datos, .formulario .tipo-representante .traccion-datos {
      display: inline-block;
      width: 90%;
      float: left;
      padding: 0 15px;
      font-size: .8rem; }
      .formulario .miembro-equipo .traccion-datos span, .formulario .tipo-traccion .traccion-datos span, .formulario .tipo-cliente .traccion-datos span, .formulario .tipo-representante .traccion-datos span {
        display: block;
        font-weight: 100; }
      .formulario .miembro-equipo .traccion-datos .nom, .formulario .tipo-traccion .traccion-datos .nom, .formulario .tipo-cliente .traccion-datos .nom, .formulario .tipo-representante .traccion-datos .nom {
        font-weight: 600; }
      @media only screen and (max-width: 767px) {
        .formulario .miembro-equipo .traccion-datos, .formulario .tipo-traccion .traccion-datos, .formulario .tipo-cliente .traccion-datos, .formulario .tipo-representante .traccion-datos {
          width: 100%; } }
    .formulario .miembro-equipo .cliente-datos, .formulario .tipo-traccion .cliente-datos, .formulario .tipo-cliente .cliente-datos, .formulario .tipo-representante .cliente-datos {
      display: inline-block;
      width: 90%;
      float: left;
      padding: 0 15px;
      font-size: .8rem; }
      .formulario .miembro-equipo .cliente-datos span, .formulario .tipo-traccion .cliente-datos span, .formulario .tipo-cliente .cliente-datos span, .formulario .tipo-representante .cliente-datos span {
        display: block;
        font-weight: 100; }
      .formulario .miembro-equipo .cliente-datos .nom, .formulario .tipo-traccion .cliente-datos .nom, .formulario .tipo-cliente .cliente-datos .nom, .formulario .tipo-representante .cliente-datos .nom {
        font-weight: 600; }
      .formulario .miembro-equipo .cliente-datos .descripcion, .formulario .tipo-traccion .cliente-datos .descripcion, .formulario .tipo-cliente .cliente-datos .descripcion, .formulario .tipo-representante .cliente-datos .descripcion {
        font-weight: 400; }
      .formulario .miembro-equipo .cliente-datos.sin-lista, .formulario .tipo-traccion .cliente-datos.sin-lista, .formulario .tipo-cliente .cliente-datos.sin-lista, .formulario .tipo-representante .cliente-datos.sin-lista {
        font-size: .9rem; }
  .formulario .miembro-equipo {
    width: 90%; }
  .formulario .tipo-traccion, .formulario .tipo-representante {
    width: 74%;
    background: #fbfbfb;
    padding: 1rem .75rem;
    border-bottom: 1px solid #eee; }
    @media only screen and (max-width: 767px) {
      .formulario .tipo-traccion, .formulario .tipo-representante {
        width: 100%; } }
  .formulario .tipo-representante {
    background: #fff; }
  .formulario .tipo-cliente {
    background: #fbfbfb;
    padding: 1rem .75rem;
    border-bottom: 1px solid #f6f6f6; }
    @media only screen and (max-width: 767px) {
      .formulario .tipo-cliente {
        width: 100%; } }
  .formulario.form-invitacion {
    padding: 1.75rem; }
    .formulario.form-invitacion h3 {
      color: #33b5e5; }
    .formulario.form-invitacion p.campo-descripcion {
      font-size: .9rem;
      text-align: left;
      color: #444;
      margin-bottom: 2rem; }
      .formulario.form-invitacion p.campo-descripcion a {
        text-decoration: underline; }
  .formulario#modal_sales {
    padding: 1.75rem;
    width: 80%;
    margin: 0 auto; }
    .formulario#modal_sales .dato-tool {
      margin-bottom: 0; }
    .formulario#modal_sales label {
      padding-top: .75rem; }
    .formulario#modal_sales .grupo-input label {
      width: 100%;
      text-align: left; }
    .formulario#modal_sales .grupo-input .input-group-addon {
      padding: .3rem .75rem; }
    .formulario#modal_sales .grupo-input input {
      padding: .2rem;
      text-indent: .75rem;
      font-weight: 100; }
    .formulario#modal_sales .select-wrapper input.select-dropdown {
      color: #757575;
      font-weight: 100; }
  .formulario#modal_fprevio {
    padding: 1.75rem; }
    .formulario#modal_fprevio .dato-tool {
      margin-bottom: 0; }
  .formulario table {
    color: #757575;
    font-size: .9rem; }
    .formulario table .thead-inverse th {
      background-color: #e5e5e5;
      color: #757575; }
    .formulario table th, .formulario table td {
      padding: .3rem .6rem; }
    .formulario table td {
      border-bottom: 1px solid #e5e5e5; }
    .formulario table .btn-borrar-datos-tabla {
      font-size: 1.2rem; }
  .formulario .cards-cliente {
    padding-top: 50px; }
    .formulario .cards-cliente.last {
      margin-bottom: 40px; }
  .formulario .seccion-traccion {
    border-bottom: 1px solid #33b5e5;
    margin-bottom: 40px; }
  .formulario .seccion-financiamiento.last {
    margin-bottom: 60px; }
  .formulario .seccion-clientes, .formulario .seccion-financiamiento {
    border-bottom: 1px solid #33b5e5; }
  .formulario #deudas {
    margin-left: 5%; }
  .formulario .alert-edicion {
    overflow: hidden;
    position: relative;
    display: none; }
    .formulario .alert-edicion h5 {
      width: 50%;
      float: left;
      margin-bottom: 0;
      padding-bottom: 0; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .formulario .alert-edicion h5 {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .formulario .alert-edicion h5 {
          width: 100%; } }
      .formulario .alert-edicion h5 strong {
        display: block; }
      .formulario .alert-edicion h5 .img-user {
        float: left;
        margin: 0 10px 0 0; }
    .formulario .alert-edicion p {
      display: inline-block; }
    .formulario .alert-edicion .tool-user {
      float: left;
      width: 50%;
      text-align: right; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .formulario .alert-edicion .tool-user {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .formulario .alert-edicion .tool-user {
          width: 100%; } }
      .formulario .alert-edicion .tool-user .btn {
        border: 1px solid #33b5e5;
        background: #fff;
        color: #33b5e5 !important;
        text-decoration: none; }
        .formulario .alert-edicion .tool-user .btn:hover {
          color: #fff !important; }
    .formulario .alert-edicion .btn-cerrar-edicion {
      position: absolute;
      top: 10px;
      right: 10px; }
  .formulario.editar-usuario {
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4); }
    .formulario.editar-usuario fieldset {
      padding: 0 15px; }
    .formulario.editar-usuario .alert-edicion {
      display: block; }

#form-equipo.formulario #contenedor-lista .list-group-item .usuario {
  width: 100%; }

#main.panel .header-panel {
  background: #f6f6f6;
  padding: 3rem 0 0 0; }
  #main.panel .header-panel h2 {
    font-weight: 200;
    font-size: 1.8rem; }
    #main.panel .header-panel h2 span {
      font-size: 15px;
      display: block; }
    #main.panel .header-panel h2 .btn-head-perfil {
      color: #33b5e5;
      font-size: .8rem;
      padding: 0 2px;
      margin-left: 15px;
      font-weight: 400;
      position: relative; }
      #main.panel .header-panel h2 .btn-head-perfil:after {
        content: "";
        width: 100%;
        height: 3px;
        background: #33b5e5;
        position: absolute;
        left: 0;
        bottom: -5px;
        transition: all 0.3s linear;
        display: none; }
      #main.panel .header-panel h2 .btn-head-perfil.activo:after {
        bottom: -5px;
        display: block; }
      #main.panel .header-panel h2 .btn-head-perfil:hover {
        color: #0099CC; }

#main.panel #menu-panel ul {
  display: table;
  text-align: left;
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    #main.panel #menu-panel ul {
      font-size: .8rem; } }
  #main.panel #menu-panel ul li {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #33b5e5;
    padding: 5px 0  15px; }
    @media only screen and (max-width: 767px) {
      #main.panel #menu-panel ul li {
        padding: 5px; } }
    #main.panel #menu-panel ul li.activo a:after {
      background: #33b5e5;
      height: 7px; }
      @media only screen and (max-width: 767px) {
        #main.panel #menu-panel ul li.activo a:after {
          height: 4px;
          bottom: -6px; } }
  #main.panel #menu-panel ul a {
    color: #444;
    font-weight: 500;
    position: relative; }
    #main.panel #menu-panel ul a:after {
      content: "";
      width: 150%;
      height: 1px;
      position: absolute;
      bottom: -16px;
      left: 0;
      display: inline-block;
      transition: all 0.2s linear; }
      @media only screen and (max-width: 767px) {
        #main.panel #menu-panel ul a:after {
          width: 100%; } }
    #main.panel #menu-panel ul a:hover:after {
      background: #33b5e5;
      opacity: .5;
      height: 7px; }

#main.panel .side-menu-panel {
  text-transform: uppercase;
  height: 100%;
  transition: all 0.3s linear; }
  #main.panel .side-menu-panel .fixed-side-menu {
    width: 210px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .side-menu-panel .fixed-side-menu {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      #main.panel .side-menu-panel .fixed-side-menu {
        width: 100%; } }
  #main.panel .side-menu-panel .indicador {
    background: #e5e5e5;
    padding: 1.5rem 0 1.5rem 1rem; }
  #main.panel .side-menu-panel ul {
    background: #f6f6f6;
    padding-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      #main.panel .side-menu-panel ul {
        height: auto !important; } }
    #main.panel .side-menu-panel ul li {
      padding: .7rem 1rem;
      position: relative;
      line-height: 100%;
      transition: all 0.3s linear; }
      #main.panel .side-menu-panel ul li.activo:before {
        content: "";
        width: 7px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: #33b5e5; }
      #main.panel .side-menu-panel ul li.activo a {
        color: #757575; }
      #main.panel .side-menu-panel ul li a {
        font-size: .8rem;
        display: block; }
        #main.panel .side-menu-panel ul li a:hover {
          color: #333; }
      #main.panel .side-menu-panel ul li .btn {
        margin: 0;
        padding: .85rem 1.7rem; }
        @media only screen and (min-width: 993px) and (max-width: 1199px) {
          #main.panel .side-menu-panel ul li .btn {
            padding: .5rem 1rem; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.panel .side-menu-panel ul li .btn {
            padding: .5rem 1rem; } }
        @media only screen and (max-width: 767px) {
          #main.panel .side-menu-panel ul li .btn {
            padding: .85rem 1rem; } }
        #main.panel .side-menu-panel ul li .btn.btn-levanta {
          margin-top: 30px; }
      #main.panel .side-menu-panel ul li:hover {
        background: #fbfbfb; }
      #main.panel .side-menu-panel ul li .submenu {
        padding: 0.3rem 0 0 0;
        margin: 0; }
        #main.panel .side-menu-panel ul li .submenu li {
          padding: .2rem; }
          #main.panel .side-menu-panel ul li .submenu li a {
            font-size: .7rem; }

#main.panel .side-perfil {
  text-transform: uppercase;
  height: 100%;
  transition: all 0.3s linear;
  padding-top: 78px; }
  @media only screen and (max-width: 767px) {
    #main.panel .side-perfil {
      padding-top: 0; } }
  #main.panel .side-perfil .fixed-side-menu {
    padding-top: 0; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .side-perfil .fixed-side-menu {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      #main.panel .side-perfil .fixed-side-menu {
        width: 100%; } }
  #main.panel .side-perfil .indicador {
    background: #e5e5e5;
    padding: 1.5rem 0 1.5rem 1rem;
    margin-bottom: 20px;
    display: none; }
    @media only screen and (max-width: 767px) {
      #main.panel .side-perfil .indicador {
        display: block; } }
  #main.panel .side-perfil .btn-cta {
    margin: 0 auto 1rem;
    display: block; }
  #main.panel .side-perfil ul {
    background: #f6f6f6;
    padding-bottom: 3rem;
    text-transform: uppercase; }
    #main.panel .side-perfil ul.menu-items {
      padding-top: 20px; }
      @media only screen and (max-width: 767px) {
        #main.panel .side-perfil ul.menu-items {
          padding-top: 0; } }
    @media only screen and (max-width: 767px) {
      #main.panel .side-perfil ul {
        height: auto !important; } }
    #main.panel .side-perfil ul li {
      position: relative;
      line-height: 100%;
      transition: all 0.3s linear;
      /*&.activo {
					&:before {
						content: "";
						width: 7px;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						background: $info-color;
					}

					a {
						color: $gris-label;
					}
				}*/ }
      #main.panel .side-perfil ul li .head-item {
        font-size: .8rem;
        padding: .7rem 1rem;
        display: block;
        font-weight: 600;
        border-bottom: 1px dotted #ccc; }
      #main.panel .side-perfil ul li a {
        font-size: .8rem;
        display: block;
        padding: .7rem 1rem;
        position: relative;
        transition: all 0.3s linear; }
      #main.panel .side-perfil ul li .submenu {
        margin: 0;
        text-transform: none;
        padding-bottom: .9rem;
        padding-left: .5rem; }
        #main.panel .side-perfil ul li .submenu li {
          padding: .5rem 0rem .5rem 1rem;
          position: relative; }
          #main.panel .side-perfil ul li .submenu li::before {
            content: "";
            position: absolute;
            left: 6px;
            top: 50%;
            transform: translateY(-50%);
            height: 22px;
            width: 4px;
            background: #ccc; }
          #main.panel .side-perfil ul li .submenu li:hover {
            background: #fbfbfb; }
          #main.panel .side-perfil ul li .submenu li a {
            font-size: .7rem;
            padding: 0;
            text-transform: uppercase; }
          #main.panel .side-perfil ul li .submenu li.activo {
            background: #fff; }
            #main.panel .side-perfil ul li .submenu li.activo::before {
              background: #33b5e5; }

#main.panel .side-menu-perfil {
  text-transform: uppercase;
  height: 100%;
  transition: all 0.3s linear;
  outline: 1px solid red; }
  #main.panel .side-menu-perfil .fixed-side-menu {
    width: 210px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .side-menu-perfil .fixed-side-menu {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      #main.panel .side-menu-perfil .fixed-side-menu {
        width: 100%; } }
  #main.panel .side-menu-perfil .indicador {
    background: #e5e5e5;
    padding: 1.5rem 0 1.5rem 1rem; }
  #main.panel .side-menu-perfil ul {
    background: #f6f6f6;
    padding-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      #main.panel .side-menu-perfil ul {
        height: auto !important; } }
    #main.panel .side-menu-perfil ul li {
      position: relative;
      line-height: 100%;
      transition: all 0.3s linear;
      /*&.activo {
					&:before {
						content: "";
						width: 7px;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						background: $info-color;
					}

					a {
						color: $gris-label;
					}
				}*/ }
      #main.panel .side-menu-perfil ul li a {
        font-size: .8rem;
        display: block;
        padding: .7rem 1rem;
        position: relative; }
        #main.panel .side-menu-perfil ul li a:hover {
          color: #333; }
        #main.panel .side-menu-perfil ul li a.activo:before {
          content: "";
          width: 7px;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          background: #33b5e5; }
      #main.panel .side-menu-perfil ul li:hover {
        background: #fbfbfb; }
      #main.panel .side-menu-perfil ul li .submenu {
        margin: 0;
        text-transform: none;
        padding-bottom: .9rem;
        padding-left: .5rem; }
        #main.panel .side-menu-perfil ul li .submenu li {
          padding: 0rem 0rem .3rem 1rem; }
          #main.panel .side-menu-perfil ul li .submenu li a {
            font-size: .7rem;
            padding: 0; }
          #main.panel .side-menu-perfil ul li .submenu li.activo a {
            border-bottom: 1px solid #33b5e5; }

#main.panel .no-contenido, #main.panel .anexo-contenido {
  text-align: center;
  color: #999;
  font-weight: 100;
  display: none;
  padding: 1.5rem 0; }
  @media only screen and (max-width: 767px) {
    #main.panel .no-contenido, #main.panel .anexo-contenido {
      font-size: .9rem; } }
  #main.panel .no-contenido a, #main.panel .anexo-contenido a {
    display: block;
    margin: 1rem;
    text-decoration: underline; }
  #main.panel .no-contenido.activo, #main.panel .anexo-contenido.activo {
    display: block; }
  #main.panel .no-contenido.levanta, #main.panel .anexo-contenido.levanta {
    background: #fbfbfb;
    margin-bottom: 50px;
    font-size: 14px; }

#main.panel .anexo-contenido {
  background: #f6f6f6; }

#main.panel .content-panel-txt {
  padding-top: 2rem;
  padding-bottom: 4rem; }

#main.panel .caja-actividad {
  font-size: .8rem;
  font-weight: 100;
  margin-bottom: 2rem; }
  #main.panel .caja-actividad .caja-tipo-actividad {
    margin-bottom: 20px; }
  #main.panel .caja-actividad .fecha-actividad {
    color: #757575;
    padding-bottom: 5px; }
  #main.panel .caja-actividad .tipo-actividad {
    display: table;
    color: #666;
    padding-bottom: 5px; }
    #main.panel .caja-actividad .tipo-actividad i {
      vertical-align: middle;
      padding-right: 5px; }
    #main.panel .caja-actividad .tipo-actividad span {
      vertical-align: middle; }
    #main.panel .caja-actividad .tipo-actividad a {
      text-decoration: underline; }

#main.panel .card-actividad {
  padding: 1rem .2rem;
  overflow: hidden; }
  #main.panel .card-actividad .parte-img {
    width: 64px;
    float: left;
    margin-right: 30px; }
  #main.panel .card-actividad .parte-contenido {
    float: left;
    width: 86%; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      #main.panel .card-actividad .parte-contenido {
        width: 80%; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .card-actividad .parte-contenido {
        width: 75%; } }
    @media only screen and (max-width: 767px) {
      #main.panel .card-actividad .parte-contenido {
        width: 70%; } }
    #main.panel .card-actividad .parte-contenido h5 {
      font-size: 1rem;
      font-weight: 500;
      margin-bottom: 0;
      padding-bottom: 0; }
    #main.panel .card-actividad .parte-contenido .bajada p {
      padding-top: 10px;
      line-height: 120%; }
    #main.panel .card-actividad .parte-contenido .bajada.rol {
      color: #33b5e5; }
  #main.panel .card-actividad.card-startup .img-user {
    border-radius: 5px;
    padding: .3rem; }
    #main.panel .card-actividad.card-startup .img-user img {
      border-radius: 0px; }
  #main.panel .card-actividad.card-startup .alert {
    font-size: .65rem;
    padding: 0rem .4rem .1rem; }
  #main.panel .card-actividad.card-startup .bajada:first-child {
    margin-bottom: 5px; }
  #main.panel .card-actividad.card-startup .estado {
    font-size: .7rem;
    background: #f6f6f6;
    display: inline-block;
    margin: .2rem 0;
    padding: .2rem .3rem;
    color: #444; }
  #main.panel .card-actividad.card-startup .cat {
    display: table; }
    #main.panel .card-actividad.card-startup .cat i {
      display: table-cell;
      vertical-align: middle;
      color: #999; }
    #main.panel .card-actividad.card-startup .cat span {
      display: table-cell;
      vertical-align: middle;
      font-size: .7rem;
      padding-left: .3rem; }

#main.panel .img-user, #main.panel .img-logo {
  width: 64px;
  height: 64px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 64px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16); }
  #main.panel .img-user img, #main.panel .img-logo img {
    width: 100%;
    height: 100%;
    border-radius: 64px;
    transition: all 0.3s linear; }
  #main.panel .img-user a img:hover, #main.panel .img-logo a img:hover {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1); }

#main.panel .img-logo {
  border-radius: 3px;
  background: #fbfbfb;
  padding: 2px; }
  #main.panel .img-logo img {
    border-radius: 3px; }

#main.panel table {
  font-weight: 100; }
  #main.panel table th, #main.panel table td {
    vertical-align: middle; }

#main.panel .wrap-campanas {
  position: relative; }
  #main.panel .wrap-campanas h3 {
    display: inline-block;
    border-bottom: 1px solid #666;
    padding-right: 20%;
    margin-bottom: 40px; }
  #main.panel .wrap-campanas h4 {
    margin: 2rem 0 1rem;
    position: relative;
    display: inline-block; }
    #main.panel .wrap-campanas h4:after {
      content: "";
      width: 70%;
      border-bottom: 1px solid #33b5e5;
      height: 1px;
      position: absolute;
      left: 0;
      bottom: 0; }
    #main.panel .wrap-campanas h4.nombre-campana:after {
      display: none; }
  #main.panel .wrap-campanas .btn-levanta {
    position: absolute;
    top: 0;
    right: 0; }

#main.panel .campanas {
  margin-bottom: 50px; }

#main.panel .campana-info-head {
  background: #f6f6f6;
  padding: 1rem;
  color: #444;
  overflow: hidden; }
  #main.panel .campana-info-head .img-user, #main.panel .campana-info-head .img-logo {
    width: 90px;
    height: 90px;
    display: inline-block;
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 1px 1px transparent; }
    #main.panel .campana-info-head .img-user img, #main.panel .campana-info-head .img-logo img {
      border-radius: 0;
      box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16);
      transition: all 0.3s linear; }
    #main.panel .campana-info-head .img-user a img:hover, #main.panel .campana-info-head .img-logo a img:hover {
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -o-filter: grayscale(1);
      -ms-filter: grayscale(1); }
  #main.panel .campana-info-head .img-logo {
    padding: 2px;
    background: #fbfbfb;
    border-radius: 3px; }
    #main.panel .campana-info-head .img-logo img {
      border-radius: 3px; }
  #main.panel .campana-info-head .nombre {
    font-size: 26px;
    font-weight: 400;
    display: inline-block;
    width: 470px;
    line-height: 120%;
    vertical-align: middle; }
    #main.panel .campana-info-head .nombre .bloque {
      display: block;
      margin-bottom: 10px; }
    #main.panel .campana-info-head .nombre span {
      text-decoration: underline; }
    @media only screen and (min-width: 993px) and (max-width: 1199px) {
      #main.panel .campana-info-head .nombre {
        width: 400px; } }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .campana-info-head .nombre {
        width: 370px; } }
    @media only screen and (max-width: 767px) {
      #main.panel .campana-info-head .nombre {
        width: 210px;
        font-size: 22px; } }
    #main.panel .campana-info-head .nombre .estado-campana {
      font-size: 10px;
      padding: .2rem .4rem .2rem;
      display: block;
      width: 155px;
      text-align: center;
      margin: 10px 0 0;
      line-height: 120%;
      text-transform: uppercase;
      font-weight: 400;
      background: #fff; }
      #main.panel .campana-info-head .nombre .estado-campana.completa {
        border: 1px solid #00C851;
        color: #007E33; }
      #main.panel .campana-info-head .nombre .estado-campana.incompleta, #main.panel .campana-info-head .nombre .estado-campana.Cancelada {
        border: 1px solid #ccc;
        color: #999; }
      #main.panel .campana-info-head .nombre .estado-campana.Pausada, #main.panel .campana-info-head .nombre .estado-campana.pausada {
        border: 1px solid #2BBBAD;
        color: #00695c; }
  #main.panel .campana-info-head .sociales {
    float: right; }
    @media only screen and (max-width: 767px) {
      #main.panel .campana-info-head .sociales {
        margin-top: 15px; } }
    #main.panel .campana-info-head .sociales .titulo {
      text-transform: uppercase;
      border-bottom: 1px solid #dcdee5;
      font-size: .7rem;
      padding-left: .25rem;
      padding-bottom: .1rem;
      margin-bottom: .25rem; }
    #main.panel .campana-info-head .sociales .mb-share {
      position: static;
      background: none;
      transform: translateY(0%); }
      #main.panel .campana-info-head .sociales .mb-share a {
        display: inline-block;
        float: left;
        margin: .25rem;
        width: 2.7rem;
        height: 2.7rem;
        line-height: 130%; }

#main.panel .tabla_single_campana {
  border-bottom: 2px solid #eceeef; }
  #main.panel .tabla_single_campana .img-user {
    width: 58px;
    height: 58px;
    padding: 2px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16);
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      #main.panel .tabla_single_campana .img-user {
        margin: 0 auto 5px; } }
  #main.panel .tabla_single_campana .nom {
    width: 90px;
    display: inline-block;
    vertical-align: middle; }
    #main.panel .tabla_single_campana .nom a {
      text-decoration: underline; }
  #main.panel .tabla_single_campana thead {
    background: none !important; }
  #main.panel .tabla_single_campana tr:hover {
    background: #fbfbfb; }
  #main.panel .tabla_single_campana th {
    border-top: none;
    border-bottom: none;
    padding-bottom: .3rem;
    font-size: 10px; }
    #main.panel .tabla_single_campana th.nom {
      padding-left: 75px; }
    #main.panel .tabla_single_campana th.center {
      text-align: center; }
  #main.panel .tabla_single_campana td {
    padding: .5rem;
    vertical-align: middle;
    font-size: 11px; }
  #main.panel .tabla_single_campana th, #main.panel .tabla_single_campana td {
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      #main.panel .tabla_single_campana th, #main.panel .tabla_single_campana td {
        text-align: center; }
        #main.panel .tabla_single_campana th.nom, #main.panel .tabla_single_campana td.nom {
          padding: .75rem; } }
    #main.panel .tabla_single_campana th.align.right, #main.panel .tabla_single_campana td.align.right {
      text-align: right; }
    #main.panel .tabla_single_campana th.align.left, #main.panel .tabla_single_campana td.align.left {
      text-align: left; }
    #main.panel .tabla_single_campana th.align.center, #main.panel .tabla_single_campana td.align.center {
      text-align: center; }
  #main.panel .tabla_single_campana a {
    margin-left: 0; }
  #main.panel .tabla_single_campana .seguimiento {
    position: relative;
    text-transform: uppercase;
    text-align: center; }
    #main.panel .tabla_single_campana .seguimiento .ico {
      color: #ccc;
      display: block; }
    #main.panel .tabla_single_campana .seguimiento.activo .ico {
      color: #757575; }
    #main.panel .tabla_single_campana .seguimiento.activo .txt {
      display: block; }
    #main.panel .tabla_single_campana .seguimiento.activo .user-alerta {
      display: inline-block; }
    #main.panel .tabla_single_campana .seguimiento .user-alerta {
      position: absolute;
      background: #ff4444;
      padding: 1px 4px;
      left: 52%;
      top: -3px;
      font-size: .7rem;
      border-radius: 3px;
      color: #fff;
      display: none; }
      #main.panel .tabla_single_campana .seguimiento .user-alerta:hover {
        background: #33b5e5; }
    #main.panel .tabla_single_campana .seguimiento .txt {
      display: block;
      line-height: 100%;
      padding-left: .2rem;
      font-size: 10px;
      display: none; }
  #main.panel .tabla_single_campana .estado {
    font-size: .65rem;
    padding: .2rem .4rem .2rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 400;
    background: #fff; }
    #main.panel .tabla_single_campana .estado.completa {
      border: 1px solid #00C851;
      color: #007E33; }
    #main.panel .tabla_single_campana .estado.incompleta, #main.panel .tabla_single_campana .estado.Cancelada {
      border: 1px solid #ccc;
      color: #999; }
    #main.panel .tabla_single_campana .estado.Pausada, #main.panel .tabla_single_campana .estado.pausada {
      border: 1px solid #2BBBAD;
      color: #00695c; }
    #main.panel .tabla_single_campana .estado.borde {
      border: 1px solid #fbfbfb; }
    #main.panel .tabla_single_campana .estado.borrador, #main.panel .tabla_single_campana .estado.Borrador {
      color: #999; }
    #main.panel .tabla_single_campana .estado.aprobada, #main.panel .tabla_single_campana .estado.Aprobada {
      color: #007E33; }
    #main.panel .tabla_single_campana .estado.en_revision, #main.panel .tabla_single_campana .estado.En_revision {
      color: #33b5e5; }
    #main.panel .tabla_single_campana .estado.pendiente_de_pago, #main.panel .tabla_single_campana .estado.Pendiente_de_pago {
      color: #FF8800; }
    #main.panel .tabla_single_campana .estado.rechazada, #main.panel .tabla_single_campana .estado.Rechazada {
      color: #ff4444; }
  #main.panel .tabla_single_campana .tools {
    display: inline-block;
    background: #fbfbfb;
    padding: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid #fff;
    text-align: center; }
    #main.panel .tabla_single_campana .tools.sinBkg {
      background: none; }
    #main.panel .tabla_single_campana .tools a {
      text-align: center;
      display: inline-block;
      padding: 0 5px;
      color: #757575;
      font-weight: 400;
      margin-bottom: 5px; }
      @media only screen and (max-width: 767px) {
        #main.panel .tabla_single_campana .tools a:first-child {
          margin-bottom: 10px; } }
      #main.panel .tabla_single_campana .tools a span {
        display: block;
        font-size: 9px;
        margin-top: -4px;
        text-decoration: underline; }
      #main.panel .tabla_single_campana .tools a:hover {
        color: #2BBBAD; }
    #main.panel .tabla_single_campana .tools:hover {
      background: #fff; }
  @media only screen and (max-width: 767px) {
    #main.panel .tabla_single_campana {
      display: block;
      width: 100%;
      min-height: 0%;
      overflow-x: auto; } }

#main.panel .campana-info-graph, #main.panel .inversion-info-graph, #main.panel .campana-info-ronda {
  background: #f6f6f6;
  padding: 1rem 1rem 0;
  color: #444;
  border-top: 1px solid #fff;
  overflow: hidden; }
  #main.panel .campana-info-graph.caja-inversion, #main.panel .inversion-info-graph.caja-inversion, #main.panel .campana-info-ronda.caja-inversion {
    margin: 10px 0 20px; }
  #main.panel .campana-info-graph h4, #main.panel .inversion-info-graph h4, #main.panel .campana-info-ronda h4 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 5px;
    margin: 0 0 10px; }
  #main.panel .campana-info-graph .columna, #main.panel .inversion-info-graph .columna, #main.panel .campana-info-ronda .columna {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding: 0 .5rem .5rem; }
  #main.panel .campana-info-graph .dato-box, #main.panel .inversion-info-graph .dato-box, #main.panel .campana-info-ronda .dato-box {
    background: #fff;
    padding: .75rem;
    margin-bottom: .5rem;
    min-height: 102px;
    overflow: hidden;
    border-radius: 3px; }
    #main.panel .campana-info-graph .dato-box .cabecera, #main.panel .inversion-info-graph .dato-box .cabecera, #main.panel .campana-info-ronda .dato-box .cabecera {
      text-transform: uppercase;
      font-size: 11px;
      width: 100%;
      border-bottom: 1px solid #eceeef;
      margin-bottom: .3rem;
      min-height: 26px;
      font-weight: 400; }
      #main.panel .campana-info-graph .dato-box .cabecera i, #main.panel .campana-info-graph .dato-box .cabecera span, #main.panel .inversion-info-graph .dato-box .cabecera i, #main.panel .inversion-info-graph .dato-box .cabecera span, #main.panel .campana-info-ronda .dato-box .cabecera i, #main.panel .campana-info-ronda .dato-box .cabecera span {
        display: inline-block;
        vertical-align: middle; }
      #main.panel .campana-info-graph .dato-box .cabecera i, #main.panel .inversion-info-graph .dato-box .cabecera i, #main.panel .campana-info-ronda .dato-box .cabecera i {
        color: #33b5e5;
        opacity: .8;
        font-size: 20px; }
        #main.panel .campana-info-graph .dato-box .cabecera i.plus, #main.panel .inversion-info-graph .dato-box .cabecera i.plus, #main.panel .campana-info-ronda .dato-box .cabecera i.plus {
          font-size: 24px; }
        #main.panel .campana-info-graph .dato-box .cabecera i.rotado, #main.panel .inversion-info-graph .dato-box .cabecera i.rotado, #main.panel .campana-info-ronda .dato-box .cabecera i.rotado {
          transform: rotate(75deg); }
      #main.panel .campana-info-graph .dato-box .cabecera span, #main.panel .inversion-info-graph .dato-box .cabecera span, #main.panel .campana-info-ronda .dato-box .cabecera span {
        padding-left: 5px; }
      #main.panel .campana-info-graph .dato-box .cabecera .monto, #main.panel .inversion-info-graph .dato-box .cabecera .monto, #main.panel .campana-info-ronda .dato-box .cabecera .monto {
        padding-left: 31px;
        font-size: 19px;
        font-weight: 500;
        margin-top: -7px; }
      #main.panel .campana-info-graph .dato-box .cabecera .detalle-monto, #main.panel .inversion-info-graph .dato-box .cabecera .detalle-monto, #main.panel .campana-info-ronda .dato-box .cabecera .detalle-monto {
        padding-left: 31px;
        margin: -4px 0 4px; }
      #main.panel .campana-info-graph .dato-box .cabecera .overfunding-monto, #main.panel .inversion-info-graph .dato-box .cabecera .overfunding-monto, #main.panel .campana-info-ronda .dato-box .cabecera .overfunding-monto {
        padding-left: 31px;
        font-size: 10px;
        font-weight: 300;
        margin: -2px 0 4px; }
    #main.panel .campana-info-graph .dato-box .content, #main.panel .inversion-info-graph .dato-box .content, #main.panel .campana-info-ronda .dato-box .content {
      overflow: hidden;
      text-transform: uppercase;
      border-bottom: 1px solid #eceeef;
      margin-bottom: 5px; }
      #main.panel .campana-info-graph .dato-box .content.ch, #main.panel .inversion-info-graph .dato-box .content.ch, #main.panel .campana-info-ronda .dato-box .content.ch {
        padding-top: 10px; }
      #main.panel .campana-info-graph .dato-box .content .dato, #main.panel .inversion-info-graph .dato-box .content .dato, #main.panel .campana-info-ronda .dato-box .content .dato {
        width: 69%;
        overflow: hidden;
        float: left; }
        #main.panel .campana-info-graph .dato-box .content .dato .number, #main.panel .campana-info-graph .dato-box .content .dato .number_label, #main.panel .inversion-info-graph .dato-box .content .dato .number, #main.panel .inversion-info-graph .dato-box .content .dato .number_label, #main.panel .campana-info-ronda .dato-box .content .dato .number, #main.panel .campana-info-ronda .dato-box .content .dato .number_label {
          display: inline-block;
          line-height: 120%;
          vertical-align: middle; }
        #main.panel .campana-info-graph .dato-box .content .dato .number, #main.panel .inversion-info-graph .dato-box .content .dato .number, #main.panel .campana-info-ronda .dato-box .content .dato .number {
          font-size: 28px;
          font-weight: 400; }
        #main.panel .campana-info-graph .dato-box .content .dato .number_label, #main.panel .inversion-info-graph .dato-box .content .dato .number_label, #main.panel .campana-info-ronda .dato-box .content .dato .number_label {
          font-size: 10px;
          width: 50px;
          padding-left: .35rem; }
          #main.panel .campana-info-graph .dato-box .content .dato .number_label.ancho, #main.panel .inversion-info-graph .dato-box .content .dato .number_label.ancho, #main.panel .campana-info-ronda .dato-box .content .dato .number_label.ancho {
            width: 90px; }
          #main.panel .campana-info-graph .dato-box .content .dato .number_label span.destaca, #main.panel .inversion-info-graph .dato-box .content .dato .number_label span.destaca, #main.panel .campana-info-ronda .dato-box .content .dato .number_label span.destaca {
            font-size: 12px;
            font-weight: 500; }
      #main.panel .campana-info-graph .dato-box .content .rel, #main.panel .inversion-info-graph .dato-box .content .rel, #main.panel .campana-info-ronda .dato-box .content .rel {
        width: 31%;
        float: right;
        padding-top: 6px;
        text-align: right; }
        #main.panel .campana-info-graph .dato-box .content .rel i, #main.panel .campana-info-graph .dato-box .content .rel span, #main.panel .inversion-info-graph .dato-box .content .rel i, #main.panel .inversion-info-graph .dato-box .content .rel span, #main.panel .campana-info-ronda .dato-box .content .rel i, #main.panel .campana-info-ronda .dato-box .content .rel span {
          display: table-cell;
          vertical-align: middle;
          display: inline-block; }
        #main.panel .campana-info-graph .dato-box .content .rel i, #main.panel .inversion-info-graph .dato-box .content .rel i, #main.panel .campana-info-ronda .dato-box .content .rel i {
          color: #ccc;
          font-size: 20px; }
        #main.panel .campana-info-graph .dato-box .content .rel span, #main.panel .inversion-info-graph .dato-box .content .rel span, #main.panel .campana-info-ronda .dato-box .content .rel span {
          font-size: 10px;
          line-height: 120%; }
          #main.panel .campana-info-graph .dato-box .content .rel span span, #main.panel .inversion-info-graph .dato-box .content .rel span span, #main.panel .campana-info-ronda .dato-box .content .rel span span {
            display: block; }
          #main.panel .campana-info-graph .dato-box .content .rel span.a-left, #main.panel .inversion-info-graph .dato-box .content .rel span.a-left, #main.panel .campana-info-ronda .dato-box .content .rel span.a-left {
            text-align: left; }
        #main.panel .campana-info-graph .dato-box .content .rel a i, #main.panel .inversion-info-graph .dato-box .content .rel a i, #main.panel .campana-info-ronda .dato-box .content .rel a i {
          color: #757575;
          font-size: 22px; }
        #main.panel .campana-info-graph .dato-box .content .rel a span, #main.panel .inversion-info-graph .dato-box .content .rel a span, #main.panel .campana-info-ronda .dato-box .content .rel a span {
          text-decoration: underline; }
        #main.panel .campana-info-graph .dato-box .content .rel a:hover i, #main.panel .campana-info-graph .dato-box .content .rel a:hover span, #main.panel .inversion-info-graph .dato-box .content .rel a:hover i, #main.panel .inversion-info-graph .dato-box .content .rel a:hover span, #main.panel .campana-info-ronda .dato-box .content .rel a:hover i, #main.panel .campana-info-ronda .dato-box .content .rel a:hover span {
          color: #2BBBAD; }
      #main.panel .campana-info-graph .dato-box .content .dona, #main.panel .inversion-info-graph .dato-box .content .dona, #main.panel .campana-info-ronda .dato-box .content .dona {
        width: 60%;
        float: left; }
      #main.panel .campana-info-graph .dato-box .content .tiempo, #main.panel .inversion-info-graph .dato-box .content .tiempo, #main.panel .campana-info-ronda .dato-box .content .tiempo {
        width: 40%;
        float: left;
        font-size: 12px;
        text-align: right;
        margin-top: 10px; }
        @media only screen and (max-width: 767px) {
          #main.panel .campana-info-graph .dato-box .content .tiempo, #main.panel .inversion-info-graph .dato-box .content .tiempo, #main.panel .campana-info-ronda .dato-box .content .tiempo {
            margin-top: 26px; } }
        #main.panel .campana-info-graph .dato-box .content .tiempo .dias, #main.panel .inversion-info-graph .dato-box .content .tiempo .dias, #main.panel .campana-info-ronda .dato-box .content .tiempo .dias {
          font-size: 19px;
          font-weight: 500;
          line-height: 90%; }
          #main.panel .campana-info-graph .dato-box .content .tiempo .dias span, #main.panel .inversion-info-graph .dato-box .content .tiempo .dias span, #main.panel .campana-info-ronda .dato-box .content .tiempo .dias span {
            font-size: 10px;
            font-weight: 300;
            display: block; }
      #main.panel .campana-info-graph .dato-box .content .desde, #main.panel .inversion-info-graph .dato-box .content .desde, #main.panel .campana-info-ronda .dato-box .content .desde {
        font-size: 11px;
        font-weight: 400;
        line-height: 100%; }
        #main.panel .campana-info-graph .dato-box .content .desde span, #main.panel .inversion-info-graph .dato-box .content .desde span, #main.panel .campana-info-ronda .dato-box .content .desde span {
          font-size: 10px;
          display: block;
          font-weight: 300; }
      #main.panel .campana-info-graph .dato-box .content .barra_dias, #main.panel .inversion-info-graph .dato-box .content .barra_dias, #main.panel .campana-info-ronda .dato-box .content .barra_dias {
        position: relative;
        width: 100%;
        height: 21px;
        background: #eee;
        overflow: hidden;
        margin: 0 0 10px 0;
        float: right; }
        @media only screen and (min-width: 1200px) {
          #main.panel .campana-info-graph .dato-box .content .barra_dias, #main.panel .inversion-info-graph .dato-box .content .barra_dias, #main.panel .campana-info-ronda .dato-box .content .barra_dias {
            width: 96%; } }
        @media only screen and (min-width: 993px) and (max-width: 1199px) {
          #main.panel .campana-info-graph .dato-box .content .barra_dias, #main.panel .inversion-info-graph .dato-box .content .barra_dias, #main.panel .campana-info-ronda .dato-box .content .barra_dias {
            width: 96%; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.panel .campana-info-graph .dato-box .content .barra_dias, #main.panel .inversion-info-graph .dato-box .content .barra_dias, #main.panel .campana-info-ronda .dato-box .content .barra_dias {
            width: 95%; } }
        @media only screen and (max-width: 767px) {
          #main.panel .campana-info-graph .dato-box .content .barra_dias, #main.panel .inversion-info-graph .dato-box .content .barra_dias, #main.panel .campana-info-ronda .dato-box .content .barra_dias {
            width: 100%; } }
        #main.panel .campana-info-graph .dato-box .content .barra_dias .mask, #main.panel .campana-info-graph .dato-box .content .barra_dias .barra_hz, #main.panel .inversion-info-graph .dato-box .content .barra_dias .mask, #main.panel .inversion-info-graph .dato-box .content .barra_dias .barra_hz, #main.panel .campana-info-ronda .dato-box .content .barra_dias .mask, #main.panel .campana-info-ronda .dato-box .content .barra_dias .barra_hz {
          position: absolute;
          top: 0;
          right: 0; }
        #main.panel .campana-info-graph .dato-box .content .barra_dias .mask, #main.panel .inversion-info-graph .dato-box .content .barra_dias .mask, #main.panel .campana-info-ronda .dato-box .content .barra_dias .mask {
          width: auto;
          height: 23px;
          top: -1px; }
        #main.panel .campana-info-graph .dato-box .content .barra_dias .barra_hz, #main.panel .inversion-info-graph .dato-box .content .barra_dias .barra_hz, #main.panel .campana-info-ronda .dato-box .content .barra_dias .barra_hz {
          display: block;
          background: #2BBBAD;
          height: 21px;
          width: 50%; }
      #main.panel .campana-info-graph .dato-box .content .overf, #main.panel .inversion-info-graph .dato-box .content .overf, #main.panel .campana-info-ronda .dato-box .content .overf {
        font-size: 10px;
        text-align: center;
        border-top: 1px solid #fbfbfb;
        margin-top: 2px; }
        #main.panel .campana-info-graph .dato-box .content .overf strong, #main.panel .inversion-info-graph .dato-box .content .overf strong, #main.panel .campana-info-ronda .dato-box .content .overf strong {
          font-size: 12px; }
      #main.panel .campana-info-graph .dato-box .content .tabla-ronda, #main.panel .inversion-info-graph .dato-box .content .tabla-ronda, #main.panel .campana-info-ronda .dato-box .content .tabla-ronda {
        margin: .75rem 0 0; }
        #main.panel .campana-info-graph .dato-box .content .tabla-ronda th, #main.panel .campana-info-graph .dato-box .content .tabla-ronda td, #main.panel .inversion-info-graph .dato-box .content .tabla-ronda th, #main.panel .inversion-info-graph .dato-box .content .tabla-ronda td, #main.panel .campana-info-ronda .dato-box .content .tabla-ronda th, #main.panel .campana-info-ronda .dato-box .content .tabla-ronda td {
          font-size: .75rem;
          padding: .2rem .75rem;
          border-bottom: 1px dotted #fbfbfb; }
        #main.panel .campana-info-graph .dato-box .content .tabla-ronda th, #main.panel .inversion-info-graph .dato-box .content .tabla-ronda th, #main.panel .campana-info-ronda .dato-box .content .tabla-ronda th {
          font-size: .7rem; }
        #main.panel .campana-info-graph .dato-box .content .tabla-ronda td, #main.panel .inversion-info-graph .dato-box .content .tabla-ronda td, #main.panel .campana-info-ronda .dato-box .content .tabla-ronda td {
          font-weight: 400; }
          #main.panel .campana-info-graph .dato-box .content .tabla-ronda td.explica, #main.panel .inversion-info-graph .dato-box .content .tabla-ronda td.explica, #main.panel .campana-info-ronda .dato-box .content .tabla-ronda td.explica {
            font-size: .65rem;
            line-height: 110%; }
    #main.panel .campana-info-graph .dato-box .totales, #main.panel .inversion-info-graph .dato-box .totales, #main.panel .campana-info-ronda .dato-box .totales {
      clear: both;
      overflow: hidden;
      text-transform: uppercase; }
      #main.panel .campana-info-graph .dato-box .totales .total, #main.panel .inversion-info-graph .dato-box .totales .total, #main.panel .campana-info-ronda .dato-box .totales .total {
        display: table;
        width: 50%;
        float: right;
        background: #f6f6f6; }
        #main.panel .campana-info-graph .dato-box .totales .total span, #main.panel .inversion-info-graph .dato-box .totales .total span, #main.panel .campana-info-ronda .dato-box .totales .total span {
          display: table-cell;
          font-size: 14px;
          font-weight: 400;
          padding: .2rem .75rem; }
        #main.panel .campana-info-graph .dato-box .totales .total .right, #main.panel .inversion-info-graph .dato-box .totales .total .right, #main.panel .campana-info-ronda .dato-box .totales .total .right {
          text-align: right; }
        #main.panel .campana-info-graph .dato-box .totales .total .left, #main.panel .inversion-info-graph .dato-box .totales .total .left, #main.panel .campana-info-ronda .dato-box .totales .total .left {
          text-align: left; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.panel .campana-info-graph .dato-box .totales .total, #main.panel .inversion-info-graph .dato-box .totales .total, #main.panel .campana-info-ronda .dato-box .totales .total {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          #main.panel .campana-info-graph .dato-box .totales .total, #main.panel .inversion-info-graph .dato-box .totales .total, #main.panel .campana-info-ronda .dato-box .totales .total {
            width: 100%; } }
    #main.panel .campana-info-graph .dato-box.graph-ronda, #main.panel .inversion-info-graph .dato-box.graph-ronda, #main.panel .campana-info-ronda .dato-box.graph-ronda {
      margin-bottom: .9rem;
      overflow: visible; }
      #main.panel .campana-info-graph .dato-box.graph-ronda.sub-ronda, #main.panel .inversion-info-graph .dato-box.graph-ronda.sub-ronda, #main.panel .campana-info-ronda .dato-box.graph-ronda.sub-ronda {
        margin-left: 20px;
        position: relative; }
        #main.panel .campana-info-graph .dato-box.graph-ronda.sub-ronda .cabecera i, #main.panel .inversion-info-graph .dato-box.graph-ronda.sub-ronda .cabecera i, #main.panel .campana-info-ronda .dato-box.graph-ronda.sub-ronda .cabecera i {
          color: #26b2a2; }
        #main.panel .campana-info-graph .dato-box.graph-ronda.sub-ronda:before, #main.panel .inversion-info-graph .dato-box.graph-ronda.sub-ronda:before, #main.panel .campana-info-ronda .dato-box.graph-ronda.sub-ronda:before {
          content: "";
          position: absolute;
          top: 0;
          left: -20px;
          border-top: 28px solid #fff;
          border-left: 24px solid transparent; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.panel .campana-info-graph .dato-box.graph-ronda.sub-ronda .tabla-ronda.mitad, #main.panel .inversion-info-graph .dato-box.graph-ronda.sub-ronda .tabla-ronda.mitad, #main.panel .campana-info-ronda .dato-box.graph-ronda.sub-ronda .tabla-ronda.mitad {
            width: 100%; } }
      #main.panel .campana-info-graph .dato-box.graph-ronda .tabla-ronda a, #main.panel .inversion-info-graph .dato-box.graph-ronda .tabla-ronda a, #main.panel .campana-info-ronda .dato-box.graph-ronda .tabla-ronda a {
        font-size: .7rem;
        color: #33b5e5; }
      #main.panel .campana-info-graph .dato-box.graph-ronda span.estado, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado {
        font-size: .65rem;
        padding: .2rem .4rem .2rem;
        display: inline-block;
        width: auto;
        text-align: center;
        margin: 0;
        line-height: 120%;
        text-transform: uppercase;
        font-weight: 400;
        background: #fff; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.completa, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.pagado, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Pagado, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.devuelta, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Devuelta, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.completa, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.pagado, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Pagado, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.devuelta, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Devuelta, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.completa, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.pagado, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Pagado, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.devuelta, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Devuelta {
          border: 1px solid #00C851;
          color: #00C851; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.parcialmente, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Parcialmente, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.parcialmente, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Parcialmente, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.parcialmente, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Parcialmente {
          border: 1px solid #ffbb33;
          color: #ffbb33; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.sin, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Sin, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.sin, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Sin, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.sin, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Sin {
          border: 1px solid #bcbcbc;
          color: #bcbcbc; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Reservada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Reservada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Reservada {
          border: 1px solid #0099CC;
          color: #0099CC; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.promesada, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Promesada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.promesada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Promesada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.promesada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Promesada {
          border: 1px solid #33b5e5;
          color: #33b5e5; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.cancelada, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Cancelada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.cancelada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Cancelada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.cancelada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Cancelada {
          border: 1px solid #ff4444;
          color: #ff4444; }
        #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.anulada, #main.panel .campana-info-graph .dato-box.graph-ronda span.estado.Anulada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.anulada, #main.panel .inversion-info-graph .dato-box.graph-ronda span.estado.Anulada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.anulada, #main.panel .campana-info-ronda .dato-box.graph-ronda span.estado.Anulada {
          border: 1px solid #CC0000;
          color: #CC0000; }
      #main.panel .campana-info-graph .dato-box.graph-ronda .hash, #main.panel .inversion-info-graph .dato-box.graph-ronda .hash, #main.panel .campana-info-ronda .dato-box.graph-ronda .hash {
        font-size: 11px;
        text-transform: uppercase;
        clear: both;
        text-align: center;
        background: rgba(251, 251, 251, 0.8); }
        #main.panel .campana-info-graph .dato-box.graph-ronda .hash .titulo, #main.panel .campana-info-graph .dato-box.graph-ronda .hash .contenido, #main.panel .inversion-info-graph .dato-box.graph-ronda .hash .titulo, #main.panel .inversion-info-graph .dato-box.graph-ronda .hash .contenido, #main.panel .campana-info-ronda .dato-box.graph-ronda .hash .titulo, #main.panel .campana-info-ronda .dato-box.graph-ronda .hash .contenido {
          padding: .2rem .75rem;
          display: inline-block;
          text-align: right;
          font-weight: 100; }
        #main.panel .campana-info-graph .dato-box.graph-ronda .hash .titulo, #main.panel .inversion-info-graph .dato-box.graph-ronda .hash .titulo, #main.panel .campana-info-ronda .dato-box.graph-ronda .hash .titulo {
          font-weight: 100;
          text-transform: none; }
        #main.panel .campana-info-graph .dato-box.graph-ronda .hash .contenido, #main.panel .inversion-info-graph .dato-box.graph-ronda .hash .contenido, #main.panel .campana-info-ronda .dato-box.graph-ronda .hash .contenido {
          font-weight: 100; }
  #main.panel .campana-info-graph .tabla-detalle.mitad th, #main.panel .inversion-info-graph .tabla-detalle.mitad th, #main.panel .campana-info-ronda .tabla-detalle.mitad th {
    width: 60%; }

#main.panel .inversion-info-graph.caja-inversion {
  margin: 0; }

#main.panel .inversion-info-graph .dato-box .cabecera i {
  font-size: 24px; }

#main.panel .campana-info-tabs, #main.panel .inversion-info-tabs {
  color: #444;
  font-size: 14px;
  margin-top: 10px; }
  #main.panel .campana-info-tabs .nav, #main.panel .inversion-info-tabs .nav {
    background: #f6f6f6;
    border-bottom: 1px solid #bcbcbc;
    display: table;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #main.panel .campana-info-tabs .nav, #main.panel .inversion-info-tabs .nav {
        border-bottom: none; } }
    #main.panel .campana-info-tabs .nav li, #main.panel .inversion-info-tabs .nav li {
      display: table-cell;
      text-align: center;
      width: 1%;
      text-transform: uppercase;
      font-size: 12px;
      position: relative;
      transition: all 0.3s linear; }
      #main.panel .campana-info-tabs .nav li span, #main.panel .inversion-info-tabs .nav li span {
        padding: .75rem 2rem;
        display: block; }
        @media only screen and (max-width: 767px) {
          #main.panel .campana-info-tabs .nav li span, #main.panel .inversion-info-tabs .nav li span {
            padding: .75rem; } }
        #main.panel .campana-info-tabs .nav li span .info, #main.panel .inversion-info-tabs .nav li span .info {
          padding: 0;
          display: inline;
          color: #33b5e5;
          font-weight: 500; }
      #main.panel .campana-info-tabs .nav li.activo, #main.panel .inversion-info-tabs .nav li.activo {
        background: rgba(0, 0, 0, 0.05); }
        #main.panel .campana-info-tabs .nav li.activo::after, #main.panel .inversion-info-tabs .nav li.activo::after {
          content: '';
          width: 100%;
          height: 7px;
          background: #bcbcbc;
          position: absolute;
          left: 0;
          bottom: 0; }
      #main.panel .campana-info-tabs .nav li:hover, #main.panel .inversion-info-tabs .nav li:hover {
        background: rgba(0, 0, 0, 0.03); }
      @media only screen and (max-width: 767px) {
        #main.panel .campana-info-tabs .nav li, #main.panel .inversion-info-tabs .nav li {
          display: block;
          border-bottom: 1px solid #bcbcbc;
          width: 100%; } }
  #main.panel .campana-info-tabs .content_tab, #main.panel .inversion-info-tabs .content_tab {
    display: none;
    padding: .75rem 0;
    line-height: 120%;
    font-size: 12px;
    transition: all 0.3s linear; }
    #main.panel .campana-info-tabs .content_tab.single-inversion, #main.panel .inversion-info-tabs .content_tab.single-inversion {
      padding: 0; }
    #main.panel .campana-info-tabs .content_tab .tabla_single_campana, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana {
      border-bottom: 2px solid #eceeef; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana .img-user, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .img-user {
        width: 58px;
        height: 58px;
        padding: 2px;
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16);
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          #main.panel .campana-info-tabs .content_tab .tabla_single_campana .img-user, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .img-user {
            margin: 0 auto 5px; } }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana .nom, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .nom {
        width: 90px;
        display: inline-block;
        vertical-align: middle; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana tr:hover, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana tr:hover {
        background: #fbfbfb; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana th, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th {
        border-top: none;
        border-bottom: none;
        padding-bottom: .3rem;
        font-size: 10px; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana th.nom, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th.nom {
          padding-left: 75px; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana th.center, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th.center {
          text-align: center; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana th.a-right, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th.a-right {
          text-align: right; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana th.a-left, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th.a-left {
          text-align: left; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana td, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td {
        padding: .5rem;
        vertical-align: middle;
        font-size: 11px; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana td.center, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td.center {
          text-align: center; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana td.a-right, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td.a-right {
          text-align: right; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana td.a-left, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td.a-left {
          text-align: left; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana th, #main.panel .campana-info-tabs .content_tab .tabla_single_campana td, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td {
        text-transform: uppercase; }
        @media only screen and (max-width: 767px) {
          #main.panel .campana-info-tabs .content_tab .tabla_single_campana th, #main.panel .campana-info-tabs .content_tab .tabla_single_campana td, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td {
            text-align: center; }
            #main.panel .campana-info-tabs .content_tab .tabla_single_campana th.nom, #main.panel .campana-info-tabs .content_tab .tabla_single_campana td.nom, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana th.nom, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana td.nom {
              padding: .75rem; } }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana a, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana a {
        margin-left: 0; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento {
        position: relative;
        text-transform: uppercase;
        text-align: center; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento .ico, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento .ico {
          color: #ccc;
          display: block; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento.activo .ico, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento.activo .ico {
          color: #757575; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento.activo .txt, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento.activo .txt {
          display: block; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento.activo .user-alerta, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento.activo .user-alerta {
          display: inline-block; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento .user-alerta, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento .user-alerta {
          position: absolute;
          background: #ff4444;
          padding: 1px 4px;
          left: 52%;
          top: -3px;
          font-size: .7rem;
          border-radius: 3px;
          color: #fff;
          display: none; }
          #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento .user-alerta:hover, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento .user-alerta:hover {
            background: #33b5e5; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .seguimiento .txt, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .seguimiento .txt {
          display: block;
          line-height: 100%;
          padding-left: .2rem;
          font-size: 10px;
          display: none; }
      #main.panel .campana-info-tabs .content_tab .tabla_single_campana .tools, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .tools {
        display: inline-block;
        background: #fbfbfb;
        padding: 2px;
        border-radius: 3px;
        text-transform: uppercase;
        border: 1px solid #fff;
        text-align: center; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .tools a, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .tools a {
          text-align: center;
          display: inline-block;
          padding: 0 5px;
          color: #757575;
          font-weight: 400;
          margin-bottom: 5px; }
          @media only screen and (max-width: 767px) {
            #main.panel .campana-info-tabs .content_tab .tabla_single_campana .tools a:first-child, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .tools a:first-child {
              margin-bottom: 10px; } }
          #main.panel .campana-info-tabs .content_tab .tabla_single_campana .tools a span, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .tools a span {
            display: block;
            font-size: 9px;
            margin-top: -4px;
            text-decoration: underline; }
          #main.panel .campana-info-tabs .content_tab .tabla_single_campana .tools a:hover, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .tools a:hover {
            color: #2BBBAD; }
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana .tools:hover, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana .tools:hover {
          background: #fff; }
      @media only screen and (max-width: 767px) {
        #main.panel .campana-info-tabs .content_tab .tabla_single_campana, #main.panel .inversion-info-tabs .content_tab .tabla_single_campana {
          display: block;
          width: 100%;
          min-height: 0%;
          overflow-x: auto; } }
    #main.panel .campana-info-tabs .content_tab .tool-head, #main.panel .inversion-info-tabs .content_tab .tool-head {
      text-align: right; }
      #main.panel .campana-info-tabs .content_tab .tool-head .btn-todos-comentarios span, #main.panel .campana-info-tabs .content_tab .tool-head .btn-todos-comentarios i, #main.panel .inversion-info-tabs .content_tab .tool-head .btn-todos-comentarios span, #main.panel .inversion-info-tabs .content_tab .tool-head .btn-todos-comentarios i {
        display: inline-block;
        vertical-align: middle;
        font-size: 10px; }
      #main.panel .campana-info-tabs .content_tab .tool-head .btn-todos-comentarios span, #main.panel .inversion-info-tabs .content_tab .tool-head .btn-todos-comentarios span {
        text-transform: uppercase;
        font-size: 10px;
        text-decoration: underline; }
      #main.panel .campana-info-tabs .content_tab .tool-head .btn-todos-comentarios i, #main.panel .inversion-info-tabs .content_tab .tool-head .btn-todos-comentarios i {
        font-size: 15px;
        color: #2BBBAD; }
      #main.panel .campana-info-tabs .content_tab .tool-head .btn-todos-comentarios:hover, #main.panel .inversion-info-tabs .content_tab .tool-head .btn-todos-comentarios:hover {
        color: #2BBBAD; }
    #main.panel .campana-info-tabs .content_tab .no-contenido, #main.panel .inversion-info-tabs .content_tab .no-contenido {
      background: #fbfbfb;
      margin: 20px;
      text-transform: uppercase;
      font-size: 11px; }
      #main.panel .campana-info-tabs .content_tab .no-contenido.activo, #main.panel .inversion-info-tabs .content_tab .no-contenido.activo {
        display: block; }

#main.panel .lateral-seguimiento {
  float: left; }

#main.panel .linea-seguimiento {
  color: #757575;
  margin-top: 30px;
  clear: both; }
  @media only screen and (max-width: 767px) {
    #main.panel .linea-seguimiento {
      width: 260px;
      margin: -40px auto 0; } }
  #main.panel .linea-seguimiento .head-seguimiento, #main.panel .linea-seguimiento .footer-seguimiento {
    text-transform: uppercase;
    font-weight: 400;
    display: table;
    width: 100%;
    border-bottom: 1px solid #999;
    padding: 12px;
    text-align: center; }
    #main.panel .linea-seguimiento .head-seguimiento i, #main.panel .linea-seguimiento .head-seguimiento span, #main.panel .linea-seguimiento .footer-seguimiento i, #main.panel .linea-seguimiento .footer-seguimiento span {
      display: table-cell;
      vertical-align: middle; }
    #main.panel .linea-seguimiento .head-seguimiento i, #main.panel .linea-seguimiento .footer-seguimiento i {
      color: #33b5e5; }
    #main.panel .linea-seguimiento .head-seguimiento span, #main.panel .linea-seguimiento .footer-seguimiento span {
      font-size: 13px; }
  #main.panel .linea-seguimiento .footer-seguimiento {
    border-top: 1px solid #999; }
    #main.panel .linea-seguimiento .footer-seguimiento i {
      font-size: 40px;
      color: #ccc; }
    #main.panel .linea-seguimiento .footer-seguimiento span {
      color: #ccc; }
    #main.panel .linea-seguimiento .footer-seguimiento.activo i {
      color: #33b5e5; }
    #main.panel .linea-seguimiento .footer-seguimiento.activo span {
      color: #999; }
  #main.panel .linea-seguimiento .content-seguimiento {
    overflow: hidden;
    position: relative; }
    #main.panel .linea-seguimiento .content-seguimiento:before {
      content: "";
      width: 1px;
      height: 100%;
      background: #999;
      position: absolute;
      top: 0;
      left: 39px; }
  #main.panel .linea-seguimiento .box {
    margin: 15px 0;
    min-height: 50px; }
    #main.panel .linea-seguimiento .box .indicador, #main.panel .linea-seguimiento .box .descripcion {
      vertical-align: middle;
      display: inline-block;
      float: left; }
    #main.panel .linea-seguimiento .box .indicador {
      width: 40px;
      text-align: center;
      overflow: hidden; }
      #main.panel .linea-seguimiento .box .indicador i {
        font-size: 30px;
        visibility: hidden;
        transition: all 0.3s linear; }
    #main.panel .linea-seguimiento .box .descripcion {
      font-size: 11px;
      text-transform: uppercase;
      padding: 10px 20px;
      color: #ccc;
      background: #f6f6f6;
      line-height: 120%;
      width: 160px;
      position: relative;
      min-height: 54px;
      transition: all 0.3s linear;
      display: table; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .linea-seguimiento .box .descripcion {
          width: 150px; } }
      #main.panel .linea-seguimiento .box .descripcion .txt {
        display: table-cell;
        vertical-align: middle; }
      #main.panel .linea-seguimiento .box .descripcion .bullet {
        position: absolute;
        left: -4px;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        text-align: center;
        display: block;
        background: #ccc;
        border-radius: 7px; }
        #main.panel .linea-seguimiento .box .descripcion .bullet span {
          position: absolute;
          left: 2px;
          top: 2px;
          display: block;
          vertical-align: middle;
          background: #fff;
          width: 4px;
          height: 4px;
          border-radius: 4px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.panel .linea-seguimiento .box .descripcion .bullet {
            left: 4px; } }
    #main.panel .linea-seguimiento .box .toolt {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 20px;
      height: 20px;
      color: #0099CC;
      background: #fff;
      line-height: 20px;
      text-decoration: none;
      font-weight: 600;
      border-radius: 20px;
      text-align: center;
      cursor: pointer; }
    #main.panel .linea-seguimiento .box.activo .indicador i {
      visibility: visible; }
    #main.panel .linea-seguimiento .box.activo .descripcion {
      background: #d9edf7;
      color: #444; }
    #main.panel .linea-seguimiento .box.activo .bullet {
      background: #999; }

#main.panel .card-comentario {
  margin: 2rem 0 5rem;
  text-align: center;
  padding: .75rem;
  border: 1px solid #ccc; }
  #main.panel .card-comentario h6 {
    font-weight: 300;
    padding: 0 0 .75rem 0;
    border-bottom: 1px solid #bcbcbc;
    width: 100%;
    text-transform: uppercase; }
    #main.panel .card-comentario h6 i, #main.panel .card-comentario h6 span {
      display: inline-block;
      vertical-align: middle; }
    #main.panel .card-comentario h6 i {
      color: #33b5e5;
      opacity: .8;
      filter: alpha(opacity=80);
      margin-right: 5px; }
    #main.panel .card-comentario h6 span {
      font-size: 13px; }
  #main.panel .card-comentario p {
    font-size: 12px; }
  #main.panel .card-comentario:hover {
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.16); }
  @media only screen and (max-width: 767px) {
    #main.panel .card-comentario {
      float: left;
      width: 100%; } }

#main.panel .flex-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

#main.panel .single-chart {
  width: 94%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative; }
  #main.panel .single-chart:after {
    content: attr(data-content);
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    font-size: 10px; }

#main.panel .circular-chart {
  display: block;
  margin: 0px auto;
  max-width: 80%;
  max-height: 250px; }

#main.panel .circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8; }

#main.panel .circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards; }

#main.panel .circle2 {
  fill: none;
  stroke-width: 1.2;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards; }

@keyframes progress {
  0% {
    stroke-dasharray: 0 100; } }

#main.panel .circular-chart.orange .circle {
  stroke: #ff9f00; }

#main.panel .circular-chart.verde .circle {
  stroke: #2BBBAD; }

#main.panel .circular-chart.azul .circle {
  stroke: #3c9ee5; }

#main.panel .circular-chart .circle2 {
  stroke: white; }

#main.panel .percentage {
  font-size: .65em;
  text-anchor: middle;
  font-weight: 400;
  color: #444; }

#main.panel .inversion-info-head {
  background: #f6f6f6;
  padding: 1rem;
  color: #444;
  overflow: hidden; }
  #main.panel .inversion-info-head .img-user, #main.panel .inversion-info-head .img-logo {
    width: 90px;
    height: 90px;
    display: inline-block;
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 1px 1px transparent; }
    #main.panel .inversion-info-head .img-user img, #main.panel .inversion-info-head .img-logo img {
      border-radius: 0;
      box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16);
      transition: all 0.3s linear; }
    #main.panel .inversion-info-head .img-user a img:hover, #main.panel .inversion-info-head .img-logo a img:hover {
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -o-filter: grayscale(1);
      -ms-filter: grayscale(1); }
  #main.panel .inversion-info-head .img-logo {
    padding: 2px;
    background: #fbfbfb;
    border-radius: 3px; }
    #main.panel .inversion-info-head .img-logo img {
      border-radius: 3px; }
  #main.panel .inversion-info-head .nombre {
    font-size: 22px;
    font-weight: 400;
    display: inline-block;
    width: 300px;
    line-height: 120%;
    vertical-align: middle; }
    #main.panel .inversion-info-head .nombre .bloque {
      display: block;
      margin-bottom: 10px; }
    #main.panel .inversion-info-head .nombre span {
      text-decoration: underline; }
    @media only screen and (max-width: 767px) {
      #main.panel .inversion-info-head .nombre {
        width: auto; } }
  #main.panel .inversion-info-head .avance-campana {
    display: inline-block;
    width: 280px;
    vertical-align: middle;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      #main.panel .inversion-info-head .avance-campana {
        width: 100%; } }
    #main.panel .inversion-info-head .avance-campana .barra {
      margin-bottom: 1.1rem; }
    #main.panel .inversion-info-head .avance-campana .avances {
      overflow: hidden;
      font-size: 11px;
      text-transform: uppercase;
      display: table; }
      #main.panel .inversion-info-head .avance-campana .avances.alto {
        margin-bottom: 10px; }
      #main.panel .inversion-info-head .avance-campana .avances span {
        display: table-cell;
        width: 1%; }
    #main.panel .inversion-info-head .avance-campana .left {
      text-align: left; }
    #main.panel .inversion-info-head .avance-campana .right {
      text-align: right; }
    #main.panel .inversion-info-head .avance-campana .monto-actual {
      font-size: 16px; }
      #main.panel .inversion-info-head .avance-campana .monto-actual .titulo-monto {
        font-size: 10px;
        display: block;
        width: 100%;
        margin-bottom: -3px; }
    #main.panel .inversion-info-head .avance-campana .dias-restan {
      min-height: 40px;
      vertical-align: bottom; }

#main.panel .solicitudes, #main.panel .doc_inversion, #main.panel .nvas-solicitudes {
  margin-bottom: 50px; }
  #main.panel .solicitudes .img-user, #main.panel .doc_inversion .img-user, #main.panel .nvas-solicitudes .img-user {
    margin-right: 0; }
    @media only screen and (max-width: 767px) {
      #main.panel .solicitudes .img-user, #main.panel .doc_inversion .img-user, #main.panel .nvas-solicitudes .img-user {
        width: 34px;
        height: 34px;
        border-radius: 34px; } }
  #main.panel .solicitudes thead, #main.panel .doc_inversion thead, #main.panel .nvas-solicitudes thead {
    background: #fbfbfb; }
    #main.panel .solicitudes thead th:last-child, #main.panel .doc_inversion thead th:last-child, #main.panel .nvas-solicitudes thead th:last-child {
      border-bottom: 1px solid #e5e5e5; }
  #main.panel .solicitudes tbody tr, #main.panel .doc_inversion tbody tr, #main.panel .nvas-solicitudes tbody tr {
    border-bottom: 1px dotted #e5e5e5; }
  #main.panel .solicitudes th, #main.panel .doc_inversion th, #main.panel .nvas-solicitudes th {
    font-weight: 100;
    border-top: none;
    line-height: 120%;
    border-bottom: 1px solid #e5e5e5; }
    #main.panel .solicitudes th:last-child, #main.panel .doc_inversion th:last-child, #main.panel .nvas-solicitudes th:last-child {
      border-bottom: none; }
  #main.panel .solicitudes td, #main.panel .doc_inversion td, #main.panel .nvas-solicitudes td {
    border-top: none;
    line-height: 120%; }
    @media only screen and (max-width: 767px) {
      #main.panel .solicitudes td, #main.panel .doc_inversion td, #main.panel .nvas-solicitudes td {
        font-size: .8rem; } }
    #main.panel .solicitudes td.fecha, #main.panel .doc_inversion td.fecha, #main.panel .nvas-solicitudes td.fecha {
      font-size: .7rem;
      color: #757575; }
      @media only screen and (max-width: 767px) {
        #main.panel .solicitudes td.fecha, #main.panel .doc_inversion td.fecha, #main.panel .nvas-solicitudes td.fecha {
          font-size: .65rem; } }
    #main.panel .solicitudes td.estado, #main.panel .doc_inversion td.estado, #main.panel .nvas-solicitudes td.estado {
      font-style: oblique;
      font-weight: 400; }
      #main.panel .solicitudes td.estado span, #main.panel .doc_inversion td.estado span, #main.panel .nvas-solicitudes td.estado span {
        display: inline-block;
        float: left;
        margin-right: 4px;
        font-size: 15px; }
      #main.panel .solicitudes td.estado i, #main.panel .doc_inversion td.estado i, #main.panel .nvas-solicitudes td.estado i {
        color: #00bcd4;
        font-size: 20px;
        opacity: .8; }
    #main.panel .solicitudes td.descripcion, #main.panel .doc_inversion td.descripcion, #main.panel .nvas-solicitudes td.descripcion {
      font-size: .8rem; }
    #main.panel .solicitudes td.tools, #main.panel .doc_inversion td.tools, #main.panel .nvas-solicitudes td.tools {
      width: 114px; }
      @media only screen and (max-width: 767px) {
        #main.panel .solicitudes td.tools, #main.panel .doc_inversion td.tools, #main.panel .nvas-solicitudes td.tools {
          width: auto; } }
      #main.panel .solicitudes td.tools a, #main.panel .doc_inversion td.tools a, #main.panel .nvas-solicitudes td.tools a {
        margin-left: .2rem;
        float: left; }
        @media only screen and (min-width: 993px) and (max-width: 1199px) {
          #main.panel .solicitudes td.tools a, #main.panel .doc_inversion td.tools a, #main.panel .nvas-solicitudes td.tools a {
            display: block; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          #main.panel .solicitudes td.tools a, #main.panel .doc_inversion td.tools a, #main.panel .nvas-solicitudes td.tools a {
            display: block; } }
        @media only screen and (max-width: 767px) {
          #main.panel .solicitudes td.tools a, #main.panel .doc_inversion td.tools a, #main.panel .nvas-solicitudes td.tools a {
            display: block; } }
      #main.panel .solicitudes td.tools i, #main.panel .doc_inversion td.tools i, #main.panel .nvas-solicitudes td.tools i {
        color: #757575; }
        #main.panel .solicitudes td.tools i:hover, #main.panel .doc_inversion td.tools i:hover, #main.panel .nvas-solicitudes td.tools i:hover {
          color: #33b5e5; }
    #main.panel .solicitudes td .circle, #main.panel .doc_inversion td .circle, #main.panel .nvas-solicitudes td .circle {
      width: 60px;
      padding: 10px;
      float: left;
      margin-right: 10px;
      border: 2px solid #f6f6f6;
      border-radius: 80px;
      position: relative; }
      #main.panel .solicitudes td .circle img, #main.panel .doc_inversion td .circle img, #main.panel .nvas-solicitudes td .circle img {
        width: 100%; }
      #main.panel .solicitudes td .circle.borrador, #main.panel .doc_inversion td .circle.borrador, #main.panel .nvas-solicitudes td .circle.borrador {
        border: 2px solid #f6f6f6; }
        #main.panel .solicitudes td .circle.borrador img, #main.panel .doc_inversion td .circle.borrador img, #main.panel .nvas-solicitudes td .circle.borrador img {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          -ms-filter: grayscale(100%); }
      #main.panel .solicitudes td .circle.revision, #main.panel .doc_inversion td .circle.revision, #main.panel .nvas-solicitudes td .circle.revision {
        border: 2px solid #4285F4; }
      #main.panel .solicitudes td .circle.revisada, #main.panel .doc_inversion td .circle.revisada, #main.panel .nvas-solicitudes td .circle.revisada {
        border: 2px solid #4285F4; }
      #main.panel .solicitudes td .circle.rechazada, #main.panel .doc_inversion td .circle.rechazada, #main.panel .nvas-solicitudes td .circle.rechazada {
        border: 2px solid #f6f6f6; }
        #main.panel .solicitudes td .circle.rechazada img, #main.panel .doc_inversion td .circle.rechazada img, #main.panel .nvas-solicitudes td .circle.rechazada img {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          -ms-filter: grayscale(100%); }
      #main.panel .solicitudes td .circle.aprobada, #main.panel .doc_inversion td .circle.aprobada, #main.panel .nvas-solicitudes td .circle.aprobada {
        border: 3px solid #e5e5e5; }
      #main.panel .solicitudes td .circle.revision_contrato, #main.panel .doc_inversion td .circle.revision_contrato, #main.panel .nvas-solicitudes td .circle.revision_contrato {
        border: 2px solid #4285F4; }
      #main.panel .solicitudes td .circle.revisada_contrato, #main.panel .doc_inversion td .circle.revisada_contrato, #main.panel .nvas-solicitudes td .circle.revisada_contrato {
        border: 2px solid #4285F4; }
      #main.panel .solicitudes td .circle .listo, #main.panel .solicitudes td .circle .comentario, #main.panel .solicitudes td .circle .rechazo, #main.panel .solicitudes td .circle .enviada, #main.panel .doc_inversion td .circle .listo, #main.panel .doc_inversion td .circle .comentario, #main.panel .doc_inversion td .circle .rechazo, #main.panel .doc_inversion td .circle .enviada, #main.panel .nvas-solicitudes td .circle .listo, #main.panel .nvas-solicitudes td .circle .comentario, #main.panel .nvas-solicitudes td .circle .rechazo, #main.panel .nvas-solicitudes td .circle .enviada {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #2BBBAD;
        color: #fff;
        font-size: 20px;
        top: 38%;
        right: -12px;
        border: 2px solid #fff;
        line-height: 26px;
        text-align: center; }
      #main.panel .solicitudes td .circle .enviada, #main.panel .doc_inversion td .circle .enviada, #main.panel .nvas-solicitudes td .circle .enviada {
        background: #33b5e5; }
      #main.panel .solicitudes td .circle .comentario, #main.panel .doc_inversion td .circle .comentario, #main.panel .nvas-solicitudes td .circle .comentario {
        background: #ffbb33; }
      #main.panel .solicitudes td .circle .rechazo, #main.panel .doc_inversion td .circle .rechazo, #main.panel .nvas-solicitudes td .circle .rechazo {
        background: #ff4444; }
    #main.panel .solicitudes td .alerta_borrado, #main.panel .doc_inversion td .alerta_borrado, #main.panel .nvas-solicitudes td .alerta_borrado {
      border: 1px solid #ff4444;
      font-size: .85rem; }
      #main.panel .solicitudes td .alerta_borrado .form-check, #main.panel .doc_inversion td .alerta_borrado .form-check, #main.panel .nvas-solicitudes td .alerta_borrado .form-check {
        margin: 0; }
        #main.panel .solicitudes td .alerta_borrado .form-check label, #main.panel .doc_inversion td .alerta_borrado .form-check label, #main.panel .nvas-solicitudes td .alerta_borrado .form-check label {
          font-size: .85rem;
          line-height: 120%; }
      #main.panel .solicitudes td .alerta_borrado .btn, #main.panel .doc_inversion td .alerta_borrado .btn, #main.panel .nvas-solicitudes td .alerta_borrado .btn {
        padding: .5rem 2.13rem; }

#main.panel .doc_inversion th {
  font-size: .8rem;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold; }
  #main.panel .doc_inversion th:last-child {
    border-bottom: 1px solid #e5e5e5; }

#main.panel .doc_inversion td {
  font-size: .9rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e5e5; }
  #main.panel .doc_inversion td.nombre-inv {
    width: 140px; }
    #main.panel .doc_inversion td.nombre-inv .img-user {
      margin: 0 auto;
      display: block;
      width: 48px;
      height: 48px; }
      #main.panel .doc_inversion td.nombre-inv .img-user a {
        margin: 0; }
    #main.panel .doc_inversion td.nombre-inv span {
      display: block;
      padding-top: 10px;
      text-align: center;
      font-weight: bold; }
      #main.panel .doc_inversion td.nombre-inv span a {
        margin-left: 0; }
  #main.panel .doc_inversion td.tools {
    text-align: right; }
  #main.panel .doc_inversion td th:last-child {
    border-bottom: 1px solid #e5e5e5; }

#main.panel .doc_inversion.acordeon .card-acordeon {
  margin-bottom: 0; }

#main.panel .doc_inversion .sub-cabecera {
  padding: .75rem;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5; }
  #main.panel .doc_inversion .sub-cabecera .nombre-inv {
    width: 90%; }
    @media only screen and (max-width: 767px) {
      #main.panel .doc_inversion .sub-cabecera .nombre-inv .img-user {
        float: left; } }
    @media only screen and (max-width: 767px) {
      #main.panel .doc_inversion .sub-cabecera .nombre-inv .img-user.img-inversionista {
        float: left;
        margin-bottom: 1rem; } }
  #main.panel .doc_inversion .sub-cabecera .w-icon {
    float: right;
    margin-top: .5rem; }
    #main.panel .doc_inversion .sub-cabecera .w-icon i {
      font-size: 2rem; }
  #main.panel .doc_inversion .sub-cabecera.open-selected {
    border-bottom: 1px solid #e5e5e5; }
  #main.panel .doc_inversion .sub-cabecera.head-error {
    border-bottom: 1px solid rgba(244, 67, 54, 0.5); }

#main.panel .doc_inversion .sub-content table {
  width: 86%;
  margin-left: 10%;
  margin-right: 4%; }
  @media only screen and (max-width: 767px) {
    #main.panel .doc_inversion .sub-content table {
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }

#main.panel .doc_inversion .sub-content .alert {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  font-size: .8rem;
  background: #e5e5e5; }

#main.panel .doc_inversion .nombre-inv {
  float: left; }
  #main.panel .doc_inversion .nombre-inv .img-user {
    width: 48px;
    height: 48px;
    margin-right: 1rem; }
  #main.panel .doc_inversion .nombre-inv .number {
    font-size: .75rem;
    margin-left: 2rem; }
    @media only screen and (max-width: 767px) {
      #main.panel .doc_inversion .nombre-inv .number {
        display: block; } }

#main.panel .doc_inversion .table-striped .sub-tabla {
  margin-bottom: 0;
  background: none !important; }
  #main.panel .doc_inversion .table-striped .sub-tabla tr {
    background: none !important; }
    #main.panel .doc_inversion .table-striped .sub-tabla tr th {
      font-weight: normal; }
    #main.panel .doc_inversion .table-striped .sub-tabla tr td {
      padding-bottom: .3rem; }

#main.panel .doc_inversion.lista-inversionistas th {
  text-transform: uppercase; }

#main.panel .doc_inversion.lista-inversionistas .sub-tabla th {
  text-transform: none;
  font-weight: bold; }

#main.panel .nombre-campana {
  margin-bottom: 15px; }
  #main.panel .nombre-campana .img-user {
    width: 80px;
    height: 80px; }

#main.panel .pag-nav {
  text-align: center;
  border-top: 1px dotted #e5e5e5;
  margin-top: 30px; }
  #main.panel .pag-nav .pagination {
    padding-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem; }
    #main.panel .pag-nav .pagination li {
      display: inline; }
      #main.panel .pag-nav .pagination li a, #main.panel .pag-nav .pagination li span {
        padding: .5rem .75rem; }
      #main.panel .pag-nav .pagination li.active a, #main.panel .pag-nav .pagination li.active span {
        background: #2BBBAD;
        color: #fff;
        border-radius: 2px;
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16); }

#main.panel .sub-cabecera {
  background: #fff;
  transition: all 0.3s linear; }
  #main.panel .sub-cabecera .w-icon i {
    display: none; }
  #main.panel .sub-cabecera .w-icon .up {
    display: block; }
  #main.panel .sub-cabecera .w-icon .down {
    display: none; }
  #main.panel .sub-cabecera.open-selected {
    background: #f6f6f6;
    border-bottom: 1px solid #ccc; }
    #main.panel .sub-cabecera.open-selected .up {
      display: none; }
    #main.panel .sub-cabecera.open-selected .down {
      display: block; }
  #main.panel .sub-cabecera:hover {
    background: #f6f6f6; }

#main.panel .sub-content {
  background: #f6f6f6;
  padding: 1rem 0;
  display: none; }
  @media only screen and (max-width: 767px) {
    #main.panel .sub-content {
      margin-top: 0; } }

#main.panel .ul-tabla {
  display: table;
  width: 100%;
  font-weight: 100;
  font-size: .9rem;
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px dotted #e5e5e5; }
  #main.panel .ul-tabla li {
    display: table-cell;
    vertical-align: middle;
    padding: .75rem;
    line-height: 130%;
    position: relative;
    /*@include respond-to(md) {
				outline: 1px solid green;
			}
			@include respond-to(sm) {
				outline: 1px solid blue;
			}
			@include respond-to(xs) {
				outline: 1px solid violet;
			}*/ }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .ul-tabla li {
        font-size: .8rem; } }
    @media only screen and (max-width: 767px) {
      #main.panel .ul-tabla li {
        font-size: .7rem;
        padding: .5rem; } }
    #main.panel .ul-tabla li span.estado {
      font-size: .65rem;
      padding: .2rem .4rem .2rem;
      display: inline-block;
      width: 100%;
      text-align: center;
      margin: 0;
      line-height: 120%;
      text-transform: uppercase;
      font-weight: 400;
      background: #fff; }
      #main.panel .ul-tabla li span.estado.completa {
        border: 1px solid #00C851;
        color: #00C851; }
      #main.panel .ul-tabla li span.estado.parcialmente, #main.panel .ul-tabla li span.estado.Parcialmente {
        border: 1px solid #ffbb33;
        color: #ffbb33; }
      #main.panel .ul-tabla li span.estado.sin, #main.panel .ul-tabla li span.estado.Sin {
        border: 1px solid #bcbcbc;
        color: #bcbcbc; }
      #main.panel .ul-tabla li span.estado.Reservada {
        border: 1px solid #0099CC;
        color: #0099CC; }
      #main.panel .ul-tabla li span.estado.promesada, #main.panel .ul-tabla li span.estado.Promesada {
        border: 1px solid #33b5e5;
        color: #33b5e5; }
      #main.panel .ul-tabla li span.estado.cancelada, #main.panel .ul-tabla li span.estado.Cancelada {
        border: 1px solid #ff4444;
        color: #ff4444; }
      #main.panel .ul-tabla li span.estado.anulada, #main.panel .ul-tabla li span.estado.Anulada {
        border: 1px solid #CC0000;
        color: #CC0000; }
    #main.panel .ul-tabla li .img-user {
      width: 62px;
      height: 62px;
      margin: 0 auto;
      border-radius: 62px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .ul-tabla li .img-user {
          width: 40px;
          height: 40px;
          border-radius: 40px; } }
      @media only screen and (max-width: 767px) {
        #main.panel .ul-tabla li .img-user {
          width: 40px;
          height: 40px;
          border-radius: 40px; } }
    #main.panel .ul-tabla li.w-img {
      width: 10%;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #main.panel .ul-tabla li.w-img {
          width: 54px;
          padding: 0; } }
    #main.panel .ul-tabla li.w-nom {
      width: 17%; }
      @media only screen and (max-width: 767px) {
        #main.panel .ul-tabla li.w-nom {
          font-weight: 400; } }
    #main.panel .ul-tabla li.w-cap {
      width: 13%; }
    #main.panel .ul-tabla li.w-est {
      width: 17%; }
    #main.panel .ul-tabla li.w-num {
      width: 21%;
      font-size: .8rem; }
      @media only screen and (max-width: 767px) {
        #main.panel .ul-tabla li.w-num {
          font-size: .7rem; } }
    #main.panel .ul-tabla li.w-inv {
      width: 17%; }
    #main.panel .ul-tabla li.w-icon {
      width: 5%;
      padding: 0;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #main.panel .ul-tabla li.w-icon {
          width: 8%; } }
      #main.panel .ul-tabla li.w-icon i {
        font-size: 250%; }
        @media only screen and (max-width: 767px) {
          #main.panel .ul-tabla li.w-icon i {
            font-size: 24px; } }

#main.panel .cabecera-inversiones {
  font-size: .8rem;
  display: block;
  position: relative;
  height: 55px;
  border-bottom: 1px solid #e5e5e5; }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    #main.panel .cabecera-inversiones {
      font-size: .7rem; } }
  @media only screen and (max-width: 767px) {
    #main.panel .cabecera-inversiones {
      padding-bottom: .75rem; } }
  #main.panel .cabecera-inversiones li {
    position: absolute;
    top: 0;
    left: 0;
    padding: .75rem 0;
    line-height: 100%; }
    @media only screen and (max-width: 767px) {
      #main.panel .cabecera-inversiones li {
        position: static;
        padding-right: .75rem;
        font-size: .7rem;
        padding-bottom: 0; } }
    #main.panel .cabecera-inversiones li.li2 {
      left: 29%; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .cabecera-inversiones li.li2 {
          width: 55px; } }
      @media only screen and (max-width: 767px) {
        #main.panel .cabecera-inversiones li.li2 {
          /*left: 40%;
					width: 50px;*/ } }
    #main.panel .cabecera-inversiones li.li3 {
      left: 47%; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #main.panel .cabecera-inversiones li.li3 {
          left: 44%; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .cabecera-inversiones li.li3 {
          left: 43%;
          width: 63px; } }
    #main.panel .cabecera-inversiones li.li4 {
      left: 62%; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .cabecera-inversiones li.li4 {
          left: 62%;
          width: 63px; } }
      @media only screen and (max-width: 767px) {
        #main.panel .cabecera-inversiones li.li4 {
          /*left: 67%;
					width: 50px;*/ } }
    #main.panel .cabecera-inversiones li.li5 {
      left: 80%; }
      @media only screen and (max-width: 767px) {
        #main.panel .cabecera-inversiones li.li5 {
          left: 78%; } }
    @media only screen and (max-width: 767px) {
      #main.panel .cabecera-inversiones li.li2, #main.panel .cabecera-inversiones li.li3, #main.panel .cabecera-inversiones li.li4, #main.panel .cabecera-inversiones li.li5 {
        width: 19%; } }

#main.panel .card-detalles-inversiones {
  padding: 1rem;
  margin: 0rem 1rem; }
  #main.panel .card-detalles-inversiones h6 {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 1rem;
    overflow: hidden; }
    #main.panel .card-detalles-inversiones h6 span {
      float: right;
      background: #fff; }
      #main.panel .card-detalles-inversiones h6 span.estado {
        font-size: .65rem;
        padding: .2rem .4rem .1rem;
        margin-right: 1rem; }
        #main.panel .card-detalles-inversiones h6 span.estado.completa {
          border: 1px solid #00C851;
          color: #00C851; }
        #main.panel .card-detalles-inversiones h6 span.estado.parcialmente, #main.panel .card-detalles-inversiones h6 span.estado.Parcialmente {
          border: 1px solid #ffbb33;
          color: #ffbb33; }
        #main.panel .card-detalles-inversiones h6 span.estado.sin, #main.panel .card-detalles-inversiones h6 span.estado.Sin {
          border: 1px solid #bcbcbc;
          color: #bcbcbc; }
        #main.panel .card-detalles-inversiones h6 span.estado.Reservada {
          border: 1px solid #0099CC;
          color: #0099CC; }
        #main.panel .card-detalles-inversiones h6 span.estado.promesada, #main.panel .card-detalles-inversiones h6 span.estado.Promesada {
          border: 1px solid #33b5e5;
          color: #33b5e5; }
        #main.panel .card-detalles-inversiones h6 span.estado.cancelada, #main.panel .card-detalles-inversiones h6 span.estado.Cancelada {
          border: 1px solid #ff4444;
          color: #ff4444; }
        #main.panel .card-detalles-inversiones h6 span.estado.anulada, #main.panel .card-detalles-inversiones h6 span.estado.Anulada {
          border: 1px solid #CC0000;
          color: #CC0000; }
      @media only screen and (max-width: 767px) {
        #main.panel .card-detalles-inversiones h6 span {
          float: none;
          display: inline-block; } }
    #main.panel .card-detalles-inversiones h6 .btn-solicitud-devolucion {
      float: right; }
      @media only screen and (max-width: 767px) {
        #main.panel .card-detalles-inversiones h6 .btn-solicitud-devolucion {
          margin-top: .8rem; } }
  #main.panel .card-detalles-inversiones.detalle-tablas {
    border-bottom: none;
    margin: 0;
    overflow: hidden; }
  #main.panel .card-detalles-inversiones.detalle-items {
    background: #fff;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 1.5rem; }
    #main.panel .card-detalles-inversiones.detalle-items .tabla-ronda {
      border-bottom: 1px solid #ccc; }
      #main.panel .card-detalles-inversiones.detalle-items .tabla-ronda.documentos {
        border-bottom: none; }
    #main.panel .card-detalles-inversiones.detalle-items .tabla-totales {
      border-bottom: none; }
      #main.panel .card-detalles-inversiones.detalle-items .tabla-totales th, #main.panel .card-detalles-inversiones.detalle-items .tabla-totales td {
        font-size: .9rem;
        text-transform: uppercase; }
    #main.panel .card-detalles-inversiones.detalle-items .tabla-lista-reporte {
      border-bottom: none;
      margin-bottom: 0; }
      #main.panel .card-detalles-inversiones.detalle-items .tabla-lista-reporte td {
        text-align: left;
        border-bottom: 1px solid #fbfbfb; }
        #main.panel .card-detalles-inversiones.detalle-items .tabla-lista-reporte td a:hover {
          color: #33b5e5; }
      #main.panel .card-detalles-inversiones.detalle-items .tabla-lista-reporte td:last-child {
        text-align: right; }
    #main.panel .card-detalles-inversiones.detalle-items.detalle-lista-reportes {
      margin: 0rem 0rem 2.5rem; }
      #main.panel .card-detalles-inversiones.detalle-items.detalle-lista-reportes h6 {
        min-height: 34px; }
      #main.panel .card-detalles-inversiones.detalle-items.detalle-lista-reportes td span, #main.panel .card-detalles-inversiones.detalle-items.detalle-lista-reportes td strong {
        display: inline-block; }
  #main.panel .card-detalles-inversiones .sin_doc {
    font-size: .9rem;
    padding: .75rem 1rem; }

#main.panel .tabla-ronda {
  border: none;
  padding: .75rem;
  font-size: .8rem; }
  #main.panel .tabla-ronda.mitad {
    width: 50%;
    float: left; }
    @media only screen and (max-width: 767px) {
      #main.panel .tabla-ronda.mitad {
        width: 100%;
        float: none; } }
  #main.panel .tabla-ronda tr:hover {
    background: #fbfbfb; }
  #main.panel .tabla-ronda th, #main.panel .tabla-ronda td {
    border: none;
    font-size: .8rem;
    padding: .1rem .75rem;
    line-height: 120%; }
    #main.panel .tabla-ronda th.total, #main.panel .tabla-ronda td.total {
      color: #444;
      font-weight: 600;
      padding-bottom: .5rem; }
    #main.panel .tabla-ronda th.final, #main.panel .tabla-ronda td.final {
      padding-bottom: .5rem; }
  #main.panel .tabla-ronda th {
    color: #757575;
    font-weight: 100;
    padding-left: 1rem; }
  #main.panel .tabla-ronda td {
    text-align: right;
    padding-right: 1rem; }
    #main.panel .tabla-ronda td.hash {
      word-break: break-all; }
  #main.panel .tabla-ronda a {
    margin: 0;
    font-size: .8rem;
    color: #757575;
    text-decoration: underline; }
  #main.panel .tabla-ronda.documentos th, #main.panel .tabla-ronda.documentos td {
    text-align: left;
    padding: .75rem; }
    #main.panel .tabla-ronda.documentos th .btn_descarga, #main.panel .tabla-ronda.documentos td .btn_descarga {
      height: 40px;
      width: 40px;
      text-decoration: none; }
      #main.panel .tabla-ronda.documentos th .btn_descarga i, #main.panel .tabla-ronda.documentos td .btn_descarga i {
        text-align: center; }
      #main.panel .tabla-ronda.documentos th .btn_descarga:hover, #main.panel .tabla-ronda.documentos td .btn_descarga:hover {
        background: #fff; }
  #main.panel .tabla-ronda .img-user {
    width: 52px;
    height: 52px;
    border-radius: 52px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .tabla-ronda .img-user {
        width: 40px;
        height: 40px;
        border-radius: 40px; } }
    @media only screen and (max-width: 767px) {
      #main.panel .tabla-ronda .img-user {
        width: 40px;
        height: 40px;
        border-radius: 40px; } }
  #main.panel .tabla-ronda.tabla-campana th, #main.panel .tabla-ronda.tabla-campana td {
    padding: .5rem .75rem; }
  #main.panel .tabla-ronda.tabla-inversion-detalle tr:hover {
    background: #fff; }
  #main.panel .tabla-ronda.tabla-inversion-detalle th {
    font-size: .9rem; }

#main.panel .mensajeria {
  font-size: .9rem;
  font-weight: 100; }
  #main.panel .mensajeria h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .3rem;
    font-size: 1.3rem; }
    #main.panel .mensajeria h2 span {
      color: #999;
      font-size: .75rem;
      float: right;
      padding-top: .5rem; }
  #main.panel .mensajeria .msn-tool {
    text-align: right;
    padding-bottom: 10px;
    width: 90%; }
    #main.panel .mensajeria .msn-tool a {
      padding: .3rem .5rem; }
    #main.panel .mensajeria .msn-tool i {
      display: table-cell;
      vertical-align: middle;
      font-size: 14px;
      padding-right: 5px; }
    #main.panel .mensajeria .msn-tool span {
      display: table-cell;
      vertical-align: middle; }
  #main.panel .mensajeria .contenido-msn h2 {
    font-weight: 100; }

#main.panel .lista-mensajes li {
  display: table;
  width: 100%;
  font-size: 13px;
  border-top: 1px solid #eceeef;
  transition: all 0.3s linear; }
  #main.panel .lista-mensajes li a {
    display: table;
    width: 90%;
    float: left; }
    @media only screen and (max-width: 767px) {
      #main.panel .lista-mensajes li a {
        width: 84%; } }
  #main.panel .lista-mensajes li span {
    display: table-cell;
    vertical-align: middle;
    padding: .75rem;
    line-height: 120%;
    transition: all 0.3s linear;
    /*@include respond-to(lg) {
					outline: 1px solid orange
				}
				@include respond-to(md) {
					outline: 1px solid blue
				}
				@include respond-to(sm) {
					outline: 1px solid green
				}
				@include respond-to(xs) {
					outline: 1px solid yellow
				}*/ }
    #main.panel .lista-mensajes li span.fecha {
      color: #999;
      font-size: 0.75rem; }
    #main.panel .lista-mensajes li span.msn-avatar {
      width: 64px; }
    #main.panel .lista-mensajes li span.msn-nombre {
      width: 50%; }
      #main.panel .lista-mensajes li span.msn-nombre::first-letter {
        text-transform: capitalize; }
      #main.panel .lista-mensajes li span.msn-nombre .cant-respuestas {
        background: #ccc;
        padding: 2px 4px;
        display: inline-block;
        margin-left: 5px;
        color: #fff;
        line-height: 100%;
        border-radius: 10px; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .lista-mensajes li span.msn-nombre {
          width: 100px; } }
    #main.panel .lista-mensajes li span.msn-titulo {
      word-break: break-all;
      width: 100%;
      font-size: 12px; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #main.panel .lista-mensajes li span.msn-titulo {
          width: 210px; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .lista-mensajes li span.msn-titulo {
          width: 160px; } }
  #main.panel .lista-mensajes li .tools {
    width: 6%;
    float: right;
    padding: 1rem .5rem 1rem;
    text-align: center;
    text-transform: uppercase; }
    #main.panel .lista-mensajes li .tools a {
      background: none;
      font-weight: 300;
      display: inline-block;
      padding: 0 5px;
      font-weight: 400;
      margin-bottom: 5px;
      text-align: center; }
      #main.panel .lista-mensajes li .tools a:hover {
        background: none; }
    #main.panel .lista-mensajes li .tools i {
      color: #757575; }
      #main.panel .lista-mensajes li .tools i:hover {
        color: #33b5e5; }
    #main.panel .lista-mensajes li .tools span {
      display: block;
      font-size: 10px;
      margin-top: -4px;
      text-decoration: underline; }
    @media only screen and (max-width: 767px) {
      #main.panel .lista-mensajes li .tools {
        width: 8%;
        padding: 1rem .5rem 1.5rem; } }
  #main.panel .lista-mensajes li:hover {
    background: #f6f6f6; }
  #main.panel .lista-mensajes li .img-user {
    margin-right: 0;
    padding: 2px;
    width: 40px;
    height: 40px; }
  #main.panel .lista-mensajes li.mensaje-nuevo {
    position: relative; }
    #main.panel .lista-mensajes li.mensaje-nuevo::before {
      content: "";
      position: absolute;
      left: 0;
      top: 1px;
      width: 0;
      height: 0;
      border-top: 10px solid #ccc;
      border-right: 10px solid transparent; }
    #main.panel .lista-mensajes li.mensaje-nuevo span {
      font-weight: 600; }
      #main.panel .lista-mensajes li.mensaje-nuevo span.fecha {
        font-weight: 100; }
    #main.panel .lista-mensajes li.mensaje-nuevo .tools span {
      font-weight: 300; }
    @media only screen and (max-width: 767px) {
      #main.panel .lista-mensajes li.mensaje-nuevo {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    #main.panel .lista-mensajes li {
      font-size: .8rem;
      width: 100%; }
      #main.panel .lista-mensajes li span {
        padding: .75rem .3rem; }
      #main.panel .lista-mensajes li .img-user {
        width: 32px;
        height: 32px; } }

#main.panel .wrap-mensaje.respuesta-mensaje {
  padding-left: 30px; }
  #main.panel .wrap-mensaje.respuesta-mensaje .datos-mensaje {
    width: 100%; }
    #main.panel .wrap-mensaje.respuesta-mensaje .datos-mensaje .avatar {
      width: 64px; }
      #main.panel .wrap-mensaje.respuesta-mensaje .datos-mensaje .avatar .img-user {
        width: 40px;
        height: 40px; }
    #main.panel .wrap-mensaje.respuesta-mensaje .datos-mensaje .fecha {
      text-align: right; }
  #main.panel .wrap-mensaje.respuesta-mensaje .text-mensaje {
    background-color: aliceblue;
    border-radius: 10px;
    padding: 15px;
    margin: 6px 0px;
    font-size: 0.75rem; }

#main.panel .datos-mensaje {
  display: table;
  border-bottom: 1px solid #e5e5e5; }
  #main.panel .datos-mensaje span {
    display: table-cell;
    padding: .75rem;
    line-height: 120%; }
    #main.panel .datos-mensaje span .img-user {
      margin-right: 0;
      padding: 2px;
      width: 40px;
      height: 40px; }
    #main.panel .datos-mensaje span.nombre {
      font-weight: 500;
      font-size: 0.75rem;
      width: 25%; }
    #main.panel .datos-mensaje span.titulo {
      width: 50%;
      font-size: 0.75rem; }
    #main.panel .datos-mensaje span.fecha {
      color: #999;
      font-size: .75rem; }

#main.panel .text-mensaje {
  padding: 2rem 0;
  font-size: .9rem; }
  #main.panel .text-mensaje.original {
    background-color: #C6E2FF;
    border-radius: 10px;
    padding: 15px;
    margin: 6px 0px;
    font-size: 0.75rem; }

#main.panel .tool-msn {
  border-top: 2px solid #e5e5e5;
  overflow: hidden;
  text-transform: uppercase; }
  #main.panel .tool-msn a {
    display: inline-block;
    margin-right: 10px;
    padding: .5rem;
    float: left; }
    #main.panel .tool-msn a span {
      display: table-cell;
      vertical-align: middle;
      font-size: 11px; }
    #main.panel .tool-msn a i {
      display: table-cell;
      vertical-align: middle;
      margin-left: 5px; }
    #main.panel .tool-msn a.btn-eliminar {
      float: right;
      margin-right: 0; }
    #main.panel .tool-msn a:hover {
      color: #fbfbfb;
      background: #bcbcbc; }

#main.panel .msn-nuevo {
  background: #f6f6f6;
  padding: 2rem;
  margin-top: 1rem;
  display: none; }
  #main.panel .msn-nuevo.activo {
    display: block; }
  #main.panel .msn-nuevo .datos-mensaje {
    margin-bottom: 1.5rem;
    border-bottom: 0; }
  #main.panel .msn-nuevo .dato-tool {
    margin-bottom: 0; }
    #main.panel .msn-nuevo .dato-tool .guarda {
      font-style: oblique;
      font-size: .8rem;
      color: #999;
      padding: .85rem .3rem;
      margin: 6px;
      float: right;
      transition: all 0.3s linear;
      display: none; }
      #main.panel .msn-nuevo .dato-tool .guarda.activo {
        display: block; }
  #main.panel .msn-nuevo input, #main.panel .msn-nuevo textarea {
    border: 1px dotted #ccc;
    background: #fff;
    font-size: .95rem;
    padding: .5rem 0 .6rem;
    text-indent: .75rem; }
  #main.panel .msn-nuevo textarea {
    padding: .75rem;
    overflow: hidden;
    resize: none;
    width: 96%;
    min-height: 4rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .msn-nuevo textarea {
        width: 94%; } }
    @media only screen and (max-width: 767px) {
      #main.panel .msn-nuevo textarea {
        width: 95%; } }

#main.panel .destinatario {
  color: #999;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1.2rem; }
  #main.panel .destinatario p {
    margin-bottom: .2rem;
    font-size: .8rem; }

#main.panel .btn-volver-panel {
  display: table;
  font-size: .7rem;
  margin: 15px 0;
  color: #444; }
  #main.panel .btn-volver-panel i {
    vertical-align: middle;
    color: #33b5e5;
    font-size: 1.1rem;
    margin-right: .3rem; }
  #main.panel .btn-volver-panel span {
    color: #444; }
    #main.panel .btn-volver-panel span:hover {
      color: #0099CC; }

#main.panel.solicitud .btn-volver-panel {
  float: left;
  margin-top: 0;
  padding-left: 1rem; }
  @media only screen and (max-width: 767px) {
    #main.panel.solicitud .btn-volver-panel {
      float: none; } }

#main.panel .p-inversion {
  padding-bottom: 2rem; }

#main.panel .caja-persona-inversion {
  /*background: $gris-tenue;
		color: $gris-texto;
		padding: 1.2rem;
		margin-bottom: 1rem;
		position: relative;*/ }
  @media only screen and (max-width: 767px) {
    #main.panel .caja-persona-inversion {
      width: 100%; } }
  #main.panel .caja-persona-inversion h4 {
    font-size: 1.2rem; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #main.panel .caja-persona-inversion .btn-editar-datos, #main.panel .caja-persona-inversion .btn-eliminar-datos {
      position: static;
      width: 97%;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 767px) {
    #main.panel .caja-persona-inversion .btn-editar-datos, #main.panel .caja-persona-inversion .btn-eliminar-datos {
      position: static;
      width: 97%;
      margin-bottom: 2rem; } }
  #main.panel .caja-persona-inversion .btn-editar-datos span, #main.panel .caja-persona-inversion .btn-eliminar-datos span {
    display: table-cell;
    vertical-align: middle;
    margin-right: .2rem; }
  #main.panel .caja-persona-inversion .btn-editar-datos i, #main.panel .caja-persona-inversion .btn-eliminar-datos i {
    display: table-cell;
    vertical-align: middle; }
  #main.panel .caja-persona-inversion dl {
    padding: 1rem 1rem 0; }
  #main.panel .caja-persona-inversion dt, #main.panel .caja-persona-inversion dd {
    line-height: 120%; }
  #main.panel .caja-persona-inversion dt {
    font-weight: 100;
    font-size: .8rem;
    /*display: inline-block;*/
    padding-right: 10%;
    margin-bottom: .3rem; }
    #main.panel .caja-persona-inversion dt span {
      border-bottom: 1px dotted #bcbcbc;
      padding-right: 10%; }
  #main.panel .caja-persona-inversion dd {
    font-weight: 500;
    margin-bottom: 2rem;
    padding-top: .2rem; }
    #main.panel .caja-persona-inversion dd .social {
      font-size: .9rem;
      display: block;
      padding: 0 1rem .2rem 0; }
      #main.panel .caja-persona-inversion dd .social i {
        margin-right: .3rem; }
    #main.panel .caja-persona-inversion dd .dire-inversion li {
      padding-bottom: .3rem; }
  #main.panel .caja-persona-inversion .dato-desc {
    font-size: .85rem;
    font-weight: 600; }
  #main.panel .caja-persona-inversion .dato-doc {
    font-size: .9rem;
    padding: .2rem 0;
    font-weight: 100; }
  #main.panel .caja-persona-inversion .dire {
    border-top: 1px solid #bcbcbc;
    padding-top: 1rem; }

#main.panel .campo-imagen {
  overflow: hidden; }
  #main.panel .campo-imagen #img-logo {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
    cursor: pointer; }
    #main.panel .campo-imagen #img-logo:hover {
      opacity: .8; }
  #main.panel .campo-imagen #img-ppal.bkg-ficha {
    width: 320px;
    height: 90px;
    float: left;
    margin-right: 20px;
    cursor: pointer; }
    #main.panel .campo-imagen #img-ppal.bkg-ficha:hover {
      opacity: .8; }
  #main.panel .campo-imagen #img-user {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px; }
  #main.panel .campo-imagen .btn {
    margin-top: 30px; }
  #main.panel .campo-imagen .file-path-wrapper {
    visibility: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #main.panel .campo-imagen .file-path-wrapper {
        visibility: hidden; } }
    @media only screen and (max-width: 767px) {
      #main.panel .campo-imagen .file-path-wrapper {
        visibility: hidden; } }

#main.panel .campo-avatar .btn {
  margin-top: 20px; }

#main.panel .zona-editar {
  text-align: right; }
  #main.panel .zona-editar .btn {
    margin-top: -50px; }

#main.panel .zona-info, #main.panel .zona-dire {
  padding: 1.2rem 2rem 2.5rem;
  margin-bottom: .75rem; }
  @media only screen and (max-width: 767px) {
    #main.panel .zona-info, #main.panel .zona-dire {
      padding: 1.2rem; } }
  #main.panel .zona-info h4, #main.panel .zona-dire h4 {
    font-size: 1.4rem; }
  #main.panel .zona-info .box-info, #main.panel .zona-dire .box-info {
    overflow: hidden;
    border-bottom: 1px dotted #e5e5e5;
    padding: .75rem 0 .75rem;
    position: relative;
    /*&:after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				width: 50%;
				border-top: 1px solid $gris-claro-especial;
			}*/ }
    #main.panel .zona-info .box-info.formulario, #main.panel .zona-dire .box-info.formulario {
      padding-top: 0; }
    #main.panel .zona-info .box-info .tit, #main.panel .zona-dire .box-info .tit {
      display: table;
      line-height: 120%;
      color: #757575; }
      #main.panel .zona-info .box-info .tit.titimg, #main.panel .zona-dire .box-info .tit.titimg {
        height: 150px; }
      #main.panel .zona-info .box-info .tit span, #main.panel .zona-dire .box-info .tit span {
        font-weight: 100;
        font-size: .75rem;
        display: table-cell;
        vertical-align: middle; }
    #main.panel .zona-info .box-info .det, #main.panel .zona-dire .box-info .det {
      line-height: 120%;
      font-weight: 100; }
      @media only screen and (max-width: 767px) {
        #main.panel .zona-info .box-info .det, #main.panel .zona-dire .box-info .det {
          font-size: .9rem; } }
      #main.panel .zona-info .box-info .det .social, #main.panel .zona-dire .box-info .det .social {
        margin-bottom: .5rem; }
        #main.panel .zona-info .box-info .det .social a, #main.panel .zona-dire .box-info .det .social a {
          text-decoration: underline; }
          #main.panel .zona-info .box-info .det .social a:hover, #main.panel .zona-dire .box-info .det .social a:hover {
            opacity: .6; }
    #main.panel .zona-info .box-info .imguser, #main.panel .zona-dire .box-info .imguser {
      margin: 0 auto;
      width: 150px;
      height: 150px;
      border-radius: 120px;
      display: block; }
      #main.panel .zona-info .box-info .imguser img, #main.panel .zona-dire .box-info .imguser img {
        border-radius: 110px; }
      @media only screen and (max-width: 767px) {
        #main.panel .zona-info .box-info .imguser, #main.panel .zona-dire .box-info .imguser {
          width: 110px;
          height: 110px; } }
    #main.panel .zona-info .box-info .doc a, #main.panel .zona-dire .box-info .doc a {
      color: #444; }
      #main.panel .zona-info .box-info .doc a:hover, #main.panel .zona-dire .box-info .doc a:hover {
        color: #bcbcbc; }
    #main.panel .zona-info .box-info .dire-inversion, #main.panel .zona-dire .box-info .dire-inversion {
      margin-bottom: 0; }
      #main.panel .zona-info .box-info .dire-inversion li, #main.panel .zona-dire .box-info .dire-inversion li {
        padding-bottom: .4rem; }
    #main.panel .zona-info .box-info #representantes_legales, #main.panel .zona-dire .box-info #representantes_legales {
      padding: 3% 0 0 0;
      margin-bottom: 0; }

#main.panel .head-pi, #main.panel .foot-pi {
  padding-bottom: 18px;
  margin-bottom: 20px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5; }
  #main.panel .head-pi h4, #main.panel .foot-pi h4 {
    float: left;
    padding: 0; }
  #main.panel .head-pi .btns, #main.panel .foot-pi .btns {
    float: right; }
    #main.panel .head-pi .btns a, #main.panel .foot-pi .btns a {
      padding: .3rem 1.3rem;
      margin: 0 .5rem;
      float: right;
      display: table; }
    #main.panel .head-pi .btns i, #main.panel .foot-pi .btns i {
      font-size: 1.2rem;
      display: table-cell;
      vertical-align: middle; }
    #main.panel .head-pi .btns span, #main.panel .foot-pi .btns span {
      display: table-cell;
      vertical-align: middle;
      padding-left: .2rem; }
    #main.panel .head-pi .btns.mitad, #main.panel .foot-pi .btns.mitad {
      width: 50%; }
      #main.panel .head-pi .btns.mitad a, #main.panel .foot-pi .btns.mitad a {
        float: left;
        margin: 0 .5rem 0 0; }
      @media only screen and (min-width: 993px) and (max-width: 1199px) {
        #main.panel .head-pi .btns.mitad a, #main.panel .foot-pi .btns.mitad a {
          margin: 0 .5rem .75rem 0; } }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #main.panel .head-pi .btns.mitad a, #main.panel .foot-pi .btns.mitad a {
          margin: 0 .5rem .75rem 0; } }
      @media only screen and (max-width: 767px) {
        #main.panel .head-pi .btns.mitad, #main.panel .foot-pi .btns.mitad {
          width: 100%; }
          #main.panel .head-pi .btns.mitad a, #main.panel .foot-pi .btns.mitad a {
            margin: 0 .5rem .75rem 0; } }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    #main.panel .head-pi .btns, #main.panel .foot-pi .btns {
      float: none; }
      #main.panel .head-pi .btns a, #main.panel .foot-pi .btns a {
        padding: 1rem 1.6rem;
        margin-bottom: 1rem;
        width: auto;
        min-width: 150px; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #main.panel .head-pi h4, #main.panel .foot-pi h4 {
      float: none;
      padding-bottom: 10px; }
    #main.panel .head-pi .btns, #main.panel .foot-pi .btns {
      float: none; }
      #main.panel .head-pi .btns a, #main.panel .foot-pi .btns a {
        padding: 1rem 1.6rem;
        margin-bottom: 1rem;
        width: auto;
        min-width: 150px; } }
  @media only screen and (max-width: 767px) {
    #main.panel .head-pi h4, #main.panel .foot-pi h4 {
      float: none;
      padding-bottom: 10px; }
    #main.panel .head-pi .btns, #main.panel .foot-pi .btns {
      float: none; }
      #main.panel .head-pi .btns a, #main.panel .foot-pi .btns a {
        padding: 1rem 1.6rem;
        margin-bottom: 1rem;
        display: block;
        width: auto;
        min-width: 150px; } }

#main.panel .foot-pi {
  border-top: 1px solid #e5e5e5;
  border-bottom: 0;
  margin-bottom: 0; }

#main.panel #representantes_legales {
  background: #f6f6f6;
  padding: 3%; }
  #main.panel #representantes_legales h3 {
    border-bottom: 1px solid #666; }
  #main.panel #representantes_legales.vista {
    background: none;
    padding: 0; }
    #main.panel #representantes_legales.vista .cards-representante {
      margin: 1rem 0; }

#warning .card {
  text-align: center; }

#warning .card-text {
  height: auto;
  font-size: 1rem;
  padding: .75rem 0; }

.overlay {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  display: none; }
  .overlay.actio {
    display: block; }
  .overlay .card {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .overlay .card {
        width: 80%; } }
    .overlay .card .btn-cerrar {
      position: absolute;
      top: .2rem;
      right: .2rem; }
    .overlay .card .btn {
      width: 150px; }

.notificaciones label {
  font-weight: 100;
  color: #757575;
  font-size: .9rem; }

.caja-config {
  margin-bottom: 3rem; }
  .caja-config p.campo-descripcion {
    font-size: .9rem;
    margin-bottom: 2.5rem; }

.msn-exito {
  width: 100%;
  clear: both;
  color: #007E33;
  text-align: right;
  transition: all 0.3s linear;
  height: 0;
  display: none; }
  .msn-exito.activo {
    display: block;
    height: auto; }

.terminos {
  font-size: .9rem; }
  .terminos h4 {
    font-size: 1.3rem; }

/*==== perfil publico ====*/
#publico-info-usuario, #publico-red-apoyo, #publico-info-reporte {
  background: #f6f6f6;
  padding: 60px 0 40px; }
  #publico-info-usuario.cabecera, #publico-red-apoyo.cabecera, #publico-info-reporte.cabecera {
    padding: 30px 0 20px;
    background-color: #f6f6f6;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2391a8ba' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); }
  #publico-info-usuario .img-user, #publico-red-apoyo .img-user, #publico-info-reporte .img-user {
    width: 150px;
    height: 150px;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    float: left;
    margin: 0 1rem 1rem 0;
    border-radius: 150px; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .img-user, #publico-red-apoyo .img-user, #publico-info-reporte .img-user {
        float: none;
        margin: 0 auto; } }
    #publico-info-usuario .img-user img, #publico-red-apoyo .img-user img, #publico-info-reporte .img-user img {
      width: 100%; }
    #publico-info-usuario .img-user.mediano, #publico-red-apoyo .img-user.mediano, #publico-info-reporte .img-user.mediano {
      width: 100px;
      height: 100px;
      border-radius: 100px; }
  #publico-info-usuario .img-red, #publico-red-apoyo .img-red, #publico-info-reporte .img-red {
    width: 180px;
    height: 180px;
    border-radius: 100px;
    border: 1px solid #ccc;
    background: #fff;
    float: left;
    margin: 0 1rem 1rem 0;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .img-red, #publico-red-apoyo .img-red, #publico-info-reporte .img-red {
        float: none;
        margin: 0 auto; } }
    #publico-info-usuario .img-red img, #publico-red-apoyo .img-red img, #publico-info-reporte .img-red img {
      width: 100px;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #publico-info-usuario .img-red, #publico-red-apoyo .img-red, #publico-info-reporte .img-red {
        width: 150px;
        height: 150px; } }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .img-red, #publico-red-apoyo .img-red, #publico-info-reporte .img-red {
        width: 150px;
        height: 150px; } }
  #publico-info-usuario h2, #publico-red-apoyo h2, #publico-info-reporte h2 {
    margin-bottom: 0;
    line-height: 110%;
    padding-top: 1rem; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #publico-info-usuario h2, #publico-red-apoyo h2, #publico-info-reporte h2 {
        width: 100%;
        min-height: 170px; } }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario h2, #publico-red-apoyo h2, #publico-info-reporte h2 {
        width: 100%;
        text-align: center;
        margin: 0 auto; } }
  #publico-info-usuario .herramientas a, #publico-red-apoyo .herramientas a, #publico-info-reporte .herramientas a {
    background: #fff;
    border: 1px solid #33b5e5;
    padding: 10px solid !important; }
  #publico-info-usuario .pais, #publico-red-apoyo .pais, #publico-info-reporte .pais {
    overflow: hidden;
    font-size: .8rem;
    color: #999;
    padding-bottom: .8rem;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .pais, #publico-red-apoyo .pais, #publico-info-reporte .pais {
        display: block;
        text-align: center; } }
    #publico-info-usuario .pais img, #publico-red-apoyo .pais img, #publico-info-reporte .pais img {
      width: 22px;
      float: left;
      margin-right: 8px; }
      @media only screen and (max-width: 767px) {
        #publico-info-usuario .pais img, #publico-red-apoyo .pais img, #publico-info-reporte .pais img {
          float: none; } }
  #publico-info-usuario .followers, #publico-red-apoyo .followers, #publico-info-reporte .followers {
    overflow: hidden;
    font-size: .7rem;
    color: #999;
    padding-bottom: .8rem;
    display: inline-block;
    margin-left: 2rem; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .followers, #publico-red-apoyo .followers, #publico-info-reporte .followers {
        display: block;
        text-align: center; } }
    #publico-info-usuario .followers i, #publico-red-apoyo .followers i, #publico-info-reporte .followers i {
      font-size: 1.4rem;
      color: #666;
      display: table-cell;
      vertical-align: middle;
      padding-right: 5px; }
      @media only screen and (max-width: 767px) {
        #publico-info-usuario .followers i, #publico-red-apoyo .followers i, #publico-info-reporte .followers i {
          display: inline-block; } }
    #publico-info-usuario .followers span, #publico-red-apoyo .followers span, #publico-info-reporte .followers span {
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #publico-info-usuario .followers span, #publico-red-apoyo .followers span, #publico-info-reporte .followers span {
          display: inline-block; } }
  @media only screen and (max-width: 767px) {
    #publico-info-usuario .social, #publico-red-apoyo .social, #publico-info-reporte .social {
      text-align: center; } }
  #publico-info-usuario .social a, #publico-red-apoyo .social a, #publico-info-reporte .social a {
    color: #666;
    font-size: 1.5rem;
    margin-right: 30px; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .social a, #publico-red-apoyo .social a, #publico-info-reporte .social a {
        margin: 0 1rem; } }
    #publico-info-usuario .social a.btn-facebook, #publico-red-apoyo .social a.btn-facebook, #publico-info-reporte .social a.btn-facebook {
      color: #3a579b; }
    #publico-info-usuario .social a.btn-twitter, #publico-red-apoyo .social a.btn-twitter, #publico-info-reporte .social a.btn-twitter {
      color: #52abef; }
    #publico-info-usuario .social a.btn-linkedin, #publico-red-apoyo .social a.btn-linkedin, #publico-info-reporte .social a.btn-linkedin {
      color: #0180cf; }
    #publico-info-usuario .social a.btn-instagram, #publico-red-apoyo .social a.btn-instagram, #publico-info-reporte .social a.btn-instagram {
      color: #3d71a0; }
  #publico-info-usuario .herramientas, #publico-red-apoyo .herramientas, #publico-info-reporte .herramientas {
    text-align: right; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .herramientas, #publico-red-apoyo .herramientas, #publico-info-reporte .herramientas {
        text-align: center;
        padding-top: 1rem; } }
    #publico-info-usuario .herramientas .btn, #publico-red-apoyo .herramientas .btn, #publico-info-reporte .herramientas .btn {
      width: 150px;
      padding: .85rem .5rem;
      font-size: .75rem; }
      #publico-info-usuario .herramientas .btn i, #publico-red-apoyo .herramientas .btn i, #publico-info-reporte .herramientas .btn i {
        margin-right: .2rem; }
  #publico-info-usuario .info-publico, #publico-red-apoyo .info-publico, #publico-info-reporte .info-publico {
    position: relative; }
  #publico-info-usuario .btn-editar-publico, #publico-red-apoyo .btn-editar-publico, #publico-info-reporte .btn-editar-publico {
    position: absolute;
    top: 1rem;
    right: 0;
    z-index: 99; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .btn-editar-publico, #publico-red-apoyo .btn-editar-publico, #publico-info-reporte .btn-editar-publico {
        top: 0;
        right: 1rem; } }
    #publico-info-usuario .btn-editar-publico.estatico, #publico-red-apoyo .btn-editar-publico.estatico, #publico-info-reporte .btn-editar-publico.estatico {
      position: static;
      float: right; }
  #publico-info-usuario .resumen-redes, #publico-red-apoyo .resumen-redes, #publico-info-reporte .resumen-redes {
    text-align: right;
    padding-top: 1rem; }
    @media only screen and (max-width: 767px) {
      #publico-info-usuario .resumen-redes, #publico-red-apoyo .resumen-redes, #publico-info-reporte .resumen-redes {
        text-align: center; } }
    #publico-info-usuario .resumen-redes .dato, #publico-red-apoyo .resumen-redes .dato, #publico-info-reporte .resumen-redes .dato {
      display: inline-block;
      font-size: .8rem;
      font-weight: 300;
      color: #666;
      padding: 0 .5rem .5rem; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        #publico-info-usuario .resumen-redes .dato, #publico-red-apoyo .resumen-redes .dato, #publico-info-reporte .resumen-redes .dato {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        #publico-info-usuario .resumen-redes .dato, #publico-red-apoyo .resumen-redes .dato, #publico-info-reporte .resumen-redes .dato {
          width: 140px; } }
      #publico-info-usuario .resumen-redes .dato i, #publico-red-apoyo .resumen-redes .dato i, #publico-info-reporte .resumen-redes .dato i {
        font-size: 1.2rem; }
      #publico-info-usuario .resumen-redes .dato .tit, #publico-red-apoyo .resumen-redes .dato .tit, #publico-info-reporte .resumen-redes .dato .tit {
        border-right: 1px solid #33b5e5;
        display: inline-block;
        padding-right: .3rem;
        font-weight: 500;
        text-transform: uppercase;
        font-size: .75rem; }
      #publico-info-usuario .resumen-redes .dato .cont, #publico-red-apoyo .resumen-redes .dato .cont, #publico-info-reporte .resumen-redes .dato .cont {
        display: inline-block;
        text-align: left;
        font-weight: 600; }
        #publico-info-usuario .resumen-redes .dato .cont i, #publico-info-usuario .resumen-redes .dato .cont span, #publico-red-apoyo .resumen-redes .dato .cont i, #publico-red-apoyo .resumen-redes .dato .cont span, #publico-info-reporte .resumen-redes .dato .cont i, #publico-info-reporte .resumen-redes .dato .cont span {
          vertical-align: middle; }

#publico-info-reporte {
  padding: 40px 0;
  background-color: #e1f5fe;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%23afe0f6' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); }
  #publico-info-reporte h2 {
    width: 98%;
    padding-bottom: .5rem;
    padding-top: 2rem; }
  #publico-info-reporte h4 {
    padding-bottom: 0; }
  #publico-info-reporte .fecha, #publico-info-reporte .periodo {
    font-size: .9rem;
    margin-bottom: 0;
    text-transform: capitalize; }
  #publico-info-reporte .bloque-detalle {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      #publico-info-reporte .bloque-detalle {
        float: none;
        text-align: center; } }
  #publico-info-reporte .content-content {
    padding-top: 1rem; }
    #publico-info-reporte .content-content .txt-interior {
      padding-bottom: 0;
      font-weight: 500; }

.publico-content-reporte .bloque-reporte {
  margin-bottom: 3rem; }

.publico-content-reporte .seccion {
  padding-bottom: 0; }
  .publico-content-reporte .seccion .min-height {
    min-height: 80px; }
  .publico-content-reporte .seccion p {
    text-align: left;
    font-size: 1.05rem; }
  .publico-content-reporte .seccion.head-reporte {
    margin-bottom: 1.5rem; }
    .publico-content-reporte .seccion.head-reporte h2 {
      font-size: 1.5rem;
      display: inline-block;
      padding-bottom: 0;
      padding: 10px;
      background: #33b5e5;
      color: #fff;
      margin-left: -15px;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        .publico-content-reporte .seccion.head-reporte h2 {
          margin-left: 0; } }
    .publico-content-reporte .seccion.head-reporte .head-reporte-right {
      border-top: 1px solid #33b5e5; }
  .publico-content-reporte .seccion .txt-interior {
    overflow: hidden;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .publico-content-reporte .seccion .txt-interior {
        margin-bottom: 0; } }
    .publico-content-reporte .seccion .txt-interior .link-documentos {
      font-weight: 100;
      float: left;
      clear: left;
      margin-bottom: .75rem;
      text-transform: capitalize; }
      .publico-content-reporte .seccion .txt-interior .link-documentos i {
        margin-right: 5px;
        color: #2BBBAD; }
      .publico-content-reporte .seccion .txt-interior .link-documentos span {
        font-size: .9rem;
        text-decoration: underline; }
    .publico-content-reporte .seccion .txt-interior .sin-doc i {
      margin-right: 5px; }
    .publico-content-reporte .seccion .txt-interior .sin-doc span {
      font-weight: 100;
      font-size: .9rem; }
    .publico-content-reporte .seccion .txt-interior .tabla-reporte {
      text-align: center;
      margin-top: .5rem;
      border: 2px solid #eceeef;
      box-shadow: none; }
      .publico-content-reporte .seccion .txt-interior .tabla-reporte th {
        text-align: center;
        line-height: 120%;
        background: #fbfbfb; }
      .publico-content-reporte .seccion .txt-interior .tabla-reporte td {
        font-size: 1rem;
        text-transform: initial; }
      .publico-content-reporte .seccion .txt-interior .tabla-reporte.tabla-h {
        text-align: left;
        border-bottom: 1px solid #eceeef; }
        .publico-content-reporte .seccion .txt-interior .tabla-reporte.tabla-h th {
          text-align: left;
          text-transform: uppercase;
          font-size: .9rem; }
        .publico-content-reporte .seccion .txt-interior .tabla-reporte.tabla-h td {
          text-transform: initial;
          text-align: center; }
    .publico-content-reporte .seccion .txt-interior .box {
      width: 45%;
      float: left;
      font-size: .9rem;
      margin: .5rem .75rem 2rem 0;
      border: 2px solid #eceeef; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .publico-content-reporte .seccion .txt-interior .box {
          width: 45%; } }
      @media only screen and (max-width: 767px) {
        .publico-content-reporte .seccion .txt-interior .box {
          width: 60%;
          float: none;
          margin: 1.25rem auto 1.25rem;
          min-height: auto; } }
      .publico-content-reporte .seccion .txt-interior .box .box-dato {
        display: block;
        padding: 5px;
        font-weight: 100;
        text-align: center;
        line-height: 120%; }
        .publico-content-reporte .seccion .txt-interior .box .box-dato.head {
          background: #fbfbfb;
          font-weight: 400;
          text-transform: capitalize;
          padding: .5rem; }
        .publico-content-reporte .seccion .txt-interior .box .box-dato.descripcion {
          padding-left: 4%; }
      .publico-content-reporte .seccion .txt-interior .box.mod1 {
        width: 70%;
        min-height: 80px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          .publico-content-reporte .seccion .txt-interior .box.mod1 {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .publico-content-reporte .seccion .txt-interior .box.mod1 {
            width: 100%; } }
        .publico-content-reporte .seccion .txt-interior .box.mod1 .box-dato {
          text-align: left; }
          .publico-content-reporte .seccion .txt-interior .box.mod1 .box-dato.head {
            border-top: none; }
      .publico-content-reporte .seccion .txt-interior .box.mod2 {
        width: 70%;
        min-height: 80px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          .publico-content-reporte .seccion .txt-interior .box.mod2 {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .publico-content-reporte .seccion .txt-interior .box.mod2 {
            width: 100%; } }
        .publico-content-reporte .seccion .txt-interior .box.mod2 .box-dato {
          text-align: left; }
          .publico-content-reporte .seccion .txt-interior .box.mod2 .box-dato.head {
            border-top: none;
            font-size: .85rem; }
          .publico-content-reporte .seccion .txt-interior .box.mod2 .box-dato.descripcion {
            font-size: .9rem; }
      .publico-content-reporte .seccion .txt-interior .box.mod3 {
        min-height: 110px; }
        .publico-content-reporte .seccion .txt-interior .box.mod3 .box-dato.head {
          min-height: 54px; }
    .publico-content-reporte .seccion .txt-interior .boxmod {
      margin-bottom: 2rem;
      width: 70%;
      border: 2px solid #eceeef; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .publico-content-reporte .seccion .txt-interior .boxmod {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .publico-content-reporte .seccion .txt-interior .boxmod {
          width: 100%; } }
      .publico-content-reporte .seccion .txt-interior .boxmod .head {
        background: #fbfbfb;
        padding: .5rem;
        font-size: .9rem; }
        .publico-content-reporte .seccion .txt-interior .boxmod .head span {
          margin-right: 1rem; }
          @media only screen and (min-width: 768px) and (max-width: 992px) {
            .publico-content-reporte .seccion .txt-interior .boxmod .head span {
              display: block; } }
          @media only screen and (max-width: 767px) {
            .publico-content-reporte .seccion .txt-interior .boxmod .head span {
              display: block; } }
      .publico-content-reporte .seccion .txt-interior .boxmod .descripcion {
        padding: .5rem;
        font-size: .85rem;
        font-weight: 100; }
        .publico-content-reporte .seccion .txt-interior .boxmod .descripcion span {
          margin-right: 1rem; }
        .publico-content-reporte .seccion .txt-interior .boxmod .descripcion.normal {
          font-size: 1rem; }

.publico-content-reporte .sop-indicador {
  margin-bottom: 2rem; }

.publico-content-reporte .semaforo {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  float: left;
  margin-right: .75rem; }
  .publico-content-reporte .semaforo.verde {
    background: #00C851;
    border: 2px solid #007E33; }
  .publico-content-reporte .semaforo.amarillo {
    background: #ffbb33;
    border: 1px solid #FF8800; }
  .publico-content-reporte .semaforo.rojo {
    background: #ff4444;
    border: 2px solid #CC0000; }

#publico-contenidos h3, #publico-contenidos-reporte h3 {
  font-weight: 300; }
  #publico-contenidos h3.titulo-lateral, #publico-contenidos-reporte h3.titulo-lateral {
    display: block;
    border-bottom: 1px solid #0099CC;
    padding-bottom: 8px;
    margin-bottom: 1rem;
    font-size: 1.1rem; }

#publico-contenidos .card-campana, #publico-contenidos-reporte .card-campana {
  overflow: hidden;
  background: #fbfbfb;
  margin: .5rem .5rem 1.8rem;
  padding: 1rem .5rem 0; }
  #publico-contenidos .card-campana .logo-campana, #publico-contenidos-reporte .card-campana .logo-campana {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    background: #f6f6f6; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #publico-contenidos .card-campana .logo-campana, #publico-contenidos-reporte .card-campana .logo-campana {
        margin-bottom: .75rem; } }
    @media only screen and (max-width: 767px) {
      #publico-contenidos .card-campana .logo-campana, #publico-contenidos-reporte .card-campana .logo-campana {
        margin-bottom: .75rem; } }
    #publico-contenidos .card-campana .logo-campana img, #publico-contenidos-reporte .card-campana .logo-campana img {
      width: 100%;
      height: 100%; }
  #publico-contenidos .card-campana h4, #publico-contenidos-reporte .card-campana h4 {
    font-weight: 100;
    padding-bottom: 0; }
  #publico-contenidos .card-campana .categoria, #publico-contenidos-reporte .card-campana .categoria {
    font-size: .7rem;
    color: #999;
    padding-bottom: .5rem;
    display: table; }
    #publico-contenidos .card-campana .categoria i, #publico-contenidos-reporte .card-campana .categoria i {
      font-size: 1.4rem;
      color: #666;
      margin-right: 10px;
      padding-right: 5px;
      display: table-cell;
      vertical-align: middle; }
    #publico-contenidos .card-campana .categoria .cat, #publico-contenidos-reporte .card-campana .categoria .cat {
      display: table-cell;
      vertical-align: middle; }
    #publico-contenidos .card-campana .categoria a, #publico-contenidos-reporte .card-campana .categoria a {
      color: #999; }
      #publico-contenidos .card-campana .categoria a:hover, #publico-contenidos-reporte .card-campana .categoria a:hover {
        color: #666; }
  #publico-contenidos .card-campana .pais, #publico-contenidos-reporte .card-campana .pais {
    overflow: hidden;
    font-size: .7rem;
    color: #999;
    padding-bottom: .1rem;
    display: inline-block; }
    #publico-contenidos .card-campana .pais img, #publico-contenidos-reporte .card-campana .pais img {
      width: 22px;
      float: left;
      margin-right: 8px; }
  #publico-contenidos .card-campana .resumen p, #publico-contenidos-reporte .card-campana .resumen p {
    font-size: .8rem; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #publico-contenidos .card-campana .left, #publico-contenidos-reporte .card-campana .left {
      float: none;
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #publico-contenidos .card-campana .right, #publico-contenidos-reporte .card-campana .right {
      float: none;
      width: 100%; } }

#publico-contenidos .card-redes, #publico-contenidos-reporte .card-redes {
  width: 30%;
  float: left;
  height: 102px; }
  #publico-contenidos .card-redes:hover, #publico-contenidos-reporte .card-redes:hover {
    background: #f6f6f6; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #publico-contenidos .card-redes, #publico-contenidos-reporte .card-redes {
      width: 46%; } }
  @media only screen and (max-width: 767px) {
    #publico-contenidos .card-redes, #publico-contenidos-reporte .card-redes {
      width: 45%; } }
  #publico-contenidos .card-redes .left, #publico-contenidos-reporte .card-redes .left {
    float: left;
    margin-right: 8px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #publico-contenidos .card-redes .left, #publico-contenidos-reporte .card-redes .left {
        width: auto; } }
    @media only screen and (max-width: 767px) {
      #publico-contenidos .card-redes .left, #publico-contenidos-reporte .card-redes .left {
        width: auto; } }
    #publico-contenidos .card-redes .left .logo-campana, #publico-contenidos-reporte .card-redes .left .logo-campana {
      width: 60px;
      height: 60px; }
  #publico-contenidos .card-redes .right h4, #publico-contenidos-reporte .card-redes .right h4 {
    font-size: 1rem;
    font-weight: 300;
    height: 35px;
    overflow: hidden; }
    #publico-contenidos .card-redes .right h4:hover, #publico-contenidos-reporte .card-redes .right h4:hover {
      text-decoration: underline; }
    @media only screen and (max-width: 767px) {
      #publico-contenidos .card-redes .right h4, #publico-contenidos-reporte .card-redes .right h4 {
        height: 33px; } }
  #publico-contenidos .card-redes .right .redes-user, #publico-contenidos-reporte .card-redes .right .redes-user {
    text-transform: capitalize;
    font-size: .7rem;
    display: block;
    height: 14px;
    overflow: hidden; }
    #publico-contenidos .card-redes .right .redes-user:hover, #publico-contenidos-reporte .card-redes .right .redes-user:hover {
      text-decoration: underline; }
  #publico-contenidos .card-redes .right .pais, #publico-contenidos-reporte .card-redes .right .pais {
    font-size: .6rem; }
    #publico-contenidos .card-redes .right .pais img, #publico-contenidos-reporte .card-redes .right .pais img {
      width: 14px; }

#publico-contenidos .txt-interior .no-contenido, #publico-contenidos-reporte .txt-interior .no-contenido {
  text-align: center;
  background: #f6f6f6;
  padding: 10px 0;
  font-size: .9rem; }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  #publico-contenidos.redes-content .side-content, #publico-contenidos.redes-content .content-content, #publico-contenidos-reporte.redes-content .side-content, #publico-contenidos-reporte.redes-content .content-content {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  #publico-contenidos.redes-content .side-content, #publico-contenidos.redes-content .content-content, #publico-contenidos-reporte.redes-content .side-content, #publico-contenidos-reporte.redes-content .content-content {
    width: 100%; } }

#publico-contenidos-reporte h3.titulo-lateral {
  font-size: 1.2rem; }

#articulos-medios {
  background: #e5e5e5;
  box-shadow: 0px 5px 5px 0px rgba(140, 130, 140, 0.4); }

.cabecera-medios, .cabecera-premios {
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc; }
  .cabecera-medios h3, .cabecera-premios h3 {
    display: inline-block;
    width: auto;
    border-bottom: 3px solid #33b5e5;
    padding: 0 .75rem;
    margin-bottom: 0; }
  .cabecera-medios img, .cabecera-premios img {
    width: 94px;
    height: auto;
    float: left;
    margin-right: .75rem; }
  .cabecera-medios span, .cabecera-premios span {
    display: inline-block;
    line-height: 130%; }

#carrusel-medios {
  margin-bottom: 50px; }
  #carrusel-medios .item-medios {
    padding: 0;
    border: 0;
    overflow: hidden; }
    #carrusel-medios .item-medios .card {
      box-shadow: none;
      position: relative;
      margin: 0; }
      #carrusel-medios .item-medios .card img {
        transition: all 0.3s linear; }
      #carrusel-medios .item-medios .card .card-body {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: .75rem;
        text-align: center; }
        #carrusel-medios .item-medios .card .card-body p {
          color: #fff;
          font-weight: 500;
          text-shadow: 0px 0px 5px #000; }
    #carrusel-medios .item-medios:hover img {
      transform: scale(1.1); }
  #carrusel-medios .carousel-indicators li {
    background: #fff;
    height: 15px;
    width: 15px;
    margin-bottom: -30px; }
    #carrusel-medios .carousel-indicators li.active {
      background: #666;
      height: 20px;
      width: 20px; }

#premios {
  padding-top: 80px; }

#carrusel-premios {
  margin-bottom: 50px; }
  #carrusel-premios .item-premios {
    border: 0;
    text-align: center;
    transition: all 0.3s linear; }
    #carrusel-premios .item-premios .card {
      box-shadow: none; }
      #carrusel-premios .item-premios .card img {
        margin: 0 auto; }
      #carrusel-premios .item-premios .card p {
        font-size: .9rem;
        padding: 0 1rem; }
      #carrusel-premios .item-premios .card a:hover p {
        text-decoration: underline; }
      #carrusel-premios .item-premios .card .card-img {
        min-height: 100px;
        position: relative; }
        #carrusel-premios .item-premios .card .card-img img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    #carrusel-premios .item-premios:hover {
      transform: translateY(-10px); }
  #carrusel-premios .carousel-indicators li {
    background: #e5e5e5;
    height: 15px;
    width: 15px;
    margin-bottom: -30px; }
    #carrusel-premios .carousel-indicators li.active {
      background: #666;
      height: 20px;
      width: 20px; }

#franja-medios img {
  width: 100%;
  transition: all 0.1s ease-in-out;
  transform: scale(1); }
  @media only screen and (max-width: 767px) {
    #franja-medios img {
      width: 200px;
      margin: 0  auto 30px; } }

#franja-medios .item-medios:hover img {
  transform: scale(1.05); }

#franja-medios #carrusel-franja-medios {
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    #franja-medios #carrusel-franja-medios .item-medios {
      height: 120px; } }
  @media only screen and (max-width: 767px) {
    #franja-medios #carrusel-franja-medios .item-medios {
      height: 120px; } }

.chip {
  opacity: 0; }

.chip {
  background-color: none;
  background-color: #45cafc;
  /* Old browsers */
  background: linear-gradient(to right, #45cafc 0%, #303f9f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45cafc', endColorstr='#303f9f',GradientType=1 );
  /* IE6-9 */ }
  .chip a {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px; }
    .chip a strong {
      text-transform: uppercase; }
  .chip img {
    box-shadow: 0px 0px 5px 0 rgba(255, 255, 255, 0.8); }

.chip.chip-md {
  height: 52px;
  line-height: 52px;
  border-radius: 52px; }

.chip.chip-md img {
  height: 52px;
  width: 52px; }

.chip.chip-lg {
  height: 62px;
  line-height: 62px;
  border-radius: 62px; }

.chip.chip-lg img {
  height: 62px;
  width: 62px; }

.fadeIn {
  opacity: 1;
  animation: fadeIn .5s ease-in forwards;
  transition: all .25s;
  transform: translateY(0); }

.fadeOut {
  opacity: 0;
  animation: fadeOut 1s ease-out forwards;
  transition: all .25s;
  transform: translateY(0); }

.fadeInOut {
  opacity: 0;
  animation: fadeInOut 5s ease-in forwards;
  transition: all .1s;
  transform: translateY(0); }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(20px); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateX(0); }
  to {
    opacity: 0;
    transform: translateY(20px); } }

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
    transform: translateX(20px); }
  75% {
    opacity: 1;
    transform: translateX(0); } }

.delay1 {
  animation-delay: 2s; }

.delay2 {
  animation-delay: 3s; }

.delay3 {
  animation-delay: 4s; }

.delay4 {
  animation-delay: 5s; }

.delay5 {
  animation-delay: 6s; }

.new-invesion {
  position: fixed;
  right: 0; }
  .new-invesion.nInv01 {
    top: 360px; }
  .new-invesion.nInv02 {
    top: 310px; }
  .new-invesion.nInv03 {
    top: 260px; }
  .new-invesion.nInv04 {
    top: 210px; }
  .new-invesion.nInv05 {
    top: 160px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .new-invesion {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .new-invesion {
      display: none; } }

#datos-procesos-solicitud .form-log {
  padding-top: 0;
  background: #fff; }

#datos-procesos-solicitud .section-cabecera {
  text-align: center;
  background: #333 url("/images/generales/levanta-capital/bkg-cabecera-etapa0.jpg");
  padding: 40px 0 20px;
  color: #fff;
  margin-bottom: 60px; }
  #datos-procesos-solicitud .section-cabecera h2 {
    text-align: center;
    text-transform: uppercase; }
    #datos-procesos-solicitud .section-cabecera h2 span {
      border-bottom: 1px solid #2BBBAD;
      padding: 0 1.5rem 1rem;
      display: inline-block; }
  #datos-procesos-solicitud .section-cabecera p {
    width: 80%;
    margin: 0 auto 40px;
    font-size: 1.2rem;
    font-weight: 100; }
    #datos-procesos-solicitud .section-cabecera p strong {
      font-weight: 300; }
    @media only screen and (max-width: 767px) {
      #datos-procesos-solicitud .section-cabecera p {
        font-size: 1rem; } }

#datos-procesos-solicitud.paso-etapa {
  overflow: hidden; }
  #datos-procesos-solicitud.paso-etapa .bajada-log {
    width: 100%; }
  #datos-procesos-solicitud.paso-etapa h3 {
    border-bottom: 1px solid #FF8800; }

#datos-procesos-solicitud .card {
  margin-bottom: 0;
  box-shadow: none; }
  #datos-procesos-solicitud .card .card-body {
    padding: 3rem 1.25rem; }

#datos-procesos-solicitud .paso-proceso {
  margin-bottom: 2rem;
  overflow: hidden;
  display: table; }
  #datos-procesos-solicitud .paso-proceso img.img {
    float: left;
    margin-right: 10px;
    width: 120px;
    border-radius: 10px;
    display: table-cell;
    vertical-align: middle; }
  #datos-procesos-solicitud .paso-proceso .circle {
    width: 94px;
    padding: 14px;
    float: left;
    margin-right: 10px;
    border: 6px solid #f6f6f6;
    overflow: hidden;
    border-radius: 80px;
    position: relative; }
    #datos-procesos-solicitud .paso-proceso .circle:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      border: 1px solid #26b2a2;
      border-radius: 80px; }
    #datos-procesos-solicitud .paso-proceso .circle img {
      width: 100%; }
  #datos-procesos-solicitud .paso-proceso .detalle {
    display: table-cell;
    vertical-align: middle; }
    #datos-procesos-solicitud .paso-proceso .detalle p {
      font-size: .9rem; }
    #datos-procesos-solicitud .paso-proceso .detalle h5 {
      font-size: 1.05rem;
      margin-bottom: 0;
      padding-bottom: .3rem;
      font-weight: 400; }

#datos-procesos-solicitud .accordion {
  margin-top: 50px; }
  #datos-procesos-solicitud .accordion .card-header {
    padding: 1.25rem;
    background: #f6f6f6;
    position: relative; }
    #datos-procesos-solicitud .accordion .card-header:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 8px solid #fff;
      border-right: 8px solid transparent; }
    #datos-procesos-solicitud .accordion .card-header i {
      color: #33b5e5; }
      #datos-procesos-solicitud .accordion .card-header i.abierto {
        display: none; }
  #datos-procesos-solicitud .accordion .card-body p {
    font-weight: 100; }
  #datos-procesos-solicitud .accordion .card-body ul li {
    font-weight: 100;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative; }
    #datos-procesos-solicitud .accordion .card-body ul li:before {
      content: "";
      width: 5px;
      height: 15px;
      background: #33b5e5;
      position: absolute;
      left: 0;
      top: 5px; }
  #datos-procesos-solicitud .accordion h5 {
    color: #666;
    padding-bottom: 0;
    font-size: 1.4rem;
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      #datos-procesos-solicitud .accordion h5 {
        font-size: 1.3rem; } }

#datos-procesos-solicitud #crear-solicitud {
  background: #e5e5e5;
  width: 100%;
  z-index: 100;
  padding: 20px 0;
  transition: all 0.3s linear; }
  #datos-procesos-solicitud #crear-solicitud.fijo {
    position: fixed;
    bottom: 0px; }
  #datos-procesos-solicitud #crear-solicitud .btn i, #datos-procesos-solicitud #crear-solicitud .btn span {
    display: inline-block;
    vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    #datos-procesos-solicitud #crear-solicitud {
      position: static;
      margin-top: 40px; }
      #datos-procesos-solicitud #crear-solicitud .form-check {
        margin-right: 0; }
      #datos-procesos-solicitud #crear-solicitud label {
        line-height: 120%; }
      #datos-procesos-solicitud #crear-solicitud p.obliga {
        margin-top: 30px; }
      #datos-procesos-solicitud #crear-solicitud .btn {
        margin: 10px auto;
        display: block; } }

.paso-etapa legend {
  display: none; }

.paso-etapa fieldset {
  margin-bottom: 2rem; }
  .paso-etapa fieldset label.label-sm {
    font-size: 1rem;
    line-height: 120%; }

.paso-etapa h2 {
  width: 100%;
  position: static;
  text-align: left; }
  .paso-etapa h2 span {
    display: block; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .paso-etapa h2 span {
        width: 100%;
        display: inline; } }
    @media only screen and (max-width: 767px) {
      .paso-etapa h2 span {
        width: 100%;
        display: inline; } }

.paso-etapa h3 {
  border-bottom: 1px solid #d41f29;
  margin-bottom: 2rem; }

.paso-etapa .formulario fieldset {
  position: relative; }

.paso-etapa .formulario .dato-form.dato-acepto, .paso-etapa .formulario .mb-form.dato-acepto {
  margin-bottom: 20px; }

.paso-etapa .formulario .obliga {
  color: #ff4444;
  font-size: .7rem;
  font-weight: 400; }
  .paso-etapa .formulario .obliga.marginless {
    margin: 0 0 5px 15px; }

.paso-etapa .formulario label {
  font-size: 1rem; }

.paso-etapa .formulario .alerta_error {
  font-size: .75rem;
  margin-bottom: 0;
  color: #ff4444;
  width: 100%;
  padding-left: 15px;
  overflow: hidden;
  font-weight: 600; }
  .paso-etapa .formulario .alerta_error li {
    display: inline;
    padding-right: 10px;
    float: left; }

.paso-etapa .bajada-log {
  position: static;
  padding-top: 1rem;
  border-top: 1px solid #666;
  text-align: left; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .paso-etapa .bajada-log {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .paso-etapa .bajada-log {
      width: 100%; } }
  .paso-etapa .bajada-log p {
    line-height: 140%; }

.paso-etapa .form-frame {
  overflow: hidden; }

.paso-etapa #frame-pdf {
  background: #fff;
  float: left;
  border: 4px solid #333; }

.paso-etapa .tool-if {
  background: #333;
  float: left;
  width: 100%;
  overflow: hidden; }
  .paso-etapa .tool-if a {
    background: #333;
    color: #fff;
    float: right;
    padding: 2px 5px;
    font-weight: 100;
    display: table;
    font-size: 12px;
    margin: 0 10px; }
    .paso-etapa .tool-if a span {
      display: table-cell;
      vertical-align: middle;
      padding-left: 5px; }
    .paso-etapa .tool-if a i {
      display: table-cell;
      vertical-align: middle;
      font-size: 1.25rem; }
    .paso-etapa .tool-if a:hover {
      color: #f6f6f6; }

.paso-etapa .sticky {
  width: 200px; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .paso-etapa .sticky {
      display: block;
      width: 100%;
      position: static !important; } }
  @media only screen and (max-width: 767px) {
    .paso-etapa .sticky {
      display: block;
      width: 100%;
      position: static !important; } }

@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .paso-etapa .sticky-placeholder {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .paso-etapa .sticky-placeholder {
    display: none; } }

@media only screen and (max-width: 767px) {
  .paso-etapa .sticky-placeholder {
    display: none; } }

.paso-etapa table th, .paso-etapa table td {
  font-weight: 100; }

.paso-etapa table th {
  padding: 1rem .75rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: .8rem; }

.paso-etapa table td {
  padding: .75rem; }
  .paso-etapa table td.herramienta {
    text-align: right; }

.paso-etapa table tbody td {
  background: #f6f6f6; }

.paso-etapa table tfoot td {
  background: none; }

.paso-etapa table.ventas_table {
  width: 70%;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 767px) {
    .paso-etapa table.ventas_table {
      width: 100%; } }
  .paso-etapa table.ventas_table th {
    padding: 10px;
    background: #fbfbfb;
    text-align: right;
    width: 30%; }
  .paso-etapa table.ventas_table td {
    padding: 10px 10px 10px 20%;
    background: #fff;
    width: 70%; }

.paso-etapa .soporte-capsulas {
  overflow: hidden; }
  .paso-etapa .soporte-capsulas #inserta-capsula {
    overflow: hidden; }

.paso-etapa .capsula {
  background: #f6f6f6;
  color: #666;
  display: inline-block;
  font-size: 13px;
  line-height: 120%;
  margin: 0 1rem 1rem 0;
  position: relative;
  padding: 10px;
  border-radius: 5px;
  width: 160px; }
  .paso-etapa .capsula span {
    display: block; }
  .paso-etapa .capsula .close {
    font-size: 16px;
    float: right;
    padding-left: 8px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); }
  .paso-etapa .capsula .nom {
    text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .paso-etapa .capsula {
      width: 44%; } }
  .paso-etapa .capsula.mitad {
    width: 47%;
    margin-right: 2%;
    float: left; }
    .paso-etapa .capsula.mitad .nom {
      height: 30px;
      line-height: 100%; }
    .paso-etapa .capsula.mitad .desc {
      height: 30px; }

.paso-etapa .tool-agrega {
  width: 96%;
  padding-top: 8px;
  border-top: 1px dotted #bcbcbc; }
  @media only screen and (max-width: 767px) {
    .paso-etapa .tool-agrega {
      width: 100%; } }

.paso-etapa .eliminar-fila, .paso-etapa .editar-fila {
  color: #666;
  margin: 0; }

.paso-etapa .agregar {
  color: #666;
  display: table;
  font-size: .9rem; }
  .paso-etapa .agregar i, .paso-etapa .agregar span {
    display: table-cell;
    vertical-align: middle; }
  .paso-etapa .agregar i {
    color: #2BBBAD;
    padding-right: 5px; }
  .paso-etapa .agregar.right {
    float: right; }
  .paso-etapa .agregar.left {
    float: left; }
  .paso-etapa .agregar span:hover {
    color: #2BBBAD; }

.paso-etapa .hide {
  display: none; }

.paso-etapa .alerta-pasos {
  position: absolute;
  top: 0;
  right: -216px;
  width: 200px;
  line-height: 120%;
  background: #fff;
  border: 1px solid #999;
  border-top: 6px solid #999;
  font-size: .9rem;
  padding: 10px 10px 10px 20px;
  box-shadow: 0px 0px 6px 1px rgba(172, 181, 194, 0.56); }
  .paso-etapa .alerta-pasos ul {
    font-size: .8rem;
    padding: .5rem 0 0;
    margin-bottom: 0; }
    .paso-etapa .alerta-pasos ul li {
      padding-bottom: .6rem;
      line-height: 120%;
      padding-left: .75rem;
      position: relative; }
      .paso-etapa .alerta-pasos ul li:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        height: 6px;
        width: 6px;
        border: 1px solid #999; }
      .paso-etapa .alerta-pasos ul li a {
        text-decoration: underline; }
  .paso-etapa .alerta-pasos:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #999;
    border-left: 16px solid transparent;
    position: absolute;
    left: -17px;
    top: -6px; }
  .paso-etapa .alerta-pasos.info {
    border: 1px solid #45cafc;
    border-top: 6px solid #45cafc; }
    .paso-etapa .alerta-pasos.info ul li:before {
      border: 1px solid #45cafc; }
    .paso-etapa .alerta-pasos.info:before {
      border-top: 6px solid #45cafc; }
  .paso-etapa .alerta-pasos.danger {
    border: 1px solid #ff4444;
    border-top: 6px solid #ff4444; }
    .paso-etapa .alerta-pasos.danger ul li:before {
      border: 1px solid #ff4444; }
    .paso-etapa .alerta-pasos.danger:before {
      border-top: 6px solid #ff4444; }
  .paso-etapa .alerta-pasos.warning {
    border: 1px solid #ffbb33;
    border-top: 6px solid #ffbb33; }
    .paso-etapa .alerta-pasos.warning ul li:before {
      border: 1px solid #ffbb33; }
    .paso-etapa .alerta-pasos.warning:before {
      border-top: 6px solid #ffbb33; }

.paso-etapa .alerta-prueba {
  background: red;
  width: 200px;
  height: 50px; }

.render-formulario h4 {
  padding: .75rem;
  margin-bottom: 0; }

.render-formulario .info-render {
  padding: 2rem;
  font-size: .9rem;
  background: #e5e5e5;
  border-top: 1px solid #ff4444; }
  .render-formulario .info-render h5 {
    padding-bottom: 0;
    font-size: 1.2rem; }
  .render-formulario .info-render table {
    width: 100%; }
    .render-formulario .info-render table th, .render-formulario .info-render table td {
      padding: .4rem;
      font-weight: 100;
      border-bottom: 1px solid #ccc;
      font-size: .8rem; }
    .render-formulario .info-render table th {
      width: 180px;
      line-height: 120%; }
    .render-formulario .info-render table td {
      font-weight: 600; }

.render-formulario.sticky {
  top: 20px !important; }

.v-select .dropdown-toggle::after {
  visibility: hidden; }

.v-select .dropdown-toggle .selected-tag {
  font-weight: 300; }

.v-select .dropdown-menu li a {
  font-weight: 300; }

.chart {
  display: table;
  table-layout: fixed;
  width: 60%;
  max-width: 700px;
  height: 100px;
  margin: 0 auto;
  background-size: 100% 50px;
  background-position: left top;
  border-bottom: 1px solid #bcbcbc; }
  .chart div {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 100px; }
  .chart span {
    margin: 0 1em;
    display: block;
    background: rgba(102, 102, 102, 0.75); }
    .chart span:before {
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      padding: 5px 1em 0;
      display: block;
      text-align: center;
      content: attr(title);
      word-wrap: break-word; }
    .chart span .numeral {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0%);
      background: none; }

.btn-group-toggle, .btn-group {
  width: 100%;
  text-align: center; }
  .btn-group-toggle .btn, .btn-group .btn {
    min-width: auto;
    border: 1px solid #2BBBAD;
    padding: .65rem 1.5rem;
    color: #2BBBAD !important;
    font-size: .75rem;
    display: inline-block;
    float: none;
    text-transform: none; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .btn-group-toggle .btn, .btn-group .btn {
        padding: .65rem 1rem; } }
    @media only screen and (max-width: 767px) {
      .btn-group-toggle .btn, .btn-group .btn {
        padding: .65rem 1rem; } }
    .btn-group-toggle .btn.activo, .btn-group .btn.activo {
      background: #4285F4; }
      .btn-group-toggle .btn.activo:hover, .btn-group .btn.activo:hover {
        background: #0d47a1; }

.form-check {
  margin-right: 2rem; }

.radios [type=radio] + label:after, .radios [type=radio] + label:before {
  width: 24px;
  height: 24px;
  border: 2px solid #2BBBAD; }

.stepper {
  margin-bottom: 2rem; }
  .stepper li a {
    cursor: default;
    position: relative; }
    .stepper li a .label {
      display: block;
      font-family: "Roboto", sans-serif;
      font-weight: 400; }
    .stepper li a .circle {
      width: 60px;
      height: 60px;
      line-height: 54px;
      border: 2px solid #ccc;
      background: none;
      position: relative; }
      .stepper li a .circle i {
        font-size: 20px;
        color: #ccc; }
      .stepper li a .circle img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -webkit-filter: opacity(50%);
        -moz-filter: opacity(50%);
        -o-filter: opacity(50%);
        -ms-filter: opacity(50%); }
      @media only screen and (max-width: 767px) {
        .stepper li a .circle {
          width: 44px;
          height: 44px;
          line-height: 38px; }
          .stepper li a .circle img {
            width: 60%; } }
      .stepper li a .circle.alarma i {
        display: none; }
        .stepper li a .circle.alarma i.ico-alarma {
          display: block; }
      .stepper li a .circle .listo {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #2BBBAD;
        color: #fff;
        font-size: 20px;
        top: 38%;
        right: -12px;
        border: 2px solid #fff;
        line-height: 26px;
        display: none; }
    @media only screen and (max-width: 767px) {
      .stepper li a .label {
        line-height: 120%;
        font-size: 13px; } }
  .stepper li:hover {
    background: none; }
  .stepper li.completed a {
    cursor: pointer; }
    .stepper li.completed a .circle {
      background: #fff !important;
      border: 2px solid #2BBBAD; }
      .stepper li.completed a .circle i {
        color: #fff; }
      .stepper li.completed a .circle img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -webkit-filter: opacity(100%);
        -moz-filter: opacity(100%);
        -o-filter: opacity(100%);
        -ms-filter: opacity(100%); }
      .stepper li.completed a .circle .listo {
        display: block; }
    .stepper li.completed a .label {
      font-weight: 400; }
  .stepper li.completed:first-child:before {
    background-color: rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 767px) {
    .stepper li.active {
      margin-top: 0; }
      .stepper li.active img {
        width: 70%; } }
  .stepper li.active a {
    cursor: pointer; }
    .stepper li.active a .circle {
      width: 80px;
      height: 80px;
      line-height: 70px;
      background: #fff !important;
      border: 3px solid #4285F4; }
      .stepper li.active a .circle i {
        color: #fff; }
      .stepper li.active a .circle img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -webkit-filter: opacity(100%);
        -moz-filter: opacity(100%);
        -o-filter: opacity(100%);
        -ms-filter: opacity(100%); }
      @media only screen and (max-width: 767px) {
        .stepper li.active a .circle {
          width: 60px;
          height: 60px;
          line-height: 54px; } }
    .stepper li.active a .label {
      font-weight: 400; }
  @media only screen and (max-width: 767px) {
    .stepper li {
      display: inline-block;
      margin-top: 10px; } }

.scroll-box {
  position: relative; }

.scrollspy-example {
  position: relative;
  overflow-y: scroll;
  height: 200px; }

.no-contenido-log {
  text-align: center; }
  .no-contenido-log p {
    text-align: center;
    font-size: 1.1rem; }
    .no-contenido-log p.text-log {
      font-size: .8rem;
      padding-top: 1rem; }
      .no-contenido-log p.text-log a {
        color: #33b5e5;
        text-decoration: underline; }

/*==== Tabla Responsive ====*/
.stacktable {
  width: 100%; }

.st-head-row {
  padding-top: 1em; }

.st-head-row.st-head-row-main {
  font-size: 1.5em;
  padding-top: 0; }

.st-key {
  width: 49%;
  text-align: right;
  padding-right: 1%; }

.st-val {
  width: 49%;
  padding-left: 1%; }

/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
  display: table; }

.stacktable.small-only {
  display: none; }

@media only screen and (max-width: 767px) {
  .stacktable.large-only {
    display: none; }
  .stacktable.small-only {
    display: table; } }

/*==== FIN Tabla Responsive ====*/
/*==== acordion ====*/
.acordeon .open {
  cursor: pointer;
  display: block; }

.acordeon .hide {
  display: none; }

.acordeon .card-acordeon {
  margin-bottom: 1rem; }

.lista-campanas {
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem; }

/*==== colapsar ====*/
.colapsar .open {
  cursor: pointer;
  display: block; }

.colapsar .hide {
  display: none; }

.colapsar .card-acordeon {
  margin-bottom: 1rem; }

/*==== menu movil ====*/
#menu-movil {
  display: none;
  float: right;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  margin-right: .75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #menu-movil:focus {
    outline: none; }
  @media only screen and (max-width: 767px) {
    #menu-movil {
      display: block; } }
  #menu-movil i {
    color: #33b5e5;
    font-size: 36px; }
  #menu-movil .ico-hamburguesa {
    display: block; }
  #menu-movil .ico-close {
    display: none; }
  #menu-movil.on .ico-hamburguesa {
    display: none; }
  #menu-movil.on .ico-close {
    display: block; }

.txt-menu {
  float: right;
  font-size: .9rem;
  font-weight: 100;
  padding-top: .5rem;
  text-transform: none;
  display: none; }
  @media only screen and (max-width: 767px) {
    .txt-menu {
      display: block; } }

.menu-items {
  display: block; }
  @media only screen and (max-width: 767px) {
    .menu-items {
      display: none; } }
  .menu-items.activo {
    display: block; }

#alerta {
  padding-bottom: 60px; }
  #alerta .tarjeta-advertencia {
    font-weight: 300;
    width: 98%;
    margin: 0 auto; }
    #alerta .tarjeta-advertencia.card .card-block {
      padding: 1.25rem; }
    #alerta .tarjeta-advertencia.card .card-text {
      height: auto; }
    #alerta .tarjeta-advertencia p a {
      font-weight: 300;
      text-decoration: underline; }

.alert {
  font-size: .9rem; }
  .alert a {
    text-decoration: underline;
    font-weight: 400;
    color: #31708f; }

.circle-chart__circle {
  animation: circle-chart-fill 2s reverse;
  /* 1 */
  transform: rotate(-90deg);
  /* 2, 3 */
  transform-origin: center;
  /* 4 */ }

.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em); }

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0); } }

.card-info-riesgo {
  border: 1px solid #ffbb33;
  padding: 1rem; }
  .card-info-riesgo.camp {
    margin: 3rem auto 2rem; }
  .card-info-riesgo.centrado {
    width: 90%;
    margin: 0 auto; }
  .card-info-riesgo.margin-bottom {
    margin-bottom: 3rem; }
  .card-info-riesgo .card-body {
    display: table; }
  .card-info-riesgo i {
    font-size: 3rem;
    display: table-cell;
    vertical-align: middle;
    color: #ffbb33; }
  .card-info-riesgo p {
    display: table-cell;
    vertical-align: middle;
    padding: .75rem .75rem .75rem 1.2rem; }

.modal {
  background: rgba(0, 0, 0, 0.5); }
  .modal .hide {
    display: none; }
  .modal .show {
    display: block; }
  .modal .modal-header {
    background: #98dfe0; }
    .modal .modal-header.warning {
      background: #ffbb33; }
    .modal .modal-header .close {
      color: #fff;
      opacity: 1; }
      .modal .modal-header .close:hover {
        color: #999; }
  .modal .modal-body {
    text-align: center; }
  .modal .modal-footer p.obliga {
    padding: 0;
    margin: 0 8px 5px 0; }
  .modal .alert {
    font-size: 1rem; }
  .modal .mitad-modal {
    width: 50%;
    float: left; }
  .modal.formulario .modal-body .dato-form, .modal.formulario .modal-body .md-form {
    text-align: left; }
  .modal.modal-mensajes .modal-body form {
    width: 80%;
    margin: 0 auto;
    text-align: left; }
    .modal.modal-mensajes .modal-body form .destino {
      margin: -1rem 0 2rem; }
      .modal.modal-mensajes .modal-body form .destino p {
        font-size: 1rem; }
    .modal.modal-mensajes .modal-body form .campo-descripcion {
      color: #444;
      font-size: 1rem; }
    .modal.modal-mensajes .modal-body form input, .modal.modal-mensajes .modal-body form textarea {
      border: 1px dotted #ccc; }
    .modal.modal-mensajes .modal-body form input {
      text-indent: .75rem; }
    .modal.modal-mensajes .modal-body form textarea {
      overflow: hidden;
      resize: none;
      padding: .75rem;
      width: 95%;
      min-height: 4rem; }
  .modal.modal-mensajes p {
    margin-bottom: 0; }
  .modal h3 {
    font-size: 1.75rem;
    color: #33b5e5;
    font-weight: 300;
    padding-top: 1rem; }
    .modal h3.warning {
      color: #ffbb33; }
  .modal h4 {
    color: #33b5e5;
    line-height: 120%; }
  .modal .easy-autocomplete {
    width: 100% !important; }
    .modal .easy-autocomplete ul li {
      font-size: .9rem;
      cursor: pointer; }
      .modal .easy-autocomplete ul li:hover {
        background: #fbfbfb; }
  .modal.modal-msn .btn {
    min-width: 120px; }
  .modal.modal-publicar .modal-body, .modal.modal-msn .modal-body {
    padding: 1.75rem; }
  .modal.modal-publicar p, .modal.modal-msn p {
    width: 100%;
    padding-bottom: .75rem; }
  .modal.modal-publicar i, .modal.modal-msn i {
    margin-bottom: 1rem; }
    .modal.modal-publicar i.material-icons, .modal.modal-msn i.material-icons {
      font-size: 4rem;
      color: #999; }
    .modal.modal-publicar i.fa-check, .modal.modal-publicar i.fa-remove, .modal.modal-msn i.fa-check, .modal.modal-msn i.fa-remove {
      color: #00C851; }
    .modal.modal-publicar i.fa-remove, .modal.modal-msn i.fa-remove {
      color: #999; }
  .modal.modal-publicar .texto-publico i, .modal.modal-msn .texto-publico i {
    color: #00C851; }
    .modal.modal-publicar .texto-publico i.fa-times, .modal.modal-msn .texto-publico i.fa-times {
      color: #ff4444; }
    .modal.modal-publicar .texto-publico i.ico-cerrar, .modal.modal-msn .texto-publico i.ico-cerrar {
      color: #ff4444; }
  .modal.modal-publicar .modal-footer, .modal.modal-msn .modal-footer {
    text-align: center; }
  .modal.modal-detecta-startup .modal-footer {
    text-align: center; }
  .modal.modal-detecta-startup .modal-footer .btn-cerrar-detecta {
    color: #333 !important; }
  .modal #nombre-startup-crea {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500; }
  .modal.modal-devolucion .datos-devolucion {
    overflow: hidden; }
    .modal.modal-devolucion .datos-devolucion table {
      font-size: .75rem;
      width: 60%;
      margin: 0 auto 20px; }
      @media only screen and (max-width: 767px) {
        .modal.modal-devolucion .datos-devolucion table {
          width: 100%; } }
      .modal.modal-devolucion .datos-devolucion table th, .modal.modal-devolucion .datos-devolucion table td {
        padding: .1rem; }
      .modal.modal-devolucion .datos-devolucion table th {
        font-weight: bold; }
      .modal.modal-devolucion .datos-devolucion table td {
        text-align: right; }
  .modal.modal-devolucion .campo-descripcion {
    text-align: center;
    margin: 1rem 0 0 0;
    font-size: .9rem;
    color: #000; }
    @media only screen and (max-width: 767px) {
      .modal.modal-devolucion .campo-descripcion {
        margin: 0; } }
  .modal.modal-devolucion .form-devolucion {
    width: 80%;
    margin: 0 auto;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .modal.modal-devolucion .form-devolucion {
        width: 100%; } }
    .modal.modal-devolucion .form-devolucion label, .modal.modal-devolucion .form-devolucion input, .modal.modal-devolucion .form-devolucion textarea {
      font-size: 1rem; }
    .modal.modal-devolucion .form-devolucion input#numero_cuenta {
      padding-top: 0; }
    .modal.modal-devolucion .form-devolucion textarea {
      padding: .1rem;
      font-size: .8rem; }
    .modal.modal-devolucion .form-devolucion .md-form label.active {
      font-size: .8rem; }
    @media only screen and (max-width: 767px) {
      .modal.modal-devolucion .form-devolucion .dato-form, .modal.modal-devolucion .form-devolucion .dato-tool {
        margin-bottom: 1.5rem !important; } }
    .modal.modal-devolucion .form-devolucion .dropdown-content li > span {
      font-size: .75rem; }
    .modal.modal-devolucion .form-devolucion .mitad {
      margin-bottom: 0.8rem !important; }
  .modal#modal-comentario .sop-user {
    padding: 0;
    display: block; }
  .modal#modal-comentario .avatar-user-caja {
    display: block;
    margin: 0 auto 10px;
    width: 58px;
    height: 58px;
    border-radius: 58px;
    padding: 2px; }
  .modal#modal-comentario .nombre-user-caja {
    padding: 0;
    font-size: .6rem;
    font-style: normal;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
  .modal#modal-comentario .form-group label {
    font-size: 1rem;
    font-style: oblique;
    text-align: left;
    display: block; }
  .modal#modal-comentario .form-group input, .modal#modal-comentario .form-group textarea {
    background: #fff;
    border: 1px dotted #ccc;
    font-size: .85rem;
    text-indent: 5px; }
  .modal#modal-comentario .form-group textarea {
    min-height: 100px;
    resize: none;
    overflow: hidden; }
  .modal#modal-comentario .dato-tool {
    margin-bottom: 30px;
    padding-right: 10px; }
  .modal#modal-comentario .mensaje-exito, .modal#modal-comentario .mensaje-error {
    display: none; }
  .modal#modal-recomendar-campana .mensaje-exito, .modal#modal-recomendar-campana .mensaje-error {
    padding: 1rem 1.75rem;
    margin: 2rem; }
    .modal#modal-recomendar-campana .mensaje-exito p, .modal#modal-recomendar-campana .mensaje-error p {
      margin: 1rem; }
  @media only screen and (max-width: 767px) {
    .modal#modal-contactar-campana h3, .modal#modal-contacto h3 {
      font-size: 1.3rem;
      padding-bottom: 0; } }
  .modal#modal-contactar-campana .campo-descripcion, .modal#modal-contacto .campo-descripcion {
    font-size: 1rem; }
    @media only screen and (max-width: 767px) {
      .modal#modal-contactar-campana .campo-descripcion, .modal#modal-contacto .campo-descripcion {
        font-size: .9rem;
        margin-bottom: 1rem; } }
  .modal#modal-contactar-campana .dato-form, .modal#modal-contacto .dato-form {
    text-align: left;
    margin-bottom: 1rem; }
    .modal#modal-contactar-campana .dato-form input, .modal#modal-contacto .dato-form input {
      border: 1px dotted #ccc;
      text-indent: 10px;
      padding: 0; }
      .modal#modal-contactar-campana .dato-form input.invalid, .modal#modal-contacto .dato-form input.invalid {
        border-bottom: 1px solid #ff4444; }
      .modal#modal-contactar-campana .dato-form input.fono, .modal#modal-contacto .dato-form input.fono {
        background: #fff; }
    .modal#modal-contactar-campana .dato-form div.invalid, .modal#modal-contacto .dato-form div.invalid {
      font-size: .8rem;
      margin-top: 10px; }
    .modal#modal-contactar-campana .dato-form textarea, .modal#modal-contacto .dato-form textarea {
      padding: .75rem;
      width: 95%;
      border: 1px dotted #ccc; }
  .modal#modal-contactar-campana .num-user, .modal#modal-contacto .num-user {
    padding: 0;
    margin-bottom: 2rem; }
    .modal#modal-contactar-campana .num-user .campo-descripcion, .modal#modal-contacto .num-user .campo-descripcion {
      margin-bottom: 0;
      font-weight: 500;
      line-height: 120%; }
      @media only screen and (max-width: 767px) {
        .modal#modal-contactar-campana .num-user .campo-descripcion .mask_telefono, .modal#modal-contacto .num-user .campo-descripcion .mask_telefono {
          display: block; } }
    .modal#modal-contactar-campana .num-user .dato-form, .modal#modal-contacto .num-user .dato-form {
      margin-top: 2rem; }
    @media only screen and (max-width: 767px) {
      .modal#modal-contactar-campana .num-user, .modal#modal-contacto .num-user {
        margin-bottom: 1rem; } }
    .modal#modal-contactar-campana .num-user.bkg, .modal#modal-contacto .num-user.bkg {
      background: #f6f6f6;
      padding: 1rem; }
      .modal#modal-contactar-campana .num-user.bkg .campo-descripcion, .modal#modal-contacto .num-user.bkg .campo-descripcion {
        font-weight: 300;
        line-height: normal; }
  .modal#modal-contactar-campana .campo-descripcion small, .modal#modal-contacto .campo-descripcion small {
    font-size: .75rem;
    display: block; }
  .modal#modal-contactar-campana .campo-descripcion.mg, .modal#modal-contacto .campo-descripcion.mg {
    margin-bottom: 1rem; }
  .modal#modal-contactar-campana .campo-descripcion.center, .modal#modal-contacto .campo-descripcion.center {
    text-align: center; }
  @media only screen and (max-width: 767px) {
    .modal#modal-contactar-campana .desc-user label, .modal#modal-contacto .desc-user label {
      font-size: 1rem; } }
  @media only screen and (max-width: 767px) {
    .modal#modal-contactar-campana .desc-user, .modal#modal-contacto .desc-user {
      margin-bottom: 0 !important; } }
  .modal#modal-contactar-campana .desc-user .invalid, .modal#modal-contacto .desc-user .invalid {
    display: none; }
  @media only screen and (max-width: 767px) {
    .modal#modal-contactar-campana .formulario, .modal#modal-contacto .formulario {
      padding: .9rem; } }
  .modal#modal-contactar-campana .formulario .mitad, .modal#modal-contacto .formulario .mitad {
    width: 46%;
    margin-right: 2%;
    margin-right: 2%; }
  .modal#modal-contactar-campana .formulario .left, .modal#modal-contacto .formulario .left {
    float: left; }
  .modal#modal-contactar-campana .formulario .select-dropdown, .modal#modal-contacto .formulario .select-dropdown {
    font-size: 1.1rem;
    color: #757575;
    font-weight: 100; }
  .modal#modal-contactar-campana .formulario .dropdown-content li > span, .modal#modal-contacto .formulario .dropdown-content li > span {
    line-height: 120%; }
  .modal#modal-contactar-campana .formulario textarea, .modal#modal-contacto .formulario textarea {
    overflow: hidden;
    resize: none; }
  .modal#modal-contactar-campana .formulario .md-form, .modal#modal-contactar-campana .formulario .dato-form, .modal#modal-contacto .formulario .md-form, .modal#modal-contacto .formulario .dato-form {
    margin-bottom: 20px; }
  .modal#modal-contactar-campana .formulario .wrap-form, .modal#modal-contacto .formulario .wrap-form {
    min-height: 74px; }
  .modal#modal-contactar-campana .formulario .btn-actualiza, .modal#modal-contacto .formulario .btn-actualiza {
    margin-left: 20px;
    font-size: 13px; }
  .modal#modal-contactar-campana .formulario .big, .modal#modal-contacto .formulario .big {
    font-size: 20px; }
  .modal#modal-contactar-campana .formulario .radio-contacto, .modal#modal-contacto .formulario .radio-contacto {
    text-align: center !important; }
    @media only screen and (max-width: 767px) {
      .modal#modal-contactar-campana .formulario .radio-contacto, .modal#modal-contacto .formulario .radio-contacto {
        margin-bottom: 10px; } }
    .modal#modal-contactar-campana .formulario .radio-contacto label, .modal#modal-contacto .formulario .radio-contacto label {
      color: #fff; }
      .modal#modal-contactar-campana .formulario .radio-contacto label i, .modal#modal-contacto .formulario .radio-contacto label i {
        font-size: 1.3rem; }
        .modal#modal-contactar-campana .formulario .radio-contacto label i.fa-dot-circle-o, .modal#modal-contacto .formulario .radio-contacto label i.fa-dot-circle-o {
          display: none; }
        .modal#modal-contactar-campana .formulario .radio-contacto label i.fa-dot-circle-o, .modal#modal-contacto .formulario .radio-contacto label i.fa-dot-circle-o {
          display: none; }
        .modal#modal-contactar-campana .formulario .radio-contacto label i.fa-circle-o, .modal#modal-contacto .formulario .radio-contacto label i.fa-circle-o {
          display: inline; }
      .modal#modal-contactar-campana .formulario .radio-contacto label.active i.fa-dot-circle-o, .modal#modal-contacto .formulario .radio-contacto label.active i.fa-dot-circle-o {
        display: inline; }
      .modal#modal-contactar-campana .formulario .radio-contacto label.active i.fa-circle-o, .modal#modal-contacto .formulario .radio-contacto label.active i.fa-circle-o {
        display: none; }
    .modal#modal-contactar-campana .formulario .radio-contacto .btn, .modal#modal-contacto .formulario .radio-contacto .btn {
      color: #fff !important;
      width: 45%;
      margin: 0 2% 15px; }
      .modal#modal-contactar-campana .formulario .radio-contacto .btn span, .modal#modal-contacto .formulario .radio-contacto .btn span {
        margin-left: 4px;
        margin-top: -3px; }
    .modal#modal-contactar-campana .formulario .radio-contacto div.invalid, .modal#modal-contacto .formulario .radio-contacto div.invalid {
      width: 94%;
      margin: 0 auto 14px; }
  .modal#modal-contacto .formulario .radio-contacto .btn {
    border: 1px solid #2BBBAD;
    font-size: 15px;
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      .modal#modal-contacto .formulario .radio-contacto .btn {
        display: block;
        width: 100%; } }
  .modal#modal-contacto .formulario .mitad {
    width: 44%;
    float: left;
    margin: 0 15px 20px 15px; }
    @media only screen and (max-width: 767px) {
      .modal#modal-contacto .formulario .mitad {
        width: 92%; } }
  .modal#modal-contacto .formulario .desc-user {
    width: 100%;
    padding: 0 14px;
    float: left; }
    @media only screen and (max-width: 767px) {
      .modal#modal-contacto .formulario .desc-user {
        width: 99%; } }
  .modal.modal-servicios .form-servicios {
    padding: 1rem 1.75rem; }
    @media only screen and (max-width: 767px) {
      .modal.modal-servicios .form-servicios {
        padding: 1.75rem 1rem; } }
    .modal.modal-servicios .form-servicios h3 {
      color: #33b5e5; }
    .modal.modal-servicios .form-servicios .campo-descripcion {
      font-size: .9rem;
      text-align: center;
      color: #444;
      margin-bottom: 2rem; }
      .modal.modal-servicios .form-servicios .campo-descripcion a {
        text-decoration: underline; }
      .modal.modal-servicios .form-servicios .campo-descripcion.corto {
        margin-bottom: 1rem; }
      .modal.modal-servicios .form-servicios .campo-descripcion .datos {
        font-size: 1rem;
        display: inline-block;
        margin: .3rem 2rem 1rem;
        padding: .3rem;
        width: 90%; }
        .modal.modal-servicios .form-servicios .campo-descripcion .datos .envoltura {
          display: inline-block;
          padding: .75rem;
          text-align: left; }
          .modal.modal-servicios .form-servicios .campo-descripcion .datos .envoltura span {
            margin: 0 .5rem;
            display: block; }
            .modal.modal-servicios .form-servicios .campo-descripcion .datos .envoltura span small {
              font-weight: 600;
              display: inline-block;
              width: 60px;
              color: #666; }
    .modal.modal-servicios .form-servicios .nombre_servicio {
      display: inline-block;
      font-weight: 300;
      padding: .75rem 2rem;
      margin: .5rem 0;
      text-transform: uppercase;
      font-size: 1.1rem;
      font-family: "Roboto", sans-serif;
      position: relative;
      background: #fbfbfb; }
      .modal.modal-servicios .form-servicios .nombre_servicio .borde-esquina {
        position: absolute;
        width: 10px;
        height: 10px; }
        .modal.modal-servicios .form-servicios .nombre_servicio .borde-esquina.arriba {
          top: 0;
          border-top: 1px solid #33b5e5; }
        .modal.modal-servicios .form-servicios .nombre_servicio .borde-esquina.abajo {
          bottom: 0;
          border-bottom: 1px solid #33b5e5; }
        .modal.modal-servicios .form-servicios .nombre_servicio .borde-esquina.izq {
          left: 0;
          border-left: 1px solid #33b5e5; }
        .modal.modal-servicios .form-servicios .nombre_servicio .borde-esquina.der {
          right: 0;
          border-right: 1px solid #33b5e5; }
  .modal.modal-servicios .mensaje-exito, .modal.modal-servicios .mensaje-error {
    padding: 1.75rem;
    margin: 2rem; }
    .modal.modal-servicios .mensaje-exito p, .modal.modal-servicios .mensaje-error p {
      margin: 1rem; }
    .modal.modal-servicios .mensaje-exito .alert, .modal.modal-servicios .mensaje-error .alert {
      margin-bottom: 0; }
    .modal.modal-servicios .mensaje-exito .nombre_servicio, .modal.modal-servicios .mensaje-error .nombre_servicio {
      display: inline-block;
      font-weight: 300;
      padding: .75rem 2rem;
      margin: .5rem 0;
      text-transform: uppercase;
      font-size: 1.1rem;
      font-family: "Roboto", sans-serif;
      position: relative;
      background: #fbfbfb; }
      .modal.modal-servicios .mensaje-exito .nombre_servicio .borde-esquina, .modal.modal-servicios .mensaje-error .nombre_servicio .borde-esquina {
        position: absolute;
        width: 10px;
        height: 10px; }
        .modal.modal-servicios .mensaje-exito .nombre_servicio .borde-esquina.arriba, .modal.modal-servicios .mensaje-error .nombre_servicio .borde-esquina.arriba {
          top: 0;
          border-top: 1px solid #33b5e5; }
        .modal.modal-servicios .mensaje-exito .nombre_servicio .borde-esquina.abajo, .modal.modal-servicios .mensaje-error .nombre_servicio .borde-esquina.abajo {
          bottom: 0;
          border-bottom: 1px solid #33b5e5; }
        .modal.modal-servicios .mensaje-exito .nombre_servicio .borde-esquina.izq, .modal.modal-servicios .mensaje-error .nombre_servicio .borde-esquina.izq {
          left: 0;
          border-left: 1px solid #33b5e5; }
        .modal.modal-servicios .mensaje-exito .nombre_servicio .borde-esquina.der, .modal.modal-servicios .mensaje-error .nombre_servicio .borde-esquina.der {
          right: 0;
          border-right: 1px solid #33b5e5; }
  .modal.modal-paso {
    text-align: left; }
    .modal.modal-paso .content {
      padding: 40px 20px 20px; }
      .modal.modal-paso .content > div {
        padding: 10px 0; }
      .modal.modal-paso .content h5 {
        border-top: 1px solid #00bcd4;
        padding-top: 15px; }
    .modal.modal-paso .circle {
      width: 80px;
      padding: 10px;
      border: 2px solid #f6f6f6;
      border-radius: 80px;
      position: relative;
      display: block;
      margin: 0 auto; }
      .modal.modal-paso .circle img {
        width: 100%; }
      .modal.modal-paso .circle.borrador {
        border: 2px solid #f6f6f6; }
        .modal.modal-paso .circle.borrador img {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          -ms-filter: grayscale(100%); }
      .modal.modal-paso .circle.revision {
        border: 2px solid #4285F4; }
      .modal.modal-paso .circle.revisada {
        border: 2px solid #4285F4; }
      .modal.modal-paso .circle.rechazada {
        border: 2px solid #f6f6f6; }
        .modal.modal-paso .circle.rechazada img {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          -ms-filter: grayscale(100%); }
      .modal.modal-paso .circle.aprobada {
        border: 3px solid #2BBBAD; }
        .modal.modal-paso .circle.aprobada .comentario {
          background: #2BBBAD; }
      .modal.modal-paso .circle.revision_contrato {
        border: 2px solid #4285F4; }
      .modal.modal-paso .circle.revisada_contrato {
        border: 2px solid #4285F4; }
      .modal.modal-paso .circle .listo, .modal.modal-paso .circle .comentario, .modal.modal-paso .circle .rechazo, .modal.modal-paso .circle .enviada {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #2BBBAD;
        color: #fff;
        font-size: 20px;
        top: 38%;
        right: -12px;
        border: 2px solid #fff;
        line-height: 26px;
        text-align: center; }
      .modal.modal-paso .circle .enviada {
        background: #33b5e5; }
      .modal.modal-paso .circle .comentario {
        background: #ffbb33; }
      .modal.modal-paso .circle .rechazo {
        background: #ff4444; }

#toast-container {
  font-weight: 100;
  font-size: .9rem; }
  #toast-container .toast {
    min-width: 400px; }

/*==== Tooltips ====*/
[data-toogle] {
  font-weight: 600; }

.tooltip {
  font-weight: 100; }
  .tooltip .tooltip-inner {
    font-size: .75rem;
    line-height: 120%;
    background: #4B515D; }
  .tooltip.bs-tether-element-attached-left .tooltip-inner::before, .tooltip.tooltip.tooltip-right .tooltip-inner::before {
    border-right-color: #4B515D; }
  .tooltip.bs-tether-element-attached-right .tooltip-inner::before, .tooltip.tooltip.tooltip-left .tooltip-inner::before {
    border-left-color: #4B515D; }
  .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip.tooltip-top .tooltip-inner::before {
    border-top-color: #4B515D; }
  .tooltip.bs-tether-element-attached-top .tooltip-inner::before, .tooltip.tooltip-bottom .tooltip-inner::before {
    border-bottom-color: #4B515D; }

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
  font-weight: 600; }
  [data-tooltip]:before, [data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    font-weight: 100; }
  [data-tooltip]:before {
    position: absolute;
    bottom: 120%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    border-radius: 3px;
    background: #4B515D;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: .75rem;
    line-height: 1.2; }
  [data-tooltip]:after {
    position: absolute;
    bottom: 120%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #4B515D;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100); }

/*==== Perfil: Persona de inversión ====*/
#representantes_legales {
  background: #e5e5e5;
  padding: 5%;
  margin-bottom: 30px;
  float: left;
  margin-top: 40px; }
  #representantes_legales .cards-representante {
    margin: 1rem 0 3rem; }
    #representantes_legales .cards-representante .tipo-representante {
      width: 100%; }

#form-crear-persona-inversion .persona-juridica {
  display: none; }

.representante-legal {
  border: 1px solid silver; }

/*==== Portada / Derivador ====*/
body.portada {
  background: #000; }
  body.portada #wrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      body.portada #wrapper {
        position: static; } }
    body.portada #wrapper #header {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      color: #fff;
      z-index: 10; }
      @media only screen and (max-width: 767px) {
        body.portada #wrapper #header {
          position: static;
          float: left; } }
      body.portada #wrapper #header h1 {
        width: 300px;
        float: none;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          body.portada #wrapper #header h1 {
            width: 200px; }
            body.portada #wrapper #header h1 img {
              width: 100%; } }
      body.portada #wrapper #header .menu-ppal {
        display: none !important; }
      body.portada #wrapper #header .bajada {
        font-size: 1.5rem;
        text-shadow: 1px 1px 1px #444;
        width: 50%;
        margin: 20px auto 0;
        font-family: "Roboto", sans-serif;
        font-weight: 100;
        visibility: hidden; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          body.portada #wrapper #header .bajada {
            width: 80%;
            margin-top: 40px; } }
        @media only screen and (max-width: 767px) {
          body.portada #wrapper #header .bajada {
            width: 90%;
            padding-bottom: 20px;
            margin-top: 0;
            font-size: 3vw;
            line-height: 100%; } }
      body.portada #wrapper #header:after {
        background: none;
        box-shadow: 0px 1px 2px 0 transparent; }
    body.portada #wrapper .half {
      min-height: 100%;
      float: left;
      width: 50%;
      height: 100%;
      position: relative;
      transition: background-color 0.9s;
      transition: all 0.2s ease;
      z-index: 5; }
      @media only screen and (max-width: 767px) {
        body.portada #wrapper .half {
          width: 100%;
          min-height: 33%;
          height: 33%; } }
      body.portada #wrapper .half.activo {
        width: 45%;
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
        opacity: .5; }
        @media only screen and (max-width: 767px) {
          body.portada #wrapper .half.activo {
            width: 100%;
            opacity: 1; } }
        body.portada #wrapper .half.activo.on {
          width: 55%;
          -webkit-filter: grayscale(0);
          -moz-filter: grayscale(0);
          -o-filter: grayscale(0);
          -ms-filter: grayscale(0);
          opacity: 1; }
          @media only screen and (max-width: 767px) {
            body.portada #wrapper .half.activo.on {
              width: 100%; } }
      body.portada #wrapper .half.crowd {
        background: url("/images/generales/landings/img-inversion.jpg") 0 0 no-repeat;
        background-size: cover; }
        @media only screen and (min-width: 993px) and (max-width: 1199px) {
          body.portada #wrapper .half.crowd {
            background-position: center 0; } }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          body.portada #wrapper .half.crowd {
            background-position: center 0; } }
        @media only screen and (max-width: 767px) {
          body.portada #wrapper .half.crowd {
            background-position: center 0;
            background-size: cover; } }
      body.portada #wrapper .half.net {
        background: url("/images/generales/landings/img-red.jpg") right 0 no-repeat;
        background-size: cover; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          body.portada #wrapper .half.net {
            background-size: auto;
            background-position: 90% 0; } }
      body.portada #wrapper .half .box {
        width: 70%;
        padding: .5rem 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -40%);
        text-align: center;
        transition: all 0.2s ease; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          body.portada #wrapper .half .box {
            width: 300px; } }
        @media only screen and (max-width: 767px) {
          body.portada #wrapper .half .box {
            width: 98%;
            position: static;
            transform: translate(0%, 0%); } }
        body.portada #wrapper .half .box .info {
          padding: 10px;
          border-radius: 5px;
          transition: all 0.5s ease; }
        body.portada #wrapper .half .box h2 {
          color: #fff;
          font-weight: 300;
          font-size: 3rem;
          text-align: center;
          position: relative;
          width: 100%;
          margin: 0 auto 40px;
          text-shadow: 1px 1px 20px #444;
          transition: all 0.2s ease; }
          @media only screen and (min-width: 768px) and (max-width: 992px) {
            body.portada #wrapper .half .box h2 {
              font-size: 2.5rem; } }
          @media only screen and (max-width: 767px) {
            body.portada #wrapper .half .box h2 {
              font-size: 2.2rem;
              margin-bottom: 20px;
              padding-bottom: .5rem; } }
          body.portada #wrapper .half .box h2:after {
            content: "";
            width: 20%;
            height: 1px;
            border-top: 2px solid #ff4444;
            position: absolute;
            bottom: -10%;
            left: 50%;
            transform: translateX(-50%); }
            @media only screen and (min-width: 768px) and (max-width: 992px) {
              body.portada #wrapper .half .box h2:after {
                width: 50%; } }
            @media only screen and (max-width: 767px) {
              body.portada #wrapper .half .box h2:after {
                width: 50%; } }
        body.portada #wrapper .half .box h3 {
          color: #fff;
          font-size: 1.3rem;
          font-weight: 100;
          line-height: 120%;
          width: 90%;
          margin: 0 auto 30px;
          display: none;
          text-shadow: 1px 1px 1px #444; }
          @media only screen and (min-width: 1200px) {
            body.portada #wrapper .half .box h3 {
              width: 450px; } }
          @media only screen and (max-width: 767px) {
            body.portada #wrapper .half .box h3 {
              font-size: 3vw;
              margin-bottom: 10px;
              padding: .5rem; } }
        body.portada #wrapper .half .box .btn {
          border: 1px solid #fff;
          padding: .8rem 2.13rem;
          border-radius: 2px;
          font-size: 1rem;
          color: #fff;
          text-decoration: none;
          font-weight: 300;
          border-radius: 2px;
          transition: all 0.5s ease;
          background: rgba(255, 68, 68, 0.3);
          width: 340px; }
          body.portada #wrapper .half .box .btn:hover {
            background: rgba(255, 68, 68, 0.6); }
          @media only screen and (min-width: 768px) and (max-width: 992px) {
            body.portada #wrapper .half .box .btn {
              width: auto; } }
          @media only screen and (max-width: 767px) {
            body.portada #wrapper .half .box .btn {
              font-size: .9rem;
              width: auto; } }
        body.portada #wrapper .half .box .btn-sesion {
          color: #fff;
          display: block;
          font-weight: 100;
          font-size: 14px; }
          body.portada #wrapper .half .box .btn-sesion span {
            display: inline-block;
            padding: .5rem .75rem;
            text-decoration: underline; }
          @media only screen and (max-width: 767px) {
            body.portada #wrapper .half .box .btn-sesion {
              font-size: 12px; } }

html.mobile .portada #wrapper .half .box .info {
  visibility: visible;
  opacity: 1; }

html.tablet .portada #wrapper .half .box .info {
  visibility: visible;
  opacity: 1; }

#footer.foot-portada {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: .8rem 0;
  text-align: center;
  color: #fff;
  font-size: .8rem;
  border-top: none;
  z-index: 10; }
  @media only screen and (max-width: 767px) {
    #footer.foot-portada {
      position: static;
      float: left; } }
  #footer.foot-portada p {
    /*text-align: left;
		padding-left: 2%;
		float: left;
		margin-top: 1rem;*/
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      #footer.foot-portada p {
        text-align: center;
        margin: 0 0 10px 0;
        line-height: 100%;
        font-size: .75rem;
        width: 100%; } }
    #footer.foot-portada p a {
      color: #fff; }
  #footer.foot-portada .social {
    list-style: none;
    /*float: right;
	  margin: 10px 10% 0 0;*/ }
    #footer.foot-portada .social li {
      width: 26px;
      height: 26px;
      display: inline-block;
      margin: 0 .5rem; }
      #footer.foot-portada .social li a {
        color: #fff;
        font-size: 1.3rem; }
        #footer.foot-portada .social li a:hover {
          color: #ff4444;
          transform: scale(0.5); }
        #footer.foot-portada .social li a i {
          transform: scale(1);
          transition: all 0.2s ease; }
          #footer.foot-portada .social li a i:hover {
            transform: scale(1.5); }
    @media only screen and (max-width: 767px) {
      #footer.foot-portada .social {
        float: none;
        margin: 0 auto; } }

/*==== mantencion ====*/
body.mantencion {
  background: #000;
  color: #fff;
  margin: 0;
  min-height: 100%;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 100; }
  body.mantencion #wrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: url("/images/generales/landings/bkg-mantencion.jpg");
    background-size: cover; }
    body.mantencion #wrapper h1 {
      width: 300px;
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translateX(-50%); }
      body.mantencion #wrapper h1 img {
        width: 100%; }
      @media only screen and (max-width: 767px) {
        body.mantencion #wrapper h1 {
          width: 250px;
          position: static;
          transform: translateX(0%);
          margin: 30px auto 0; } }
    body.mantencion #wrapper p.bajada {
      width: 60%;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      font-size: 3rem;
      text-shadow: 1px 1px 10px #444;
      text-align: center;
      line-height: 100%; }
      body.mantencion #wrapper p.bajada span {
        font-size: 2rem;
        display: block; }
      @media only screen and (max-width: 767px) {
        body.mantencion #wrapper p.bajada {
          width: 90%;
          position: static;
          transform: translateX(0%);
          margin: 30px auto 0;
          font-size: 2rem; } }
  @media only screen and (max-width: 767px) {
    body.mantencion #footer.foot-portada {
      position: absolute;
      float: none; } }

/*==== hacks ====*/
@media screen\0 {
  #banner-home .content-banner {
    top: 50px; }
  #banner-interior .content-banner {
    top: 100px; }
  #carousel-banner-recursos .content-banner {
    top: 30px; }
  #carousel-banner-recursos .content-banner h3 {
    font-size: 230%; }
  .fixed-info-ronda.fixy {
    width: 100%;
    left: 0; }
  .fixed-menu-ronda.fixy {
    width: 70%;
    left: 15%; } }

/*===ANIM===*/
.anim {
  transition: all 0.2s ease-in-out; }

/*------------ CSS IMpresion ------------*/
@media print {
  body {
    font-size: 14px; }
  /*-- FICHA --*/
  #header .menu-ppal a {
    padding: 17px 2px; }
  #banner-ficha-campana, .embed-responsive, .caja-financiamiento a, .fixed-menu-ronda,
  .side-menu, #sitemap, #footer .colaboradores, #footer .partners, .escribe-comentario, #banner-ficha-startup, .herramientas,
  #banner-interior, .caluga, #zona-link, #casos-exito, .galeria-interior, .como-invertir #carousel-banner-home,
  .search, .select-filtros, .btn-zone, #banner-home, #campanas-slide, #carousel-banner-campanas-sec {
    display: none; }
  #panel-inversionistas, #panel-comentarios {
    padding-bottom: 500px; }
  #info-ronda {
    margin-top: 30px; }
    #info-ronda .col-md-8, #info-ronda .col-md-4 {
      width: 100%; }
    #info-ronda .responsable {
      padding-top: 15px;
      width: 100%; }
      #info-ronda .responsable .sop-user {
        float: none; }
    #info-ronda .resumen-redes {
      text-align: left; }
  .content-titulo {
    padding: 0; }
  #panel-ficha .seccion:first-child {
    padding-bottom: 20px; }
  .grupo-equipo {
    width: 100%; }
  #inversionistas .grupo-equipo .caja-equipo {
    width: 33%;
    float: left; }
  #detalle-ronda .datos-detalle-ronda div {
    min-height: 80px; }
  #razones .caja-razon, #levanta-capital .caja-razon {
    width: 50%;
    float: left;
    min-height: 300px; }
  #costos-inversion .caja-razon {
    width: 33%;
    float: left; }
  .cajas-financiamiento .col-md-6 {
    width: 50%;
    float: left;
    min-height: 550px;
    overflow: hidden; }
  #campanas-financiamiento .cajas-financiamiento .card .sop-img img {
    height: 220px; }
  .cajas-financiamiento .section-cabecera {
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100px; }
    .cajas-financiamiento .section-cabecera h2 {
      float: none;
      width: 100%;
      margin-bottom: 0; }
  .publico-content-usuario .card-campana {
    width: 45%;
    float: left;
    min-height: 300px; } }

/*# sourceMappingURL=frontend.css.map */

/*# sourceMappingURL=frontend.css.map */