/* 
 Author: Emma Jaud
 Organization: University of Delaware Library, Museums and Press
 File: dataverse.css
 Description: Define styles for UD Dataverse
*/

@font-face {
    font-family: 'Greycliff_Light';
    src: url('/static/fonts/GreycliffCF-Light.woff') format('woff'),
         url('/static/fonts/GreycliffCF-Light.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Greycliff_Bold';
    src: url('/static/fonts/GreycliffCF-Bold.woff') format('woff'), 
         url('/static/fonts/GreycliffCF-Bold.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Greycliff_SemiBold';
    src: url('/static/fonts/GreycliffCF-DemiBold.woff') format('woff'), 
         url('/static/fonts/GreycliffCF-DemiBold.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Greycliff_Regular';
    src: url('https://library.udel.edu/static/fonts/Greycliff-CF-Regular.otf') format('opentype');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans.woff') format('woff'), 
         url('/static/fonts/OpenSans.woff2') format('woff2');
    font-display: auto;
    font-weight: normal;
    font-style: normal;
}

:focus-visible {
    outline: black auto 1px !important;
}

:root {
    font-size: 75%; /* this resets the font scale to 1 rem = 12 px */

    /* let's define all of our custom colors!
       now you can just use "color: var(--color-blue-med);"
       to call that variable's stored hex code */
    --color-blue-med:     #00539f;
    --color-blue-dark:    #003c71;
	--color-blue-darker:  #003566;
    --color-blue-light:   #00a0df;
    --color-blue-light1:  #c7e3ff;
    --color-blue-pale:    #f3f8fd;
    --color-blue-pale1:   #f6faff;
	--color-blue-lighter: #e6f2fe;
    --color-gold:         #ffd200;
    --color-gold-pale:    #fdf0b2;    /* changed from #fff688 */
    --color-gray-light:   #eeeeee;
    --color-gray-med:     #bdbdbd;
    --color-gray-dark:    #777;
	--color-black:        #000000;
}

body {
    line-height: 1;
    background: var(--color-gray-light);
    font-family: 'Greycliff_Regular';
}
a, .ui-widget-content a {
    color: var(--color-blue-dark);
}
a:hover, .ui-widget-content a:hover {
    color: var(--color-blue-med);
}
.h1, .h2, .h3, h1, h2, h3 {
    font-family: 'Greycliff_SemiBold';
}

/* UD HEADER AND FOOTER ||||||||||||||||||||||||||||||||||||||||||||||| */
.navbar-fixed-top {
	display: flex;
	top: auto;
	position: relative;
}
#dataverse-header-block {
	padding-top: 0px;
}
#dataverseHeader {
    display: none;
}
.navbar-header .custom-logo {
	display: none;
}
#dvfooter {
	display: none;
}
img, p, iframe, table, thead, tbody, form, fieldset, legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}
a.screen-reader {
    position: absolute;
    left: -9999px;
    left: 0;
    top: 0;
    opacity: 0;
    width: auto;
    overflow: hidden;
    text-indent: 0;
    display: initial;
}
a.screen-reader:focus {
    opacity: 1;
    background: #fff;
    z-index: 2;
    padding: 8px 11px;
    font-size: 14px;
    font-family: 'Greycliff_Semibold';
    text-transform: uppercase;
    margin: 6px;
}
body {
    margin: 0;
}
.s-lib-side-borders {
    padding-left: 15px;
    padding-right: 15px;
}
#UDLibraryHeader * {
	box-sizing: border-box;
}
#ud-search-form {
	display: block;
	text-align: left;
}
#ud__search-open {
    background: transparent;
    border: none;
}
#ud__menu ul,
#ud__menu ol {
    margin-top: 0;
    margin-bottom: 0;
}
.level-1 ul,
.level-1 ol {
	margin-left: 0;
	margin-right: 0;
}
#ud__search-open {
    border-radius: 0;
}
#ud__menu li,
#ud__menu a {
    color: transparent;
	line-height: 1;
}
[data-viewport=desktop] .ud__full-width-padding {
    padding-left: calc(( 100% - 97rem )/2);
    padding-right: calc(( 100% - 97rem )/2);
}
.ud__header {
    background: #00539f;
    height: 9rem;
    display: flex;
    justify-content: space-between;
}
[data-viewport=desktop] .ud__submenu {
    z-index: auto;
}
[data-viewport=mobile] {
    overflow-x: hidden;
}
[data-viewport=mobile]:not(.ud__search-open) header[aria-label="udbanner"] {
    overflow: hidden;
}
.ud__subheader-wrap {
    border-bottom: 1px solid var(--color-gray-light);
    line-height: 1;
}
#ud-search-form, #ud-search-form input, #ud-search-form select {
    font-family: 'greycliff_semibold', 'gc_semi' !important;
}
#ud__menu-button .icon-change {
    height: 66px;
}
[data-viewport=mobile] #search-click svg {
    stroke: transparent !important;
}
.footer-library {
	font-family: 'gc_semi';
}
#footer-subscribe h3 {
    margin: 0 0 1.25rem;
}
.udFooterSocial-icons ul {
    padding: 0;
}
#footer-menus * {
	box-sizing: border-box;
}
#footer-menus .container {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
	text-align: left;
}
#footer-menus ol,
#footer-menus ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer-menus li {
    line-height: 1;
}

