structure.css

/*--------- BODY --------- */
html {
  /* Sticky footer */
  position:relative;
  min-height:100%;
}
body {
  /* Sticky footer Margin bottom by footer height */
  margin-bottom:160px;
}
body.widget-view {margin-bottom:54px;}
body .ui-widget {font-size: inherit;}
.ui-widget-content a {color: #337AB7;}
.ui-widget-content a:hover, .ui-widget-content a:focus {color: #23527C;}

/* -------- TEMPLATE -------- */
.panelgridHeaderTable {width:100%;}
.panelgridHeaderTable .ui-widget-content, .panelgridHeaderTable .ui-widget-content > td {border:0; background:none;}
.panelgridHeaderTable .ui-widget-content > td:last-child table {margin-left:auto;}

.bg-dataverse, bg-brand {background:#C55B28;}
.bg-dataset {background:#337AB7;}
.bg-file {background:#777777;}
.bg-muted {background:#f5f5f5;}
.text-dataverse, .text-brand {color:#C55B28;}
.text-dataset {color:#31708F;}
.text-file {color:#777777;}

#navbarFixed {margin-bottom:0;}
.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 930;
}
#navbarFixed .navbar-brand {color:#C55B28; padding-left:32px;}
#navbarFixed .navbar-brand.custom-logo {height:auto; padding:0;}
#navbarFixed .icon-dataverse {color:#C55B28; font-size:28px; margin: -4px 0 0 -27px; position: absolute;}

#navbarFixed .dropdown.accountName a:focus {outline: -webkit-focus-ring-color 5px auto;}
#navbarFixed form.navbar-form.navbar-form-link {margin:0; padding:0;}
#navbarFixed form.navbar-form-link a.ui-commandlink, #navbarFixed ul.navbar-nav li.dropdown span.dropdown-toggle {display:block; padding:15px; color: #777;}
#navbarFixed form.navbar-form-link a.ui-commandlink:hover, #navbarFixed form.navbar-form-link a.ui-commandlink:focus,
#navbarFixed ul.navbar-nav li.dropdown span.dropdown-toggle:hover, #navbarFixed ul.navbar-nav li.dropdown span.dropdown-toggle:focus {color: #262626; text-decoration: none;}
#navbarFixed .dropdown-menu.navbar-search {padding:12px; min-width:350px;}
#navbarFixed .dropdown-menu.navbar-language a.language-menu-link {display: block; clear: both; padding: 3px 20px; font-weight: 400; line-height: 1.42857143; color: rgb(51, 51, 51); white-space: nowrap; text-decoration: none;}
#navbarFixed .dropdown-menu.navbar-language a.language-menu-link:hover,
#navbarFixed .dropdown-menu.navbar-language a.language-menu-link:focus {color: #262626;text-decoration: none;background-color: #f5f5f5;}
#navbarFixed .dropdown-menu.navbar-language .active a.language-menu-link,
#navbarFixed .dropdown-menu.navbar-language .active a.language-menu-link:hover,
#navbarFixed .dropdown-menu.navbar-language .active a.language-menu-link:focus {/*color: #fff;text-decoration: none;background-color: #337ab7;outline: 0;*/}
#navbarFixed .dropdown-menu.navbar-language .disabled a.language-menu-link,
#navbarFixed .dropdown-menu.navbar-language .disabled a.language-menu-link:hover,
#navbarFixed .dropdown-menu.navbar-language .disabled a.language-menu-link:focus {color: #777777;}
#navbarFixed .dropdown-menu.navbar-language .disabled a.language-menu-link:hover,
#navbarFixed .dropdown-menu.navbar-language .disabled a.language-menu-link:focus {text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
#navbarFixed #navbar-search-toggle, #navbarFixed #dataverseSupportLink, #navbarFixed #lnk_header_account_dropdown {cursor: pointer; cursor: hand;}
#navbarFixed .dropdown.accountName #lnk_header_account_dropdown span.glyphicon {margin-right:8px;}
#navbarFixed .dropdown.accountName .label.label-danger {margin-left:.5em; line-height:normal; vertical-align:text-top;}
#navbarFixed .dropdown.accountName .logout form {margin:0; padding:0; width:100%;}
#navbarFixed .dropdown.accountName .logout a {clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; text-decoration: none;}
#navbarFixed li.dropdown.open > span.dropdown-toggle {background-color: #e7e7e7;}

#status-alert {margin-top:0; margin-bottom:0;}
#status-alert div.alert {border:0; box-shadow:none;}

#footer {position:absolute; bottom:0; margin-top:3em; padding-bottom:100px; width:100%; height:60px; color:#808080;}
#footer.widget-view {position:fixed; left:0; bottom:0; margin:0; padding:4px 0 0 0; min-height:44px; background:#fff;}
#footer .poweredbylogo {text-align:right;}
#footer .poweredbylogo span {font-size:.85em;margin-right:.3em;}
#footer .version {vertical-align:bottom;white-space:nowrap;}
#footer.widget-view .widgetBrandMsg {line-height:42px;}

.panelLayoutBlock, .panelLayoutTitleBlock, .panelLayoutButtonBlock {border:0;}
.panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content, .panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content > td {border:0;}
.form-group table.noBorders tr.ui-widget-content, .form-group table.noBorders td {border:0; padding-left:0;}

.panelgridLayoutTable, .panelgridFormTable {width:100%;}
.panelgridFormTable > tbody > tr.ui-widget-content > td:first-child {width:20%;}
.panelgridFormTable.ui-panelgrid td table.ui-picklist td {border: 0; padding:0;}
.panelgridFormTable.ui-panelgrid td table.ui-picklist td ul.ui-widget-content.ui-corner-all {border:1px solid #DDDDDD; border-radius: 4px;}

.panelLayoutButtonBlock button {/*margin-right:2em;*/}

.panelLayoutBlock > .ui-widget-content {border-bottom:1px solid #DDDDDD;}
.panelLayoutBlock.ui-panel.padding-none > .ui-widget-content.ui-panel-content {padding:0;}

.panelLayoutBlock.breadcrumbNavBlock > .ui-widget-content {border-bottom:0;}
.panelLayoutTitleBlock > .ui-widget-content {border:0;}

.panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content .ui-panelgrid {margin-bottom: 1em;}
.panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content .ui-panelgrid .ui-widget-content .ui-panelgrid {margin-bottom: 0}
.panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content .ui-panelgrid .ui-widget-content .ui-panelgrid td:first-child {padding-left:0;}

.btn span.glyphicon {margin-right:.3em;}
.btn span.glyphicon.no-text {margin:0;}
.btn-group .btn span.glyphicon.no-text {margin-left:10px;margin-right:10px;}
.col-manage-action .btn-group .btn span.glyphicon.no-text {margin:0;}
.icon-inline-action {margin-left:.3em;}
.icon-inline-action:first-of-type {margin-left:1em;}

.btn-group .text-button {display:inline-block;padding:6px;}

.text-icon-inline {font-size:1.3em;line-height:1.1em;margin-right:4px;}

#messagePanel div.messagePanel {margin-top:1em;}
.messagePanel .glyphicon {font-size: 1.5em; vertical-align: bottom;}

.highlightBold, a.highlightBold, .dropdown-menu > li > a.highlightBold {font-weight:bold;}
tr.ui-state-highlight, .ui-widget-content tr.ui-state-highlight, .ui-widget-header tr.ui-state-highlight {background-color: #ffffcc; background-image: none; color: #333333;}
tr.ui-state-highlight label, .ui-widget-content tr.ui-state-highlight label, .ui-widget-header tr.ui-state-highlight label {color: #333333;}
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) {color: #428bca;}
tr.ui-state-highlight .ui-icon {
    background-image: url("/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap");
}
td.col-select-width, th.col-select-width {width:36px;}

#ajaxStatusPanel_start {width:31px;height:31px;position:fixed;right:50%;bottom:50%;z-index:111111;}
#ajaxStatusPanel_complete {position:absolute;top:-9999px;left:-9999px;}

.italic {font-style: italic;}
.margin-top {margin-top:1em;}
.margin-top-half {margin-top:.5em;}
.margin-bottom {margin-bottom:1em;}
.margin-bottom-half {margin-bottom:.5em;}
.no-margin-top {margin-top:0 !important;}
.no-margin-bottom {margin-bottom:0 !important;}
.margin-sides {margin-left:1em; margin-right:1em;}
.padding-12 {padding: 12px;}
.padding-none {padding: 0 !important;}
.clear-both {clear:both;}

table.selectManyCheckboxBlock input {margin-right:4px;}
table.selectManyCheckboxBlock label {font-weight:normal;}
.normal-text {font-weight:normal;}
.normal-text input {margin-right:4px;}

hr {border-color: #ddd;}

span.glyphicon[data-toggle='tooltip'] {cursor: default;}
span.glyphicon-question-sign.tooltip-icon {color: #99bcdb !important;}
span.glyphicon-question-sign.tooltip-icon:hover {color: #337AB7 !important;}
a.tooltip-icon {color: #99bcdb !important;}
a.tooltip-icon:hover, a.tool-tip:focus, a.tool-tip:active {text-decoration: none; color: #337AB7 !important;}

/* Dropdown submenu */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu.pull-left {
    width: 100%;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    float: right;
    min-width: 100%;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.highlight {
    padding: 9px 14px;
    margin-bottom: 1em;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}
.highlight pre {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    white-space: nowrap;
    word-break: normal;
}
.highlight pre code {
    display: inline-block;
    color: #333;
    font-size: inherit;
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    padding: 0;
    white-space: pre-wrap;
}

/* -------- HEADER -------- */
#dataverse-header-block {padding-top:50px;}
body.widget-view #dataverse-header-block {padding-top:0px;}
#dataverseHeader {margin:0 auto;}
#dataverseHeader .dataverseHeaderBlock {display:table-row;}
#dataverseHeader .dataverseHeaderCell {display:table-cell;}
#dataverseHeader .dataverseHeaderLogo {padding-right:1em; text-align:center;}
#dataverseHeader .dataverseHeaderLogo img {max-width:940px; max-height:120px;}
#dataverseHeader .dataverseHeaderCell.dataverseHeaderLogo img {max-width:100px; max-height:100px;}
#dataverseHeader .dataverseHeaderName {padding:2em 1em 2em 0em;}
#dataverseHeader .dataverseHeaderName .dataverseHeaderDataverseName {font-size: 1.3em;}
#dataverseHeader .dataverseHeaderName span.label.label-unpublished {vertical-align:text-top; line-height: normal; margin-left:1em;}
#dataverseHeader .dataverseHeaderTagline {padding-left:2em; font-size:1.3em;}
#dataverseHeader .dataverseHeaderLink {padding-left:2em;}

/* -------- FOOTER -------- */
#dataverseFooter {margin-top:15px;}
#dataverseFooter .dataverseFooterLogo img {max-width:940px; max-height:120px;}

/* -------- BREADCRUMBS -------- */
#breadcrumbNavBlock {margin-top:.5em;}
#breadcrumbNavBlock .breadcrumbBlock {float:left; position:relative;}
#breadcrumbNavBlock .breadcrumbActive {font-weight:bold;}
#breadcrumbNavBlock a[id^='breadcrumbLnkTree'] {cursor: pointer; cursor: hand;}
#breadcrumbNavBlock a[id^='breadcrumbLnkTree'] span.glyphicon-chevron-down {vertical-align:middle;padding-bottom:2px;}

#breadcrumbNavBlock > .ui-panel-content {overflow:hidden;}
        
#breadcrumbNavBlock.panelLayoutBlock > .ui-widget-content {border-bottom: 0;}

#breadcrumbNavBlock .breadcrumbCarrot {float:left; margin:0 .4em; color:#B3B3B3;}

#breadcrumbNavBlock div.dropdown-menu {padding-right:.5em; min-width:280px;}

#breadcrumbNavBlock .ui-tree {width: auto;}

#breadcrumbNavBlock div.ui-tree.ui-widget-content {border:0;}
#breadcrumbNavBlock div.ui-tree.ui-widget-content span.ui-treenode-content span.ui-icon.ui-tree-toggler {background-size: auto 284px; height:20px; width:20px;}
#breadcrumbNavBlock div.ui-tree.ui-widget-content span.ui-treenode-content span.ui-icon.ui-tree-toggler.ui-icon-triangle-1-s {background-position: -72px -16px;}
#breadcrumbNavBlock div.ui-tree.ui-widget-content span.ui-treenode-content span.ui-icon.ui-tree-toggler.ui-icon-triangle-1-e {background-position: -35px -16px;}

/* -------- LOGIN -------- */
#login-container {margin-top:1em;}

div.panel.highlight {
    background-color: #f7f7f9;
}
#otherProviders a.ui-commandlink.ui-widget {margin-right:1em; margin-bottom:1em;}
#idpSelectIdPListTile form, #idpSelectIdPEntryTile form {margin-bottom:1em;}
#idpSelectIdPListTile input.btn, #idpSelectIdPEntryTile input.btn {margin-left:.5em;}
#idpSelectIdPEntryTile {position: relative;}
.IdPSelectPreferredIdPButton {display:inline-block;text-align:center;margin-right:4px;margin-bottom:.5em;}
#idpSelectInput, #idpSelectSelector.form-control {width: 60%;}
ul.IdPSelectDropDown {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: calc(100% - 32px);
    z-index: 1000;
}

ul.IdPSelectDropDown > li {
    clear: both;
    color: #333;
    /* display: block; */
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

ul.IdPSelectDropDown > li:hover, ul.IdPSelectDropDown > li:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
}
ul.IdPSelectDropDown > li.active, ul.IdPSelectDropDown > li.active:hover, ul.IdPSelectDropDown > li.active:focus {
    background-color: #428bca;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}
ul.IdPSelectDropDown > li.disabled, ul.IdPSelectDropDown > li.disabled:hover, ul.IdPSelectDropDown > li.disabled:focus {
    color: #777;
}
ul.IdPSelectDropDown > li.disabled:hover, ul.IdPSelectDropDown > li.disabled:focus {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    text-decoration: none;
}

/* -------- DASHBOARD -------- */
#dashboard-block div.card-box {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
}
#dashboard-block div.card-box > .header-title {margin-top: 0;}
#dashboard-block div.card-box > .row {margin-top: 20px}

/* -------- USER -------- */
#terms-agreement-block {max-height:200px; margin-bottom: .5em; padding: 12px; overflow-y:scroll; box-shadow:none; background-image: none; background-color: #f5f5f5;}
#terms-agreement-block h1, #terms-agreement-block h2, #terms-agreement-block h3, 
#terms-agreement-block h4, #terms-agreement-block h5, #terms-agreement-block h6 {margin-top:0;}
div[id$='notifications'].ui-tabs-panel div.table-container {display:table;}
div[id$='notifications'].ui-tabs-panel div.notification-item {display:table-row;}
div[id$='notifications'].ui-tabs-panel div.notification-item-cell {display:table-cell; border-bottom:1px solid #DDDDDD; padding:5px;}
div[id$='notifications'].ui-tabs-panel span.text-muted.small {margin-left:1em;}

/* -------- DATAVERSE -------- */
form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal table.ui-panelgrid.ui-widget,
form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal table.ui-panelgrid.ui-widget tr, 
form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal table.ui-panelgrid.ui-widget td {border:0;}
form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal div.form-group {vertical-align: middle;}
.form-horizontal .text-left .control-label {text-align:left;}

input.metadata-blocks-default[type="checkbox"], input.facets-blocks-default[type="checkbox"] {margin: 4px 6px 0 0;}
div.checkbox input.metadata-blocks-default[type="checkbox"] {margin-left:-20px;}
label.metadata-blocks-default {margin-bottom:0; font-weight:normal;}

table[id$="facetPickListCreate"] td:last-child {padding-top:20px;}
table[id$="facetPickListCreate"] div.ui-selectonemenu {width:178px !important;}
table[id$="facetPickListCreate"] label.ui-selectonemenu-label {width:152px !important;}

table.ui-selectmanycheckbox.metadata-blocks-select label {font-weight:normal; margin-top:1px;}
table.ui-selectmanycheckbox.metadata-blocks-select label.ui-state-disabled {background:inherit;}

div.ui-state-focus span.ui-chkbox-icon {outline: -webkit-focus-ring-color auto 5px;}

/* Buttons */
#actionButtonBlock {margin-bottom:1em; margin-top:0;}
#dataverse-info-dropdown {padding:.5em 1em .25em 1em; overflow:hidden; width:400px;}
#dataverse-info-dropdown .dataverse-info-logo-icon {width:40px; float:left; margin-right:12px;}
#dataverse-info-dropdown .dataverse-info-logo-icon .icon-dataverse {font-size:40px; line-height:40px;}
#dataverse-info-dropdown .dataverse-info-general {float:left; width:300px;}

.button-block {margin-top:1em;}
.form-group > .button-block, 
.panel-body > .button-block, 
td.col-file-action > .button-block, .col-manage-action > .button-block,
div.ui-datatable-header > .button-block, .button-block.tab-header, #actionButtonBlock > .button-block, .inline-buttons > .button-block {margin-top:0;}
th.col-file-action.text-right {text-align: right;}
form.btn-form {display:inline-block;}
.button-block button, .button-block a.btn, .button-block input.btn, .button-block div.btn-group, .button-block span.btn.ui-state-disabled, .button-block .button-container {margin-right:1em;}

td.col-file-action span.ingest-warning, .button-block span.ingest-warning {margin-left:.5em;}

.btn.btn-default.btn-access {background-color: #fff;background-image:none;}
.btn.btn-default.btn-access:focus, .btn.btn-default.btn-access:hover,.btn.btn-default.btn-access:active {background-color: #e6e6e6;background-image:none;}
.col-manage-action .button-block button, .col-manage-action .button-block a.btn, .col-manage-action .button-block input.btn, 
.col-manage-action .button-block div.btn-group, .col-manage-action .button-block span.btn.ui-state-disabled, 
.button-block div.btn-group div.btn-group, 
.button-block button.pull-right:first-child, .button-block a.btn.pull-right:first-child, .button-block div.btn-group.pull-right:first-child, 
.button-block div.btn-group button, .button-block div.btn-group a.btn, 
.button-block .btn:last-child, .button-block div.btn-group:last-child:not(.pull-right), 
.button-block form.btn-form:last-child .btn-group, 
.button-block span.ui-state-disabled:last-child, .button-block.pull-right .btn:last-child, 
.button-block .btn:only-child, .button-block div.btn-group:only-child {margin-right:0;}

.button-block ul.dropdown-menu li.disabled span.ui-commandlink.ui-state-disabled {display: block; padding: 3px 20px; color: #777; background: none; opacity:1.0;}
.button-single {display: block; padding: 3px 3px; color: #777; background: none; opacity:1.0;}
div.field-add-delete a.btn {margin:0 1em 0 0;}
div.field-add-delete a.btn:last-child {margin-right:0;}
div.field-add-delete a.btn.compound-field-btn {margin-top:1.8em;}
div.field-add-delete a.btn.nolabel-field-btn {margin-top:0;}

/* Featured Dataverses*/
#carouselBlocksWrapper {border-bottom:1px solid #ddd; margin-bottom:1em;}
#featuredDataversesBlock {overflow: hidden; padding-top:.5em; border-top:1px solid #ddd;}
#featuredDataversesBlock div.customNavigation {width:4%;float:left;padding:28px 0;}
#featuredDataversesBlock div.customNavigation span.glyphicon {color:#999999;font-size:2em;}
#featuredDataversesList {width:90%; float:left;}
#featuredDataversesList .item {min-height:80px;}
#featuredDataversesList .item a {display:block;}
#featuredDataversesList .item .icon-dataverse {font-size:50px;line-height:normal;color:#c55b28;}
#featuredDataversesList .item img {max-width:160px; max-height:60px;}
.owl-carousel {margin-bottom:.5em;}
.owl-carousel .item {text-align: center; padding: 10px; border: 1px solid #e3e3e3; border-radius: 4px; margin: 10px;}

.logoPreview {max-width:80px;max-height:80px;}

#metadataFieldOptionsPanel-Block {width:70%; margin-left:60px; margin-top:.5em;}
#metadataFieldOptionsPanel-Body {padding:0; max-height:400px; overflow-y:scroll;}
#metadataFieldOptions td {vertical-align: middle;}
#metadataFieldOptions div.checkbox.child-field {padding-left:18px;}

/* -------- SEARCH -------- */
div.panelSearchForm {margin-bottom: 15px;}
div.panelSearchForm input.search-input {margin-right:1em; padding:4px; display: inline-block; vertical-align: middle; width: auto;}
a[id$='advsearchlink'] {margin-left:1em;}

#search-row-panel {border:1px solid #ddd; border-radius: 4px; padding: 15px 0;}
#dv-sidebar {}
#dv-main {}
#dv-main.nofacets {width:100%;float:none;}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -67%;
  }

  .row-offcanvas-left.active {
    left: 67%;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 67%;
    margin-left: 10px;
  }
  
  #footer .poweredbylogo {text-align:center;}
  #footer.widget-view .poweredbylogo {text-align:right;}
}

.searchTypeButton {display:block; border:1px solid #DDD; padding:4px 0; margin-bottom: .5em;}

/*#resultsCountPaginatorBlock {overflow:hidden;}*/
#resultsCountPaginatorBlock div.results-count {padding:6px 12px; font-weight:bold;}
#resultsCountPaginatorBlock div.results-sort-pagination {}
#resultsCountPaginatorBlock .pagination {margin:0;}

span.search-term-match {font-weight: bold;}
[id$='resultsTable'] {width:100%;}
[id$='resultsTable'] div[class*='Result'] {font-size: 90%;}
[id$='resultsTable'] div[class*='Result'] > div.card-title-icon-block, 
[id$='resultsTable'] div[class*='Result'] > div.card-preview-icon-block, 
[id$='resultsTable'] div[class*='Result'] > div.file-tags-block {font-size: 110%;}
[id$='resultsTable'] span.label {vertical-align:text-bottom; line-height: normal; margin-left:.5em;}
[id$='resultsTable'] div.file-tags-block span.label:first-of-type {margin-left:0;}
[id$="resultsTable"] div.file-tags-block span.label {display:inline-block;}
[id$='resultsTable'] .resultDatasetCitationBlock {display:block;margin:4px 0 .5em 60px;padding:4px;}
[id$='resultsTable'] .resultDatasetCitationBlock span.search-term-match {font-weight: normal;}
[id$='resultsTable'] div.card-title-icon-block span[class^='icon'],
[id$='resultsTable'] div.card-title-icon-block span[class^='glyphicon'] {font-size:1.3em; margin-left:3px;}
[id$='resultsTable'] div.card-title-icon-block span[class$='lock'] {font-size:inherit; margin-left:0;}
[id$='resultsTable'] div.card-title-icon-block span[class^='glyphicon'] {margin-top:3px;}
[id$='resultsTable'] div.card-title-icon-block span.label {vertical-align:15%}
[id$='resultsTable'] div.card-preview-icon-block {width:48px; float:left; margin:4px 12px 6px 0;}
[id$='resultsTable'] div.card-preview-icon-block a {display:block; height:48px; line-height:48px;}
[id$='resultsTable'] div.card-preview-icon-block img {vertical-align:middle;}
[id$='resultsTable'] div.card-preview-icon-block span[class^='icon'],
[id$='resultsTable'] div.card-preview-icon-block span[class^='glyphicon'] {font-size:2.8em;}

[id$='title-block'] div[class^='col'].vcenter {display:inline-block; vertical-align:middle; float:none; /*-- padding:0; --*/}
[id$='title-block'] div.title-preview-icon-block {width:48px; font-size:110%; color:#428BCA;}
[id$='title-block'] div.title-preview-icon-block img {margin:6px 0;}
[id$='title-block'] div.title-preview-icon-block span[class^='icon'] {font-size:2.8em;}

form[id$='facetType'] > div.clearfix {margin-bottom:4px;}
form[id$='facetType'] > div.clearfix:last-child {margin-bottom:0;}
form[id$='facetType'] > div.clearfix .facetTypeChBox {display:block; float:left;}
form[id$='facetType'] > div.clearfix .facetTypeChBox > div.ui-chkbox {padding-top:2px;padding-right:4px;}
form[id$='facetType'] > div.clearfix a.facetTypeLink {display:block; float:left; text-decoration:none;}

form[id$='facetType'] > div.clearfix a.facetTypeLink span {padding:4px 0px;}

form[id$='facetCategoryForm'] {margin-top:1em;}
div[id$='facetCategoryList'] ul, div[id$='facetCategoryList'] li, div[id$='facetCategoryList'] div {margin:0; padding:0; list-style: none; border:0;}
div[id$='facetCategoryList'] > div > ul > li {border-bottom:1px solid #DDD; margin-bottom:.5em;}
/*div[id$='facetCategoryList'] > div > ul > li:last-child {border-bottom:0; margin-bottom:0;}*/
div[id$='facetCategoryList'] div li div {padding:4px 0px;}
div[id$='facetCategoryList'] div li div.ui-datalist-empty-message {padding:4px 0px; font-style:italic; color:#AAA;}
div[id$='facetCategoryList'] div.ui-datalist, div[id$='facetCategoryList'] div.ui-datalist div.ui-datalist-content {padding-top:0;}
.facetCategoryName {font-weight:bold;}

.facetCategoryName, .facetLink {
-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}
a.facetLink {text-decoration:none; font-size:90%;}
a.facetLink.facetSelected, a.facetTypeLink.facetSelected {font-weight:bold;}
a.facetLink.facetSelected span.glyphicon-remove {vertical-align:text-top; margin-top:1px; margin-left:.25em;}

#my_data_filter_column div.checkbox label:not(.facetTypeLabel) {color:#428bca;font-size:90%;}
#my_data_filter_column div.checkbox.facetSelected label, #my_data_filter_column  div.checkbox label.facetSelected {font-weight: bold;}
#my_data_filter_column div.checkbox label.facetSelected:hover {color: #23527c;}

table.ui-panelgrid.facetsMoreLess {width:100%;}
table.ui-panelgrid.facetsMoreLess tr.ui-widget-content {border:0;}
table.ui-panelgrid.facetsMoreLess td {width:50%; border:0;}
table.ui-panelgrid.facetsMoreLess td:last-child {text-align:right;}

#dv-main div.emptyResults.bg-warning {background:#FCF8F2; padding:.5em 1em;}
#resultsFacetsTopBlock {margin-bottom:.5em;}
#resultsFacetsTopBlock a.facetLink.facetSelected {display:inline-block; margin-bottom:.5em; margin-right:1em; background-color:#E6F1F6; padding-left:.3em; padding-right:.3em;}

#dv-main div.results-sort-pagination div.pagination {margin-left:1em;}
#dv-main div.results-sort-pagination.results-bottom .pagination {margin-top:0; margin-bottom:0;}

table[id$='resultsTable'] td > div {border:1px solid grey; margin:6px 0; padding: 4px 10px;}
table[id$='resultsTable'] td > div.dataverseResult {border-color:#c55b28;}
table[id$='resultsTable'] td > div.datasetResult {border-color:#428bca;}
table[id$='resultsTable'] td > div > div.card-title-icon-block, 
table[id$='resultsTable'] td > div > div.card-preview-icon-block, 
table[id$='resultsTable'] td > div > div.file-tags-block {
    font-size: 110%;
}

/* -------- TABLES -------- */
div.headerless-table .ui-datatable-tablewrapper table > thead {display:none;}

/* -------- POPUP -------- */
div.ui-dialog.smallPopUp {max-width:600px;}
div.ui-dialog.largePopUp {min-width:60%; max-width:80%; max-height:80%; overflow-y:scroll;}
div.ui-dialog .ui-datatable-scrollable table {table-layout: auto !important;}
div.ui-dialog .ui-datatable-scrollable table colgroup col {max-width:1000px;}

div.ui-dialog div.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}
.ui-dialog.dialog-submenu, .ui-dialog.dialog-submenu .ui-dialog-content, .ui-dialog.dialog-submenu .form-inline, .ui-dialog.dialog-submenu .form-group {overflow:visible !important;}
.ui-dialog.dialog-submenu .ui-menu-list.ui-menu-child {z-index: 9999 !important; width: auto; min-width: 12.5em;}

.ui-dialog.ui-widget.ui-widget-content {min-width:600px;}

/* -------- SUBTABS -------- */
div.popupSubTabParent > div.ui-tabs-panels > div.ui-tabs-panel.ui-widget-content {padding-left:0; padding-right:0;}
div.ui-tabs-panels .ui-tabs .ui-tabs-nav.ui-widget-header li {border:0;}
div.ui-tabs-panels .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {border-bottom:0;}

/* -------- ADVANCED -------- */

/* -------- PERMISSIONS -------- */
div[id$='roleDisplay'] span.label, div[id$='roleDetails'] span.label {display:inline-block; margin-bottom:4px;}

/* -------- METRICS -------- */
#metrics-block {margin-bottom:20px;}

/* -- OLD LAYOUT -- */
#metrics-block {border:1px solid #eee; padding:0;}
#metrics-label {color:#333;background:#eee;padding:8px 10px;}
#metrics-label a {color:#333;display:block;}
#metrics-label a:hover {text-decoration:none;}
#metrics-content {color:#333;background:#fff;padding:8px 10px;}

#metrics-heading {font-weight:bold;color:#333;background:#eee;padding:8px 10px;}
#metrics-body {border:1px solid #EEE;border-top-width:0;padding:8px 10px;}
#metrics-block .metrics-count-block:not(:last-child) {margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px solid #EEE}

/* -------- SHARRRE -------- */
#sharrre-block a {display:block; float:left; padding:6px 12px; margin-right:1em; background:#6f5499;}
#sharrre-block a:last-of-type {margin-right:0;}
#sharrre-block a span {color:#fff; font-size:14px;}
#sharrre-block a.sharrre-facebook {background:#3a5795;}
#sharrre-block a.sharrre-twitter {background:#55acee;}
#sharrre-block a.sharrre-google {background:#d73d32;}

/* -------- THEME/THUMBNAIL UPLOAD -------- */
.uploadNewLogo {width: 85%;}

/* -------- DATASET -------- */
#datasetVersionBlock span.label {vertical-align:text-top; line-height:normal; margin-left: .5em;}
#title-label-block span:first-of-type {margin-left:0 !important;}

#title {font-size:1.5em;font-weight:bold;}
#author, #contact {display:block; margin-bottom:.5em;}
.citation-block {/*-- margin-bottom:.5em; padding-right:0; --*/}
.bg-citation {background:#ECF6FB;}
.bg-citation-file {background:#f5f5f5; border: 1px solid #DDD;}
.alert-danger.bg-danger {background:#F2DEDE;}
div.alert-info.bg-citation, div.alert-danger.bg-danger {padding-top:4px; padding-bottom:4px; border-radius:0; color:#333;}
.citation-block > div.alert-info.bg-citation, .citation-block > div.alert-danger.bg-danger {padding-top:0; padding-bottom:0;}
.citation-select {/*-- display:inline-block; --*/}
.citation, .citation-download, .citation-standards {padding:.5em;}
.citation span.glyphicon-question-sign {margin-left:.5em; margin-bottom:2px; vertical-align: middle;}
.citation-block .vcenter {display: inline-block; vertical-align: middle; float: none;}
.waiver-CC0-inline {display:inline-block; margin-left:1em;}

div.panel-body div.form-group:last-child, div.panel-body div.form-group:last-child label {margin-bottom:0 !important;}
div.panel-body.read-terms{max-height:220px; overflow-y:scroll; width:100%; background-color:#eeeeee;}

/* Buttons */
.button-block.form-top {border-top: 1px solid #dddddd; padding:1em 0;}
span[id$='editDataSet'] .ui-button-text {white-space: nowrap;}
#replicationDataButton {margin-top:5px;}

#deaccession-reason-block {}

div.form-group .glyphicon.glyphicon-asterisk {font-size:.5em; vertical-align:text-top;}
#datasetForm .form-group, #templateForm .form-group {overflow: hidden;}
div.form-col-container div.form-col-container {padding-left:0;}
div.form-group .ui-selectonemenu {display:block;}
div.form-col-container.edit-compound-field div.form-col-container {margin-bottom:.5em;}

div.panel-group div.panel {margin-bottom:1em;}
div.panel div.panel-body div.form-group {overflow: hidden;}
div.edit-field div.ui-message {margin:6px 0;}
.metadata-container table.metadata {border-collapse:separate;margin:0 4px;width:100%;}
.metadata-container table.metadata th {width:25%;vertical-align:top;padding:6px 12px;}
.metadata-container table.metadata td {padding:6px 12px;vertical-align:top;}
@media(max-width:767px){
    .metadata-container table.metadata th, .metadata-container table.metadata td {display:block;width:100%;}
    .metadata-container table.metadata th {padding-bottom:0;}
    .metadata-container table.metadata td {padding-left:30px;}
}
.panel-body.metadata-container {padding:15px 0;}
.metadata-logo {max-width:180px;max-height:40px;}

/* Primefaces vs Bootstrap selectOneMenu fix */
div.ui-selectonemenu.form-control {padding:0px;}
.ui-selectonemenu .ui-selectonemenu-label {padding:6px 4px;}
.ui-selectonemenu .ui-selectonemenu-trigger {border-radius:0; width:24px;}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {margin-top:8px;}

/* Primefaces vs Bootstrap selectOneRadio fix */
table.ui-selectoneradio {border-collapse:separate;}
table.ui-selectoneradio td {padding:1px;}
table.ui-selectoneradio span.ui-icon-bullet, .ui-radiobutton-box span.ui-icon-bullet {background-position: -81.3px -145.1px;}
table.ui-selectoneradio label {font-weight: normal; margin-right:1em;}
.ui-radiobutton-box span.ui-radiobutton-icon {height: 16px; width: 16px; display: block; overflow: hidden;}

div.ui-radiobutton {margin:0; vertical-align:text-bottom;}
div.radio.no-padding-left label {padding-left:0;}

/* Primefaces vs Bootstrap checkbox fix */
.ui-chkbox .ui-chkbox-box {margin:0; vertical-align:top;}
.ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {margin-top:4px;}
.ui-selectmanycheckbox.ui-widget td > .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget, .ui-selectcheckboxmenu-item > .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {margin-top:0;}
.ui-selectcheckboxmenu-header > .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {margin-top:2px;}
.ui-chkbox .ui-chkbox-label {display:inline; vertical-align:text-top;}
.chkbox-label-margin {margin-top:3px;} 

.ui-selectcheckboxmenu.form-control {height:auto;padding:0;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {width:30px; padding:6px; border-radius:0 4px 4px 0;}
.ui-selectcheckboxmenu a.ui-selectcheckboxmenu-label-container {color:black; text-decoration:none !important;}
.ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label.ui-state-hover {font-weight:normal; margin-bottom:0; padding:6px 40px 6px 12px;}
.ui-selectcheckboxmenu label, .ui-selectcheckboxmenu-item label {font-weight:normal; margin-bottom:0;}

/* pickList */
table.ui-picklist.ui-widget td {padding: 0 5px; vertical-align:bottom;}
table.ui-picklist div.ui-picklist-filter-container {padding-bottom:5px;}

.ui-tieredmenu.form-control {width:auto;height:auto;}

.select-scroll-block {height:auto; max-height:120px; overflow-y:scroll; padding: 6px 12px;}
.col-sm-9 > .select-scroll-block {margin: 4px 10px;}
.select-scroll-block table.ui-selectmanycheckbox label {margin-left:5px; margin-top:0; font-weight:normal;}

#contentTabs .ui-tabs .ui-tabs-panel {padding-left:0; padding-right:0;}

div.panel-heading[data-toggle="collapse"] {cursor: pointer; cursor: hand;}
div.panel-heading.text-info[data-toggle="collapse"] {color: #31708F;}

/* overwrite Bootstrap code red style */
.ui-widget-content code {background-color: #F0F0F0; color: #333333;}

.btn-sm.ui-button {padding: 5px 10px;}

#dragdropMsg {padding:20px;font-size:1.3em;color:#808080;text-align:center;}

div.popover.thumb-preview.fade.top.in, div.popover.thumb-preview.fade.bottom.in {max-width: none;}
div.popover.thumb-preview.fade.top.in div.popover-content, div.popover.thumb-preview.fade.bottom.in div.popover-content {text-align:center; vertical-align: middle; display:table-cell; width:428px; height:418px;}
a.popoverHTML {display:inline-block;}


div[id$="versionsTable"] th.col-select-width * {display:none;}

div[id$="filesTable"].ui-datatable.ui-widget div.ui-datatable-tablewrapper {overflow:visible;}
div[id$="filesTable"].ui-datatable.ui-widget {margin-bottom:20px;}
div[id$="filesTable"].ui-datatable.ui-widget table {table-layout: fixed;}
div[id$="filesTable"].ui-datatable.ui-widget table th,
div[id$="filesTable"].ui-datatable.ui-widget table td {box-sizing: content-box;}
div[id$="filesTable"] div.ui-datatable-header.ui-widget-header {padding:0; background:none; border:0;}
div[id$="filesHeaderCount"] {padding:6px 12px;}
div[id$="filesHeaderCount"] span.highlightBold {display:block; padding:0; line-height:1.65;}
div[id$="filesTable"] .col-file-metadata {padding-left:0; padding-right:0; border-left:0; border-right:0; text-align:left; font-weight:normal;}
div[id$="filesTable"] .col-file-flexbox {display:flex; width:100%;}
div[id$="filesTable"] .col-file-thumb {padding:4px 10px; width:84px;}
div[id$="filesTable"] .col-file-thumb div.thumbnail-block {position:relative;width:64px;height:64px;margin:0 auto;}
div[id$="filesTable"] .col-file-thumb div.thumbnail-block span.file-thumbnail-icon {font-size:62px;line-height:1.05;}
div[id$="filesTable"] .col-file-thumb div.thumbnail-block span.file-thumbnail-preview-img {display:block;}
div[id$="filesTable"] .col-file-thumb div.thumbnail-block div.file-icon-restricted-block {display:block;position:absolute;bottom:-4px;right:-1px;}
div[id$="filesTable"] .file-metadata-block {-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%; flex: 1 100%;}
div[id$="filesTable"] div.file-tags-block {padding-bottom:2px;}
div[id$="filesTable"] div.file-tags-block a.ui-commandlink {font-size:12px;}
div[id$="filesTable"] div.file-tags-block span.label {display:inline-block;}
div[id$="filesTable"] div.file-tags-block span.label, div[id$="filesTable"] div.file-tags-block a.ui-commandlink {margin-right:.5em;}
div[id$="filesTable"] div.file-tags-block span.label:last-of-type {margin-right:0;}
div[id$="filesTable"] td.col-file-action {padding-left:0; border-left:0;}
div[id$="filesTable"] td.col-file-access {width:50%;}
div[id$="filesTable"] div.ui-datatable-header.ui-widget-header {padding:0 10px;}
div[id$="filesHeaderBlock"] {margin-bottom:10px;}
div[id$="cloudStorageBlock"] {margin-bottom:12px;}
div[id$="cloudStorageBlock"] div.form-group.col-xs-12 {border-bottom:1px solid #ddd;margin:0;padding:0 0 12px 0;}
div[id$="filesTable"] thead[id$="filesTable_head"] th.ui-state-default {border:0; box-shadow:none; border-radius:0; background-image:none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
div[id$="filesTable"] thead[id$="filesTable_head"] th.ui-state-default:first-of-type {border-left:1px solid #e6e6e6; border-top-left-radius:4px;}
div[id$="filesTable"] thead[id$="filesTable_head"] th.ui-state-default:last-of-type {border-right: 1px solid #e6e6e6; border-top-right-radius: 4px;}
div[id$="filesTable"] thead[id$="filesTable_head"] tr {background-color: #f5f5f5; background-image: -moz-linear-gradient(center top , #ffffff, #e6e6e6); background-repeat: repeat-x;}
div[id$="filesTable"] thead[id$="filesTable_head"] th.ui-selection-column {/*width:40px !important;*/ padding:4px 10px;}
div[id$="filesTable"] thead[id$="filesTable_head"] th.ui-selection-column .ui-chkbox-box.ui-widget {margin-top:0 !important;}
#file-replace-original-block div[id$="filesTable"].col-sm-10 {border:1px solid #ddd;padding:0;}
#file-replace-original-block div[id$="filesTable"] .col-file-thumb {width:74px !important;padding:4px 10px;}
#file-replace-original-block div[id$="filesTable"] .col-file-metadata {padding:4px 10px;}

/* PAGINATION */
div[id$="filesTable"] .ui-paginator {
    font-weight: normal;
    background: none;
    border: 0;
    margin-top:6px;
}
div[id$="filesTable"] .ui-paginator .ui-paginator-pages {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
div[id$="filesTable"] .ui-paginator .ui-paginator-page, 
div[id$="filesTable"] .ui-paginator .ui-paginator-next, 
div[id$="filesTable"] .ui-paginator .ui-paginator-last, 
div[id$="filesTable"] .ui-paginator .ui-paginator-first, 
div[id$="filesTable"] .ui-paginator .ui-paginator-prev {
    display: inline-block;
    padding: 6px 12px;
    margin-left: -1px;
    margin-right: 0;
    line-height: 1.42857143;
    color: rgb(51, 122, 183);
    text-decoration: none;
    background: none;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 0;
    outline: 0;
}
div[id$="filesTable"] .ui-paginator .ui-paginator-current {
    font-weight: bold;
}
div[id$="filesTable"] .ui-paginator .ui-paginator-first {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 20px;
}
div[id$="filesTable"] .ui-paginator .ui-paginator-last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 20px;
}
div[id$="filesTable"] .ui-paginator [class^="ui-paginator-"]:not(.ui-paginator-current):not(.ui-state-active):hover {
    background-color: rgb(238, 238, 238);
    border-color: rgb(221, 221, 221);
}
div[id$="filesTable"] .ui-paginator .ui-paginator-pages .ui-state-active {
    box-shadow: none !important;
    color: rgb(255, 255, 255);
    cursor: default;
    background-color: rgb(51, 122, 183);
    border-color: rgb(51, 122, 183);
}

/* FILES TREE */
div[id$="filesTree"] span.ui-treenode-label span[class^='icon'] {margin-left: -2px;}

span.ingest-warning {display:inline-block; font-size:24px; line-height:1; vertical-align: middle;}
span.ingest-warning span.glyphicon {top:3px} 

#version-details-block > div {width:35%; padding:4px 10px; border: 1px solid #DDDDDD;}
#version-details-block > div:first-of-type {width:30%; border:0;}
#version-details-block > div:last-of-type {border-left-width:0;}

div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > thead {display:none;}
div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody {border:0;}
div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:first-child, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:first-child > td {border-top-width:0;}
div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:last-child, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:last-child > td {border-bottom-width:0;}
div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr > td:first-child {border-left-width:0;}
div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr > td:last-child {border-right-width:0;}
div.dvnDifferanceTable div.ui-datatable-tablewrapper table td.versionValue {width:30%;}
div.dvnDifferanceTable div.ui-datatable-tablewrapper table td.versionDetails {width:35%;}

div.dvnDifferanceTable .diffDetailBlock {display:block;}

.dropin-btn-status.ui-icon {background: url("https://www.dropbox.com/static/images/widgets/dbx-saver-status.png") no-repeat;}

/* MANAGE TABLE + DROPDOWN BUTTON */
div.manageTable.ui-datatable div.ui-datatable-tablewrapper, div.manageTable.ui-datatable td.col-manage-action {overflow:visible;}
div[id$="filesTable"].ui-datatable thead th.col-file-action, div[id$="filesTable"].ui-datatable tbody td.col-file-action {overflow:visible !important;}
thead.ui-datatable-scrollable-theadclone {display:none}

/* FILE */
#fileImageTitle {margin-bottom: 12px;}
#file-preview-icon-block > #border-block {/*border:1px solid #DDD;border-radius:4px; padding: 10px;*/}
#file-preview-icon-block > #border-block > #preview-square {/*position: relative; overflow:hidden; padding-bottom:100%;*/}
#file-preview-icon-block > #border-block > #preview-square > span.text-muted {font-size:6.5em; line-height:1 !important; /*text-align: center; position: absolute; width: 100%; height: 100%; margin:0;*/}
#file-preview-icon-block > #border-block > #preview-square > img.img-responsive {/*position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);*/}
@media(min-width:768px){
    #file-preview-icon-block > #border-block > #preview-square > span.text-muted {
        font-size: 9.5em;
    }
}
@media(min-width:992px){
    #file-preview-icon-block > #border-block > #preview-square > span.text-muted {
        font-size: 13.5em;
    }
}
@media(min-width:1200px){
    #file-preview-icon-block > #border-block > #preview-square > span.text-muted {
        font-size: 17.5em;
    }
}
#fileImageTitle span.glyphicon-lock, #fileImageTitle span.icon-unlock {font-size:1.5em;}
#fileImageTitle #file-title-block span.file-title-label {font-size:1.5em;font-weight:bold;margin-right:.5em;}
#fileImageTitle #file-title-block span.label {margin-right:.5em;vertical-align: text-top;}
#fileCategoriesBlock span.label {margin-right: 0.5em;}
#fileImageTitle #deaccession-reason-block.col-xs-12 {padding-left:15px;padding-right:15px;}

/* BLOCK UI */
.ui-blockui.ui-widget-overlay {background:#fff; opacity:.6;}
div.ui-dialog.ui-widget-content {z-index:100001 !important;}

/* POPUP DROPDOWN MENUS + TOOLTIPS + BLOCK UI */
div.ui-selectcheckboxmenu-panel, div.ui-selectonemenu-panel, div.ui-autocomplete-panel,
.ui-selectonemenu-list, .ui-selectcheckboxmenu-list, div.tooltip, div.popover {z-index:100002 !important;}

/* Overwrite Primefaces */
.ui-tabs.ui-widget-content .ui-tabs-nav li.ui-tabs-selected a {color: #555555;}
button.btn-default.ui-button-text-only .ui-button-text {padding:0; font-size:14px;}
div.ui-widget-overlay {background:#ccc; opacity:.6;}
.ui-confirm-dialog-severity {margin-top:3px;}
.ui-widget-content a.btn-default {color:#333;}
.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;}
.btn-default.ui-state-hover:hover, .btn-default.ui-state-hover {color:#333;background-color:#e6e6e6;border-color:#adadad;background-image:none;}
.ui-button.btn-link, .ui-button.btn-link.active, .ui-button.btn-link:active, .ui-button.btn-link[disabled], fieldset[disabled] .ui-button.btn-link {padding:0; border:0; border-color:transparent; border-radius:0; background-color:transparent; background-image:none; box-shadow: none; color: #337ab7;}
.ui-button.btn-link, .ui-button.btn-link:hover, .ui-button.btn-link:focus, .ui-button.btn-link:active {border-color: transparent;}
.ui-button.btn-link:hover, .ui-button.btn-link:focus {color: #23527c; text-decoration: underline !important; background-color: transparent;}
.ui-button.btn-link[disabled]:hover, fieldset[disabled] .ui-button.btn-link:hover, .ui-button.btn-link[disabled]:focus, fieldset[disabled] .ui-button.btn-link:focus {color: #777;text-decoration: none;}
.ui-widget-header .form-group {font-weight:normal;}
/* .ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {
    margin-left: 0px;
} */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {background: #e0e0e0; border-color: #ccc; opacity: 0.65;}
/* .ui-autocomplete-input-token input, .ui-autocomplete-input-token {width:100%;} */
.ui-autocomplete-panel {z-index:100002 !important;}
div.ui-autocomplete {width:100%;}
div.ui-autocomplete > ul, div.ui-autocomplete > ul > li > input {width:100%;} /* FIX WIDTH FOR AUTOCOMPLETE WITHOUT P:FRAGMENT */
span.ui-autocomplete {width:100%;} /* FIX WIDTH FOR AUTOCOMPLETE IN P:FRAGMENT */
span.ui-autocomplete input.ui-autocomplete-input {width:100%;}
.ui-autocomplete input {padding:6px 12px; margin:0;}

/* Overwrite Bootstrap */
@media print {
    a[href]:after {
      content: none;
    }
    .navbar {
        display: block;
        border-width:0 !important;
    }
    .navbar-toggle {
        display:none;
    }
}
/* COLLAPSE-NAVBAR */
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-right: 0px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display: block !important;
    }
    .navbar-right .dropdown-menu {
        left: 0;
        right: auto;
    }
    /* LANGUAGE STYLES */
    #navbarFixed .dropdown-menu.navbar-language a.language-menu-link {
        color: #777;
        line-height: 20px;
        padding: 5px 15px 5px 25px;
    }
    #navbarFixed .dropdown-menu.navbar-language a.language-menu-link:hover,
    #navbarFixed .dropdown-menu.navbar-language a.language-menu-link:focus {
        color: #333;
        background-color: transparent;
    }
}

/* CITATION-FRAME */
#citation-banner {width:100%; height:45px; position: absolute; z-index: 999999; border-radius: 0; border-width: 0 0 1px 0;}
#citation-banner a.close, #citation-banner a.close span.glyphicon {line-height:.2;}
#citation-forward {position: absolute; top:45px; height: calc(100% - 65px); border:0; background:url(/resources/images/ajax-loading.gif) no-repeat 50% 50%;}

/*Direct upload progress bar*/
progress::-webkit-progress-bar {
  background-color:white;
}

progress::-webkit-progress-value {
  background-color:green;
}