/* THEME CEREBRO BASE 1 */

:root {
  --color-primario:         #217ABC; /* var(--color-primario) */
  --color-secundario:       #60A190; /* var(--color-secundario) */
  --color-terciario:        #F59E0B; /* var(--color-terciario) */
  --color-terciario-hover:  #D97706; /* var(--color-terciario-hover) */
  --color-rojo:             #E5533D; /* var(--color-rojo) */
  --color-verde:            #4CAF7A; /* var(--color-verde) */
  --color-amarillo:         #F2C94C; /* var(--color-amarillo) */
  --color-danger:           #E5533D; /* var(--color-danger) */
  --color-danger-hover:     #C4412D; /* var(--color-danger-hover) */
  --color-warning:          #F2C94C; /* var(--color-warning) */
  --color-warning-hover:    #D4AC2B; /* var(--color-warning-hover) */
  --color-success:          #4CAF7A; /* var(--color-success) */
  --color-success-hover:    #3E8F63; /* var(--color-success-hover) */
  --color-info:             #3A8FD8; /* var(--color-info) */
  --color-info-hover:       #2F76B5; /* var(--color-info-hover) */
}

a {
  color: var(--color-primario);
  text-decoration: none;
  border-bottom: 1px solid #DDDDDD;
}
a:hover {
  color: var(--color-terciario);
  text-decoration: none;
  border-bottom: 1px solid var(--color-terciario);
}

/* BOTONES */
.btn-light {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #111111;
}
.btn-light:hover,
.btn-light:active,
.btn-light.hover {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #111111;
  opacity: 1;
}
.btn-primary {
  background-color: var(--color-primario);
  border-color: var(--color-primario);
  color: white;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: var(--color-primario);
  border-color: var(--color-primario);
  color: white;
}
.btn-secondary {
  background-color: var(--color-secundario);
  border-color: var(--color-secundario);
  color: white;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.hover {
  background-color: var(--color-secundario);
  border-color: var(--color-secundario);
  color: white;
}
.btn-tertiary {
  background-color: var(--color-terciario);
  border-color: var(--color-terciario);
  color: white;
}
.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary.hover {
  background-color: var(--color-terciario-hover);
  border-color: var(--color-terciario-hover);
  color: white;
  opacity: 1;
}
.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  color: white;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
  color: white;
  opacity: 1;
}
.btn-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: #111111;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: var(--color-warning-hover);
  border-color: var(--color-warning-hover);
  color: #111111;
  opacity: 1;
}
.btn-info {
  background-color: var(--color-info);
  border-color: var(--color-info);
  color: white;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: var(--color-info-hover);
  border-color: var(--color-info-hover);
  color: white;
  opacity: 1;
}
.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: white;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: var(--color-success-hover);
  border-color: var(--color-success-hover);
  color: white;
  opacity: 1;
}

/* MENÚ  */
.cerebro-menu-cero {
  background-color: var(--color-primario);
}
.cerebro-menu-superior {
  background-color: var(--color-primario);
}
ul.menu-superior li a {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #FFFFFF;
}
ul.menu-superior li a span.minivector {
  color: #DDDDDD;
}
ul.menu-superior li a:hover span.minivector {
  color: #222222;
}
ul.menu-superior li a:hover {
  background-color: var(--color-amarillo);
  color: #222222;
}
ul.menu-superior li a.activo {
  background-color: var(--color-rojo);
  color: #FFFFFF;
}
.cerebro-menu-lateral {
  background-color: var(--color-primario);
}
ul.menu-lateral li a {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #FFFFFF;
}
ul.menu-lateral li a span.minivector {
  color: #DDDDDD;
}
ul.menu-lateral li a:hover span.minivector {
  color: #222222;
}
ul.menu-lateral li a:hover {
  background-color: var(--color-amarillo);
  color: #222222;
}
ul.menu-lateral li a.activo {
  background-color: var(--color-verde);
  color: #FFFFFF;
}
ul.menu-extra li a {
  color: #DDDDDD;
  background-color: rgba(0, 0, 0, 0.0);
  border: 1px solid #DDDDDD;
}
ul.menu-extra li a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
ul.menu-usuario li a {
  color: #DDDDDD;
  background-color: rgba(0, 0, 0, 0.0);
  border: 1px solid #DDDDDD;
}
ul.menu-usuario li a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.wrapper-usuario {
  color: #DDDDDD;
}
.wrapper-copyright {
  color: #CCCCCC;
}
.container-superior-vector {
  background: #FFFFFF;
}
.col-superior-vector {
  color: #BBBBBB;
}

/* CONTENIDO */


/* FORMULARIOS */
legend {
  border-bottom: 1px solid var(--color-secundario);
}
label small {
  color: #888888;
}

/* CLASES SUELTAS */
.debug { background-color: rgba(0, 0, 0, 0.3); }
.debug { background-color: rgba(245, 217, 140, 0.3); }

/* LOGIN */
body.login {
  background: none;
  background: #FFFFFF;
  background: linear-gradient(180deg, #FFFFFF 60%, var(--color-primario) 100%);
}
.login-logo {
  color: var(--color-primario);
  background-color: #F9F9F9;
}
.col-login {
  border: 2px solid var(--color-primario);
  background-color: #F9F9F9;
}