/* Tema 9colonne per Broadcaster - sovrascrive i colori/loghi GEA (caricato per ultimo).
   Palette e font presi da www.9colonne.it: rosso #B03131, testo #232323, grigi #F0EFEF/#C0BFBF,
   Titillium Web (titoli) e Source Sans Pro (testo). */
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700|Source+Sans+Pro:400,600,700&display=swap");

:root {
  --nc-red: #B03131;
  --nc-red-dark: #8F2626;
  --nc-red-deep: #7A2020;
  --nc-ink: #232323;
  --nc-grey: #F0EFEF;
  --blue: #B03131;
  --green: #B03131;
  --primary: #B03131;
  --font-family-sans-serif: 'Source Sans Pro', 'PT Sans', sans-serif;
}

body, .btn, .form-control, input, select, textarea, .ui-body-a, .ui-btn, .ui-input-text input {
  font-family: 'Source Sans Pro', 'PT Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .header-title, .ui-title,
.sidebar-brand-text, .category-legend, .nav-tabs .nav-link {
  font-family: 'Titillium Web', 'Source Sans Pro', sans-serif;
}

body { background-color: var(--nc-grey); color: var(--nc-ink); }
a { color: var(--nc-red); }
a:hover { color: var(--nc-red-dark); }

/* Pulsanti e componenti "primary" */
.btn-primary { background-color: var(--nc-red); border-color: var(--nc-red); color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { background-color: var(--nc-red-dark); border-color: var(--nc-red-dark); color: #fff; }
.btn-primary.disabled, .btn-primary:disabled { background-color: var(--nc-red); border-color: var(--nc-red); opacity: .65; }
.btn-outline-primary { color: var(--nc-red); border-color: var(--nc-red); }
.btn-outline-primary:hover { background-color: var(--nc-red); border-color: var(--nc-red); color: #fff; }
.btn-link, .text-primary { color: var(--nc-red) !important; }
.bg-primary, .badge-primary { background-color: var(--nc-red) !important; }
.border-left-primary { border-left-color: var(--nc-red) !important; }
.page-item.active .page-link { background-color: var(--nc-red); border-color: var(--nc-red); color: #fff; }
.page-link { color: var(--nc-red); }
.form-control:focus, .custom-select:focus { border-color: var(--nc-red); box-shadow: 0 0 0 .2rem rgba(176, 49, 49, .2); }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--nc-red); border-color: var(--nc-red); }
.nav-tabs .nav-link.active, .nav-pills .nav-link.active { border-color: var(--nc-red); color: var(--nc-red); }
.progress-bar { background-color: var(--nc-red); }
.selectize-input.focus { border-color: var(--nc-red); box-shadow: none; }

/* Barra superiore: bianca con filetto rosso, come l'header del sito */
.topbar { border-bottom: 4px solid var(--nc-red); }
.topbar .sidebar-brand-text img, .sidebar-brand img { height: 40px; width: auto; }

/* Menu laterale */
.bg-gradient-primary {
  background-color: var(--nc-red-dark);
  background-image: linear-gradient(180deg, var(--nc-red) 10%, var(--nc-red-deep) 100%);
}
.sidebar .nav-item.active .nav-link, .sidebar .nav-item .nav-link:hover { color: #fff; }

/* Pagine di accesso: sfondo rosso 9colonne al posto del verde GEA */
body.auth {
  background-image: none;
  background: linear-gradient(135deg, var(--nc-red) 0%, var(--nc-red-deep) 100%) fixed;
}
body.auth .card { border-radius: 4px; border-top: 6px solid var(--nc-red); }
body.auth .btn-primary { border-radius: 4px; }
body.auth .form-control-user { border-radius: 4px; }
body.auth h2 { font-family: 'Titillium Web', sans-serif; color: var(--nc-ink); font-weight: 600; }
body.auth a { color: var(--nc-red); }
#auth-error, .form-error { color: var(--nc-red-dark); }
body.auth img[alt="9colonne"], body.auth img[alt="GEA"] { max-height: 52px !important; height: auto; }

/* Vista notizie (jQuery Mobile): sostituisce il verde acqua #169696 */
.category-legend { background: var(--nc-red); color: #fff; }
div[data-role='header'] { border-bottom: 4px solid var(--nc-red) !important; }
.ui-header h1.ui-title, .ui-title { color: var(--nc-red) !important; }
.logo-sidebar { border-bottom: 3px solid var(--nc-red); }
.ui-page-theme-a a, .ui-body-a a { color: var(--nc-red); }
.ui-btn.ui-btn-active, .ui-page-theme-a .ui-btn.ui-btn-active { background: var(--nc-red); border-color: var(--nc-red); color: #fff; text-shadow: none; }
.logo-gea { height: 40px; background: transparent; }
.apple-switch:checked, input.apple-switch:checked { background-color: var(--nc-red); border-color: var(--nc-red); }