.tab-icon{
    font-size: 28px
}
.input-f{
    width: 100%;
    height: 38px;
    border: solid 1px #a5a5a5;
    border-radius: 8px;
    font-size: 20px;
}
.tall{
    font-size: 20px
}
.big{
    font-size: 32px
}
.center-al{
    text-align: center
}
.left-al{
    text-align: left
}
.tappable:active{
    opacity: .14;
}

.go-left{
    left: 8px;
    position: fixed;
    top: calc(50% - 16px);
    font-size: 32px;
    z-index: 4;
    color: rgba(95, 158, 160,.64)
}
.go-right{
    right: 8px;
    position: fixed;
    top: calc(50% - 16px);
    font-size: 32px;
    z-index: 4;
    color: rgba(95, 158, 160,.64)
}


.bg-blanco{
    background-color: #FAFAFA
}
.bg-gris{
    background-color: #a5a5a5
}
.negro{
    color: #000
}
.azul{
    color: #000
}
.gris-oscuro{
    color: lightslategray;
}
.blanco{
    color: #FAFAFA
}
.bg-negro{
    background-color: #000
}


.bg-morado{
    background-color: #814a85
}

.morado{
    color: #814a85
}

.morado-dark{
    color: #613864
}

/* fondos */
.fondo{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fondo-login{
    background-image: url('../img/ImagenInicio1.jpg')
}
.fondo-cita{
    background-image: url('../img/fondos/img11.png')
}
.fondo-montana{
    background-image: url('../img/fondos/fondo-montana.png')
}
.fondo-intencion{
    background-image: url('../img/fondos/fondo-intencion.png')
}


.notificacionChat{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  background: red;
  position: absolute;
  top: 15px;
  margin-left: -8px;
}


/* animations */

.scale-up-hor-center {
	-webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-1-29 12:34:1
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-hor-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-up-hor-center {
    0% {
      -webkit-transform: scaleX(0.4);
              transform: scaleX(0.4);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @keyframes scale-up-hor-center {
    0% {
      -webkit-transform: scaleX(0.4);
              transform: scaleX(0.4);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }

  .flip-scale-2-ver-right {
	-webkit-animation: flip-scale-2-ver-right 0.5s linear both;
	        animation: flip-scale-2-ver-right 0.5s linear both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-10 2:26:58
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-scale-2-ver-right
 * ----------------------------------------
 */
 @-webkit-keyframes flip-scale-2-ver-right {
    0% {
      -webkit-transform: translateX(0) rotateY(0) scale(1);
              transform: translateX(0) rotateY(0) scale(1);
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%;
    }
    50% {
      -webkit-transform: translateX(50%) rotateY(-90deg) scale(2);
              transform: translateX(50%) rotateY(-90deg) scale(2);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    100% {
      -webkit-transform: translateX(100%) rotateY(-180deg) scale(1);
              transform: translateX(100%) rotateY(-180deg) scale(1);
      -webkit-transform-origin: 0% 50%;
              transform-origin: 0% 50%;
    }
  }
  @keyframes flip-scale-2-ver-right {
    0% {
      -webkit-transform: translateX(0) rotateY(0) scale(1);
              transform: translateX(0) rotateY(0) scale(1);
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%;
    }
    50% {
      -webkit-transform: translateX(50%) rotateY(-90deg) scale(2);
              transform: translateX(50%) rotateY(-90deg) scale(2);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    100% {
      -webkit-transform: translateX(100%) rotateY(-180deg) scale(1);
              transform: translateX(100%) rotateY(-180deg) scale(1);
      -webkit-transform-origin: 0% 50%;
              transform-origin: 0% 50%;
    }
  }
  
  .rotate-center {
	-webkit-animation: rotate-center 0.6s ease-in-out both;
	        animation: rotate-center 0.6s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-10 2:35:12
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-center {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes rotate-center {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }