/**
 * This file is part of OPUS. The software OPUS has been originally developed
 * at the University of Stuttgart with funding from the German Research Net,
 * the Federal Department of Higher Education and Research and the Ministry
 * of Science, Research and the Arts of the State of Baden-Wuerttemberg.
 *
 * OPUS 4 is a complete rewrite of the original OPUS software and was developed
 * by the Stuttgart University Library, the Library Service Center
 * Baden-Wuerttemberg, the Cooperative Library Network Berlin-Brandenburg,
 * the Saarland University and State Library, the Saxon State Library -
 * Dresden State and University Library, the Bielefeld University Library and
 * the University Library of Hamburg University of Technology with funding from
 * the German Research Foundation and the European Regional Development Fund.
 *
 * LICENCE
 * OPUS is free software; you can redistribute it and/or modify it under the
 * terms of the GNU General Public License as published by the Free Software
 * Foundation; either version 2 of the Licence, or any later version.
 * OPUS is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
 * details. You should have received a copy of the GNU General Public License
 * along with OPUS; if not, write to the Free Software Foundation, Inc., 51
 * Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
 *
 * @category    Application
 * @author      Jens Schwidder <schwidder@zib.de>
 * @copyright   Copyright (c) 2008-2019, OPUS 4 development team
 * @license     http://www.gnu.org/licenses/gpl.html General Public License
 */

/**
* Global admin styles
*/
.new-window {
    background: url(../img/theme/admin/ic_new-window.png) no-repeat right center;
    padding-right: 13px;
}

.print-links {
    display: none;
}

.adminContainer a {
    text-decoration: none;
    color: #26517a;
}

.adminContainer a:hover {
    text-decoration: underline;
    color: #26517a;
}

#content.adminContainer {
    background: url(../img/theme/admin/bg_page.png) repeat-x 50% 2px;
}

#content.adminContainer .wrapper,
#content #actionboxContainer .wrapper {
    font-size: 0.875em;
    clear: both;
}

#content.adminContainer > .wrapper {
    padding-top: 1.3em;
}

#content.frontdoor .wrapper {
    clear: both;
}

#actionboxContainer + .wrapper > .frontdoor {
    padding-top: 0.1em;
}

/* @group Primary nav */
#primary-nav #primary-nav-administration.active * {
    color: white;
}

#primary-nav #primary-nav-administration.active a,
#primary-nav #primary-nav-administration.active a:hover {
    padding: 0 8px 0 0;
}

#primary-nav #primary-nav-administration.active a span {
    padding-left: 15px;
    padding-right: 15px;
    background: #2d6093;
    background: -moz-linear-gradient(top, #2d6093 0%, #26517c 82%, #26517c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d6093), color-stop(82%, #26517c), color-stop(100%, #26517c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2d6093 0%, #26517c 82%, #26517c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2d6093 0%, #26517c 82%, #26517c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2d6093 0%, #26517c 82%, #26517c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2d6093 0%, #26517c 82%, #26517c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d6093', endColorstr='#26517c', GradientType=0); /* IE6-9 */
}

/* @end */

/* @group Breadcrumbs */
.adminContainer .breadcrumbsContainer {
    background: #2d6093; /* Old browsers */
    background: -moz-linear-gradient(top, #2d6093 0%, #26527d 79%, #26517c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d6093), color-stop(79%, #26527d), color-stop(100%, #26517c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2d6093 0%, #26527d 79%, #26517c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2d6093 0%, #26527d 79%, #26517c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2d6093 0%, #26527d 79%, #26517c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2d6093 0%, #26527d 79%, #26517c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d6093', endColorstr='#26517c', GradientType=0); /* IE6-9 */
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: 0em;
    padding: 6px 10px;
}

.adminContainer .breadcrumbsContainer .wrapper {
    max-width: 95%;
    min-width: 770px;
}

.adminContainer .breadcrumbsContainer * {
    color: white;
}

.adminContainer .breadcrumbsContainer a {
    text-decoration: underline;
    color: white;
}

.adminContainer .breadcrumbsContainer a:hover {
    text-decoration: none;
    color: white;
}

.adminContainer .breadcrumbsContainer .admin-help {
    float: right;
    margin-left: 15px;
    margin-right: -30px;
}

.adminContainer .breadcrumbsContainer .admin-help img {
    display: block;
}

/* @end */

/* @group Messages */
.adminContainer .messages {
    margin-top: 1em;
}

#actionboxContainer .messagesContainer {
    float: left;
    width: 100%;
    padding: 0.5em 0;
}

#actionboxContainer .messages {
    margin-top: 0;
}

.adminContainer i.placeholder,
.adminContainer .field .datahint,
.adminContainer .field .errors,
.adminContainer .field .hint,
.adminContainer td .datahint,
.adminContainer td .errors,
.adminContainer td .hint,
.adminContainer .messages {
    font-style: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.js .adminContainer i.placeholder {
    display: none;
}

.blur {
    color: #666;
}

.adminContainer i.placeholder,
.adminContainer .field .hint,
.adminContainer td .hint {
    color: #666;
}

.adminContainer .field .errors,
.adminContainer td .errors {
    list-style: none;
}

.adminContainer .field .hint,
.adminContainer td .hint {
    margin: 0;
    padding: 3px 0 0;
}

.adminContainer .field .errors,
.adminContainer .field .datahint,
.adminContainer td .errors,
.adminContainer td .datahint {
    margin: 13px 0 0;
    padding: 5px 8px;
    position: relative;
    display: table;
}

.adminContainer .field ul.errors,
.adminContainer td ul.errors,
#actionboxContainer .messagesContainer,
.adminContainer .wrapper div.form-errors,
.adminContainer .wrapper div.form-errors ul,
.adminContainer .wrapper div.form-errors p {
    background-color: #FFD4D4;
    color: #A40000;
}

.adminContainer .wrapper ul.form-errors {
    background-color: #FFD4D4;
    color: #A40000;
    margin: 0 0 0.5em 0;
    list-style: none;
    padding: 0.5em 2.2em;
    font-size: 1em;
    background-position: 0.4em 0.4em;
}

.adminContainer .wrapper div.form-errors ul,
.adminContainer .wrapper div.form-errors p {
    margin: 0;
}

.adminContainer .wrapper div.form-errors {
    margin: 0.4em 0;
    padding: 0.5em 1.2%;
    border-radius: 4px;
    background-image: none;
}

.adminContainer .field p.datahint,
.adminContainer td p.datahint {
    background-color: #dcd7cf;
    color: #595A56;
}

.adminContainer .field ul.errors + p.datahint,
.adminContainer .field p.datahint + ul.errors,
.adminContainer td ul.errors + p.datahint,
.adminContainer td p.datahint + ul.errors {
    margin-top: 10px;
}

.adminContainer .field .errors:before,
.adminContainer .field .datahint:before,
.adminContainer td .errors:before,
.adminContainer td .datahint:before {
    border-style: solid;
    border-width: 0 5px 10px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    top: -10px;
    left: 20px;
}

.adminContainer .field .errors:before,
.adminContainer td .errors:before {
    border-color: transparent transparent #FFD4D4;
}

.adminContainer .field .datahint:before,
.adminContainer td .datahint:before {
    border-color: transparent transparent #dcd7cf;
}

/* @end */

/* @group DropDown */
.dropdown {
    position: relative;
}

.dropdown dd {
    display: none;
    position: absolute;
    z-index: 90;
}

.dropdown-open dd,
.no-js .dropdown:hover dd {
    display: block;
    min-width: 100%;
}

.dropdown ul,
#actionboxContainer ul,
ul.form-action {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dropdown li {
    padding: 4px 0;
}

.dropdown li.Remove-data,
.dropdown li.edit {
    text-align: center;
}

/* @end */

/* @group ActionBox */

#actionboxContainer {
    background: url(../img/theme/admin/bg_actionbox-fixed.png);
    color: black;
    width: 100%;
    float: left;
    padding: 0.8em 0 0;
    /*box-shadow: 0 0 6px 0 #545454;*/
    -moz-box-shadow: 0px 2px 1px rgba(54, 54, 54, 0.4);
    -webkit-box-shadow: 0px 2px 1px rgba(54, 54, 54, 0.4);
    box-shadow: 0px 2px 1px rgba(54, 54, 54, 0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=1,Color=#66545454,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=1, Color=#66545454, Positive=true);
}

.frontdoor #actionboxContainer {
    margin-bottom: 1.3em;
}

#actionboxContainer .wrapper:after {
    content: '';
    display: block;
    clear: both;
    padding-bottom: 0.95em;
}

