:root {
  --blue-override: #198754;
  --blue-override-hover: #157347;
  --blue-override-hover-border: #146c43;
  --blue-override-focus-border: 0 0 0 0.25rem rgb(60 153 110 / 50%);
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%60, 153, 110, 0.25%29'/%3e%3c/svg%3e") !important;
}

#rightPanel #player #volume-slider .ui-widget-header {
	background: none repeat scroll 0 0 var(--blue-override) !important;
}

.card a {
	color: var(--blue-override);
}

.pace .pace-progress {
	background: var(--blue-override);
}

.btn-primary {
    color: #fff;
    background-color: var(--blue-override);
    border-color: var(--blue-override);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--blue-override-hover);
    border-color: var(--blue-override-hover-border);
}

.form-check-input:checked {
    background-color: var(--blue-override);
    border-color: var(--blue-override);
}

#timeline-container #timeline #behind {
    background-color: var(--blue-override);
}

#storageSpaceBar div {
    background-color: var(--blue-override);
}

.chatbox__title {
  background-color: var(--blue-override);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--blue-override);
}

.min .modal-header {
    background-color: var(--blue-override);
}

.topNavigationBar div.button:hover {
    background-color: var(--blue-override);
}

.fileuploadbox {
    border: 2px dashed var(--blue-override);
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: var(--blue-override-hover) !important;
    border-color: var(--blue-override-hover-border) !important;
    box-shadow: 0 0 0 .25rem var(--blue-override-focus-border) !important;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--blue-override-hover);
    border-color: var(--blue-override-hover-border);
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: var(--blue-override);
    border-color: var(--blue-override);
}

.btn-outline-primary {
    color: var(--blue-override);
    border-color: var(--blue-override);
}

.btn-outline-primary {
    color: var(--blue-override);
    border-color: var(--blue-override);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--blue-override);
    border-color: var(--blue-override);
}

.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem var(--blue-override-focus-border);
}

.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem var(--blue-override-focus-border);
}

.form-check-input:focus {
    border-color: var(--blue-override);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--blue-override-focus-border);
}

#displayCardsLayout.active, #displayRowsLayout.active {
  color: var(--blue-override) !important;
}