/* buttons |||||||||||||||||||||||||||||||||||||||||||||||
   (needs auditing!) */

#footer-subscribe input[type="submit"] {
    background: linear-gradient(var(--color-blue-med),#00539a);
    color: #fff;
    display: table;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: 1rem 2rem;
    padding: 0.75rem 2rem;
    font-size: 1.375rem;
    line-height: 2rem;
    border-radius: 0.75rem;
    border-radius: 2rem;
    box-shadow: 0 2px 1rem rgba(0,0,0,.2);
    font-family: "greycliff_semibold";
    cursor: pointer;
    border: 0
}
#footer-subscribe input[type="submit"]:hover,
#footer-subscribe input[type="submit"]:focus {
    background: var(--color-blue-light);
    color: #fff
}
.ud_circle.udblue svg {
    fill: var(--color-blue-med)!important;
    stroke: none!important
}
.ud_circle.white svg {
    fill: #fff!important;
    stroke: none!important
}
.back-to-top circle {
/*  	fill: var(--color-blue-light);*/
	fill: var(--color-gold);
}
.back-to-top:hover circle,
.back-to-top:focus circle {
/*  fill: var(--color-blue-med);*/
	fill: #ffeb8c;
}
.back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 1.75rem;
    border: 0;
    background: transparent;
    font-size: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: none;
    z-index: 1000;
    border-radius: 100%;
    box-shadow: 0 3px 0.5rem rgba(0,0,0,.16),0 3px 0.5rem rgba(0,0,0,.16);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
button {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.back-to-top svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    [data-viewport=mobile] #search-click {
        max-height: 55px;
    }

    [data-viewport=mobile] #ud__menu-button {
        z-index: 3;
    }
}
@media screen and (max-width: 640px) {
    footer#udFooter .udFooterSocial-icons {
        left: 0;
    }
}
@media screen and (max-width: 480px) {
    .back-to-top {
        bottom: 7rem;
        right: 2rem
    }
    #live-chat-widget {
        bottom: 2.25rem;
        right: 2rem;
        margin-left: 2rem
    }
    #live-chat-widget iframe {
        width: 100vw
    }
}