#actionboxContainer.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}

.fixedMenubar.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}

#actionboxContainer .col {
    float: left;

}

#actionboxContainer .col-1 {
    width: 24.4375%;
    padding-right: 1.5625%;
}

#actionboxContainer .col-2 {
    width: 40%;
}

#actionboxContainer .col-3 {
    width: 34%;
}

.docstateMenu dl,
#actionboxContainer .col dl {
    margin: 0;
    padding: 0;
}

#actionboxContainer .col.col-2 dl {
    margin: 0 5.1349% 0 0;
}

#actionboxContainer #Document-Goto {
    margin-right: 2.003%;
}

.docstateMenu dt,
#content #actionboxContainer dt {
    font-size: 0.857em;
}

#actionboxContainer .dropdown dt a {
    border-radius: 4px;
    border: none;
    font-size: 1.167em;
}

.docstateMenu dl.dropdown.dropdown-open dt a,
#actionboxContainer .dropdown.dropdown-open dt a,
.no-js .docstateMenu dl.dropdown:hover dt a,
.no-js #actionboxContainer .dropdown:hover dt a {
    border-radius: 4px 4px 0 0;
}

#actionboxContainer dd {
    font-weight: bold;
}

#actionboxContainer .dropdown ul a {
    color: white;
    text-decoration: none;
    display: block;
}

.docstateMenu dl.dropdown ul a:hover,
#actionboxContainer .dropdown ul a:hover {
    text-decoration: underline;
}

.docstateMenu dl.dropdown dd,
#actionboxContainer .dropdown dd {
    border-radius: 0 0 4px 4px;
    font-size: 0.857em;
}

#Document-Goto.dropdown dt a {
    /* TODO update look
    background-color: #f0cb92;
    color: black;
    */
    background-color: #595A56;
    color: white;
    padding: 6px 28px 6px 10px;
    position: relative;
    border: 1px solid #8c8d8a;
    border-radius: 4px;
}

#Document-Goto.dropdown dt a:after {
    border-color: white transparent transparent;
    top: 10px;
    right: 10px;
}

#actionboxContainer #Document-Goto.dropdown dd {
    border-top: 5px solid #595a56;
    background-color: #767676;
    color: white;
    font-weight: normal;
    min-width: 250px;
}

#Document-Goto.dropdown ul a {
    color: white;
}

#Document-Goto dd ul {
    padding: 0.3em 15px 0.8em;
}

.docstateMenu dl.dropdown,
#actionboxContainer #Document-ServerState.dropdown {
    position: relative;
    top: -0.1em;
}

.docstateMenu dl.dropdown.dropdown-open,
#actionboxContainer #Document-ServerState.dropdown.dropdown-open,
.no-js .docstateMenu dl.dropdown:hover,
.no-js #actionboxContainer #Document-ServerState.dropdown:hover {
    border: none;
}

.docstateMenu dl.dropdown dt a,
#actionboxContainer #Document-ServerState.dropdown dt a {
    display: block;
    height: 2.7em;
    padding: 0.1em 5px 0;
    font-size: 1em;
    color: black;
    position: relative;
    z-index: 500;
    background: url(../img/theme/admin/transparent.png); /* IE Fix */
}

.docstateMenu dl.dropdown dt a:after,
#actionboxContainer #Document-ServerState.dropdown dt a:after {
    right: 5px;
    top: 1.1em;
}

.docstateMenu dl.dropdown dd,
#actionboxContainer #Document-ServerState.dropdown dd {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 200;
    font-size: 1em;
    border: 1px solid #8c8d8a;
    border-radius: 4px;
}

.docstateMenu dl.dropdown ul,
#Document-ServerState.dropdown ul {
    padding: 1em 5px 0;
}

.docstateMenu dl.dropdown li,
#Document-ServerState.dropdown li {
    display: none;
    font-size: 0.857em;
    padding-left: 5px;
}

.docstateMenu dl.dropdown dd a,
#Document-ServerState.dropdown dd a {
    color: black;
    display: block;
}

.docstateMenu dl.dropdown dd a:hover,
#Document-ServerState.dropdown dd a:hover {
    text-decoration: underline;
    color: #26517a;
}

.docstateMenu dl.dropdown.dropdown-open li,
#Document-ServerState.dropdown.dropdown-open li,
.no-js .docstateMenu dl.dropdown:hover li,
.no-js #Document-ServerState.dropdown:hover li {
    display: block;
}

.docstateMenu dl.dropdown.dropdown-open dd,
#actionboxContainer #Document-ServerState.dropdown.dropdown-open dd,
.no-js .docstateMenu dl.dropdown:hover dd,
.no-js #actionboxContainer #Document-ServerState.dropdown:hover dd {
    background-color: white;
    border-radius: 4px;
    padding: 0 0 0.5em;
    font-weight: normal;
}

.docstateMenu dl.dropdown li.active,
#Document-ServerState.dropdown li.active {
    display: block;
    font-weight: bold;
    font-size: 1em;
    padding: 1px 12px 3px 0;
}

.docstateMenu dl.dropdown.dropdown-open li.active,
#Document-ServerState.dropdown.dropdown-open li.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #8c8d8a;
}

/* @end */

