.bg-theme {
  color: white;
  background-color: #003366 !important;
}

.bg-theme-transparent {
  color: white;
  background-color: rgba(0, 51, 102, 0.7) !important;

}

.bg-light-transparent {
  color: white;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-dark-transparent {
    color: white;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.text-theme {
  color: #003366 !important;
}

.bg-theme-danger {
  color: black;
  background-color: #ea646f !important;
}

.bg-theme-danger a {
    color: black;
}

.bg-theme-danger a:hover {
    color: #333;
}

.text-contrast {
  color: white !important;
}

.text-theme-danger {
  color: #ea646f !important;
}

.border-theme {
  border: 1px solid #001933;
}

.border-theme-danger {
  border: 1px solid #e43745;
}

.btn-theme {
  color: white !important;
  background-color: #003366 !important;
}

.btn-theme:hover,
.btn-theme:focus, .btn-theme.active  {
  background-color: #001933 !important;
}

.btn-theme-transparent {
  color: white !important;
  background-color: rgba(0, 51, 102, 0.7) !important;
}
.btn-theme-transparent:hover,
.btn-theme-transparent:focus, .btn-theme-transparent.active  {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.btn-outline-contrast {
  color: white !important;
  border: 1px solid white !important;
  background-color: transparent;
}
.btn-outline-contrast:hover,
.btn-outline-contrast:focus {
  color: black !important;
  background-color: white !important;
}

.btn-theme-danger {
  color: black !important;
  background-color: #ea646f !important;
}
.btn-theme-danger:hover,
.btn-theme-danger:focus {
  color: white !important;
  background-color: #e43745 !important;
}

.flash-theme-danger {
  border-color: #ea646f !important;
  background-color: #ea646f !important;
}

.slide-indicators li.active{
  background-color: #003366;
}

.option-checkbox:focus,
.option-number:focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 51, 102, 0.4);
  outline: 0;
}

.ballot-error .option-checkbox.checked:focus,
.ballot-error .option-number.checked:focus {
  box-shadow: 0 0 0 0.3rem rgba(234, 100, 111, 0.4);
}

.option-number.checked {
  color: white !important;
  background-color: #003366;
  border: 2px solid #001933;
}

.option-checkbox.checked {
  color: white !important;
  stroke: white !important;
  background-color: #003366;
  border: 2px solid #001933;
}
.ballot-error .option-checkbox.checked {
  color: black !important;
  stroke: black !important;
  background-color: #ea646f;
  border: 2px solid #e43745;
}

.ballot-error .option-number.checked {
  background-color: #ea646f;
  border: 2px solid #e43745;
}

.desaturate{
  filter: opacity(.7)
}
/* slightly transparent fallback */
.bg-blur-dark {
    background: rgba(50,50,50,0.85);
}

.bg-blur-darker {
    background: rgba(30,30,30,0.95);
}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
    .bg-blur-dark {
        background: rgba(50,50,50,0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .bg-blur-darker {
        background: rgba(30,30,30,0.8);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}

.pretty-scroll-theme::-webkit-scrollbar {
  width: 10px;               /* width of the entire scrollbar */
}
.pretty-scroll-theme::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);        /* color of the tracking area */
}
.pretty-scroll-theme::-webkit-scrollbar-thumb {
  background-color: #003366;  /* color of the scroll thumb */
}

.pretty-scroll-theme {
    scrollbar-color: #003366 rgba(0, 0, 0, 0);
}

.notification {
  animation: notification-animation 2s infinite;
}

@keyframes notification-animation {
  0% {
    background-color: #003366
  }
  10% {
    background-color: #004c99
  }
  100% {
    background-color: #003366
  }
}