@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.1.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*******************
  Íconos menú
*******************/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

/***********
CARRUSEL
************/
.carrusel {
  max-height: 450px;
  overflow: hidden; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .carrusel {
      max-height: 250px; } }
  .carrusel .carrusel-header {
    position: initial; }
    .carrusel .carrusel-header .texto {
      position: absolute;
      top: 50%;
      width: 90%;
      margin: 0 5%;
      opacity: 0;
      left: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all ease 400ms;
      -moz-transition: all ease 400ms;
      -o-transition: all ease 400ms;
      -ms-transition: all ease 400ms;
      transition: all ease 400ms; }
      .carrusel .carrusel-header .texto.animacion {
        opacity: 1;
        left: 0; }

.owl-carousel .owl-item .item {
  height: 450px; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .owl-carousel .owl-item .item {
      overflow: hidden;
      height: 250px; }
      .owl-carousel .owl-item .item img {
        width: auto;
        max-width: initial;
        max-width: none;
        height: 100%; } }

.carrusel .owl-controls {
  position: absolute;
  width: 100%;
  text-align: center;
  display: block;
  top: calc(50% - 20px); }

.carrusel .owl-nav {
  position: absolute;
  width: 100%;
  top: 0px;
  padding: 0 15px;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms;
  z-index: 2; }

.carrusel .owl-nav .owl-prev,
.carrusel .owl-nav .owl-next {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-size: 40px;
  line-height: 40px;
  height: 40px;
  text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
  opacity: 0.7;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms;
  cursor: pointer;
  padding: 0 1rem; }

.carrusel .owl-nav .owl-prev {
  left: 0; }

.carrusel .owl-nav .owl-next {
  right: 0; }

.carrusel .owl-nav .owl-prev:hover,
.carrusel .owl-nav .owl-next:hover {
  color: #9E9E9E;
  text-shadow: none; }

.carrusel .owl-controls .owl-dots {
  position: absolute;
  bottom: -225px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .carrusel .owl-controls .owl-dots {
      bottom: -160px; } }

.carrusel .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: #E1E1E1;
  border: #ffffff;
  transition: all ease .3s;
  border-radius: 50%; }

.carrusel .owl-controls .owl-dots .owl-dot:hover {
  /*height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid $white;
    margin: -1px 5px;*/ }

.carrusel .owl-controls .owl-dots .owl-dot.active {
  height: 12px;
  width: 12px;
  background-color: #7F99EB;
  margin: -1px 5px; }

/***********
CARRUSEL TESTIMONIOS
************/
.carrusel-testimonios .owl-controls {
  position: absolute;
  width: 100%;
  text-align: center;
  display: block;
  bottom: -3rem; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .carrusel-testimonios .owl-controls {
      bottom: -2rem; } }

.carrusel-testimonios .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  border: 1px solid #9E9E9E;
  transition: all ease .3s;
  border-radius: 50%; }

.carrusel-testimonios .owl-controls .owl-dots .owl-dot:hover {
  /*height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid $white;
    margin: -1px 5px;*/ }

.carrusel-testimonios .owl-controls .owl-dots .owl-dot.active {
  height: 12px;
  width: 12px;
  background-color: #1c355e;
  margin: -1px 5px; }

.section-mapa {
  padding-top: 0;
  padding-bottom: 0;
  bottom: 0; }

/***** Imagen producto campo
***/
.LandingPage .texto {
  position: absolute;
  top: 50%;
  width: 90%;
  margin: 0 5%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.contenedor-cargador {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999; }
  .contenedor-cargador .animacionLogo {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: scale(2);
    display: inline-block;
    width: 120px; }
    .contenedor-cargador .animacionLogo .logosvg {
      width: 300px;
      height: 159px;
      display: block; }

#signo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  fill: url("#MyGradient");
  stroke: gray;
  stroke-miterlimit: 5;
  width: auto; }

#letra1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  fill: #10365f;
  stroke: gray;
  stroke-miterlimit: 5;
  width: auto; }

#letra2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  fill: #10365f;
  stroke: gray;
  stroke-miterlimit: 5;
  width: auto; }

#letra3 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  fill: #10365f;
  stroke: gray;
  stroke-miterlimit: 5;
  width: auto; }

#sombraLetra {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  fill: #babcbe;
  width: auto; }

#frase {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  fill: #10365f;
  width: auto; }

.Animate-Draw {
  fill-opacity: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-name: DrawLine, FadeStroke, FillIn;
  animation-duration: 1s, 0.5s, 0.5s;
  animation-delay: 0s, 3.5s, 3.5s; }

.Animate-fill {
  fill-opacity: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-name: FillIn;
  animation-duration: 2s, 1s, 1s;
  animation-delay: 0s, 3.5s, 3.5s; }

#Draw-exclamacion {
  animation-delay: 3s, 3.5s, 3.5s;
  animation-duration: 1s, 0.5s, 0.5s;
  stroke-dashArray: 300;
  stroke-dashoffset: 300;
  animation-iteration-count: infinite; }

#Draw-letra1 {
  animation-delay: 0.5s, 1s, 1s;
  animation-duration: 1s, 0.5s, 0.5s;
  stroke-dashArray: 300;
  stroke-dashoffset: 300; }

#Draw-letra2 {
  animation-delay: 1s, 1.5s, 1.5s;
  animation-duration: 1s, 0.5s, 0.5s;
  stroke-dashArray: 300;
  stroke-dashoffset: 300; }

#Draw-letra3 {
  animation-delay: 2s, 2.5s, 2.5s;
  animation-duration: 1s, 0.5s, 0.5s;
  stroke-dashArray: 300;
  stroke-dashoffset: 300; }

#Draw-sombra {
  animation-delay: 3s; }
  #Draw-sombra from {
    fill-opacity: 0; }
  #Draw-sombra to {
    fill-opacity: 1; }

#Draw-frase {
  animation-delay: 3s; }
  #Draw-frase from {
    fill-opacity: 0; }
  #Draw-frase to {
    fill-opacity: 1; }

@keyframes DrawLine {
  to {
    stroke-dashOffset: 0; } }

@keyframes FadeStroke {
  to {
    stroke-opacity: 0; } }

@keyframes FillIn {
  from {
    fill-opacity: 0; }
  to {
    fill-opacity: 1; } }

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }

.uil-ripple-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 12px;
  border-style: solid;
  -ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite; }

