/*
 * Syneto theme for the Airflow 1.10 web UI, loaded by Flask-AppBuilder as APP_THEME on every page.
 *
 * When a theme is set, Airflow's master.html no longer links its own airflowDefaultTheme.css (a copy
 * of bootstrap-theme.css), so that file is imported here first to keep the stock look everywhere and
 * only add Syneto on top. Its hashed name belongs to the pinned image apache/airflow:1.10.14; on an
 * Airflow upgrade, take the new name from the login page's <head>.
 *
 * Palette: same as the Bitwarden / NetBox / SonarQube / Harbor branding.
 */
@import url("/static/dist/airflowDefaultTheme.4e8ea1acac0275aab81f.css");

/* ---------- Navbar (background colour comes from AIRFLOW__WEBSERVER__NAVBAR_COLOR) ---------- */

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff !important;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fce7f1 !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff !important;
  background-color: #b80a61 !important;
  background-image: none !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/* ---------- Login page (#loginbox) ---------- */

#loginbox .panel-primary {
  border-color: #e40d78;
}

#loginbox .panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #e40d78;
  background-image: none;
  border-color: #e40d78;
}

#loginbox .btn-primary {
  color: #ffffff;
  background-color: #e40d78;
  background-image: none;
  border-color: #b80a61;
}

#loginbox .btn-primary:hover,
#loginbox .btn-primary:focus,
#loginbox .btn-primary:active,
#loginbox .btn-primary.active {
  background-color: #b80a61;
  background-image: none;
  border-color: #8f084b;
}

#loginbox .form-control:focus {
  border-color: #f6a9cf;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(228, 13, 120, 0.5);
}

#loginbox a {
  color: #e40d78;
}

#loginbox a:hover,
#loginbox a:focus {
  color: #b80a61;
}