.card {
  border: 0px solid #ffffff !important;
}

form#votingForm div.card.mb-3 div.card-header.bg-light {
  background: var(--brand-red) !important;
}

form#votingForm {
  margin-top: 25px !important;
}

.bg-info {
  background-color: #333 !important;
}

/* Personalizza gli stili dell'applicazione */

@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}

@media (max-width: 768px) {
  .btn {
    padding: 10px;
  }
.vote-selected .alert span {
  font-size: 13px;
}
.card-header {
  border-radius: 5px !important;
}
.container, .container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
}

.text-warning {
  color: red !important;
}

div.card-body form#votingForm div.card.mb-3 div.card-header.bg-light h6.mb-0, form#votingForm div.card.mb-3 div.card-header.bg-light h6.mb-0 small.text-muted  {
  color: white !important;
}

div.row div.col-md-12 div.card.mb-4 div.card-body form div.d-flex.gap-2 button.btn.btn-outline-secondary {
  background: gray;
}

div.row div.col-md-12 div.card.mb-4 div.card-body form div.d-flex.gap-2 button.btn.btn-outline-secondary:hover {
  background: #333333;
}

.btn-outline-secondary {
  --bs-btn-color: white;
  --bs-btn-border-color: white;
}

div.row div.col-md-8 div.card.mb-3 div.card-header.d-flex.justify-content-between.align-items-center div button#showPlaceholdersBtn.btn.btn-sm.btn-outline-info {
  background: transparent;
  color: white;
  border: 2px solid #fff;
}

form#campaignForm div.row div.col-md-4 div.card.mb-3 div.card-header h6.mb-0 {
  margin-bottom: 0 !important;
  font-size: 1.25rem;
  color: white;
}

ul.navbar-nav.ms-auto li.nav-item form.d-inline select.form-select.form-select-sm.d-inline-block.badge-mode {
  margin-right: 12px;
  border-radius: 12px !important;
}

div.col-md-9.col-lg-10.main-content div.row div.col-md-6.col-lg-4.mb-4 div.card.h-100 div.card-header.bg-primary.text-white {
  min-height: 90px !important;
}

.navbar-nav {
  align-items: center !important;
}

.nav-link {
  color: #333333;
}

.nav-link:hover {
  color: #9a0005;
}

div.container-fluid div#navbarNav.collapse.navbar-collapse ul.navbar-nav.ms-auto li.nav-item a.nav-link, div.card.mb-4 div.card-header.bg-success.text-white h5.mb-0, div.row div.col-md-6.mb-3 div.card div.card-header h5.mb-0, div.card-header.bg-info.text-white h5.mb-0, div.card.mb-4.border-danger div.card-header.bg-danger.text-white h5.mb-0, div.card div.card-header h5.mb-0, div.card div.card-header h5.mb-0, div.card-header.bg-warning.text-dark small {
  color: white;
}

div.card div.card-header.bg-primary.text-white h5.mb-0, div.card div.card-header.bg-primary.text-white.text-center h4.mb-0 {
  color: white;
}

/* Colore principale (rosso brand) */
:root {
    --brand-color: #9a0005;
    --brand-color-dark: #7a0004;
}

/* Colore Concorso */
:root {
    --concorso-color: #9a0005;
    --concorso-color-dark: #7a0004;
}

/* Colore Fuori Concorso */
:root {
    --fuori-color: #28a745;
    --fuori-color-dark: #1e7e34;
}

/* Colore testo principale */
:root {
    --text-color: #333333;
    --text-color-light: #666666;
}

/* Titoli */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-color);
    font-weight: 600;
}

/* Bottoni Primary */
.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: white;
}

.btn-primary:hover {
    background-color: var(--brand-color-dark);
    border-color: var(--brand-color-dark);
}

/* Bottoni Outline Primary */
.btn-outline-primary {
    color: var(--text-color);
    border-color: var(--text-color);
}

.btn-outline-primary:hover {
    background-color: var(--text-color);
    border-color: var(--text-color);
    color: white;
}

/* Card Headers */
.card-header.bg-primary {
    background-color: var(--brand-color) !important;
}

/* Navbar */
.navbar.bg-primary {
    background-color: var(--brand-color) !important;
}

/* Link attivi sidebar */
.nav-link.active {
    background-color: var(--brand-color) !important;
    color: white !important;
}

/* Testi Primary (grigi) */
.text-primary {
    color: var(--text-color) !important;
}

/* Colori Concorso */
.btn-concorso,
.card-header.bg-concorso {
    background-color: var(--concorso-color) !important;
}

/* Colori Fuori Concorso */
.btn-fuori,
.card-header.bg-fuori {
    background-color: var(--fuori-color) !important;
}

/* Paragrafi */
p {
    color: var(--text-color);
    line-height: 1.6;
}

/* Link */
a {
    color: var(--brand-color);
}

a:hover {
    color: var(--brand-color-dark);
}

/* Form inputs */
.form-control:focus {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 0.2rem rgba(154, 0, 5, 0.25);
}

/* Badge */
.badge.bg-primary {
    background-color: var(--brand-color) !important;
}