/* library css */
/* bootstrap variable overrides */
/* ------ */
/* colors */
/* ------ */
/* library variables */
/* font colors */
/* status colors */
/* vertical lineal gradient - two colors */
/* vertical lineal gradient for border-left - two colors */
/* vertical lineal gradient for border-right - two colors */
/* border radius - default 4px */
/* border radius for each corner - default 0px */
.box {
  padding: 20px;
}
.box.bordered {
  border: 1px solid gainsboro;
  border-radius: 4px;
}
.box.centered {
  text-align: center;
}
.box.centered.bordered {
  margin: 20px 0;
}
.box-bordered {
  position: relative;
  border: 1px solid grey;
  border-radius: 4px;
  margin: 20px;
  height: 100px;
}
/* Table with lines in right zone */
.capgemini-tables.cheese-right {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}
.capgemini-tables.cheese-right .tables-header {
  border: 1px solid transparent;
  border-bottom: 1px solid #DCDCDC;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f5f7f8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f5f7f8));
  background: -webkit-linear-gradient(top, white 0%, #f5f7f8 100%);
  background: -o-linear-gradient(top, white 0%, #f5f7f8 100%);
  background: -ms-linear-gradient(top, white 0%, #f5f7f8 100%);
  background: linear-gradient(to bottom, white 0%, #f5f7f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#f5f7f8, GradientType=0);
}
.capgemini-tables.cheese-right .capgemini-chart {
  display: block;
}
.capgemini-tables.cheese-right footer ul {
  margin: 0;
  list-style: none;
}
.capgemini-tables.cheese-right footer ul li {
  background-image: url("img/link-bg-triangled.png");
  background-repeat: no-repeat;
  background-position: top 50% right 20px;
  background-position-x: 93%;
  background-position-y: 50%;
  background-color: #F3F5F7;
  border-top: 1px solid #dcdcdc;
  padding: 10px 40px 10px 20px;
  cursor: pointer;
}
.capgemini-tables.cheese-right footer ul li a {
  color: #434A58;
}
.capgemini-tables.cheese-right footer ul li span.money {
  float: right;
  color: #0065b7;
  font-weight: bold;
}
.capgemini-tables.cheese-right footer ul li:hover {
  background-image: url("img/link-bg-triangled-hover.png");
  background-color: #d6f4fc;
}
/* cuentas-personales */
@media (min-width: 769px) {
  .capgemini-tables.cuentas-personales table > thead > tr > th:last-child,
  .capgemini-tables.cuentas-personales table > tbody > tr > th:last-child {
    width: 30%;
  }
}
/* acciones */
@media (min-width: 769px) {
  .capgemini-tables.acciones table > thead > tr > th:nth-child(1n+2),
  .capgemini-tables.acciones table > tbody > tr > th:nth-child(1n+2) {
    width: 20%;
  }
}
/* Table of credit cards */
.capgemini-tables.creditCards .tables-body table tr td {
  font-weight: bold;
  text-align: right;
}
.capgemini-tables.creditCards .tables-body table tr td:first-child {
  text-align: left;
}
/* 'Operaciones Agiles' */
.links.agiles.dated header h1 {
  font-size: 16px;
}
.links.agiles.dated header span {
  float: right;
  padding-right: 30px;
  background-color: transparent;
}
.links.agiles.dated ul li a span {
  color: #71777F;
  font-size: 11px;
}
.links.agiles.dated .dateText {
  margin-left: 0;
}
.links.agiles.dated footer {
  height: 35px;
}
.links.agiles.dated footer p {
  font-family: BBVA Web Book;
  text-align: center;
  font-size: 13px;
  margin: 5px 0 0 0;
}
/* Carousel with images of 'posicion-global' */
@media (min-width: 481px) {
  .capgemini-carousel .close-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
  }
  .capgemini-carousel .carousel-inner .item-image {
    background-image: url(img/sabiasQue.png);
    background-repeat: no-repeat;
    background-position: 270px 38px;
  }
  .capgemini-carousel .carousel-inner .item-image p {
    width: 265px;
  }
  .capgemini-carousel .carousel-inner h3 {
    margin-top: 0;
    font-weight: bold;
  }
}
@media (max-width: 480px) {
  .capgemini-carousel {
    display: none;
  }
}
/* 'Saldos y Movimientos' */
.capgemini-tables.mov-table {
  position: relative;
}
.capgemini-tables.mov-table > h3 {
  font-size: 22px;
  padding-left: 0px;
}
@media (max-width: 769px) {
  .capgemini-tables.mov-table > h3 {
    padding-left: 10px;
  }
}
.capgemini-tables.mov-table .tables-body table {
  border-top: 1px solid #dcdcdc;
}
.capgemini-tables.mov-table .tables-body table .detail {
  border-top: none;
}
.capgemini-tables.mov-table .tables-body table tr td:nth-child(2) {
  text-align: left;
}
.capgemini-tables.mov-table .tables-body table tr td a {
  font-size: 12px;
  font-weight: bold;
}
.capgemini-tables.mov-table .tables-body table tr td a.btn {
  font-weight: normal;
}
.capgemini-tables.mov-table .tables-body table tr td strong {
  font-size: 12px;
  color: #434A58;
  white-space: nowrap;
}
.capgemini-tables.mov-table .tables-body table tr td em {
  font-size: 12px;
  font-weight: bold;
  color: #434A58;
  white-space: nowrap;
}
.capgemini-tables.mov-table .tables-body table tr td small {
  font-size: 11px;
  color: #71777F;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td {
  font-weight: normal;
  color: #434A58;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td:first-child:not(.button-bar) {
  width: 19%;
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td:first-child:not(.button-bar) {
    width: auto;
  }
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td:nth-child(2) {
  width: 54%;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td.button-bar .boleta-btn span {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td.button-bar .boleta-btn {
    margin: 10px;
  }
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail tr td.monto em {
  font-size: 15px;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .detail.nth2pd0 td:nth-child(2) {
  padding-left: 0;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail.tarj-credito .detail td:first-child:not(.button-bar) {
  width: 17%;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .capgemini-tables {
  padding: 20px 15px;
  width: 98.2%;
  margin: 0 auto;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .capgemini-tables .tables-body {
  overflow-y: scroll;
  max-height: 310px;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .capgemini-tables .tables-body .sortable tr.replace-html-direct td {
  font-weight: normal;
  color: #434A58;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .table-detail-border .table-content h1 {
  margin: 10px 0 30px;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .table-detail-border .table-content .block-warning {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .table-detail-border.boleta .table-tab > .table-detail-border {
    bottom: 5px;
  }
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .info-map {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .info-map .definitions dl {
  width: 100%;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .info-map .definitions dl dt {
  margin-right: 20px;
}
.capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .info-map .definitions dl.last dt {
  border-bottom: none;
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .info-map {
    width: 100%;
  }
  .capgemini-tables.mov-table .tables-body table tr td.td-detail .table-detail .info-map .google-maps {
    height: 298px !important;
  }
}
.capgemini-tables.mov-table .tables-body.chequeras table td:nth-child(1):not(.xs-view),
.capgemini-tables.mov-table .tables-body.cheque table td:nth-child(1):not(.xs-view),
.capgemini-tables.mov-table .tables-body.otro-cheque table td:nth-child(1):not(.xs-view) {
  width: 160px;
}
.capgemini-tables.mov-table .tables-body.chequeras table.detail td:nth-child(1):not(.xs-view),
.capgemini-tables.mov-table .tables-body.cheque table.detail td:nth-child(1):not(.xs-view),
.capgemini-tables.mov-table .tables-body.otro-cheque table.detail td:nth-child(1):not(.xs-view) {
  width: 160px;
}
.capgemini-tables.mov-table .tables-body.chequeras table.detail td:nth-child(2):not(.xs-view),
.capgemini-tables.mov-table .tables-body.cheque table.detail td:nth-child(2):not(.xs-view),
.capgemini-tables.mov-table .tables-body.otro-cheque table.detail td:nth-child(2):not(.xs-view) {
  width: 80px;
}
.capgemini-tables.mov-table .tables-body.chequeras table.detail td:nth-child(3):not(.xs-view),
.capgemini-tables.mov-table .tables-body.cheque table.detail td:nth-child(3):not(.xs-view),
.capgemini-tables.mov-table .tables-body.otro-cheque table.detail td:nth-child(3):not(.xs-view) {
  width: 194px;
}
.capgemini-tables.mov-table .tables-body.chequeras table.detail td:nth-child(4):not(.xs-view),
.capgemini-tables.mov-table .tables-body.cheque table.detail td:nth-child(4):not(.xs-view),
.capgemini-tables.mov-table .tables-body.otro-cheque table.detail td:nth-child(4):not(.xs-view) {
  width: 194px;
}
.capgemini-tables.mov-table .tables-body.chequeras table.inner-detail tr td:nth-child(3),
.capgemini-tables.mov-table .tables-body.cheque table.inner-detail tr td:nth-child(3),
.capgemini-tables.mov-table .tables-body.otro-cheque table.inner-detail tr td:nth-child(3) {
  text-align: right;
}
.capgemini-tables.mov-table .tables-body.chequeras table th a,
.capgemini-tables.mov-table .tables-body.cheque table th a,
.capgemini-tables.mov-table .tables-body.otro-cheque table th a {
  font-weight: normal;
  font-size: 10px;
}
.capgemini-tables.mov-table .tables-body.chequeras table tr td:nth-child(3),
.capgemini-tables.mov-table .tables-body.cheque table tr td:nth-child(3),
.capgemini-tables.mov-table .tables-body.otro-cheque table tr td:nth-child(3),
.capgemini-tables.mov-table .tables-body.chequeras table tr td:nth-child(4),
.capgemini-tables.mov-table .tables-body.cheque table tr td:nth-child(4),
.capgemini-tables.mov-table .tables-body.otro-cheque table tr td:nth-child(4) {
  text-align: left;
}
.capgemini-tables.mov-table .tables-body.chequeras table td.xs-view .left,
.capgemini-tables.mov-table .tables-body.cheque table td.xs-view .left,
.capgemini-tables.mov-table .tables-body.otro-cheque table td.xs-view .left {
  width: 45%;
}
.capgemini-tables.mov-table .tables-body.chequeras table td.xs-view .right,
.capgemini-tables.mov-table .tables-body.cheque table td.xs-view .right,
.capgemini-tables.mov-table .tables-body.otro-cheque table td.xs-view .right {
  width: 55%;
}
.capgemini-tables.mov-table .tables-body.chequeras table td.xs-view .right em,
.capgemini-tables.mov-table .tables-body.cheque table td.xs-view .right em,
.capgemini-tables.mov-table .tables-body.otro-cheque table td.xs-view .right em {
  white-space: normal;
  font-size: 12px;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content {
  padding: 0;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content > .button-bar,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content > .button-bar,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content > .button-bar {
  padding: 10px 15px;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content > h1,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content > h1,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content > h1 {
  padding: 25px 15px;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content > .definitions,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content > .definitions,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content > .definitions {
  padding: 0px 15px;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content > .image-cheque,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content > .image-cheque,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content > .image-cheque {
  padding: 10px 15px 0;
}
@media (max-width: 769px) {
  .capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content > .image-cheque,
  .capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content > .image-cheque,
  .capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content > .image-cheque {
    display: none;
  }
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content > .buttons,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content > .buttons,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content > .buttons {
  margin: 20px 15px 0;
  padding: 20px 0 0;
  border-top: 1px solid #D1D1D1;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content.chequeras > .definitions,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content.chequeras > .definitions,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content.chequeras > .definitions {
  margin-top: 20px;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .table-content.chequeras > h1,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .table-content.chequeras > h1,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .table-content.chequeras > h1 {
  margin: 0;
  padding: 10px 15px;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .capgemini-tables > table tr.hidden-xs th a,
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .capgemini-tables > table tr.hidden-xs th a,
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .capgemini-tables > table tr.hidden-xs th a {
  font-size: 1em;
}
.capgemini-tables.mov-table .tables-body.chequeras table td .table-detail .table-detail-border .capgemini-tables .tables-body > table tr > td:nth-child(3),
.capgemini-tables.mov-table .tables-body.cheque table td .table-detail .table-detail-border .capgemini-tables .tables-body > table tr > td:nth-child(3),
.capgemini-tables.mov-table .tables-body.otro-cheque table td .table-detail .table-detail-border .capgemini-tables .tables-body > table tr > td:nth-child(3) {
  text-align: right;
}
.capgemini-tables.mov-table .tables-body.cheque table tr td:nth-child(3) {
  text-align: right;
}
@media (min-width: 768px) {
  .capgemini-tables.mov-table .tables-body.chequeras > table > tr > th,
  .capgemini-tables.mov-table .tables-body.chequeras > table > tr > td {
    vertical-align: top;
  }
  .capgemini-tables.mov-table .tables-body.chequeras > table > tr > th:nth-child(3),
  .capgemini-tables.mov-table .tables-body.chequeras > table > tr > td:nth-child(3) {
    width: 20%;
  }
}
.capgemini-tables.mov-table .tables-body.table-horarios tr th,
.capgemini-tables.mov-table .tables-body.table-horarios tr td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body.table-horarios tr th,
  .capgemini-tables.mov-table .tables-body.table-horarios tr td {
    padding: 5px;
    display: table-cell;
  }
}
.capgemini-tables.mov-table .tables-body.table-horarios tr td:first-child {
  font-weight: normal;
  color: #434a58;
}
.capgemini-tables.mov-table .tables-body.table-horarios tr td {
  border-right: 1px solid #dcdcdc;
}
.capgemini-tables.mov-table .tables-body.table-horarios tr .last {
  border-right: none;
}
.capgemini-tables.mov-table .tables-body.table-horarios .logos {
  border-top: none;
}
.capgemini-tables.mov-table .tables-body.table-horarios .logos tr,
.capgemini-tables.mov-table .tables-body.table-horarios .logos td {
  border: none !important;
}
.capgemini-tables.mov-table .tables-body.table-horarios .logos td {
  text-align: center;
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body.table-horarios .logos td {
    display: table-row;
  }
  .capgemini-tables.mov-table .tables-body.table-horarios .logos td img {
    width: 100%;
    margin: 5px auto;
  }
}
@media (max-width: 768px) {
  .capgemini-tables.mov-table .tables-body table tr td {
    display: none;
  }
  .capgemini-tables.mov-table .tables-body table tr td.buttons {
    display: none;
  }
  .capgemini-tables.mov-table .tables-body table tr td.xs-view {
    display: block;
    padding: 0;
  }
  .capgemini-tables.mov-table .tables-body table tr td.xs-view .left {
    padding: 10px;
    float: left;
    width: 65%;
    text-align: left;
  }
  .capgemini-tables.mov-table .tables-body table tr td.xs-view .right {
    padding: 10px;
    float: right;
    width: 35%;
    text-align: right;
  }
  .capgemini-tables.mov-table .tables-body.otro-cheque table tr td.xs-view .left {
    width: 35%;
  }
  .capgemini-tables.mov-table .tables-body.otro-cheque table tr td.xs-view .right {
    width: 65%;
  }
}
@media (min-width: 769px) {
  .capgemini-tables.mov-table .xs-view {
    display: none;
  }
}
/* 'Transferencias' */
.capgemini-tables.trans-table {
  position: relative;
  margin: 10px;
}
@media (max-width: 768px) {
  .capgemini-tables.trans-table {
    margin: 0px;
  }
}
.capgemini-tables.trans-table.detail {
  margin: 10px 0px 0px 0px;
}
.capgemini-tables.trans-table > h3 {
  font-size: 22px;
  padding-left: 20px;
}
.capgemini-tables.trans-table .tables-body.scrollable {
  width: 100%;
  height: 358px;
  overflow: auto;
  border-bottom: none;
}
.capgemini-tables.trans-table .tables-body.detail {
  border-bottom: none;
}
.capgemini-tables.trans-table .tables-body table {
  border-top: 1px solid #dcdcdc;
}
.capgemini-tables.trans-table .tables-body table tr th.next-date {
  width: 120px;
}
.capgemini-tables.trans-table .tables-body table tr th.description {
  width: 240px;
}
.capgemini-tables.trans-table .tables-body table tr th.no-border {
  border-right: none;
}
.capgemini-tables.trans-table .tables-body table tr td:nth-child(2) {
  text-align: left;
}
.capgemini-tables.trans-table .tables-body table tr td {
  padding: 25px 20px 10px 20px;
}
.capgemini-tables.trans-table .tables-body table tr td div.buttons {
  padding: 10px 0px 10px 10px;
  text-align: center;
  border-left: 1px solid #E5E5E5;
  display: inline-block;
}
.capgemini-tables.trans-table .tables-body table tr td div.buttons a:last-child {
  margin: 0px 0px 0px 7px;
}
.capgemini-tables.trans-table .tables-body table tr td.right-info {
  padding: 16px 0px 0px 0px;
}
.capgemini-tables.trans-table .tables-body table tr td.button-list {
  padding: 10px 20px 10px 0px;
}
.capgemini-tables.trans-table .tables-body table tr td.right {
  text-align: right;
}
.capgemini-tables.trans-table .tables-body table tr td a {
  font-size: 12px;
  font-weight: bold;
}
.capgemini-tables.trans-table .tables-body table tr td span.link {
  font-size: 12px;
  font-weight: bold;
  color: #0065B7;
}
.capgemini-tables.trans-table .tables-body table tr td strong {
  font-size: 12px;
  color: #434A58;
  white-space: nowrap;
}
.capgemini-tables.trans-table .tables-body table tr td strong.grey {
  color: #71777F;
}
.capgemini-tables.trans-table .tables-body table tr td span {
  color: #71777f;
}
.capgemini-tables.trans-table .tables-body table tr td em {
  font-size: 15px;
  font-weight: bold;
  color: #434A58;
  white-space: nowrap;
}
.capgemini-tables.trans-table .tables-body table tr td small {
  font-size: 11px;
  color: #71777F;
}
.capgemini-tables.trans-table .tables-body table tr td small.more {
  font-size: 12px;
}
@media (max-width: 768px) {
  .capgemini-tables.trans-table .tables-body table tr td {
    display: none;
  }
  .capgemini-tables.trans-table .tables-body table tr td.xs-view {
    display: block;
    padding: 0;
  }
  .capgemini-tables.trans-table .tables-body table tr td.xs-view div.buttons {
    float: right;
    margin: 10px 0;
    padding: 20px 18px 20px 10px;
  }
  .capgemini-tables.trans-table .tables-body table tr td.xs-view .left {
    padding: 15px 0px 10px 20px;
    float: left;
    width: 65%;
    text-align: left;
  }
  .capgemini-tables.trans-table .tables-body table tr td.xs-view .right {
    padding: 10px;
    float: right;
    width: 35%;
    text-align: right;
  }
}
@media (min-width: 769px) {
  .capgemini-tables.trans-table .xs-view {
    display: none;
  }
}
.capgemini-tables .table-detail.external {
  position: relative;
  /* end media */
}
.capgemini-tables .table-detail.external .table-detail-border.detail .table-tab .table-detail-border {
  top: 3px;
}
.capgemini-tables .table-detail.external .table-detail-border.detail .table-tab .table-detail-border .table-detail-close {
  border: none;
  padding: 0px;
  margin-left: 5px;
}
@media (max-width: 768px) {
  .capgemini-tables .table-detail.external .table-detail-border.detail .table-tab .table-detail-border .table-detail-close a .close-icon.special {
    margin-bottom: 0px;
    margin-top: 90px;
  }
}
.capgemini-tables .table-detail.external .table-detail-border.detail .table-content {
  padding-bottom: 20px;
}
.capgemini-tables .table-detail.external table {
  border-top: 1px solid #dcdcdc;
}
.capgemini-tables .table-detail.external table tr th.no-border {
  border-right: none;
}
.capgemini-tables .table-detail.external table tr td:nth-child(2) {
  text-align: left;
  width: 250px;
  padding-left: 25px;
}
.capgemini-tables .table-detail.external table tr td {
  padding: 25px 20px 10px 15px;
}
.capgemini-tables .table-detail.external table tr td.right-info {
  padding: 16px 20px 10px 10px;
}
.capgemini-tables .table-detail.external table tr td div.buttons {
  padding: 10px 0px 10px 10px;
  text-align: center;
  border-left: 1px solid #E5E5E5;
  display: inline-block;
}
.capgemini-tables .table-detail.external table tr td div.buttons a:last-child {
  margin: 0px 0px 0px 7px;
}
.capgemini-tables .table-detail.external table tr td.button-list {
  padding: 10px 20px 10px 0px;
}
.capgemini-tables .table-detail.external table tr td.right {
  text-align: right;
}
.capgemini-tables .table-detail.external table tr td a {
  font-size: 12px;
  font-weight: bold;
}
.capgemini-tables .table-detail.external table tr td span.link {
  font-size: 12px;
  font-weight: bold;
  color: #0065B7;
}
.capgemini-tables .table-detail.external table tr td strong {
  font-size: 12px;
  color: #434A58;
  white-space: nowrap;
}
.capgemini-tables .table-detail.external table tr td strong.grey {
  color: #71777F;
}
.capgemini-tables .table-detail.external table tr td span {
  color: #71777f;
}
.capgemini-tables .table-detail.external table tr td em {
  font-size: 15px;
  font-weight: bold;
  color: #434A58;
  white-space: nowrap;
}
.capgemini-tables .table-detail.external table tr td small {
  font-size: 11px;
  color: #71777F;
}
@media (max-width: 768px) {
  .capgemini-tables .table-detail.external table tr td {
    display: none;
  }
  .capgemini-tables .table-detail.external table tr td.xs-view {
    display: block;
    padding: 0;
  }
  .capgemini-tables .table-detail.external table tr td.xs-view div.buttons {
    float: right;
    margin: 10px 0;
    padding: 20px 30px 20px 10px;
  }
  .capgemini-tables .table-detail.external table tr td.xs-view .left {
    padding: 15px 0px 10px 20px;
    float: left;
    width: 60%;
    text-align: left;
  }
  .capgemini-tables .table-detail.external table tr td.xs-view .right {
    padding: 10px;
    float: right;
    width: 35%;
    text-align: right;
  }
}
/* Showcase of 'cuentas' */
.product-header {
  font-size: 20px;
  margin-bottom: 20px;
}
.product-header:before,
.product-header:after {
  content: " ";
  display: table;
}
.product-header:after {
  clear: both;
}
.product-header .left {
  float: left;
  width: 30%;
}
@media (max-width: 768px) {
  .product-header .left {
    width: 50%;
    padding-left: 10px;
  }
}
.product-header .capgemini-chart.mid {
  float: left;
  width: 40%;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .product-header .capgemini-chart.mid {
    display: none;
  }
}
.product-header .capgemini-chart.mid .chart-mini {
  height: 90px;
}
.product-header .right {
  float: left;
  width: 30%;
  text-align: right;
  color: #0078d2;
  font-weight: bold;
}
@media (max-width: 768px) {
  .product-header .right {
    width: 50%;
    padding-right: 10px;
  }
}
.product-header .right.only {
  width: 100%;
}
.product-header p,
.product-header .small {
  font-weight: normal;
  color: #666666;
  font-size: 11px;
  margin: 2px 0 0;
}
.product-header strong {
  font-size: 11px;
  color: #333333;
}
.product-header.no-chart .left {
  width: 60%;
}
@media (max-width: 768px) {
  .product-header.no-chart .left {
    width: 50%;
  }
}
.product-header.no-chart .right {
  width: 40%;
}
@media (max-width: 768px) {
  .product-header.no-chart .right {
    width: 50%;
  }
}
.product-header .clean {
  float: none;
  clear: both;
}
.product-header.credito .capgemini-chart.mid {
  width: 38%;
}
.product-header.credito .capgemini-chart.prest .highcharts-tooltip {
  left: 33px !important;
}
@media (min-width: 768px) {
  .product-header.credito .left {
    width: 37%;
  }
  .product-header.credito .left.min {
    width: 33%;
  }
}
.product-header.credito .right {
  float: right;
  width: auto;
  margin-bottom: 10px;
}
.product-header.credito hr {
  clear: both;
  float: none;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .product-header.credito .left {
    width: 55%;
  }
  .product-header.credito .left.min {
    width: 46%;
  }
  .product-header.credito .left.half {
    width: 50%;
  }
  .product-header.credito .left p strong {
    font-size: 11px;
  }
}
/* Banner with cup image in 'posicion-global' */
.banner.cup {
  min-height: 0;
  padding: 10px;
}
.banner.cup ul {
  margin: 0;
  list-style: none;
  display: flex;
}
.banner.cup ul li {
  margin-right: 8px;
}
.banner.cup ul li p {
  font-size: 20px;
  color: #0072C9;
  margin: 2px 0 0 0;
}
/* Remove arrows in movil devide */
@media (max-width: 480px) {
  .capgemini-popup:after,
  .capgemini-popup:before {
    display: none;
  }
}
/* Popup with football image for 'posicion-global' */
.capgemini-popup.football {
  background-image: url("img/football.png");
  background-repeat: no-repeat;
}
.capgemini-popup.football .popup-container {
  margin: 0;
  background: transparent;
}
.capgemini-popup.football p {
  background-color: white;
  font-size: 22px;
  width: 270px;
}
/* Popup defaults for site */
.capgemini-popup {
  margin-top: 20px;
}
.capgemini-popup .popup-container .btn {
  padding: 3px 9px;
}
.capgemini-popup .popup-container .popup-content > p.blue {
  line-height: 15px;
}
.capgemini-popup.disponer h3 {
  padding-right: 20px;
}
/* Popup to help clients for 'posicion-global' */
.capgemini-popup.help h3 {
  font-family: BBVA Web Book;
  font-size: 14px;
}
.capgemini-popup.help .popup-content p {
  display: inline;
  font-family: BBVA Web Light;
  font-size: 26px;
  margin-right: 20px;
}
.capgemini-popup.help .popup-content .bootstrap-select.btn-group {
  margin: 0;
  margin-right: 20px;
}
@media (min-width: 769px) {
  .capgemini-popup.help .popup-content .help {
    min-width: 100px;
    position: absolute;
    top: 45px;
    right: 20px;
  }
}
@media (max-width: 768px) {
  .capgemini-popup.help .popup-content .bootstrap-select.btn-group {
    margin-top: 10px;
    width: 100%;
  }
  .capgemini-popup.help .popup-content .help {
    display: block;
    min-width: 120px;
    margin: 10px auto;
  }
}
/* Style for specific operation-tabs */
/* Close button */
.operation-tabs .tab-pane h3.tab-title {
  margin: 20px 10px 15px;
  line-height: 1.8em;
}
.operation-tabs .tab-pane h3.tab-title.buttoned {
  margin-left: 0px;
}
.operation-tabs .tab-pane .close-tab {
  margin-top: -20px;
  float: right;
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .operation-tabs .tab-pane .close-tab {
    display: none;
  }
}
.operation-tabs .tab-pane .close-tab.hidden-xs {
  margin-top: 0;
}
.operation-tabs .tab-pane .close-tab .close-icon {
  margin-left: 5px;
  vertical-align: bottom;
}
@media (min-width: 769px) {
  .operation-tabs .nav-pills .tab-right .tab-head {
    padding: 2px 8px;
  }
}
@media (min-width: 769px) {
  .operation-tabs .nav-pills .tab-right.strech a {
    padding: 2px 6px;
  }
  .operation-tabs .nav-pills .tab-right.active {
    margin-left: 0;
  }
}
/* common changes for tab panes */
@media (max-width: 768px) {
  .operation-tabs .tab-pane,
  .operation-tabs .nav-pills > li.active .tab-pane {
    padding: 0;
    background-color: white;
  }
}
.operation-tabs .tab-pane hr.separator,
.operation-tabs .nav-pills > li.active .tab-pane hr.separator {
  border-top-color: #D1D1D1;
  -webkit-box-shadow: 0 1px 3px #e0e0ce;
  -moz-box-shadow: 0 1px 3px #e0e0ce;
  box-shadow: 0 1px 3px #e0e0ce;
  margin: 10px;
}
.operation-tabs .tab-pane .drop-content .item-list,
.operation-tabs .nav-pills > li.active .tab-pane .drop-content .item-list {
  margin: 0 auto;
  width: 100%;
}
.operation-tabs .tab-pane .drop-content .item-list .item,
.operation-tabs .nav-pills > li.active .tab-pane .drop-content .item-list .item {
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  .operation-tabs .tab-pane [class*=tabmain-],
  .operation-tabs .nav-pills > li.active .tab-pane [class*=tabmain-] {
    padding: 10px 0;
    border: none;
    margin-bottom: 0;
  }
  .operation-tabs .tab-pane ul.accordeon li,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li {
    border: none;
    background: none;
  }
  .operation-tabs .tab-pane ul.accordeon li a,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li a,
  .operation-tabs .tab-pane ul.accordeon li a:hover,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li a:hover,
  .operation-tabs .tab-pane ul.accordeon li a:active,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li a:active {
    display: initial;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .operation-tabs .tab-pane ul.accordeon li a span,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li a span,
  .operation-tabs .tab-pane ul.accordeon li a:hover span,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li a:hover span,
  .operation-tabs .tab-pane ul.accordeon li a:active span,
  .operation-tabs .nav-pills > li.active .tab-pane ul.accordeon li a:active span {
    background-image: none;
  }
  .operation-tabs .tab-pane .drop-content,
  .operation-tabs .nav-pills > li.active .tab-pane .drop-content {
    display: block !important;
    border: none;
    padding: 5px 20px 0 20px;
    overflow: visible;
  }
  .operation-tabs .tab-pane .drop-content .date-period,
  .operation-tabs .nav-pills > li.active .tab-pane .drop-content .date-period {
    border-top: 0;
    margin-top: 0;
  }
  .operation-tabs .tab-pane .drop-content .date-period label,
  .operation-tabs .nav-pills > li.active .tab-pane .drop-content .date-period label {
    margin-top: 0;
  }
  .operation-tabs .tab-pane .drop-content .date-period .col-md-6,
  .operation-tabs .nav-pills > li.active .tab-pane .drop-content .date-period .col-md-6 {
    width: 50%;
    float: left;
  }
  .operation-tabs .tab-pane .drop-content .item-list .item,
  .operation-tabs .nav-pills > li.active .tab-pane .drop-content .item-list .item {
    float: none;
  }
  .operation-tabs .tab-pane .drop-content .search,
  .operation-tabs .nav-pills > li.active .tab-pane .drop-content .search {
    font-size: 12px;
  }
  .operation-tabs .tab-pane .clear-filters,
  .operation-tabs .nav-pills > li.active .tab-pane .clear-filters {
    display: none;
  }
}
/* Consultas */
.tab-pane.consultas {
  position: relative;
}
.tab-pane.consultas h3 {
  margin: 0 0 15px;
  padding: 0;
  font-family: BBVA Web Book;
  font-size: 16px;
  color: #0078d2;
}
@media (max-width: 769px) {
  .tab-pane.consultas h3 {
    color: #434a58;
  }
}
.tab-pane.consultas .tabmain-consultas {
  background-color: white;
  border: 1px solid #DDE3EA;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.tab-pane.consultas .tabmain-consultas > form > div.filters > div.filter-buttons > button {
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}
.tab-pane.consultas .tabmain-consultas > form > div.filters ul.accordeon li.filtered .span-info {
  color: #003F8C;
}
.tab-pane.consultas .tabmain-consultas > form > div.filters ul.accordeon li.filtered .span-info em {
  font-weight: normal;
  color: #434A58;
}
.tab-pane.consultas .tabmain-consultas:last-child {
  margin-bottom: 0;
}
.tab-pane.consultas .tabmain-consultas h3 {
  font-family: BBVA Web Light;
  font-size: 18px;
  color: #0078d2;
}
@media (max-width: 769px) {
  .tab-pane.consultas .tabmain-consultas h3 {
    color: #434a58;
    font-family: BBVA Web Book;
    font-size: 16px;
    margin-left: 15px;
  }
}
.tab-pane.consultas .tabmain-consultas ul li a,
.tab-pane.consultas .tabmain-consultas ul li a:hover,
.tab-pane.consultas .tabmain-consultas ul li a:active {
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 769px) {
  .tab-pane.consultas .tabmain-consultas.talonarios h3 {
    margin-left: 0px;
  }
}
.tab-pane.consultas .tabmain-consultas.talonarios .form-group [class*=icon-] {
  margin: 5px 10px 5px 0;
}
.tab-pane.consultas .tabmain-consultas.talonarios .bootstrap-select {
  width: 100%;
}
.tab-pane.consultas .tabmain-consultas.talonarios .right-btn {
  float: right;
}
@media (max-width: 768px) {
  .tab-pane.consultas .tabmain-consultas.talonarios .right-btn {
    float: none;
    margin: 10px auto;
    width: 95px;
  }
}
.tab-pane.consultas .tabmain-consultas.descarga .filteroptions {
  margin-top: 10px;
}
.tab-pane.consultas .tabmain-consultas.descarga .filteroptions .bootstrap-select:last-child,
.tab-pane.consultas .tabmain-consultas.descarga .filteroptions > div > .btn:last-child {
  margin-left: 10px;
}
@media (min-width: 769px) {
  .tab-pane.consultas .tabmain-consultas.descarga .filteroptions > div:last-child {
    text-align: right;
  }
}
.tab-pane.consultas .tabmain-consultas.descarga .filteroptions button [class*=icon-] {
  margin: 5px 5px 5px 0px;
}
.tab-pane.consultas .tabmain-consultas .filter-buttons {
  padding-top: 10px;
}
/* Operaciones */
.operaciones {
  position: relative;
}
.operaciones h3 {
  margin: 10px 10px 20px;
  padding: 0;
  font-family: BBVA Web Book;
  font-size: 16px;
}
@media (max-width: 768px) {
  .operaciones h3 {
    margin: 0 10px 20px 0;
    color: #0065B7;
  }
}
.operaciones.boxed {
  background-color: white;
  border: 1px solid #DDE3EA;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .operaciones.boxed {
    padding: 20px 10px 10px !important;
  }
}
.operaciones .tabmain-operaciones {
  background-color: white;
  border: 1px solid #dde3ea;
  border-radius: 4px;
  overflow: hidden;
}
.operaciones .tabmain-operaciones .operaciones-slider {
  -webkit-transition: margin 1s;
  /* For Safari 3.1 to 6.0 */
  transition: margin 1s;
}
.operaciones .tabmain-operaciones .operaciones-slider ul {
  display: inline-block;
  vertical-align: top;
}
.operaciones .tabmain-operaciones ul {
  padding: 10px;
  margin-bottom: 0;
  list-style: none;
  overflow: hidden;
}
@media (max-width: 768px) {
  .operaciones .tabmain-operaciones ul {
    margin: 0 !important;
    vertical-align: top;
  }
}
.operaciones .tabmain-operaciones ul li {
  width: 50%;
  float: left;
  padding: 5px;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .operaciones .tabmain-operaciones ul li {
    padding: 5px 0;
    width: 100%;
  }
  .operaciones .tabmain-operaciones ul li:first-child {
    padding-top: 0;
  }
  .operaciones .tabmain-operaciones ul li:last-child {
    padding-bottom: 0;
  }
}
.operaciones .tabmain-operaciones ul li a {
  display: block;
  border: 1px solid #DDE3EA;
  border-radius: 4px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaf1f7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eaf1f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaf1f7, GradientType=0);
}
@media (max-width: 769px) {
  .operaciones .tabmain-operaciones ul li a {
    color: #0065b7;
  }
}
.operaciones .tabmain-operaciones ul li a:hover,
.operaciones .tabmain-operaciones ul li a:focus {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaf1f7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eaf1f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaf1f7, GradientType=0);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 769px) {
  .operaciones .tabmain-operaciones ul li a:hover,
  .operaciones .tabmain-operaciones ul li a:focus {
    color: #0065b7;
  }
}
.operaciones .tabmain-operaciones ul li a.disabled,
.operaciones .tabmain-operaciones ul li a disabled:hover {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f8f8f5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f8f8f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f5, GradientType=0);
  color: #434a58;
  cursor: default;
  box-shadow: none;
}
.operaciones .tabmain-operaciones ul li a.disabled strong,
.operaciones .tabmain-operaciones ul li a disabled:hover strong,
.operaciones .tabmain-operaciones ul li a.disabled strong:hover,
.operaciones .tabmain-operaciones ul li a disabled:hover strong:hover {
  background-image: none;
}
.operaciones .tabmain-operaciones ul li a strong {
  display: block;
  font-size: 12px;
  padding: 5px 20px 5px 10px;
  background-image: url(img/link-bg-triangled.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-position-x: 96%;
  background-position-y: center;
}
.operaciones .tabmain-operaciones ul li a strong:hover {
  background-image: url(img/link-bg-triangled-hover.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-position-x: 96%;
  background-position-y: center;
}
.operaciones button.arrow-left {
  vertical-align: top;
  margin-right: 20px;
  position: relative;
}
/* Condiciones */
.condiciones {
  position: relative;
}
.condiciones h3 {
  font-size: 18px;
  color: #434A58;
  margin: 20px 0;
}
.condiciones h3.header {
  margin-left: 10px;
  margin-top: 0px;
  font-family: BBVA Web Book;
  font-size: 16px;
}
.condiciones .box {
  padding: 20px 0 0 0;
}
.condiciones .tabmain-condiciones {
  background-color: white;
  border: 1px solid #DDE3EA;
  border-radius: 4px;
  padding-bottom: 8px;
}
@media (min-width: 769px) {
  .condiciones .tabmain-condiciones {
    margin-top: 30px;
  }
}
.condiciones .tabmain-condiciones .condiciones-list {
  clear: both;
  filter: none !important;
  margin: 0 20px 10px 20px;
  border-top: 1px solid #D5E2EE;
}
.condiciones .tabmain-condiciones .condiciones-list.padding-top {
  padding-top: 20px;
}
.condiciones .tabmain-condiciones .condiciones-list.padding-top.last {
  border-bottom: 1px solid #D5E2EE;
}
@media (max-width: 768px) {
  .condiciones .tabmain-condiciones .condiciones-list {
    margin: 0 10px 10px 10px;
  }
}
.condiciones .tabmain-condiciones .condiciones-list.first {
  border: none;
}
@media (min-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list.first h3 {
    margin-top: 0px;
  }
}
@media (max-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list.last {
    margin-bottom: 0px;
  }
}
.condiciones .tabmain-condiciones .condiciones-list.no-title {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 20px;
}
.condiciones .tabmain-condiciones .condiciones-list ul {
  list-style: none;
  margin: 0 20px 0 0;
}
@media (max-width: 768px) {
  .condiciones .tabmain-condiciones .condiciones-list ul {
    margin: 0;
    padding: 0;
  }
}
.condiciones .tabmain-condiciones .condiciones-list ul li strong {
  display: inline-block;
  width: 50%;
  font-size: 12px;
  color: #666666;
  max-height: 20px;
  vertical-align: top;
  line-height: 1em;
  margin-bottom: 10px;
}
.condiciones .tabmain-condiciones .condiciones-list ul li p {
  display: inline-block;
  width: 50%;
  font-size: 12px;
  color: #434A58;
  vertical-align: top;
  line-height: 1em;
  margin-bottom: 10px;
}
.condiciones .tabmain-condiciones .condiciones-list ul li p.code {
  width: 100%;
  font-family: 'BBVA Web Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
}
@media (max-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares {
    margin: 0;
  }
}
.condiciones .tabmain-condiciones .condiciones-list ul.titulares li {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li {
    display: block;
    margin-bottom: 0px;
  }
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li.first-20 {
    margin-bottom: 20px;
  }
}
.condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column1 {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column1 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column1 p {
    width: 55%;
  }
}
.condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column1 strong {
  width: 40%;
}
@media (max-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column1 strong {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column1 strong {
    width: 45%;
  }
}
.condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column2 {
  width: 44%;
  display: inline-block;
}
@media (max-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column2 {
    width: 98%;
    margin-left: 20px;
  }
}
@media (max-width: 480px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column2 {
    width: 80%;
  }
}
.condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column2 strong {
  width: 50%;
}
@media (max-width: 769px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column2 strong {
    width: 48%;
  }
}
@media (max-width: 480px) {
  .condiciones .tabmain-condiciones .condiciones-list ul.titulares li div.column2 strong {
    width: 50%;
  }
}
@media (max-width: 400px) {
  .condiciones .tabmain-condiciones .condiciones-list.mobile-55 ul li strong {
    width: 45%;
  }
  .condiciones .tabmain-condiciones .condiciones-list.mobile-55 ul li p {
    width: 55%;
  }
}
.condiciones .tabmain-condiciones .condiciones-text {
  border-top: 1px solid #D5E2EE;
  margin: 0 20px;
  padding: 20px 0;
}
.condiciones .tabmain-condiciones .condiciones-text p {
  margin: 0;
  font-size: 12px;
  color: #434A58;
}
.condiciones#tab-remesas .box {
  margin: 0 20px 20px;
}
@media (max-width: 769px) {
  .condiciones#tab-remesas .box {
    margin: 0 10px 20px;
  }
}
/* Personalizar */
.personalizar {
  position: relative;
}
.personalizar .tabmain-personalizar {
  filter: none !important;
  background-color: white;
  border: 1px solid #DDE3EA;
  border-radius: 4px;
  padding: 0 20px 20px;
}
.personalizar .tabmain-personalizar:before,
.personalizar .tabmain-personalizar:after {
  content: " ";
  display: table;
}
.personalizar .tabmain-personalizar:after {
  clear: both;
}
@media (min-width: 769px) {
  .personalizar .tabmain-personalizar {
    margin-top: 30px;
  }
}
.personalizar .tabmain-personalizar h3.header {
  font-family: BBVA Web Book;
  font-size: 16px;
  color: #434A58;
  margin-left: 10px;
  margin-top: 10px;
}
.personalizar .tabmain-personalizar .personalizar-block {
  border-bottom: 1px solid #D5E2EE;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .personalizar-block {
    padding: 0 10px 0 10px;
  }
}
.personalizar .tabmain-personalizar .personalizar-block:last-child {
  border-bottom: none;
  margin-bottom: 20px;
}
.personalizar .tabmain-personalizar .personalizar-block h3:before,
.personalizar .tabmain-personalizar .personalizar-block h3:after {
  content: " ";
  display: table;
}
.personalizar .tabmain-personalizar .personalizar-block h3:after {
  clear: both;
}
.personalizar .tabmain-personalizar .personalizar-block h3 > a {
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
}
@media (min-width: 769px) {
  .personalizar .tabmain-personalizar .personalizar-block h3 .btn-group {
    float: right;
  }
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .personalizar-block h3 .btn-group {
    display: table;
    margin: 20px auto 0;
  }
}
.personalizar .tabmain-personalizar .personalizar-block h3 .btn-group .btn {
  padding: 3px 50px;
}
.personalizar .tabmain-personalizar .personalizar-block h3 .btn-group .btn strong {
  font-family: BBVA Web Light;
  font-size: 1em;
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input {
  padding: 10px 0 0;
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input button {
  float: right;
  margin-left: 10px;
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input button.iconed {
  padding: 2px 6px;
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input button.iconed [class*=icon-] {
  margin-top: -4px;
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .personalizar-block .personalizar-input button {
    margin-bottom: 20px;
  }
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input .input {
  width: 87%;
  float: left;
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input .input.editar-eliminar-alias {
  width: 100%;
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .personalizar-block .personalizar-input .input {
    width: 100%;
    margin-bottom: 20px;
  }
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input .input input {
  width: 95%;
  margin-right: 10px;
  display: inline-block;
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .personalizar-block .personalizar-input .input input {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .personalizar-block .personalizar-input .input .alias-producto {
    float: left;
    margin-top: 5px !important;
  }
}
.personalizar .tabmain-personalizar .personalizar-block .personalizar-input .block-wizard-success {
  margin-top: 70px;
  max-width: 500px;
  height: 40px;
  margin-bottom: 10px;
}
.personalizar .tabmain-personalizar .personalizar-block > button {
  float: right;
}
.personalizar .tabmain-personalizar .activar-corresp {
  margin-top: 35px;
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .activar-corresp {
    padding: 0 10px;
  }
}
.personalizar .tabmain-personalizar .activar-corresp ul.fat {
  width: 48%;
  float: right;
  position: relative;
  top: -38px;
}
@media (max-width: 768px) {
  .personalizar .tabmain-personalizar .activar-corresp ul.fat {
    width: 100%;
    margin-bottom: 20px;
    top: 0;
  }
}
.personalizar .tabmain-personalizar .activar-corresp .switch .ui-tabs-panel {
  display: none !important;
}
.personalizar .tabmain-personalizar .activar-corresp .block-warning {
  margin-top: 0;
  clear: both;
}
.personalizar .tabmain-personalizar .activar-corresp #guardar-corresp {
  float: right;
  margin-bottom: 30px;
}
.personalizar .tabmain-personalizar .activar-corresp .block-wizard-success {
  clear: both;
  width: 100%;
  height: 40px;
}
/* Transferencia */
.transferencia {
  position: relative;
}
.transferencia h3 {
  margin: 0 0 10px;
  padding: 0;
  font-family: BBVA Web Book;
  font-size: 16px;
  color: #0078D2;
}
@media (max-width: 768px) {
  .transferencia h3 {
    display: none;
  }
}
.transferencia .main-transferencia {
  background-color: white;
  border: 1px solid #DDE3EA;
  border-radius: 4px;
}
.pin-input {
  padding: 10px 55px;
}
.pin-input section {
  background: none repeat scroll 0 0 #FBF1D0;
  border-radius: 4px;
  padding: 30px 0;
  text-align: center;
}
.pin-input section label {
  background: url("../img/ico-data-pin.png") no-repeat scroll 50% top rgba(0, 0, 0, 0);
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  padding-top: 42px;
}
.pin-input section .formline {
  padding: 0px 10px;
  width: 50%;
  margin: auto;
}
.pin-input section .formline .item:first-child {
  float: left;
}
.pin-input section .formline .item:last-child {
  float: left;
  padding-left: 10px;
}
.sms-input {
  padding: 10px 55px;
}
.sms-input section {
  background: none repeat scroll 0 0 #FBF1D0;
  border-radius: 4px;
  padding: 30px 0;
  text-align: center;
}
.sms-input section label {
  background: url("../img/ico-data-sms.png") no-repeat scroll 50% top rgba(0, 0, 0, 0);
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  padding-top: 42px;
}
.sms-input section .formline {
  padding: 0px 10px;
  width: 50%;
  margin: auto;
}
.sms-input section .formline .item:first-child {
  float: left;
}
.sms-input section .formline .item:last-child {
  float: left;
  padding-left: 10px;
}
.destino-aporte {
  position: relative;
  background-color: white;
  overflow: hidden;
}
.destino-aporte h3 {
  font-family: BBVA Web Book;
  font-size: 18px;
  color: #717781;
  font-weight: normal;
}
.destino-aporte .block-search {
  padding: 0px;
  margin: 10px 0px -10px auto;
  width: 100%;
}
.destino-aporte .block-search .title {
  color: #717781;
  font-family: "BBVA Web Light", arial, sans-serif;
  font-size: 1.125em;
  font-weight: normal;
}
.destino-aporte .block-search input[type="search"] {
  width: 100%;
}
.destino-aporte .block-search .left {
  float: left;
  width: 26%;
  padding-top: 7px;
}
.destino-aporte .block-search .right {
  float: left;
  width: 74%;
}
.confirmar {
  position: relative;
  background-color: white;
  overflow: hidden;
}
.confirmar hr {
  margin: 5px 0 10px;
}
.confirmar .notifica-operacion .form-group:last-child {
  margin-bottom: 0;
}
.confirmar div.dataFlow {
  padding-bottom: 15px;
  display: table;
  width: 100%;
}
@media (max-width: 769px) {
  .confirmar div.dataFlow {
    display: block;
  }
}
.confirmar div.dataFlow .sub-step-title {
  display: block;
  margin-bottom: 20px;
  font-family: 'BBVA Web Light';
}
@media (min-width: 769px) {
  .confirmar div.dataFlow .sub-step-title {
    color: #0078D2;
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  .confirmar div.dataFlow .sub-step-title {
    color: #434A58;
    font-size: 16px;
  }
}
.confirmar div.dataFlow .sub-step-title.simple {
  margin-bottom: 10px;
}
.confirmar div.dataFlow .sub-step-title-2 {
  display: block;
  margin-bottom: 20px;
  font-family: 'BBVA Web Light';
  color: #0078D2;
  font-size: 18px;
}
.confirmar div.dataFlow .sub-step-title-2.simple {
  margin-bottom: 10px;
}
.confirmar div.dataFlow .containerData {
  display: table-cell;
  vertical-align: top;
  border: 1px solid #E0F6FC;
  border-radius: 5px 5px 5px 5px;
  width: 263px;
  padding: 13px 15px 14px 20px;
  background: #E0F6FC;
  color: #0078D2;
  margin-bottom: 10px;
}
@media (max-width: 769px) {
  .confirmar div.dataFlow .containerData {
    display: block;
    width: 100%;
    float: none;
  }
}
@media (max-width: 768px) {
  .confirmar div.dataFlow .containerData.right {
    margin-top: 10px;
  }
}
.confirmar div.dataFlow .containerData .block-account {
  margin: 0px;
  padding: 0px;
}
.confirmar div.dataFlow .containerData .block-account dt {
  font-size: 18px;
  font-weight: normal;
  font-family: "BBVA Web Light", arial, sans-serif;
  width: 100%;
}
.confirmar div.dataFlow .containerData .block-account dd {
  font-size: 14px;
  font-weight: bold;
}
.confirmar div.dataFlow .containerData .block-account dd.simple {
  font-weight: normal;
}
.confirmar div.dataFlow .containerData .block-account dd.simple p {
  font-size: 14px;
  margin-bottom: 3px;
}
.confirmar div.dataFlow .containerData .block-account dd.linesep {
  margin-top: 10px;
  line-height: 16px;
}
.confirmar div.dataFlow .arrow-destination {
  width: 5px;
  float: left;
  padding-left: 14px;
  padding-right: 10px;
  padding-top: 57px;
  background: url(../img/ico-arrow-blue.png) no-repeat bottom;
}
@media (max-width: 768px) {
  .confirmar div.dataFlow .arrow-destination {
    background-image: url("../img/ico-arrow-blue-down.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 0 auto 0 48%;
    padding-top: 10px;
    float: none;
  }
}
@media (max-width: 768px) {
  .confirmar div.dataFlow.small .containerData {
    height: auto;
  }
}
.confirmar div.dataFlow.bigger .arrow-destination {
  padding-top: 75px;
}
@media (max-width: 768px) {
  .confirmar div.dataFlow.bigger .arrow-destination {
    padding-top: 10px;
  }
}
.confirmar div.dataFlow.big-double {
  overflow: hidden;
}
.confirmar div.dataFlow.big-double .containerData dt {
  margin-bottom: 10px;
}
.confirmar div.dataFlow.big-double .arrow-destination {
  padding-top: 105px;
}
@media (max-width: 768px) {
  .confirmar div.dataFlow.big-double .arrow-destination {
    padding-top: 10px;
  }
}
.confirmar .simple-info {
  color: #71777F;
  font-size: 12px;
  width: 100%;
  margin: 0 0 4px auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
@media (max-width: 768px) {
  .confirmar .simple-info {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .confirmar .simple-info.left {
    padding-right: 10px;
  }
}
.confirmar .simple-info.left .grey {
  color: #434A58;
  font-weight: normal;
  padding-left: 10px;
}
@media (min-width: 769px) {
  .confirmar .simple-info.right {
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .confirmar .simple-info.right {
    margin-top: 0;
  }
}
.confirmar .simple-info.left .line,
.confirmar .simple-info.right .line {
  height: 25px;
  margin-bottom: 5px;
}
.confirmar .simple-info.left .line.stacked,
.confirmar .simple-info.right .line.stacked {
  margin-bottom: 0;
}
.confirmar .simple-info.left .line.double,
.confirmar .simple-info.right .line.double {
  height: 45px;
}
.confirmar .simple-info.left .line.double .right,
.confirmar .simple-info.right .line.double .right {
  max-width: 140px;
}
.confirmar .simple-info.left .line.extra-double,
.confirmar .simple-info.right .line.extra-double {
  height: 45px;
}
.confirmar .simple-info.left .line.extra-double .right,
.confirmar .simple-info.right .line.extra-double .right {
  max-width: 205px;
}
@media (max-width: 768px) {
  .confirmar .simple-info.bottom-spaced {
    margin-bottom: 20px;
  }
}
.confirmar .simple-info.expanded {
  width: 100%;
}
.confirmar .simple-info.expanded .right {
  text-align: left;
}
.confirmar .simple-info.big {
  width: 60%;
}
.confirmar .simple-info.big .left {
  font-size: 16px;
  font-family: BBVA Web Light;
}
@media (max-width: 768px) {
  .confirmar .simple-info.big {
    width: 100%;
    padding: 0 10px;
  }
  .confirmar .simple-info.big .left {
    float: none;
  }
}
.confirmar .simple-info .left {
  float: left;
}
.confirmar .simple-info .right {
  float: right;
  color: #44A518;
  font-weight: bold;
  text-align: right;
  /*width: 55%;*/
}
.confirmar .simple-info .right.grey-bold {
  color: #434A58;
  font-size: 16px;
  font-family: BBVA Web Book;
  font-weight: normal;
  width: 55%;
  text-align: left;
}
@media (max-width: 768px) {
  .confirmar .simple-info .right.grey-bold {
    float: none;
    width: 100%;
  }
}
.confirmar .simple-info .right.doble {
  line-height: 14px;
}
.confirmar .condiciones-text {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .confirmar .info-text-terminos {
    width: 88% !important;
    display: inline-block;
    vertical-align: top;
  }
}
.confirmar footer:before,
.confirmar footer:after {
  content: " ";
  display: table;
}
.confirmar footer:after {
  clear: both;
}
.confirmar footer > div.row-block {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.confirmar footer > div.row-block .title {
  display: inline-block;
  font-family: BBVA Web Light;
  font-size: 18px;
  color: #3285DB;
}
@media (min-width: 769px) {
  .confirmar footer > div.row-block .title {
    float: left;
    width: 35%;
    margin: 0;
    padding-right: 15px;
  }
}
@media (max-width: 769px) {
  .confirmar footer > div.row-block .title {
    margin-bottom: 10px;
  }
}
.confirmar footer > div.row-block .row {
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 20px;
}
.confirmar footer > div.row-block .row:last-child {
  padding-bottom: 0px;
}
@media (max-width: 769px) {
  .confirmar footer > div.row-block .row:last-child {
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) {
  .confirmar footer > div.row-block div.right {
    float: left;
    width: 65%;
  }
}
.confirmar footer > div.row-block div.right .formline {
  padding-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 769px) {
  .confirmar footer > div.row-block div.right .formline {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.confirmar footer > div.row-block div.right .formline input[type=text] {
  width: 100%;
}
.confirmar footer > div.row-block div.right .formline .item {
  float: left;
  width: 60%;
}
@media (max-width: 769px) {
  .confirmar footer > div.row-block div.right .formline .item {
    min-width: 260px;
  }
}
.confirmar footer > div.row-block div.right .formline .item.first {
  width: 30%;
  min-width: 0;
  padding-top: 5px;
}
@media (max-width: 769px) {
  .confirmar footer > div.row-block div.right .formline .item.first {
    width: 100%;
  }
}
.confirmar footer > div.row-block div.right .formline .item.last {
  width: 10%;
  min-width: 0;
  padding-top: 3px;
  padding-left: 8px;
}
@media (max-width: 768px) {
  .confirmar footer > div.row-block div.right .formline .item.last {
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .confirmar.indent {
    padding: 10px 30px;
  }
}
.confirmar .hr-clear {
  clear: both;
  margin-top: 20px;
}
.confirma-tarjeta {
  padding: 0 !important;
}
.confirma-tarjeta .confirmar div.dataFlow .containerData {
  width: 282px;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar div.dataFlow .containerData {
    width: 590px;
  }
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .form-group {
    margin: 0 0 10px;
  }
  .confirma-tarjeta .confirmar .form-group .col-sm-1,
  .confirma-tarjeta .confirmar .form-group .col-sm-11 {
    float: left;
  }
  .confirma-tarjeta .confirmar .form-group label {
    float: left;
    margin: 4px 2px;
  }
}
.confirma-tarjeta .confirmar .form-group .col-sm-1 {
  width: 5%;
  padding: 0;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .form-group .col-sm-1 {
    width: 6%;
  }
}
.confirma-tarjeta .confirmar .form-group .col-sm-11 {
  text-align: right;
  padding: 0 15px 0 0;
  width: 94%;
}
.confirma-tarjeta .confirmar .form-group .col-sm-11 label {
  float: left;
  padding: 4px 0 0 0;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .form-group .col-sm-11 label {
    padding: 0;
    padding-left: 2px;
  }
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .form-group .col-sm-11 {
    padding: 0;
    text-align: left;
  }
}
.confirma-tarjeta .confirmar .notifica-titulo {
  width: 28%;
  padding-left: 0;
  line-height: 1.4em;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .notifica-titulo {
    width: 100%;
  }
}
.confirma-tarjeta .confirmar .notifica-operacion {
  width: 72%;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .notifica-operacion {
    width: 100%;
  }
}
.confirma-tarjeta .confirmar .notifica-operacion .ui-marmots-label-check {
  margin-top: 4px;
}
.confirma-tarjeta .confirmar .notifica-operacion #notifica-email {
  width: 81%;
  margin: 0 1px 0 0;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .notifica-operacion #notifica-email {
    width: 75%;
    float: left;
    margin: 0 2px 0 0 ;
  }
}
.confirma-tarjeta .confirmar .notifica-operacion .bootstrap-select {
  width: 26.5%;
  margin: 0 1px;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .notifica-operacion .bootstrap-select {
    width: 41%;
    float: left;
    margin: 0 2px;
  }
}
.confirma-tarjeta .confirmar .notifica-operacion a.disabled {
  cursor: default;
}
.confirma-tarjeta .confirmar .notifica-operacion a.disabled .icon-24 {
  background-image: url(img/sprite-black-x24.png);
  opacity: .2;
}
.confirma-tarjeta .confirmar .notifica-operacion a.enabled {
  cursor: pointer;
}
.confirma-tarjeta .confirmar .notifica-operacion a.enabled .icon-24 {
  background-image: url(img/sprite-black-x24.png);
}
.confirma-tarjeta .confirmar .notifica-operacion #notifica-sms {
  width: 25%;
  margin: 0 1px;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .notifica-operacion #notifica-sms {
    width: 75%;
    float: left;
    margin: 10px 0px 0 40px;
  }
  .confirma-tarjeta .confirmar .notifica-operacion #notifica-sms ~ a.modal-trigger {
    float: left;
    margin: 12px 0 0 2px;
  }
}
.confirma-tarjeta .confirmar .notifica-operacion label {
  font-weight: normal;
  font-size: 14px;
  color: #797F85;
  margin-right: 3px;
}
.confirma-tarjeta .confirmar .notifica-operacion label[for^="notifica-sms"] {
  margin-right: 7px;
}
@media (max-width: 768px) {
  .confirma-tarjeta .confirmar .notifica-operacion label {
    font-size: 13px;
  }
}
.transferencias-step4 .datos-transaccion {
  width: 63%;
  font-size: 12px;
  margin-left: 28%;
  line-height: 2em;
}
.transferencias-step4 .datos-transaccion ul {
  list-style: none;
}
.transferencias-step4 .datos-transaccion ul li strong {
  float: left;
  width: 32%;
  height: 24px !important;
}
@media (max-width: 768px) {
  .transferencias-step4 .datos-transaccion ul li strong {
    width: 42%;
  }
}
.transferencias-step4 .datos-transaccion ul li span {
  display: inline-block;
}
.transferencias-step4 .datos-transaccion ul li.doble strong {
  height: 30px;
}
@media (max-width: 768px) {
  .transferencias-step4 .datos-transaccion ul li.doble {
    height: 40px;
    overflow: hidden;
    line-height: 18px;
  }
  .transferencias-step4 .datos-transaccion ul li.doble strong {
    height: 40px;
  }
}
.transferencias-step4 .datos-transaccion ul li.doble.alto strong {
  height: 30px !important;
}
@media (max-width: 768px) {
  .transferencias-step4 .datos-transaccion {
    width: 100%;
    margin: 0 10px;
  }
}
@media (min-width: 769px) {
  .transferencias-step4 .datos-transaccion.big {
    width: 75%;
  }
}
.transferencias-step4 .datos-transaccion.mobile {
  /*
			@media(max-width:460px){
			overflow:hidden;
				li{
					float: left;
					margin-bottom: 5px;
					width: 100%;
					strong{
						height:auto !important;
						line-height: 20px;
						padding-right:5px;		
						float:left !important;			
					}
					span{
						line-height: 14px;
						vertical-align:top;
					}	
				}
			}	
			*/
}
.transferencias-step4 .datos-transaccion.new-layout {
  margin: 0 auto;
  padding: 0;
  width: 70%;
  padding-left: 12.5%;
}
@media (max-width: 768px) {
  .transferencias-step4 .datos-transaccion.new-layout {
    width: 100%;
  }
}
.transferencias-step4 .datos-transaccion.new-layout ul {
  width: 100%;
  margin: 0 auto;
  /* -- no modificar estos estilos ya que afectan a todas las constancias -- */
  /*----*/
}
.transferencias-step4 .datos-transaccion.new-layout ul li strong {
  float: none;
  width: 43% !important;
  height: auto !important;
  display: inline-block;
  margin-right: 2%;
}
.transferencias-step4 .datos-transaccion.new-layout ul li span {
  display: inline-block;
  width: 55%;
  vertical-align: top;
  height: auto;
}
@media (max-width: 768px) {
  .transferencias-step4 .datos-transaccion.new-layout ul {
    width: 100%;
    margin: 0 10px;
    padding: 0;
  }
  .transferencias-step4 .datos-transaccion.new-layout ul li strong {
    width: 41%;
    float: none;
    display: inline-block;
    height: auto !important;
    margin-right: 1%;
  }
}
@media (max-width: 768px) {
  .celular .form-group {
    margin-right: -6px;
  }
}
.celular .form-group label {
  font-family: "BBVA Web Light", arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #0078D2;
}
.celular .form-group label small {
  font-family: Arial;
  font-size: 11px;
  color: #8B9098;
}
.celular .form-group #num-celular {
  width: 90%;
  margin-right: 2%;
  display: inline-block;
}
@media (max-width: 768px) {
  .celular .form-group #num-celular {
    width: 87%;
    margin-right: 3%;
  }
}
.celular .form-group .search {
  font-size: 12px !important;
}
@media (max-width: 768px) {
  .celular .form-group #beneficiario {
    display: inline-block;
    width: 89.5%;
    margin-right: 2px;
  }
}
.celular .form-group.big-blue {
  padding-bottom: 10px !important;
}
.celular .grupo-tarjeta .form-group label {
  color: #434a58;
}
.celular .enlace_inf {
  margin: 15px 0;
}
.celular .enlace_inf a {
  font-size: 12px;
  font-weight: bold;
}
.celular .enlace_inf.margin-bottom0 {
  margin-bottom: 0;
}
.celular h3 {
  font-family: BBVA Web Light;
  font-size: 18px;
  padding: 10px 0 30px;
}
@media (max-width: 768px) {
  .celular h3 {
    display: block;
    padding-bottom: 20px;
  }
}
.celular h3.blue-title {
  color: #0078D2;
}
.pin-sms-input {
  padding: 10px 55px;
}
@media (max-width: 768px) {
  .pin-sms-input {
    padding: 0px 0 10px;
  }
}
.pin-sms-input.onmodal {
  padding: 20px 55px 10px 55px;
}
@media (max-width: 768px) {
  .pin-sms-input.onmodal {
    padding: 20px 0 10px;
  }
}
.pin-sms-input.with-message {
  padding: 5px 55px 30px 55px;
}
@media (max-width: 768px) {
  .pin-sms-input.with-message {
    padding: 5px 0 15px;
  }
}
.pin-sms-input.big {
  padding: 10px 0px;
}
@media (max-width: 768px) {
  .pin-sms-input.anular {
    padding: 20px 0 0px;
  }
}
.pin-sms-input section {
  background: none repeat scroll 0 0 #FBF1D0;
  border-radius: 4px;
  padding: 30px 0;
  text-align: center;
}
.pin-sms-input section .form-group {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.pin-sms-input section .form-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  padding-top: 42px;
  font-weight: normal;
  text-align: center;
  padding-left: 0px;
}
.pin-sms-input section .form-group label.pin {
  background-image: url("../img/ico-data-pin.png");
  background-repeat: no-repeat;
  background-position: top 10% left 50%;
  background-position-y: 10%;
  background-position-x: 50%;
}
.pin-sms-input section .form-group label.sms-label {
  background-image: url("../img/ico-data-sms.png");
  background-repeat: no-repeat;
  background-position: top 10% left 50%;
  background-position-y: 10%;
  background-position-x: 50%;
}
.pin-sms-input section .form-group label strong {
  font-weight: bold;
}
.pin-sms-input section .form-group .formline {
  width: 207px;
  margin: 0 auto;
}
.pin-sms-input section .form-group .formline input {
  float: left;
  width: 120px;
  margin-top: 0px;
}
.pin-sms-input section .form-group .formline button {
  float: right;
}
.nav > li > a.hidden {
  display: none;
}
.comprobante {
  position: relative;
  background-color: white;
  border-radius: 4px;
  padding: 20px 33px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 769px) {
  .comprobante {
    padding: 20px 10px;
  }
}
.comprobante.bordered {
  border: 1px solid #dde3ea;
}
@media (max-width: 769px) {
  .comprobante.bordered {
    border: none;
    padding: 0px 10px;
  }
}
.comprobante.onmodal {
  margin-top: 15px;
}
.comprobante.no-border {
  border: none;
  padding: 0px;
  margin-bottom: 0px;
}
.comprobante h3 {
  margin: 0 0 10px;
  padding: 0;
  color: #0078d2;
  font-family: "BBVA Web Light", arial, sans-serif;
  font-size: 1.375em;
}
@media (max-width: 768px) {
  .comprobante h3 {
    display: none;
  }
}
.comprobante .ok-layer.simple .image {
  margin-left: 30px;
}
@media (max-width: 768px) {
  .comprobante .ok-layer.simple .image {
    margin-left: 0;
  }
}
.comprobante .ok-layer {
  width: 70%;
  margin: 0 auto;
  padding: 30px 0 30px 0;
}
.comprobante .ok-layer .image {
  margin-right: 20px;
  float: left;
  width: 50px;
}
@media (max-width: 768px) {
  .comprobante .ok-layer .image {
    margin-right: 0;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    width: 100%;
  }
}
.comprobante .ok-layer .ok-content {
  margin-left: 70px;
}
@media (max-width: 768px) {
  .comprobante .ok-layer .ok-content {
    margin-left: 0;
  }
}
.comprobante .ok-layer .ok-content .title {
  font-size: 18px;
  font-family: "BBVA Web Light", arial, sans-serif;
  color: #0078d2;
  text-align: left;
}
@media (max-width: 768px) {
  .comprobante .ok-layer .ok-content .title {
    text-align: center;
  }
}
.comprobante .ok-layer .ok-content .title.middle {
  padding-top: 9px;
}
.comprobante .ok-layer .ok-content .description {
  color: #71777F;
  font-size: 12px;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .comprobante .ok-layer .ok-content .description {
    text-align: center;
  }
}
.comprobante .ok-layer .ok-content .description.clave-secreta {
  font-weight: bold;
  font-size: 14px;
}
.comprobante .ok-layer .ok-content .oficina {
  font-family: Arial;
  font-size: 12px;
  color: #71777F;
  margin-bottom: 0px;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .comprobante .ok-layer .ok-content .oficina {
    text-align: center;
  }
}
.comprobante .ok-layer .ok-content .msgTxt {
  color: #666;
  font-weight: bold;
  display: block;
  line-height: 15px;
  padding-top: 25px;
  padding-left: 31px;
}
@media (min-width: 768px) {
  .comprobante .ok-layer.wide {
    width: 90%;
  }
}
.comprobante .extra-data {
  color: #71777F;
  font-size: 12px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 0px 30px 157px;
  display: inline-block;
}
.comprobante .extra-data .left {
  width: 25%;
  float: left;
  font-weight: bold;
}
.comprobante .extra-data .right {
  width: 75%;
  float: left;
}
.comprobante .botonesComprobante {
  padding: 0px 0px 10px 0px;
}
.comprobante .botonesComprobante .btn.primary {
  width: 262px;
  height: 50px;
  text-align: left;
  float: left;
}
.comprobante .botonesComprobante .btn.primary > i {
  margin-right: 5px;
}
@media (max-width: 768px) {
  .comprobante .botonesComprobante .btn.primary {
    float: none;
    vertical-align: top;
    width: 100%;
  }
}
.comprobante .botonesComprobante .btn.primary.left {
  margin-right: 26px;
}
@media (max-width: 768px) {
  .comprobante .botonesComprobante .btn.primary.left {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.comprobante .botonesComprobante .btn.primary.right {
  margin-bottom: 10px;
}
.comprobante .botonesComprobante .btn.primary.pressed {
  background: #f6f7f8;
  background: -moz-linear-gradient(top, #f6f7f8 0%, #ecf2fb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f8), color-stop(100%, #ecf2fb));
  background: -webkit-linear-gradient(top, #f6f7f8 0%, #ecf2fb 100%);
  background: -o-linear-gradient(top, #f6f7f8 0%, #ecf2fb 100%);
  background: -ms-linear-gradient(top, #f6f7f8 0%, #ecf2fb 100%);
  background: linear-gradient(to bottom, #f6f7f8 0%, #ecf2fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f7f8, endColorstr=#ecf2fb, GradientType=0);
  background: #ECF2FB;
  color: #003F8C;
  border: 1px solid #B6CEEA;
}
.comprobante .botonesComprobante .btn.primary .check-ok {
  position: absolute;
  right: 9px;
  top: 18px;
}
.comprobante .botonesComprobante .btn.primary .check-ok-pressed {
  position: absolute;
  right: 9px;
  top: 18px;
}
.comprobante .botonesComprobante .btn.primary.modal-trigger {
  line-height: 43px;
}
.comprobante .botonesComprobante.wd90-cent {
  width: 90%;
  margin: auto;
}
.comprobante.wide .ok-layer {
  width: 85%;
}
@media (min-width: 769px) {
  .comprobante.wide .big {
    width: 80%;
    margin-left: 20%;
  }
  .comprobante.wide .big li strong {
    width: 40%;
  }
}
.comprobante.wide .big .doble strong {
  height: 30px;
}
.comprobante.wide .big .doble.simple strong {
  height: 20px;
}
.comprobante.wide .big .triple strong {
  height: 60px;
}
@media (max-width: 769px) {
  .comprobante.wide .big .single strong {
    height: 30px;
  }
}
.comprobante.wide .new-layout {
  padding-left: 0;
}
.comprobante .separa {
  margin-bottom: 20px;
}
th.control-width-tarjetas {
  width: 40%;
}
@media (max-width: 768px) {
  th.control-width-tarjetas {
    width: 55%;
  }
}
th.control-width-creditos {
  width: 40%;
}
@media (max-width: 768px) {
  th.control-width-creditos {
    width: auto;
  }
}
.popup-cuentas-izq {
  width: 52% !important;
  right: 48% !important;
}
@media (max-width: 768px) {
  .popup-cuentas-izq {
    width: 100% !important;
    right: auto !important;
  }
}
.popup-cuentas-der {
  width: 48% !important;
  left: 52% !important;
  padding-right: 5px !important;
}
@media (max-width: 768px) {
  .popup-cuentas-der {
    width: 100% !important;
    left: auto !important;
  }
}
td.style-tarjetas,
th.style-tarjetas {
  text-align: left !important;
  width: 45%;
}
span.icon-pos-global {
  margin-left: 5px;
  margin-top: -3px;
}
.capgemini-tables.tu-situacion span.icon-info-16 {
  margin-left: 5px;
  top: 4px;
}
.capgemini-tables.tu-situacion .importe-situacion {
  color: #0065B7;
  float: right;
  font-weight: bold;
}
.capgemini-tables.tu-situacion .btn.arrow-left.primary.volver-situacion {
  margin-left: 0;
  margin-right: 5px;
}
.capgemini-tables.tu-situacion .btns-change .btn {
  background-image: none;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f7f8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f7f8));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5f7f8 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f5f7f8 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f5f7f8 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f5f7f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f7f8, GradientType=0);
  min-width: 30px;
  width: auto !important;
  color: #003f8d;
  border: 1px solid #dcdcdc;
  box-shadow: none;
}
.capgemini-tables.tu-situacion .btns-change .btn:hover {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaf1f7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eaf1f7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eaf1f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaf1f7, GradientType=0);
}
.capgemini-tables.tu-situacion .btns-change .btn.active {
  color: #06B;
  background-color: #f2f4fa;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.links header h1 {
  font-size: 16px;
}
.links.tipo-cambio .capgemini-tables {
  margin-bottom: 0;
}
.links.tipo-cambio .capgemini-tables .tables-body {
  border-bottom: none;
}
.links.tipo-cambio .capgemini-tables .tables-body table tr th.centered {
  text-align: center;
}
.links.tipo-cambio .capgemini-tables .tables-body table tr th:first-child {
  padding-left: 10px;
}
.links.tipo-cambio .capgemini-tables .tables-body table tr td {
  padding: 10px;
}
.links.tipo-cambio .capgemini-tables .tables-body table tr td:first-child {
  font-weight: normal;
  color: #434a58;
}
.links.tipo-cambio .capgemini-tables .tables-body table tr:hover {
  background: #fff;
}
.links.tipo-cambio footer {
  border-top: 0;
}
.links.avisos.image-links ul li a {
  padding-left: 20px;
}
.links.avisos.image-links ul li a.alerta {
  color: #c4136c;
  background-color: #fbf4f4;
  border-radius: 0px;
  border-width: 0 1px;
  margin: 0;
}
.links.avisos.image-links ul li a.alerta .dateText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 0 0 0 25px;
  color: #c4136c;
}
.links.avisos.image-links ul li a .icon-16 {
  float: left;
}
.links.avisos.image-links ul li a .dateText {
  color: #434a58;
}
.links.avisos.mini-triangled ul li a {
  background-position-y: 33%;
}
.links.avisos.mini-triangled ul li a.alerta {
  background-image: url(img/link-arrow-right-red.png);
}
.links.puntos {
  /*.star{
		  background-image: url('img/puntos-vida.png');
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  width: 25px;
		  height: 25px;
		  vertical-align: middle;
		  padding: 0;
		  display: inline-block;
		  margin:0 8px 0 0;
		}*/
}
.links.puntos ul {
  margin: 0 10px;
}
.links.puntos ul li {
  padding: 15px 10px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #DDE3EA;
  color: #0065b7;
}
.links.puntos ul li .ptos-right {
  float: right;
  font-size: 15px;
  color: #434a58;
}
.links.puntos ul li.last {
  border: none;
}
.links.bigger ul li a {
  font-size: 12px;
  padding-right: 0;
}
@media (max-width: 768px) {
  .links .desktop-hidden {
    display: block;
  }
}
/* Operaciones favoritas */
.links.favoritas.dated.editable {
  position: relative;
}
.links.favoritas.dated.editable ul > li .arrow {
  width: 8px;
  height: 5px;
  display: inline;
}
.links.favoritas.dated.editable ul > li a {
  border-bottom: 1px solid #DDE3EA !important;
  padding: 30px 20px;
}
.links.favoritas.dated.editable ul > li .dateText {
  margin-left: 0;
  color: #71777F;
  font-size: 11px;
}
.links.favoritas.dated.editable header h1 {
  font-size: 16px;
  margin: 10px 0 10px 10px;
}
.links.favoritas.dated.editable header span {
  background-color: transparent;
}
.links.favoritas.dated.editable header .icon-info-16 {
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
}
.links.favoritas.dated.editable footer {
  padding: 10px;
  border-top: none;
}
.links.favoritas.dated.editable footer.ver-mas {
  height: 30px;
  padding: 5px 10px;
  border-bottom: 1px solid #dde3ea;
  color: #333333;
  font-family: "BBVA Web Book", arial, sans-serif;
  cursor: pointer;
}
.links.favoritas.dated.editable footer p {
  font-size: 13px;
  margin: 0;
}
.links.favoritas.dated.editable footer .btn {
  margin: 0;
}
.links.favoritas.dated.editable .star-blue {
  background-image: url('img/estrella.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 18px;
  height: 17px;
  vertical-align: middle;
  padding: 0;
  display: inline-block;
  margin-right: 5px;
}
.links.favoritas.dated.editable .edit-gray {
  background-image: url('img/edit-pencil.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  float: right;
  margin-right: 15px;
}
.links.favoritas.dated.editable .edit-gray:hover {
  background-image: url('img/edit-pencil-hover.png');
}
.links.favoritas.dated.editable .fav-buttons {
  height: 60px;
  margin: 10px 0;
  padding-bottom: 0;
  padding-top: 10px;
  padding-left: 10px;
  position: absolute;
  border-left: 1px solid #E5E5E5;
  right: 10px;
  display: none;
}
.links.favoritas.dated.editable .fav-buttons .btn.trans {
  display: inline-block;
  margin: 7px 0;
  padding: 1px 5px;
  vertical-align: bottom;
}
.links.favoritas.dated.editable .fav-buttons .btn.trans[disabled].op-editar-pulsado,
.links.favoritas.dated.editable .fav-buttons .btn.trans[disabled]:hover.op-editar-pulsado,
.links.favoritas.dated.editable .fav-buttons .btn.trans[disabled]:active.op-editar-pulsado,
.links.favoritas.dated.editable .fav-buttons .btn.trans.disabled.op-editar-pulsado,
.links.favoritas.dated.editable .fav-buttons .btn.trans.disabled:hover.op-editar-pulsado,
.links.favoritas.dated.editable .fav-buttons .btn.trans.disabled:active.op-editar-pulsado {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background: linear-gradient(to bottom, #f6f7f8 0, #ecf2fb 100%) !important;
}
.links.favoritas.dated.editable .buttoned {
  text-align: center;
  box-shadow: 0 20px 3px -19px #f8f8f5 inset;
  display: none;
}
.links.favoritas.dated.editable .buttoned button.finish-edit {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #FFFFFF;
}
.links.favoritas.dated.editable .detailed {
  background: #FBF1D0;
}
.links.favoritas.dated.editable .detailed .form-group {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.links.favoritas.dated.editable .detailed .form-group .detail-line {
  background: none;
  color: #71777F;
}
.links.favoritas.dated.editable .detailed .form-group .detail-line > span {
  font-size: 12px;
  font-weight: normal;
  font-family: arial;
  width: 34%;
  display: inline-block;
  line-height: 1.2em;
  padding-top: 7px;
}
.links.favoritas.dated.editable .detailed .form-group .detail-line > input {
  width: 64%;
  display: inline-block;
  vertical-align: top;
}
.links.favoritas.dated.editable .detailed a.buttoned-double {
  text-align: center;
  padding-right: 20px;
}
.links.favoritas.dated.editable .detailed a.buttoned-double .btn {
  margin-right: 5px;
}
.links.favoritas.dated.editable.on li a {
  background: none !important;
}
.links.favoritas.dated.editable.on header h1 .edit-gray {
  background-image: url('img/edit-pencil-on.png');
  cursor: default;
}
.links.favoritas.dated.editable.on footer {
  border-top: 1px solid #DDE3EA;
}
.links.favoritas.dated.editable.on .fav-buttons {
  display: block;
}
.links.favoritas.dated.editable.on .buttoned {
  display: block;
}
/* Para lightbox con estructura de wizard */
#eliminar-operacion-favorita hr {
  width: 100%;
  margin-top: 3px;
  border-top: 1px solid #e5e5e5;
}
#eliminar-operacion-favorita .modal-body {
  padding-top: 0px;
  padding-bottom: 10px;
}
#eliminar-operacion-favorita .info {
  height: 80px;
  margin: 20px 0px 0px;
  width: 100%;
}
#eliminar-operacion-favorita .message {
  height: 110px;
  padding-top: 40px;
  text-align: center;
}
#eliminar-operacion-favorita .message img {
  padding-right: 10px;
}
#eliminar-operacion-favorita .message > h3 {
  display: inline;
}
#eliminar-operacion-favorita .buttons {
  width: 200px;
  margin: auto;
}
#eliminar-operacion-favorita .buttons .btn {
  width: 90px;
  margin-bottom: 20px;
}
#eliminar-operacion-favorita .buttons .btn:last-child {
  margin-left: 15px;
}
#eliminar-operacion-favorita .buttons.single {
  width: 105px;
}
#eliminar-operacion-favorita .buttons.single .btn:last-child {
  margin-left: 0px;
}
#operacion-favorita .modal-body {
  padding-top: 20px;
}
#operacion-favorita .modal-body fieldset {
  padding: 20px;
}
@media (max-width: 768px) {
  #operacion-favorita .modal-body fieldset {
    padding: 0px;
  }
}
#operacion-favorita .modal-body fieldset .form-group {
  clear: both;
}
#operacion-favorita .modal-body fieldset label.col-md-3 {
  font-family: "BBVA Web Light", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
#operacion-favorita .modal-body fieldset #alias {
  width: 40%;
}
@media (max-width: 768px) {
  #operacion-favorita .modal-body fieldset #alias {
    width: 100%;
  }
}
#operacion-favorita .modal-body fieldset .item-separator {
  margin: 20px 10px;
}
#operacion-favorita .modal-body fieldset .btn-group {
  width: 70px;
}
#operacion-favorita .modal-body fieldset .radios {
  padding-top: 8px;
}
#operacion-favorita .modal-body fieldset .radios .radio {
  margin: 0 10px;
}
@media (max-width: 768px) {
  #operacion-favorita .modal-body fieldset .radios {
    margin-bottom: 10px;
    padding-left: 0;
  }
}
#operacion-favorita .modal-body hr.shadow {
  box-shadow: 0 -2px 0 0 #f6f6f6;
}
#operacion-favorita .modal-body .buttons {
  width: 200px;
  margin: auto;
  text-align: center;
}
#operacion-favorita .modal-body .buttons .btn {
  width: 90px;
  margin-bottom: 20px;
}
#operacion-favorita .modal-body .buttons .btn:last-child {
  margin-left: 15px;
}
div.cabecera-zona-vip {
  margin: 5px 0 15px 10px;
}
div.cabecera-zona-vip span.zona-vip {
  font-size: 16px;
  color: #333333;
  font-family: "BBVA Web Book", arial, sans-serif;
}
.links.provimillas header h1 {
  font-size: 16px;
  margin: 10px 0 10px 10px;
  color: #333333;
  font-family: "BBVA Web Book", arial, sans-serif;
}
.links.provimillas li a {
  text-align: right;
}
.links.provimillas li a .control-izquierda {
  float: left;
  color: #434A58;
}
.estrella-grey {
  background-image: url('img/estrella-grey.png');
}
.mano-money {
  background-image: url('img/mano-money.png');
  width: 19px !important;
  margin-right: 8px !important;
}
.mano-hoja {
  background-image: url('img/mano-hoja.png');
  height: 18px !important;
  width: 17px !important;
  margin-right: 9px !important;
}
.blue-info {
  background-image: url('img/icon-info-blue.gif');
  height: 16px !important;
  width: 16px !important;
  margin-right: 7px !important;
  background-position: center center;
}
.blue-money {
  background-image: url('img/icon-hand-money-blue.gif');
  height: 16px !important;
  width: 16px !important;
  margin-right: 7px !important;
  background-position: center center;
}
/*        ONECLICK             */
form.oneclick-container > div {
  display: inline-block;
  width: 100%;
}
@media (max-width: 768px) {
  form.oneclick-container > div {
    display: block;
    width: 100%;
    text-align: left;
  }
}
form.oneclick-container > div > img {
  position: relative;
  top: -145px;
}
@media (max-width: 768px) {
  form.oneclick-container > div > img {
    display: none;
  }
}
form.oneclick-container > div > div {
  margin-right: 15px;
  display: inline-block;
  background-color: #F8F8F5;
  padding: 20px 20px 0px 20px;
  text-align: left;
  min-height: 436px;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div {
    display: block;
  }
}
form.oneclick-container > div > div > div > label {
  padding-left: 20px !important;
  font-family: BBVA Web Light;
  color: #0078d2;
  font-size: 1.714285714285714em;
  display: inline-block;
}
form.oneclick-container > div > div > div > span.plazo-time {
  vertical-align: sub !important;
  margin-left: 20px;
  margin-top: 9px;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div > div > span.plazo-time {
    vertical-align: text-bottom !important;
  }
}
form.oneclick-container > div > div > div span {
  display: inline-block;
}
form.oneclick-container > div > div > div > button.btn {
  margin-left: 40%;
  margin-top: 25px;
  height: 38px !important;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div > div > button.btn {
    margin-bottom: 20px;
  }
}
form.oneclick-container > div > div > div > div {
  position: relative;
  top: 10px;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
form.oneclick-container > div > div > div > div > div {
  margin-left: 20px;
  margin-right: 20px;
}
form.oneclick-container > div > div > div > div > div > input {
  width: 100% !important;
  margin-left: 17px;
  height: 40px !important;
  font-size: 22px !important;
  font-weight: bold !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
form.oneclick-container > div > div > div > div > div > input[type=text] {
  color: #0078D2;
  font-size: 1.2em;
  padding-left: 10px;
  font-weight: bold;
}
form.oneclick-container > div > div > div > div > div .bootstrap-select {
  max-width: 100% !important;
}
form.oneclick-container > div > div > div > div > div .bootstrap-select button {
  height: 40px !important;
}
form.oneclick-container > div > div > div > div > div .bootstrap-select button > span.caret {
  height: 38px !important;
  margin-top: 5px !important;
}
form.oneclick-container > div > div > div > div > div > span.sub-input {
  font-size: 0.7857142857142857em;
}
form.oneclick-container > div > div > div > div > div > span.flota-izq {
  float: right;
}
form.oneclick-container > div > div:first-child {
  margin-right: 0px;
  vertical-align: top;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div:first-child {
    display: block;
    width: 100%;
  }
}
#oneclic-title h2 a.close-tab {
  top: -5px;
  float: right;
  position: absolute;
  right: 15px;
}
div.slide-container {
  margin-top: 20px;
}
div.slide-container div.slider {
  position: relative;
  display: inline-block;
}
div.slide-container div.slider div.slide-two {
  display: none;
  max-width: 918px;
  padding-left: 15px;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.slide-two {
    width: 25%;
  }
}
div.slide-container div.slider div.slide-two > div > p.block-info {
  color: #71777F;
}
div.slide-container div.slider div.slide-two > div > div {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.slide-two > div > div {
    margin-left: auto;
  }
}
div.slide-container div.slider div.slide-two > div > div > button {
  margin-right: 15px;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.slide-two > div > div > button {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
}
div.slide-container div.slider div.slide-two > div > div > button > span {
  margin-right: 10px;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.slide-two > div > div > button > span {
    display: inline-block !important;
  }
}
div.slide-container div.slider div.slide-two > div > div.block-wizard-success {
  width: 560px;
}
@media (max-width: 480px) {
  div.slide-container div.slider div.slide-two > div > div.block-wizard-success {
    width: 380px;
  }
}
@media (max-width: 400px) {
  div.slide-container div.slider div.slide-two > div > div.block-wizard-success {
    width: 320px;
  }
}
@media (max-width: 325px) {
  div.slide-container div.slider div.slide-two > div > div.block-wizard-success {
    width: 290px;
  }
}
div.slide-container div.slider div.slide-two > div > div.block-wizard-success > p {
  font-family: BBVA Web Light;
  color: #71777F;
}
div.slide-container div.slider div.slide-two > div > div.block-wizard-success > p.oficina {
  margin-bottom: 5px;
  font-family: BBVA Web Book !important;
}
div.slide-container div.slider div.slide-two > div > div.block-wizard-success > p:first-child {
  font-family: BBVA Web Light;
  color: #0078D2;
  font-size: 1.28571428571428em;
}
div.slide-container div.slider div.slide-two .comprobante {
  width: 550px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.slide-two .comprobante {
    width: auto;
    overflow: visible;
  }
}
div.slide-container div.slider div.slide-two .comprobante .big {
  margin-left: 20%;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.slide-two .comprobante .big {
    margin-left: 0;
  }
}
div.slide-container div.slider div.slide-two .comprobante .botonesComprobante button.right {
  margin-right: 0;
}
div.slide-container div.slider div.oneClick_one {
  vertical-align: top;
  max-width: 918px;
  display: inline-block;
}
div.slide-container div.slider div.oneClick_one > a {
  float: none;
  position: inherit;
  top: 0px;
}
div.slide-container div.slider div.oneClick_one > #checkError {
  padding-top: 25px;
  margin-top: 0px;
}
@media (max-width: 768px) {
  div.slide-container div.slider div.oneClick_one > #checkError {
    width: 100%;
  }
}
div.slide-container div.slider div.oneClick_one > #checkError span {
  margin-top: 0px;
}
div.slide-container div.slider div.oneClick_one > p {
  margin-top: 20px;
}
div.slide-container div.slider div.oneClick_one > p > span {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-right: 10px;
}
div.slide-container div.slider div.oneClick_one > p > input {
  width: 200px;
  display: inline-block;
  margin-left: 100px;
  margin-right: 20px;
}
div.slide-container div.slider div.oneClick_one > form > div .monto {
  padding-right: 45px;
}
div.slide-container div.slider div.oneClick_one > form > div > div > div > i {
  position: relative;
  right: 25px;
}
@media (min-width: 620px) and (max-width: 768px) {
  div.slide-container div.slider div.oneClick_one > form > div > div > div > i {
    margin-left: 20%;
  }
}
@media (min-width: 545px) and (max-width: 619px) {
  div.slide-container div.slider div.oneClick_one > form > div > div > div > i {
    margin-left: 13%;
    position: inherit;
    right: auto;
  }
}
@media (min-width: px) and (max-width: 544px) {
  div.slide-container div.slider div.oneClick_one > form > div > div > div > i {
    margin-left: -4%;
    position: inherit;
    right: auto;
  }
}
div.slide-container div.slider div.oneClick_one > button {
  margin-left: 415px;
  margin-top: 20px;
}
div.slide-container div.slider div.oneClick_one > label#condiciones {
  margin-top: 20px;
}
div.slide-container div.slider div.oneClick_one > button {
  margin-left: auto !important;
  margin-right: auto !important;
}
div.slide-container hr.last-line {
  border-top: 1px solid #dcdcdc;
  box-shadow: 0 -2px 0 0 #f6f6f6;
}
form.oneclick-container > div > div.style-general {
  background-color: #E2FAFE;
  margin-right: 0px;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div.style-general {
    float: none;
  }
}
form.oneclick-container > div > div.style-general > div {
  margin-bottom: 12px;
}
form.oneclick-container > div > div.style-general > div > hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
form.oneclick-container > div > div.style-general > div > p {
  text-align: center;
  color: #0078D2;
  font-size: 1em;
  font-family: Arial;
  margin-bottom: 0px;
}
form.oneclick-container > div > div.style-general > div > p:first-child {
  font-family: BBVA Web Light;
  font-size: 2.3333333333333335em;
}
form.oneclick-container > div > div.style-general > div > p:first-child.comment {
  font-size: 14px;
  font-family: BBVA Web Book;
}
@media (max-width: 820px) {
  form.oneclick-container > div > div.style-general > div > p:first-child {
    font-size: 1.9em;
  }
}
@media (max-width: 768px) {
  form.oneclick-container > div > div.style-general > div > p:first-child {
    font-size: 1em;
  }
}
form.oneclick-container > div > div.style-general > div > p.big-price {
  margin-top: 25px;
  font-size: 2.76em;
  margin-bottom: 25px;
  text-align: center;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div.style-general > div > p.big-price {
    margin-left: 0px;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
  }
}
form.oneclick-container > div > div.style-general > div > p.big-price > span {
  color: #0078D2;
}
form.oneclick-container > div > div.style-general > div > p.span-ico {
  color: #0078D2;
  font-size: 1em;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -20px;
}
form.oneclick-container > div > div.style-general > div.style-interno {
  padding: 0px 40px 5px 40px;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div.style-general > div.style-interno {
    padding: 0px 20px 5px 20px;
  }
}
form.oneclick-container > div > div.style-general > div.style-interno > p {
  margin-bottom: 10px;
  text-align: left;
}
@media (max-width: 768px) {
  form.oneclick-container > div > div.style-general > div.style-interno > p {
    text-align: center;
  }
}
ul.dropdown-menu > li > a > span {
  color: #0078D2;
}
th.control-width-col {
  width: auto !important;
}
div.chart-selection.buttons-item {
  width: 112px;
  display: inline-block;
  float: left;
}
div.chart-selection.buttons-item .btn.primary {
  min-width: 35px;
  padding: 5px 7px;
}
@media (max-width: 480px) {
  div.chart-selection.buttons-item {
    width: 100%;
    margin-bottom: 10px;
  }
  div.chart-selection.buttons-item .btn-group {
    width: 100%;
  }
  div.chart-selection.buttons-item .btn-group .btn.primary {
    width: 33%;
  }
}
div.chart-selection.select-item {
  float: left;
}
@media (max-width: 480px) {
  div.chart-selection.select-item {
    width: 100%;
  }
}
@media (max-width: 480px) {
  div.chart-selection.select-item .control-leyenda-cuentas {
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 768px) {
  div.chart-selection.select-item .control-leyenda-cuentas label {
    margin-bottom: 0px;
  }
}
div.chart-selection.select-item .control-leyenda-cuentas .bootstrap-select {
  width: 165px;
}
@media (max-width: 480px) {
  div.chart-selection.select-item .control-leyenda-cuentas .bootstrap-select {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .cuentas .chart-selection.buttons-item {
    width: 100%;
    margin-bottom: 10px;
  }
}
.cuentas .chart-selection.select-item {
  width: 220px;
  padding-top: 3px;
}
@media (max-width: 768px) {
  .cuentas .chart-selection.select-item {
    width: 48%;
  }
}
@media (max-width: 600px) {
  .cuentas .chart-selection.select-item {
    width: 100%;
  }
}
div.control-leyenda {
  width: 100% !important;
}
div.control-leyenda label {
  margin-right: 20px;
}
@media (max-width: 481px) {
  div.control-leyenda div {
    width: 95% !important;
  }
}
form#clave-form > div {
  text-align: left;
}
form#clave-form > div > b > a {
  font-size: 0.9em;
}
form#clave-form > div > div {
  background-color: transparent;
  width: 100%;
  height: auto;
  text-align: center;
  min-height: 10px;
  margin-top: 0px;
}
form#clave-form > div > div > button#oc_cancel {
  width: auto;
}
@media (max-width: 768px) {
  form#clave-form > div > div > button#oc_cancel {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
form#clave-form > div > label {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}
form#clave-form > div p.block-warning {
  padding-top: 30px;
  padding-left: 20px;
  line-height: 2;
}
@media (max-width: 768px) {
  form#clave-form > div p.block-warning {
    padding-left: 10px;
    margin-bottom: 20px;
    line-height: 1;
    font-family: Arial;
    font-size: 1.3em;
    text-align: center;
  }
}
form#clave-form > div p.block-warning > input#clave-especial,
form#clave-form > div p.block-warning input#clave-especial_adelanto {
  display: inline-block;
  width: 25%;
  margin-left: 148px;
  float: center;
}
@media (min-width: 800px) and (max-width: 975px) {
  form#clave-form > div p.block-warning > input#clave-especial,
  form#clave-form > div p.block-warning input#clave-especial_adelanto {
    margin-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 799px) {
  form#clave-form > div p.block-warning > input#clave-especial,
  form#clave-form > div p.block-warning input#clave-especial_adelanto {
    margin-left: 20px;
    width: 20%;
  }
}
@media (max-width: 768px) {
  form#clave-form > div p.block-warning > input#clave-especial,
  form#clave-form > div p.block-warning input#clave-especial_adelanto {
    display: inline-block;
    width: 88%;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
form#clave-form > div p.block-warning > button#conf_submit,
form#clave-form > div p.block-warning button#conf_submit_tarj {
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  float: right;
}
@media (max-width: 768px) {
  form#clave-form > div p.block-warning > button#conf_submit,
  form#clave-form > div p.block-warning button#conf_submit_tarj {
    display: inline-block;
    float: none;
  }
}
form#clave-form > div p.block-warning > span {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  form#clave-form > div p.block-warning > span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
/* ************** ENCUENSTA ***************   */
div#encuesta > div.modal-content {
  height: auto !important;
}
div#encuesta > div.modal-content > div > div > form > hr {
  width: 100%;
}
div#encuesta > div.modal-content > div > div > form > p {
  margin-top: 20px;
  margin-bottom: 20px;
}
div#encuesta > div.modal-content > div > div > form > div {
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
@media (max-width: 768px) {
  div#encuesta > div.modal-content > div > div > form > div {
    width: 85%;
  }
}
div#encuesta > div.modal-content > div > div > form > div > fieldset {
  height: 40px;
}
@media (max-width: 521px) {
  div#encuesta > div.modal-content > div > div > form > div > fieldset {
    margin-bottom: 5%;
  }
}
div#encuesta > div.modal-content > div > div > form > div > fieldset > div {
  margin-bottom: 0px;
}
div#encuesta > div.modal-content > div > div > form > div > fieldset > div > label {
  padding-top: 0px;
  width: 100%;
}
div#encuesta > div.modal-content > div > div > form > div > fieldset > div > label > input {
  position: relative;
}
.tooltip {
  font-weight: lighter;
  text-transform: none;
}
#margen-arriba {
  text-align: center;
}
.caja-info-tarjeta {
  padding-top: 120px !important;
}
#oc_cancel {
  text-align: center;
  margin-bottom: 20px;
}
.section-tabs .utility-icons .spaced {
  margin-right: 10px;
}
.oneclic-banner-desktop {
  margin-top: 7px;
  margin-bottom: 40px;
}
.oneclic-banner-desktop:before,
.oneclic-banner-desktop:after {
  content: " ";
  display: table;
}
.oneclic-banner-desktop:after {
  clear: both;
}
@media (max-width: 769px) {
  .oneclic-banner-desktop {
    display: none;
  }
}
.oneclic-banner-desktop .one-click-img {
  display: inline-block;
  margin-left: 2em;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}