/**
* End global admin styles
*/

/**
* Global form styles
*/

/* @group form content */
.adminContainer .collection_new a.add,
.adminContainer span.enrichmentkey_new a.add,
.adminContainer table a.add,
.adminContainer td.edit a,
.adminContainer td.move-up a,
.adminContainer td.move-down a,
.adminContainer td.linked a,
.adminContainer table .insert a,
.adminContainer table a.insert,
.adminContainer dl.sort ul.links li,
.adminContainer .Add-data input,
.adminContainer .Import-data input,
.adminContainer .Sort-data input,
.adminContainer li.edit a,
.adminContainer li.edit input {
    background: url(../img/theme/admin/sprite_icons.png) no-repeat;
}

.dropdown dt a:after {
    border-color: black transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

.dropdown dt a {
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.dropdown dt a:hover {
    text-decoration: none;
}

dl.dropdown.dropdown-open > dd,
.no-js dl.dropdown:hover > dd {
    position: absolute;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=4,Color=#33000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=4, Color=#33000000, Positive=true);
}

.adminContainer ul.links,
.adminContainer ul.buttons {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.links input {
    border: none;
    background-color: transparent;
    color: #26517a;
    cursor: pointer;
    padding: 0;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
}

ul.links input:hover {
    text-decoration: underline;
}

.adminContainer .dropdown > dd p.label {
    border-bottom: 1px solid #BDBEBB;
    text-align: center;
    font-size: 0.857em;
    margin: 0 0 1em;
    padding: 0 0.4em;
}

.adminContainer .dropdown > dd p.label i {
    font-style: normal;
    background-color: white;
    color: #595955;
    display: inline-block;
    padding: 0 0.6em;
    position: relative;
    top: 0.5em;
}

.adminContainer li.edit a,
.adminContainer li.edit input {
    background-position: -20px -256px;
    padding-left: 16px;
}

.adminContainer li.edit input,
.data-wrapper.Edit-data input {
    border: none;
    color: #26517a;
    background-color: transparent;
    font: 0.857em Verdana, Arial, Helvetica, sans-serif;
}

.adminContainer li.edit input:hover,
.data-wrapper.Edit-data input:hover,
.adminContainer .Add-data input:hover,
.adminContainer .Import-data input:hover,
.adminContainer .Remove-data input:hover,
.adminContainer .Generate-data input:hover,
.adminContainer .Sort-data input:hover {
    text-decoration: underline;
    cursor: pointer;
}

.save-element input,
.save-data input,
#save-element input {
    border-radius: 5px;
    border: none;
    background-color: black;
    color: white;
    padding: 6px 10px;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.cancel-element,
.cancel-data,
#cancel-element {
    font: 0.875em Verdana, Arial, Helvetica, sans-serif;
}

.cancel-element input,
.cancel-data input,
#cancel-element input {
    border: none;
    background-color: transparent;
    color: #26517a;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
}

.cancel-element input:hover,
.cancel-data input:hover,
#cancel-element input:hover {
    text-decoration: none;
}

/* @end */

/* @group form footer */
.form-action {
    float: right;
}

.form-action li {
    float: left;
    margin-left: 1em;
    padding: 6px 0;
}

.form-action li:first-child {
    margin-left: 0;
}

.form-action li a {
    text-decoration: none;
    font-weight: bold;
    font-size: 0.857em;
}

.form-action li a:hover {
    text-decoration: underline;
    color: #26517a;
}

.form-action li.save-element {
    padding: 0;
}

/* @end */

/**
* End global form styles
*/

/**
 * Metadata
 */

/* @group Global metadata */
.adminContainer .add-element {
    clear: both;
}

.adminContainer form dd,
#actionboxContainer dd,
.adminContainer fieldset,
.adminContainer .subform fieldset,
#actionboxContainer dd,
.docstateMenu dd {
    margin: 0;
    padding: 0;
    border: none;
}

.adminContainer .subform legend {
    border: none;
    text-transform: none;
    font: italic 1.143em Georgia, "Times New Roman", Times, serif;
    color: #595955;
    background: url(../img/theme/admin/bg_sub-legend.png);
    border-radius: 4px;
    padding: 0 0 0 1.2%;
    line-height: 1.7em;
    width: 98.8%;
    display: block;
}

.adminContainer form .wrapper > .subform > fieldset > legend {
    background: #595a56;
    color: white;
    position: relative;
    margin: 0;

}

.adminContainer form .wrapper > .subform > fieldset > legend + * {
    margin-top: 1.3em;
    -webkit-margin-top-collapse: separate;
}

.adminContainer form .wrapper > .subform > fieldset > legend:after {
    border-color: #595a56 transparent transparent;
    border-width: 11px 6px 0;
    bottom: -11px;
    left: 8px;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

.adminContainer #subform-Actions,
.adminContainer .submit-data,
.adminContainer #form-action {
    padding: 1.3em 0;
    margin-top: 1.3em;
    border-top: 8px solid #BDBEBB;
}

.adminContainer label {
    padding-right: 0.8em;
}

.adminContainer .required {
    font-weight: bold;
    color: inherit;
}

.adminContainer .data-wrapper {
    float: left;
    width: 100%;
    padding: 0.3em 0;
}

.adminContainer .multiple-wrapper .data-wrapper,
#fieldset-Persons .multiple-wrapper .data-wrapper {
    float: left;
}

.adminContainer .data-wrapper.multiple-data {
    width: 85%;
}

.adminContainer .multiple-wrapper .data-wrapper.Remove-data,
.adminContainer .multiple-wrapper .data-wrapper.Generate-data {
    max-width: 15%;
    width: auto;
    position: absolute;
    right: 0.6em;
}

.adminContainer .multiple-wrapper {
    float: left;
    width: 99%;
    padding: 0.3em 0.5%;
    position: relative;
}

.adminContainer .multiple-wrapper.odd {
    background-color: #f2f2f2;
}

.adminContainer #form-action {
    float: left;
    width: 100%;
}

.adminContainer fieldset#fieldset-Actions .fields-wrapper {
    padding: 1em 0 2em;
}

.adminContainer .wrapper .subform {
    float: left;
    width: 100%;
}

.adminContainer .subform .fields-wrapper {
    margin: 0 0 0.5em;
}

.adminContainer .data-wrapper + .subform {
    margin: 0.5em 0 0;
}

.adminContainer .subform + .data-wrapper {
    margin-top: 1.3em;
}

.adminContainer .subform + .data-wrapper.Add-data {
    margin-top: 0;
}

.adminContainer form .wrapper .fields-wrapper > .subform:first-child {
    margin: 0;
}

.adminContainer .data-wrapper > div.label {
    float: left;
    clear: left;
}

.adminContainer .data-wrapper > div.label {
    width: 32.7083%;
}

.adminContainer td.SeriesId-data,
.adminContainer td.KeyName-data {
    width: 32%;
}

