/* bootstrap / base redefinitions */

/*
 * El color de acento lo define _layoutHeader.php segun el dominio de entrada
 * (ver ProductorContext::getAccentColor). Estos son los de Wokan, que valen
 * cuando no hay dominio propio.
 *
 * Cada regla declara primero el color fijo y despues el var(): asi un
 * navegador que no soporte custom properties ignora la segunda linea y se
 * queda con el celeste, en vez de quedarse sin color.
 */
:root {
  --accent: #37BAF8;
  --accent-oscuro: #08A3ED;
  --accent-link: #337ab7;
  --accent-link-hover: #23527c;
}

/* Los enlaces acompañan al color de marca. Sin dominio propio se repone el
   mismo azul que ya venía de bootstrap, o sea que no cambia nada. */
a {
  color: #337ab7;
  color: var(--accent-link, #337ab7);
}

a:hover,
a:focus {
  color: #23527c;
  color: var(--accent-link-hover, #23527c);
}

body {
  background-image: url(../img/bgs/round.png);
  min-height: 100%;
}

.form-horizontal, .form-styled {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 15px 15px;
}

label {
  font-weight: normal;
}

fieldset legend {
  font-size: 1em;
}

fieldset legend label {
  font-weight: bold;
}

.form-group-buttons {
  margin-top: 15px;
  margin-bottom: 0;
}

.btn-primary, .pagination > .active span {
  background-color: #37BAF8;
  background-color: var(--accent, #37BAF8);
  border-color: #37BAF8;
  border-color: var(--accent, #37BAF8);
}

/* Bootstrap define los estados del boton primario aparte del estado base, con
   otro azul. Si no se pisan tambien, el boton es del color de marca pero al
   pasarle el mouse vuelve al azul de bootstrap. */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus {
  background-color: #08A3ED;
  background-color: var(--accent-oscuro, #08A3ED);
  border-color: #08A3ED;
  border-color: var(--accent-oscuro, #08A3ED);
}

/* el boton deshabilitado tiene que seguir mostrandose como el estado base */
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus {
  background-color: #37BAF8;
  background-color: var(--accent, #37BAF8);
  border-color: #37BAF8;
  border-color: var(--accent, #37BAF8);
}

/* la paginacion usa selectores mas especificos que "a", asi que necesita
   sus propias reglas para seguir al color de marca */
.pagination > li > a,
.pagination > li > span {
  color: #337ab7;
  color: var(--accent-link, #337ab7);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #23527c;
  color: var(--accent-link-hover, #23527c);
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: #fff;
  background-color: #37BAF8;
  background-color: var(--accent, #37BAF8);
  border-color: #37BAF8;
  border-color: var(--accent, #37BAF8);
}

.navbar-default {
  background-color: #fff;
  border-color: #37BAF8;
  border-color: var(--accent, #37BAF8);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.panel-primary {
  border-color: #37BAF8;
  border-color: var(--accent, #37BAF8);
}

.panel-primary .panel-heading {
  background-color: #37BAF8;
  background-color: var(--accent, #37BAF8);
  border-color: #37BAF8;
  border-color: var(--accent, #37BAF8);
}

/* navbar-page */

.navbar-page {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #37BAF8;
  background-color: var(--accent, #37BAF8);
  border: none;
}
.navbar-page .navbar-brand {
  color: #fff;
  margin-right: 20px;
}
.navbar-page .navbar-brand:hover,
.navbar-page .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-page .navbar-text {
  color: #fff;
}
.navbar-page .navbar-nav > li > a {
  color: #fff;
}
.navbar-page .navbar-nav > li > a:hover,
.navbar-page .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-page .navbar-nav > .active > a,
.navbar-page .navbar-nav > .active > a:hover,
.navbar-page .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #08A3ED;
  background-color: var(--accent-oscuro, #08A3ED);
}
.navbar-page .navbar-nav > .disabled > a,
.navbar-page .navbar-nav > .disabled > a:hover,
.navbar-page .navbar-nav > .disabled > a:focus {
  color: #ddd;
  background-color: transparent;
}
.navbar-page .navbar-toggle {
  border-color: #333;
}
.navbar-page .navbar-toggle:hover,
.navbar-page .navbar-toggle:focus {
  background-color: #333;
}
.navbar-page .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-page .navbar-collapse,
.navbar-page .navbar-form {
  border-color: #101010;
}
.navbar-page .navbar-nav > .open > a,
.navbar-page .navbar-nav > .open > a:hover,
.navbar-page .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #08A3ED;
  background-color: var(--accent-oscuro, #08A3ED);
}
@media (max-width: 767px) {
  .navbar-page .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
/*    border: none;*/
  }
  .navbar-page .navbar-nav .open .dropdown-menu .divider {
    background-color: #08A3ED;
    background-color: var(--accent-oscuro, #08A3ED);
  }
  .navbar-page .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-page .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-page .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-page .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-page .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-page .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-page .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-page .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-page .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-page .navbar-link {
  color: #9d9d9d;
}
.navbar-page .navbar-link:hover {
  color: #fff;
}
.navbar-page .btn-link {
  color: #9d9d9d;
}
.navbar-page .btn-link:hover,
.navbar-page .btn-link:focus {
  color: #fff;
}
.navbar-page .btn-link[disabled]:hover,
fieldset[disabled] .navbar-page .btn-link:hover,
.navbar-page .btn-link[disabled]:focus,
fieldset[disabled] .navbar-page .btn-link:focus {
  color: #444;
}

/* own styles */

.max-width {
  max-width: 1400px;
}