/* Generated by less 2.5.1 */
/*Generales*/

span.icon-we {
  font-family: 'PartnerWeb';
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Montserrat', sans-serif !important;
  color: #545659;
}

button {
  font-family: 'Montserrat', sans-serif !important;
}

span.let {
  font-family: 'Monserrat', sans-serif !important;
  font-weight: bold;
}

.navbar-right {
  margin-right: 0px !important;
}

.navbar-right>li>span {
  font-size: 12px;
}

li.current {
  background-color: #545659;
  color: white;
}

.radio,
.checkbox {
  padding-left: 0px;
}

div.checkbox>label.boolean>input.boolean,
div.radio>label.boolean>input.boolean {
  margin-top: 4px;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 0px !important;
}

.navbar-brand {
  height: 45px !important;
}

.panel-confi>h2 {
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

.blanco {
  background-color: white !important;
}

a {
  color: #416cb4;
}

hr {
  border-color: #ededee;
  border-width: 3px 0 0;
}

.logo-nav {
  height: 30px;
  width: auto;
  margin-top: 6px;
}

.separator-we {
  border-left: 3px solid #f2f2f2;
  height: 30px;
  padding: 0;
  margin: 5px 15px;
  display: block !important;
}

@media only screen and (max-width: 768px) {
  .navbar-collapse.in {
    background-color: white;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b4b4b5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .separator-we {
    display: none !important;
  }

  .navbar-nav>.open>a:after {
    display: none !important;
  }

  .nav>li {
    background-color: white;
  }

  .navbar-right {
    background-color: white;
  }
}

.row-we {
  margin: 0 auto;
  width: 100%;
}

.wrapper-we {
  padding-bottom: 0px;
  padding-top: 85px;
  position: relative;
  top: -65px;
}

.navbar-we {
  border-bottom: 6px solid #f2f2f2;
  margin-bottom: 25px;
  background-color: white;
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0px;
}

/*login*/
.login-we {
  border: 0px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}

.contenidos {
  padding: 25px 15px 0px 15px;
}

.row.recover-pass {
  display: flex !important;
  align-items: center;
  height: 60%;
}

.login-we>h3.first-child {
  color: #2f384b;
  font-weight: 700;
  font-size: 40px;
}

.login-we>h4 {
  color: #2f384b;
  font-weight: 700;
  font-size: 28px;
  margin-top: 0;
}

.login-we>p {
  margin-bottom: 10px;
}

.contenido-centrado {
  height: 80vh;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: center;
  align-items: center;
}

div.contenido-centrado {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  flex: 1;
}

.row.recover-pass {
  display: flex !important;
  align-items: center;
  height: 60%;
}

div.topic.flex {
  flex: 0 1 auto;
}

div.container-body.flex {
  flex: 1 1 auto;
}

div.full-screen {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

div.container-body {
  overflow: hidden;
  background-image: linear-gradient(#eb3349, #f46443);
  background-color: #ff2d2d;
  /*width: 100%!important;*/
  /*height: 100%;*/
}

img.logo {
  margin: 1rem 0 1rem 0 !important;
}

.adm-tar {
  width: 100%;
  margin: 0px;
  border: 0px;
  background-color: transparent;
}

.adm-tar>tbody>tr {
  background-color: transparent;
  padding: 0px;
}

.adm-tar>tbody>tr>th {
  text-transform: uppercase;
  color: #2f384b;
  font-size: 18px;
  font-weight: 600;
  vertical-align: top;
}

.adm-tar>tbody>tr>td {
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: top;
}

.adm-tar>tbody>tr>td>button {
  margin: 0;
}

.adm-tar>tbody>tr>td>a {
  font-size: 13px;
}

.btn-we.disabled,
.btn-we[disabled],
fieldset[disabled] .btn-we {
  color: gray;
}

.btn-we {
  text-transform: uppercase;
  border-radius: 6px !important;
  font-size: 13px;
  padding: 3px 20px;
  position: relative;
  top: 4px;
  font-weight: 600;
}

.btn-small-we {
  padding: 3px 12px;
}

a.btn-we {
  margin-bottom: 25px;
}

.btn-we:hover,
.btn-we:visited,
.btn-we:link,
.btn-we:active {
  text-decoration: none;
}

.btn-rojo {
  background-color: #ff2d2d;
  border-color: #ff2d2d;
  color: white;
  border-radius: 4px !important;
}

.btn-rojo:hover,
.btn-rojo:focus {
  background-color: #ff8080;
  border-color: #ff8080;
  color: white;
}

.btn-azul {
  background-color: #253672;
  border-color: #253672;
  color: white !important;
}

.btn-azul:hover,
.btn-azul:focus {
  background-color: #416cb4;
  border-color: #416cb4;
  color: white;
}

.btn-gris {
  background-color: #87888a;
  border-color: #87888a;
  color: white;
}

.btn-borde-r {
  background-color: transparent;
  border-color: #ff2d2d;
  color: black;
}

.btn-gris:hover,
.btn-gris:focus {
  background-color: #bfbfc0;
  border-color: #bfbfc0;
  color: white;
  /*    background-color: #bdbfc1;
    border-color: #bdbfc1;    
    color: white;*/
}

.btn-grisito {
  background-color: #87888a;
  border-color: #87888a;
  color: white;
}

.btn-grisito:hover,
.btn-grisito:focus {
  background-color: #bfbfc0;
  border-color: #bfbfc0;
  color: white;
}

.btn-gris0 {
  background-color: #b4b4b5;
  border-color: #b4b4b5;
  color: white;
}

.btn-gris0:hover,
.btn-gris0:focus {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  color: black;
}

.btn-gris-aw {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: black;
}

.btn-gris0:hover,
.btn-gris0:focus {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  color: black;
}

.btn-obs {
  background-color: #2f384b;
  border-color: #2f384b;
  color: white;
}

.btn-obs:hover,
.btn-obs:focus {
  background-color: #4f5d7d;
  border-color: #4f5d7d;
  color: white;
}

.btn-sesion {
  color: white;
  border-radius: 6px !important;
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px 12px 1px 12px;
  position: relative;
  font-weight: 600;
  margin-top: 9px;
  margin-left: 15px;
}

.btn-transp {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}

.btn-rojo:hover {
  background-color: #ff8080;
  border-color: #ff8080;
  color: white;
}

.input-group-addon {
  background-color: white;
}

.pwd-lost-q,
.login-we>p {
  font-size: 15px;
  font-weight: normal;
}

.topic-we {
  margin-top: -20px;
}

.navbar {
  height: 45px !important;
  min-height: 45px !important;
}

.navbar>div {
  height: 45px;
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
    padding-top: 11px;
    padding-bottom: 8px;
  }
}

.navbar-right>li>a {
  text-transform: uppercase;
  font-weight: 600;
  color: #545659;
  font-size: 12px;
}

.g-m-n {
  text-transform: uppercase;
  color: #545659;
  font-size: 14px;
  text-align: center;
}

.navbar-toggle {
  margin-top: 3px;
  margin-bottom: 0px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #f2f2f2;
}

.panel-confi {
  margin: 0px 0px 25px 0px;
}

.no-border {
  border: 0px;
}

.close-we {
  padding: 0 !important;
  margin: 0 !important;
  color: #545659 !important;
}

/***************************************/
.navbar-we-micro {
  border-bottom: 6px solid #416cb4;
  margin-bottom: 25px;
}

.ajuste-forma-mi {
  border-radius: 6px !important;
  margin-bottom: 0px !important;
}

.form-control.string {
  border-radius: 6px;
}

.nav-tabs {
  border-bottom: 0px;
}

.nav-tabs>li {
  border-bottom: 3px solid #ddddde !important;
}

.nav-tabs>li>a {
  text-transform: uppercase;
  font-size: 14px;
  color: #545659;
  border-bottom: 0px !important;
}

.nav-tabs>li.active {
  border-bottom: 3px solid #253672 !important;
  font-weight: bold;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}

label.control-label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

label.control-label-n {
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

label.multiple {
  position: relative;
  top: 18px;
}

.label-like {
  font-weight: 600;
  font-size: 14px;
}

.redondo-derecha {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.redondo-izquierda {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.redondo {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.form-group {
  margin-bottom: 10px;
}

/******************************************/
.contenido-thanks {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 970px;
  padding-top: 200px;
}

.contenido-thanks>div>h1 {
  font-size: 50px;
  color: #2f384b;
  font-weight: 700;
}

.contenido-thanks>div>h2 {
  font-size: 25px;
  color: #2f384b;
  margin-bottom: 80px;
  font-weight: 700;
}

.contenido-thanks>div>p {
  color: #2f384b;
}

.contenido-thanks>div>p>a {
  color: #007c9e;
  font-size: 18px;
  font-weight: 700;
}

.contenido-thanks>div>span {
  color: #ff2d2d;
  font-weight: 700;
  font-size: 24px;
}

/*****************************************************************************/
.carrusel-we {
  margin-left: auto;
  margin-right: auto;
  max-width: 160px;
  height: 160px;
}

p.micro {
  font-size: 24px;
  font-weight: 700;
  color: #2f384b;
  margin-top: -6px;
  margin-bottom: 0px;
}

.terminos {
  background-color: #ebebec;
  color: #545659;
  font-size: 12px;
  padding: 10px;
  margin-bottom: 15px;
  padding-bottom: 18px;
}

.terminos>h6 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

.nos-subtit {
  font-weight: 700;
  color: black;
  font-size: 1.2rem;
}

.nosotros {
  font-size: 13px;
  color: #545659;
}

.banner-promo {
  background-size: cover;
  background-position: center;
  height: 210px;
  margin-bottom: 20px;
}

.mapa {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 20px;
  width: 100%;
  height: auto;
  /*
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/
}

.centrado-margen {
  margin-left: auto;
  margin-right: auto;
}

.botones-peq>.btn-we {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 2px 7.5px;
}

.micro-inicio-p {
  font-size: 13px;
  color: #b4b4b5;
  margin-bottom: 10px;
  font-weight: normal;
  margin-top: 4px;
}

.at {
  font-size: 13px;
  font-weight: normal;
}

ul.redes {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 176px;
  margin-left: auto;
  margin-right: auto;
}

.redes>li {
  float: left;
}

.redes>li>a {
  display: block;
  padding: 3px 13px 3px 3px;
  border-right: 1px solid #d8d8d8;
  margin: 10px 0px 10px 10px;
  height: 20px;
}

.redes>li>a>span {
  color: #59606f;
}

.redes>li>a>span.desactivada {
  opacity: 0.5;
}

.redes>li:last-child>a {
  border: 0px;
}

.avatar-comentario {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.triangulo {
  position: absolute;
  z-index: -1;
  width: 100%;
  max-width: 1080px;
  background-color: #ebebec;
}

.ajuste-triangulo {
  background-color: white;
  position: absolute;
  bottom: 0px;
}

.micro-inicio {
  min-height: 250px;
  padding: 15px;
  z-index: 5;
}

.espacio {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 45px;
  background-color: white;
}

.glyphicon-star {
  color: #fec00f;
}

.nosotros>p>img {
  float: right;
}

.tabla-derecha>tbody>tr>td {
  text-align: right;
}

.no-format>tbody>tr>td {
  background-color: transparent;
  padding: 4px;
}

.no-format {
  border: 0px;
  color: #545659;
}

.no-margin {
  margin: 0px !important;
}

.no-format>tbody>tr {
  background-color: transparent;
  border: 0px;
}

.no-padding>tbody>tr>td {
  border: 0px;
}

.columna-gal>img {
  margin-right: 15px;
  margin-bottom: 10px;
  width: 100%;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-gap: 20px;
  padding: 10px 0px;
}

.contenedor {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1110px;
  width: 100%;
}

.bonificacion {
  background-color: #ff2d2d;
  border-bottom-left-radius: 55px;
  min-height: 110px;
  color: white;
  display: none;
  margin-right: -15px;
}

.porcentaje {
  font-weight: 700;
  font-size: 4em;
  color: white;
  margin-top: 0px;
}

.desktop {
  display: block;
}

.peque {
  display: none;
}

.info-company::after {
  content: "";
  clear: both;
  display: table;
}

.nav-pills-we {
  margin-left: 0px;
}

.nav-pills-we>li {
  float: left;
  width: 48%;
}

.nav-pills-we>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: black;
  background-color: white;
}

.nav-pills-we>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: black;
  background-color: white;
}

.nav-pills-we>li>a {
  border-radius: 0px;
}

.nav-pills-we>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-weight: 700;
  color: black;
  font-size: 1rem;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title {
  font-family: 'Titillium Web';
  color: #2f384b;
}

.ui-datepicker th {
  font-family: 'Titillium Web';
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  font-family: 'Titillium Web';
  color: #2f384b;
}

/********************************************************************************************/
.column-gal {
  float: left;
  width: 20%;
}

/* The Modal (background) */
.modal-gal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

/* Modal Content */
.modal-content-gal {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
  max-height: 60vh;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: transparent;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
  border-radius: 6px;
  height: 100%;
  max-height: 170px !important;
  width: 100%;
  max-width: 170px !important;
}

@media screen and (max-width: 1080px) {
  img.hover-shadow {
    max-width: 100%;
    height: auto;
  }
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.img-gal-modal {
  margin-left: auto;
  margin-right: auto;
}

* {
  box-sizing: border-box;
}

.row-gal-grid {
  display: -ms-flexbox;
  /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap;
  /* IE10 */
  flex-wrap: wrap;
  padding: 0px;
  background-color: black;
}

.column-gal-grid {
  -ms-flex: 20%;
  /* IE10 */
  flex: 20%;
  max-width: 20%;
  padding: 0 4px;
}

.column-gal-grid img {
  margin-top: 8px;
  vertical-align: middle;
}

@media screen and (max-width: 720px) {
  .column-gal-grid {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }

  .contenedor-edi {
    width: 80% !important;
  }
}

@media screen and (max-width: 630px) {
  .column-gal-grid {
    -ms-flex: 33%;
    flex: 33%;
    max-width: 33%;
  }

  .contenedor-edi {
    width: 100% !important;
  }
}

@media screen and (max-width: 530px) {
  .column-gal-grid {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

.swiper-container {
  width: 100%;
  height: 200px;
  margin: 20px auto;
  top: -15px;
  margin-top: 50px !important;
}

@media screen and (max-width: 310px) {
  img.hover-shadow {
    height: 100%;
    max-height: 160px;
    width: 100%;
    max-width: 160px;
  }
}

.swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.swiper-slide img {
  /*width: 170px;
  height: 170px;*/
  object-fit: cover;
  border-radius: 6px;
}

.pictureEdit {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.cuadrado110 {
  width: 110px !important;
  height: 110px !important;
  object-fit: cover;
}

.cuadrado43 {
  width: 43px !important;
  height: 43px !important;
  object-fit: cover;
}

.cuadrado40 {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.circulo30 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 15px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 2px !important;
}

.append-buttons {
  text-align: center;
  margin-top: 20px;
}

.append-buttons a {
  display: inline-block;
  border: 1px solid #007aff;
  color: #545659;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 4px;
  margin: 0 10px;
  font-size: 13px;
}

.swiper-pagination-bullet-active {
  background: #545659 !important;
}

.botones-peq>.icono {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}

.btn-tarjeta {
  padding-right: 15px;
}

.btn-tarjeta>.icono {
  float: right;
  margin-right: 8px;
  margin-bottom: 10px;
}

.btn-tarjeta>.icono:first-child {
  margin-right: 0px;
}

.btn-tarjeta-2>.icono {
  float: right;
  margin-left: 8px;
  margin-bottom: 10px;
}

.btn-tarjeta-2>.icono:last-child {
  margin-left: 0px;
}

.btn-tarjeta-peq>.icono {
  float: left;
  margin-left: 8px;
  margin-bottom: 10px;
}

.btn-tarjeta-peq>.icono:last-child {
  margin-right: 0px;
}

@media screen and (max-width: 768px) {
  .botones-peq>.icono {
    float: left;
    margin-right: 15px;
    margin-left: 0px;
  }

  .btn-micro {
    position: relative;
    left: -15px;
  }

  .btn-tarjeta {
    position: relative;
    left: -15px;
  }

  .btn-tarjeta>.icono {
    float: left;
    margin-right: 10px;
    margin-left: 0px;
  }

  ul.navbar-right li:nth-last-child(2) {
    display: none;
  }
}

.puntaje>img {
  float: left;
  margin-right: 5px;
}

.puntaje {
  height: 20px;
  margin-bottom: 10px;
}

/*********************TARJETAS***************************/
h1.tar-peq {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0px;
  text-align: left;
  line-height: 1;
}

h1.tar-peq>span {
  font-size: 20px;
  font-weight: normal;
}

h1.tar {
  font-size: 32px;
  font-weight: 700;
  margin-top: 0px;
  text-align: left;
  line-height: 1;
}

h1.tar>span {
  font-size: 28px;
  font-weight: normal;
}

div.row-pat {
  max-width: 895px;
}

div.col-al-iz {
  padding-left: 0px;
}

div.col-al-de {
  padding-right: 0px;
}

.barra-roja>.bono-pin>.pin {
  margin-right: 5px;
}

h2.tar {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: left;
  line-height: 1;
}

h2.tar-bonus {
  margin-top: 0px;
}

h3.tar {
  font-weight: bold;
  font-size: 13px;
}

.promo-name {
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: 600;
}

h4.tar {
  font-size: 18px;
  margin-bottom: 0px;
  line-height: 12px;
}

.tar-we>h6 {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 13px;
}

div.bono-vip {
  position: absolute;
  right: 0px;
  top: 315px;
}

h1.bono-vip {
  font-size: 80px;
  font-weight: 700;
  color: white;
  text-align: center;
  margin-right: 10px;
}

h1.bono-vip>span {
  font-size: 50px;
  font-weight: normal;
}

.des-boni {
  font-weight: bold;
  font-size: 15px;
  color: white;
}

.exp-boni {
  color: #ffc0c0;
  font-size: 11px;
}

.boni-ini {
  background-color: transparent;
  vertical-align: top;
  max-width: 320px;
  margin-bottom: 0px;
}

.txt-n {
  font-size: 13px;
}

.txt-p {
  font-size: 12px;
}

span.distancia {
  background-color: #87b4fa;
  padding: 0px 10px;
  color: white;
  font-size: 12px;
}

span.abierto {
  background-color: #78ceb4;
  padding: 0px 10px;
  color: white;
  font-size: 12px;
}

span.cerrado {
  background-color: #f0788c;
  padding: 0px 10px;
  color: white;
  font-size: 12px;
}

span.open-h {
  color: #64baa0;
}

span.closed-h {
  color: #f0788c;
}

.nav-tabs-contacto {
  list-style: none;
  margin-left: 0px;
  border-bottom: 1px solid #2f384b;
  margin-bottom: 0px;
}

.nav-tabs-contacto li {
  padding: 8px 15px;
  border: 1px solid #2f384b;
  border-bottom: 0px;
  background-color: white;
}

.nav-tabs-contacto>li>a {
  color: #2f384b;
  font-weight: 600;
}

.nav-tabs-contacto>li:hover {
  background-color: #7c9bd0;
  cursor: pointer;
}

.nav-tabs-contacto>li:hover>a {
  color: white;
}

.nav-tabs-contacto>li.active {
  background-color: #253672;
}

.nav-tabs-contacto>li.active>a {
  color: white;
}

.panel-group>.panel-we:last-child>.panel-heading-we {
  border-bottom: 1px solid #2f384b;
}

.panel-group>.panel-we:last-child>.panel-body-we {
  border-top: 0px;
}

.panel-body-we {
  padding: 10px 0px !important;
  border: 1px solid #2f384b;
}

.tab-content-contacto {
  padding: 20px 10px 10px 10px !important;
  border: 1px solid #2f384b;
  border-top: 0px;
  margin-bottom: 20px;
}

.tar-we {
  border: 1px solid black;
  padding: 15px;
  margin-bottom: 15px;
  border-top: 0px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

.tar-nuevo {
  border: 1px solid black;
  height: 14px;
  background-color: #ffa54b;
  border-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  /*
    border-top: 14px solid #ffa54b;
    padding-bottom: 0px;*/
}

.tar-nuevo-car>h6:first-child {
  color: #ffa54b;
}

.tar-actualizacion {
  border: 1px solid black;
  height: 14px;
  background-color: #55c882;
  border-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  /*
    border-top: 14px solid #55c882;
    padding-bottom: 0px;*/
}

.tar-actualizacion-car>h6:first-child {
  color: #55c882;
}

.info-actualizacion {
  position: relative;
  top: -10px;
}

.tar-noticia {
  border: 1px solid black;
  height: 14px;
  background-color: #d74b7d;
  border-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  /*
    border-top: 14px solid #d74b7d;
    */
}

.tar-noticia-car>h6:first-child {
  color: #d74b7d;
}

.tar-promo {
  border: 1px solid black;
  height: 14px;
  background-color: #5a96c8;
  border-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  /*
    border-top: 14px solid #5a96c8;
    padding-bottom: 0px;*/
}

.tar-promo-car>h6:first-child {
  color: #5a96c8;
}

.txt-noticia {
  text-align: justify;
  line-height: 1.3em;
  font-weight: lighter;
  margin-bottom: 0px;
}

.noticia-enfoque {
  border: 1px solid #808080;
  color: #545659;
  padding: 15px;
}

.noticia-enfoque-peq {
  border: 1px solid #808080;
  color: #545659;
  padding: 8px;
}

.cortado {
  height: 110px;
  background-color: #ff2d2d;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
  padding-top: 10px;
}

.cortado>.bono-pin {
  text-align: right !important;
  margin-left: 0 !important;
  font-size: 45px !important;
  margin-top: 14px !important;
}

.cortado>.bono-pin>.pin {
  position: relative;
  vertical-align: middle;
  top: -4px;
  margin-right: 5px;
  width: 15px;
  height: auto;
}

.cortado-peq {
  height: 60px !important;
  background-color: #ff2d2d;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  padding-top: 0px !important;
}

.barra-roja {
  height: 90px;
  background-color: #ff2d2d;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 15px;
  display: none;
}

.barra-roja>.bono {
  font-size: 60px;
  font-weight: 700;
  color: white;
  text-align: center;
}

.barra-roja>.bono>span {
  font-size: 40px;
  font-weight: normal;
}

.cortado>.bono {
  font-size: 60px;
  font-weight: 700;
  color: white;
  text-align: center;
  margin-left: 15%;
}

.cortado>.bono>span {
  font-size: 40px;
  font-weight: normal;
}

.cortado-peq>.bono {
  font-size: 40px;
  font-weight: 700;
  color: white;
  text-align: center;
  margin-left: 15%;
}

.cortado-peq>.bono>span {
  font-size: 30px;
  font-weight: normal;
}

/******************************/
.barra-roja>.bono-pinjoy {
  font-size: 45px;
  font-weight: 700;
  color: white;
  text-align: center;
}

.barra-roja>.bono-pinjoy>span {
  font-size: 20px;
}

.cortado>.bono-pinjoy {
  font-size: 45px;
  font-weight: 700;
  color: white;
  text-align: center;
  margin-left: 8%;
  margin-top: 15px;
}

.cortado>.bono-pinjoy>span {
  font-size: 20px;
  font-weight: normal;
}

.cortado-peq>.bono-pinjoy {
  font-size: 20px;
  font-weight: 700;
  color: white;
  text-align: center;
  margin-left: 15%;
}

.cortado-peq>.bono-pinjoy>span {
  font-size: 10px;
  font-weight: normal;
}

@media only screen and (max-width: 500px) {
  .cortado {
    height: 60px !important;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    -ms-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    -moz-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    padding-top: 0px !important;
  }

  .cortado>.bono {
    font-size: 40px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-left: 15%;
  }

  .cortado>.bono>span {
    font-size: 20px;
  }

  .cortado>.bono-pinjoy {
    font-size: 30px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-left: 15%;
  }

  .cortado>.bono-pinjoy>span {
    font-size: 15px;
    font-weight: normal;
  }
}

.genero {
  color: #b4b4b5;
  font-size: 1.1em;
  position: relative;
  top: -4px;
  left: 5px;
  text-transform: capitalize;
}

span.btn-like {
  display: inline-block;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: 1px solid transparent;
}

label.btn-like {
  display: inline-block;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: 1px solid transparent;
}

.category {
  color: #b4b4b5;
}

.nota {
  color: #b4b4b5;
}

.clear {
  clear: both;
}

.terminos>p {
  line-height: 1.4;
}

.info-company {
  line-height: 1.3;
  margin-bottom: 6.5px;
  position: relative;
  top: -3px;
}

div.avatar-tar-0 {
  float: left;
  margin-right: 10px;
  width: 110px;
  height: 110px;
}

div.avatar-tar {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 50px;
}

img.avatar-tar {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

a.link-status {
  font-weight: bold;
  color: #55c882;
}

.col-we-7 {
  width: 58.33333333%;
  float: left;
  padding: 0px 15px;
  min-height: 1px;
}

.col-we-5 {
  width: 41.66666667%;
  float: left;
  padding: 0px 15px;
  min-height: 1px;
}

#lateral {
  padding-bottom: 35px;
}

.table-info>tbody>tr>td {
  background-color: transparent;
  padding: 0px;
  vertical-align: top;
}

.table-info {
  border: 0px;
  width: 100%;
  margin-bottom: 15px;
  background-color: transparent !important;
}

.table-info>tbody>tr {
  background-color: transparent;
  border: 0px;
}

.lean>tbody>tr>td {
  background-color: transparent;
  padding: 0px;
  vertical-align: top;
}

.lean {
  border: 0px;
  width: 100%;
  background-color: transparent !important;
  margin: 0px;
}

.lean>tbody>tr {
  background-color: transparent;
  border: 0px;
}

.table-desglose>tbody>tr:last-child {
  border-top: 1px solid #b4b4b5;
}

.table-desglose>tbody>tr:last-child>td {
  padding-top: 5px;
}

.table-desglose>tbody>tr:nth-child(3)>td {
  padding-bottom: 5px;
}

.table-desglose>tbody>tr>td:nth-child(2) {
  font-weight: bold;
}

.table-desglose {
  margin-bottom: 20px;
  width: auto;
  float: right;
  margin-right: -15px;
}

.table-desglose>tbody>tr>td {
  color: #2f384b;
  font-size: 16px;
  font-weight: 300;
  text-align: right;
  padding-right: 10px;
}

.notifications>tbody>tr {
  border: 1px solid #b4b4b5;
  border-right: 0px;
  border-left: 0px;
}

.notifications>tbody>tr:first-child {
  border-top: 0px;
}

.notifications>tbody>tr:last-child {
  border-bottom: 0px;
}

.notifications>tbody>tr>td {
  padding: 10px;
  color: #545659;
}

.notifications>tbody>tr>td:nth-child(3) {
  color: #b4b4b5;
}

.notifications>tbody>tr>td:first-child {
  font-size: 22px;
  padding-right: 0px;
  width: 40px;
}

.notifications>tbody>tr>td:first-child>span {
  font-size: 22px !important;
  background-color: white;
  border-radius: 11px !important;
}

.notifications>tbody>tr>td:last-child>a {
  color: #b4b4b5;
}

.notifications>tbody>tr>td:last-child>a:first-child {
  margin-right: 4px;
}

.notifications>tbody>tr.sin-leer {
  background-color: #f2f2f2;
}

.clickable-row:hover {
  cursor: pointer;
  background-color: #dfe3ec !important;
}

.alerta {
  color: #ff2d2d;
}

.mensaje {
  color: #14a564;
}

.accion {
  color: #253672;
}

td.avatar-n {
  width: 50px;
  padding-right: 10px !important;
}

td.boto-n {
  width: 102px;
}

td.info-n {
  line-height: 1.3;
}

.clear-content {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}

/**********************************/
/************* RATING *************/
/**********************************/
.fa-stack {
  line-height: 1.7em;
}

.fa-stack i.fa-stack-1x {
  color: #2f384b;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.fa-stack i.fa-star-half {
  margin-left: -4px;
}

.micrositio-cont {
  margin-top: 80px;
}

/*************************************************/
@media screen and (max-width: 600px) {
  .col-aj-9 {
    width: 100%;
  }

  .barra-roja {
    display: block;
  }

  .micro-inicio {
    margin-right: -15px;
  }

  .micrositio-cont {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 875px) {
  .desktop {
    display: none !important;
  }

  .peque {
    display: block !important;
  }

  div.col-al-iz {
    padding-left: 15px;
  }

  div.col-al-de {
    padding-right: 15px;
  }

  .col-we-7 {
    width: 100%;
  }

  .col-we-5 {
    width: 100%;
  }

  .micrositio-cont {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 720px) {
  .gal5 {
    display: none;
  }

  .grid-container {
    grid-template-columns: auto auto auto auto;
  }
}

@media only screen and (max-width: 630px) {
  .gal4 {
    display: none;
  }

  .grid-container {
    grid-template-columns: auto auto auto;
  }

  .micro-inicio {
    background-color: #ebebec;
  }

  .bonificacion {
    display: block;
  }

  #editable1 {
    width: 100% !important;
  }

  #editable2 {
    display: none;
  }

  div.bono-vip {
    display: none;
  }

  .boni-ini {
    max-width: 450px;
    margin-bottom: 0px;
    margin-left: 25px;
  }

  h1.bono-vip {
    font-size: 70px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  h1.bono-vip>span {
    font-size: 40px;
  }
}

@media only screen and (max-width: 530px) {
  .gal3 {
    display: none;
  }

  .grid-container {
    grid-template-columns: auto auto;
  }

  /*
    .info-company {
        position: relative;
        top:-20px;
    }*/
}

@media only screen and (max-width: 530px) {

  /*h2.{
        display: none;
    }*/
  .grid-container {
    grid-template-columns: auto auto;
  }

  /*
    .info-company {
        position: relative;
        top:-20px;
    }*/
}

.fija {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.renglon-fijo {
  margin: 0 auto;
  width: 100%;
}

.row {
  display: block !important;
}

.navbar-nav {
  display: block !important;
}

.navbar-nav>.open>a:after {
  bottom: -7px !important;
  color: #b4b4b5 !important;
}

ul.drop-bar-we>li {
  padding: 0 15px;
}

ul.drop-bar-we li:first-child {
  font-size: 16px;
  font-weight: 600;
}

ul.drop-bar-we>li>a>span {
  margin-right: 5px;
}

.drop-bar-we>li>a {
  padding: 3px 15px !important;
}

.bono {
  margin-left: 0;
}

.at {
  font-size: 13px;
  font-weight: normal;
}

/*.fade:not(.show) {
    opacity: 1;
}*/
/*********************************************/
/*------------------ICONOS-------------------*/
/*********************************************/
.icono:hover,
.icono:visited,
.icono:link,
.icono:active {
  text-decoration: none !important;
}

.rojo-we {
  color: #ff2d2d;
}

.rojo-we:hover {
  color: #ff6666;
}

.gris-o {
  color: #6a6a6c;
}

.gris-o:hover {
  color: #b4b4b5;
}

.blue-we {
  color: #253672;
}

.blue-we:hover {
  color: #416cb4;
}

.gris-l {
  color: #b4b4b5;
}

span.ib-45 {
  font-size: 45px !important;
  background-color: white;
  border-radius: 50% !important;
}

span.ib-38 {
  font-size: 38px !important;
  background-color: white;
  border-radius: 19 px !important;
}

span.ib-32 {
  font-size: 32px !important;
  background-color: white;
  border-radius: 16px !important;
}

span.ib-28 {
  font-size: 28px !important;
  background-color: white;
  border-radius: 14px !important;
}

span.ib-25 {
  font-size: 25px !important;
  background-color: white;
  border-radius: 12.5px !important;
}

span.t-25 {
  font-size: 25px !important;
  border-radius: 12.5px !important;
}

span.ib-22 {
  font-size: 22px !important;
  background-color: white;
  border-radius: 11px !important;
}

span.ib-18 {
  font-size: 18px !important;
  background-color: white;
  border-radius: 9px !important;
}

span.ib-16 {
  font-size: 16px !important;
  background-color: white;
  border-radius: 8px !important;
}

span.ib-14 {
  font-size: 14px !important;
  background-color: white;
  border-radius: 7px !important;
}

span.i-18 {
  font-size: 18px !important;
}

span.dg-we {
  color: #6a6a6c;
}

span.r-we {
  color: #ff2d2d;
}

a.no:hover {
  text-decoration: none !important;
}

a.no:visited {
  text-decoration: none !important;
}

a.no:active {
  text-decoration: none !important;
}

a.icono>span.dg-we:hover {
  color: #909092;
}

a.icono>span.r-we:hover {
  color: #ff7a7a;
}

/*********************************************/
/*-------------MODO DE EDICIÓN---------------*/
/*********************************************/
.modo-edicion {
  background-color: #253672;
  color: white;
}

.editable {
  border: solid 1px transparent;
  padding: 10px;
}

#editable1 {
  width: 60%;
  float: left;
}

.boni-edi {
  width: 40%;
  float: right;
  height: 145px;
  position: relative;
  top: 60px;
  right: -60px;
}

.editable>.tar-we {
  margin-bottom: 0px !important;
}

.tar-edi {
  padding-bottom: 0 !important;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.editando-hover {
  border: dashed 1px #253672;
}

.tar-edi-hover {
  background-color: rgba(37, 54, 114, 0.4);
}

.tar-edi-hover>div {
  opacity: 0.4;
}

.tar-edi-hover>table {
  opacity: 0.4;
}

.tar-edi-hover>div:last-child {
  opacity: 1 !important;
}

.ajuste-e {
  padding: 0px 10px;
}

.centrar-etiqueta {
  text-align: center;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.caja-edicion {
  background-color: #253672;
  color: white;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 12px;
  box-shadow: 4PX 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: relative;
  top: 23px;
  opacity: 0;
}

.editando-hover>.centrar-etiqueta>.caja-edicion {
  opacity: 1;
}

.caja-edicion>a>.icon-we {
  margin-left: 8px;
  color: white;
  font-size: 16px;
  position: relative;
  top: 2px;
}

.caja-edicion>a:hover {
  text-decoration: none;
}

.contenedor-edi {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding: 0px 10px;
}

.contenedor-edi>input.btn-we {
  float: right;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 3px 10px;
  position: relative;
  top: 5px;
  font-weight: normal;
}

.contenedor-edi>span {
  color: white;
  font-size: 24px;
  font-weight: bold;
}

.paso {
  height: 18px;
  width: 18px;
  color: white !important;
  border-radius: 9px;
  text-align: center;
  font-size: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.paso-link:hover,
.paso-link:visited,
.paso-link:link,
.paso-link:active {
  text-decoration: none;
}

.paso-link>div>span {
  color: #545659;
}

.barra-paso {
  height: 2px;
  width: 40%;
  margin-top: 30px;
  margin-left: -6px;
  margin-right: -7px;
}

.hecho {
  background-color: #253672;
}

.sin-hacer {
  background-color: #b4b4b5;
}

.progreso {
  display: -webkit-flex;
  display: flex;
}

.modal-body>h2 {
  text-transform: uppercase;
  font-size: 20px;
}

.modal-body-we {
  position: relative;
  padding: 30px;
}

h2.formu-edi {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.bot-mod {
  margin-top: 30px;
}

.ant-sig {
  color: #b4b4b5;
  font-size: 24px;
}

.ant-sig:hover {
  opacity: 0.7;
  color: #b4b4b5;
}

/*******************************/
/*---------CONTOLES------------*/
/*******************************/
.sidenav {
  height: 100%;
  width: 65px;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #ddddde;
  transition: 0.5s;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/**/
.sidenav .closebtn {
  float: right;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-top: 15px;
  display: none;
}

.modal-header>.close-we {
  top: 5px;
  right: 20px;
  z-index: 2;
}

.sidenav .openbtn {
  width: 100%;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  padding-bottom: 15px;
  margin-bottom: 10px;
  padding-top: 60;
}

.closebtn>span.glyphicon {
  color: #2f384b;
  font-size: 30px;
}

.closebtn:hover,
.closebtn:visited,
.closebtn:link,
.closebtn:active {
  text-decoration: none;
}

.openbtn>span.glyphicon {
  color: #2f384b;
  font-size: 30px;
}

.openbtn:hover,
.openbtn:visited,
.openbtn:link,
.openbtn:active {
  text-decoration: none;
}

#info-barra-lat {
  padding: 10px;
}

#info-barra-lat>img {
  max-height: 90px;
  max-width: 90px;
  width: 100%;
  height: auto;
  margin-top: 20px;
}

#info-barra-lat>h2 {
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.sidenav a:hover {
  background-color: #f1f1f1;
}

.sidenav button:hover {
  background-color: #f1f1f1;
}

.popover {
  width: 100%;
  max-width: 400px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }

  .sidenav button {
    font-size: 18px;
  }
}

/* Style the tab */
.tab {
  width: 100%;
  margin: 0px;
}

.tab-sm>a>span.let {
  display: block;
}

.tab-sm>button>span.let {
  display: block;
}

.tab-sm {
  margin: 0px;
  width: 100%;
}

.tab-sm>a>span.let {
  display: none;
}

.tab-sm>button>span.let {
  display: none;
}

/* Style the buttons inside the tab */
.tab a {
  display: block;
  background-color: inherit;
  padding: 5px 16px 14px 33px;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #6a6a6c;
  width: 100%;
  border-top: 1px solid #2f384b;
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
}

.tab-sm a {
  display: block;
  background-color: inherit;
  padding: 5px 15px 14px 15px;
  outline: none;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #6a6a6c;
  width: 100%;
  border-top: 1px solid #2f384b;
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
}

.tab button {
  display: block;
  background-color: inherit;
  padding: 5px 16px 14px 33px;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #6a6a6c;
  width: 100%;
  border-top: 1px solid #2f384b;
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
}

.tab-sm button {
  display: block;
  background-color: inherit;
  padding: 5px 15px 14px 15px;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #6a6a6c;
  width: 100%;
  border-top: 1px solid #2f384b;
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
}

.tablinks:hover,
.tablinks:visited,
.tablinks:link,
.tablinks:active {
  text-decoration: none;
  background-color: #ddd;
}

/* Change background color of buttons on hover */
.tab a:hover {
  background-color: #ddd;
}

.tab-sm a:hover {
  background-color: #ddd;
}

.tab button:hover {
  background-color: #ddd;
}

.tab-sm button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab a.active {
  background-color: white;
  border-right: 0px !important;
}

.tab-sm a.active {
  background-color: white;
  border-right: 0px !important;
}

.tab button.active {
  background-color: white;
  border-right: 0px !important;
}

.tab-sm button.active {
  background-color: white;
  border-right: 0px !important;
}

.tab a.true-active {
  border-top: 2px solid #14eb64 !important;
  border-bottom: 2px solid #14eb64 !important;
  border-left: 2px solid #14eb64 !important;
}

.tab-sm a.true-active {
  border-top: 2px solid #14eb64 !important;
  border-bottom: 2px solid #14eb64 !important;
  border-left: 2px solid #14eb64 !important;
}

.tab a.false-active {
  border-top: 2px solid #ff2d2d !important;
  border-bottom: 2px solid #ff2d2d !important;
  border-left: 2px solid #ff2d2d !important;
}

.tab-sm a.false-active {
  border-top: 2px solid #ff2d2d !important;
  border-bottom: 2px solid #ff2d2d !important;
  border-left: 2px solid #ff2d2d !important;
}

.tab a.neutro-active {
  border-top: 2px solid #2f384b !important;
  border-bottom: 2px solid #2f384b !important;
  border-left: 2px solid #2f384b !important;
}

.tab-sm a.neutro-active {
  border-top: 2px solid #2f384b !important;
  border-bottom: 2px solid #2f384b !important;
  border-left: 2px solid #2f384b !important;
}

.borde-rojo {
  border-right: 2px solid #ff2d2d;
}

.borde-verde {
  border-right: 2px solid #14eb64;
}

.borde-azul {
  border-right: 2px solid #2f384b;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 30px;
  width: 100%;
}

.tablinks>.icon-we {
  color: #2f384b;
  font-size: 25px;
  margin-right: 15px;
  position: relative;
  top: 4px;
}

.tab-sm>.tablinks>.icon-we {
  margin-right: 0px !important;
}

.subtitle-div {
  float: right;
  margin-right: -7px;
}

h3.subtitle {
  font-size: 17px;
  text-transform: uppercase;
}

h3.subtitle-gris {
  font-size: 17px;
  color: #545659;
  text-transform: uppercase;
}

h4.noticias-wh {
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}

h4.subtitle-blue {
  color: #2f384b;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.form-separator {
  margin-top: 30px;
  margin-bottom: 6px;
}

.form-separator>.col-sm-3>h4 {
  text-align: right;
  margin-right: 10px;
}

.form-separator>.col-sm-9>hr {
  margin-left: -10px;
  margin-right: -15px;
}

.ajuste-barra {
  width: 100%;
}

#tabular button:first-child {
  border-top: 2px solid #545659;
  padding-top: 7px;
}

#tabular button:last-child {
  border-bottom: 1px solid #545659;
}

#tabular a:first-child {
  border-top: 2px solid #545659;
  padding-top: 7px;
}

#tabular a:last-child {
  border-bottom: 1px solid #545659;
}

.table-partner {
  border: 0px !important;
}

.table-partner>thead>tr>th {
  background-color: #87888a !important;
  color: white !important;
  text-transform: uppercase;
  font-weight: normal !important;
}

.k-grid-header,
.k-header {
  background-color: #87888a !important;
  color: white !important;
  text-transform: uppercase;
  font-weight: normal !important;
  background-image: none !important;
}

.table-rounded thead th:first-child {
  border-radius: 10px 0 0 0;
}

.table-rounded thead th:last-child {
  border-radius: 0 10px 0 0;
}

.table-rounded tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

.table-rounded tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
  border-left: 0px;
}

.col-tab-1 {
  width: 8.33333%;
}

.col-tab-2 {
  width: 16.66666%;
}

.col-tab-3 {
  width: 25%;
}

.col-tab-4 {
  width: 33.33333%;
}

.col-tab-5 {
  width: 41.66666%;
}

.col-tab-6 {
  width: 50%;
}

.col-tab-7 {
  width: 58.33333%;
}

.col-tab-8 {
  width: 66.66666%;
}

.col-tab-9 {
  width: 75%;
}

.col-tab-10 {
  width: 83.33333%;
}

.col-tab-11 {
  width: 91.66666%;
}

.col-tab-12 {
  width: 100%;
}

.table-rounded>tbody>tr>th:first-child,
.table-rounded>thead>tr>td:first-child,
.table-rounded>thead>tr>th:first-child {
  border-left: 0px !important;
}

.table-rounded>tbody>tr>th:last-child,
.table-rounded>thead>tr>td:last-child,
.table-rounded>thead>tr>th:last-child {
  border-right: 0px !important;
}

.bienvenido {
  font-weight: bold;
  font-size: 2.5em;
  color: #2f384b;
  margin-bottom: 35px;
}

.info-noticias {
  width: 100%;
  padding: 175px 15px 0px 15px;
}

.noticia-weenjoy {
  background-image: linear-gradient(transparent, rgba(47, 56, 75, 0.9));
  min-height: 270px;
  border-radius: 10px;
  z-index: 5;
  position: absolute;
  top: 0px;
  margin-right: 15px;
  width: calc(100% - 30px);
}

.noticia-weenjoy-img {
  background-image: url(noticias1.png);
  min-height: 270px;
  border-radius: 10px;
  width: 100%;
  background-size: cover;
}

.bold-blue {
  font-weight: bold;
  color: #2f384b;
}

.bold-blue:hover {
  color: #253672;
}

table.table-partner-g tr.odd,
table.table-partner-g tr.alt,
table.table-partner-g tr:nth-of-type(odd) {
  background: #F2F2F2;
}

table.table-partner-g tr.even,
table.table-partner-g tr.alt,
table.table-partner-g tr:nth-of-type(even) {
  background: #F2F2F2;
}

.status {
  text-transform: uppercase;
  font-weight: 300;
}

.s-act {
  color: #14a564;
}

.s-des {
  color: #ff7364;
}

.bonus-tabla {
  font-weight: 700;
  color: #2f384b;
  font-size: 17px;
}

.error-gbr {
  background-color: #f2f2f2;
  border-radius: 6px;
  border: 3px solid #ff2d2d;
}

.mensaje-vin {
  padding: 15px 20px;
  color: #2f384b;
  margin-bottom: 30px;
}

.mensaje-vin>h3 {
  text-transform: uppercase;
  text-align: center;
  color: #2f384b;
  font-size: 17px;
  font-weight: bold;
}

.mensaje-vin>p {
  text-align: justify;
  font-size: 13px;
  color: #2f384b;
  line-height: 1.4;
}

.acierto-gba {
  background-color: #f2f2f2;
  border-radius: 6px;
  border: 3px solid #416cb4;
}

.nomemi {
  background: transparent;
}

table.nomemi tr th,
table.nomemi tr td {
  color: #2f384b;
  font-size: 13px;
}

/***** SWITCH*****/
.switch-we {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
  border-radius: 18px;
  border: 2px solid #2f384b;
  top: 1px;
}

.switch-we input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff7364;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "\f04d";
  align-content: center;
  align-items: center;
  text-align: center;
  padding-top: 2.8px;
  padding-left: 0px;
  font-family: FontAwesome;
  font-size: 5px;
  color: white;
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 1.5px;
  background-color: #2f384b;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #50e788;
}

input:focus+.slider {
  box-shadow: 0 0 1px #50e788;
}

input:checked+.slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  content: "\f04b";
  padding-left: 1px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 18px;
}

.slider.round:before {
  border-radius: 50%;
}

/***************SIGN-UP********************/
#failureWe {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s linear;
}

#successWe {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s linear;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 900px !important;
  }
}

/********* VALIDACION ***********************/
.errorTxt {
  color: #f04124;
  font-size: 14px;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #f04124;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #f04124;
}

.help-block {
  margin-bottom: 10px;
}

.has-error .input-group-addon {
  color: #f04124;
  background-color: #f2dede;
  border-color: #f04124;
}

.has-error .form-control {
  border-color: #f04124;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #f04124;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.tt-open {
  width: 100%;
  border: 1px solid #87888a;
  background-color: white;
  padding: 5px 0px;
  top: 36px !important;
}

.tt-suggestion {
  padding: 4px 15px;
}

div.tt-cursor {
  background-color: #f2f2f2;
}

.typeahead {
  width: 100%;
}

.twitter-typeahead {
  width: 100%;
}

ul.amenidades {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.amenidades li {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}

.amenidades>li {
  display: block;
  padding: 2px 8px;
  background-color: #f2f2f2;
}

.amenidades>li>a:hover {
  text-decoration: none;
}

.amenidades>li>a>span {
  margin-left: 6px;
  font-size: 12px;
  color: #b4b4b5;
}

.divisor-false {
  border-color: #ff2d2d;
  border-width: 1px 0 0;
}

.divisor-true {
  border-color: #14eb64;
  border-width: 1px 0 0;
}

.navy {
  color: #2f384b;
}

.semi-negrita {
  font-weight: 600;
}

.boton-fijo {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  background-color: #2f384b;
  z-index: 10;
  border-radius: 6px;
  padding-left: 7px;
  padding-top: 7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.boton-fijo>span {
  font-size: 35px;
  color: white;
}

.boton-fijo {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  background-color: #2f384b;
  z-index: 10;
  border-radius: 6px;
  padding-left: 7px;
  padding-top: 7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.boton-fijo>span {
  font-size: 35px;
  color: white;
}

.fixed-btn-bl {
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-color: #2f384b;
  z-index: 1000;
  border-radius: 6px;
  padding-left: 10px;
  padding-top: 10px;
  display: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fixed-btn-scroll {
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 10px;
  right: calc(50% - 540px);
  background-color: #253672;
  z-index: 1000;
  border-radius: 50%;
  padding-left: 11px;
  padding-top: 9px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (max-width: 1080px) {
  .fixed-btn-scroll {
    right: 10;
  }
}

.fixed-btn-scroll>a>span {
  font-size: 25px;
  color: #ddddde;
}

.fixed-btn-bl>a>span {
  font-size: 25px;
  color: #ddddde;
}

@media only screen and (max-width: 1230px) {
  .chance {
    padding-left: 80px;
  }
}

@media screen and (max-width: 1060px) {
  .fixed-btn-bl {
    display: block;
  }

  .sidenav {
    margin-left: -65px;
  }

  .chance {
    padding-left: 15px;
  }
}

.barra-admin-img {
  background-color: #f2f2f2;
  color: #545659;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 20px;
  height: 45px;
  transition: opacity 0.5s linear;
  margin: 10px;
}

.barra-admin-img>span:first-child {
  position: relative;
  top: 4px;
}

.add-new {
  width: 170px;
  height: 170px;
  text-align: center;
  color: #b4b4b5;
  border: 1px dashed #b4b4b5;
  padding: 15px;
  margin-top: 7px;
  padding-top: 50px;
}

.add-new>p:first-child {
  line-height: 22px;
  margin-bottom: 10px;
  font-size: 18px;
}

.thumb {
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin: 5px 0px 20px 5px;
  border: 1px solid #ddd;
}

.delete-gal {
  position: relative;
  top: -40px;
  left: -24px;
  background-color: #ddd;
  color: #6a6a6c;
  padding: 3px;
  border-radius: 10px;
  display: none;
}

ul.ima-ch {
  list-style-type: none;
  margin-left: 0px;
}

ul.ima-ch>li {
  float: left;
  height: 186px;
}

input[type="checkbox"][id^="cb"] {
  display: none;
}

label.ima-ch {
  border: 1px solid #fff;
  padding: 5px;
  display: block;
  position: relative;
  margin-left: 5px !important;
  cursor: pointer;
}

label.ima-ch:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

label.ima-ch img {
  height: 170px;
  width: 170px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

:checked+label.ima-ch {
  border-color: #ddd;
}

:checked+label.ima-ch:before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
}

:checked+label.ima-ch img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
}

input[type="checkbox"]+label.ima-ch {
  margin-right: 0;
}

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {

  0%,
  100% {
    -webkit-transform: translateY(0);
    /*-webkit-transform: rotate(0deg);*/
  }

  50% {
    -webkit-transform: translateY(-5px);
    /*-webkit-transform: rotate(5deg);*/
  }
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
    /*transform: rotate(0deg);*/
  }

  50% {
    transform: translateY(-5px);
    /*transform: rotate(5deg);*/
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/***************************************************/
.row-grid-timeline {
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap;
  /* IE 10 */
  flex-wrap: wrap;
  padding: 0 7.5px;
}

/* Create two equal columns that sits next to each other */
.column-grid-timeline {
  -ms-flex: 33.33333%;
  /* IE 10 */
  flex: 33.3333%;
  padding: 0 7.5px;
}

/*************************/
.verification-false,
.verification-true,
.verification-un {
  padding: 0px;
  padding-top: 5px;
}

.verification-ok>span:first-child,
.verification-no>span:first-child {
  font-size: 18px;
  margin-left: 10px;
  position: relative;
  top: 3px;
}

.verification-true>.verification-ok {
  display: block;
}

.verification-false>.verification-ok {
  display: none;
}

.verification-true>.verification-no {
  display: none;
}

.verification-false>.verification-no {
  display: block;
}

.verification-un>.verification-no {
  display: none;
}

.verification-un>.verification-ok {
  display: block;
}

.verification-ok>span {
  color: #14a564;
}

.verification-no>span {
  color: #ff7364;
}

.operationTime .mini-time {
  width: 100% !important;
  border-radius: 6px;
}

.lista-horarios {
  list-style-type: none;
  color: #6a6a6c;
  margin-left: 0px;
}

.clockpicker {
  width: 105px !important;
  float: left;
  margin-bottom: 8px;
}

.clockpicker-popover {
  width: 220px !important;
  margin-left: -2px;
}

.input-group-addon {
  border-radius: 6px;
}

.col-sm-9>.clockpicker:first-child {
  margin-right: 10px;
}

.previewHorario {
  list-style-type: none;
}

.horarios-multiples {
  list-style-type: none;
  margin-left: 0px;
}

.hr-cross {
  color: #b4b4b5;
  margin-left: 10px;
}

.ui-timepicker-wrapper {
  width: 105px !important;
}

.ui-timepicker-wrapper::-webkit-scrollbar {
  width: 12px;
}

.ui-timepicker-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b4b4b5;
  border-radius: 10px;
}

.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
  background: #b4b4b5;
  border-radius: 10px;
}

.ui-timepicker-wrapper::-webkit-scrollbar-thumb:hover {
  background: #87888a;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
  height: 37px !important;
  border-radius: 6px !important;
}

.small-hours {
  font-size: 13px;
}

.vigency-more {
  padding: 8px 15px;
  height: 100%;
  margin-bottom: 0px;
  margin-top: -1px;
  margin-right: -1px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

/***********************************************************/
/*********************** VINCULADOR ************************/
/***********************************************************/
.panel-linker {
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
  border-bottom: 0px;
}

.panel-linker>.panel-heading {
  padding: 10px;
}

.panel-linker>.panel-collapse {
  padding: 0px;
  border-top: 1px solid #d8d8d8;
}

.side-options {
  margin: 0px;
  padding: 0px;
}

.side-options>.panel-linker:last-child {
  border-bottom: 1px solid #d8d8d8;
}

.panel-linker>.panel-heading>.panel-title {
  margin: 0px;
}

.nietos {
  list-style-type: none;
  margin: 0px;
}

.nietos>li>a {
  padding: 0px 0px 0px 30px;
}

.panel-linker>.panel-heading>h4 {
  font-weight: bold;
  margin: 0px;
}

.panel-red>.panel-heading {
  color: #2f384b;
  background-color: transparent;
  border-color: #87888a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  padding: 0px;
}

.panel-red>.panel-body {
  padding: 15px 0px;
}

#amongD {
  opacity: "0.3";
}

#throughtD {
  opacity: "0.3";
}

/****************************************************/
/*                  BUISSNES REPORT                 */
/****************************************************/
.sube {
  color: #3cd45a;
}

.report-card {
  border: 2px solid #545659;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.report-title-card {
  text-transform: uppercase;
  font-size: 18px;
}

.report-body-card {
  padding-top: 25px;
}

.flecha {
  font-weight: 700;
}

.btn-clear {
  background-color: transparent;
  border-color: transparent;
  color: #b4b4b5;
}

.btn-hide {
  position: relative;
  top: -4px;
  float: right;
  font-size: 15px;
}

.btn-hide>span {
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-left: 6px;
}

.report-side-information {
  text-align: right;
}

.report-side-information>span.nota {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
}

.report-side-information>h1 {
  font-size: 36px;
  font-weight: bold;
}

.strong-footer {
  font-weight: 600;
}

.slim {
  border-width: 0.25px 0 0;
  color: #545659;
}

.weenlist-report {
  padding: 15px;
  background-color: #f2f2f2 !important;
}

.btn-weenlist {
  text-transform: uppercase;
  font-weight: 300;
  background-color: #d5d5d6;
  border-radius: 2px;
  color: black;
  font-size: 13px;
}

.tarjetas-report {
  background-color: #f2f2f2;
}

.red-info {
  height: 45px;
  background-color: #ff2d2d;
}

.red-info>h1.bono-repo {
  font-size: 30px;
  font-weight: 700;
  color: white;
  text-align: center;
  margin: 0px;
}

.red-info>.bono-repo>span {
  font-size: 20px;
  font-weight: normal;
}

.gray-info {
  height: 45px;
  background-color: #545659;
  color: white;
  padding: 5px 0px 5px 8px;
}

.type {
  font-size: 10px;
  font-weight: 300;
  color: #b4b4b5;
}

.type2 {
  font-size: 17px;
  font-weight: 600;
  position: relative;
  top: -3px;
  text-transform: uppercase;
}

.btn-link-we {
  width: 100%;
  height: 30px;
  padding: 0px;
}

.bright-blue {
  color: #3366ff;
}

.fit-title {
  margin-bottom: 10px;
  line-height: 1.2;
  color: #545659;
}

.report-side-information>.bright-blue:first-child {
  margin-top: 3px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 6px;
  font-size: 14px;
}

/**************************************/
/******** Landign vinculadores ********/
/**************************************/
.contenedor-we {
  max-width: 1095px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}

.contenedor-form {
  max-width: 345px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}

.contenedor-reduced {
  max-width: 685px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}

div.abce-col {
  text-align: center;
  background-repeat: no-repeat !important;
  background-position: 65% 15px !important;
  max-width: 335px;
}

.landing {
  color: white;
  font-weight: 700;
}

h1.landing {
  font-size: 2.5em;
  line-height: 1.2em;
}

h2.landing {
  font-size: 1.8em;
  text-align: center;
}

h3.landing {
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 3px;
}

h4.landing {
  font-size: 1.6em;
  font-weight: 300;
}

p.clear-background {
  font-size: 1.3em;
  text-align: center;
  color: #2f384b;
}

p.dark-background {
  font-size: 1.1em;
  text-align: center;
  color: white;
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

span.abce-text {
  text-align: center;
  color: white;
  font-size: 1.3em;
}

p.abce-text {
  text-align: justify;
  color: white;
  font-size: 1em;
  margin-top: 30px;
}

.login-bar li {
  float: left;
}

section.welcome {
  min-height: 541px;
  height: 75vh;
  padding-top: 30vh;
  padding-bottom: 30px;
  width: 100%;
  background-size: cover !important;
  background: linear-gradient(rgba(37, 54, 114, 0.6), rgba(37, 54, 114, 0.6)), url(/static/assets/images/welcome.jpg);
  background-position: 0 15%;
}

section.abce {
  width: 100%;
  background-size: cover !important;
  background: url(/static/assets/images/world1920.jpg);
  background-position: center;
}

section.contact-us {
  padding-top: 40px;
  padding-bottom: 80px;
  width: 100%;
  background-size: cover !important;
  background: linear-gradient(rgba(37, 54, 114, 0.6), rgba(37, 54, 114, 0.6)), url(/static/assets/images/contact.jpg);
  background-position: 0 15%;
}

section.verify {
  width: 100%;
  background-size: cover !important;
  padding: 60px 0px 50px 0px;
  background: url(/static/assets/images/verificado1920.jpg);
}

section.verification-result {
  width: 100%;
  padding: 0;
  background-color: #e6e6e6;
  height: 220px;
}

section.verification-result:before {
  content: "\f0d8";
  font-family: FontAwesome;
  font-size: 50px;
  color: #e6e6e6;
  position: relative;
  top: -45px;
  left: 50%;
}

.transp-form {
  height: 26px !important;
  border: 2px solid white !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #2f384b;
  font-weight: 600;
}

.transp-form::placeholder {
  color: #2f384b;
  opacity: 0.8;
  /* Firefox */
  font-weight: 600;
}

.transp-form:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2f384b;
  opacity: 0.8;
  font-weight: 600;
}

.transp-form::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #2f384b;
  opacity: 0.8;
  font-weight: 600;
}

input.obligatorio-we {
  width: calc(100% - 10px);
}

span.obligatorio-we {
  color: #ff2d2d;
  font-weight: 600;
  float: left;
  margin-right: 3px;
  font-size: 16px;
}

.footer-landing {
  width: 100%;
  border: 0px;
  margin: 0px;
}

.footer-landing td {
  text-transform: uppercase;
  font-size: 12px;
  color: #b4b4b5;
  background-color: transparent;
  padding: 0px;
  vertical-align: middle;
}

.footer-landing>tbody>tr>td>a {
  color: #b4b4b5;
}

.footer-landing>tbody>tr>td>a>span.icon-we {
  font-size: 22px;
  display: block !important;
  visibility: visible !important;
  color: #b4b4b5 !important;
}

abbr[title] {
  color: #ff2d2d;
  font-size: 15px;
  text-decoration: none;
}

@media only screen and (max-width: 920px) {
  section.welcome {
    padding-top: 110px;
  }
}

/*Ajuste de imágenes de fondo*/
@media only screen and (max-width: 1080px) {
  section.welcome {
    background: linear-gradient(rgba(37, 54, 114, 0.6), rgba(37, 54, 114, 0.6)), url(/static/assets/images/welcome1080.jpg);
    height: auto;
    padding-top: 185px;
  }

  section.contact-us {
    background: linear-gradient(rgba(37, 54, 114, 0.6), rgba(37, 54, 114, 0.6)), url(/static/assets/images/contact1080.jpg);
  }

  section.abce {
    background: url(/static/assets/images/world1080.jpg);
  }

  section.verify {
    background: url(/static/assets/images/verificado1080.jpg);
  }
}

@media only screen and (max-width: 680px) {
  section.welcome {
    background: linear-gradient(rgba(37, 54, 114, 0.6), rgba(37, 54, 114, 0.6)), url(/static/assets/images/welcome680.jpg);
    height: auto;
  }

  section.contact-us {
    background: linear-gradient(rgba(37, 54, 114, 0.6), rgba(37, 54, 114, 0.6)), url(/static/assets/images/contact680.jpg);
  }

  section.abce {
    background: url(/static/assets/images/world680.jpg);
  }

  section.verify {
    background: url(/static/assets/images/verificado680.jpg);
  }
}

@media only screen and (max-width: 768px) {
  section.welcome {
    padding-top: 260px;
    height: auto;
  }

  section.welcome h1 {
    font-size: 2.0em;
  }

  section.welcome h4 {
    font-size: 1.4em;
  }
}

/*******************************************************/
.paginate_button.next {
  display: none !important;
}

.paginate_button.current {
  background: #f2f2f2 !important;
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
}

.dataTables_paginate.paginate_button:hover {
  background: #6a6a6c;
  border-radius: 6px !important;
  border: 1px solid #545659 !important;
}

.dataTables_length>label>select {
  height: 26;
  border-radius: 6px;
  padding: 0 10px 1px 5px;
  width: 45px;
  margin-left: 5px;
}

.dataTables_filter>label>input {
  height: 26;
  padding: 2;
  border-radius: 6px;
  width: 180px;
  float: right;
  position: relative;
  top: -3px;
}

.dataTables_filter {
  padding-top: 4px;
}

/***************** 6 X 3 ******************/
.progress6x3 {
  width: 100%;
  background-color: transparent !important;
}

.progress6x3 tr {
  background-color: transparent !important;
}

.progress6x3 td {
  border: 1px solid #ddd;
}

/****************************************************/
/*                  BUISSNES REPORT                 */
/****************************************************/
.smart-card {
  border: 2px solid #6a6a6c;
  padding: 10px 20px 10px 0px;
  margin-bottom: 20px;
}

.smart-card-text {
  padding: 10px 20px 10px 0px;
  margin-bottom: 20px;
  background-image: linear-gradient(to right, #253672, #2f384b);
  color: white;
}

.smart-title-card {
  text-transform: uppercase;
  font-size: 20px;
  color: #6a6a6c;
  padding-left: 20px;
}

.smart-title-card>span.icon-we {
  position: relative;
  top: 10px;
  margin-right: 5px;
}

.smart-genero {
  font-weight: bolder;
}

.smart-title-card>button {
  float: right;
  padding: 0;
  font-size: 24px;
  color: #6a6a6c;
  margin-top: 9px;
}

.smart-body-card {
  padding-top: 25px;
}

.smart-side-information {
  text-align: right;
  color: #545659;
  background-color: #f1f2f7;
  padding: 20px;
  margin-bottom: 20px;
}

.smart-side-information>h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #2f384b;
}

.smart-side-information>span.nota {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
}

.smart-side-information>h1 {
  font-size: 36px;
  font-weight: bold;
}

.smart-side-information>.bright-blue:first-child {
  margin-top: 3px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 6px;
  font-size: 14px;
}

.smart-card-text>.smart-body-card>div>p {
  font-weight: bold;
  font-size: 16px;
  margin-left: 60px;
  margin-right: 10px;
}

.custom-file-upload {
  border: 2px solid #ccc;
  display: inline-block;
  padding: 8px 12px;
  cursor: pointer;
  background: red;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.error {
  padding-top: 0.25rem !important;
  color: red !important;
}