.adminContainer .multiple-data .data-wrapper > div.label {
    width: 38.4803%;
}

.adminContainer .field {
    float: left;
    width: 67%;
}

.adminContainer .field textarea {
    max-width: 100%;
}

.adminContainer .multiple-data .field {
    width: 61.5197%;
}

.adminContainer .fields-wrapper {
    margin: 0;
    float: left;
    width: 100%;
}

.adminContainer fieldset {
    clear: both;
    position: relative;
}

.adminContainer dl.settings.dropdown dt {
    padding: 0;
}

.adminContainer dl.settings.dropdown dt a {
    padding: 0.6em 1.6em 0.6em 0.5em;
    color: #3E3E3A;
    font-family: Arial, Helvetica, sans-serif;
}

.adminContainer dl.settings.dropdown dt a:after {
    right: 6px;
    top: 12px;
}

.adminContainer .subform .dropdown.dropdown-open dt,
.no-js .adminContainer .subform .dropdown:hover dt {
    background-color: #E1E4E0;
    border-radius: 4px 4px 0 0;
}

.adminContainer dl.settings.dropdown dd {
    right: 0;
    min-width: 10em;
}

.adminContainer dl.sort.dropdown dd {
    left: 0;
    min-width: 8em;
}

.adminContainer .subform .dropdown dd {
    background-color: white;
    border: solid #E1E4E0;
    border-width: 5px 1px 1px;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
}

#content.adminContainer .data-wrapper .field .textarea {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-line;
    width: 545px; /*break-word braucht eine fixe Breite*/
}

#fieldset-ddc .Edit-data input {
    display: block;
    text-align: left;
    white-space: normal;
}

/* @end */
/* @group metadata header */
#docinfo {
    padding: 1.5em 0;
}

.adminContainer #docinfo h2 {
    margin: 0 0 0.3em;
    padding: 0;
    border: none;
}

#docinfo p {
    margin: 0;
}

.adminContainer h2,
.adminContainer fieldset.headline > legend {
    background-color: transparent;
    color: black;
    font-size: 1.286em;
    font-weight: normal;
    padding: 0 0 1em;
    border: none;
    text-transform: none;
}

/* @end */
/* @group form buttons */
.adminContainer .subform .button-group {
    float: right;
    width: auto;
    background-color: #7d7e7a;
    color: white;
    border-radius: 0 4px 4px 0;
    padding: 0;
}

.adminContainer .subform legend .button-group .data-wrapper {
    float: left;
    width: auto;
    border-left: 1px solid #595A56;
    padding: 0;
}

.adminContainer .subform legend .button-group .data-wrapper:first-child {
    border: none;
}

.adminContainer .button-group input,
.adminContainer .Remove-data input {
    padding: 3px 5px 3px 24px;
    border-radius: 4px;
}

.adminContainer .Remove-data input {
    border-color: #dcd7cf;
    background-color: white;
    color: #3E3E3C;
    background: white url(../img/theme/admin/ic_remove.png) no-repeat 4px 50%;
    border: 1px solid;
}

.adminContainer .Generate-data input {
    padding: 3px 5px 3px 5px;
    border-radius: 4px;
    border-color: #dcd7cf;
    background-color: white;
    color: #3E3E3C;
    border: 1px solid;
}

.adminContainer .Generate-data input:disabled {
    background-color: darkgrey;
    text-decoration: none;
    cursor: not-allowed;
}

.adminContainer .Add-data input {
    background-position: -14px -16px;
}

.adminContainer .Import-data input {
    background-position: -14px -353px;
}

.adminContainer .Sort-data input {
    background-position: -14px -426px;
}

.adminContainer legend .Add-data input,
.adminContainer legend .Import-data input,
.adminContainer legend .Sort-data input {
    border: none;
    background-color: transparent;
    color: white;
    font-weight: normal;
    font: 0.8em Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
    width: auto;
}

/* @end */

/* @group admin_document */
.adminContainer.admin_document .multiple-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.adminContainer.admin_document .required,
.adminContainer.admin_document .data-wrapper label {
    font-weight: normal;
}

.adminContainer.admin_document .field,
.adminContainer.admin_document table td,
.adminContainer.admin_document .data-wrapper,
.adminContainer.admin_document #fieldset-Licences .data-wrapper label {
    font-weight: bold;
}

.adminContainer.admin_document #fieldset-Identifiers td:first-child {
    width: 32%;
}

.adminContainer.admin_document .wrapper .fields-wrapper th {
    font-weight: normal;
    font-size: 0.9em;
}

/* @end */

/* @group Metadata table style */
.adminContainer td.Remove-data,
.adminContainer td.Generate-data {
    text-align: right;
    min-width: 15%;
}

.adminContainer td.Language-data {
    width: 19%;
}

.adminContainer .fields-wrapper table {
    margin: 0;
}

.adminContainer .fields-wrapper thead th {
    border-bottom: 1px solid #7D7E7A;
}

.adminContainer .fields-wrapper tbody tr:hover {
    background: none;
}

.adminContainer .fields-wrapper th {
    font-size: 0.8em;
    font-weight: bold;
}

.adminContainer .fields-wrapper td {
    border-top: 1px dotted #c2c2c2;
}

.adminContainer .fields-wrapper th.visibleoai,
.adminContainer .fields-wrapper td.visibleoai {
    width: 4em;
    text-align: center;
}

.adminContainer .fields-wrapper th.visiblefrontdoor,
.adminContainer .fields-wrapper td.visiblefrontdoor {
    width: 8em;
    text-align: center;
}

/* @end */

/**
 * ID-specific form styles
 */

/* @group 2-column layout, label aligned */
#fieldset-Titles .data-wrapper.Language-data,
#fieldset-Enrichments .data-wrapper.KeyName-data,
#fieldset-Identifiers .data-wrapper.Type-data,
#fieldset-Abstracts .data-wrapper.Language-data,
#fieldset-Swd .data-wrapper.Value-data,
#fieldset-Notes .data-wrapper.Visibility-data {
    float: left;
    width: 38.4803%;
}

/* @end */

/* @group 2-column layout, field aligned */
#fieldset-Enrichments .data-wrapper.Value-data,
#fieldset-Identifiers .data-wrapper.Value-data,
#fieldset-Titles .data-wrapper.Value-data,
#fieldset-Abstracts .data-wrapper.Value-data,
#fieldset-Swd .data-wrapper.ExternalKey-data,
#fieldset-Notes .data-wrapper.Message-data {
    float: left;
    width: 61%;
}

#fieldset-Abstracts .data-wrapper.Value-data .label,
#fieldset-Swd .data-wrapper.Value-data .label,
#fieldset-Swd .data-wrapper.ExternalKey-data .label,
#fieldset-Psyndex .data-wrapper > .label,
#fieldset-Uncontrolled .data-wrapper > .label,
#fieldset-Psyndex .data-wrapper > .field,
#fieldset-Uncontrolled .data-wrapper > .field,
#fieldset-Notes .data-wrapper.Visibility-data .label {
    width: auto;
}

