.alert {
    z-index: 3;
}

#com_coontesta-juega #button-menu-header-movil,
#com_coontesta-juega #button-notification-header-movil,
#com_coontesta-juega #menu-header-desktop,
#com_coontesta-reto #menu-header-desktop,
#com_coontesta-reto #button-menu-header-movil,
#com_coontesta-reto #button-notification-header-movil {
    display: none !important;
}

#com_coontesta-juega #seccion-juego-coontesta,
#com_coontesta-reto #seccion-juego-coontesta {
    display: none;
}

.modal-backdrop.in {
    display: none;
}

.btn-primary.btn-juego.btn-completado {
    cursor: auto;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    opacity: 0.5;
}

.btn-primary.btn-juego.btn-completado:hover {
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
}

@media (min-width: 992px) {
    .btn-primary.btn-juego {
        margin: .75em 0rem;
    }
}

@media (min-width: 767px) {
    .btn-primary.btn-juego {
        padding: 0.7rem 1rem;
    }
}

.alert-notice {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.logo.cliente {
    background-color: #ffffff;
    border-radius: 16px;
    background-clip: padding-box;
    padding: 1rem;
}

.logo.cliente img {
    max-width: 100% !important;
    max-height: 140px !important;
}

.alert.alert-primary{
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.alert.alert-danger{
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

/* INI CAMBIOS DE DISEÑO */
:root {
    --bg-body: #e0e3d8 !important;
    --progress-bar-color: #5f7239 !important;
    }
.home .card .bg-card-color {
    background:transparent !important;
}
html{
    background-image: url(../img/default/bg-sarga.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--bg-body);
}

.header .top-header {
    background-image: url(../img/default/bg-header-top.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: transparent;
    padding-bottom: 12px;
}
.header .logo.logo-transparent{
    padding-top: 20px;
}
@media (min-width: 767px) {
    .header .top-header {
        padding-bottom: 0px;
    }
    .header .logo.logo-transparent{
        padding-top: 0px;
    }
}
.bg-header-image{
    background: transparent;
}
.reconocimientos .card.bg-reconocimientos {
  background-color: #d2dcbc;
}
.reconocimientos .form-box .form-group label span{
    color: #5f7239;
    background-color: #FFFFFF;
}
.catalogo .result .box-result .card .box-image-result .title .box-title{
    background: #5f7239 !important;
}
.header .notification.notification-mb a{
    color: #FFFFFF !important;
}
.catalogo .result .box-result{
    background-image: url(../img/default/bg-sarga.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--bg-body);
}  
@media (min-width: 767px) {
    .catalogo .result .box-result {
      padding-bottom: 40px;
    }
  }
  
section.catalogo{
    margin-bottom: 0px;
}
html.login{
    background-size: 100%;
    background-color: #5f723a;
    background-position:  bottom right;
}
@media (min-width: 767px) {
    html.login{
        background-size: 150%;
    }
  }
  @media (min-width: 1200px) {
    html.login{
        background-size: cover;
    }
  } 
.login .bg-login{
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
}
@media (min-width: 767px) {
    .login .bg-login{
        background-image: url(../img/default/bg-login-dt-2.png);
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: top left;
        background-color: transparent;
    }
    .login .box-form .logo, .registrousuario .box-form .logo, .cambioclave .box-form .logo{
        display: none;
    }
  }
  @media (min-width: 1200px) {
    .login .bg-login{
        background-image: url(../img/default/bg-login-dt-2.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top left;
        background-color: transparent;
    }
  } 


html.login .wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -270px;

  }
  html.login .box-form .logo{
    background-image: url(../img/default/bg-login-2-mb.jpg);
    background-size: 260px;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: transparent;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0;
    margin-bottom: 0;
  }
  html.login .box-form .logo img{
visibility: hidden;
min-height: 110px;
  }
  @media (min-width: 480px) {
    html.login .wrapper {
      margin: 0 auto -270px;
    }
  }
  @media (min-width: 576px) {
    html.login .wrapper {
      margin: 0 auto -70px;
    }
  }

  html.login #push,
  html.login .footer {
  height: 270px;
}
@media (min-width: 480px) {
    html.login #push,
    html.login .footer {
    height: 270px;
  }
  }
@media (min-width: 576px) {
    html.login #push,
    html.login .footer {
    height: 270px;
  }
}
@media (min-width: 767px) {
    html.login #push,
    html.login .footer {
    height: 70px;
  }
}
.login .box-form .forgot-password a span{
    background-color: #5f7239;
}
.footer a span{
    background-color: #5f7239;
}
.footer span{
    background-color: #5f7239;
}
.home .card .bg-card-image{
    background-size: cover !important;
}
/* FIN CAMBIOS DE DISEÑO */