:root {
  --color-principal: #34B575;
  --color-principal-translucid: #34B57533;
  --color-hover-principal: white;
  --color-text-principal: white;
  --color-warning: #FF2C47;
  --color-warning-translucid: #FF2C4733;
  --color-hover-warning: white;
  --color-secondary: #3f3d3c;
  --color-hover-secondary-rgb: 57,57,57,0.1;
  --colornavbar: #12254D;
  --boton-radius: 5px;
  --color-title: #12254D;
  --color-text: #12254D;
  --color-link: #FF2C47;
  --color-menu: #12254D;
  --color-menu-hover: #34B575;
  --color-text-menu: white;
  --color-text-menu-hover: white;
  --color-last-breadcrumb: #FFDE58;
  --color-pagination: black;
  --color-border-pagination: #ffe7a0;
  --color-background-pagination: #ffc107;
  --color-active-pagination: #e0a800;
  --color-activity-selector: #e0a800;
}

.book-header img {
    max-height: 110px;
    max-width: 100%;
}

body {
  color: var(--color-text) !important;
  overflow-x: hidden !important;
}

body h2 {
  color: var(--color-title) !important;
}

input, select {
  color: var(--color-text) !important;
}

.demo-navbar {
  margin-bottom: 50px !important;
  background-color: var(--colornavbar) !important;
  padding: 1vw 10vw !important;
  
}



.demo-navbar a {
  color: var(--color-text-menu) !important;
}

a.discussion-link {
  color: var(--color-text) !important;
}

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

.btn-complementary {
  background-color: var(--color-principal) !important;
  border-color: var(--color-principal) !important;
  border-style: solid !important;
  color: var(--color-text-principal) !important; 
  border-width: 2px !important;
  border-radius: var(--boton-radius) var(--boton-radius) !important;
  -webkit-transition: all 0.15s linear !important;
  -o-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
}

.btn-complementary:hover {
  background-color: var(--color-hover-principal) !important;
  color: var(--color-principal) !important; 
}

.btn-complementary:focus {
  box-shadow: 0 0 0 0.25rem var(--color-principal-translucid) !important;
}

.btn-warning {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
  border-style: solid !important;
  border-width: 2px !important;
  color: var(--color-hover-warning) !important;
  border-radius: var(--boton-radius) var(--boton-radius) !important;
  -webkit-transition: all 0.15s linear !important;
  -o-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
}

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

.btn-warning:focus {
  box-shadow: 0 0 0 0.25rem var(--color-warning-translucid) !important;
}

.btn-outline-complementary {
  background-color: white !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
  border-width: 2px !important;
  border-style: solid !important;  
  border-radius: var(--boton-radius) var(--boton-radius) !important;
}

.btn-outline-complementary:hover {
  background-color: rgba(var(--color-hover-secondary-rgb)) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%) !important;
}

.btn-complementary:hover, .btn-warning:hover {
  text-decoration: none; 
}

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

.dropdown-menu li a, .dropdown-item {
  color: var(--color-text-menu) !important;
  background-color: var(--color-menu) !important;
}

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

.dropdown-menu li a:hover i, .dropdown-menu li a:focus i{
  color: var(--color-text-menu-hover) !important;
}

.discussion-new-message-content > .CodeMirror {
  color: var(--color-text) !important;
}

.table {
  color: var(--color-text)
}

.pagination li a {
  color: var(--color-pagination) !important;
  background-color: var(--color-background-pagination) !important;
  border: solid 1px var(--color-border-pagination) !important;
  -webkit-transition: all 0.15s linear !important;
  -o-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
}

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

.pagination li a:focus {
  box-shadow: 0 0 0 0rem !important;
}

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

.dropdown.hamburguer-breadcrumb.open > ul > li.mu-breadcrumb-list-item.brand {
  display: none !important;
}

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

li.mu-breadcrumb-list-item:before {
  color: var(--color-text-menu) !important;
}

li.mu-breadcrumb-list-item.last {
  color: var(--color-last-breadcrumb) !important;
}

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

.mu-user-activity-week-selector.nav-link.active {
 border-color: var(--color-activity-selector) !important;
 background-color: white !important;
 border-style: solid !important;
 border-width: 2px !important;
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > button {
  background-color: var(--color-principal) !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/mumuki_mas_plataforma5.png") !important;
  width: auto !important;
  height: 70px !important;
  margin-top: 15px !important;
}

#auth0-lock-container-1 > div > div.auth0-lock-center > form > div > div > div.auth0-lock-header{
 background-color: white !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(--colornavbar) !important;  
 background: var(--colornavbar) !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-solid {
  background-color: white !important;  
  background: white !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;  
}


/*
body .error-message p {
  font-size: 130% !important;
}

body .error-message .body {
  max-width: 50% !important;
}

body .error-message .header img.error-code-img {
	margin-top: -140px;
}


amarillo: ffc107
azul:003BBF
celeste: 007bff
*/