#fieldset-Titles .data-wrapper.Value-data textarea,
#fieldset-Abstracts .data-wrapper.Value-data textarea,
#fieldset-Identifiers .data-wrapper.Value-data input,
#fieldset-Notes .data-wrapper.Message-data textarea {
    max-width: 100%;
}

/* @end */

/* @group 3-column layout */
#fieldset-Series .multiple-data .data-wrapper,
#fieldset-Series .multiple-data dd,
#fieldset-Psyndex .multiple-data .data-wrapper,
#fieldset-Uncontrolled .multiple-data .data-wrapper {
    float: left;
    width: 33%;
}

/* @end */
/* @group Licences */
.adminContainer #fieldset-Licences .data-wrapper {
    position: relative;
}

.adminContainer #fieldset-Licences .data-wrapper .field {
    position: absolute;
    left: 0;
}

.adminContainer #fieldset-Licences .data-wrapper .label {
    padding-left: 2em;
    width: 80%;
}

.adminContainer.admin_document #fieldset-Licences .data-wrapper .label {
    background: url(../img/theme/admin/ic_checked.png) no-repeat 0.4em 0.2em;
}

/* @end */

/* @group fieldset_Persons */
#fieldset-Persons .data-wrapper {
    width: 100%;
}

.adminContainer #fieldset-Persons .person-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.adminContainer #fieldset-Persons .person-info {
    padding-left: 10px;
}

.adminContainer #fieldset-Persons .person-actions {
    float: right;
    width: 24%;
    text-align: right;
}

.adminContainer #fieldset-Persons .person-actions > ul.links {
    margin-top: 0.5em;
}

.adminContainer #fieldset-Persons .person-actions > * {
    white-space: nowrap;
    display: inline-block;
}

.adminContainer .person-actions > ul .Remove-data input {
    font-size: 0.9em;
}

.adminContainer #fieldset-Persons .person-actions dl {
    padding: 0;
    margin: 0 1em 0 0;
    text-align: left;
}

.adminContainer dl.sort.dropdown {
    position: relative;
}

.adminContainer #fieldset-Persons dl.sort,
.adminContainer #fieldset-Persons .person-info {
    float: left;
    margin: 0;
}

.adminContainer dl.sort.dropdown dt,
.adminContainer dl.settings.dropdown dt {
    border: 1px solid #e1e4e0;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    background-color: white;
}

.adminContainer dl.sort.dropdown dt {
    padding: 0.3em 23px 0.3em 4px;
}

.adminContainer dl.sort ul.links li {
    padding-left: 16px;
    font-size: 0.857em;
}

.adminContainer dl.sort.dropdown dt input {
    color: #595A56;
    background-color: white;
    font: 1.714em Arial, Helvetica, sans-serif;
    width: 46px;
    text-align: center;
    border: 1px solid;
    border-color: white #acacac white white;
}

.adminContainer dl.sort.dropdown dt a {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    height: 100%;
    width: 1.6em;
    text-indent: 9999px;
}

.adminContainer dl.sort.dropdown dt a:after {
    right: 7px;
    top: 1.1em;
}

.adminContainer dl.sort.dropdown dt:hover input,
.adminContainer dl.sort.dropdown.dropdown-open dt input,
.adminContainer dl.sort.dropdown dt input:focus {
    border: 1px inset #595A56;
}

.adminContainer dl.sort ul.links li.move-first {
    background-position: -20px -152px;
}

.adminContainer dl.sort ul.links li.move-up {
    background-position: -20px -117px;
}

.adminContainer dl.sort ul.links li.move-down {
    background-position: -20px -82px;
}

.adminContainer dl.sort ul.links li.move-last {
    background-position: -20px -49px;
}

/* @end */

/* @group field-width overrides for all column layouts */
#fieldset-Titles .field,
#fieldset-Series .multiple-data .field,
#fieldset-Enrichments .multiple-data .field,
#fieldset-Identifiers .multiple-data .field,
#fieldset-Abstracts .multiple-data .field,
#fieldset-Enrichments .data-wrapper.Value-data input,
#fieldset-Notes .data-wrapper.Message-data .field {
    width: 100%;
}

/* @end */

/**
 * End ID-specific form styles
 *
 * End Metadata
 */

/* @group admin_documents */
.documentOptions {
    float: left;
    width: 100%;
    margin: 1em 0;
}

.documentOptions dl.dropdown {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.documentOptions .docstateMenu dl.dropdown dd,
.documentOptions .crud-wrapper {
    border-color: #767676;
}

.no-js .documentOptions .crud-wrapper .placeholder {
    position: absolute;
    left: 0;
    top: -2em;
}

.documentOptions div.crud-wrapper {
    margin-right: 0;
    border: 1px solid;
    border-radius: 4px;
    background-color: white;
    line-height: 2.45em;
    width: 16%;
    float: right;
    position: relative;
}

.documentOptions .crud-wrapper input[type="text"] {
    border: none;
    font-size: 1.2em;
    padding: 2px 0 2px 10px;
    width: 4em;
}

.documentOptions .crud-wrapper input[type="submit"] {
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: #7D7E7A;
    color: white;
    border: 1px solid #7d7e7a;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 1.1em;
    cursor: pointer;
}

.no-js .document-id-form .placeholder {
    position: absolute;
    left: 0;
    top: -2em;
}

.document-id-form {
    margin: 1em auto;
    border: 1px solid;
    border-radius: 4px;
    background-color: white;
    line-height: 2.45em;
    width: 10em;
    position: relative;
    height: 2.3em;
}

.document-id-form input[type="text"] {
    border: none;
    font-size: 1.2em;
    padding: 2px 0 2px 10px;
    width: 4em;
}

.document-id-form input[type="text"] {
    outline-width: 0;
}

.document-id-form input[type="submit"] {
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: #7D7E7A;
    color: white;
    border: 1px solid #7d7e7a;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 1.1em;
    cursor: pointer;
}

.adminContainer table.documents {
    margin: 0;
}

.adminContainer table.documents tr.published {
    background-color: #edffed;
}

.adminContainer table.documents tr.restricted {
    background-color: #ffd3cf;
}

.adminContainer table.documents tr.deleted {
    background-color: #dcdcdc;
}

.adminContainer .paginationInfo ul,
.itemCountLinks ul,
.paginationControl ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.adminContainer .resultInfo,
.paginationControl li {
    float: left;
}

.itemCountLinks {
    float: right;
}

.itemCountLinks {
    margin: 0 0 0.8em 0;
    display: block;
}

.itemCountLinks * {
    display: inline;
}

.itemCountLinks li {
    padding: 0 0.3em;
}

.adminContainer ul.paginationControl {
    color: black;
    text-align: center;
    margin: 2px auto;
    padding: 0;
    display: inline-block;
    height: 24px;
}

.adminContainer .paginationControl-wrapper {
    background-color: #b7cde7;
    width: 100%;
    height: 28px;
    margin: 2px 0;
    text-align: center;
}

.adminContainer ul.paginationControl {
    vertical-align: bottom;
}

.adminContainer ul.paginationControl li {
    padding: 0.4em 0.7em;
    border-left: 1px solid #dae5f3;
    font-size: 0.9em;
}

.adminContainer .paginationControl li.currentPage {
    background-color: #2d6093;
    color: white;
}

.adminContainer .paginationControl li:first-child {
    border: none;
}

/* @end */

/* @group admin_collectionroles */
.adminContainer table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 1.5em 0;
    width: 100%;
}

.adminContainer .invisible,
.adminContainer .invisible a,
.adminContainer a.invisible,
.adminContainer td.unhide a {
    color: #ff6347;
}

.adminContainer th.invisible {
    font-weight: normal;
}

.adminContainer table th,
.adminContainer table td {
    padding: 8px;
}

.adminContainer table td {
    vertical-align: text-top;
}

.adminContainer table thead th {
    border-bottom: 3px solid #5788c1;
    text-align: left;
    font-weight: normal;
    font-size: 1.167em;
}

.adminContainer table td,
.adminContainer table tbody th {
    border-top: 1px solid #b7cde7;
    font-size: 0.857em;
    text-align: left;
}

.adminContainer table tbody > tr:first-child > * {
    border-top: none;
}

.adminContainer table tbody th {
    font-weight: bold;
}

.adminContainer td.edit a {
    background-position: -20px -257px;
    padding-left: 19px;
}

.adminContainer td.move-up a {
    background-position: -20px -122px;
    padding-left: 16px;
}

.adminContainer td.move-down a {
    background-position: -20px -87px;
    padding-left: 16px;
}

.adminContainer td.linked a {
    background-position: -20px -288px;
    padding-left: 18px;
}

.adminContainer .collection_new a.add,
.adminContainer span.enrichmentkey_new a.add,
.adminContainer table a.add {
    background-position: -17px -16px;
    border-radius: 5px;
    background-color: #595955;
    color: white;
    padding: 3px 5px 3px 24px;
    border: 1px solid #43433f;
    border-radius: 5px;
    font: 1em Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-left: 1em;
}

.adminContainer table td.insert {
    display: block;
    position: relative;
    border: none;
    padding: 0;
    height: 0;
    background: none;
}

.adminContainer table .insert a,
.adminContainer table a.insert {
    background-position: -20px -319px;
    position: absolute;
    left: -23px;
    top: -10px;
    padding: 0 0 0 23px;
    height: 20px;
    width: 0;
    overflow: hidden;
}

.adminContainer table a.add:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px #a0c3e1;
    -moz-box-shadow: 0 0 15px #a0c3e1;
    box-shadow: 0 0 8px 2px #a0c2dd;

}

.adminContainer table thead a.add {
    font-size: 0.8em;
}

/* @end */

/* @group admin_filemanager */
.textarea.hashsoll,
.textarea.hashist {
    position: relative;
}

.textarea.hashsoll span,
.textarea.hashist span {
    position: absolute;
    top: 0;
    left: -5em;
    width: 4.6em;
    text-align: right;
}

.textarea.hashist {
    color: #dc143c;
    background-color: transparent;
}

.FileLink-data .field a {
    background: url(../img/theme/admin/ic_file.png) no-repeat left top;
    padding: 0 0 4px 35px;
    position: relative;
    left: -35px;
    font-weight: bold;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-line;
    width: 545px; /*break-word braucht eine fixe Breite*/
    float: left;
}

.adminContainer #FileManager-Files-Add-element input {
    background-position: -14px -391px;
}

/* @end */

/* @group adminMenuContainer */
#adminMenuContainer ul {
    margin: 0 auto 0 auto;
    padding: 0;
    list-style: none;
    max-width: 960px;
}

#adminMenuContainer li {
    float: left;
    width: 32.8135%;
    margin: 0 0.5198% 5px 0;
    font-size: 0.786em;
}

#adminMenuContainer li.cols-two {
    width: 66.1468%;
}

#adminMenuContainer li.cols-one-half {
    width: 49.48015%;
}

#adminMenuContainer li.cols-half {
    width: 16.14685%;
}

#adminMenuContainer ul > li.inactive > strong,
#adminMenuContainer ul > li > strong {
    background-image: url(../img/theme/admin/ic_inactive-corner_light.png);
    background-color: #f5f7fa;
    color: #D7DFE7;
}

#adminMenuContainer ul > li > * {
    display: block;
    border: 3px solid #D7DFE7;
    padding: 8px 12px 10px;
    text-decoration: none;
    background: #C6C0B3 no-repeat right bottom;
}

.no-js #adminMenuContainer ul > li > * {
    min-height: 85px;
}

#adminMenuContainer a {
    color: #68604F;
}

#adminMenuContainer a:hover {
    border: 3px solid #a0c3e1;
    -webkit-box-shadow: 0 0 15px #a0c3e1;
    -moz-box-shadow: 0 0 15px #a0c3e1;
    box-shadow: 0 0 15px #a0c2dd;
}

#adminMenuContainer li br {
    display: none;
}

#adminMenuContainer strong {
    display: block;
    padding: 0 0 0.3em;
    font-size: 1.636em;
    color: black;
    font-weight: normal;
}

#adminMenuContainer .group-olive * {
    background-color: #455426;
    color: #dee9cd;
}

#adminMenuContainer .group-black * {
    background-color: black;
    color: #dddddd;
}

#adminMenuContainer .group-tomato * {
    background-color: #BE7069;
    color: #EED9D7;
}

#adminMenuContainer .group-mint * {
    background-color: #B7C4B9;
    color: #415243;
}

#adminMenuContainer .group-meadow * {
    background-color: #559266;
    color: #e2efe5;
}

#adminMenuContainer .group-chocolate * {
    background-color: #614A3B;
    color: #decfc9;
}

#adminMenuContainer .group-cafelatte * {
    background-color: #C6C0B3;
    color: #635c4a;
}

#adminMenuContainer .group-cappuccino * {
    background-color: #8F846D;
    color: #ECEBE8;
}

#adminMenuContainer .group-sky * {
    background-color: #5788C1;
    color: #dee7f4;
}

#adminMenuContainer li.group-olive strong,
#adminMenuContainer li.group-black strong,
#adminMenuContainer li.group-sky strong,
#adminMenuContainer li.group-cappuccino strong,
#adminMenuContainer li.group-chocolate strong,
#adminMenuContainer li.group-meadow strong,
#adminMenuContainer li.group-tomato strong {
    color: white;
}

#adminMenuContainer li.group-cafelatte strong,
#adminMenuContainer li.group-mint strong {
    color: black;
}

/* @end */