.uil-ripple-css div:nth-of-type(1) {
  border-color: #1c355e; }

.uil-ripple-css div:nth-of-type(2) {
  border-color: #1c355e;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s; }

/* ========================================================================
 * bootstrap-tour - v0.10.3
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
/*!
 * Bootstrap v3.1.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*SE OMITEN TODAS LAS CLASES PARA LOS BOTONES DE PARTE DE BOOTSTRAP*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 350px;
  padding: 1px;
  font-family: 'Pangolin', cursive;
  background-clip: padding-box;
  color: #ffffff; }
  .popover .button {
    font-family: 'Lato', sans-serif; }
    .popover .button:nth-child(2) {
      margin-left: 1rem; }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  border-radius: 5px 5px 0 0;
  color: #ffffff;
  font-family: 'Pangolin', cursive; }

.popover-content {
  padding: 9px 14px;
  letter-spacing: 0.7px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.95;
  filter: alpha(opacity=80); }

.tour-step-backdrop {
  position: relative;
  z-index: 1101; }

.tour-step-backdrop > td {
  position: relative;
  z-index: 1101; }

.tour-step-background {
  position: absolute !important;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0); }

.popover[class*="tour-"] {
  z-index: 1102;
  -webkit-transform: translate3d(0, 0, 0); }

.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden; }
  .popover[class*="tour-"] .popover-navigation .button {
    font-size: 1rem;
    padding: 0.5em 1em; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default; }

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: -100px; }

.popover[class*="tour-"].orphan .arrow {
  display: none; }

/**::-ms-backdrop, body { overflow-x: hidden}  IE11 */
::-moz-selection {
  background: rgba(163, 252, 255, 0.34); }

::selection {
  background: rgba(163, 252, 255, 0.34); }

/* scrollbars */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ffffff; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #dcdcdc; }

::-webkit-scrollbar-thumb:window-inactive {
  background: #b1b1b1; }

::-webkit-validation-bubble-message {
  display: none; }

div.input-field input:valid {
  border-bottom: 1px solid #00c1c6; }

div.input-field select:valid {
  border-bottom: 1px solid #00c1c6 !important; }

/*******************
  Útiles
*******************/
.error-bg {
  background-image: url(../img/error.svg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 80vh;
  margin-top: -40px; }

.mati-instrucciones {
  background-image: url(../img/cashclick_documentos.png);
  background-repeat: no-repeat;
  width: 1059px;
  /*or your image's width*/
  height: 441px;
  /*or your image's height*/
  background-position: center center; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .mati-instrucciones {
      background-image: url(../img/cashclick_documentos2.png);
      background-repeat: no-repeat;
      width: 330px;
      /*or your image's width*/
      height: 580px;
      /*or your image's height*/
      background-position: center center; } }

.x {
  border: thin solid red; }

.y {
  background-color: pink; }

.delay1 {
  animation-delay: 1s; }

.delay2 {
  animation-delay: 2s; }

.delay3 {
  animation-delay: 3s; }

.delay4 {
  animation-delay: 4s; }

.delay5 {
  animation-delay: 5s; }

.ampliador {
  height: 70vh;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center; }

#rootContainer {
  min-height: 30vh; }

.left-align {
  text-align: left; }

.right-align {
  text-align: right; }

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

.center,
.center-align {
  text-align: center; }

.reset-margin {
  margin: 0 !important; }

.space-blank {
  border-bottom: 1px solid transparent;
  margin: 5px;
  clear: both; }
  .space-blank.diez {
    margin: 10px; }
  .space-blank.veinte {
    margin: 20px; }
  .space-blank.veinticinco {
    margin: 25px; }
  .space-blank.treinta {
    margin: 30px; }
  .space-blank.cuarenta {
    margin: 40px; }
  .space-blank.cincuenta {
    margin: 50px; }

.space-line {
  margin: 40px auto; }
  .space-line.sinMargen {
    margin: 0; }
  .space-line.azul {
    border-bottom: 1px solid #1c355e; }
  .space-line.blanco {
    border-bottom: 1px solid #ffffff; }
  .space-line.gris {
    border-bottom: 1px solid #9E9E9E; }
  .space-line.limon {
    border-bottom: 1px solid #DBDF2D; }
  .space-line.amarilloverdoso {
    border-bottom: 1px solid #A4CD4C; }
  .space-line.verdemarino {
    border-bottom: 1px solid #64C49A; }
  .space-line.lavanda {
    border-bottom: 1px solid #7F99EB; }

.subrayado {
  margin: 10px auto 40px auto; }
  .subrayado.azul {
    border-bottom: 1px solid #1c355e; }
  .subrayado.blanco {
    border-bottom: 1px solid #ffffff; }
  .subrayado.gris {
    border-bottom: 1px solid #9E9E9E; }
  .subrayado.limon {
    border-bottom: 1px solid #DBDF2D; }
  .subrayado.amarilloverdoso {
    border-bottom: 1px solid #A4CD4C; }
  .subrayado.verdemarino {
    border-bottom: 1px solid #64C49A; }
  .subrayado.lavanda {
    border-bottom: 1px solid #7F99EB; }

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

.padding-0 {
  padding: 0 !important; }

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

.margin-top-0 {
  margin-top: 0 !important; }

.margin-bottom-0 {
  margin-bottom: 0 !important; }

.margin-top-bottom {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.margin-bottom {
  margin-bottom: 20px !important; }

.margin-bottom-mitad {
  margin-bottom: 10px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

section.margin-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.display-flex {
  display: flex !important;
  display: -ms-flexbox; }
  .display-flex.space-around {
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  .display-flex.space-between {
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .display-flex.centered {
    justify-content: center;
    -ms-flex-pack: center; }
  .display-flex.flex-wrap {
    flex-wrap: wrap; }
  .display-flex.vertical-center {
    align-items: center;
    -ms-flex-align: center; }
  .display-flex.baseline {
    align-items: baseline;
    -ms-flex-align: end; }
  .display-flex.flex-end {
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .display-flex.bottom {
    align-items: flex-end; }

.posicion-bottom {
  position: absolute;
  bottom: 0;
  width: 100%; }

.input-border-0 input {
  border: 0; }

.margen-laterales {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.uppercase {
  text-transform: uppercase; }

.clear {
  clear: both; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.texto-normal {
  font-weight: normal !important; }

.texto-bold {
  font-weight: bold !important; }

.texto-italic {
  font-style: italic !important; }

.texto-strike {
  text-decoration: line-through; }

.padding-row {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.margin-row {
  margin-left: 0.625rem;
  margin-right: 0.625rem; }

.padding-top-bottom {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }

.padding-row-left {
  padding-left: 0.625rem; }

.padding-row-right {
  padding-right: 0.625rem; }

.sombra-borde {
  vertical-align: auto; }

.ocultar {
  display: none; }

.no-seleccionable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.hidden {
  opacity: 0; }

.visible {
  opacity: 1; }

.columnExtended {
  padding: 0 !important; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .columnExtended {
      padding-left: 0.9375rem !important;
      padding-right: 0.9375rem !important; } }

/*
medidas de iconos y texto
*/
.x1 {
  font-size: 1rem !important; }

.x2 {
  font-size: 2rem !important; }

.x3 {
  font-size: 3rem !important; }

.x4 {
  font-size: 4rem !important; }

.x5 {
  font-size: 5rem !important; }

.x6 {
  font-size: 6rem !important; }

.x7 {
  font-size: 7rem !important; }

.x8 {
  font-size: 8rem !important; }

.x9 {
  font-size: 9rem !important; }

.x10 {
  font-size: 10rem !important; }

.texto-pequeno {
  font-size: 11px; }

.icono-titulo {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .icono-titulo i {
    display: inline-block; }
  .icono-titulo p {
    font-size: 20px;
    font-weight: normal;
    margin: 0; }

img.logo-peque {
  width: 35px; }

img.logo-mediano__principal {
  width: 150px;
  position: relative; }

img.logo-mediano {
  width: 200px;
  position: relative;
  top: 5px; }

img.logosvgInicio {
  width: 130px;
  position: relative;
  top: 3em; }

@media only screen and (min-width: 480px) {
  img.logo-mediano__principal {
    top: -4px; }
  img.logo-mediano {
    top: -5px; } }

img.logo-grande {
  width: 100px; }

.indicacionRequeridos {
  font-size: 14px; }

h3.texto-verdemarino.text-center {
  font-size: 2rem; }

h3.texto-azul-cashclick.text-center {
  font-size: 2rem; }

.deshabilitar {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  z-index: 1; }

.not-active {
  pointer-events: none;
  cursor: default; }

/*******************
  Sombras
*******************/
.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1, .btn-floating {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.z-depth-1-half {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.z-depth-3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

.z-depth-4 {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }

/*******************
  Texto color
*******************/
.texto-azul {
  color: #1c355e; }

h1.texto-azul,
h2.texto-azul,
h3.texto-azul,
h4.texto-azul,
h5.texto-azul,
h6.texto-azul {
  color: #1c355e !important; }

.texto-blanco {
  color: #ffffff; }

h1.texto-blanco,
h2.texto-blanco,
h3.texto-blanco,
h4.texto-blanco,
h5.texto-blanco,
h6.texto-blanco {
  color: #ffffff !important; }

.texto-negro {
  color: #000000; }

h1.texto-negro,
h2.texto-negro,
h3.texto-negro,
h4.texto-negro,
h5.texto-negro,
h6.texto-negro {
  color: #000000 !important; }

.texto-gris {
  color: #9E9E9E !important; }

h1.texto-gris,
h2.texto-gris,
h3.texto-gris,
h4.texto-gris,
h5.texto-gris,
h6.texto-gris {
  color: #9E9E9E !important; }

.texto-limon {
  color: #DBDF2D !important; }

h1.texto-limon,
h2.texto-limon,
h3.texto-limon,
h4.texto-limon,
h5.texto-limon,
h6.texto-limon {
  color: #DBDF2D !important; }

.texto-amarilloverdoso {
  color: #A4CD4C; }

h1.texto-amarilloverdoso,
h2.texto-amarilloverdoso,
h3.texto-amarilloverdoso,
h4.texto-amarilloverdoso,
h5.texto-amarilloverdoso,
h6.texto-amarilloverdoso {
  color: #A4CD4C !important; }

.texto-verdemarino {
  color: #64C49A; }

h1.texto-verdemarino,
h2.texto-verdemarino,
h3.texto-verdemarino,
h4.texto-verdemarino,
h5.texto-verdemarino,
h6.texto-verdemarino {
  color: #64C49A !important; }

.texto-lavanda {
  color: #7F99EB; }

h1.texto-lavanda,
h2.texto-lavanda,
h3.texto-lavanda,
h4.texto-lavanda,
h5.texto-lavanda,
h6.texto-lavanda {
  color: #7F99EB !important; }

.texto-azul-icon {
  color: #00B2E2; }

h1.texto-azul-icon,
h2.texto-azul-icon,
h3.texto-azul-icon,
h4.texto-azul-icon,
h5.texto-azul-icon,
h6.texto-azul-icon {
  color: #00B2E2 !important; }

.texto-azul-enlace {
  color: #54B9D8;
  border-bottom: 1px solid #54B9D8; }

h1.texto-azul-enlace,
h2.texto-azul-enlace,
h3.texto-azul-enlace,
h4.texto-azul-enlace,
h5.texto-azul-enlace,
h6.texto-azul-enlace {
  color: #54B9D8 !important; }

h1.subrayadoAzul,
h2.subrayadoAzul,
h3.subrayadoAzul,
h4.subrayadoAzul,
h5.subrayadoAzul,
h6.subrayadoAzul {
  border: 1px solid #54B9D8; }

.texto-azul-cashclick {
  color: #00B3F0; }

h1.texto-azul-cashclick,
h2.texto-azul-cashclick,
h3.texto-azul-cashclick,
h4.texto-azul-cashclick,
h5.texto-azul-cashclick,
h6.texto-azul-cashclick {
  color: #00B3F0 !important; }

.texto-azul-cashclick-ref {
  color: #00B3F0; }

h1.texto-azul-cashclick-ref,
h2.texto-azul-cashclick-ref,
h3.texto-azul-cashclick-ref,
h4.texto-azul-cashclick-ref,
h5.texto-azul-cashclick-ref,
h6.texto-azul-cashclick-ref {
  color: #00B3F0 !important;
  font-weight: bold; }

.texto-azul-ref {
  color: #1c355e; }

h1.texto-azul-ref,
h2.texto-azul-ref,
h3.texto-azul-ref,
h4.texto-azul-ref,
h5.texto-azul-ref,
h6.texto-azul-ref {
  color: #1c355e !important;
  font-weight: bold; }

.texto-cashclick {
  color: #ffffff; }

h1.texto-cashclick,
h2.texto-cashclick,
h3.texto-cashclick,
h4.texto-cashclick,
h5.texto-cashclick,
h6.texto-cashclick {
  background-color: #00B3F0;
  color: #ffffff !important;
  font-weight: bold;
  display: inline;
  -webkit-box-shadow: 1px 3px 0px 8px #00b4f0;
  box-shadow: 1px 3px 0px 8px #00b4f0;
  line-height: 24px; }

h1.span,
h2.span,
h3.span,
h4.span,
h5.span,
h6.span {
  font-size: 10px; }

.sub-texto-cashclick {
  background-color: #1c355e;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  position: relative;
  left: -7px;
  bottom: -1px; }

@media only screen and (min-width: 768px) {
  h1.texto-cashclick,
  h2.texto-cashclick,
  h3.texto-cashclick,
  h4.texto-cashclick,
  h5.texto-cashclick,
  h6.texto-cashclick {
    line-height: 1.4em;
    -webkit-box-shadow: 1px 3px 0px 12px #00b4f0;
    -moz-box-shadow: 1px 3px 0px 12px #00b4f0;
    box-shadow: 1px 3px 0px 12px #00b4f0; }
    h1.texto-cashclick.span,
    h2.texto-cashclick.span,
    h3.texto-cashclick.span,
    h4.texto-cashclick.span,
    h5.texto-cashclick.span,
    h6.texto-cashclick.span {
      font-size: 12px; }
  .sub-texto-cashclick {
    font-size: 12px;
    bottom: -12px;
    left: -11px;
    padding: 10px; } }

/*******************
  Background colores Cashclick
*******************/
.background-azul {
  background-color: #1c355e;
  color: #ffffff; }
  .background-azul h1,
  .background-azul h2,
  .background-azul h3,
  .background-azul h4,
  .background-azul h5,
  .background-azul h6 {
    color: #ffffff; }
  .background-azul a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-azul a:hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
  .background-azul i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-azul i.gigante.circular {
      color: #1c355e;
      font-size: 4rem;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 15px; }

.background-blanco {
  background-color: #ffffff;
  color: #000000; }
  .background-blanco h1,
  .background-blanco h2,
  .background-blanco h3,
  .background-blanco h4,
  .background-blanco h5,
  .background-blanco h6 {
    color: #000000; }
  .background-blanco a {
    color: #000000;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-blanco a:hover {
      color: #000000;
      border-bottom: 1px solid #000000; }
  .background-blanco i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-blanco i.gigante.circular {
      color: #ffffff;
      font-size: 4rem;
      background-color: #000000;
      border-radius: 50%;
      padding: 15px; }

.background-gris {
  background-color: #9E9E9E !important;
  color: #000000 !important; }
  .background-gris h1,
  .background-gris h2,
  .background-gris h3,
  .background-gris h4,
  .background-gris h5,
  .background-gris h6 {
    color: #000000; }
  .background-gris a {
    color: #000000;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-gris a:hover {
      color: #000000;
      border-bottom: 1px solid #000000; }
  .background-gris i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-gris i.gigante.circular {
      color: #9E9E9E;
      font-size: 4rem;
      background-color: #000000;
      border-radius: 50%;
      padding: 15px; }

.background-limon {
  background-color: #DBDF2D;
  color: #ffffff; }
  .background-limon h1,
  .background-limon h2,
  .background-limon h3,
  .background-limon h4,
  .background-limon h5,
  .background-limon h6 {
    color: #ffffff; }
  .background-limon a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-limon a:hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
  .background-limon i.gigante {
    font-size: 4rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-limon i.gigante.circular {
      color: #DBDF2D;
      font-size: 5rem;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 15px; }

.background-amarilloverdoso {
  background-color: #A4CD4C;
  color: #ffffff; }
  .background-amarilloverdoso h1,
  .background-amarilloverdoso h2,
  .background-amarilloverdoso h3,
  .background-amarilloverdoso h4,
  .background-amarilloverdoso h5,
  .background-amarilloverdoso h6 {
    color: #ffffff; }
  .background-amarilloverdoso a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-amarilloverdoso a:hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
  .background-amarilloverdoso i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-amarilloverdoso i.gigante.circular {
      color: #A4CD4C;
      font-size: 4rem;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 15px; }

.background-verdemarino {
  background-color: #64C49A;
  color: #ffffff; }
  .background-verdemarino h1,
  .background-verdemarino h2,
  .background-verdemarino h3,
  .background-verdemarino h4,
  .background-verdemarino h5,
  .background-verdemarino h6 {
    color: #ffffff; }
  .background-verdemarino a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-verdemarino a:hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
  .background-verdemarino i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-verdemarino i.gigante.circular {
      color: #64C49A;
      font-size: 4rem;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 15px; }

.background-lavanda {
  background-color: #7F99EB;
  color: #ffffff; }
  .background-lavanda h1,
  .background-lavanda h2,
  .background-lavanda h3,
  .background-lavanda h4,
  .background-lavanda h5,
  .background-lavanda h6 {
    color: #ffffff; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .background-lavanda h1,
      .background-lavanda h2,
      .background-lavanda h3,
      .background-lavanda h4,
      .background-lavanda h5,
      .background-lavanda h6 {
        font-size: 200%; } }
  .background-lavanda a {
    color: #000000;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-lavanda a:hover {
      color: #000000;
      border-bottom: 1px solid #000000; }
  .background-lavanda i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-lavanda i.gigante.circular {
      color: #0A365D;
      font-size: 4rem;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 15px; }

.background-gradient {
  background: #00A1D0;
  background: -webkit-linear-gradient(to right, #1D3680, #00A1D0);
  background: linear-gradient(to right, #1D3680, #00A1D0);
  color: #ffffff; }
  .background-gradient h1,
  .background-gradient h2,
  .background-gradient h3,
  .background-gradient h4,
  .background-gradient h5,
  .background-gradient h6 {
    color: #ffffff; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .background-gradient h1,
      .background-gradient h2,
      .background-gradient h3,
      .background-gradient h4,
      .background-gradient h5,
      .background-gradient h6 {
        font-size: 200%; } }
  .background-gradient a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .background-gradient a:hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
  .background-gradient i.gigante {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 5.5rem;
    height: 5.5rem; }
    .background-gradient i.gigante.circular {
      color: #0A365D;
      font-size: 4rem;
      background-color: #ffffff;
      border-radius: 50%;
      padding: 15px; }

/*******************
  Separadores
*******************/
.separador-cashclick {
  width: 100%;
  height: 1px;
  background: #00A3D4;
  /* background: -moz-linear-gradient(left, $limon-color 0%, $amarilloverdoso-color 33%, $verdemarino-color 66%, $lavanda-color 100%);
    background: -webkit-linear-gradient(left, $limon-color 0%, $amarilloverdoso-color 33%, $verdemarino-color 66%, $lavanda-color 100%);
    background: linear-gradient(to right, $limon-color 0%, $amarilloverdoso-color 33%, $verdemarino-color 66%, $lavanda-color 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdf2d', endColorstr='#00c1c6', GradientType=1); */
  margin-bottom: 10px; }

.separadorVertical-cashclick {
  width: 1px;
  height: 100%;
  background: #DBDF2D;
  background: -moz-linear-gradient(top, #DBDF2D 0%, #A4CD4C 33%, #64C49A 66%, #7F99EB 100%);
  background: -webkit-linear-gradient(top, #DBDF2D 0%, #A4CD4C 33%, #64C49A 66%, #7F99EB 100%);
  background: linear-gradient(to bottom, #DBDF2D 0%, #A4CD4C 33%, #64C49A 66%, #7F99EB 100%); }

/*******************
  Arcos pasos
*******************/
.pasos-prestamo {
  position: relative; }
  .pasos-prestamo .arcos {
    position: absolute;
    width: 100%;
    height: 80px;
    top: 0; }
    .pasos-prestamo .arcos i {
      font-size: 20rem;
      position: absolute;
      color: #DBDF2D; }
      @media screen and (max-width: 74.9375em) {
        .pasos-prestamo .arcos i {
          font-size: 16.5rem; } }
      .pasos-prestamo .arcos i.icon-arco-superior {
        top: 0;
        line-height: 0;
        left: 19.66%; }
      .pasos-prestamo .arcos i.icon-arco-inferior {
        bottom: -15px;
        line-height: 0;
        right: 19.66%; }
  .pasos-prestamo p {
    font-size: 20px;
    font-weight: normal; }
    .pasos-prestamo p span {
      margin-right: 10px;
      font-size: 32px;
      font-weight: bold; }

/*******************
  Parallax
*******************/
.parallax-container {
  position: relative;
  overflow: hidden;
  height: 300px; }
  .parallax-container.header {
    height: 500px; }
    .parallax-container.header .titulo-header {
      height: 100%; }
  .parallax-container .contenedor {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1; }
  .parallax-container .contenido {
    color: #929292;
    text-align: center; }
    .parallax-container .contenido h1,
    .parallax-container .contenido h2,
    .parallax-container .contenido h3,
    .parallax-container .contenido h4,
    .parallax-container .contenido h5,
    .parallax-container .contenido h6 {
      color: inherit; }
    .parallax-container .contenido .space-line {
      border-color: #ffffff; }

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }
  .parallax img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: translateX(-50%); }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .parallax img {
        max-width: initial;
        height: auto; } }

/*******************
  Contenedores
*******************/
.contenedor-menu {
  margin-top: 22px; }
  .contenedor-menu a {
    color: #ffffff;
    line-height: 3.2;
    margin-left: 2rem;
    border-bottom: 1px solid transparent; }
    .contenedor-menu a.hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
    .contenedor-menu a:hover {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
    .contenedor-menu a i {
      display: inline-block !important;
      font-size: 1rem !important;
      margin-left: 0.5rem; }
  .contenedor-menu .dropdown-pane {
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 1; }
    .contenedor-menu .dropdown-pane strong {
      display: block;
      margin-bottom: 0.5rem; }
    .contenedor-menu .dropdown-pane a {
      line-height: 1.5;
      margin-left: 0;
      display: table; }

.contenedor-texto-imagen {
  background-color: #ebebed; }

.solid {
  background-color: #00a6ba;
  color: #ffffff; }

/*******************
  HEADER
*******************/
.imagen-header {
  position: relative; }
  .imagen-header .imagen1 {
    background-image: url(../img/slider/prestamos_en_linea_cashclick1.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .imagen-header .imagen1 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .imagen-header .imagen2 {
    background-image: url(../img/slider/prestamos_en_linea_cashclick2.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .imagen-header .imagen2 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .imagen-header .imagen3 {
    background-image: url(../img/slider/prestamos_en_linea_cashclick3.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .imagen-header .imagen3 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .imagen-header .imagen4 {
    background-image: url(../img/slider/prestamos_en_linea_cashclick4.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .imagen-header .imagen4 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .imagen-header .imagen5 {
    background-image: url(../img/slider/cashclick_cosecha.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .imagen-header .imagen5 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }

.carrusel-capsula {
  position: relative; }
  .carrusel-capsula .imagen1 {
    background-image: url(../img/capsula/cashclick-capsulas-01.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 600px; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .carrusel-capsula .imagen1 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .carrusel-capsula .imagen2 {
    background-image: url(../img/capsula/cashclick-capsulas-02.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .carrusel-capsula .imagen2 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .carrusel-capsula .imagen3 {
    background-image: url(../img/capsula/cashclick-capsulas-03.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .carrusel-capsula .imagen3 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }
  .carrusel-capsula .imagen4 {
    background-image: url(../img/capsula/cashclick-capsulas-04.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 450px;
    width: 100%; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .carrusel-capsula .imagen4 {
        background-position: 30% 0;
        height: 250px;
        background-size: cover; } }

.contrata-ahora {
  display: inline-block; }

#sueldo,
#gasto,
#deuda,
#diferencia {
  width: 80%; }

#labelDeuda,
#labelDiferencia {
  font-size: 0.7rem;
  left: 1.7rem; }

/*******************
  NAVBAR
*******************/
.topbar-fixed {
  position: fixed;
  height: 60px;
  width: 100%;
  z-index: 998;
  background-color: #1c355e;
  color: #ffffff;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }
  .topbar-fixed.stick {
    top: 0;
    padding: 0; }
    .topbar-fixed.stick .brand-logo img {
      width: 100px; }
  .topbar-fixed .contenedor-elementos-topbar .right-section {
    position: relative; }
  .topbar-fixed a {
    border-bottom: 0; }

.topbar-relative {
  position: relative;
  height: 60px;
  width: 100%;
  z-index: 998;
  background-color: #1c355e;
  color: #ffffff;
  padding: 20px 0; }
  .topbar-relative.stick {
    top: 0; }
  .topbar-relative .contenedor-elementos-topbar .right-section {
    position: relative; }

/*******************
  Contacto
*******************/
/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: $dark-gray !important;
}*/
/*******************
  Footer
*******************/
footer {
  position: relative; }

.contenedorRedes {
  background-color: #ffffff;
  padding-top: 20px; }

p.ultimaVisita {
  color: #a7a7a7;
  margin-bottom: 3px;
  margin-top: 20px; }

.footer-base {
  background-color: #DCE3EB;
  padding: 20px 0;
  color: #000000; }
  @media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .footer-base {
      text-align: center; } }
  .footer-base p {
    margin-bottom: 0; }
  .footer-base img {
    width: 150px; }
  .footer-base h1,
  .footer-base h2,
  .footer-base h3,
  .footer-base h4,
  .footer-base h5,
  .footer-base h6 {
    color: #000000; }
  .footer-base a {
    display: inline-block;
    color: #000000;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .footer-base a:hover {
      color: #000000;
      border-bottom: 1px solid #00A3D4; }
    .footer-base a:focus {
      color: #000000;
      border-bottom: 1px solid #00A3D4; }
  .footer-base .conocenos img {
    width: 80px; }
    .footer-base .conocenos img.logoFooter {
      width: 70px;
      position: relative;
      bottom: 2px; }
  @media screen and (max-width: 63.9375em) {
    .footer-base .entidades {
      text-align: center; } }
  .footer-base .entidades a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent; }
  .footer-base .entidades img {
    width: 80px; }

.dropdown-custom button:hover {
  background-color: transparent; }

.dropdown-custom button i {
  margin-left: 0.5rem; }

/*******************
  LOGIN
*******************/
.contenedorPasos {
  position: relative;
  overflow: hidden;
  height: 180px; }
  @media screen and (max-width: 63.9375em) {
    .contenedorPasos {
      height: 240px; } }

/*******************
  SCROLL DOWN ICON
*******************/
.scroll-down-icon {
  position: absolute;
  bottom: 25px;
  z-index: 2;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  .scroll-down-icon a {
    display: block; }
    .scroll-down-icon a:hover {
      color: #ffffff; }
  .scroll-down-icon a span {
    font-size: 30px;
    display: block; }

/***********
Slider skip
************/
.skip {
  animation: Skip-slide ease-out 1.4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: Skip-slide ease-out 1.4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: Skip-slide ease-out 1.4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: Skip-slide ease-out 1.4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: Skip-slide ease-out 1.4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }

@keyframes Skip-slide {
  0% {
    transform: translate(0px, -1px); }
  49% {
    transform: translate(0px, -8px); }
  100% {
    transform: translate(0px, -1px); } }

@-moz-keyframes Skip-slide {
  0% {
    -moz-transform: translate(0px, -1px); }
  49% {
    -moz-transform: translate(0px, -8px); }
  100% {
    -moz-transform: translate(0px, -1px); } }

@-webkit-keyframes Skip-slide {
  0% {
    -webkit-transform: translate(0px, -1px); }
  49% {
    -webkit-transform: translate(0px, -8px); }
  100% {
    -webkit-transform: translate(0px, -1px); } }

@-o-keyframes Skip-slide {
  0% {
    -o-transform: translate(0px, -1px); }
  49% {
    -o-transform: translate(0px, -8px); }
  100% {
    -o-transform: translate(0px, -1px); } }

@-ms-keyframes Skip-slide {
  0% {
    -ms-transform: translate(0px, -1px); }
  49% {
    -ms-transform: translate(0px, -8px); }
  100% {
    -ms-transform: translate(0px, -1px); } }

.combo .dropdown-content li > span {
  color: #53565A; }

.cat {
  font-size: 18px; }

/***********
CALCULO PRESTAMO
************/
.calculoPrestamo input[type=text] {
  background-color: transparent;
  color: #1c355e;
  width: 100%;
  text-align: center;
  font-size: 40px;
  padding: 0;
  margin: 0; }
  .calculoPrestamo input[type=text]:focus:not([readonly]) {
    border: 0;
    box-shadow: none; }

.calculoPrestamo .calculoSliders h1,
.calculoPrestamo .calculoSliders h2,
.calculoPrestamo .calculoSliders h3,
.calculoPrestamo .calculoSliders h4,
.calculoPrestamo .calculoSliders h5,
.calculoPrestamo .calculoSliders h6 {
  margin-bottom: 20px; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .calculoPrestamo .calculoSliders h1,
    .calculoPrestamo .calculoSliders h2,
    .calculoPrestamo .calculoSliders h3,
    .calculoPrestamo .calculoSliders h4,
    .calculoPrestamo .calculoSliders h5,
    .calculoPrestamo .calculoSliders h6 {
      margin-bottom: 10px; } }

.calculoPrestamo .campo {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 48em) {
    .calculoPrestamo .campo {
      flex-direction: row; } }

.calculoPrestamo .contenedorPagar .select-wrapper,
.calculoPrestamo .contenedorPrestamo .select-wrapper {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .calculoPrestamo .contenedorPagar .select-wrapper span,
  .calculoPrestamo .contenedorPrestamo .select-wrapper span {
    position: relative;
    margin-left: 10px;
    color: #9E9E9E; }
    .calculoPrestamo .contenedorPagar .select-wrapper span.caret:before,
    .calculoPrestamo .contenedorPrestamo .select-wrapper span.caret:before {
      content: "\e909";
      font-family: 'cashclick'; }
  .calculoPrestamo .contenedorPagar .select-wrapper input.select-dropdown,
  .calculoPrestamo .contenedorPrestamo .select-wrapper input.select-dropdown {
    background-color: transparent;
    color: #1c355e;
    font-size: 40px;
    margin: 0;
    border: 0; }
  .calculoPrestamo .contenedorPagar .select-wrapper .dropdown-content,
  .calculoPrestamo .contenedorPrestamo .select-wrapper .dropdown-content {
    width: 100% !important;
    left: 0 !important; }

.calculoPrestamo .input-field {
  margin-top: 0; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .calculoPrestamo .input-field select {
      background-color: transparent;
      color: #1c355e;
      font-size: 40px;
      width: auto;
      margin: 0 auto; } }

.calculoPrestamo .calculoResultado {
  line-height: 1;
  margin: 40px 0;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  font-weight: normal; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .calculoPrestamo .calculoResultado {
      display: block;
      text-align: center;
      margin: 30px 0;
      text-align: center; }
      .calculoPrestamo .calculoResultado .right-align {
        text-align: center; } }
  .calculoPrestamo .calculoResultado .button {
    margin: 0; }
    .calculoPrestamo .calculoResultado .button img {
      margin-right: 10px;
      height: 72px; }
  .calculoPrestamo .calculoResultado label,
  .calculoPrestamo .calculoResultado span {
    color: #1c355e; }
  .calculoPrestamo .calculoResultado .titulo {
    font-size: 24px;
    text-align: center; }
  .calculoPrestamo .calculoResultado .plazo {
    font-size: 24px; }
  .calculoPrestamo .calculoResultado .pago {
    font-size: 64px;
    display: inline-flex; }
    .calculoPrestamo .calculoResultado .pago span {
      font-size: 30px; }
  .calculoPrestamo .calculoResultado .total {
    font-weight: lighter; }

.calculoPrestamo .calculoCondiciones {
  font-weight: normal; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .calculoPrestamo .calculoCondiciones {
      text-align: center;
      width: 85%;
      margin: 0 auto; }
      .calculoPrestamo .calculoCondiciones .float-left,
      .calculoPrestamo .calculoCondiciones .float-right {
        float: none !important; } }
  .calculoPrestamo .calculoCondiciones label,
  .calculoPrestamo .calculoCondiciones span {
    color: #9E9E9E; }
  .calculoPrestamo .calculoCondiciones label {
    font-weight: bold; }

/***********
RANGE SLIDER
************/
/* Custom */
#quiero.noUi-connect {
  background-color: #7F99EB; }

#quiero .noUi-handle {
  background-color: #7F99EB; }

#pagar.noUi-connect {
  background-color: #64C49A; }

#pagar .noUi-handle {
  background-color: #64C49A; }

#durante.noUi-connect {
  background-color: #A4CD4C; }

#durante .noUi-handle {
  background-color: #A4CD4C; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px;
  margin-top: 30px; }

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: -10px;
  top: -7px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-background {
  background: #E1E1E1; }

.noUi-connect {
  background: #1c355e;
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 0px; }

.noUi-target {
  border-radius: 0px;
  border: 0px solid #D3D3D3;
  font-size: 0.8rem; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  background: #1c355e;
  cursor: pointer; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: -47px;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
  display: none; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  padding-left: 25px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border-radius: 3px;
  background: #E1E1E1;
  padding: 5px;
  text-align: center; }

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px; }

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px; }

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%; }

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%; }

/***********
progressbar
************/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  text-align: center;
  display: flex; }

#progressbar li {
  list-style-type: none;
  color: #1c355e;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative; }

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  line-height: 30px;
  display: block;
  font-size: 10px;
  color: #ffffff;
  background: #E1E1E1;
  border-radius: 50%;
  margin: 0 auto 5px auto;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }

/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 5px;
  background: #E1E1E1;
  position: absolute;
  left: -50%;
  top: 12px;
  z-index: -1;
  /*put it behind the numbers*/ }

#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; }

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: #1c355e;
  color: #ffffff; }

/***********
MEDIDOR CIRCULO
************/
.circuloProgreso {
  width: 110px;
  height: 110px;
  position: relative;
  display: inline-block; }
  .circuloProgreso p {
    margin-bottom: 0;
    font-size: 0.6rem; }
  .circuloProgreso .progressbar-text {
    width: 75%; }

.contenedor-label-componentes {
  margin-top: -0.2rem; }
  .contenedor-label-componentes label {
    color: #333333;
    font-size: 0.8rem;
    display: block; }
  .contenedor-label-componentes p {
    height: 2.5rem;
    margin-bottom: 15px; }

body.windowsPhone {
  background-color: aqua; }

body.android {
  background-color: greenyellow; }

body.apple {
  background-color: cornflowerblue; }

body.windowsPhone .input-field input[type="date"] ~ label, body.android .input-field input[type="date"] ~ label, body.apple .input-field input[type="date"] ~ label {
  font-size: 0.8rem;
  left: .9375rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%); }

/***********
acceso desde Home
************/
.modoNousuario .contactarCashclick {
  position: absolute;
  right: 220px; }
  .modoNousuario .contactarCashclick .telefono {
    display: inline-block;
    padding-top: 5px; }
    .modoNousuario .contactarCashclick .telefono label {
      display: block;
      font-size: 1rem;
      color: #06c1c6;
      line-height: 1; }
    .modoNousuario .contactarCashclick .telefono div {
      display: inline-block;
      text-align: right; }
    .modoNousuario .contactarCashclick .telefono a {
      color: #ffffff;
      border: 0;
      font-size: 24px;
      line-height: 24px; }
      .modoNousuario .contactarCashclick .telefono a:hover, .modoNousuario .contactarCashclick .telefono a:focus {
        border-bottom: 1px solid #ffffff; }
    .modoNousuario .contactarCashclick .telefono span {
      color: #ffffff;
      border: 0;
      font-size: 24px;
      line-height: 24px; }
  .modoNousuario .contactarCashclick .button {
    margin-top: -32px;
    margin-left: 20px;
    font-size: 1rem; }

.modoNousuario .acceso {
  background-color: #ffffff;
  position: absolute;
  right: 0;
  color: #1c355e;
  height: 100%;
  width: 200px;
  padding: 0px 0px 0px 15px; }
  .modoNousuario .acceso:before {
    background: #dbdf2d;
    background: -moz-linear-gradient(top, #4c63e6 0%, #4c63e6 24%, #5b59d1 25%, #5b59d1 49%, #76bcc6 50%, #76bcc6 74%, #57bec4 75%, #57bec4 100%);
    background: -webkit-linear-gradient(top, #4c63e6 0%, #4c63e6 24%, #5b59d1 25%, #5b59d1 49%, #76bcc6 50%, #76bcc6 74%, #57bec4 75%, #57bec4 100%);
    background: linear-gradient(to bottom, #4c63e6 0%, #4c63e6 24%, #5b59d1 25%, #5b59d1 49%, #76bcc6 50%, #76bcc6 74%, #57bec4 75%, #57bec4 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    content: ''; }
  .modoNousuario .acceso a {
    line-height: 3.8;
    font-weight: normal;
    border: 0;
    color: #06c1c6; }
    .modoNousuario .acceso a:hover {
      border: 0; }
    .modoNousuario .acceso a i {
      vertical-align: middle;
      margin: 0 10px;
      background-color: #00A3D4;
      color: #ffffff;
      border-radius: 50%;
      font-size: 2.5rem;
      padding: 2px; }

.contactarCashclick-mobile {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .contactarCashclick-mobile.blog {
    right: 9rem; }
  .contactarCashclick-mobile.llamar {
    right: 5rem; }
  .contactarCashclick-mobile.sesion {
    right: 1rem; }
  .contactarCashclick-mobile:hover {
    border-bottom: 0; }
  .contactarCashclick-mobile i {
    font-size: 2.7rem;
    height: 2.7rem;
    color: #ffffff; }

/***********
Opciones usuario Home privada
************/
.modoUsuario .contactarCashclick {
  position: absolute;
  right: 400px; }
  @media screen and (max-width: 63.9375em) {
    .modoUsuario .contactarCashclick {
      right: 325px; } }
  .modoUsuario .contactarCashclick .telefono {
    display: inline-block;
    padding-top: 5px; }
    .modoUsuario .contactarCashclick .telefono label {
      display: block;
      font-size: 1rem;
      color: #06c1c6;
      line-height: 1; }
    .modoUsuario .contactarCashclick .telefono div {
      display: inline-block;
      text-align: right; }
    .modoUsuario .contactarCashclick .telefono a {
      color: #ffffff;
      border: 0;
      font-size: 24px;
      line-height: 24px; }
      .modoUsuario .contactarCashclick .telefono a:hover, .modoUsuario .contactarCashclick .telefono a:focus {
        border-bottom: 1px solid #ffffff; }
    .modoUsuario .contactarCashclick .telefono span {
      color: #ffffff;
      border: 0;
      font-size: 24px;
      line-height: 24px; }
  .modoUsuario .contactarCashclick .buscador {
    display: inline-block;
    float: right;
    margin: 0 10px;
    position: relative; }
    .modoUsuario .contactarCashclick .buscador .input-field {
      margin-top: 0.5rem; }
      .modoUsuario .contactarCashclick .buscador .input-field input {
        background-color: transparent;
        color: #ffffff;
        width: calc(100% - 40px);
        padding: 0 30px 0 10px; }
      .modoUsuario .contactarCashclick .buscador .input-field label {
        color: #ffffff; }
      .modoUsuario .contactarCashclick .buscador .input-field span {
        color: #ffffff; }
    .modoUsuario .contactarCashclick .buscador .iconoBuscar {
      position: relative;
      right: 0; }
      .modoUsuario .contactarCashclick .buscador .iconoBuscar i {
        line-height: 60px; }
    .modoUsuario .contactarCashclick .buscador .posfixAutocomplete {
      position: absolute;
      top: 15px;
      right: 0; }
  .modoUsuario .contactarCashclick .buscadorMovil {
    display: inline-block; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .modoUsuario .contactarCashclick .buscadorMovil {
        position: absolute;
        top: 44px;
        left: 130px; } }
    .modoUsuario .contactarCashclick .buscadorMovil .input-field {
      margin-top: 0.5rem; }
      .modoUsuario .contactarCashclick .buscadorMovil .input-field input {
        background-color: transparent;
        color: #ffffff; }
      .modoUsuario .contactarCashclick .buscadorMovil .input-field label {
        color: #ffffff; }
      .modoUsuario .contactarCashclick .buscadorMovil .input-field span {
        color: #ffffff; }

.modoUsuario .contactarCashclick-mobile.llamar {
  right: 11.5rem; }

.modoUsuario .contactarCashclick-mobile.buscar {
  right: 9rem; }

.modoUsuario .opcionesUsuario {
  background-color: #ffffff;
  position: absolute;
  right: 0;
  color: #1c355e;
  height: 100%;
  width: 389px;
  padding: 0 0 0 20px; }
  .modoUsuario .opcionesUsuario.menuMovil {
    background-color: transparent;
    width: 144px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .modoUsuario .opcionesUsuario.menuMovil:before {
      display: none; }
    .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper {
      width: auto; }
      .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper ul li:hover ul {
        display: block; }
      .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper ul li a {
        padding: 18px 0px 18px 60px !important; }
        .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper ul li a i {
          font-size: 2.5rem !important;
          top: 8px !important; }
      .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper ul li ul {
        position: absolute;
        width: 200px;
        left: -138px; }
        .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper ul li ul li a {
          padding: 10px 10px !important; }
      .modoUsuario .opcionesUsuario.menuMovil .nav-wrapper.notificaciones ul li a i {
        background-color: transparent; }
  @media screen and (max-width: 63.9375em) {
    .modoUsuario .opcionesUsuario {
      width: 325px; } }
  .modoUsuario .opcionesUsuario:before {
    background: #dbdf2d;
    background: -moz-linear-gradient(top, #4c63e6 0%, #4c63e6 24%, #5b59d1 25%, #5b59d1 49%, #76bcc6 50%, #76bcc6 74%, #57bec4 75%, #57bec4 100%);
    background: -webkit-linear-gradient(top, #4c63e6 0%, #4c63e6 24%, #5b59d1 25%, #5b59d1 49%, #76bcc6 50%, #76bcc6 74%, #57bec4 75%, #57bec4 100%);
    background: linear-gradient(to bottom, #4c63e6 0%, #4c63e6 24%, #5b59d1 25%, #5b59d1 49%, #76bcc6 50%, #76bcc6 74%, #57bec4 75%, #57bec4 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    content: ''; }
  .modoUsuario .opcionesUsuario .nav-wrapper {
    display: inline-block;
    width: 50%;
    float: left; }
    .modoUsuario .opcionesUsuario .nav-wrapper ul li {
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      border-top: 0;
      border-bottom: 0;
      width: 100%; }
      .modoUsuario .opcionesUsuario .nav-wrapper ul li:hover {
        background-color: transparent;
        border-left: 1px solid #9E9E9E;
        border-right: 1px solid #9E9E9E;
        border-top: 0;
        border-bottom: 0; }
      .modoUsuario .opcionesUsuario .nav-wrapper ul li a {
        color: #06c1c6;
        height: 60px;
        line-height: 1;
        padding: 13px 15px 13px 64px;
        position: relative; }
        @media screen and (max-width: 63.9375em) {
          .modoUsuario .opcionesUsuario .nav-wrapper ul li a {
            font-size: 14px;
            padding: 18px 0px 18px 60px; } }
        .modoUsuario .opcionesUsuario .nav-wrapper ul li a i {
          font-size: 2.5rem;
          display: initial;
          margin-left: 0;
          position: absolute;
          left: 10px;
          top: 8px; }
          .modoUsuario .opcionesUsuario .nav-wrapper ul li a i span.contador {
            padding: 0;
            color: inherit;
            cursor: pointer;
            position: absolute;
            background: #F33;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            font-size: 12px;
            text-align: center;
            line-height: 20px;
            font-family: "Lato", sans-serif;
            top: -5px;
            right: -5px; }
            .modoUsuario .opcionesUsuario .nav-wrapper ul li a i span.contador:after {
              display: none; }
        .modoUsuario .opcionesUsuario .nav-wrapper ul li a span.tituloMenu {
          padding: 0;
          color: inherit;
          cursor: pointer;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          .modoUsuario .opcionesUsuario .nav-wrapper ul li a span.tituloMenu:after {
            display: none; }
      .modoUsuario .opcionesUsuario .nav-wrapper ul li ul {
        background-color: #ffffff;
        width: calc(100% + 2px);
        margin-left: -1px;
        -webkit-box-shadow: 2px 3px 4px 0px rgba(78, 78, 78, 0.2);
        -moz-box-shadow: 2px 3px 4px 0px rgba(78, 78, 78, 0.2);
        box-shadow: 2px 3px 4px 0px rgba(78, 78, 78, 0.2); }
        .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li {
          border-left: 1px solid #9E9E9E;
          border-right: 1px solid #9E9E9E;
          border-top: 0;
          border-bottom: 0; }
          .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li:hover {
            background-color: #0A365D;
            border-left: 1px solid #0A365D;
            border-right: 1px solid #0A365D;
            border-top: 0;
            border-bottom: 0; }
            .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li:hover a {
              color: #ffffff; }
          .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li:last-child {
            border-left: 1px solid #9E9E9E;
            border-right: 1px solid #9E9E9E;
            border-top: 0;
            border-bottom: 1px solid #9E9E9E; }
          .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li a {
            color: #333333;
            height: auto;
            padding: 10px 10px;
            text-align: left; }
            .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li a span {
              display: block;
              padding: 0;
              color: inherit;
              cursor: inherit;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              .modoUsuario .opcionesUsuario .nav-wrapper ul li ul li a span:after {
                content: ''; }
    .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li a {
      line-height: 32px; }
      @media screen and (max-width: 63.9375em) {
        .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li a {
          padding: 16px 10px 16px 50px; } }
      .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li a i {
        font-size: 1.8rem;
        top: 14px; }
    .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li ul li a {
      line-height: 1;
      font-size: 14px;
      padding: 10px 10px; }
    .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li ul li span:hover {
      color: #ffffff; }
    .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li .leida {
      background-color: #f1f1f1; }
      .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li .leida:hover {
        color: #ffffff;
        background-color: #0A365D; }
    .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li .botonVerTodo {
      padding: 5px 10px; }
      .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li .botonVerTodo:hover {
        background-color: #ffffff; }
      .modoUsuario .opcionesUsuario .nav-wrapper.notificaciones ul li .botonVerTodo a {
        color: #ffffff;
        text-align: center; }
  .modoUsuario .opcionesUsuario a {
    line-height: 3.8;
    font-weight: normal;
    border: 0; }
    .modoUsuario .opcionesUsuario a:hover {
      border: 0; }
    .modoUsuario .opcionesUsuario a i {
      vertical-align: middle;
      margin: 0 10px;
      background-color: #00A3D4;
      color: #ffffff;
      border-radius: 50%;
      font-size: 2.5rem;
      padding: 2px; }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  .modoUsuario .buscadorMovil {
    position: absolute;
    top: 44px;
    left: 130px; } }

/***********
Address
************/
address {
  font-style: normal; }

/***********
Formulario
************/
.variosInputs {
  margin-top: 1rem; }
  .variosInputs .literalForm {
    color: #9E9E9E; }
  .variosInputs .input-field {
    margin-top: 0; }
  .variosInputs.con-mensaje {
    margin-bottom: 1rem;
    position: relative; }
  .variosInputs .mensaje {
    position: absolute;
    color: #F33;
    font-size: 12px;
    font-weight: normal;
    margin-top: -15px;
    display: block;
    bottom: 0; }

.input-field.con-mensaje {
  margin-bottom: 1rem; }

.input-field .mensaje {
  position: absolute;
  color: #F33;
  font-size: 12px;
  font-weight: normal;
  margin-top: -15px;
  display: block; }
  .input-field .mensaje.sobreAncho {
    width: 200%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50% !important; }

.input-field.contrasena:focus {
  outline: none; }

.mensaje-error {
  display: block;
  clear: both;
  font-size: 12px;
  color: #F33;
  line-height: 1; }

.literalForm {
  font-size: 0.8rem;
  color: #333333;
  font-weight: normal; }

.captchacashclick div:nth-child(1) {
  margin: 0 auto; }

.inputcashclick input[type=text],
.inputcashclick input[type=password],
.inputcashclick input[type=email],
.inputcashclick input[type=url],
.inputcashclick input[type=time],
.inputcashclick input[type=date],
.inputcashclick input[type=datetime-local],
.inputcashclick input[type=tel],
.inputcashclick input[type=number],
.inputcashclick input[type=search],
.inputcashclick textarea.materialize-textarea {
  width: calc(100% - 60px);
  padding: 0 50px 0 10px; }

.textareaCashclick {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  user-select: text; }

.modal-form .input-field label {
  left: 0; }
  .modal-form .input-field label.active {
    left: 0; }

.modal-form .input-field textarea ~ label {
  top: 0; }

/*******************
  Flujo contratación
*******************/
.felicitacion h4,
.felicitacion h3 {
  display: inline-block;
  margin-bottom: 0; }

.felicitacion img {
  width: 90px;
  position: relative;
  top: -28px; }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  .felicitacion h3 {
    text-align: left;
    font-size: 2rem; } }

.verificaPrestamo {
  position: relative;
  background-color: #f1f1f1;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .verificaPrestamo .top {
    background-color: #E1E1E1;
    padding-top: 30px; }
    @media screen and (max-width: 63.9375em) {
      .verificaPrestamo .top {
        padding-top: 15px; } }
  .verificaPrestamo .pagoMensual {
    color: #1c355e;
    font-weight: normal;
    font-size: 40px;
    padding-bottom: 10px; }
  .verificaPrestamo .lineaMeta {
    display: block;
    height: 4px;
    background-color: #7F99EB;
    width: 80%;
    margin: 10px auto;
    margin-top: -19px;
    position: relative; }
    .verificaPrestamo .lineaMeta:before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: -8px;
      background-color: #7F99EB; }
    .verificaPrestamo .lineaMeta:after {
      content: '';
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: -20px;
      background-color: #ffffff;
      background-image: url(../img/cashclick-cc.png);
      background-repeat: no-repeat;
      background-size: 50%;
      background-position: 50% 50%; }
  .verificaPrestamo.home p.titulo {
    margin-left: 20px;
    margin-bottom: 5px;
    text-align: left; }
    .verificaPrestamo.home p.titulo.tituloMoratorio {
      color: #F33; }
  .verificaPrestamo.home .calculoDetalle {
    margin-top: 0; }
  .verificaPrestamo .calculoDetalle {
    border: 1px solid #64C49A;
    padding: 20px;
    margin: 20px 20px 0 20px;
    text-align: left; }
    @media screen and (max-width: 63.9375em) {
      .verificaPrestamo .calculoDetalle {
        margin: 20px 10px 0 10px; } }
    .verificaPrestamo .calculoDetalle .separadorVertical-cashclick {
      height: 90px;
      position: absolute;
      left: 12%;
      top: 0; }
      @media screen and (max-width: 63.9375em) {
        .verificaPrestamo .calculoDetalle .separadorVertical-cashclick {
          visibility: hidden; } }
    .verificaPrestamo .calculoDetalle .suma {
      color: #9E9E9E;
      display: flex;
      display: -ms-flexbox;
      justify-content: space-between;
      -ms-flex-pack: justify;
      align-items: center;
      -ms-flex-align: center; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .verificaPrestamo .calculoDetalle .suma {
          display: block; } }
      .verificaPrestamo .calculoDetalle .suma .elemento {
        display: inline-block; }
        @media screen and (min-width: 0em) and (max-width: 47.9375em) {
          .verificaPrestamo .calculoDetalle .suma .elemento {
            display: flex;
            justify-content: space-between;
            align-items: center; } }
        .verificaPrestamo .calculoDetalle .suma .elemento p {
          margin-bottom: 0;
          font-size: 18px; }
          @media screen and (max-width: 47.9375em) {
            .verificaPrestamo .calculoDetalle .suma .elemento p {
              width: 50%;
              display: inline-block; } }
          @media screen and (max-width: 63.9375em) {
            .verificaPrestamo .calculoDetalle .suma .elemento p {
              font-size: 12px; } }
        .verificaPrestamo .calculoDetalle .suma .elemento label {
          color: #1c355e;
          font-weight: normal;
          font-size: 24px; }
          @media screen and (max-width: 47.9375em) {
            .verificaPrestamo .calculoDetalle .suma .elemento label {
              width: 50%;
              display: inline-block;
              text-align: right;
              float: right; } }
          @media screen and (max-width: 63.9375em) {
            .verificaPrestamo .calculoDetalle .suma .elemento label {
              font-size: 18px; } }
      .verificaPrestamo .calculoDetalle .suma span {
        font-weight: normal;
        font-size: 40px; }
        @media screen and (max-width: 63.9375em) {
          .verificaPrestamo .calculoDetalle .suma span {
            font-size: 20px; } }
    .verificaPrestamo .calculoDetalle.moratorio .suma {
      position: relative;
      display: none; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .verificaPrestamo .calculoDetalle.moratorio .suma {
          display: inline-block;
          width: 50%;
          float: left; } }
      .verificaPrestamo .calculoDetalle.moratorio .suma .elemento {
        width: 12%; }
        @media screen and (min-width: 0em) and (max-width: 47.9375em) {
          .verificaPrestamo .calculoDetalle.moratorio .suma .elemento {
            width: 100%;
            display: inline-block;
            line-height: 1; } }
        .verificaPrestamo .calculoDetalle.moratorio .suma .elemento p {
          font-size: 16px;
          line-height: 16px; }
          @media screen and (max-width: 47.9375em) {
            .verificaPrestamo .calculoDetalle.moratorio .suma .elemento p {
              width: 100%; } }
          @media screen and (max-width: 63.9375em) {
            .verificaPrestamo .calculoDetalle.moratorio .suma .elemento p {
              font-size: 12px; } }
        .verificaPrestamo .calculoDetalle.moratorio .suma .elemento label {
          font-size: 18px;
          width: 50%; }
          @media screen and (max-width: 47.9375em) {
            .verificaPrestamo .calculoDetalle.moratorio .suma .elemento label {
              float: none;
              width: 100%; } }
    .verificaPrestamo .calculoDetalle.moratorio .montos {
      display: flex;
      display: -ms-flexbox; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .verificaPrestamo .calculoDetalle.moratorio .montos {
          display: inline-block;
          width: 50%;
          float: left;
          text-align: right; } }
      .verificaPrestamo .calculoDetalle.moratorio .montos .separadorVertical-cashclick {
        visibility: hidden; }
      .verificaPrestamo .calculoDetalle.moratorio .montos span {
        visibility: hidden; }
      .verificaPrestamo .calculoDetalle.moratorio .montos .total {
        text-align: right; }
        .verificaPrestamo .calculoDetalle.moratorio .montos .total label {
          color: #F33;
          float: right;
          width: auto; }
    .verificaPrestamo .calculoDetalle.moratorio .contenedorDetalle .detalle:first-child .suma {
      display: flex;
      display: -ms-flexbox; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .verificaPrestamo .calculoDetalle.moratorio .contenedorDetalle .detalle:first-child .suma {
          display: inline-block; } }
    .verificaPrestamo .calculoDetalle.moratorio .contenedorDetalle .detalle .space-line {
      padding-top: 15px;
      margin: 20px auto; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .verificaPrestamo .calculoDetalle.moratorio .contenedorDetalle .detalle:last-child .space-line {
        display: none; } }
    .verificaPrestamo .calculoDetalle.moratorio .pagoRealizado {
      width: 36%;
      float: right; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .verificaPrestamo .calculoDetalle.moratorio .pagoRealizado {
          width: 100%; } }
      .verificaPrestamo .calculoDetalle.moratorio .pagoRealizado label {
        color: #000000;
        font-size: 18px;
        width: 49%;
        text-align: right;
        display: inline-block;
        float: right; }
        @media screen and (max-width: 63.9375em) {
          .verificaPrestamo .calculoDetalle.moratorio .pagoRealizado label {
            font-size: 18px; } }
      .verificaPrestamo .calculoDetalle.moratorio .pagoRealizado p {
        display: inline-block;
        width: 48%; }
        @media screen and (max-width: 63.9375em) {
          .verificaPrestamo .calculoDetalle.moratorio .pagoRealizado p {
            font-size: 14px; } }
    .verificaPrestamo .calculoDetalle.moratorio .resultado {
      color: #F33;
      width: 36%;
      float: right; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .verificaPrestamo .calculoDetalle.moratorio .resultado {
          width: 100%; } }
      .verificaPrestamo .calculoDetalle.moratorio .resultado label {
        color: #F33;
        font-size: 18px;
        width: 49%;
        text-align: right;
        display: inline-block;
        float: right; }
        @media screen and (max-width: 63.9375em) {
          .verificaPrestamo .calculoDetalle.moratorio .resultado label {
            font-size: 18px; } }
      .verificaPrestamo .calculoDetalle.moratorio .resultado p {
        display: inline-block;
        width: 48%; }
        @media screen and (max-width: 63.9375em) {
          .verificaPrestamo .calculoDetalle.moratorio .resultado p {
            font-size: 14px; } }
    @media screen and (max-width: 56.25em) {
      .verificaPrestamo .calculoDetalle .contenedorTabla {
        overflow: auto; } }
    .verificaPrestamo .calculoDetalle .contenedorTabla table tbody td.moratorio {
      color: #F33; }
    .verificaPrestamo .calculoDetalle .contenedorTabla table tbody tr td:last-child {
      color: #ffffff;
      background-color: #7F99EB; }
    .verificaPrestamo .calculoDetalle .contenedorTabla table tbody tr:nth-child(even) td:last-child {
      background-color: #6f8de9; }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  .contenedorTabla {
    overflow: auto; } }

.contenedorTabla table tbody td.moratorio {
  color: #F33; }

.contenedorTabla table tbody tr td:last-child {
  color: #ffffff;
  background-color: #7F99EB; }

.contenedorTabla table tbody tr:nth-child(even) td:last-child {
  background-color: #6f8de9; }

.numeros span {
  font-size: 24px;
  font-weight: normal;
  color: #64C49A; }

.contenedorDocumentos {
  background-color: #E1E1E1;
  padding: 5px;
  height: 300px;
  position: relative; }
  .contenedorDocumentos .contenedorZonas.selfie .zonaDrag, .contenedorDocumentos .contenedorZonas.identificacion .zonaDrag, .contenedorDocumentos .contenedorZonas.comprobante .zonaDrag {
    background-color: #f7f7f7;
    border: 2px dashed #9E9E9E;
    height: 100%;
    overflow: hidden;
    position: relative; }
    .contenedorDocumentos .contenedorZonas.selfie .zonaDrag label, .contenedorDocumentos .contenedorZonas.identificacion .zonaDrag label, .contenedorDocumentos .contenedorZonas.comprobante .zonaDrag label {
      position: absolute;
      left: 50%;
      top: 16%;
      color: black;
      text-shadow: white 1px 1px 0px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .contenedorDocumentos .contenedorZonas.selfie .zonaDrag .contenedorPreloader, .contenedorDocumentos .contenedorZonas.identificacion .zonaDrag .contenedorPreloader, .contenedorDocumentos .contenedorZonas.comprobante .zonaDrag .contenedorPreloader {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }
  .contenedorDocumentos .contenedorZonas.selfie .zonaBotones, .contenedorDocumentos .contenedorZonas.identificacion .zonaBotones, .contenedorDocumentos .contenedorZonas.comprobante .zonaBotones {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  .contenedorDocumentos .contenedorZonas.selfie img.img-documentos, .contenedorDocumentos .contenedorZonas.identificacion img.img-documentos, .contenedorDocumentos .contenedorZonas.comprobante img.img-documentos {
    position: absolute;
    top: 0;
    left: 0; }
  .contenedorDocumentos .contenedorZonas.selfie .zonaDrag .imagenSelfie {
    position: relative; }
    .contenedorDocumentos .contenedorZonas.selfie .zonaDrag .imagenSelfie img {
      width: auto;
      height: 190px; }
    .contenedorDocumentos .contenedorZonas.selfie .zonaDrag .imagenSelfie .fraseAleatoria {
      position: absolute;
      bottom: 12px;
      color: #7F99EB;
      font-size: 28px;
      left: 50%;
      background-color: white;
      font-family: 'Pangolin', cursive;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
  .contenedorDocumentos .contenedorZonas.selfie .zonaBotones {
    height: 100px; }
  .contenedorDocumentos .contenedorZonas.identificacion {
    position: relative;
    height: calc(50% - 3px); }
    .contenedorDocumentos .contenedorZonas.identificacion .zonaDrag img {
      opacity: 0.2; }
    .contenedorDocumentos .contenedorZonas.identificacion:first-child {
      margin-bottom: 6px; }
    .contenedorDocumentos .contenedorZonas.identificacion .zonaBotones {
      height: 50px; }
  .contenedorDocumentos .contenedorZonas.comprobante {
    position: relative;
    height: 100%; }
    .contenedorDocumentos .contenedorZonas.comprobante .zonaDrag img {
      opacity: 0.2; }
    .contenedorDocumentos .contenedorZonas.comprobante .zonaBotones {
      height: 64px; }
  .contenedorDocumentos .contenedorZonas .zonaBotones .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .contenedorDocumentos .subidaCorrecta {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #3CB9A1;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 10px; }
    .contenedorDocumentos .subidaCorrecta i {
      line-height: 40px; }

.fraseAleatoriaComponent {
  color: #7F99EB;
  font-size: 48px;
  background-color: transparent;
  font-family: 'Pangolin', cursive;
  -webkit-transform: translateY(-196%);
  -moz-transform: translateY(-196%);
  -ms-transform: translateY(-196%);
  -o-transform: translateY(-196%);
  transform: translateY(-196%); }
  @media screen and (max-width: 640px) {
    .fraseAleatoriaComponent {
      font-size: 100%; } }

input.checkDocs {
  margin-left: 5px; }

label.labelDocs {
  padding-left: 25px; }

label.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  width: 290px;
  text-overflow: ellipsis; }
  @media only screen and (min-width: 364px) {
    label.ellipsis {
      width: auto; } }

/*******************
Tomar selfie popup
*******************/
.selfieModal div.ngdialog-content {
  padding: 0 !important; }

.selfieEnVivo {
  margin-top: 15px; }
  .selfieEnVivo video {
    width: 100%;
    height: 100%; }

.selfiePrevisualizacion {
  background-color: #f7f7f7;
  width: 100%;
  background-image: url(../img/selfie.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50%; }

.botonesSelfie span i {
  line-height: 1.5;
  margin-right: 10px; }

.botonesSelfie button {
  padding: 0.5em; }

/*******************
  Tabs cashclick
*******************/
.tabsAnchor {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-end;
  -ms-flex-align: end;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .tabsAnchor {
      display: block; } }
  .tabsAnchor a {
    background-color: #E1E1E1;
    color: #333333;
    border-bottom: 0;
    padding: 5px 20px;
    border-left: 1px solid #ffffff;
    font-weight: normal;
    float: right; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .tabsAnchor a {
        float: left;
        width: 50%;
        height: 40px !important;
        border: 1px solid white;
        text-align: center;
        line-height: 28px; } }
    @media screen and (max-width: 63.9375em) {
      .tabsAnchor a {
        font-size: 14px; } }
    .tabsAnchor a.tabActivo {
      background-color: #f2f2f2;
      color: #7F99EB;
      font-size: 20px;
      height: 44px; }
      .tabsAnchor a.tabActivo.unico:hover {
        background-color: #f2f2f2; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .tabsAnchor a.tabActivo.unico {
          width: 100%; } }
      @media screen and (max-width: 63.9375em) {
        .tabsAnchor a.tabActivo {
          font-size: 14px;
          height: 36px; } }
    .tabsAnchor a:hover {
      border-bottom: 0;
      background-color: #E9E9E9;
      color: #0A365D; }
    .tabsAnchor a:focus {
      border-bottom: 0; }

.tabsCashclick .tabPrestamo,
.tabsCashclick .tabContrato,
.tabsCashclick .tabEstado,
.tabsCashclick .tabPagos,
.tabsCashclick .tabContacto,
.tabsCashclick .tabPersonales,
.tabsCashclick .tabClientesReferidos,
.tabsCashclick .tabContrasena,
.tabsCashclick .tabConfiguracion,
.tabsCashclick .tabHistoricoPrestamo,
.tabsCashclick .tabHistoricoNotificaciones {
  background-color: #f2f2f2;
  padding-top: 40px;
  margin-bottom: 40px; }
  .tabsCashclick .tabPrestamo .encabezado,
  .tabsCashclick .tabContrato .encabezado,
  .tabsCashclick .tabEstado .encabezado,
  .tabsCashclick .tabPagos .encabezado,
  .tabsCashclick .tabContacto .encabezado,
  .tabsCashclick .tabPersonales .encabezado,
  .tabsCashclick .tabClientesReferidos .encabezado,
  .tabsCashclick .tabContrasena .encabezado,
  .tabsCashclick .tabConfiguracion .encabezado,
  .tabsCashclick .tabHistoricoPrestamo .encabezado,
  .tabsCashclick .tabHistoricoNotificaciones .encabezado {
    margin-bottom: 40px;
    padding: 0 10px; }
  .tabsCashclick .tabPrestamo .cuerpo,
  .tabsCashclick .tabContrato .cuerpo,
  .tabsCashclick .tabEstado .cuerpo,
  .tabsCashclick .tabPagos .cuerpo,
  .tabsCashclick .tabContacto .cuerpo,
  .tabsCashclick .tabPersonales .cuerpo,
  .tabsCashclick .tabClientesReferidos .cuerpo,
  .tabsCashclick .tabContrasena .cuerpo,
  .tabsCashclick .tabConfiguracion .cuerpo,
  .tabsCashclick .tabHistoricoPrestamo .cuerpo,
  .tabsCashclick .tabHistoricoNotificaciones .cuerpo {
    background-color: #f2f2f2;
    width: 100%;
    height: 100%; }
  .tabsCashclick .tabPrestamo.tabButtons,
  .tabsCashclick .tabContrato.tabButtons,
  .tabsCashclick .tabEstado.tabButtons,
  .tabsCashclick .tabPagos.tabButtons,
  .tabsCashclick .tabContacto.tabButtons,
  .tabsCashclick .tabPersonales.tabButtons,
  .tabsCashclick .tabClientesReferidos.tabButtons,
  .tabsCashclick .tabContrasena.tabButtons,
  .tabsCashclick .tabConfiguracion.tabButtons,
  .tabsCashclick .tabHistoricoPrestamo.tabButtons,
  .tabsCashclick .tabHistoricoNotificaciones.tabButtons {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 48em) {
      .tabsCashclick .tabPrestamo.tabButtons,
      .tabsCashclick .tabContrato.tabButtons,
      .tabsCashclick .tabEstado.tabButtons,
      .tabsCashclick .tabPagos.tabButtons,
      .tabsCashclick .tabContacto.tabButtons,
      .tabsCashclick .tabPersonales.tabButtons,
      .tabsCashclick .tabClientesReferidos.tabButtons,
      .tabsCashclick .tabContrasena.tabButtons,
      .tabsCashclick .tabConfiguracion.tabButtons,
      .tabsCashclick .tabHistoricoPrestamo.tabButtons,
      .tabsCashclick .tabHistoricoNotificaciones.tabButtons {
        flex-direction: row; } }

.tabsCashclick .tabPrestamo .contenedorProgreso {
  display: inline-block;
  position: relative;
  margin-top: 40px; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .tabsCashclick .tabPrestamo .contenedorProgreso {
      margin-top: 10px; } }
  .tabsCashclick .tabPrestamo .contenedorProgreso .pagado,
  .tabsCashclick .tabPrestamo .contenedorProgreso .resta {
    border-radius: 50%; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .pagado p,
    .tabsCashclick .tabPrestamo .contenedorProgreso .resta p {
      margin-bottom: 0; }
  .tabsCashclick .tabPrestamo .contenedorProgreso .pagado {
    background-color: #DBDF2D;
    width: 120px;
    height: 120px;
    color: #1c355e;
    text-align: center;
    float: left;
    margin-top: 120px;
    position: relative; }
    @media screen and (max-width: 26.25em) {
      .tabsCashclick .tabPrestamo .contenedorProgreso .pagado {
        margin-top: 0px;
        margin-left: 20px; } }
    .tabsCashclick .tabPrestamo .contenedorProgreso .pagado div {
      position: absolute;
      left: 50%;
      top: 45%;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .tabsCashclick .tabPrestamo .contenedorProgreso .pagado p {
      font-size: 12px;
      font-weight: normal; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .pagado label {
      color: #1c355e;
      font-size: 24px;
      font-weight: normal;
      line-height: 24px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .pagado label span:nth-child(1) {
        font-size: 12px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .pagado label span:nth-child(2) {
        font-weight: lighter;
        font-size: 12px; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .pagado i {
      color: #ffffff;
      font-size: 42px;
      line-height: 21px; }
  .tabsCashclick .tabPrestamo .contenedorProgreso .resta {
    background-color: #00B3F0;
    width: 200px;
    height: 200px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    float: left;
    position: relative; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .resta.morosidad {
      background-color: #F33; }
    @media screen and (max-width: 26.25em) {
      .tabsCashclick .tabPrestamo .contenedorProgreso .resta {
        float: right;
        margin-right: 50px;
        margin-top: 20px; } }
    .tabsCashclick .tabPrestamo .contenedorProgreso .resta .monto {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .tabsCashclick .tabPrestamo .contenedorProgreso .resta p {
      font-size: 20px; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .resta label {
      color: #ffffff;
      font-size: 36px;
      font-weight: normal;
      line-height: 36px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .resta label span:nth-child(1) {
        font-size: 14px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .resta label span:nth-child(2) {
        font-weight: lighter;
        font-size: 12px; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .resta .restoPrestamo {
      position: absolute;
      top: calc(50% + 3px);
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar {
    text-align: left;
    position: relative;
    height: 260px;
    min-width: 170px;
    display: inline-block;
    margin-left: 70px;
    margin-top: -30px; }
    @media screen and (max-width: 56.25em) {
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar {
        display: block;
        margin: 260px auto 0 60px;
        height: auto; } }
    @media screen and (max-width: 26.25em) {
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar {
        margin: 400px auto 0 60px;
        min-height: 100px; } }
    .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .contenedorPagos {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 56.25em) {
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .contenedorPagos {
          position: relative;
          top: 0;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none; } }
    .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .separador-cashclick {
      margin-top: 10px; }
      @media screen and (max-width: 26.25em) {
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .separador-cashclick {
          width: 80%; } }
    .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago {
      position: relative; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago i.icon-calendario {
        position: absolute;
        left: -30px;
        top: 14px;
        font-size: 24px;
        color: #9E9E9E; }
        @media screen and (max-width: 26.25em) {
          .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago i.icon-calendario {
            position: relative;
            left: 0;
            top: 0; } }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago p {
        font-size: 14px;
        margin-bottom: 0; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago label {
        color: #1c355e;
        font-weight: normal;
        display: block; }
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago label span {
          color: #9E9E9E; }
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago label.pago {
          font-size: 24px;
          line-height: 24px; }
          .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago label.pago span {
            font-size: 14px;
            color: #1c355e; }
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago label.fecha {
          font-size: 14px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago .button {
        width: auto;
        font-size: 14px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago span {
        color: #7F99EB; }
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago span:hover {
          color: #0A365D; }
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .proximoPago span:hover i {
          color: #0A365D; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago {
      position: relative;
      color: #F33;
      width: 225px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago i.material-icons {
        position: absolute;
        left: -30px;
        top: 14px;
        font-size: 24px; }
        @media screen and (max-width: 26.25em) {
          .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago i.material-icons {
            position: relative;
            left: 0;
            top: 0; } }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago p {
        font-size: 14px;
        margin-bottom: 0; }
        .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago p.advertencia {
          font-size: 18px; }
          .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago p.advertencia span {
            font-size: 12px;
            display: block; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago label {
        color: #F33;
        font-size: 24px;
        line-height: 24px; }
      .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .vencidoPago.fecha {
        font-size: 12px; }
    .tabsCashclick .tabPrestamo .contenedorProgreso .porPagar .button {
      width: auto;
      font-size: 14px; }

.tabsCashclick .tabEstado p {
  font-size: 16px; }

.tabsCashclick .tabEstado form {
  background-color: #ffffff;
  border: 1px solid #64C49A;
  padding: 20px; }

.tabsCashclick .tabPagos p {
  font-size: 16px; }

.tabsCashclick .tabPagos .contenedorVerde {
  background-color: #ffffff;
  border: 1px solid #3CB9A1;
  padding: 10px;
  margin: 15px;
  height: 230px; }
  .tabsCashclick .tabPagos .contenedorVerde p {
    font-size: 14px; }
  .tabsCashclick .tabPagos .contenedorVerde .titleColor {
    color: #06c1c6; }

.tabsCashclick .tabPagos .contenedorVerdeDondeCobro {
  background-color: #ffffff;
  border: 1px solid #3CB9A1;
  padding: 10px;
  height: 230px; }
  .tabsCashclick .tabPagos .contenedorVerdeDondeCobro p {
    font-size: 14px; }
  .tabsCashclick .tabPagos .contenedorVerdeDondeCobro .titleColor {
    color: #06c1c6; }

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

.tabsCashclick .tabPersonales label {
  color: #9E9E9E;
  font-size: 12px; }

.tabsCashclick .tabPersonales p {
  margin-bottom: 0; }

.tabsCashclick .tabClientesReferidos label {
  color: #9E9E9E;
  font-size: 12px; }

.tabsCashclick .tabClientesReferidos p {
  margin-bottom: 0; }

.tabsCashclick .tabClientesReferidos .contenedorAzul {
  background-color: #ffffff;
  border: 1px solid #00B3F0;
  padding: 10px;
  margin: 15px;
  height: auto; }
  .tabsCashclick .tabClientesReferidos .contenedorAzul p {
    font-size: 14px; }
  .tabsCashclick .tabClientesReferidos .contenedorAzul .titleColor {
    color: #06c1c6; }

.tabsCashclick .tabClientesReferidos.conteinerCards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto; }

.tabsCashclick .tabConfiguracion .recordatorio .input-field {
  display: inline-block; }

.tabsCashclick .tabConfiguracion .switch label {
  color: #333333;
  font-weight: normal; }
  .tabsCashclick .tabConfiguracion .switch label .lever {
    margin: 0 16px 0 0; }

.tabsCashclick .tabHistoricoPrestamo .desglose {
  color: #9E9E9E;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: center;
  -ms-flex-align: center;
  width: calc(100% - 48px); }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .tabsCashclick .tabHistoricoPrestamo .desglose {
      display: block; } }
  .tabsCashclick .tabHistoricoPrestamo .desglose .elemento {
    display: inline-block; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .tabsCashclick .tabHistoricoPrestamo .desglose .elemento {
        display: block;
        margin: 5px 0; } }
    .tabsCashclick .tabHistoricoPrestamo .desglose .elemento p {
      margin-bottom: 0;
      font-size: 16px; }
      @media screen and (max-width: 47.9375em) {
        .tabsCashclick .tabHistoricoPrestamo .desglose .elemento p {
          width: 50%;
          display: inline-block; } }
      @media screen and (max-width: 63.9375em) {
        .tabsCashclick .tabHistoricoPrestamo .desglose .elemento p {
          font-size: 12px; } }
    .tabsCashclick .tabHistoricoPrestamo .desglose .elemento label {
      color: #1c355e;
      font-weight: normal;
      font-size: 20px; }
      @media screen and (max-width: 47.9375em) {
        .tabsCashclick .tabHistoricoPrestamo .desglose .elemento label {
          width: 50%;
          display: inline-block;
          text-align: right;
          float: right; } }
      @media screen and (max-width: 63.9375em) {
        .tabsCashclick .tabHistoricoPrestamo .desglose .elemento label {
          font-size: 16px; } }

.tabsCashclick .tabHistoricoNotificaciones {
  padding-left: 10px;
  padding-right: 10px; }
  .tabsCashclick .tabHistoricoNotificaciones .historialNotificaciones {
    border: 1px solid #64C49A;
    background-color: #ffffff;
    display: block;
    color: #9E9E9E;
    padding: 10px;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    transition: all ease 400ms; }
    .tabsCashclick .tabHistoricoNotificaciones .historialNotificaciones .fecha {
      font-size: 12px;
      width: 100px;
      display: inline-block; }
    .tabsCashclick .tabHistoricoNotificaciones .historialNotificaciones .descripcion {
      width: calc(100% - 130px);
      float: right;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .tabsCashclick .tabHistoricoNotificaciones .historialNotificaciones.leida {
      background-color: #f2f2f2; }
    .tabsCashclick .tabHistoricoNotificaciones .historialNotificaciones:hover {
      background-color: #0A365D;
      color: #ffffff; }

.displayFlex {
  display: flex; }

.displayBlock {
  display: block; }

@media screen and (max-width: 63.9375em) {
  .tooltip,
  .tooltip-d-none {
    display: none !important; } }

.movimientosRecientes {
  background-color: #E9E9E9;
  margin-top: -44px; }
  .movimientosRecientes .cabecera {
    height: 75px;
    text-align: center;
    background-color: #7F99EB;
    display: table;
    width: 100%; }
    .movimientosRecientes .cabecera p {
      color: #ffffff;
      font-size: 20px;
      margin-bottom: 0;
      vertical-align: middle;
      display: table-cell; }
  .movimientosRecientes .lista li {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    padding: 20px 0 0 20px;
    position: relative; }
    .movimientosRecientes .lista li.pagosVencidos {
      color: #F33; }
      .movimientosRecientes .lista li.pagosVencidos .datos label {
        color: #F33; }
    .movimientosRecientes .lista li:before {
      width: 25px;
      height: 50%;
      content: " ";
      background-image: url(../img/linea-mes.png);
      position: absolute;
      left: 24px;
      top: 0;
      z-index: 0; }
    .movimientosRecientes .lista li:after {
      width: 25px;
      height: 50%;
      content: " ";
      background-image: url(../img/linea-mes.png);
      position: absolute;
      left: 24px;
      bottom: -12px;
      z-index: 0; }
    .movimientosRecientes .lista li:last-child:after {
      background-image: none; }
    .movimientosRecientes .lista li .icono {
      width: 35px;
      height: 35px;
      color: #000000;
      display: inline-table;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
      font-size: 20px;
      margin-right: 20px;
      z-index: 1;
      position: relative; }
      @media screen and (min-width: 48em) and (max-width: 63.9375em) {
        .movimientosRecientes .lista li .icono {
          margin-right: 10px; } }
      .movimientosRecientes .lista li .icono.pagado {
        background-color: #3CB9A1; }
      .movimientosRecientes .lista li .icono.proximo {
        background-color: #ffc934; }
      .movimientosRecientes .lista li .icono.vencido {
        background-color: #F33; }
    .movimientosRecientes .lista li .datos {
      display: inline-block;
      width: 50%; }
      @media screen and (min-width: 48em) and (max-width: 63.9375em) {
        .movimientosRecientes .lista li .datos {
          width: 50%; } }
      .movimientosRecientes .lista li .datos label {
        display: block;
        color: #333333;
        font-size: 14px;
        font-weight: bold; }
        @media screen and (min-width: 48em) and (max-width: 63.9375em) {
          .movimientosRecientes .lista li .datos label {
            font-size: 12px; } }
      .movimientosRecientes .lista li .datos p {
        margin-bottom: 0;
        line-height: 16px; }
        @media screen and (min-width: 48em) and (max-width: 63.9375em) {
          .movimientosRecientes .lista li .datos p {
            font-size: 12px; } }
  .movimientosRecientes .lista .button.icono-texto {
    width: auto;
    float: right;
    margin: 0 20px 20px 0; }

.paginador {
  background-color: #E1E1E1;
  padding: 5px 0;
  text-align: center; }
  .paginador .button {
    font-size: 24px;
    margin-bottom: 0; }
    .paginador .button i {
      line-height: 30px; }
    .paginador .button.extremos {
      margin: 0 15px; }
      .paginador .button.extremos:before {
        content: ''; }
    .paginador .button:before {
      content: '. '; }
    .paginador .button:nth-child(2):before {
      content: ''; }

/***********
Aviso de privacidad
************/
.avisoPrivacidad {
  font-size: .8rem !important;
  height: 200px;
  overflow: auto;
  padding: 5px !important; }
  @media screen and (max-width: 63.9375em) {
    .avisoPrivacidad {
      height: 100%; } }
  .avisoPrivacidad p {
    font-size: .8rem !important;
    text-align: justify; }
  .avisoPrivacidad ul {
    text-align: left; }

.avisoContrasena {
  font-size: .8rem !important;
  height: 200px;
  overflow: auto;
  padding: 5px !important; }
  .avisoContrasena p {
    font-size: .8rem !important;
    text-align: justify; }
  .avisoContrasena ul {
    text-align: left; }

.avisoBuro p {
  font-size: .8rem !important;
  height: 124px;
  overflow: auto;
  text-align: justify;
  padding: 5px; }

/***********
Estilos especiales Olvido de contraseña
************/
ul.lista-olvido-pass {
  list-style-type: disc; }
  ul.lista-olvido-pass li {
    font-size: .9rem;
    text-align: left;
    line-height: 1;
    margin-bottom: 5px; }

p.parrafo-olvido-pass {
  margin-bottom: .1rem; }

/***********
ngDialog
************/
.ng-toast.ng-toast--top {
  margin-top: 0;
  margin-top: 60px;
  z-index: 1; }

.ng-toast.ng-toast--right .ng-toast__list {
  width: 100%;
  margin-right: 0; }

.ng-toast.ng-toast--right .ng-toast__message {
  padding: 10px;
  min-height: 30px;
  text-align: center;
  background-color: #f1f1f1;
  border: 1px solid #64C49A;
  color: #9E9E9E; }

.ng-toast .ng-toast__message .alert button {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 40px;
  line-height: 24px;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }
  .ng-toast .ng-toast__message .alert button:hover {
    color: #7F99EB; }
  .ng-toast .ng-toast__message .alert button:focus {
    background-color: transparent;
    color: #7F99EB; }

.ngdialog.ngdialog-aviso-registro {
  padding-bottom: 100px;
  padding-top: 100px; }
  .ngdialog.ngdialog-aviso-registro .ngdialog-content {
    width: 800px; }
    @media screen and (max-width: 63.9375em) {
      .ngdialog.ngdialog-aviso-registro .ngdialog-content {
        height: auto !important;
        display: block !important; } }
    @media screen and (max-width: 63.9375em) {
      .ngdialog.ngdialog-aviso-registro .ngdialog-content .avisoPrivacidad {
        overflow: visible; } }

@media screen and (max-width: 63.9375em) {
  .ngdialog.ngdialog-aviso-contrasena .ngdialog-content {
    height: auto !important;
    display: block !important; } }

@media screen and (max-width: 63.9375em) {
  .ngdialog.ngdialog-aviso-contrasena .ngdialog-content .avisoContrasena {
    overflow: visible;
    height: 100%; } }

/***********
Estilos temporal select
************/
select.browser-default {
  background-color: transparent !important;
  border-bottom: 1px solid #9E9E9E !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  color: black; }
  select.browser-default:focus {
    border-bottom: 2px solid #7F99EB !important; }

span.signoPesosMonto {
  font-size: 1.8rem;
  color: #aeaeae; }

select.browser-default.cuantoQuieresSelect {
  width: 90%;
  float: right;
  padding-left: 0; }

/***********
Simulador desertor
************/
.simuladorTemp select.browser-default {
  background-color: transparent !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  font-size: 2rem;
  color: #1c355e; }
  .simuladorTemp select.browser-default:focus {
    border-bottom: 2px solid #7F99EB !important; }
  .simuladorTemp select.browser-default option {
    font-size: 1rem; }
  .simuladorTemp select.browser-default option[selected="selected"] {
    color: #1c355e; }

.simuladorTemp label.browser-default {
  background-color: transparent !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  font-size: 2rem;
  color: #1c355e; }

.cupon {
  background-color: #8FC03C;
  width: 193px;
  border-radius: 0px 0px 30px 0;
  color: white;
  box-shadow: #737373 0px 7px 0px;
  padding: 1.5rem 1rem;
  position: absolute;
  z-index: 1;
  top: 11%;
  left: 18%; }
  @media screen and (max-width: 63.9375em) {
    .cupon {
      border-radius: 0;
      position: static;
      width: 100%; } }
  .cupon .cifrasCupon {
    font-size: 2rem; }
  .cupon p {
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin: 0; }
  .cupon .separador-cupon {
    width: 100%;
    height: 1px;
    background: white;
    margin-bottom: 10px; }

.prestamoAnterior {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 20px;
  padding: 25px 20px 25px 222px !important; }
  @media screen and (max-width: 63.9375em) {
    .prestamoAnterior {
      padding: 0 4% 4% 4% !important;
      flex-direction: column; } }
  .prestamoAnterior div {
    display: inline-block; }
  .prestamoAnterior .antesPagaste {
    margin-top: 1rem; }
  .prestamoAnterior h5 {
    margin-bottom: 0; }
  .prestamoAnterior span {
    color: #929292;
    font-size: 1.6rem; }

.nuevoDetalle {
  padding: 25px 20px 25px 210px !important; }
  @media screen and (max-width: 63.9375em) {
    .nuevoDetalle {
      padding: 25px 20px 25px 25px !important; } }
  .nuevoDetalle .suma {
    text-align: center; }

/***********
Home recontratación
************/
.accionRecontratar {
  background-color: white;
  padding: 20px; }

/***********
BREADCRUMBS
************/
.contenedorBreadcrumbs .breadcrumbs {
  margin-top: 68px;
  margin-left: 160px; }

/***********
Ads
************/
.contenedorPublicidad {
  background-color: #E9E9E9;
  margin-top: -44px;
  padding: 10px; }
  .contenedorPublicidad.sinTabs {
    margin-top: 0; }

.contenedorPublicidadSinMargen {
  background-color: #E9E9E9;
  margin-top: 0;
  padding: 10px; }

.ads {
  background-color: white;
  margin-bottom: 10px; }
  .ads p {
    text-align: center; }

/***********
Login Móvil
************/
.app-header {
  background-color: #1c355e;
  height: 200px;
  padding: 20px 0; }
  .app-header h3 {
    margin-bottom: -30px; }

.app-header-diag {
  border-bottom: 30px solid rgba(255, 0, 0, 0);
  border-left: 100vw solid #003460; }

/***********
Chat
************/
.chat {
  position: fixed;
  background-color: #f1f1f1;
  width: 350px;
  bottom: 0;
  right: 20px;
  border-radius: 20px 20px 0 20px;
  -webkit-box-shadow: 3px -3px 10px 0px rgba(78, 78, 78, 0.3);
  -moz-box-shadow: 3px -3px 10px 0px rgba(78, 78, 78, 0.3);
  box-shadow: 3px -3px 10px 0px rgba(78, 78, 78, 0.3);
  z-index: 9; }
  @media screen and (max-width: 31.25em) {
    .chat {
      width: 100%;
      height: 100%;
      right: 0;
      border-radius: 0; } }
  @media screen and (max-width: 31.25em) {
    .chat .contenedorPrincipal {
      height: 100%; } }
  .chat .contenedorPrincipal .cabeceraChat {
    background-color: #1c355e;
    border-radius: 20px 20px 0 0;
    height: 60px;
    position: relative; }
    @media screen and (max-width: 31.25em) {
      .chat .contenedorPrincipal .cabeceraChat {
        border-radius: 0; } }
    .chat .contenedorPrincipal .cabeceraChat .titulo {
      position: absolute;
      left: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .chat .contenedorPrincipal .cabeceraChat .titulo p {
        margin-bottom: 0;
        color: #ffffff;
        font-size: 24px;
        font-weight: lighter;
        line-height: 2; }
    .chat .contenedorPrincipal .cabeceraChat button {
      color: #ffffff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .chat .contenedorPrincipal .cabeceraChat button.minimizar {
        right: 55px; }
      .chat .contenedorPrincipal .cabeceraChat button.cerrar {
        right: 20px; }
      .chat .contenedorPrincipal .cabeceraChat button.button {
        font-size: 1rem; }
      .chat .contenedorPrincipal .cabeceraChat button .has-tip {
        color: inherit; }
  @media screen and (max-width: 31.25em) {
    .chat .contenedorPrincipal .cuerpo {
      height: calc(100% - 60px); } }
  .chat .contenedorPrincipal .cuerpo .has-tip {
    font-weight: normal; }
  .chat .contenedorPrincipal .cuerpo .contenedorMensajes {
    height: 350px;
    overflow-y: auto;
    position: relative; }
    @media screen and (max-width: 31.25em) {
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes {
        height: calc(100% - 73px); } }
    .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeCliente,
    .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeAsesor {
      background-color: #ffffff; }
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeCliente span,
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeAsesor span {
        font-weight: bold;
        display: block; }
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeCliente p,
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeAsesor p {
        margin-bottom: 0;
        font-size: 14px; }
    .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeCliente {
      border: 1px solid #7F99EB;
      border-radius: 10px 0 10px 10px;
      -webkit-box-shadow: 3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      -moz-box-shadow: 3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      box-shadow: 3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      padding: 10px;
      font-size: 14px;
      margin-top: 10px;
      position: relative;
      width: calc(100% - 10px); }
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeCliente:after {
        content: '';
        position: absolute;
        top: -1px;
        right: -10px;
        background-image: url(../../assets/img/picoTurquesa.png);
        width: 10px;
        height: 10px; }
    .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeAsesor {
      border: 1px solid #DBDF2D;
      border-radius: 0 10px 10px 10px;
      -webkit-box-shadow: -3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      -moz-box-shadow: -3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      box-shadow: -3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      padding: 10px;
      font-size: 14px;
      margin-top: 10px;
      position: relative;
      width: calc(100% - 10px);
      margin-left: 10px; }
      .chat .contenedorPrincipal .cuerpo .contenedorMensajes .mensajeAsesor:after {
        content: '';
        position: absolute;
        top: -1px;
        left: -10px;
        background-image: url(../../assets/img/picoLimon.png);
        width: 10px;
        height: 10px; }
    .chat .contenedorPrincipal .cuerpo .contenedorMensajes .accionUsuario {
      position: absolute;
      bottom: 5px;
      left: 50%;
      font-style: italic;
      font-weight: bold;
      color: #A4CD4C;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      width: 100%;
      text-align: center; }

/***********
Chat Agente
************/
.chatAgente {
  position: fixed;
  background-color: #f1f1f1;
  width: 350px;
  bottom: 0;
  right: 500px;
  border-radius: 20px 20px 0 20px;
  -webkit-box-shadow: 3px -3px 10px 0px rgba(78, 78, 78, 0.3);
  -moz-box-shadow: 3px -3px 10px 0px rgba(78, 78, 78, 0.3);
  box-shadow: 3px -3px 10px 0px rgba(78, 78, 78, 0.3);
  z-index: 9; }
  @media screen and (max-width: 31.25em) {
    .chatAgente {
      width: 100%;
      height: 100%;
      right: 0; } }
  .chatAgente .cabeceraChat {
    background-color: #989c5d;
    border-radius: 20px 20px 0 0;
    height: 60px;
    position: relative; }
    .chatAgente .cabeceraChat .titulo {
      position: absolute;
      left: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: calc(100% - 84px); }
      .chatAgente .cabeceraChat .titulo p {
        margin-bottom: 0;
        color: #ffffff;
        font-size: 24px;
        font-weight: lighter;
        line-height: 2;
        width: calc(100% - 10px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px; }
    .chatAgente .cabeceraChat button {
      color: #ffffff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .chatAgente .cabeceraChat button:hover {
        color: #E1E1E1; }
      .chatAgente .cabeceraChat button.minimizar {
        right: 55px; }
      .chatAgente .cabeceraChat button.cerrar {
        right: 20px; }
      .chatAgente .cabeceraChat button.agregarPersona {
        right: 20px; }
      .chatAgente .cabeceraChat button.button {
        font-size: 1rem; }
      .chatAgente .cabeceraChat button .has-tip {
        color: inherit; }
  @media screen and (max-width: 31.25em) {
    .chatAgente .cuerpo {
      height: calc(100% - 60px); } }
  .chatAgente .has-tip {
    font-weight: normal; }
  .chatAgente .contenedorMensajes {
    height: 350px;
    overflow-y: auto;
    position: relative; }
    .chatAgente .contenedorMensajes .mensajeCliente,
    .chatAgente .contenedorMensajes .mensajeAsesor {
      background-color: #ffffff; }
      .chatAgente .contenedorMensajes .mensajeCliente span,
      .chatAgente .contenedorMensajes .mensajeAsesor span {
        font-weight: bold;
        display: block; }
      .chatAgente .contenedorMensajes .mensajeCliente p,
      .chatAgente .contenedorMensajes .mensajeAsesor p {
        margin-bottom: 0;
        font-size: 14px; }
    .chatAgente .contenedorMensajes .mensajeAsesor {
      border: 1px solid #989c5d;
      border-radius: 10px 0 10px 10px;
      -webkit-box-shadow: 3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      -moz-box-shadow: 3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      box-shadow: 3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      padding: 10px;
      font-size: 14px;
      margin-top: 10px;
      position: relative;
      width: calc(100% - 10px); }
      .chatAgente .contenedorMensajes .mensajeAsesor:after {
        content: '';
        position: absolute;
        top: -1px;
        right: -10px;
        background-image: url(../../assets/img/picoMambu.png);
        width: 10px;
        height: 10px; }
    .chatAgente .contenedorMensajes .mensajeCliente {
      border: 1px solid #9E9E9E;
      border-radius: 0 10px 10px 10px;
      -webkit-box-shadow: -3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      -moz-box-shadow: -3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      box-shadow: -3px 3px 1px 0px rgba(78, 78, 78, 0.3);
      padding: 10px;
      font-size: 14px;
      margin-top: 10px;
      position: relative;
      width: calc(100% - 10px);
      margin-left: 10px; }
      .chatAgente .contenedorMensajes .mensajeCliente:after {
        content: '';
        position: absolute;
        top: -1px;
        left: -10px;
        background-image: url(../../assets/img/picoGris.png);
        width: 10px;
        height: 10px; }
    .chatAgente .contenedorMensajes .accionUsuario {
      position: absolute;
      bottom: 5px;
      left: 50%;
      font-style: italic;
      font-weight: bold;
      color: #A4CD4C;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      width: 100%;
      text-align: center; }
    @media screen and (max-width: 31.25em) {
      .chatAgente .contenedorMensajes {
        height: calc(100% - 73px); } }
  .chatAgente .conversacionesConcurrentes {
    padding: 5px 10px;
    background-color: #E1E1E1;
    max-height: 120px;
    overflow-y: auto; }
    .chatAgente .conversacionesConcurrentes .cliente {
      display: inline-block;
      margin: 0 5px;
      width: calc(50% - 12px);
      position: relative; }
      .chatAgente .conversacionesConcurrentes .cliente .seleccionar,
      .chatAgente .conversacionesConcurrentes .cliente .cerrar {
        background-color: white;
        display: inline-block;
        font-size: 12px;
        position: relative;
        cursor: pointer;
        margin-bottom: 5px;
        -webkit-transition: all ease 400ms;
        -moz-transition: all ease 400ms;
        -o-transition: all ease 400ms;
        -ms-transition: all ease 400ms;
        transition: all ease 400ms; }
        .chatAgente .conversacionesConcurrentes .cliente .seleccionar:hover,
        .chatAgente .conversacionesConcurrentes .cliente .cerrar:hover {
          background-color: #9db449;
          color: #ffffff; }
          .chatAgente .conversacionesConcurrentes .cliente .seleccionar:hover.has-tip,
          .chatAgente .conversacionesConcurrentes .cliente .cerrar:hover.has-tip {
            color: #ffffff; }
      .chatAgente .conversacionesConcurrentes .cliente .seleccionar {
        padding: 8px 10px 8px 10px;
        border-radius: 6px 0 0px 6px;
        width: calc(100% - 30px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        float: left; }
        .chatAgente .conversacionesConcurrentes .cliente .seleccionar.has-tip {
          color: #333333; }
      .chatAgente .conversacionesConcurrentes .cliente .cerrar {
        padding: 6px 0 4px 0;
        border-radius: 0 6px 6px 0;
        width: 30px;
        border-left: 1px solid #E1E1E1; }
      .chatAgente .conversacionesConcurrentes .cliente.conversacionActiva .seleccionar,
      .chatAgente .conversacionesConcurrentes .cliente.conversacionActiva .cerrar {
        background-color: #989c5d;
        color: #ffffff; }
      .chatAgente .conversacionesConcurrentes .cliente.conversacionActiva .cerrar:hover {
        background-color: #9db449; }
  .chatAgente .contenedorTransferir {
    height: 350px;
    overflow-y: auto;
    position: relative;
    padding: 10px 0; }
    .chatAgente .contenedorTransferir ul {
      margin-bottom: 0; }
      .chatAgente .contenedorTransferir ul li {
        padding: 0px 10px 0px 20px;
        height: 40px;
        line-height: 40px; }
        .chatAgente .contenedorTransferir ul li i {
          line-height: 40px;
          float: left;
          color: #9db449; }
        .chatAgente .contenedorTransferir ul li p {
          display: inline-block;
          margin-bottom: 0;
          margin-left: 10px;
          color: #333333;
          width: calc(100% - 60px);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 40px; }
        .chatAgente .contenedorTransferir ul li.seleccionado {
          background-color: #989c5d; }
          .chatAgente .contenedorTransferir ul li.seleccionado i,
          .chatAgente .contenedorTransferir ul li.seleccionado p {
            color: #ffffff; }
        .chatAgente .contenedorTransferir ul li.ausente i,
        .chatAgente .contenedorTransferir ul li.ausente p {
          color: #9E9E9E; }
  .chatAgente .contenedorInput {
    background-color: #ffffff; }
    .chatAgente .contenedorInput .input-field input:valid {
      border-bottom: 0;
      box-shadow: none; }
    .chatAgente .contenedorInput .input-group-button .button {
      background-color: #989c5d; }
      .chatAgente .contenedorInput .input-group-button .button:hover, .chatAgente .contenedorInput .input-group-button .button:active {
        background-color: #9db449;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #92929c;
        -moz-box-shadow: 1px 1px 0px 0px #92929c;
        box-shadow: 1px 1px 0px 0px #92929c; }
      .chatAgente .contenedorInput .input-group-button .button:focus {
        color: #ffffff;
        -webkit-box-shadow: 0px 0px 5px 0px #9db449;
        -moz-box-shadow: 0px 0px 5px 0px #9db449;
        box-shadow: 0px 0px 5px 0px #9db449; }
  .chatAgente .contenedorBotonesTransferir .bloque:nth-child(2) .button {
    border-right: 0; }
  .chatAgente .contenedorBotonesTransferir .button {
    margin-bottom: 0;
    background-color: #333333;
    border-right: 1px solid #ffffff;
    border-radius: 0; }
    .chatAgente .contenedorBotonesTransferir .button:hover, .chatAgente .contenedorBotonesTransferir .button:active {
      background-color: #9db449;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #92929c;
      -moz-box-shadow: 1px 1px 0px 0px #92929c;
      box-shadow: 1px 1px 0px 0px #92929c; }
    .chatAgente .contenedorBotonesTransferir .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #9db449;
      -moz-box-shadow: 0px 0px 5px 0px #9db449;
      box-shadow: 0px 0px 5px 0px #9db449; }

.bloqueLateral {
  position: fixed;
  background-color: white;
  height: 100%;
  width: 350px;
  z-index: 999;
  right: 0;
  top: 0; }
  .bloqueLateral .listadoConversaciones {
    height: 50%; }
    .bloqueLateral .listadoConversaciones ul {
      height: calc(100% - 40px);
      overflow-y: auto;
      margin-bottom: 0; }
      .bloqueLateral .listadoConversaciones ul li {
        padding: 0px 10px 0px 20px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        -webkit-transition: all ease 400ms;
        -moz-transition: all ease 400ms;
        -o-transition: all ease 400ms;
        -ms-transition: all ease 400ms;
        transition: all ease 400ms; }
        .bloqueLateral .listadoConversaciones ul li.pendiente {
          background-color: #989c5d; }
          .bloqueLateral .listadoConversaciones ul li.pendiente i.cashclick {
            font-size: 2rem; }
          .bloqueLateral .listadoConversaciones ul li.pendiente i,
          .bloqueLateral .listadoConversaciones ul li.pendiente p {
            color: #ffffff; }
        .bloqueLateral .listadoConversaciones ul li:hover {
          background-color: #9db449; }
          .bloqueLateral .listadoConversaciones ul li:hover i,
          .bloqueLateral .listadoConversaciones ul li:hover p {
            color: #ffffff; }
          .bloqueLateral .listadoConversaciones ul li:hover.ausente i,
          .bloqueLateral .listadoConversaciones ul li:hover.ausente p {
            color: #ffffff; }
        .bloqueLateral .listadoConversaciones ul li i {
          line-height: 40px;
          float: left;
          color: #9db449; }
        .bloqueLateral .listadoConversaciones ul li p {
          display: inline-block;
          margin-bottom: 0;
          margin-left: 10px;
          color: #333333;
          width: calc(100% - 50px);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 40px;
          position: relative;
          padding-right: 30px; }
        .bloqueLateral .listadoConversaciones ul li a {
          border-bottom: 0; }
        .bloqueLateral .listadoConversaciones ul li.seleccionado {
          background-color: #989c5d; }
          .bloqueLateral .listadoConversaciones ul li.seleccionado i,
          .bloqueLateral .listadoConversaciones ul li.seleccionado p {
            color: #ffffff; }
        .bloqueLateral .listadoConversaciones ul li.ausente i,
        .bloqueLateral .listadoConversaciones ul li.ausente p {
          color: #9E9E9E; }
    .bloqueLateral .listadoConversaciones .cabecera {
      background-color: #dcd9d0;
      height: 40px;
      padding-left: 20px; }
      .bloqueLateral .listadoConversaciones .cabecera p {
        line-height: 40px;
        margin-bottom: 0; }
    .bloqueLateral .listadoConversaciones.transferirA ul li {
      cursor: -webkit-grab; }
      .bloqueLateral .listadoConversaciones.transferirA ul li p span {
        position: absolute;
        right: 0;
        top: 8px;
        color: #E1E1E1; }

/***********
Buscador - Resultados - Notificaciones
************/
.resultadosBuscador {
  padding-top: 40px; }

.contenedorGrisPrivada {
  background-color: #f2f2f2;
  padding: 10px; }
  .contenedorGrisPrivada .contenedorLineaVerde {
    background-color: #ffffff;
    border: 1px solid #3CB9A1;
    padding: 20px; }
    .contenedorGrisPrivada .contenedorLineaVerde.cliente {
      background-color: #f2f2f2; }
    .contenedorGrisPrivada .contenedorLineaVerde .adjuntoCorrecto {
      text-align: center; }
      .contenedorGrisPrivada .contenedorLineaVerde .adjuntoCorrecto p {
        text-align: center; }
      .contenedorGrisPrivada .contenedorLineaVerde .adjuntoCorrecto i {
        color: white;
        background-color: #00B2E2;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 50px;
        margin: 10px 0; }

.contenedorRelacionados {
  background-color: #f2f2f2;
  padding: 20px 15px 15px 15px; }

.botonesLike .button {
  margin-bottom: 0; }
  .botonesLike .button.sinFondo {
    color: #1c355e;
    font-size: 3rem; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

/***********
Contrato
************/
label.has-tip,
.has-tip,
select.has-top {
  font-weight: normal !important;
  color: inherit; }

.contenedorContrato {
  height: 700px;
  overflow-x: hidden;
  background-color: #f4f4f4;
  padding: 15px; }

.contrato h5 {
  color: #1c355e;
  font-weight: normal; }

.contrato p {
  text-align: justify;
  font-size: 1rem;
  color: black;
  font-weight: normal;
  padding-bottom: 0;
  margin-bottom: 5px;
  color: #333333; }

.contrato .dato {
  color: #1c355e;
  font-weight: bold; }

.contrato .celda {
  border-bottom: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1; }

.contrato .align-text {
  text-align: initial; }

/***********
Pagaré
************/
label.has-tip,
.has-tip,
select.has-top {
  font-weight: normal !important;
  color: inherit; }

.icon-pass {
  padding: 7px 8px 9px; }

.contenedorPagare {
  height: 500px;
  overflow-x: hidden;
  background-color: #f4f4f4;
  padding: 15px; }

.pagare h5 {
  color: #1c355e;
  font-weight: normal; }

.pagare p {
  text-align: justify;
  font-size: 1rem;
  color: black;
  font-weight: normal;
  padding-bottom: 0;
  margin-bottom: 5px;
  color: #333333; }
  .pagare p.text-left {
    text-align: left; }
  .pagare p.text-right {
    text-align: right; }
    @media screen and (max-width: 63.9375em) {
      .pagare p.text-right {
        text-align: left; } }

.pagare .dato {
  color: #1c355e;
  font-weight: bold; }

.pagare .celda {
  border-bottom: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1; }

/***********
Animaciones ng-animate
************/
.pasoUno.ng-hide-add {
  -webkit-animation: 0.5s slideOutLeft;
  animation: 0.5s slideOutLeft; }

.pasoUno.ng-hide-remove {
  -webkit-animation: 0.5s slideInLeft;
  animation: 0.5s slideInLeft; }

.pasoDos.ng-hide {
  -webkit-animation: 0.5s slideOutRight;
  animation: 0.5s slideOutRight;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%; }

.pasoDos {
  position: absolute;
  width: 100%;
  -webkit-animation: 0.5s slideInRight;
  animation: 0.5s slideInRight;
  top: 0; }

/*.ng-hide-add {
  -webkit-animation:0.5s fadeOut;
  animation:0.5s fadeOut;
}

.ng-hide-remove {
  -webkit-animation:0.5s fadeIn;
  animation:0.5s fadeIn;
}

.ng-hide {
    -webkit-animation: 0.5s fadeOut;
    animation: 0.5s fadeOut;
    @include transform (translateX(-50%));
    left: 50%;
}*/
.buscadorApp.ng-hide-add {
  -webkit-animation: 0.5s slideOutRight;
  animation: 0.5s slideOutRight; }

.buscadorApp.ng-hide-remove {
  -webkit-animation: 0.5s slideInRight;
  animation: 0.5s slideInRight; }

.button-buscar.ng-hide-add {
  -webkit-animation: 0.5s slideOutRight;
  animation: 0.5s slideOutRight; }

.button-buscar.ng-hide-remove {
  -webkit-animation: 0.5s slideInRight;
  animation: 0.5s slideInRight; }

/***********
Estilos app
************/
.button-collapse {
  border-bottom: 0;
  color: white;
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 16px;
  top: 8px; }

.button-buscar {
  border-bottom: 0;
  color: white;
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 16px;
  left: calc(100% - 56px);
  top: 0;
  z-index: 999;
  -webkit-transition: left ease 600ms;
  -moz-transition: left ease 600ms;
  -o-transition: left ease 600ms;
  -ms-transition: left ease 600ms;
  transition: left ease 600ms; }
  .button-buscar.activo {
    top: 0;
    left: 0;
    color: #7F99EB !important; }

.button-regresar {
  border-bottom: 0;
  color: white;
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 16px;
  top: 0; }

.button-collapse:hover,
.button-buscar:hover,
.button-regresar:hover {
  color: #ffffff;
  border-bottom: 0; }

.button-collapse:focus,
.button-buscar:focus,
.button-regresar:focus {
  color: #ffffff;
  border-bottom: 0; }

.buscadorApp {
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  z-index: 999; }
  .buscadorApp div.input-field input:valid {
    border-bottom: 0; }
  .buscadorApp .input-field {
    margin-top: 0; }
    .buscadorApp .input-field input {
      height: 56px;
      margin: 0 0 0 56px; }
    .buscadorApp .input-field .angucomplete-dropdown {
      margin-top: 0;
      width: 100%; }

.paginaActual {
  position: absolute;
  margin-left: 72px;
  height: 56px;
  width: calc(100% - 128px); }
  .paginaActual p {
    margin-bottom: 0;
    line-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap; }

.cuerpoApp {
  padding-top: 56px; }

header.header--height {
  height: 60px; }

/***********
Estilos especiales para firefox y IE
************/
input::-ms-clear,
input::-ms-reveal {
  display: none; }

@media screen and (min-width: 0\0) {
  /* Tus estilos CSS para IE9, IE10, IE11  */ }

@media screen and (min-width: 0\0) and (min-width: 48em) {
  #ngdialog3 .ngdialog-content {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    margin: 250px auto 5px; } }

@media screen and (min-width: 0\0) {
  .fondo-multiply {
    background-color: #1c355e !important; }
  .calculoPrestamo .contenedorPagar .select-wrapper span.caret,
  .calculoPrestamo .contenedorPrestamo .select-wrapper span.caret {
    position: absolute !important;
    margin-left: 0; }
  .calculoPrestamo .contenedorPagar .select-wrapper input.select-dropdown,
  .calculoPrestamo .contenedorPrestamo .select-wrapper input.select-dropdown {
    width: calc(100% - 20px) !important; }
  .contenedorRedes {
    display: block;
    text-align: center; }
    .contenedorRedes div {
      display: inline-block; }
  .modoNousuario .acceso a {
    margin-left: 65px; }
    .modoNousuario .acceso a i {
      left: 35px;
      top: 8px;
      font-size: 2.5rem;
      margin-left: 0;
      position: absolute; }
  .ampliador {
    position: relative; }
    .ampliador img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .botonSelfie {
    display: none !important; }
  .selfiePrevisualizacion {
    height: 303px; }
  .ngdialog-theme-default.ngdialog .ngdialog-content .dialogCuerpo .input-field .mensaje {
    bottom: 0; } }

@-moz-document url-prefix() {
  .calculoPrestamo .contenedorPagar .select-wrapper span.caret,
  .calculoPrestamo .contenedorPrestamo .select-wrapper span.caret {
    position: absolute !important;
    margin-left: 0; }
  .calculoPrestamo .contenedorPagar .select-wrapper input.select-dropdown,
  .calculoPrestamo .contenedorPrestamo .select-wrapper input.select-dropdown {
    width: calc(100% - 20px) !important; }
  #ngdialog3 .ngdialog-content {
    margin: 0 auto;
    bottom: 0 !important;
    left: 0; }
    @media screen and (min-width: 48em) {
      #ngdialog3 .ngdialog-content {
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        transform: translateY(-25%);
        margin: 250px auto 5px; } } }

/************
Chat
************/
.chat-btn-container .btn-floating:hover ~ .chat-tooltip {
  display: block; }

.chat-btn-container .chat-tooltip {
  display: none;
  left: -170px;
  bottom: 14px;
  background-color: #000000;
  color: #ffffff;
  padding: 0.5rem;
  position: absolute;
  z-index: 999;
  max-width: 10rem !important;
  border-radius: 4px; }
  .chat-btn-container .chat-tooltip p {
    font-size: 80%;
    line-height: 1.5; }

/*************
Estilos new Cashclick
**************/
.button {
  position: relative;
  overflow: hidden; }
  .button-block {
    width: 100%;
    padding: 14px 12px !important;
    font-size: 1.3rem !important; }

img.customLargo {
  position: absolute;
  right: -35px;
  top: 9px;
  transform: rotate(-14deg); }

.icono-cc {
  position: relative;
  overflow: hidden; }

img.customCorto {
  position: absolute;
  right: -67px;
  top: -4px;
  transform: rotate(-14deg);
  height: 64px; }

.icon-tiktok {
  padding: 22%; }

/***********
Termina
************/
.fondo-multiply.nav {
  position: absolute;
  display: block;
  background-color: #929292;
  width: 100%;
  height: 75px;
  mix-blend-mode: multiply;
  top: 0;
  z-index: 2; }

.fondo-multiply.drop {
  position: absolute;
  display: block;
  background-color: #1c355e;
  width: 300px;
  mix-blend-mode: multiply;
  top: 0;
  z-index: 2;
  visibility: hidden; }

.dropdown-pane.is-open ~ .fondo-multiply {
  visibility: visible; }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  nav {
    width: 100%;
    height: 75px;
    position: initial; } }

@media screen and (min-width: 48em) {
  nav {
    width: 100%;
    z-index: 2; } }

nav a.button {
  margin: 0; }

nav .nav-wrapper {
  position: relative;
  height: 100%; }
  nav .nav-wrapper .logoPrincipal {
    position: absolute;
    border-bottom-right-radius: 38px;
    padding: 0;
    -webkit-box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.09); }
  nav .nav-wrapper .button.hollow {
    border-color: #00A3D4;
    color: #00A3D4; }
    nav .nav-wrapper .button.hollow:hover {
      border-color: #0A365D;
      color: #0A365D; }

nav .button-collapse {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  nav .button-collapse i {
    font-size: 2.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
    color: #ffffff; }

nav .brand-logo {
  padding: 0 !important; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    nav .brand-logo {
      padding: 0rem 1rem !important;
      display: inline-block; }
      nav .brand-logo img {
        width: 100px !important; } }

nav ul {
  margin: 0;
  line-height: 50px; }
  nav ul li {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
    float: left;
    padding: 0; }
    nav ul li:hover, nav ul li.active {
      background-color: rgba(0, 0, 0, 0.1); }
  nav ul a {
    display: block;
    padding: 0 15px; }
  nav ul.left {
    float: left; }

.navbar-fixed {
  position: relative;
  height: 50px;
  z-index: 998; }
  .navbar-fixed nav {
    position: fixed; }

.topbarApp {
  position: fixed;
  height: 56px;
  width: 100%;
  z-index: 998;
  background-color: #1c355e;
  color: #ffffff;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }

.side-nav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #ffffff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
  .side-nav.right-aligned {
    right: 0;
    transform: translateX(105%);
    left: auto;
    transform: translateX(100%); }
  .side-nav .collapsible {
    margin: 0; }
    .side-nav .collapsible li {
      border: 0; }
      .side-nav .collapsible li .collapsible-header:hover {
        border-bottom: 0; }
      .side-nav .collapsible li .collapsible-header:focus {
        border-bottom: 0; }
      .side-nav .collapsible li .collapsible-header i {
        margin: 0 16px 0 0; }
      .side-nav .collapsible li .collapsible-body {
        padding: 0;
        border-bottom: 0; }
        .side-nav .collapsible li .collapsible-body ul {
          margin-left: 0; }
          .side-nav .collapsible li .collapsible-body ul li {
            margin-bottom: 0; }
  .side-nav li {
    float: none;
    line-height: 48px; }
    .side-nav li.active {
      background-color: rgba(0, 0, 0, 0.05); }
  .side-nav a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
    border-bottom: 0; }
    .side-nav a:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .side-nav a.notificaciones {
      position: relative; }
      .side-nav a.notificaciones span {
        padding: 0;
        color: #ffffff;
        cursor: pointer;
        position: absolute;
        background: #F33;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        font-family: "Lato", sans-serif;
        top: 14px;
        right: 16px; }
  .side-nav li > a > i,
  .side-nav li > a > [class^="mdi-"],
  .side-nav li > a > [class*="mdi-"],
  .side-nav li > a > i.material-icons,
  .side-nav li > a > i[class*="cashclick icon-"] {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
    color: rgba(0, 0, 0, 0.54); }
  .side-nav li > a > i[class*="cashclick icon-"] {
    font-size: 34px; }
  .side-nav li > a > i[class*="fa fa-"] {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 29px 0 0;
    width: 24px;
    color: rgba(0, 0, 0, 0.54); }
  .side-nav li > a > i[class*="fa fa-"] {
    font-size: 34px;
    margin-left: 3px; }
  .side-nav .divider {
    margin: 8px 0 0 0;
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0; }
  .side-nav .subheader {
    cursor: initial;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px; }
    .side-nav .subheader:hover {
      background-color: transparent; }
  .side-nav .userView {
    position: relative;
    padding: 32px 32px 0;
    margin-bottom: 8px; }
    .side-nav .userView > a {
      height: auto;
      padding: 0; }
      .side-nav .userView > a:hover {
        background-color: transparent; }
    .side-nav .userView .background {
      overflow: hidden;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background-color: #1c355e; }
    .side-nav .userView .circle,
    .side-nav .userView .name,
    .side-nav .userView .email {
      display: block; }
    .side-nav .userView .circle {
      height: 64px;
      width: 64px; }
    .side-nav .userView .logo {
      width: 70px;
      float: right;
      margin-bottom: 16px; }
    .side-nav .userView .name,
    .side-nav .userView .email {
      font-size: 14px;
      line-height: 24px; }
    .side-nav .userView .name {
      font-weight: 500;
      padding-bottom: 16px; }
    .side-nav .userView .email {
      padding-bottom: 16px;
      font-weight: 400; }

.drag-target {
  height: 100%;
  width: 10px;
  left: 300px;
  position: fixed;
  top: 0;
  z-index: 998; }

.side-nav.fixed {
  left: 0;
  transform: translateX(0);
  position: fixed; }
  .side-nav.fixed.right-aligned {
    right: 0;
    left: auto; }

@media only screen and (max-width: 992px) {
  .side-nav.fixed {
    transform: translateX(-105%); }
    .side-nav.fixed.right-aligned {
      transform: translateX(105%); }
  .side-nav a {
    padding: 0 16px; }
  .side-nav .userView {
    padding: 16px 16px 0; } }

.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #1c355e; }
  .side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
  .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #1c355e; }

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }

/**************************/
/* ESTILOS PARA EL MENU */
/**************************/
.menu-negro {
  background-color: rgba(0, 0, 0, 0.7); }

.nav-wrapper ul {
  list-style: none;
  position: relative;
  margin: 0; }

.nav-wrapper ul a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }

.nav-wrapper ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }
  .nav-wrapper ul li a i {
    font-size: 1rem;
    display: inline-block;
    margin-left: 0.5rem; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .nav-wrapper ul li {
      width: 100%; } }

.nav-wrapper ul li.Highlighted a {
  color: #1c355e; }

.nav-wrapper ul li:hover {
  background: rgba(0, 0, 0, 0.8); }

.nav-wrapper ul ul {
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .nav-wrapper ul ul {
      position: relative;
      width: 100%; } }

.nav-wrapper ul ul li {
  float: none !important; }

.nav-wrapper ul ul a {
  line-height: 120%;
  padding: 16px 15px; }

.nav-wrapper ul ul ul {
  display: none;
  top: 0;
  left: 100%; }

.nav-wrapper ul li:hover > ul {
  display: block; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .nav-wrapper ul li:hover > ul {
      display: none; } }

.nav-wrapper ul li ul.activo {
  display: block; }

nav {
  box-shadow: none;
  position: absolute;
  z-index: 1;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease; }
  nav .brand-logo {
    position: relative; }
    nav .brand-logo img {
      width: 150px;
      -webkit-transition: width 400ms ease;
      -moz-transition: width 400ms ease;
      -o-transition: width 400ms ease;
      -ms-transition: width 400ms ease;
      transition: width 400ms ease; }
      @media screen and (max-width: 63.9375em) {
        nav .brand-logo img {
          width: 100px; } }
  nav.scrolled {
    position: fixed;
    top: 0;
    background-color: black;
    z-index: 2; }
    nav.scrolled .brand-logo img {
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      transform: scale(0.6); }

nav ul {
  margin-left: 1%; }

nav ul span {
  color: #a7a7a7;
  padding: 0 15px;
  cursor: context-menu; }
  nav ul span:after {
    content: " \f107";
    font-family: 'FontAwesome';
    font-size: 12px;
    line-height: 12px; }

nav ul li a:hover {
  color: #FFFFFF; }

.rzslider {
  margin: 20px 0 15px 0; }
  .rzslider .rz-bar {
    background: #E1E1E1; }
  .rzslider .rz-pointer {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -8px; }
    .rzslider .rz-pointer:after {
      display: none; }
  .rzslider .rz-bubble {
    display: none; }
  .rzslider.slider-quiero .rz-selection {
    background: #06c1c6; }
  .rzslider.slider-quiero .rz-pointer {
    background-color: #06c1c6; }
  .rzslider.slider-quiero .rz-tick.rz-selected {
    background: #06c1c6; }
  .rzslider.slider-cada .rz-selection {
    background: #00B2E2; }
  .rzslider.slider-cada .rz-pointer {
    background-color: #00B2E2; }
  .rzslider.slider-cada .rz-tick.rz-selected {
    background: #00B2E2; }
  .rzslider.slider-durante .rz-selection {
    background: #4862ed; }
  .rzslider.slider-durante .rz-pointer {
    background-color: #4862ed; }
  .rzslider.slider-durante .rz-tick.rz-selected {
    background: #4862ed; }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  .ngdialog.ngdialog-theme-default {
    padding: 0; } }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  background-color: #ffffff;
  border-radius: 0;
  padding: 1rem;
  font-family: 'Lato', sans-serif;
  font-size: initial;
  line-height: 1; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .ngdialog.ngdialog-theme-default .ngdialog-content {
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo {
    text-align: center;
    padding: 3rem 0 1rem 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo.sinAspa {
      padding: 1rem 0 1rem 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .tituloImagen {
      margin-top: 20px;
      margin-bottom: 10px; }
      .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .tituloImagen p img {
        width: 72px;
        position: relative;
        top: -2px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo i {
      font-size: 100px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo p {
      font-size: 20px;
      font-weight: normal; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo a, .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo label {
      font-size: 14px; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo a, .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo label {
          font-size: 12px; } }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field.con-mensaje {
      margin-bottom: 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field .mensaje {
      left: 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field input {
      font-size: 1.5rem;
      font-weight: normal; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field i {
      font-size: 16px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field label {
      left: 0; }
      .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field label.active {
        left: 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .input-field .posfix {
      right: 0;
      top: 14px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .ife {
      margin-left: 8%; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .icono-descripcion i {
      font-size: 80px;
      color: #00B2E2;
      display: block; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .icono-descripcion label {
      display: block; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .icono-descripcion span {
      font-size: 12px;
      color: #9E9E9E; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .icono-descripcion .blank_space {
      margin-bottom: 5px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .icono-descripcion .font-10 {
      font-size: 10px; }
      @media screen and (min-width: 0em) and (max-width: 47.9375em) {
        .ngdialog.ngdialog-theme-default .ngdialog-content .dialogCuerpo .icono-descripcion .font-10 {
          font-size: 8px; } }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter .float-left, .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter .float-right {
      float: none !important; } }
  .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter .button {
    margin: 0; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter .button {
        width: 100%; } }
  .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter label {
    display: block;
    margin-top: 17px;
    margin-bottom: 10px; }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter label.float-left {
        float: none !important; } }
    @media screen and (min-width: 0em) and (max-width: 47.9375em) {
      .ngdialog.ngdialog-theme-default .ngdialog-content .dialogFooter label {
        text-align: center;
        display: block; } }

.angucomplete-holder {
  position: relative; }

.angucomplete-dropdown {
  border-color: #E1E1E1;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 250px;
  padding: 0px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  /*top: 32px;
    left: 0px;
    */
  margin-top: -6px;
  background-color: #ffffff; }

.angucomplete-searching {
  color: #9E9E9E;
  font-size: 16px;
  padding: 10px; }

.angucomplete-description {
  font-size: 16px; }

.angucomplete-row {
  padding: 6px 10px;
  color: #141414;
  margin-bottom: 0px;
  clear: both; }

.angucomplete-selected-row {
  background-color: #7F99EB;
  color: #ffffff; }

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px; }

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px; }

.angucomplete-image-default {
  /* Add your own default image here
     background-image: url('/assets/default.png');
    */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px; }

.btn-floating.disabled,
.btn-floating:disabled,
.btn-floating[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }
  .btn-floating.disabled:hover,
  .btn-floating:disabled:hover,
  .btn-floating[disabled]:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important; }

.btn-floating {
  outline: 0; }

.btn-floating {
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75) !important; }
  .btn-floating:before {
    border-radius: 0; }
  .btn-floating.btn-large {
    width: 56px;
    height: 56px; }
    .btn-floating.btn-large i {
      line-height: 56px; }
  .btn-floating.halfway-fab {
    position: absolute;
    right: 24px;
    bottom: 0;
    transform: translateY(50%); }
    .btn-floating.halfway-fab.left {
      right: auto;
      left: 24px; }
  .btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    font-size: 1.6rem;
    line-height: 40px; }

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998; }
  .fixed-action-btn.active ul {
    visibility: visible; }
  .fixed-action-btn.toolbar {
    padding: 0;
    height: 56px; }
    .fixed-action-btn.toolbar.active > a i {
      opacity: 0; }
  .fixed-action-btn .fab-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: scale(0); }
  .fixed-action-btn .btn-floating {
    line-height: 60px !important; }

.collapsible {
  /*border-top: 1px solid $collapsible-border-color;
    border-right: 1px solid $collapsible-border-color;
    border-left: 1px solid $collapsible-border-color;*/
  margin: 0.5rem 0 1rem 0; }
  .collapsible li {
    margin-bottom: 1rem;
    border: 1px solid #3CB9A1; }

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 1;
  line-height: 1;
  padding: 1rem;
  background-color: #ffffff;
  position: relative; }
  .collapsible-header p {
    margin-bottom: 0; }
    .collapsible-header p .texto-italic {
      font-size: inherit; }
  .collapsible-header i {
    position: absolute;
    width: 2rem;
    font-size: 3rem;
    line-height: 1;
    display: block;
    margin-right: 1rem;
    right: 0;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .collapsible-header span {
    font-size: 12px; }
  .collapsible-header img {
    width: 70px;
    position: relative;
    top: -2px; }
  .collapsible-header.active .cashclick.icon-chevronDown:before {
    content: "\e92b"; }
  .collapsible-header:hover {
    background-color: #E1E1E1; }

.collapsible-body {
  background-color: #ffffff;
  display: none;
  border-bottom: 1px solid #7F99EB;
  box-sizing: border-box;
  padding: 0 2rem 2rem 2rem; }

.collapsible.popout {
  border: none;
  box-shadow: none; }
  .collapsible.popout > li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 0 24px;
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .collapsible.popout > li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0; }

/*** Forms ***/
/*** Dropdown ***/
/* Remove Focus Boxes */
select:focus {
  outline: 1px solid white; }

button:focus {
  outline: none;
  background-color: #213e6e; }

label {
  color: #9E9E9E; }
  label.primario {
    color: #1c355e; }

/***************************
   Text Inputs + Textarea
****************************/
::-webkit-input-placeholder {
  color: #d1d1d1; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d1; }

:-ms-input-placeholder {
  color: #d1d1d1; }

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #9E9E9E;
  border-radius: 0;
  outline: none;
  height: 2.5rem;
  width: calc(100% - 10px);
  font-size: 1rem;
  color: #333333;
  margin: 0 0 15px 0;
  padding: 0 0 0 10px;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all .3s; }
  input[type=text]:disabled, input[type=text][readonly="readonly"],
  input[type=password]:disabled,
  input[type=password][readonly="readonly"],
  input[type=email]:disabled,
  input[type=email][readonly="readonly"],
  input[type=url]:disabled,
  input[type=url][readonly="readonly"],
  input[type=time]:disabled,
  input[type=time][readonly="readonly"],
  input[type=date]:disabled,
  input[type=date][readonly="readonly"],
  input[type=datetime-local]:disabled,
  input[type=datetime-local][readonly="readonly"],
  input[type=tel]:disabled,
  input[type=tel][readonly="readonly"],
  input[type=number]:disabled,
  input[type=number][readonly="readonly"],
  input[type=search]:disabled,
  input[type=search][readonly="readonly"],
  textarea.materialize-textarea:disabled,
  textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.26);
    border-bottom: rgba(0, 0, 0, 0.26); }
  input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label,
  input[type=password]:disabled + label,
  input[type=password][readonly="readonly"] + label,
  input[type=email]:disabled + label,
  input[type=email][readonly="readonly"] + label,
  input[type=url]:disabled + label,
  input[type=url][readonly="readonly"] + label,
  input[type=time]:disabled + label,
  input[type=time][readonly="readonly"] + label,
  input[type=date]:disabled + label,
  input[type=date][readonly="readonly"] + label,
  input[type=datetime-local]:disabled + label,
  input[type=datetime-local][readonly="readonly"] + label,
  input[type=tel]:disabled + label,
  input[type=tel][readonly="readonly"] + label,
  input[type=number]:disabled + label,
  input[type=number][readonly="readonly"] + label,
  input[type=search]:disabled + label,
  input[type=search][readonly="readonly"] + label,
  textarea.materialize-textarea:disabled + label,
  textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.26); }
  input[type=text]:focus:not([readonly]),
  input[type=password]:focus:not([readonly]),
  input[type=email]:focus:not([readonly]),
  input[type=url]:focus:not([readonly]),
  input[type=time]:focus:not([readonly]),
  input[type=date]:focus:not([readonly]),
  input[type=datetime-local]:focus:not([readonly]),
  input[type=tel]:focus:not([readonly]),
  input[type=number]:focus:not([readonly]),
  input[type=search]:focus:not([readonly]),
  textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #7F99EB;
    box-shadow: 0 1px 0 0 #7F99EB; }
  input[type=text]:focus:not([readonly]) + label,
  input[type=password]:focus:not([readonly]) + label,
  input[type=email]:focus:not([readonly]) + label,
  input[type=url]:focus:not([readonly]) + label,
  input[type=time]:focus:not([readonly]) + label,
  input[type=date]:focus:not([readonly]) + label,
  input[type=datetime-local]:focus:not([readonly]) + label,
  input[type=tel]:focus:not([readonly]) + label,
  input[type=number]:focus:not([readonly]) + label,
  input[type=search]:focus:not([readonly]) + label,
  textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #333333; }
  input[type=text].valid,
  input[type=password].valid,
  input[type=email].valid,
  input[type=url].valid,
  input[type=time].valid,
  input[type=date].valid,
  input[type=datetime-local].valid,
  input[type=tel].valid,
  input[type=number].valid,
  input[type=search].valid,
  textarea.materialize-textarea.valid {
    border-bottom: 1px solid #7F99EB; }
  input[type=text]:focus.valid,
  input[type=password]:focus.valid,
  input[type=email]:focus.valid,
  input[type=url]:focus.valid,
  input[type=time]:focus.valid,
  input[type=date]:focus.valid,
  input[type=datetime-local]:focus.valid,
  input[type=tel]:focus.valid,
  input[type=number]:focus.valid,
  input[type=search]:focus.valid,
  textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #7F99EB;
    box-shadow: 0 1px 0 0 #7F99EB; }
  input[type=text].valid + label:after,
  input[type=text]:focus.valid + label:after,
  input[type=password].valid + label:after,
  input[type=password]:focus.valid + label:after,
  input[type=email].valid + label:after,
  input[type=email]:focus.valid + label:after,
  input[type=url].valid + label:after,
  input[type=url]:focus.valid + label:after,
  input[type=time].valid + label:after,
  input[type=time]:focus.valid + label:after,
  input[type=date].valid + label:after,
  input[type=date]:focus.valid + label:after,
  input[type=datetime-local].valid + label:after,
  input[type=datetime-local]:focus.valid + label:after,
  input[type=tel].valid + label:after,
  input[type=tel]:focus.valid + label:after,
  input[type=number].valid + label:after,
  input[type=number]:focus.valid + label:after,
  input[type=search].valid + label:after,
  input[type=search]:focus.valid + label:after,
  textarea.materialize-textarea.valid + label:after,
  textarea.materialize-textarea:focus.valid + label:after {
    content: attr(data-success);
    color: #333333;
    opacity: 1; }
  input[type=text].invalid,
  input[type=password].invalid,
  input[type=email].invalid,
  input[type=url].invalid,
  input[type=time].invalid,
  input[type=date].invalid,
  input[type=datetime-local].invalid,
  input[type=tel].invalid,
  input[type=number].invalid,
  input[type=search].invalid,
  textarea.materialize-textarea.invalid {
    border-bottom: 1px solid #F33 !important; }
  input[type=text]:focus.invalid,
  input[type=password]:focus.invalid,
  input[type=email]:focus.invalid,
  input[type=url]:focus.invalid,
  input[type=time]:focus.invalid,
  input[type=date]:focus.invalid,
  input[type=datetime-local]:focus.invalid,
  input[type=tel]:focus.invalid,
  input[type=number]:focus.invalid,
  input[type=search]:focus.invalid,
  textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #F33 !important;
    box-shadow: 0 1px 0 0 #F33; }
  input[type=text].invalid + label:after,
  input[type=text]:focus.invalid + label:after,
  input[type=password].invalid + label:after,
  input[type=password]:focus.invalid + label:after,
  input[type=email].invalid + label:after,
  input[type=email]:focus.invalid + label:after,
  input[type=url].invalid + label:after,
  input[type=url]:focus.invalid + label:after,
  input[type=time].invalid + label:after,
  input[type=time]:focus.invalid + label:after,
  input[type=date].invalid + label:after,
  input[type=date]:focus.invalid + label:after,
  input[type=datetime-local].invalid + label:after,
  input[type=datetime-local]:focus.invalid + label:after,
  input[type=tel].invalid + label:after,
  input[type=tel]:focus.invalid + label:after,
  input[type=number].invalid + label:after,
  input[type=number]:focus.invalid + label:after,
  input[type=search].invalid + label:after,
  input[type=search]:focus.invalid + label:after,
  textarea.materialize-textarea.invalid + label:after,
  textarea.materialize-textarea:focus.invalid + label:after {
    content: attr(data-error);
    color: #F33;
    opacity: 1; }
  input[type=text] + label:after,
  input[type=password] + label:after,
  input[type=email] + label:after,
  input[type=url] + label:after,
  input[type=time] + label:after,
  input[type=date] + label:after,
  input[type=datetime-local] + label:after,
  input[type=tel] + label:after,
  input[type=number] + label:after,
  input[type=search] + label:after,
  textarea.materialize-textarea + label:after {
    display: block;
    content: "";
    position: relative;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out; }

.input-field {
  position: relative;
  margin-top: 1rem; }
  .input-field label {
    color: #9E9E9E;
    position: absolute;
    top: 0.8rem;
    left: 1.4375rem;
    font-size: 1rem;
    cursor: text;
    font-weight: normal;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
    .input-field label span {
      color: #F33; }
  .input-field label.active {
    font-size: 0.8rem;
    left: 0.9375rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%); }
  .input-field.text-area {
    height: auto;
    padding-top: 1.2rem; }
    .input-field.text-area label {
      top: 3rem;
      bottom: inherit; }
    .input-field.text-area label.active {
      font-size: 0.8rem;
      position: absolute;
      top: 10px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s; }
    .input-field .prefix.active {
      color: #7F99EB; }
  .input-field .prefix ~ input,
  .input-field .prefix ~ textarea {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem); }
  .input-field .prefix ~ textarea {
    padding-top: .8rem; }
  .input-field .prefix ~ label {
    margin-left: 3rem; }
  @media screen and (max-width: 63.9375em) {
    .input-field .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem); } }
  @media screen and (max-width: 63.9375em) {
    .input-field .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem); } }
  .input-field .posfix {
    position: absolute;
    font-size: 1.2rem;
    right: 14px;
    top: 0.5rem;
    color: #7F99EB;
    border-bottom: 0;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s; }
    .input-field .posfix.active {
      color: #7F99EB; }
    .input-field .posfix img {
      width: 18px;
      position: relative;
      top: -2px; }

.input-field input[type=search] {
  display: block;
  line-height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem); }
  .input-field input[type=search]:focus {
    background-color: #ffffff;
    border: 0;
    box-shadow: none;
    color: #444; }
    .input-field input[type=search]:focus + label i,
    .input-field input[type=search]:focus ~ .mdi-navigation-close,
    .input-field input[type=search]:focus ~ .material-icons {
      color: #444; }
  .input-field input[type=search] + label {
    left: 10px; }
  .input-field input[type=search] ~ .mdi-navigation-close,
  .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    transition: .3s color; }

textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent; }
  textarea.materialize-textarea {
    overflow-y: hidden;
    /* prevents scroll bar flash */
    padding-left: 10px;
    /* prevents text jump on Enter keypress */
    resize: none;
    min-height: 3rem; }

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */ }

/***************
  Radio Buttons
***************/
/* Remove default Radio Buttons */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  color: #333333;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: calc((2rem - 1.3rem) / 2);
  width: 1.3rem;
  height: 1.3rem;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #E1E1E1;
  background-color: #E1E1E1; }

[type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #E1E1E1;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent; }

[type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #E1E1E1;
  background-color: #7F99EB;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:before {
  border-radius: 50%;
  border: 2px solid #E1E1E1; }

[type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
  background-color: #7F99EB;
  z-index: 0;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6); }

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26); }

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD; }

/***************
   Checkboxes
***************/
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    color: #333333;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
  [type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #E1E1E1;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
  [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }

[type="checkbox"]:checked + label:before {
  top: 2px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #7F99EB;
  border-bottom: 2px solid #7F99EB;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  background-color: transparent; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #7F99EB;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 0px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: #E1E1E1;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #7F99EB;
  border-bottom: 2px solid #7F99EB;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #E1E1E1;
  background-color: #E1E1E1;
  z-index: 0; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }

/***************
     Switch
***************/
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.switch label {
  cursor: pointer; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0; }

.switch label input[type=checkbox]:checked + .lever {
  background-color: #7F99EB; }

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #ffffff; }

.switch.token label input[type=checkbox]:checked + .lever:after {
  left: 46px; }

.switch.token label input[type=checkbox]:checked + .lever:before {
  content: 'Móvil'; }

.switch.token label .lever {
  width: 68px; }
  .switch.token label .lever:before {
    content: 'Físico'; }

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 46px;
  height: 24px;
  background-color: #9E9E9E;
  border-radius: 20px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px; }
  .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 20px;
    left: 3px;
    top: 2px;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }
  .switch label .lever:before {
    content: '';
    position: absolute;
    color: #9E9E9E;
    left: 44px;
    font-size: 0.8rem;
    line-height: 40px; }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); }

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }

.switch label input[type=checkbox]:checked + .lever:after {
  left: 24px; }

.switch label input[type=checkbox]:checked + .lever:before {
  content: '';
  color: #ffffff;
  left: 10px; }

.switch input[type=checkbox][disabled] + .lever {
  cursor: default; }

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD; }

/***************
  Select Field
***************/
.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 240px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 9;
  will-change: width, height;
  border: 1px solid #E6E6E6; }
  .dropdown-content li {
    clear: both;
    color: #9E9E9E;
    cursor: pointer;
    max-height: 40px;
    line-height: 1;
    width: 100%;
    text-align: left;
    text-transform: none;
    background-image: none;
    padding-left: 0; }
    .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
      background-color: #7F99EB; }
      .dropdown-content li:hover > a, .dropdown-content li:hover > span, .dropdown-content li.active > a, .dropdown-content li.active > span, .dropdown-content li.selected > a, .dropdown-content li.selected > span {
        color: #ffffff !important; }
    .dropdown-content li.active.selected {
      background-color: #6987e8; }
    .dropdown-content li.divider {
      min-height: 0;
      height: 1px; }
    .dropdown-content li > a, .dropdown-content li > span {
      font-size: 1rem;
      color: #9E9E9E;
      display: block;
      line-height: 22px;
      padding: 9px 16px; }
      .dropdown-content li > a:hover, .dropdown-content li > span:hover {
        color: #ffffff; }
    .dropdown-content li > span > label {
      top: 1px;
      left: 3px;
      height: 18px; }
    .dropdown-content li > a > i {
      height: inherit;
      line-height: inherit; }

.select-label {
  position: absolute; }

.select-mini .select-wrapper input.select-dropdown {
  height: 2rem;
  font-size: 0.73rem;
  width: calc(100% - 10px);
  padding: 0 5px;
  color: #9E9E9E; }

.select-mini .select-wrapper span.caret {
  right: 2px;
  top: 7px; }

.select-mini .select-wrapper .dropdown-content li {
  max-height: 30px; }
  .select-mini .select-wrapper .dropdown-content li > a, .select-mini .select-wrapper .dropdown-content li > span {
    font-size: 0.7rem;
    line-height: 22px;
    padding: 4px 10px; }

.select-wrapper {
  position: relative; }
  .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9E9E9E;
    outline: none;
    height: 2.5rem;
    line-height: 2.5rem;
    width: calc(100% - 20px);
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0 10px;
    display: block; }
  .select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 20px;
    z-index: 1; }
    .select-wrapper span.caret:before {
      content: "\f107";
      font-family: 'FontAwesome'; }
    .select-wrapper span.caret.disabled {
      color: rgba(0, 0, 0, 0.26); }
  .select-wrapper + label {
    position: absolute;
    top: -1.2rem;
    font-size: 0.8rem;
    left: .9375rem; }

select {
  display: none; }

select.browser-default {
  display: block;
  width: 100%;
  background-color: #efefef;
  border: none;
  outline: none;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1rem;
  margin: 0 0 15px 0;
  padding: 0 10px; }
  select.browser-default ~ label {
    font-size: 0.8rem;
    left: .9375rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%); }

select:disabled {
  color: rgba(0, 0, 0, 0.3); }

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -ms-user-select: none;
  /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3); }

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1); }

.select-dropdown li img {
  height: 30px;
  width: 30px;
  margin: 5px 15px;
  float: right; }

.select-dropdown li.optgroup {
  border-top: 1px solid #7F99EB; }
  .select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7); }
  .select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4); }
  .select-dropdown li.optgroup ~ li:not(.optgroup) {
    padding-left: 1rem; }

/***************
      Range
***************/
.range-field {
  position: relative; }
  .range-field label {
    color: #9E9E9E;
    font-size: 0.8rem; }
    .range-field label.fin {
      float: right; }

input[type=range], input[type=range] + .thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 0px 0px 15px 0px;
  padding: 0; }

input[type=range] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #9E9E9E;
  top: 10px;
  margin-left: -6px; }
  input[type=range] + .thumb .value {
    display: block;
    width: 50px;
    text-align: center;
    color: #000000;
    font-size: 0; }
  input[type=range] + .thumb.active {
    border-radius: 2px; }
    input[type=range] + .thumb.active .value {
      color: #000000;
      margin-left: -1px;
      margin-top: 5px;
      font-size: 0.7rem;
      font-weight: bold; }

input[type=range]:focus {
  outline: none; }

input[type=range] {
  -webkit-appearance: none; }

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #7F99EB;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc; }

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/ }

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none; }

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #7F99EB;
  margin-top: -5px; }

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px; }

input[type=range]:focus::-moz-range-track {
  background: #ccc; }

input[type=range]::-ms-track {
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #777; }

input[type=range]::-ms-fill-upper {
  background: #ddd; }

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #7F99EB; }

input[type=range]:focus::-ms-fill-lower {
  background: #888; }

input[type=range]:focus::-ms-fill-upper {
  background: #ccc; }

/***************************
   Text Inputs + Textarea
****************************/
select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem; }

/***************************
   Text Inputs + Textarea
****************************/
input[type=password],
.contrasena input[type=text] {
  width: calc(100% - 60px);
  padding: 0 50px 0 10px; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity; }
  .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0; }
  .modal .modal-content {
    padding: 24px; }
  .modal .modal-close {
    cursor: pointer; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%; }
    .modal .modal-footer .btn, .modal .modal-footer .btn-flat {
      float: right;
      margin: 6px 0; }

.lean-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%; }
  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0; }

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity; }

.slider {
  position: relative;
  width: 100%;
  z-index: 0; }
  .slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .slider.fullscreen ul.slides {
      height: 100%; }
    .slider.fullscreen ul.indicators {
      z-index: 2;
      bottom: 50px; }
  .slider .slides {
    background-color: #000000;
    margin: 0; }
    .slider .slides li {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: inherit;
      overflow: hidden;
      background-image: none;
      padding-left: 0; }
      .slider .slides li img {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
        transition: all ease 400ms;
        opacity: 0.7; }
      .slider .slides li .caption {
        background-color: rgba(0, 0, 0, 0);
        color: #ffffff;
        position: absolute;
        width: 50%;
        top: 50%;
        opacity: inherit;
        z-index: 1;
        -webkit-transition: opacity ease 400ms;
        -moz-transition: opacity ease 400ms;
        -o-transition: opacity ease 400ms;
        -ms-transition: opacity ease 400ms;
        transition: opacity ease 400ms;
        left: 25%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        /*&:hover {
            background-color: rgba(0,0,0,0);
            ~ img {
               transform: scale(1.1);
               transition: all ease 1s;
               opacity: 0.2;
            }
        }*/ }
        .slider .slides li .caption p {
          color: #ffffff;
          text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
          .slider .slides li .caption p span {
            display: block;
            font-size: 68%; }
        .slider .slides li .caption p {
          color: #ffffff;
          font-size: 50px;
          line-height: 1; }
      .slider .slides li.active {
        z-index: 2; }
  .slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 110px;
    margin: 0;
    z-index: 2; }
    .slider .indicators li.indicator-item {
      background-image: none;
      padding-left: 0; }
    .slider .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 10px;
      width: 10px;
      margin: 0 5px;
      border: 1px solid #1c355e;
      transition: all ease .3s;
      border-radius: 50%; }
      .slider .indicators .indicator-item:hover {
        background-color: #1c355e; }
      .slider .indicators .indicator-item.active {
        background-color: #1c355e; }

.contenedorTexto {
  color: #ffffff;
  text-align: center;
  display: block;
  padding: 20px; }

.contenedor-botones-slider {
  position: absolute;
  width: 100%;
  top: 50%;
  padding: 0 15px;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2; }

.SliderPrevButton,
.SliderNextButton {
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  color: #1c355e;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }

.SliderPrevButton:hover,
.SliderNextButton:hover {
  background-color: black;
  text-shadow: none; }

.SliderNextButton:before {
  content: "\f105";
  font-family: 'FontAwesome'; }

.SliderPrevButton:before {
  content: "\f104";
  font-family: 'FontAwesome'; }

.SliderPrevButton {
  left: 0;
  padding: 0 10px; }

.SliderNextButton {
  right: 0;
  padding: 0 10px; }

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden; }

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  transform-origin: 50% 0%;
  visibility: hidden; }

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px; }
  .preloader-wrapper.small {
    width: 36px;
    height: 36px; }
  .preloader-wrapper.big {
    width: 64px;
    height: 64px; }
  .preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite; }

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes container-rotate {
  to {
    transform: rotate(360deg); } }

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }

@keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }

@keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }

.gap-patch .circle {
  width: 1000%;
  left: -450%; }

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
  .circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg); } }

@keyframes left-spin {
  from {
    transform: rotate(130deg); }
  50% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(130deg); } }

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg); } }

@keyframes right-spin {
  from {
    transform: rotate(-130deg); }
  50% {
    transform: rotate(5deg); }
  to {
    transform: rotate(-130deg); } }

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.preloader {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: white;
  border-radius: 2px;
  margin: .5rem 0 .5rem 0;
  overflow: hidden; }
  .preloader .determinate {
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #7F99EB;
    -webkit-transition: width 0.3s linear;
    -moz-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    -ms-transition: width 0.3s linear;
    transition: width 0.3s linear; }
  .preloader .indeterminate {
    background-color: #7F99EB; }
    .preloader .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .preloader .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -webkit-animation-delay: 1.15s;
      -moz-animation-delay: 1.15s;
      -ms-animation-delay: 1.15s;
      -o-animation-delay: 1.15s;
      animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-moz-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@-moz-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%; }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: 20%auto; } }

/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: color("blue", "lighten-5"); }

.picker__frame {
  margin: 0 auto;
  max-width: 325px; }

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: .25em;
  margin-right: .25em; }

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%; }

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 25%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0A365D; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

.picker__table th, .picker__table td {
  text-align: center; }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500; }

.picker__day--outfocus {
  display: none;
  padding: .75rem 0;
  color: #fff; }

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0A365D;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden; }

.picker__date-display {
  text-align: center;
  background-color: #1c355e;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #0A365D; }

.picker__weekday-display {
  background-color: #0A365D;
  padding: 10px;
  font-weight: 200;
  letter-spacing: .5;
  font-size: 1rem;
  margin-bottom: 15px; }

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem; }

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400; }

.picker__year-display {
  font-size: 1.8rem;
  color: #ffffff; }

.picker__box {
  padding: 0; }

.picker__calendar-container {
  padding: 0 1rem; }
  .picker__calendar-container thead {
    border: none; }

.picker__table {
  margin-top: 0;
  margin-bottom: .5em; }

.picker__day--infocus {
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day.picker__day--today {
  color: #1c355e; }

.picker__day.picker__day--today.picker__day--selected {
  color: #fff; }

.picker__weekday {
  font-size: .9rem; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  background-color: #1c355e;
  color: #ffffff; }
  .picker__day--selected.picker__day--outfocus,
  .picker__day--selected:hover.picker__day--outfocus,
  .picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: #ffffff; }

.picker__footer {
  text-align: right;
  padding: 5px 10px; }

.picker__close, .picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #1c355e; }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #ffffff; }

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0; }

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10; }

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto; }

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666; }

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none; }

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold; }

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff; }

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px; }

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0; }

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em; } }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
   * Remove default margin.
   */
body {
  margin: 0; }

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted; }

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold; }

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: normal; }

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000; }

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0; }

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px; }

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  box-sizing: content-box;
  height: 0; }

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto; }

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible; }

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none; }

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal; }

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto; }

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold; }

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=48em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  font-size: 100%;
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  background: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 6px 6px 6px 0; }

select {
  width: 100%;
  border-radius: 6px 6px 6px 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 6px 6px 6px 0;
  line-height: 1; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 48em) {
      .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }
  @media screen and (min-width: 48em) {
    .column, .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 48em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
  font-weight: normal; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
  color: #929292;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1; }
  h1.subtitulo,
  h2.subtitulo,
  h3.subtitulo,
  h4.subtitulo,
  h5.subtitulo,
  h6.subtitulo {
    color: #333333;
    width: 65%;
    margin: 0 auto; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #9E9E9E;
    line-height: 0; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }

@media screen and (min-width: 48em) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; } }

a {
  color: #00A3D4;
  font-weight: normal;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  transition: all ease 400ms; }
  a.button {
    border-bottom: 0; }
    a.button:hover, a.button:focus {
      border-bottom: 0; }
  a:hover, a:focus {
    border-bottom: 1px solid #00A3D4; }
  a img {
    border: 0; }

hr {
  max-width: 72.5rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #9E9E9E;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.5;
  margin-bottom: 1rem;
  list-style-position: outside; }

li {
  font-size: inherit; }

ul {
  list-style-type: none;
  margin-left: 0; }

ol {
  margin-left: 0; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #9E9E9E; }
  blockquote, blockquote p {
    line-height: 1.2;
    color: #333333; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #333333; }
  cite:before {
    content: '\2014 \0020'; }

abbr {
  color: #000000;
  cursor: help;
  border-bottom: 1px dotted #000000; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000;
  background-color: #E1E1E1;
  border: 1px solid #9E9E9E;
  padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #E1E1E1;
  color: #000000;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #333333; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media screen and (min-width: 48em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

input[type="button"],
input[type="submit"] {
  border: 0; }

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
  vertical-align: middle;
  border-radius: 6px 6px 6px 0;
  padding: 0.5em 2.7em;
  margin: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: normal;
  background-color: #00A3D4;
  color: #ffffff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:active {
    background-color: #0A365D;
    color: #ffffff;
    -webkit-box-shadow: 1px 1px 0px 0px #929292;
    -moz-box-shadow: 1px 1px 0px 0px #929292;
    box-shadow: 1px 1px 0px 0px #929292; }
  .button:focus {
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
    -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
    box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 1rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .button.primary {
    background-color: #1c355e;
    color: #ffffff; }
    .button.primary:hover, .button.primary:active {
      background-color: #162a4b;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.primary:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.secondary {
    background-color: #929292;
    color: #ffffff; }
    .button.secondary:hover, .button.secondary:active {
      background-color: #757575;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.secondary:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.success {
    background-color: #3CB9A1;
    color: #ffffff; }
    .button.success:hover, .button.success:active {
      background-color: #309481;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.success:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.alert {
    background-color: #F33;
    color: #ffffff; }
    .button.alert:hover, .button.alert:active {
      background-color: #f50000;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.alert:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.warning {
    background-color: #ffc934;
    color: #000000; }
    .button.warning:hover, .button.warning:active {
      background-color: #f6b400;
      color: #000000;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.warning:focus {
      color: #000000;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.azul {
    background-color: #1c355e;
    color: #ffffff; }
    .button.azul:hover, .button.azul:active {
      background-color: #162a4b;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.azul:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.limon {
    background-color: #DBDF2D;
    color: #ffffff; }
    .button.limon:hover, .button.limon:active {
      background-color: #b7ba1c;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.limon:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.amarilloverdoso {
    background-color: #A4CD4C;
    color: #ffffff; }
    .button.amarilloverdoso:hover, .button.amarilloverdoso:active {
      background-color: #87b031;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.amarilloverdoso:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.verdemarino {
    background-color: #64C49A;
    color: #ffffff; }
    .button.verdemarino:hover, .button.verdemarino:active {
      background-color: #41ac7d;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.verdemarino:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.lavanda {
    background-color: #7F99EB;
    color: #000000; }
    .button.lavanda:hover, .button.lavanda:active {
      background-color: #4067e1;
      color: #000000;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.lavanda:focus {
      color: #000000;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.azulcash-color {
    background-color: #00B3F0;
    color: #ffffff; }
    .button.azulcash-color:hover, .button.azulcash-color:active {
      background-color: #008fc0;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.azulcash-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.azulenlace-color {
    background-color: #54B9D8;
    color: #ffffff; }
    .button.azulenlace-color:hover, .button.azulenlace-color:active {
      background-color: #2da0c3;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.azulenlace-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.azulcielo-color {
    background-color: #00B2E2;
    color: #ffffff; }
    .button.azulcielo-color:hover, .button.azulcielo-color:active {
      background-color: #008eb5;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.azulcielo-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.verdelight-color {
    background-color: #76bcc6;
    color: #000000; }
    .button.verdelight-color:hover, .button.verdelight-color:active {
      background-color: #4aa5b3;
      color: #000000;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.verdelight-color:focus {
      color: #000000;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.verdemedium-color {
    background-color: #57bec4;
    color: #ffffff; }
    .button.verdemedium-color:hover, .button.verdemedium-color:active {
      background-color: #3ba2a8;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.verdemedium-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.verdebtna-color {
    background-color: #06c1c6;
    color: #ffffff; }
    .button.verdebtna-color:hover, .button.verdebtna-color:active {
      background-color: #059a9e;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.verdebtna-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.verdecash-color {
    background-color: #3CB9A1;
    color: #ffffff; }
    .button.verdecash-color:hover, .button.verdecash-color:active {
      background-color: #309481;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.verdecash-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.moradolight-color {
    background-color: #4c63e6;
    color: #ffffff; }
    .button.moradolight-color:hover, .button.moradolight-color:active {
      background-color: #1e3ad7;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.moradolight-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.moradocash-color {
    background-color: #5b59d1;
    color: #ffffff; }
    .button.moradocash-color:hover, .button.moradocash-color:active {
      background-color: #3634bb;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.moradocash-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.azuliconos-color {
    background-color: #00A3D4;
    color: #ffffff; }
    .button.azuliconos-color:hover, .button.azuliconos-color:active {
      background-color: #0082aa;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.azuliconos-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.azulhover-color {
    background-color: #0A365D;
    color: #ffffff; }
    .button.azulhover-color:hover, .button.azulhover-color:active {
      background-color: #082b4a;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.azulhover-color:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.hollow {
    border: 1px solid #00A3D4;
    color: #00A3D4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: #ffffff; }
    .button.hollow:hover, .button.hollow:active {
      background-color: #0A365D;
      border-color: #00A3D4;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button.hollow:focus {
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.primary {
      border: 1px solid #1c355e;
      color: #1c355e;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.primary:hover, .button.hollow.primary:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.primary:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.secondary {
      border: 1px solid #929292;
      color: #929292;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.secondary:hover, .button.hollow.secondary:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.secondary:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.success {
      border: 1px solid #3CB9A1;
      color: #3CB9A1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.success:hover, .button.hollow.success:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.success:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.alert {
      border: 1px solid #F33;
      color: #F33;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.alert:hover, .button.hollow.alert:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.alert:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.warning {
      border: 1px solid #ffc934;
      color: #ffc934;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.warning:hover, .button.hollow.warning:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.warning:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.azul {
      border: 1px solid #1c355e;
      color: #1c355e;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.azul:hover, .button.hollow.azul:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.azul:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.limon {
      border: 1px solid #DBDF2D;
      color: #DBDF2D;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.limon:hover, .button.hollow.limon:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.limon:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.amarilloverdoso {
      border: 1px solid #A4CD4C;
      color: #A4CD4C;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.amarilloverdoso:hover, .button.hollow.amarilloverdoso:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.amarilloverdoso:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.verdemarino {
      border: 1px solid #64C49A;
      color: #64C49A;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.verdemarino:hover, .button.hollow.verdemarino:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.verdemarino:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.lavanda {
      border: 1px solid #7F99EB;
      color: #7F99EB;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.lavanda:hover, .button.hollow.lavanda:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.lavanda:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.azulcash-color {
      border: 1px solid #00B3F0;
      color: #00B3F0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.azulcash-color:hover, .button.hollow.azulcash-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.azulcash-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.azulenlace-color {
      border: 1px solid #54B9D8;
      color: #54B9D8;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.azulenlace-color:hover, .button.hollow.azulenlace-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.azulenlace-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.azulcielo-color {
      border: 1px solid #00B2E2;
      color: #00B2E2;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.azulcielo-color:hover, .button.hollow.azulcielo-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.azulcielo-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.verdelight-color {
      border: 1px solid #76bcc6;
      color: #76bcc6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.verdelight-color:hover, .button.hollow.verdelight-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.verdelight-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.verdemedium-color {
      border: 1px solid #57bec4;
      color: #57bec4;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.verdemedium-color:hover, .button.hollow.verdemedium-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.verdemedium-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.verdebtna-color {
      border: 1px solid #06c1c6;
      color: #06c1c6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.verdebtna-color:hover, .button.hollow.verdebtna-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.verdebtna-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.verdecash-color {
      border: 1px solid #3CB9A1;
      color: #3CB9A1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.verdecash-color:hover, .button.hollow.verdecash-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.verdecash-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.moradolight-color {
      border: 1px solid #4c63e6;
      color: #4c63e6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.moradolight-color:hover, .button.hollow.moradolight-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.moradolight-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.moradocash-color {
      border: 1px solid #5b59d1;
      color: #5b59d1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.moradocash-color:hover, .button.hollow.moradocash-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.moradocash-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.azuliconos-color {
      border: 1px solid #00A3D4;
      color: #00A3D4;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.azuliconos-color:hover, .button.hollow.azuliconos-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.azuliconos-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.hollow.azulhover-color {
      border: 1px solid #0A365D;
      color: #0A365D;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.hollow.azulhover-color:hover, .button.hollow.azulhover-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.hollow.azulhover-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.solo-icono {
    border: 0 !important;
    color: #00A3D4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 10px 0; }
    .button.solo-icono, .button.solo-icono:hover, .button.solo-icono:focus {
      background-color: transparent; }
    .button.solo-icono i {
      font-size: 30px; }
    .button.solo-icono:hover, .button.solo-icono:active {
      color: #00A3D4;
      border: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .button.solo-icono:focus {
      color: #00A3D4;
      border: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .button.solo-icono.primary {
      border: 1px solid #1c355e;
      color: #1c355e;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.primary:hover, .button.solo-icono.primary:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.primary:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.secondary {
      border: 1px solid #929292;
      color: #929292;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.secondary:hover, .button.solo-icono.secondary:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.secondary:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.success {
      border: 1px solid #3CB9A1;
      color: #3CB9A1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.success:hover, .button.solo-icono.success:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.success:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.alert {
      border: 1px solid #F33;
      color: #F33;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.alert:hover, .button.solo-icono.alert:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.alert:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.warning {
      border: 1px solid #ffc934;
      color: #ffc934;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.warning:hover, .button.solo-icono.warning:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.warning:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.azul {
      border: 1px solid #1c355e;
      color: #1c355e;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.azul:hover, .button.solo-icono.azul:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.azul:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.limon {
      border: 1px solid #DBDF2D;
      color: #DBDF2D;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.limon:hover, .button.solo-icono.limon:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.limon:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.amarilloverdoso {
      border: 1px solid #A4CD4C;
      color: #A4CD4C;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.amarilloverdoso:hover, .button.solo-icono.amarilloverdoso:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.amarilloverdoso:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.verdemarino {
      border: 1px solid #64C49A;
      color: #64C49A;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.verdemarino:hover, .button.solo-icono.verdemarino:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.verdemarino:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.lavanda {
      border: 1px solid #7F99EB;
      color: #7F99EB;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.lavanda:hover, .button.solo-icono.lavanda:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.lavanda:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.azulcash-color {
      border: 1px solid #00B3F0;
      color: #00B3F0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.azulcash-color:hover, .button.solo-icono.azulcash-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.azulcash-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.azulenlace-color {
      border: 1px solid #54B9D8;
      color: #54B9D8;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.azulenlace-color:hover, .button.solo-icono.azulenlace-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.azulenlace-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.azulcielo-color {
      border: 1px solid #00B2E2;
      color: #00B2E2;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.azulcielo-color:hover, .button.solo-icono.azulcielo-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.azulcielo-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.verdelight-color {
      border: 1px solid #76bcc6;
      color: #76bcc6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.verdelight-color:hover, .button.solo-icono.verdelight-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.verdelight-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.verdemedium-color {
      border: 1px solid #57bec4;
      color: #57bec4;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.verdemedium-color:hover, .button.solo-icono.verdemedium-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.verdemedium-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.verdebtna-color {
      border: 1px solid #06c1c6;
      color: #06c1c6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.verdebtna-color:hover, .button.solo-icono.verdebtna-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.verdebtna-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.verdecash-color {
      border: 1px solid #3CB9A1;
      color: #3CB9A1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.verdecash-color:hover, .button.solo-icono.verdecash-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.verdecash-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.moradolight-color {
      border: 1px solid #4c63e6;
      color: #4c63e6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.moradolight-color:hover, .button.solo-icono.moradolight-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.moradolight-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.moradocash-color {
      border: 1px solid #5b59d1;
      color: #5b59d1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.moradocash-color:hover, .button.solo-icono.moradocash-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.moradocash-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.azuliconos-color {
      border: 1px solid #00A3D4;
      color: #00A3D4;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.azuliconos-color:hover, .button.solo-icono.azuliconos-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.azuliconos-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
    .button.solo-icono.azulhover-color {
      border: 1px solid #0A365D;
      color: #0A365D;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .button.solo-icono.azulhover-color:hover, .button.solo-icono.azulhover-color:active {
        background-color: #0A365D;
        border-color: #00A3D4;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 0px 0px #929292;
        -moz-box-shadow: 1px 1px 0px 0px #929292;
        box-shadow: 1px 1px 0px 0px #929292; }
      .button.solo-icono.azulhover-color:focus {
        -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
        -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
        box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button.rounded {
    height: 54px;
    font-size: 1.9rem;
    padding: 0;
    margin: 0;
    line-height: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75); }
  .button.sinFondo {
    background-color: transparent;
    color: #9E9E9E;
    font-weight: normal;
    padding: 0 2px; }
    .button.sinFondo:hover, .button.sinFondo:focus, .button.sinFondo:active {
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color: #00A3D4; }
    .button.sinFondo.seleccionado {
      color: #00A3D4; }
  .button.icono-extendido {
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-shadow: none; }
    .button.icono-extendido.pequeno {
      font-size: 0.9rem;
      text-align: left; }
      .button.icono-extendido.pequeno i {
        font-size: 3.7rem;
        line-height: 2.7rem;
        color: white;
        position: relative;
        margin-right: 1rem; }
    .button.icono-extendido i {
      position: absolute;
      font-size: 5.5rem;
      left: -10px;
      top: 50%;
      color: rgba(255, 255, 255, 0.5);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .button.icono-circulo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border-radius: 25px;
    height: 50px;
    width: 50px;
    border: 0; }
    .button.icono-circulo i {
      font-size: 2rem;
      line-height: 50px; }
    .button.icono-circulo:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: 0; }
  .button.icono-texto {
    border-radius: 0;
    color: #7F99EB;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    margin: 0;
    font-size: 1rem; }
    .button.icono-texto.centrado {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .button.icono-texto i {
      color: #7F99EB;
      margin-bottom: 2px; }
    .button.icono-texto p {
      margin-bottom: 0;
      font-size: 0.7rem; }
    .button.icono-texto:hover, .button.icono-texto:focus {
      color: #0A365D;
      background-color: transparent;
      border-bottom: 1px solid #0A365D; }
      .button.icono-texto:hover i, .button.icono-texto:focus i {
        color: #7F99EB; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #ffffff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 2.7em;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: 0.2em; }
  .button.icono.derecho {
    padding: 0.75em 2.2em 0.75em 1em; }
    .button.icono.derecho i {
      margin-left: 10px; }
  .button.icono.izquierdo {
    padding: 0.75em 1em 0.75em 2.2em; }
    .button.icono.izquierdo i {
      margin-left: -20px; }
  .button.icono i {
    font-size: 1.7rem;
    line-height: 1rem;
    position: absolute; }
  .button.boton-corto {
    padding: 0.5em 2.7em;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  .button.azulcash {
    background: #00B3F0; }
  .button.verdeBtna {
    background: #06c1c6; }
    .button.verdeBtna:hover {
      background: #00A3D4; }
  .button.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100; }
  .button.whatsapp-icon {
    margin-top: 13px; }
  .button.azulBtna {
    background: #00A3D4; }
  .button.basic {
    padding: 0.5em 1.7em; }
  .button:hover {
    background: #0A365D; }
  .button.azulHome {
    background: #0A365D; }
    .button.azulHome:hover {
      background: #00A3D4; }
  .button.cta {
    margin-top: 1.5em;
    margin-bottom: 0; }
  .button.collapse__custom:hover {
    color: #0A365D;
    background-color: transparent;
    border-bottom: 1px solid #0A365D; }

/*@include foundation-form-text;
  @include foundation-form-checkbox;
  @include foundation-form-label;
  @include foundation-form-helptext;*/
.input-group {
  display: table;
  width: 100%;
  margin-bottom: 0; }
  .input-group > :first-child {
    border-radius: 6px 6px 6px 0 0 0 6px 6px 6px 0; }
  .input-group > :last-child > * {
    border-radius: 0 6px 6px 6px 0 6px 6px 6px 0 0; }

.input-group-label, .input-group-field, .input-group-button {
  display: table-cell;
  margin: 0;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  width: 1%;
  height: 100%;
  padding: 0 1rem;
  background: #E1E1E1;
  color: #000000;
  border: 1px solid #9E9E9E;
  white-space: nowrap; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%; }
  .input-group-button .button {
    padding: 8px 9px 6px 10px;
    border-radius: 0; }

/*@include foundation-form-fieldset;
  @include foundation-form-select;
  @include foundation-form-error;*/
.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 48em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 48em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 47.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 47.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

.accordion {
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #7F99EB;
  border-bottom: 1rem;
  border-radius: 0;
  margin-left: 0; }
  .accordion .is-active .accordion-title {
    border-bottom: 0; }

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #333333;
  position: relative;
  font-weight: normal; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #E1E1E1;
    color: #333333;
    border-bottom: 1px solid #7F99EB; }
  .accordion-title::before {
    content: "\e92c";
    font-family: 'cashclick';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3rem; }
  .is-active > .accordion-title::before {
    content: "\e92b"; }

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #7F99EB;
  background-color: #ffffff; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #1c355e transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform-origin: 50% 50%;
  transform: scaleY(-1); }

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #1c355e;
  color: #ffffff; }
  .badge.secondary {
    background: #929292;
    color: #ffffff; }
  .badge.success {
    background: #3CB9A1;
    color: #ffffff; }
  .badge.alert {
    background: #F33;
    color: #ffffff; }
  .badge.warning {
    background: #ffc934;
    color: #000000; }
  .badge.azul {
    background: #1c355e;
    color: #ffffff; }
  .badge.limon {
    background: #DBDF2D;
    color: #ffffff; }
  .badge.amarilloverdoso {
    background: #A4CD4C;
    color: #ffffff; }
  .badge.verdemarino {
    background: #64C49A;
    color: #ffffff; }
  .badge.lavanda {
    background: #7F99EB;
    color: #000000; }
  .badge.azulcash-color {
    background: #00B3F0;
    color: #ffffff; }
  .badge.azulenlace-color {
    background: #54B9D8;
    color: #ffffff; }
  .badge.azulcielo-color {
    background: #00B2E2;
    color: #ffffff; }
  .badge.verdelight-color {
    background: #76bcc6;
    color: #000000; }
  .badge.verdemedium-color {
    background: #57bec4;
    color: #ffffff; }
  .badge.verdebtna-color {
    background: #06c1c6;
    color: #ffffff; }
  .badge.verdecash-color {
    background: #3CB9A1;
    color: #ffffff; }
  .badge.moradolight-color {
    background: #4c63e6;
    color: #ffffff; }
  .badge.moradocash-color {
    background: #5b59d1;
    color: #ffffff; }
  .badge.azuliconos-color {
    background: #00A3D4;
    color: #ffffff; }
  .badge.azulhover-color {
    background: #0A365D;
    color: #ffffff; }

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0; }
  .breadcrumbs::before, .breadcrumbs::after {
    content: ' ';
    display: table; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    color: #000000;
    font-size: 0.6875rem;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      color: #9E9E9E;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px;
      opacity: 1; }
  .breadcrumbs a {
    color: #7F99EB; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #9E9E9E; }

.button-group {
  margin-bottom: 1rem;
  font-size: 1.4rem; }
  .button-group::before, .button-group::after {
    content: ' ';
    display: table; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    float: left;
    margin: 0;
    font-size: inherit; }
    .button-group .button:not(:last-child) {
      border-right: 1px solid white; }
  .button-group.tiny {
    font-size: 0.6rem; }
  .button-group.small {
    font-size: 1rem; }
  .button-group.large {
    font-size: 1.25rem; }
  .button-group.expanded {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .button-group.expanded::before, .button-group.expanded::after {
      display: none; }
    .button-group.expanded .button {
      display: table-cell;
      float: none; }
  .button-group.primary .button {
    background-color: #1c355e;
    color: #ffffff; }
    .button-group.primary .button:hover, .button-group.primary .button:active {
      background-color: #162a4b;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.primary .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.secondary .button {
    background-color: #929292;
    color: #ffffff; }
    .button-group.secondary .button:hover, .button-group.secondary .button:active {
      background-color: #757575;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.secondary .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.success .button {
    background-color: #3CB9A1;
    color: #ffffff; }
    .button-group.success .button:hover, .button-group.success .button:active {
      background-color: #309481;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.success .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.alert .button {
    background-color: #F33;
    color: #ffffff; }
    .button-group.alert .button:hover, .button-group.alert .button:active {
      background-color: #f50000;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.alert .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.warning .button {
    background-color: #ffc934;
    color: #000000; }
    .button-group.warning .button:hover, .button-group.warning .button:active {
      background-color: #f6b400;
      color: #000000;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.warning .button:focus {
      color: #000000;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.azul .button {
    background-color: #1c355e;
    color: #ffffff; }
    .button-group.azul .button:hover, .button-group.azul .button:active {
      background-color: #162a4b;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.azul .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.limon .button {
    background-color: #DBDF2D;
    color: #ffffff; }
    .button-group.limon .button:hover, .button-group.limon .button:active {
      background-color: #b7ba1c;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.limon .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.amarilloverdoso .button {
    background-color: #A4CD4C;
    color: #ffffff; }
    .button-group.amarilloverdoso .button:hover, .button-group.amarilloverdoso .button:active {
      background-color: #87b031;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.amarilloverdoso .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.verdemarino .button {
    background-color: #64C49A;
    color: #ffffff; }
    .button-group.verdemarino .button:hover, .button-group.verdemarino .button:active {
      background-color: #41ac7d;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.verdemarino .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.lavanda .button {
    background-color: #7F99EB;
    color: #000000; }
    .button-group.lavanda .button:hover, .button-group.lavanda .button:active {
      background-color: #4067e1;
      color: #000000;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.lavanda .button:focus {
      color: #000000;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.azulcash-color .button {
    background-color: #00B3F0;
    color: #ffffff; }
    .button-group.azulcash-color .button:hover, .button-group.azulcash-color .button:active {
      background-color: #008fc0;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.azulcash-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.azulenlace-color .button {
    background-color: #54B9D8;
    color: #ffffff; }
    .button-group.azulenlace-color .button:hover, .button-group.azulenlace-color .button:active {
      background-color: #2da0c3;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.azulenlace-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.azulcielo-color .button {
    background-color: #00B2E2;
    color: #ffffff; }
    .button-group.azulcielo-color .button:hover, .button-group.azulcielo-color .button:active {
      background-color: #008eb5;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.azulcielo-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.verdelight-color .button {
    background-color: #76bcc6;
    color: #000000; }
    .button-group.verdelight-color .button:hover, .button-group.verdelight-color .button:active {
      background-color: #4aa5b3;
      color: #000000;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.verdelight-color .button:focus {
      color: #000000;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.verdemedium-color .button {
    background-color: #57bec4;
    color: #ffffff; }
    .button-group.verdemedium-color .button:hover, .button-group.verdemedium-color .button:active {
      background-color: #3ba2a8;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.verdemedium-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.verdebtna-color .button {
    background-color: #06c1c6;
    color: #ffffff; }
    .button-group.verdebtna-color .button:hover, .button-group.verdebtna-color .button:active {
      background-color: #059a9e;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.verdebtna-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.verdecash-color .button {
    background-color: #3CB9A1;
    color: #ffffff; }
    .button-group.verdecash-color .button:hover, .button-group.verdecash-color .button:active {
      background-color: #309481;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.verdecash-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.moradolight-color .button {
    background-color: #4c63e6;
    color: #ffffff; }
    .button-group.moradolight-color .button:hover, .button-group.moradolight-color .button:active {
      background-color: #1e3ad7;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.moradolight-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.moradocash-color .button {
    background-color: #5b59d1;
    color: #ffffff; }
    .button-group.moradocash-color .button:hover, .button-group.moradocash-color .button:active {
      background-color: #3634bb;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.moradocash-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.azuliconos-color .button {
    background-color: #00A3D4;
    color: #ffffff; }
    .button-group.azuliconos-color .button:hover, .button-group.azuliconos-color .button:active {
      background-color: #0082aa;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.azuliconos-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.azulhover-color .button {
    background-color: #0A365D;
    color: #ffffff; }
    .button-group.azulhover-color .button:hover, .button-group.azulhover-color .button:active {
      background-color: #082b4a;
      color: #ffffff;
      -webkit-box-shadow: 1px 1px 0px 0px #929292;
      -moz-box-shadow: 1px 1px 0px 0px #929292;
      box-shadow: 1px 1px 0px 0px #929292; }
    .button-group.azulhover-color .button:focus {
      color: #ffffff;
      -webkit-box-shadow: 0px 0px 5px 0px #00A3D4;
      -moz-box-shadow: 0px 0px 5px 0px #00A3D4;
      box-shadow: 0px 0px 5px 0px #00A3D4; }
  .button-group.stacked .button, .button-group.stacked-for-small .button {
    width: 100%; }
    .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {
      border-right: 1px solid; }
  @media screen and (min-width: 48em) {
    .button-group.stacked-for-small .button {
      width: auto; }
      .button-group.stacked-for-small .button:not(:last-child) {
        border-right: 1px solid white; } }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        border-right: 0; } }

.callout {
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px 6px 6px 0;
  position: relative;
  color: #000000;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d2def2; }
  .callout.secondary {
    background-color: #efefef; }
  .callout.success {
    background-color: #e1f5f1; }
  .callout.alert {
    background-color: #ffe0e0; }
  .callout.warning {
    background-color: #fff7e1; }
  .callout.azul {
    background-color: #d2def2; }
  .callout.limon {
    background-color: #fafae0; }
  .callout.amarilloverdoso {
    background-color: #f1f8e4; }
  .callout.verdemarino {
    background-color: #e8f6f0; }
  .callout.lavanda {
    background-color: #ecf0fc; }
  .callout.azulcash-color {
    background-color: #d7f5ff; }
  .callout.azulenlace-color {
    background-color: #e5f5f9; }
  .callout.azulcielo-color {
    background-color: #d4f6ff; }
  .callout.verdelight-color {
    background-color: #eaf5f6; }
  .callout.verdemedium-color {
    background-color: #e6f5f6; }
  .callout.verdebtna-color {
    background-color: #d2fdfe; }
  .callout.verdecash-color {
    background-color: #e1f5f1; }
  .callout.moradolight-color {
    background-color: #e4e8fb; }
  .callout.moradocash-color {
    background-color: #e6e6f8; }
  .callout.azuliconos-color {
    background-color: #d2f5ff; }
  .callout.azulhover-color {
    background-color: #c8e2f9; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.close-button {
  position: absolute;
  color: #1c355e;
  right: 1rem;
  top: 15px;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0A365D;
    background-color: transparent; }

.is-drilldown {
  position: relative;
  overflow: hidden; }

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #9E9E9E;
  transition: transform 0.15s linear; }
  .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%); }
  .is-drilldown-submenu.is-closing {
    transform: translateX(100%); }

.is-drilldown-submenu-parent > a {
  position: relative; }
  .is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #ffffff;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.js-drilldown-back > a::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #ffffff transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.dropdown-pane {
  background-color: white;
  border: 1px solid #9E9E9E;
  border-radius: 6px 6px 6px 0;
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: auto;
  z-index: 10; }
  .dropdown-pane.is-open {
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub {
  top: 100%;
  left: 0;
  right: auto; }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }
  .is-dropdown-menu.vertical > li .is-dropdown-submenu {
    top: 0;
    left: 100%; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    float: right;
    margin-left: 10px; }
  .is-dropdown-submenu-parent.is-down-arrow a {
    position: relative;
    display: inline-block; }
  .is-dropdown-submenu-parent.is-down-arrow > a::after {
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    content: '\f107';
    color: #1c355e;
    /** position: absolute; 
        top: rem-calc(2px) + rem-calc(get-side($menu-item-padding, top));
        right: 5px;
        **/ }
  .is-dropdown-submenu-parent.is-left-arrow > a::after {
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    content: '\f104';
    color: #1c355e;
    float: left;
    margin-left: 0;
    margin-right: 10px; }
  .is-dropdown-submenu-parent.is-right-arrow > a::after {
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 16px;
    content: '\f105';
    color: #1c355e; }
  .is-dropdown-submenu-parent.is-left-arrow.opens-inner .is-dropdown-submenu {
    right: 0;
    left: auto; }
  .is-dropdown-submenu-parent.is-right-arrow.opens-inner .is-dropdown-submenu {
    left: 0;
    right: auto; }
  .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
    top: 100%; }
  .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%; }

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #ffffff;
  border: 1px solid #E1E1E1; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
    .is-dropdown-submenu > li:hover {
      background-color: #E1E1E1; }
  .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .flex-video.widescreen {
    padding-bottom: 56.25%; }
  .flex-video.vimeo {
    padding-top: 0; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 6px 6px 6px 0;
  background: #1c355e;
  color: #ffffff; }
  .label.secondary {
    background: #929292;
    color: #ffffff; }
  .label.success {
    background: #3CB9A1;
    color: #ffffff; }
  .label.alert {
    background: #F33;
    color: #ffffff; }
  .label.warning {
    background: #ffc934;
    color: #000000; }
  .label.azul {
    background: #1c355e;
    color: #ffffff; }
  .label.limon {
    background: #DBDF2D;
    color: #ffffff; }
  .label.amarilloverdoso {
    background: #A4CD4C;
    color: #ffffff; }
  .label.verdemarino {
    background: #64C49A;
    color: #ffffff; }
  .label.lavanda {
    background: #7F99EB;
    color: #000000; }
  .label.azulcash-color {
    background: #00B3F0;
    color: #ffffff; }
  .label.azulenlace-color {
    background: #54B9D8;
    color: #ffffff; }
  .label.azulcielo-color {
    background: #00B2E2;
    color: #ffffff; }
  .label.verdelight-color {
    background: #76bcc6;
    color: #000000; }
  .label.verdemedium-color {
    background: #57bec4;
    color: #ffffff; }
  .label.verdebtna-color {
    background: #06c1c6;
    color: #ffffff; }
  .label.verdecash-color {
    background: #3CB9A1;
    color: #ffffff; }
  .label.moradolight-color {
    background: #4c63e6;
    color: #ffffff; }
  .label.moradocash-color {
    background: #5b59d1;
    color: #ffffff; }
  .label.azuliconos-color {
    background: #00A3D4;
    color: #ffffff; }
  .label.azulhover-color {
    background: #0A365D;
    color: #ffffff; }

.media-object {
  margin-bottom: 1rem;
  display: block; }
  .media-object img {
    max-width: none; }
  @media screen and (min-width: 0em) and (max-width: 47.9375em) {
    .media-object.stack-for-small .media-object-section {
      display: block;
      padding: 0;
      padding-bottom: 1rem; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

.menu {
  margin: 0;
  list-style-type: none; }
  [data-whatinput='mouse'] .menu > li {
    outline: 0; }
  .menu > li.title {
    background-color: #ffffff; }
  .menu > li > a {
    display: block;
    padding: 0 1rem;
    font-weight: 100;
    text-transform: inherit;
    color: #1c355e; }
    .menu > li > a.active {
      border-bottom: 2px solid #929292; }
    .menu > li > a:hover {
      color: #142542; }
  .menu > li.is-dropdown-submenu-item > a.active {
    border-bottom: 0;
    border-left: 3px solid #929292; }
  .menu > li > p {
    padding: 0 1rem;
    margin-bottom: 0;
    line-height: 60px; }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a > img,
  .menu > li > a > i {
    vertical-align: middle; }
  .menu > li > a > span {
    vertical-align: middle; }
  .menu > li > a > img,
  .menu > li > a > i {
    display: inline-block;
    margin-right: 0.25rem; }
  .menu > li {
    display: inline-block; }
  .menu.vertical > li {
    display: block; }
  .menu.vertical.small > li {
    line-height: 60px; }
  @media screen and (min-width: 48em) {
    .menu.medium-horizontal > li {
      display: inline-block; }
    .menu.medium-vertical > li {
      display: block; }
    .menu.medium-vertical.small > li {
      line-height: 60px; } }
  @media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
      display: inline-block; }
    .menu.large-vertical > li {
      display: block; }
    .menu.large-vertical.small > li {
      line-height: 60px; } }
  .menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem; }
  .menu.simple a {
    padding: 0; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a > img,
    .menu.icon-top > li > a > i {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0 1rem; }

.no-js [data-responsive-menu] ul {
  display: none; }

html,
body {
  height: 100%; }

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease; }
  .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    content: ' ';
    display: table; }
  .off-canvas-wrapper-inner::after {
    clear: both; }

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: white;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  z-index: 1;
  /**
    @if has-value($maincontent-shadow) {
      box-shadow: $maincontent-shadow;
    }
    */ }

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: background 0.5s ease; }

.off-canvas {
  position: absolute;
  background: #E1E1E1;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0); }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px; }
    .is-open-left {
      transform: translateX(250px); }
  .off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px; }
    .is-open-right {
      transform: translateX(-250px); }

@media screen and (min-width: 48em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; } }

@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; } }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none; }

.orbit-slide {
  width: 100%;
  max-height: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #ffffff; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #9E9E9E;
    border-radius: 50%; }
    .orbit-bullets button:hover {
      background-color: #333333; }
    .orbit-bullets button.is-active {
      background-color: #333333; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    content: ' ';
    display: table; }
  .pagination::after {
    clear: both; }
  .pagination li {
    font-size: 0.875rem;
    margin-right: 0.0625rem;
    border-radius: 6px 6px 6px 0;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media screen and (min-width: 48em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    color: #000000;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 6px 6px 6px 0; }
    .pagination a:hover,
    .pagination button:hover {
      background: #E1E1E1; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #1c355e;
    color: #ffffff;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #9E9E9E;
    cursor: default; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    content: '…';
    padding: 0.1875rem 0.625rem;
    color: #000000; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '«';
  display: inline-block;
  margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '»';
  display: inline-block;
  margin-left: 0.5rem; }

.progress {
  background-color: #9E9E9E;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 6px 6px 6px 0; }
  .progress.primary .progress-meter {
    background-color: #1c355e; }
  .progress.secondary .progress-meter {
    background-color: #929292; }
  .progress.success .progress-meter {
    background-color: #3CB9A1; }
  .progress.alert .progress-meter {
    background-color: #F33; }
  .progress.warning .progress-meter {
    background-color: #ffc934; }
  .progress.azul .progress-meter {
    background-color: #1c355e; }
  .progress.limon .progress-meter {
    background-color: #DBDF2D; }
  .progress.amarilloverdoso .progress-meter {
    background-color: #A4CD4C; }
  .progress.verdemarino .progress-meter {
    background-color: #64C49A; }
  .progress.lavanda .progress-meter {
    background-color: #7F99EB; }
  .progress.azulcash-color .progress-meter {
    background-color: #00B3F0; }
  .progress.azulenlace-color .progress-meter {
    background-color: #54B9D8; }
  .progress.azulcielo-color .progress-meter {
    background-color: #00B2E2; }
  .progress.verdelight-color .progress-meter {
    background-color: #76bcc6; }
  .progress.verdemedium-color .progress-meter {
    background-color: #57bec4; }
  .progress.verdebtna-color .progress-meter {
    background-color: #06c1c6; }
  .progress.verdecash-color .progress-meter {
    background-color: #3CB9A1; }
  .progress.moradolight-color .progress-meter {
    background-color: #4c63e6; }
  .progress.moradocash-color .progress-meter {
    background-color: #5b59d1; }
  .progress.azuliconos-color .progress-meter {
    background-color: #00A3D4; }
  .progress.azulhover-color .progress-meter {
    background-color: #0A365D; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1c355e;
  border-radius: 6px 6px 6px 0; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  border-radius: 6px 6px 6px 0; }

.sticky-container {
  position: relative; }

.sticky {
  position: absolute;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto;
  height: 100%; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

body.is-reveal-open {
  overflow: hidden; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 60px 12px 12px 10px;
  border: 1px solid #9E9E9E;
  margin: 6.25rem auto 0;
  background-color: #ffffff;
  border-radius: 6px 6px 6px 0;
  position: absolute;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media screen and (min-width: 48em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 48em) {
    .reveal {
      width: 600px;
      max-width: 72.5rem; } }
  @media screen and (min-width: 48em) {
    .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  .reveal h3 {
    padding: 12px 10px 5px 10px; }
  .reveal p {
    padding: 0 10px;
    font-size: 1rem; }
  .reveal.collapse {
    padding: 0; }
  @media screen and (min-width: 48em) {
    .reveal.tiny {
      width: 30%;
      max-width: 72.5rem; } }
  @media screen and (min-width: 48em) {
    .reveal.small {
      width: 50%;
      max-width: 72.5rem; } }
  @media screen and (min-width: 48em) {
    .reveal.large {
      width: 90%;
      max-width: 72.5rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin: 0;
    border: 0; }

.lightbox .reveal {
  padding: 0;
  width: auto;
  border: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75); }

.lightbox ~ div .reveal {
  padding: 0;
  width: auto;
  border: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75); }

.info.reveal {
  margin: 1rem;
  max-width: 90%;
  border: 0;
  font-size: 1.2rem; }
  .info.reveal p {
    font-size: 1.2rem;
    margin-bottom: 0; }
    .info.reveal p.accion {
      margin: 1.2rem 0;
      font-size: 1.5rem; }
  .info.reveal ul {
    padding: 0 10px; }

.full.reveal ul {
  padding: 0 10px; }

.switch {
  height: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  user-select: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.875rem; }

.switch-input {
  opacity: 0;
  position: absolute; }

.switch-paddle {
  background: #9E9E9E;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 6px 6px 6px 0;
  color: inherit;
  font-weight: inherit; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    background: #ffffff;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0);
    border-radius: 6px 6px 6px 0; }
  input:checked ~ .switch-paddle {
    background: #1c355e; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem; }

.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem; }

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem; }

.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem; }

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem; }

.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem; }

.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 6px 6px 6px 0; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #e5e5e5;
    background-color: #f1f1f1; }
  caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }
  thead,
  tfoot {
    background: #ebebeb;
    color: #9E9E9E; }
    thead tr,
    tfoot tr {
      background: transparent; }
    thead th,
    thead td,
    tfoot th,
    tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: center;
      font-size: 12px;
      border: 1px solid #f7f7f7; }
  tbody tr:nth-child(even) {
    background-color: #e5e5e5; }
  tbody th,
  tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #f7f7f7; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0;
    border: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #ececec; }

table.hover tr:nth-of-type(even):hover {
  background-color: #dfdfdf; }

.tabs {
  margin: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #E1E1E1; }
  .tabs::before, .tabs::after {
    content: ' ';
    display: table; }
  .tabs::after {
    clear: both; }
  .tabs li {
    text-align: center; }

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1c355e; }
  .tabs.primary > li > a {
    color: #ffffff; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #203d6d; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 12px;
    color: #333333; }
    .tabs-title > a:hover {
      color: #1c355e;
      box-shadow: inset 0 -3px 0 0 #1c355e; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      color: #1c355e;
      box-shadow: inset 0 -3px 0 0 #1c355e; }

.tabs-content {
  background: #ffffff;
  transition: all 0.5s ease;
  border: 1px solid #E1E1E1;
  border-top: 0; }

.tabs-content.vertical {
  border: 1px solid #E1E1E1;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  border: solid 4px #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 6px 6px 6px 0;
  margin-bottom: 1rem; }
  .thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(28, 53, 94, 0.5); }

.title-bar {
  background: #000000;
  color: #ffffff;
  padding: 0.5rem; }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
  margin-right: 1rem; }
  .menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; }
  .menu-icon:hover::after {
    background: #9E9E9E;
    box-shadow: 0 7px 0 #9E9E9E, 0 14px 0 #9E9E9E; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
  margin-right: 1rem; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #000000;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; }
  .menu-icon.dark:hover::after {
    background: #333333;
    box-shadow: 0 7px 0 #333333, 0 14px 0 #333333; }

.has-tip {
  border-bottom: 0;
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #7F99EB; }
  .has-tip i {
    font-size: 16px; }

.tooltip {
  background-color: #000000;
  color: #ffffff;
  font-size: 80%;
  padding: 0.5rem;
  position: absolute;
  z-index: 999;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 4px; }
  .tooltip::before {
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    top: 100%;
    bottom: auto; }
  .tooltip.left::before {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }

.top-bar {
  padding: 0;
  line-height: inherit; }
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    color: #ffffff;
    z-index: 1;
    -webkit-transition: line-height ease 400ms;
    -moz-transition: line-height ease 400ms;
    -o-transition: line-height ease 400ms;
    -ms-transition: line-height ease 400ms;
    transition: line-height ease 400ms; }
    .top-bar.scrolled,
    .top-bar ul.scrolled {
      line-height: 56px; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }
  .top-bar input.button {
    width: auto; }

@media screen and (max-width: 47.9375em) {
  .stacked-for-small .top-bar-title {
    width: 100%; }
  .stacked-for-small .top-bar-right {
    width: 100%; }
  .stacked-for-small .top-bar-left {
    width: 100%; } }

@media screen and (max-width: 63.9375em) {
  .stacked-for-medium .top-bar-title {
    width: 100%; }
  .stacked-for-medium .top-bar-right {
    width: 100%; }
  .stacked-for-medium .top-bar-left {
    width: 100%; } }

@media screen and (max-width: 74.9375em) {
  .stacked-for-large .top-bar-title {
    width: 100%; }
  .stacked-for-large .top-bar-right {
    width: 100%; }
  .stacked-for-large .top-bar-left {
    width: 100%; } }

@media screen and (min-width: 0em) and (max-width: 47.9375em) {
  .top-bar-title {
    width: 100%; }
  .top-bar-right {
    width: 100%; }
  .top-bar-left {
    width: 100%; } }

.top-bar-title {
  float: left;
  margin-right: 1rem;
  display: inline-table; }
  .top-bar-title.scrolled {
    line-height: 56px;
    -webkit-transition: line-height ease 400ms;
    -moz-transition: line-height ease 400ms;
    -o-transition: line-height ease 400ms;
    -ms-transition: line-height ease 400ms;
    transition: line-height ease 400ms; }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }