:root {
  --brand-primary: #fd0000;
  --brand-primary-rgb: 253, 0, 0;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-system,
.btn-system:focus,
.btn-system:hover,
.btn-system:active,
.btn-system.active,
.btn-system:not(:disabled):not(.disabled):active,
.btn-system:not(:disabled):not(.disabled).active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

.btn-light-primary,
.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active,
.btn-light-primary.active {
  color: var(--brand-primary) !important;
  border-color: rgba(var(--brand-primary-rgb), 0.25) !important;
  background-color: rgba(var(--brand-primary-rgb), 0.12) !important;
}

.text-primary,
a.text-primary,
.badge-light-primary,
.form-check-primary .form-check-input:checked,
.form-check-primary .form-check-input:focus {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.badge-light-primary {
  background-color: rgba(var(--brand-primary-rgb), 0.12) !important;
}

body.dark .btn-primary,
body.dark .btn-primary:focus,
body.dark .btn-primary:hover,
body.dark .btn-primary:active,
body.dark .btn-primary.active,
body.dark .btn-system,
body.dark .btn-system:focus,
body.dark .btn-system:hover,
body.dark .btn-system:active,
body.dark .btn-system.active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

body.dark .text-primary,
body.dark .badge-light-primary,
body.dark .btn-light-primary {
  color: var(--brand-primary) !important;
}

#sidebar ul.menu-categories li.menu.active > .dropdown-toggle,
body.dark #sidebar ul.menu-categories li.menu.active > .dropdown-toggle {
  background-color: var(--brand-primary) !important;
}

#sidebar ul.menu-categories ul.submenu > li.active:before,
body.dark #sidebar ul.menu-categories ul.submenu > li.active:before {
  background-color: var(--brand-primary) !important;
}

.fc .fc-button-primary,
.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled).fc-button-active:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active:active,
.fc .fc-addEventButton-button,
.fc .fc-addEventButton-button:hover,
.fc .fc-addEventButton-button:not(:disabled):active,
body.dark .fc .fc-button-primary,
body.dark .fc .fc-button-primary:hover,
body.dark .fc .fc-button-primary:not(:disabled):active,
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active,
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active:hover,
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active:active,
body.dark .fc .fc-addEventButton-button,
body.dark .fc .fc-addEventButton-button:hover,
body.dark .fc .fc-addEventButton-button:not(:disabled):active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

.fc .fc-button-primary:not(.fc-addEventButton-button),
body.dark .fc .fc-button-primary:not(.fc-addEventButton-button) {
  background-color: rgba(var(--brand-primary-rgb), 0.18) !important;
  border-color: rgba(var(--brand-primary-rgb), 0.38) !important;
  color: var(--brand-primary) !important;
}

.fc .fc-button-primary:not(.fc-addEventButton-button):hover,
.fc .fc-button-primary:not(.fc-addEventButton-button):not(:disabled):active,
body.dark .fc .fc-button-primary:not(.fc-addEventButton-button):hover,
body.dark .fc .fc-button-primary:not(.fc-addEventButton-button):not(:disabled):active {
  background-color: rgba(var(--brand-primary-rgb), 0.28) !important;
  border-color: rgba(var(--brand-primary-rgb), 0.5) !important;
  color: var(--brand-primary) !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled).fc-button-active:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active:active,
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active,
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active:hover,
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active:active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

.fc .fc-addEventButton-button,
.fc .fc-addEventButton-button:hover,
.fc .fc-addEventButton-button:not(:disabled):active,
body.dark .fc .fc-addEventButton-button,
body.dark .fc .fc-addEventButton-button:hover,
body.dark .fc .fc-addEventButton-button:not(:disabled):active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

div#load_screen .spinner-grow,
body.dark div#load_screen .spinner-grow {
  color: var(--brand-primary) !important;
}