/* usmn210.jsp integrated search color options. Loaded only by usmn210.jsp. */
:root {
    /* Blue option based on #078dc2. */
    --main051-210-color-primary: #078dc2;
    --main051-210-color-primary-light: #eaf6fb;
    --main051-210-color-primary-soft: #eef8fc;
    --main051-210-color-primary-border: #b9deeb;
    --main051-210-color-primary-text: #075a7a;
    --main051-210-color-primary-focus: rgba(7, 141, 194, .18);

    /* Green option, previous default.
    --main051-210-color-primary: #54a91d;
    --main051-210-color-primary-light: #eef3ea;
    --main051-210-color-primary-soft: #f2f7ee;
    --main051-210-color-primary-border: #cfe5c5;
    --main051-210-color-primary-text: #2c5e18;
    --main051-210-color-primary-focus: rgba(84, 169, 29, .18);
    */
    --main051-210-color-text: #222;
    --main051-210-color-text-body: #333;
    --main051-210-color-heading: #1f1f1f;
    --main051-210-color-muted: #555;
    --main051-210-color-surface: #fff;
    --main051-210-color-panel: #f9faf8;
    --main051-210-color-input: #fff;
    --main051-210-color-input-border: #d8d8d8;
    --main051-210-color-card-border: #e4e4e4;
    --main051-210-color-checkbox-bg: #fbfbfb;
    --main051-210-color-checkbox-border: #e2e2e2;
    --main051-210-color-empty-border: #cfcfcf;
    --main051-210-color-inline-panel: #f3fbfe;
    --main051-210-color-inline-border: #b9deeb;
    --main051-210-color-shadow: rgba(0, 0, 0, .12);
}

.renewal-page .renewal-guide-item {
    border-color: var(--main051-210-color-card-border);
    background: var(--main051-210-color-panel);
}

.renewal-page .renewal-guide-item h3 {
    border-bottom-color: var(--main051-210-color-primary);
    color: var(--main051-210-color-heading);
}

.renewal-page .renewal-guide-text,
.renewal-page .renewal-guide-webpage,
.renewal-page .renewal-search-controls label {
    color: var(--main051-210-color-text-body);
}

.renewal-page .renewal-search-panel {
    background: var(--main051-210-color-surface);
}

.renewal-page .renewal-search-controls select,
.renewal-page .renewal-search-controls input[type="text"] {
    border-color: var(--main051-210-color-input-border);
    background: var(--main051-210-color-input);
    color: var(--main051-210-color-text);
}

.renewal-page .renewal-search-controls select:focus,
.renewal-page .renewal-search-controls input[type="text"]:focus {
    border-color: var(--main051-210-color-primary);
    outline-color: var(--main051-210-color-primary-focus);
}

.renewal-page .renewal-search-primary {
    background: var(--main051-210-color-primary);
    color: var(--main051-210-color-surface);
}

.renewal-page .renewal-search-secondary {
    background: var(--main051-210-color-primary-light);
    color: var(--main051-210-color-primary-text);
}

.renewal-page .renewal-inline-multicode {
    border-color: var(--main051-210-color-inline-border);
    background: var(--main051-210-color-inline-panel);
    box-shadow: 0 12px 26px var(--main051-210-color-shadow);
}

.renewal-page .renewal-inline-multicode iframe {
    background: var(--main051-210-color-surface);
}

.renewal-page .renewal-booktype-grid label {
    border-color: var(--main051-210-color-checkbox-border);
    background: var(--main051-210-color-checkbox-bg);
    color: var(--main051-210-color-text);
}

.renewal-page .renewal-booktype-grid input[type="checkbox"] {
    accent-color: var(--main051-210-color-primary);
}

.renewal-page .renewal-booktype-grid .renewal-booktype-all {
    border-color: var(--main051-210-color-primary-border);
    background: var(--main051-210-color-primary-soft);
}

.renewal-page .renewal-guide-empty {
    border-color: var(--main051-210-color-empty-border);
    background: var(--main051-210-color-surface);
    color: var(--main051-210-color-muted);
}