/* @group person info */
.adminContainer #fieldset-Persons .person-info .person-born-date,
.adminContainer #fieldset-Persons .person-info .person-born-place {
    color: black;
}

.adminContainer #fieldset-Persons .person-info .person-lastname,
.adminContainer #fieldset-Persons .person-info .person-firstname {
    font-weight: bold;
}

.adminContainer #fieldset-Persons .person-info .person-academictitle {
    font-style: italic;
}

/* @end */

/* @group indexmaintenance views (were NOT added by web designer) */
.admin_indexmaintenance .operation {
    margin-top: 2em;
    padding: 1em;
    background-color: #e2e6e9;
}

.admin_indexmaintenance .opname {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 1em;
}

.admin_indexmaintenance .opdescription {
    font-style: italic;
    margin-bottom: 1em;
}

.admin_indexmaintenance .opprogress {
    font-weight: bold;
    color: green;
    margin-bottom: 1em;
}

.admin_indexmaintenance .oprun {
    margin-bottom: 1em;
}

.admin_indexmaintenance .oprun input {
    font-size: 110%;
    padding: .5em;
}

.admin_indexmaintenance .opoutput {
    background-color: white;
    padding: 1em;
    border: 1px #a9a9a9 solid;
    height: auto;
    overflow: auto;
    max-height: 400px;
    word-break: normal;
    word-wrap: normal;
    white-space: pre;
}

.admin_indexmaintenance .featuredisabled {
    font-size: 120%;
    color: blue;
    padding: 2em;
}

.admin_doctype {
    color: #26517a;
}

.admin_doctype_fail {
    background-color: #FFD4D4;
}

/* Definitionsliste für Anzeige auf Dokumenttypenseite. */

.adminContainer dl.table {
    font-size: 1.2em;
}

.adminContainer dl.table dt {
    float: left;
}

.adminContainer dl.table dd {
    padding-left: 14em;
    margin: .5em;
    font-weight: bold;
}

.statisticTable {
    margin-top: 0px !important;
}

.statisticHeadline {
    margin-top: 40px !important;
    margin-bottom: 0px !important;
}

.documentStatisticInfo {
    font-size: 120%;
}

/* @end */

/* Weitere Ergaenzungen */

#collectionActions dl.dropdown dt a {
    background-color: #595A56;
    color: white;
    padding: 6px 28px 6px 10px;
    position: relative;
}

#collectionActions dl.dropdown dt a:after {
    border-color: white transparent transparent;
    top: 10px;
    right: 10px;
}

#collectionAction dl.dropdown dd {
    border-top: 5px solid #595a56;
    background-color: #767676;
    color: white;
    font-weight: normal;
    min-width: 250px;
}

#collectionActions dl.dropdown ul a {
    color: white;
}

#collectionActions dd {
    margin-left: 0px;
}

#collectionActions dd ul {
    padding: 0.3em 15px 0.8em;
}

#collectionActions dl.dropdown-open ul {
    background-color: #767676;
}

.no-js #collectionActions dl.dropdown ul {
    background-color: #767676;
}

/* Options Form */

.admin_config fieldset {
    border-top: 1px solid #e2e6e9;
    background: #f3f6f8;
    margin-top: 1em;
    padding: 1em;
}

.admin_config legend {
}

.ui-widget-content {
    font-size: 0.9em;
}

.adminContainer .opus-module-name {
    font-size: 1.2em;
    font-weight: bold;
}

.adminContainer .opus-module-description {
    color: gray;
}

.adminContainer .module-access.closed {
    color: #ff5a5a;
}

.adminContainer .module-access.public {
    color: darkgreen;
}

.adminContainer tr.public .opus-module-name {
    color: darkgreen;
}

.adminContainer tr.closed .opus-module-name {
    color: #ff5a5a;
}

.adminContainer .wrapper {
    max-width: 95%;
}

.adminContainer table td.module-options {
    text-align: right; /* TODO not working yet */
}

.adminContainer #fieldset-Files a.filelink {
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-all;
    display: block;
}

.adminContainer .persons-table {
    max-width: 95%;
    margin: 1em auto;
    font-size: 0.9em;
}

.adminContainer .persons-table thead th {
    font-size: 1.2em;
}

.adminContainer .persons-table td.firstname,
.adminContainer .persons-table td.lastname {
    font-size: 1.1em;
}

.adminContainer .persons-table a.role {
    display: block;
    width: 10em;
    background-color: lightgray;
    margin: 2px;
    padding: 2px;
    font-size: 0.9em;
}

.adminContainer .persons-table a.role span {
    float: right;
}

.adminContainer .persons-table a.role.author {
    background-color: #afddb7;
}

.adminContainer .persons-table b {
    font-weight: normal;
    background-color: #efe692;
}

.adminContainer #facetMenu {
    float: left;
}

.adminContainer .facet {
    background: none;
    background-color: #edf2f9;
    padding: 0px;
    margin: 0;
    width: 190px;
    margin-bottom: 0.5em;
}

.adminContainer .facet h4,
#filter h4 {
    position: relative;
    width: 180px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    background-color: #2d6093;
    height: auto;
    font-size: 1em;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    font-weight: bold;
}

.adminContainer .facet ul {
    list-style: none;
    margin: 0;
    padding: 2px 5px;
    /* border: 1px solid #2d6093; */
    border-top: none;
}

.adminContainer .facet ul li.active {
    font-weight: bold;
}

.left {
    width: 200px;
    float: left;
}

.right {
    margin-left: 200px;
}

.clear {
    clear: both;
}

#filter ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 3px;
}

#filter h4 {
}

.adminContainer table.collections td.assigned {
    font-weight: bold;
}

.documents .document-checkbox {
    float: left;
}

.documents .document-info {
    padding-left: 3em;
}

.documents .document-info .document-title {
    font-size: 1.3em;
}

.document .document-info .modified {
    /*background-color: lightgrey; */
    color: red;
    font-weight: bold;
    /* padding: 0 3px; */
}

.document .document-id {
    float: right;
}

.documents .document {
    border-top: 1px dotted grey;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.documents .document:first-child {
    border-top: none;
}

.documents .document .document-changes {
    margin-top: 5px;
    margin-bottom: 0.5em;
}

.documents .document .document-change {
    vertical-align: top;
    clear: both;
}

.documents .document span.role {
    float: left;
    min-width: 10em;
    max-width: 10em;
    background-color: #f3f6f8;
    margin-bottom: 1px;
    padding: 2px;
}

.documents .document span.person {
}

/* TODO limit to persons confirmation form */

form.persons-confirm ul.form-action {
    width: 100%;
}

form.persons-confirm ul.form-action li {
    float: right;
}

form.persons-confirm ul.form-action li.back-element {
    float: left;
    margin-left: 0;
    padding: 0;
}

form.persons-confirm #Documents-Documents-element {
    width: 95%;
    display: block;
    margin: 0 auto;
    float: none;
}

