:root {
  --colornavbar: #BE3969;
  --ada-rosa: #b71b59;
  --ada-naranja: #ef7e29;
  --ada-amarillo: #f4b008;
  --background-login: #fef2f5;

}

body {
 color: #333 !important;
}
body h2 {
 color: var(--ada-amarillo) !important;
}

.mu-breadcrumb-img {
  margin-bottom: 11px !important;
}

.ada-navbar {
 margin-bottom: 50px !important;
 background-color: var(--colornavbar) !important;
 background-image: url(https://ada.com.ar/wp-content/uploads/2020/04/ada-banner-promo.png) !important; 
 background-repeat: no-repeat !important; 
 padding: 1vw 10vw !important;
}
.ada-navbar a {
 color: white !important;
}

.btn-complementary {
  background-color: var(--ada-rosa) !important;
  border-color: var(--ada-rosa) !important;
  border-style: solid !important;
  color: white !important;
  border-width: 0px !important;
  border-radius: 45px !important;
  -webkit-transition: all 0.2s linear !important;
  -o-transition: all 0.2s linear !important;
  transition: all 0.2s linear !important;
}

.btn-complementary:focus {
  box-shadow: 0 0 0 0.25rem rgba(183, 27, 89, 0.25)
}

.btn-complementary:hover {
 background: var(--ada-naranja) !important;
}

.btn-complementary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(183, 27, 89, 0.25)
}

.btn-warning {
  background-color: var(--ada-naranja) !important;
  border-color: var(--ada-naranja) !important;
  border-style: solid !important;
  color: white !important;
  border-width: 2px !important;
  border-radius: 45px !important;
  -webkit-transition: all 0.2s linear !important;
  -o-transition: all 0.2s linear !important;
  transition: all 0.2s linear !important;
}

.btn-warning:hover {
 background: white !important;
 color: var(--ada-naranja) !important;
}

.btn-secondary {
  background-color: white !important;
  border-color: var(--ada-naranja) !important;
  border-style: solid !important;
  color: var(--ada-naranja) !important;
  border-width: 2px !important;
  border-radius: 45px !important;
  -webkit-transition: all 0.2s linear !important;
  -o-transition: all 0.2s linear !important;
  transition: all 0.2s linear !important;
}

.btn-secondary:hover {
 background: var(--ada-naranja) !important;
 color: white !important;
}

a {
  color: var(--ada-rosa) !important;
}

ul.dropdown-menu {
 background-color: var(--ada-rosa) !important;  
}

.dropdown-menu li a {
 color: white !important;
 background-color: var(--ada-rosa) !important;  
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
 background-color: var(--ada-amarillo) !important;
 color: white !important;
}

.dropdown-item i {
  color: white !important;
}

.pagination li a {
 color: white !important;
 background-color: var(--ada-rosa) !important;
 border: solid 1px var(--ada-rosa) !important;
}
.pagination li a:hover, .pagination li a:focus, li.active a, li a.active  {
 background-color: white !important;
 color: var(--ada-rosa) !important;
 border: solid 1px var(--ada-rosa) !important;
}

.social-icon {
 border-color: var(--ada-rosa) !important; 
}

div.mu-navbar-breadcrumb > ul > li:nth-child(2):before {
  content: none !important;
}

div.mu-navbar-breadcrumb > ul > li.mu-breadcrumb-list-item.last {
  color: var(--ada-amarillo) !important;
}

div.mu-navbar-breadcrumb > ul > li.mu-breadcrumb-list-item.brand {
  display: none !important;
}

li.mu-breadcrumb-list-item::before {
  color: white !important;
}

input, select, .table, .discussion-new-message-content > .CodeMirror {
  color: #333 !important;
}

.book-header > h3 > small:nth-child(3) {
  display: none !important;
}

.mu-user-activity-week-selector.nav-link.active {
  background-color: var(--ada-amarillo) !important;
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > button {
  background-color: var(--ada-rosa) !important;
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > div.auth0-lock-header > div.auth0-lock-header-welcome > img {
  content: url("https://mumuki.io/static/logo_ada_color.svg") !important;
  width: auto !important;
  height: 100px !important;
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > div.auth0-lock-header{
 background-color: var(--background-login) !important;
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > div.auth0-lock-header > div.auth0-lock-header-welcome > div {
 display: none !important; 
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > div.auth0-lock-header > div.auth0-lock-header-bg{
 background-color: var(--background-login) !important;  
 background: var(--background-login) !important;  
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > div.auth0-lock-header > div.auth0-lock-header-bg.auth0-lock-blur-support > div.auth0-lock-header-bg-blur{
 display: none !important; 
}

/* saca las imágenes de los capítulos de Mumuki
.chapter-container img {
  display: none;
}*/
  /* START_DEFAULT_ERROR_DISPLAY_BACKWARDS_COMPATIBILITY */
  
  .error-message .body .mu-error-status-line {
  display: unset;
  }

  .error-message .body h2 {
    margin-bottom: 10px;
  }

  /* END_DEFAULT_ERROR_DISPLAY_BACKWARDS_COMPATIBILITY */