@media (max-width: 990px) {
  .oneclic-banner-desktop .one-click-img {
    margin-left: 1em;
  }
}
.oneclic-banner-desktop .one-click-img .texto-click {
  display: inline-block;
  font-family: BBVA Web Light;
  font-size: 22px;
  color: #0078D2;
  padding: 10px 12px;
  vertical-align: top;
}
.oneclic-banner-desktop .contenido-click {
  border: 1px solid #D5E2EE;
  display: inline-block;
  float: right;
  height: 4em;
  margin-top: 0;
  padding: 4px;
  right: 0;
  top: 0;
  width: 82%;
  z-index: 1;
  background: white;
}
@media (max-width: 990px) {
  .oneclic-banner-desktop .contenido-click {
    width: 82%;
  }
}
@media (max-width: 920px) {
  .oneclic-banner-desktop .contenido-click {
    width: 81%;
  }
}
@media (max-width: 870px) {
  .oneclic-banner-desktop .contenido-click {
    width: 79%;
  }
}
@media (max-width: 790px) {
  .oneclic-banner-desktop .contenido-click {
    width: 78%;
  }
}
.oneclic-banner-desktop .contenido-click .pico {
  background-image: url("img/pico.png");
  background-repeat: no-repeat;
  width: 12px;
  height: 16px;
  display: inherit;
  position: absolute;
  margin-left: -11px;
  margin-top: 15px;
}
.oneclic-banner-desktop .contenido-click .interior-click {
  background: #F8F8F5;
  height: 100%;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 {
  display: inline-block;
  vertical-align: middle;
  height: 46px;
  width: 100%;
  padding: 13px;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-izquierda-click {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-top: 2px;
  width: 13px;
  height: 20px;
  float: left;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-izquierda-click .icon-izquierda {
  background-image: url("img/btn-izq.png");
  background-repeat: no-repeat;
  width: 13px;
  height: 19px;
  display: block;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-izquierda-click .icon-izquierda.active:hover {
  background-image: url("img/btn-izq-hover.png");
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-derecha-click {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-top: 2px;
  width: 13px;
  height: 20px;
  float: left;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-derecha-click .icon-derecha {
  background-image: url("img/btn-der.png");
  background-repeat: no-repeat;
  width: 13px;
  height: 19px;
  display: block;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-derecha-click .icon-derecha.active:hover {
  background-image: url("img/btn-der-hover.png");
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 87%;
  float: left;
  color: #0065B7;
  font-weight: bold;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider {
  width: 4000px;
  position: absolute;
  left: 0;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .post {
  display: inline-block;
  padding-left: 15px;
  width: 325px;
  border-left: 1px solid #D5E2EE;
}
@media (max-width: 920px) {
  .oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .post {
    width: 290px;
  }
}
@media (max-width: 870px) {
  .oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .post {
    width: 270px;
  }
}
@media (max-width: 790px) {
  .oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .post {
    width: 235px;
  }
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .post.first {
  border-left: none;
}
@media (max-width: 990px) {
  .oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .post a.btn {
    display: none;
  }
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .paso-interior .slider .ges-btn {
  float: right;
  margin-right: 22px;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .cerrar {
  position: relative;
  width: 6%;
  height: 20px;
  border-left: 1px solid #D5E2EE;
  float: right;
}
.oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .cerrar .close-oneclic-banner-desktop {
  vertical-align: middle;
  background-image: url("img/24xSprite-carousel.png");
  background-repeat: no-repeat;
  background-position: 0 -80px;
  background-position-x: 0;
  background-position-y: -80px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-left: 22px;
  margin-top: 2px;
}
@media (max-width: 870px) {
  .oneclic-banner-desktop .contenido-click .interior-click .contenido-interior2 .cerrar .close-oneclic-banner-desktop {
    margin-left: 18px;
  }
}
th.ancho-cuentas {
  width: 40%;
}
@media (max-width: 768px) {
  th.ancho-cuentas {
    width: auto;
  }
}
#enmascarar.modal-dialog {
  width: 640px;
}
@media (max-width: 768px) {
  #enmascarar.modal-dialog {
    width: 580px;
  }
}
#enmascarar .info {
  width: 100%;
  margin: 20px 0px 10px;
}
#enmascarar .info .clave-enmascarar {
  padding: 40px 65px 0px;
}
#enmascarar .info .clave-enmascarar .inner-clave {
  background: none repeat scroll 0 0 #fbf1d0;
  border-radius: 4px;
  padding: 25px 0 10px;
  text-align: center;
}
#enmascarar .info .clave-enmascarar .inner-clave .form-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  padding-top: 42px;
  font-weight: normal;
  text-align: center;
  padding-left: 0;
}
#enmascarar .info .clave-enmascarar .inner-clave .form-group label.clave {
  background-image: url("../img/ico-data-pin.png");
  background-repeat: no-repeat;
  background-position: top 10% left 50%;
  background-position-y: 10%;
  background-position-x: 50%;
}
#enmascarar .info .clave-enmascarar .inner-clave .form-group input {
  width: 130px;
  margin-right: 8px;
  display: inline-block;
}
@media (max-width: 767px) {
  #enmascarar .info .clave-enmascarar .inner-clave .form-group .form-control {
    margin-top: 0px;
  }
}
#enmascarar .message {
  padding-bottom: 7px;
}
#enmascarar .message .inner-message {
  display: inline-block;
  width: 100%;
  padding-left: 130px;
  margin-top: 30px;
  margin-bottom: 10px;
}
#enmascarar .message .inner-message .success-message {
  font-family: BBVA Web Book;
  color: #0078D2;
  font-size: 18px;
  margin-left: 15px;
}
#enmascarar .message .buttons {
  text-align: center;
}
#enmascarar .message .buttons button {
  width: 90px;
}
th.ancho-fideicomisos {
  width: 25%;
}
@media (max-width: 768px) {
  th.ancho-fideicomisos {
    width: auto;
  }
}
th.ancho-fondos-mutuales {
  width: 45%;
}
@media (max-width: 768px) {
  th.ancho-fondos-mutuales {
    width: auto;
  }
}
th.ancho-fondos-mutuales2 {
  width: 20%;
}
@media (max-width: 768px) {
  th.ancho-fondos-mutuales2 {
    width: auto;
  }
}
@media (max-width: 768px) {
  .blue-box {
    min-height: 0px !important;
    height: auto !important;
  }
}
div.sel-box {
  vertical-align: top;
  width: 49% !important;
}
div.sel-box > div label {
  margin-bottom: 10px !important;
}
@media (min-width: 945px) {
  div.sel-box > div.left {
    margin-right: 10px;
  }
}
@media (min-width: 945px) {
  div.sel-box > div.right {
    margin-right: 15px;
  }
}
div.sel-box > div .sub-input {
  float: right;
}
@media (max-width: 945px) {
  div.sel-box {
    width: 100% !important;
  }
}
img.img-tarjetas {
  top: -45px !important;
}
div.sel-box:last-child {
  margin-left: 5% !important;
}
label.tarjeta {
  color: #0078D2;
  display: inline-block;
  font-family: BBVA Web Light;
  font-size: 1.25em !important;
  padding-left: 0px !important;
}
@media (max-width: 391px) {
  input.monto_tarj {
    width: 100%;
  }
}
th.ancho-fideicomisos {
  width: 25%;
}
@media (max-width: 768px) {
  th.ancho-fideicomisos {
    width: auto;
  }
}
th.ancho-fondos-mutuales {
  width: 45%;
}
@media (max-width: 768px) {
  th.ancho-fondos-mutuales {
    width: auto;
  }
}
th.ancho-fondos-mutuales2 {
  width: 20%;
}
@media (max-width: 768px) {
  th.ancho-fondos-mutuales2 {
    width: auto;
  }
}
img.img-tarjetas {
  top: -45px !important;
}
div.sel-box:last-child {
  margin-left: 5% !important;
}
div.tarjeta-container {
  min-height: 371px !important;
  min-height: 261px\0 !important;
}
@media (max-width: 768px) {
  div.tarjeta-container {
    min-height: 0px !important;
    height: auto !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 391px) {
  div.tarjeta-container {
    max-height: 1000px !important;
    min-height: 0px !important;
    padding-top: 20px;
  }
}
@media (max-width: 391px) {
  input.monto_tarj {
    width: 100%;
  }
}
img.img-tarjetas {
  top: -45px !important;
}
div.sel-box:last-child {
  margin-left: 5% !important;
}
div.tarjeta-container.style-general {
  padding-top: 95px;
}
@media (max-width: 945px) {
  div.tarjeta-container.style-general {
    height: 453px !important;
  }
}
@media (max-width: 768px) {
  div.tarjeta-container.style-general {
    padding-top: 40px;
    height: auto !important;
  }
}
@media (max-width: 391px) {
  input.monto_tarj {
    width: 100%;
  }
}
th.ancho-dep-plazo {
  width: 50%;
}
@media (max-width: 768px) {
  th.ancho-dep-plazo {
    width: auto;
  }
}
th.ancho-dep-plazo2 {
  width: 20%;
}
@media (max-width: 768px) {
  th.ancho-dep-plazo2 {
    width: auto;
  }
}
hr.subhome {
  border-top: 1px solid #D1D1D1;
  margin: 2px 0 0;
}
hr.subhome.personal {
  box-shadow: 0 1px 2px #dfdfdf;
}
ul.format-subhome li a {
  outline: 0;
}
ul.format-subhome li a:hover,
ul.format-subhome li a:focus {
  border-bottom: 1px solid #FFF !important;
}
@media (max-width: 768px) {
  .banner-futbol {
    display: none !important;
  }
}
.links.oneclic-banner {
  display: none;
  margin-top: 10px;
  border-radius: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
}
@media (max-width: 768px) {
  .links.oneclic-banner {
    display: block;
  }
}
.links.oneclic-banner header {
  border-radius: 0px;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #F7F7F7;
}
.links.oneclic-banner header h1 {
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
}
.links.oneclic-banner header h1.gray-hand {
  background-image: url("img/gray-hand.png");
  background-repeat: no-repeat;
  padding-left: 40px;
}
.links.oneclic-banner header a .close-icon {
  float: right;
  background-color: transparent;
  margin-top: 12px;
}
.links.oneclic-banner section ul {
  background-color: #f8f8f5;
  border-radius: 0px;
}
.links.oneclic-banner section ul li {
  font-family: arial;
  color: #0065B7;
  font-size: 12px;
}
.links.oneclic-banner section ul li a {
  border-bottom: 1px solid #DDE3EA;
}
.links.oneclic-banner section ul li a .icon-tarjetas {
  background-image: url("img/tarjetas.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  width: 26px;
  height: 24px;
  vertical-align: middle;
  margin-top: 0;
}
.links.oneclic-banner section ul li .infoText {
  display: block;
  width: 70%;
  margin-left: 38px;
  color: #71777F;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
}
.div-submit {
  width: 100%;
  text-align: center;
}
#descarga-plantilla {
  width: 235px;
}
@media (max-width: 768px) {
  #descarga-plantilla {
    width: 100%;
  }
}
.oc-cancel-box {
  margin-top: 20px;
  position: relative;
  text-align: center;
}
.oc-cancel-box > a {
  float: none !important;
  top: 0px !important;
}
.slide-boxes {
  min-height: 410px;
  width: 49%;
  padding-right: 20px;
}
@media (max-width: 977px) {
  .slide-boxes {
    width: 48.5%;
  }
}
@media (max-width: 768px) {
  .slide-boxes {
    width: 100%;
    max-height: 1000px;
    margin-bottom: 20px;
    padding-right: 0px;
    min-height: 0px !important;
    height: auto !important;
  }
}
h2.oneclic-title {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 0px;
  padding-right: 10%;
}
h2.oneclic-title.extra-bottom {
  padding-bottom: 15px;
}
.monto {
  text-align: right !important;
}
.btn-onclick {
  text-align: left;
  height: 44px;
  font-size: 0.855em !important;
  font-family: BBVA Web Medium;
}
p.end {
  font-family: BBVA Web Book !important;
  font-size: 1.15em !important;
  font-style: normal;
}
p.sub-end {
  font-family: BBVA Web Book !important;
  color: #71777F;
  font-size: 0.857143em;
}
/* lightbox condiciones generales */
#condiciones-generales .modal-body {
  padding: 0 20px 10px !important;
}
#condiciones-generales .modal-body .margen-arriba {
  margin-top: 20px;
}
#condiciones-generales .modal-body .margen-arriba ul {
  margin: 25px 50px 25px 35px;
}
#condiciones-generales .modal-body .margen-arriba ul li {
  margin-bottom: 15px;
  list-style: disc;
}
#condiciones-generales .modal-body ol li {
  font-weight: bold;
}
#condiciones-generales .modal-body ol li > span {
  font-weight: normal;
}
#condiciones-generales .modal-body ol .col-md-4 ul li {
  list-style: none;
  font-weight: normal;
  line-height: 14px;
  margin: 10px 0;
}
#condiciones-generales .modal-body h3.grey-title {
  color: #71777F;
  font-family: Arial;
  font-size: 18px;
  margin-bottom: 2em;
}
#condiciones-generales .modal-body .mrg-20 {
  margin-left: 20px;
}
#condiciones-generales #separator-click {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0px !important;
}
@media (max-width: 481px) {
  #condiciones-generales #separator-click {
    margin-bottom: 10px;
  }
}
.modal-body .margen-arriba {
  margin-top: 20px;
}
/*-- Listado pop ups --*/
@media (max-width: 768px) {
  .popUpList {
    padding-left: 15px;
  }
}
.popUpList h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.popUpList ul {
  visibility: hidden;
  padding-left: 20px;
}
.popUpList ul li a {
  color: red;
  font-size: 12px;
}
#afiliate-clave {
  max-width: 600px;
}
#afiliate-clave #separator-click {
  margin: 10px 0 0;
}
#aviso-sesion {
  max-width: 540px;
}
#aviso-sesion .modal-body .block-warning span {
  margin-right: 20px;
}
#aviso-sesion .modal-body #separator-click {
  margin-bottom: 0;
}
#aviso-sesion #cerrar-lightbox .btn {
  margin: 0 10px;
}
#retenciones {
  max-width: 700px;
}
#retenciones .modal-body {
  padding-bottom: 0px;
}
#retenciones .modal-body .capgemini-tables {
  margin-bottom: 0px;
}
#retenciones .modal-body .capgemini-tables .tables-body {
  height: 359px;
}
@media (max-width: 768px) {
  #retenciones .modal-body .capgemini-tables .tables-body tr:first-child + tr {
    border-top: 1px solid #dcdcdc;
  }
}
#retenciones .modal-body .capgemini-tables .tables-body th:first-child {
  width: 20%;
}
#retenciones .modal-body .capgemini-tables .tables-body th:first-child + th {
  width: 25%;
}
#retenciones .modal-body .capgemini-tables .tables-body th:first-child + th + th {
  width: 35%;
}
@media (min-width: 769px) {
  #retenciones .modal-body .capgemini-tables .tables-body td {
    padding: 20px 10px;
  }
}
#retenciones .modal-body .capgemini-tables .tables-body td:first-child {
  text-align: left;
}
#retenciones .modal-body .capgemini-tables .tables-body td:first-child + td {
  line-height: 1.8em;
}
#retenciones .modal-body .capgemini-tables .tables-body td:first-child + td + td {
  text-align: left;
}
#retenciones .modal-body .capgemini-tables .tables-body td strong {
  font-size: 15px;
}
#retenciones .modal-body .capgemini-tables .tables-legend {
  padding-right: 13px;
}
#retenciones hr {
  margin: 10px 20px 20px;
  border: 3px solid #f4f7f5;
  border-top: 1px solid #d5e2ee;
}
#historico-recargas {
  max-width: 670px;
}
@media (min-width: 769px) {
  #historico-recargas .modal-body {
    margin: 20px;
  }
}
#historico-recargas .modal-body .capgemini-tables .tables-body table tr td:nth-child(3) em,
#historico-recargas .modal-body .capgemini-tables .tables-body table tr td:nth-child(4) em {
  font-size: 15px;
}
#historico-recargas .modal-body .capgemini-tables .tables-body table tr td.xs-view .left {
  width: 60%;
}
#historico-recargas .modal-body .capgemini-tables .tables-body table tr td.xs-view .left small {
  margin-left: 30px;
}
#historico-recargas .modal-body .capgemini-tables .tables-body table tr td.xs-view .right {
  width: 40%;
}
#historico-recargas .modal-body .capgemini-tables .tables-body table tr td.xs-view .right em {
  font-size: 15px;
}
#historico-recargas #cerrar-lightbox {
  text-align: right;
  padding-right: 20px;
}
div.tables-button > ul.list {
  z-index: 18 !important;
}
div.condiciones-container.spaced {
  padding: 20px 0;
}
@media (max-width: 768px) {
  div.condiciones-container.spaced {
    padding-left: 5px;
  }
}
div.condiciones-container > label {
  float: left;
  width: 25px;
  margin-left: 10px;
}
div.condiciones-container .info-text-terminos {
  font-size: 12px;
  float: left;
  width: 85%;
  text-align: left;
}
div.condiciones-container .info-text-terminos.width90 {
  width: 90%;
}
.capgemini-chart header {
  padding: 15px 20px;
}
.capgemini-chart .doble-grafico {
  overflow: hidden;
}
.capgemini-chart .doble-grafico .fifty {
  float: left;
  width: 50%;
}
@media (max-width: 560px) {
  .capgemini-chart .doble-grafico .fifty {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .bolsa .tables-body th:last-child .tooltip {
    right: 5px !important;
    left: auto !important;
  }
}
.borderedChart {
  border-bottom: 1px solid #D5DADF;
}
/*
.capgemini-chart  .chart-lineBars .highcharts-legend:after{
	content: "";
	border-bottom: 1px solid #D5DADF;	
	position:absolute;
	top:10px;
	left:0;
	height:1px;
	width:600px;
}
.capgemini-chart .chart-lineBars .highcharts-legend-item:nth-child(n+2):before {
	content: "";
	border-left: 1px solid #D5DADF;
	left: -15px;
	position: absolute;
	top: -4px;
	height: 32px;
	width: 1px;
}
*/
/* -- estilos datepicker -- */
.ui-datepicker {
  padding: 5px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f7f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f7f5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f4f7f5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f4f7f5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f4f7f5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f4f7f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f4f7f5, GradientType=0);
}
.ui-datepicker .ui-datepicker-title {
  font-weight: bold;
}
.ui-datepicker table {
  background: transparent;
  width: 90%;
  margin: 0 auto 10px;
}
.ui-datepicker table th {
  color: #434A58;
  text-transform: uppercase;
  padding: 0;
}
.ui-datepicker table td {
  padding: 0;
}
.ui-datepicker table td a,
.ui-datepicker table td span {
  padding: 0;
}
.ui-datepicker table td.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  font-weight: normal;
}