form.persons-confirm legend {
    font-size: 2em;
    border: none;
    text-transform: none;
}

/* Styling of table showing value changes */

.adminContainer .changes-table-wrapper {
    width: 80%;
    margin: 0 auto;
}

.adminContainer table.changes-table {
    margin-left: -2em;
    font-size: 1.4em;
    border-spacing: 1px 2px;
}

.adminContainer table.changes-table tr th:first-child {
    width: 8em;
}

.adminContainer table.changes-table thead th:first-child {
    color: transparent;
}

.adminContainer table.changes-table thead th {
    text-align: center;
}

.adminContainer table.changes-table ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.adminContainer table.changes-table li {
    margin: 0;
    padding: 0;
}

.adminContainer table.changes-table th {
    border: none;
}

.adminContainer table.changes-table td {
    border: none;
}

.adminContainer table.changes-table td:first-child,
.adminContainer table.changes-table th:first-child {
    border: none;
}


.adminContainer table.changes-table tr:hover {
    background-color: transparent;
}

.adminContainer table.changes-table tr {
}

.changes-table tr.modified td {
    background-color: #d3e9f7;
}

.changes-table tr.merged td {
    background-color: #ffccc0;
}

.changes-table tr.removed td {
    background-color: #ffccc0;
}

.changes-table tr.added td {
    background-color: #beedc6;
}

.changes-table tr.notmodified td {
    color: #424242;
    text-align: center;
    background-color: #ebebeb;
}

.changes-table td.not-set {
    display: none;
}

.adminContainer table.changes-table td.fieldname {
    background-color: transparent;
    font-weight: bold;
    color: darkslategray;
    text-align: right;
    padding-right: 1em;
    width: 20%
}

.adminContainer table.changes-table tr td.old-value {
    width: 38%;
}

.adminContainer table.changes-table tr td.new-value {
    width: 38%;
}

.adminContainer span.null {
    color: dodgerblue;
}

.adminContainer .identifierStatus .unregistered {
    color: darkgrey;
}

.adminContainer td.registrationState span.registered,
.adminContainer .identifierStatus .registered {
    color: darkorange;
}

.adminContainer td.registrationState span.verified,
.adminContainer .identifierStatus .verified {
    color: limegreen;
    font-weight: bold;
}

.adminContainer .identifierStatus {
    padding: 8px;
    font-size: 0.857em;
}

.adminContainer .identifierStatus .warning {
    color: red;
    font-weight: bold;
}

.adminContainer .formElementInline {
    margin-top: 2em;
    margin-bottom: 2em;
}

.adminContainer .formElementInline form {
    display: inline;
}

.adminContainer table.changes-table td.change-arrow {
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 4%;
    background-color: transparent;
    border-bottom: none;
}

ul.permissions-list {
    list-style: none;
    padding: 0.5em 1em;
}

ul.permissions-list li {
    margin: 0;
    padding: 0.2em 0.5em;
}

ul.permissions-list li:nth-child(even) {
    background: #f5f5f5;
}

.admin_access_listmodule h2 {
    color: #26517c;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.5em;
    padding: 0;
    border-bottom: 1px solid #26517c;
}

ul.permissions-list input[type=checkbox] {
    margin-right: 1em;
}

#personsMenu {
    overflow: auto;
    padding: 0.5em 1em;
    background: url(../img/theme/admin/bg_actionbox-fixed.png);
    -moz-box-shadow: 0px 2px 1px rgba(54, 54, 54, 0.4);
    -webkit-box-shadow: 0px 2px 1px rgba(54, 54, 54, 0.4);
    box-shadow: 0px 2px 1px rgba(54, 54, 54, 0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=1,Color=#66545454,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=1, Color=#66545454, Positive=true);
}

#personsMenu.fixed {
    width: 100%;
}

form#persons {
    overflow: auto;
}

#fieldset-Translations dl {
    padding-left: 1em;
    margin-top: 0;
    margin-bottom: 0;
}

#fieldset-Translations .label {
    width: 8em;
}

#fieldset-Translations .field {
    width: 80%;
}

.adminContainer #fieldset-Enrichments td {
    vertical-align: top;
}

.unused {
    color: grey;
}

.used {
    color: black;
}

table.module-access-table {
    font-size: 1.1em;
}

table.module-access-table tr.access {
    background-color: #bafbab;
}

table.module-access-table tr.access td.column-module {
    font-weight: bold;
}

table.module-access-table tr.noaccess {
     background-color: #ffb1ae;
}

.admin_account_show .label {
    display: inline-block;
    width: 32%;
    margin-bottom: 0.8em;
}

.admin_account_show .value {
    display: inline;
}

.admin_account_show .account-info {
    margin-bottom: 1em;
}

/* TODO refactor CSS so the translation element can be styled globally */
.field label, .admin_collectionroles_create .field label {
    margin-left: -8em;
}

.field label span, .admin_collectionroles_create .field label span {
    width: 7.5em;
    display: inline-block;
    text-align: right;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

a.link-button {
    display: inline-block;
    padding: 0.5em 1em;
    background: black;
    color: white;
    border-radius: 4px;
    border: 1px solid #8c8d8a;
    border-radius: 4px;
}

a.link-button:hover {
    text-decoration: none;
    color: white;
}

div.document-action-links {
    float: right;
    display: block;
}

div.preformatted {
    font-family: monospace;
    white-space: pre;
}

#enrichmentkeyTable span.strong,
#enrichmentkeyTableManaged span.strong,
#enrichmentkeyTableUnmanaged span.strong {
    font-weight: bold;
}

.code {
    font-family: monospace;
}

.admin_info fieldset {
    margin-bottom: 2.5em;
}

.admin_info fieldset legend {
    text-transform: none;
    font-size: 1.5em;
    border-bottom: 2px solid #26517d;
    margin-bottom: 1em;
}

.admin_info fieldset .opus-version-info {
    font-size: 1.3em;
    margin-left: 2em;
}

.admin_info fieldset table {
    font-size: 1.3em;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
    width: auto;
}

.admin_info table.workspace-folders tr.state-r,
.admin_info table.workspace-folders tr.state- {
    background: #ffb1ae;
}

.pre-wrapped {
    background: #dddddd;
    white-space: pre-wrap;
    padding: 1em;
    font-size: 1.2em;
}

/**
 * Collection auto complete form element
 */

fieldset.collectionRole legend {
    padding-top: 0.8em;
    border: none;
    font-weight: bold;
}

fieldset.collectionRole ul {
    margin: 0;
    padding: 0.2em 2em;
}

fieldset.collectionRole li {
    padding: 0.1em 0em;
}

fieldset.collectionRole i.fa-trash {
    margin-left: 0.4em;
    color: #26517d;
}

fieldset.collectionRole i.fa-trash:hover {
    cursor: pointer;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .2em;
    margin: .2em 0 .8em;
}