/* NAV ||||||||||||||||||||||||||||||||||||||||||||||| */
#navbarFixed.navbar-fixed-top {
    min-height: 44px;
    background: white;
}
#dataverse-header-block #navbarFixed>.container {
    width: 100% !important;
    padding-left: calc(( 100% - 97rem )/2);
    padding-right: calc(( 100% - 97rem )/2);
    height: 44px;
    background: white;
}
.nav.navbar-right {
    float: none !important;
    margin-right: 0;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>form>a {
    padding: 1rem 1.25rem;
    text-transform: uppercase;
    overflow: hidden;
    color: #00539f !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    font-family: 'Greycliff_SemiBold';
    font-size: 1.333rem;
    border: 2px solid transparent;
    height: 44px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>form>a:hover,
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.open>a:focus {
    border-color: white;
    border-bottom-color: var(--color-gold);
    background: white;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.open>a {
    border-color: white;
    border-bottom-color: var(--color-gold);
    background: white;
    box-shadow: none;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto; 
        left: auto;
    }
}
#navbarFixed .dropdown-menu.navbar-search {
    position: absolute;
    top: calc(100% + 1rem);
    background: #fff;
    border-radius: 1rem;
    width: calc(12rem + 10vw);
    width: 25rem;
    padding: 1rem;
    transition: 0.3s ease left;
    letter-spacing: -0.0125vmax;
    z-index: 1;
    overflow: visible;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    height: auto;

}
#navbarFixed .dropdown-menu.navbar-search::before,
#navbarFixed .dropdown-menu.navbar-search::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
}
#navbarFixed .dropdown-menu.navbar-search::before {
    height: 2rem;
    left: 0;
    right: 0;
}
#navbarFixed .dropdown-menu.navbar-search::after {
    border: 0.8rem solid transparent;
    border-bottom-color: white;
/*    right: 1.8rem; */
    left: 40px;
}
#navbarFixed .dropdown-menu.navbar-search .form-inline .input-group {
    width: 100%;
}
#navbarFixed .dropdown-menu.navbar-search .form-inline .input-group .form-control {
    background: var(--color-blue-pale);
    border-radius: 0.5rem 0 0 0.5rem;
}
#navbarFixed .dropdown-menu.navbar-search .form-inline .input-group .input-group-btn {
    width: 40px;
}
#navbarFixed .dropdown-menu.navbar-search .form-inline .input-group .input-group-btn .btn {
    background: var(--color-blue-med);
    color: white;
    border-radius: 0 10rem 10rem 0;
    border-color: var(--color-blue-med);
    padding: 6px 15px 6px 12px;
}
.nav .dropdown a:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
.navbar-header > a {
    display: none;
}

/* Mobile Nav */
.navbar-collapse {
    background: white;
}
@media (max-width: 992px) {
    .navbar-collapse .navbar-nav {
        margin: 6px 0;
    }
}
.navbar-toggle {
    margin: 5px 5px 5px 0;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
}

/* BREADCRUMBS ||||||||||||||||||||||||||||||||||||||||||||||| */
#breadcrumbNavBlock {
    margin-top: 1rem;
    font-family: 'Greycliff_SemiBold';
    font-size: 12px;
    padding-left: 21px; 
}


/* METRICS ||||||||||||||||||||||||||||||||||||||||||||||| */
#metrics-label {
    background: var(--color-blue-darker);
    color: white;
    border-radius: 0.5rem 0 0 0.5rem;
    line-height: normal;
}
#metrics-content {
    border-radius: 0 0.5rem 0.5rem 0;
    line-height: normal
}


/* BUTTONS ||||||||||||||||||||||||||||||||||||||||||||||| */
.input-group-btn > .btn, .input-group-btn > .btn-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
    font-size: 14px;
    background: var(--color-blue-med);
    color: white !important;
    border-color: var(--color-blue-med);
}
.btn-default, .visible-xs-block .btn, .ui-dialog button.ui-button, .ui-widget input, .ui-widget button, .btn-group-justified>.btn-group .btn {
    background: var(--color-blue-med);
    color: white !important;
    border-color: var(--color-blue-med);
    border-radius: 10rem;
    font-size: 12.5px;
    text-shadow: none;
    font-family: 'Greycliff_SemiBold';
}
.btn.btn-xs {
    font-size: 12px;
    padding-right: 8px;
}
.btn-default:hover, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .btn-default.ui-state-hover:hover, .btn-default.ui-state-hover, .ui-dialog button:hover, .ui-widget button:hover, .ui-widget button:focus-visible, .btn-group-justified>.btn-group .btn:hover, .btn-group-justified>.btn-group .btn:focus-visible {
    background: var(--color-blue-light);
    border-color: var(--color-blue-light);
    color: white;
/*    border-radius: 10rem;*/
    text-decoration: none;
}
.btn-default.dropdown-toggle {
    padding: 4px 12px;
}
.btn-group-justified>.btn-group .btn {
    margin-bottom: 6px;
    font-size: 14px;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group>.btn:last-child:not(:first-child),
.btn.btn-default.btn-access {
    background: #c7e3ff;
    background: white;
    color: var(--color-blue-darker) !important;
    font-size: 12px;
}
.btn.btn-default.btn-access:hover {
    background: white;
}


/* INPUTS ||||||||||||||||||||||||||||||||||||||||||||||| */
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0.5rem 0 0 0.5rem;
}


