/* Personalización colores de fondo */
  .bg-softgreen {
    background-color: #d1e49d !important;
  }
  .bg-azulMediconecta {
    background-color: #0e73a0 !important;
  }
  .bg-azulMediclic {
    background-color: #005BAA !important;
  }
  .bg-light2 {
    background-color: #efefef !important;
  }
  .bg-colored, .bg-colored-hover:hover {
    background-color: #98c11d !important;
  }
  .bg-colored2, .bg-colored2-hover:hover {
    background-color: #005BAA !important;
  }
  .bg-AnimGradient {
    background: linear-gradient(-45deg, #98c11d, #98c23d, #8cbf3f, #d1e49d);
    background-size: 400% 400%;
    animation: gradient 7s ease infinite;
  }
  .bg-AnimGradient2 {
    background: linear-gradient(-45deg, #0e73a0, #98c23d, #8cbf3f, #005BAA);
    background-size: 400% 400%;
    animation: gradient 7s ease infinite;
  }
  .bg-AnimGradient3 {
    background: linear-gradient(-45deg, #0e73a0, #0e73a0, #1B67AA, #005BAA);
    background-size: 400% 400%;
    animation: gradient 7s ease infinite;
  }

  .gradient-y-overlay-lg-dark::before {
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, 0.5) 0%, rgba(10, 12, 14, 0.6) 100%);
    background-repeat: repeat-x;
  }

  .gradient-x-overlay-md-navy::before {
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, 0.3) 0%, rgba(10, 12, 14, 0.3) 100%);
    background-repeat: repeat-x;
  }

  @media (max-width: 992px) {
    .gradient-y-overlay-mobile-dark::before {
      background-image: linear-gradient(to bottom, rgba(30, 32, 34, 0.5) 0%, rgba(10, 12, 14, 0.6) 100%);
      background-repeat: repeat-x;
    }
  }

  .gradient-overlay-planes::before {
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, 0.5) 0%, rgba(10, 12, 14, 0.6) 100%);
    background-repeat: repeat-x;
  }

  .bg-green-lines {
    background: linear-gradient(40deg, #89ae37 35%, #91b93a 35%, #91b93a 50%, #98c23d 50%);
  }

  .bg-med-green {
    background: linear-gradient(90deg, #f0f0f0 75%, #98c23d 75%);
  }
  @media (max-width: 992px) {
    .bg-med-green {
      background: linear-gradient(170deg, #f0f0f0 75%, #98c23d 75%);
    }
  }


@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Personalización botones */

  .scale-hover {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

/* Personalización hero */
  .img-hero-overlay {
    background: rgba(70,70,70,0.5);
  }

/* Otros */
.shadow-xl {
  box-shadow: 0px 0.375rem 1.5rem 0px rgba(0, 0, 0, 0.15) !important;
}


.shadow-primary-md {
  box-shadow: 0px 0px 25px rgba(152, 193, 29, 0.4) !important;
}

.box-shadow,.bs-hover:hover,.bs-focus:focus{ box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.1) !important }
.scale-hover:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
  .card-badge-borders{
    border-radius: 0.25rem 0rem 0.5rem 0rem;
  }

  /* Animated Icons */
  	.icon-animated,.icon-animated1,.icon-animated-lg,.icon-animated1-lg{ position: relative; }
  	.icon-animated:after,.icon-animated-lg:after,.icon-animated1:after,.icon-animated1-lg:after{ z-index: -1; opacity: 0; background:inherit; border-radius:inherit; position: absolute; left:0; top:0; width: 100%; height: 100%; content:''; -webkit-animation-name: icon-animate1; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; -webkit-animation-name: icon-animate1; animation-name: icon-animate1; -webkit-animation-duration: 1s; animation-duration: 1.3s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running;}
  	.icon-animated1:after{ background-color: transparent !important; border-width: 2px; border-style:solid; border-color:inherit; }
  	@keyframes icon-animate1{ 0%{ opacity: .5; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } 25%{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.3;} 60%{ -ms-transform: scale(1.35); -webkit-transform: scale(1.35); transform: scale(1.35); opacity: 0; }}
  	/* Large Effects */
  	.icon-animated-lg:after, .icon-animated1-lg:after{ -webkit-animation-name: icon-animate-lg; animation-name: icon-animate-lg; }
  	@keyframes icon-animate-lg{ 0%{ opacity: .5; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } 25%{ -ms-transform: scale(1.35); -webkit-transform: scale(1.35); transform: scale(1.35); opacity: 0.45;} 60%{ -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }}

    /*============ keyframes animation  =============*/
    @-webkit-keyframes pulse {
      0% {
        opacity: .5;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
      }
      100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
      }
    }
    @keyframes pulse {
      0% {
        opacity: .5;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
      }
      100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
      }
    }

    .video-player-icon:before, .video-player-icon:after {
      content: "";
      width: 100%;
      height: 100%;
      border: 0.2px solid #fff;
      border-radius: 50%;
      opacity: 0.1;
      position: absolute;
      left: 0;
      z-index: -2;
    }
    .video-player-icon:before {
      transform: scale(2.5);
      left: 50%;
      top: 50%;
      -webkit-animation: pulse 2s infinite;
      animation: pulse 2s infinite;
    }
    .video-player-icon:after {
      transform: scale(3.8);
    }
    .video-player-icon i {
      color: #005baa;
      text-shadow: 0px 6px 25px rgba(87, 87, 87, 0.9);
      position: relative;
    }
    .video-player-icon:after {
      width: 200%;
      height: 200%;
      position: absolute;
      left: 50%;
      top: 50%;
      border-radius: 50%;
      box-shadow: 0px 1px 15px 1px rgba(255, 255, 255, 0.5);
      content: "";
      -webkit-animation: pulse 2s infinite;
      transform: scale(8);
      animation: pulse 2s infinite;
      z-index: -2;
    }
    .video-player-icon:hover {
      transform: scale(1.04);
    }


/* Personalización para carousel */

    .font-size-1b {
      font-size: 0.8rem;
    }
    .name-title {
      font-size: 0.95rem;
      letter-spacing: -0.5px;
      line-height: 110%;
    }
    @media only screen and (min-width: 320px) and (max-width: 990px) {
      .font-size-1b {
        font-size: 0.6rem;
      }
      .name-title {
        font-size: 0.8rem;
      }
    }


/* Bloques imagen conjunto */

.chat_features_img {
  background-image: -moz-linear-gradient(-140deg, #98c11d 0%, #8cbf3f 100%);
  background-image: -webkit-linear-gradient(-140deg, #98c11d 0%, #8cbf3f 100%);
  background-image: -ms-linear-gradient(-140deg, #98c11d 0%, #8cbf3f 100%);
  width: 100%;
  height: 475px;
  position: relative;
  padding-left: 0px;
  border-radius: 8px;
}

.chat_features_img .chat_one, .chat_features_img .chat_two {
  box-shadow: 0px 5px 20px 0px rgba(12, 0, 46, 0.15);
  border-radius: 8px;
}