/* Admin-specific styling for GNV Shows Portal */

:root {
    --navy: #000B58;
    --dark-blue: #003161;
    --teal: #006A67;
    --light-yellow: #FFF4B7;
    --white: #FFFFFF;
    --light-gray: #F5F5F5;
    --medium-gray: #E0E0E0;
    --dark-gray: #333333;
}

/* Admin theme colors */
#header {
    background-color: var(--navy) !important;
    color: var(--light-yellow) !important;
}

#branding h1 {
    color: var(--light-yellow) !important;
}

#branding h1 a {
    color: var(--light-yellow) !important;
}

div.breadcrumbs {
    background-color: var(--dark-blue) !important;
    color: var(--light-yellow) !important;
}

div.breadcrumbs a {
    color: var(--white) !important;
}

div.breadcrumbs a:hover {
    color: var(--light-yellow) !important;
}

.module h2, .module caption, .inline-group h2 {
    background-color: var(--dark-blue) !important;
    color: var(--light-yellow) !important;
}

a.section:link, a.section:visited {
    color: var(--teal) !important;
}

a:link, a:visited {
    color: var(--teal) !important;
}

a:hover {
    color: var(--light-yellow) !important;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background: var(--teal) !important;
    color: var(--white) !important;
}

.button:hover, input[type=submit]:hover, input[type=button]:hover, .submit-row input:hover {
    background: #007e7a !important;
}

.button.default, input[type=submit].default, .submit-row input.default {
    background: var(--teal) !important;
}

.button.default:hover, input[type=submit].default:hover, .submit-row input.default:hover {
    background: #007e7a !important;
}

.object-tools a:link, .object-tools a:visited {
    background-color: var(--teal) !important;
}

.object-tools a:hover {
    background-color: #007e7a !important;
}

#changelist-filter h2 {
    background-color: var(--dark-blue) !important;
    color: var(--light-yellow) !important;
}

#changelist-filter a:focus, #changelist-filter a:hover, #changelist-filter li.selected a {
    color: var(--teal) !important;
}

#changelist-filter a {
    color: var(--dark-blue) !important;
}

.selector-chosen h2 {
    background: var(--dark-blue) !important;
    color: var(--light-yellow) !important;
}

a.active.selector-chooseall:focus, a.active.selector-clearall:focus, a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
    color: var(--teal) !important;
}

.calendar td a:focus, .timelist a:focus, .calendar td a:hover, .timelist a:hover {
    background-color: var(--teal) !important;
}

.calendar td.selected a {
    background-color: var(--dark-blue) !important;
}

.dashboard .module table th {
    background-color: var(--dark-blue) !important;
}

.dashboard .module h2 {
    background-color: var(--dark-blue) !important;
}