/* ADVANCED SEARCH FORM ||||||||||||||||||||||||||||||||||||||||||||||| */
div.panel-heading[data-toggle="collapse"] {
    background: var(--color-blue-dark);
    color: white !important;
    font-family: 'Greycliff_SemiBold';
    font-size: 18px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
}
.glyphicon-chevron-up:before, .glyphicon-chevron-down:before {
    font-size: 12px;
}
.panel-heading .glyphicon {
    display: flex;
}
.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-icon-check {
    background-position: -65px -145px;
}
#advancedSearchForm .btn-default {
    padding: 6px 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#advancedSearchForm .button-block {
    display: flex;
    align-items: center;
    justify-content: center; 
}
div.panel-group div.panel {
    border-radius: 0.5rem;
}


/* MODAL ||||||||||||||||||||||||||||||||||||||||||||||| */
#contactDialog .button-block, #shareDialog .button-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#shareDialog .button-block {
    justify-content: flex-end;
}
#sharrre-block a {
    border-radius: 0.2rem;
}


/* SIDEBAR ||||||||||||||||||||||||||||||||||||||||||||||| */
#dv-sidebar {
/*    margin: 0 15px;*/
/*    background: white;*/
    border-radius: 1rem;
    font-family: 'Greycliff_Regular';
}
#dv-sidebar .ui-widget-content a {
    font-family: 'Greycliff_Regular';
    margin: 2px 0;
    line-height: 1.2;
}
#dv-sidebar .ui-widget-content a:hover {
    color: var(--color-blue-med);
    text-decoration: underline;
}
#dv-sidebar .ui-widget-content  {
    border-radius: 0.5rem;
    padding: 10px;
}
#dv-sidebar div[id$='facetCategoryList'] > div > ul  {
    border-radius: 1rem;
    padding: 10px;
}
#dv-sidebar div[id$='facetCategoryList'] > div > ul > li {
    margin-bottom: 15px;
}
#dv-sidebar div[id$='facetCategoryList'] > div > ul > li:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
}
#dv-sidebar .ui-panelgrid .ui-panelgrid-cell {
    padding: 0 10px 4px;
}
#dv-sidebar .facetCategoryName {
    font-family: 'Greycliff_SemiBold';
}


/* RESULTS TABLE ||||||||||||||||||||||||||||||||||||||||||||||| */
#search-row-panel {
    border-color: transparent;
}
#resultsCountPaginatorBlock div.results-sort-pagination {
    margin-bottom: 4px;
}
table[id$='resultsTable'] td > div {
    border-radius: 0.5rem;
    padding: 8px 12px;
    background: white;
    color: black;
    margin: 3px 0;
    border: none;
    border-bottom: 3px solid grey;
    box-shadow: rgb(50 50 93 / 6%) 0px 2px 5px -1px, rgb(0 0 0 / 10%) 0px 1px 3px -1px;
}
.card-title-icon-block>a {
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'Greycliff_SemiBold';
    font-size: 16px;
}
div.alert-info.bg-citation, div.alert-danger.bg-danger {
    border-radius: 0.4rem;
}
#resultsFacetsTopBlock a.facetLink.facetSelected {
    padding: 0.5em 0.8em 0.5em 1em;
    border-radius: 5px;
    background: var(--color-gold-pale);
}


/* PAGINATION ||||||||||||||||||||||||||||||||||||||||||||||| */
.pagination {
    margin-top: 6px !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    padding-left: 15px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    padding-right: 15px;
}
.pagination>li>a, .pagination>li>span {
    color: var(--color-blue-med);
    font-family: 'Greycliff_SemiBold';
    font-size: 12.5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: var(--color-blue-med);
    border-color: var(--color-blue-med);
    cursor: default;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #fff;
    background-color: var(--color-blue-light);
    border-color: var(--color-blue-light);
}


