@media screen {
        
    .uv div.headerPanel div.options {
        background-color: #a0002a;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .uv .headerPanel .prevOptions button.btn.imageBtn.disabled {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .uv .search .btn-primary,
    .uv .search .btn-primary:hover,
    .uv .search .btn-primary:focus,
    .uv .search .btn-primary:active,
    .uv .search .btn-primary.active,
    .search .open .dropdown-toggle.uv .btn-primary {
        color: #ffffff;
        background-color: transparent;
        border-color: #ffffff;
        border-radius: 6px;
    }

    .uv .headerPanel .centerOptions button.btn.imageBtn.first i,
    .uv .headerPanel .centerOptions button.btn.imageBtn.prev i,
    .uv .headerPanel .centerOptions button.btn.imageBtn.next i,
    .uv .headerPanel .centerOptions button.btn.imageBtn.last i {
        background-color: #c12532;
        border-radius: 6px;
    }

    .uv .headerPanel .centerOptions button.btn.imageBtn.first i:hover,
    .uv .headerPanel .centerOptions button.btn.imageBtn.prev i:hover,
    .uv .headerPanel .centerOptions button.btn.imageBtn.next i:hover,
    .uv .headerPanel .centerOptions button.btn.imageBtn.last i:hover {
        background-color: #c12532;
        opacity: 0.75;
    }

    div.uv .btn:focus i {
        border-radius: 6px;
        outline: 2px solid #6DA79E;
    }

    div.uv .headerPanel .btn:focus i {
        outline: none
    }

    div.uv .headerPanel .btn:focus-visible i {
        outline: 2px solid #6DA79E;
    }

    div.uv-iiif-extension-host a,
    div.uv-iiif-extension-host a:hover, 
    div.uv-iiif-extension-host a:focus {
        color: #6DA79E;
    }

    /* Remove static width search to remove line break at "Go" */
    div.uv .headerPanel .centerOptions .search {
        width: auto;
    }

    /* Adjust border settings of page number text input field */
    /* On item show page, these flags would be set by style.css
     * "input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea",
     * but on UV play site style.css is not available. */
    div.uv .headerPanel .centerOptions .autocompleteText {
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #dedede;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        padding: 2px;
        margin: 0;
    }

    /* Raise z-index of attribution to show above .mobileFooterPanel */
    .uv .centerPanel .content .attribution {
		z-index: 1000;
	}

    .uv .mainPanel .leftPanel,
    .uv .mainPanel .rightPanel {
        border-radius: 6px;
    }

    div.uv .leftPanel .tabs .tab {
        width: auto;
        margin-left: .5rem;
        margin-right: .5rem;
    }

    div.uv .leftPanel .tabs .tab.on {
        border: none;
        background-color: #6DA79E;
        color: black;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding-left: .3rem;
        padding-right: .3rem;
    }

    div.uv .leftPanel .views .thumbsView .thumbs .thumb.selected .wrap {
        border: 2px solid #6DA79E;
        border-radius: 6px;
    }

    div.uv .leftPanel .views .treeView .iiif-tree-component ul li a.selected {
        color: #6DA79E !important;
    }

    .iiif-metadata-component .groups .group .items .item div.value a.toggle,
    .iiif-metadata-component .groups .group .items .item div.value a.toggle:hover {
        color: #6DA79E;
    }

    div.uv .overlay.download .middle .content ol.options li button {
        color: #000000;
    }

    /* Reduce padding to show all buttons mobile in a row, else fullscreen in new line */
	.uv .mobileFooterPanel button.btn {
        padding: 2px;
    }
}