#branding h1, #branding h1 a:link, #branding h1 a:visited {
    color: #fff;
}

#header {
    background: #FF00FF;
    color: #fff;
}

#header a:link, #header a:visited {
    color: #fff;
}

#header a:hover {
    color: #fff;
}

div.breadcrumbs {
    background: #f8f8f8;
    color: #999;
}

div.breadcrumbs a {
    color: #FF00FF;
}

div.breadcrumbs a.active {
    color: #999;
}

div.breadcrumbs a:focus, div.breadcrumbs a:hover {
    color: #999;
}

.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
    background-color: #FF00FF;
}

.paginator a:link, .paginator a:visited {
    background: #FF00FF;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background: #FF00FF; /* we might want to have a different color here, as it is for different buttons */
}

.module h2, .module caption, .inline-group h2 {
    background: #FF00FF;
}

#user-tools a:focus, #user-tools a:hover {
    border: 0;
    color: #e0f3ff;
}

.selector-chosen h2 {
    background: #FF00FF;
}

.calendar td.selected a {
    background: #FF00FF;
}

.calendar td a:focus, .timelist a:focus,
.calendar td a:hover, .timelist a:hover {
    background: #FF00FF;
}

fieldset.collapsed .collapse-toggle {
    color: #000000;
}

a:link, a:visited {
    color: #000000;
}

table thead th.sorted .sortoptions a.sortremove:focus:after,
table thead th.sorted .sortoptions a.sortremove:hover:after {
    color: #000000;
}

a.active.selector-chooseall:focus, a.active.selector-clearall:focus,
a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
    color: #000000;
}

.button.default, input[type=submit].default, .submit-row input.default {
    background: #FF00FF;
}

.calendar td a:active, .timelist a:active {
    background: #000000;
}

.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
    background-color: #FF00FF;
}