/* ALERT ||||||||||||||||||||||||||||||||||||||||||||||| */
.alert-info {
    background-image: none;
    color: var(--color-blue-dark);
    background-color: #eaf4ff;
    border-color:#c7e3ff;
}
.alert-danger, .alert-info:not(.bg-citation) {
    display: flex;
    align-items: center;
    gap: 10px;
}
.alert-danger {
    gap: 2px;
    color: #901714;
}


/* LOGIN ||||||||||||||||||||||||||||||||||||||||||||||| */
#login-container .col-md-6.col-md-offset-3 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    background: white;
    padding: 10px 30px;
    margin-bottom: 15px;
    border-radius: 1rem;
}
#login-container #idpSelectSelector,
#login-container input[type='text'],
#login-container input[type='password'] {
    background: var(--color-blue-pale1);
}


/* METADATA ||||||||||||||||||||||||||||||||||||||||||||||| */
.metadata .form-control-static {
    min-height: 0; 
    padding-top: 0; 
    padding-bottom: 0; 
    margin-bottom: 0;
}
.metadata-container table.metadata th {
    text-align: right;
}
.notification-item {
    margin: 5px;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    border-radius: 0.5rem;
    padding: 5px 10px;
    background: var(--color-blue-pale1);
    color: black !important;
    font-family: 'Greycliff_Regular';
}
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0.5rem 0 0 0.5rem;
    background: white;
}
#my_data_filter_column2 .col-xs-7 {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
#metrics-body {
    background: white;
    border-radius: .4rem;
    margin-top: 4px;
}


/* TABS ||||||||||||||||||||||||||||||||||||||||||||||| */
.ui-tabs.ui-widget.ui-widget-content {
    font-family: 'Greycliff_Regular';
    border: 0;
}
.ui-tabs-panel {
    background: white;
}
#contentTabs .ui-tabs .ui-tabs-panel {
    padding: 1em 1.4em;
}
.ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 1em 1.4em;
    background: #f6faff;
    background: white;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    text-shadow: none;
}
#contentTabs .ui-tabs .ui-tabs-panel .panel-body, #contentTabs .input-group .form-control:not(:first-child):not(:last-child), #dataverseUserForm .panel-body {
    background: #f6faff;
}
#my_data_filter_column b {
    margin: 12px 0;
    display: block;
}
#my_data_filter_column #div_role_states {
    border-bottom: none !important;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {
    border: 0;
}
.ui-tabs .ui-tabs-nav.ui-widget-header li {
    background: var(--color-blue-med);
}
.ui-tabs .ui-tabs-nav.ui-widget-header li:not(.ui-state-active):hover,
.ui-tabs .ui-tabs-nav.ui-widget-header li:focus-visible {
    background: var(--color-blue-light);
    outline: -webkit-focus-ring-color auto 1px;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
.ui-tabs .ui-tabs-nav.ui-widget-header li:not(.ui-state-active) a {
    color: white;
    text-shadow: none;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
/*    background: #f6faff; */
/*    border-bottom-color: #f6faff;*/
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active:focus-visible a {
    color: white !important;
}
.ui-tabs.ui-widget-content .ui-tabs-nav li.ui-tabs-selected a {
    color: var(--color-blue-dark);   
}
.well.terms-agreement-block {
    background-color: white;
}
.ui-widget .ui-widget .ui-widget:has(.ui-chkbox.ui-widget) {
    display: flex;
    align-items: center;
}
.ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {
    margin: 0;
}


/* TAB - FILES ||||||||||||||||||||||||||||||||||||||||||||||| */
div[id$="filesTable"] thead[id$="filesTable_head"] th.ui-state-default {
    background: var(--color-blue-lighter);
    border-color: var(--color-blue-light1) !important;
}
div[id$="filesTable"].ui-datatable tbody td {
    border-color: var(--color-blue-light1) !important;
}
div[id$="filesTable"].ui-datatable.ui-widget table .ui-datatable-odd td {
    background: var(--color-blue-lighter);
}
div[id$="filesTable"] .fileNameOriginal {
    margin-bottom: 4px;
}
div[id$="filesTable"] .fileDescription,
div[id$="filesTable"] div.file-tags-block {
    margin-top: 4px;
}

tr.ui-state-highlight, .ui-widget-content tr.ui-state-highlight, .ui-widget-header tr.ui-state-highlight, tr.ui-state-highlight td {
    background-color: var(--color-gold-pale) !important;
}
tr.ui-state-highlight a:not(.btn), .ui-widget-content tr.ui-state-highlight a:not(.btn), .ui-widget-header tr.ui-state-highlight a:not(.btn), .ui-state-highlight a.btn-link, .ui-widget-content .ui-state-highlight a.btn-link, .ui-widget-header .ui-state-highlight a.btn-link {
    color: var(--color-blue-darker);
}
.btn-access-file:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.ui-datatable-header .text-left .dropdown-toggle {
    padding: 2px 12px !important;
    margin-top: 2px;
}


/* TAB - VERSIONS ||||||||||||||||||||||||||||||||||||||||||||||| */
div[id$="versionsTable"].ui-datatable thead th {
    background-color: var(--color-blue-dark) !important;
    background-image: none !important;
    color: white !important;
    text-shadow: none !important;
    border-radius: 0;
    border-right-color:  white;
    border-left-color: white;
    font-family: 'Greycliff_SemiBold';
}
div[id$="versionsTable"].ui-datatable thead th:last-of-type {
/*    border-top-right-radius: 0.5rem;*/
    border-right-color:  var(--color-blue-darker);
}
div[id$="versionsTable"].ui-datatable thead th:first-of-type {
/*    border-top-left-radius: 0.5rem;*/
    border-left-color:  var(--color-blue-darker);
}
.ui-datatable-odd {
    background-color: var(--color-blue-lighter);
}
.panel-default>.panel-heading {
    border-color: var(--color-blue-darker);
    color: white;
    background-image: linear-gradient(to bottom, var(--color-blue-med) 0, var(--color-blue-darker) 100%) !important;
}
#version-details-block > div {
    border-radius: 0.2rem;
}


/* CITATION BLOCK ||||||||||||||||||||||||||||||||||||||||||||||| */
.h5 {
    font-size: 18px;
    font-family: 'Greycliff_SemiBold';
    margin-bottom: 10px;
    display: block; 
    margin-top: 0;
}
div.citation-block .citation {
    line-height: 1.3;
}
div.citation-block div.citation-download.margin-bottom button {
    background: var(--color-blue-med);
    color: white;
    padding: 2px 12px !important;
    border-radius: 10rem;
    font-size: 12px; 
}
div.citation-block div.citation-download.margin-bottom button:hover, div.citation-block div.citation-download.margin-bottom button:focus {
    text-decoration: none;
    background: var(--color-blue-light);
}
div.citation-block div.citation-download.margin-bottom button:focus-visible, .btn-group-justified>.btn-group .btn:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
div.citation-block div.citation-standards.margin-bottom {
    height: 23px;
    display: flex;
    gap: 5px;
    align-items: center;
}



@media only screen and (max-width: 1199px) {
    .metadata-container table.metadata tr th {
        text-align: left;
    }  
}
@media only screen and (max-width: 1030px) {
    .metadata-container table.metadata tr th {
        text-align: left;
    }  
}
@media only screen and (max-width: 720px) {
    #metrics-block1 {
        display: flex;
        width: 100%;
    } 
    #metrics-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #actionButtonBlock > .row {
        
    }
}
@media only screen and (max-width: 768px) {
    #navbarFixed form.navbar-form.navbar-form-link {
        border-color: transparent;
    }
}
@media only screen and (max-width: 705px) {
    div[id$="filesHeaderBlock"] > .col-xs-5 {
        width: 100%;
    }
}


/* FOOTER ||||||||||||||||||||||||||||||||||||||||||||||| */
footer {
    padding-top: 2.25rem !important;
}