input[type="text"],
input[type="password"],
textarea,
.select2-choices {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
}
.select2-search-field input {
  padding: 0;
}
button {
  border: none;
  border-radius: 4px;
  background: #bfaebe;
  color: #fff;
  padding: 4px;
  cursor: pointer;
}
button:hover {
  background: #9f859d;
}
select {
  cursor: pointer;
}
.login {
  position: absolute;
  top: 30px;
  right: 50px;
  display: inline-block;
  text-align: right;
}
.login .status {
  padding-right: 15px;
}
.login .status .loggedin,
.login .status .not-loggedin {
  padding: 5px;
  display: inline-block;
  cursor: pointer;
}
.login .status .loggedin:hover,
.login .status .not-loggedin:hover {
  background-color: #fafaea;
}
.login .form {
  display: none;
  text-align: left;
  background: #fafaea;
  padding: 15px;
  margin: 0;
}
.login .form label {
  color: #333;
  font-size: 0.9em;
  display: inline-block;
  width: 80px;
}
.login .form input {
  width: 197px;
}
.login .form .button {
  margin-top: 7.5px;
  text-align: right;
}
.center {
  max-width: 960px;
  margin: 0 auto;
}
.wrapper {
  position: relative;
}
.container {
  min-height: 800px;
}
#app {
  display: none;
}
.spinner {
  background: rgba(255,255,255,0.5);
  text-align: center;
  height: 300px;
  margin: 0;
}
.spinner img {
  position: relative;
  top: 50%;
  margin-top: -16px;
  display: block;
  width: 32px;
  margin: auto;
}
.content {
  float: left;
  margin-right: 50px;
  width: 550px;
}
@media only screen and (min-width: 1190px) {
  .content {
    width: 770px;
  }
}
.left {
  float: left;
  width: 260px;
  margin: 0 50px 50px 50px;
}
.left .buttons {
  padding: 10px;
  height: 30px;
}
.left .buttons a.new {
  float: right;
  background: #bfaebe;
  color: #fff;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 10pt;
  font-weight: bold;
}
.left .buttons a.new:hover {
  text-decoration: none;
  background: #d9ced8;
}
.tabs {
  background: none;
}
.tabs ul {
  padding: 0;
  margin: 0;
}
.tabs ul li {
  display: inline-block;
  cursor: pointer;
  list-style: none;
  font-size: 0.8em;
  padding: 0.5em;
  margin: 0 1px;
  background-color: #fefef9;
}
.tabs ul li.active {
  background-color: #fafaea;
}
.original.facets {
  display: none;
}
.facets {
  border: 1px solid #f3f2e4;
  border-bottom: none;
  background-color: #fafaea;
  background-image: url("/img/facets-bg.png");
}
.facets h2 {
  color: #333;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 16px;
}
.facets .facet {
  padding: 10px 10px 15px 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f3f2e4;
}
.facets .facet .searchFacetBox {
  line-height: 20px;
  margin-left: 10px;
  float: right;
  width: 120px;
}
.facets .facet .dateFacetInner select {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  padding: 3px;
  background-color: #fff;
}
.facets .facet .toggleLinks {
  float: right;
  font-size: 0.8em;
}
.facets .facetList {
  font-family: Arial, Geneva, sans-serif;
  font-size: 0.9em;
  overflow-y: auto;
  max-height: 115px;
}
.facets .facetList li {
  list-style: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.facets .facetList li label {
  color: #3f728b;
  cursor: pointer;
}
.facets .facetList li .count {
  float: right;
  font-size: 0.8em;
  margin-right: 5px;
  color: #666;
}
.facets .facetList li.filtered {
  display: none;
}
.content {
  padding-top: 33px;
}
.original-results .count,
.derivative-results .count {
  display: none;
  color: #92a56c;
}
.original-results {
  display: none;
}
ul.results a {
  color: #333;
}
ul.results a .title {
  font-weight: bold;
}
ul.results li {
  list-style: none;
  margin-bottom: 6px;
}
ul.results li .edition,
ul.results li .year-premiere-revival {
  display: inline-block;
  float: right;
}
ul.results li.deleted {
  display: none;
}
.actions .delete {
  visibility: hidden;
}
.is-admin .actions .delete {
  visibility: visible;
}
.is-admin ul.results li.deleted {
  display: block;
}
.is-admin ul.results li.deleted:after {
  content: " (deleted)";
}
.is-admin ul.results li.deleted a {
  color: #da1a00;
}
.is-admin .is-deleted .actions .delete {
  visibility: hidden;
}
.clear {
  clear: both;
}
.original-work h4.deleted,
.derivative-work h4.deleted {
  margin: 1em 0;
  background: #eee;
  padding: 0.5em;
  display: none;
}
.original-work.is-deleted h4.deleted,
.derivative-work.is-deleted h4.deleted {
  display: block;
}
.original-work .derived-from,
.derivative-work .derived-from {
  font-weight: normal;
}
.original-work .title,
.derivative-work .title {
  color: #333;
  margin-bottom: 17px;
  line-height: 1.1em;
}
.original-work .contributors,
.derivative-work .contributors {
  list-style: none;
}
.original-work .section,
.derivative-work .section {
  margin-bottom: 40px;
}
.original-work .editions ul,
.derivative-work .editions ul {
  list-style: none;
}
.original-work .editions ul span,
.derivative-work .editions ul span {
  display: inline-block;
}
.original-work .editions ul .place,
.derivative-work .editions ul .place {
  width: 200px;
}
.original-work .editions ul .year,
.derivative-work .editions ul .year {
  width: 80px;
}
.original-work .actions,
.derivative-work .actions {
  text-align: right;
  height: 2em;
  margin-bottom: 2em;
}
.original-work .actions .back-to-results,
.derivative-work .actions .back-to-results,
.original-work .actions .back-to-view,
.derivative-work .actions .back-to-view {
  float: left;
}
.original-work.work-editable .actions a.edit,
.derivative-work.work-editable .actions a.edit {
  display: inline-block;
}
a.cancel {
  display: inline-block;
  margin-top: 1em;
}
h3 span.hint {
  font-size: 70%;
  font-weight: normal;
  color: #bdbdbd;
}
.contributor-edit button {
  margin-left: 10px;
}
.contributor-edit .modal input {
  display: block;
}
.contributor-edit .modal input.givenNames {
  width: 200px;
}
.contributor-edit .modal input.tussenvoegsels {
  width: 80px;
}
.contributor-edit .modal input.lastName {
  width: 200px;
}
.contributor-edit .adding {
  display: inline-block;
  visibility: hidden;
  background-image: url("/img/ajax-loader.gif");
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.autocomplete-suggestions {
  background: #fff;
  border: 1px solid #bdbdbd;
  overflow: auto;
}
.autocomplete-suggestion {
  cursor: pointer;
  padding: 10px;
  overflow: hidden;
}
.autocomplete-suggestion:hover {
  background-color: #d7d7d7;
}
.original-work-edit,
.derivative-work-edit {
  position: relative;
}
.original-work-edit h4.deleted,
.derivative-work-edit h4.deleted {
  margin: 1em 0;
  background: #eee;
  padding: 0.5em;
  display: none;
}
.original-work-edit.is-deleted h4.deleted,
.derivative-work-edit.is-deleted h4.deleted {
  display: block;
}
.original-work-edit .actions,
.derivative-work-edit .actions {
  text-align: right;
  height: 2em;
  margin-bottom: 2em;
}
.original-work-edit .actions .back-to-results,
.derivative-work-edit .actions .back-to-results,
.original-work-edit .actions .back-to-view,
.derivative-work-edit .actions .back-to-view {
  float: left;
}
.original-work-edit .section,
.derivative-work-edit .section {
  margin-bottom: 2em;
}
.original-work-edit input[type="text"],
.derivative-work-edit input[type="text"],
.original-work-edit textarea,
.derivative-work-edit textarea {
  width: 530px;
  height: 33px;
  line-height: 33px;
  padding: 0 10px;
  font-size: 1.1em;
}
@media only screen and (min-width: 1190px) {
  .original-work-edit input[type="text"],
  .derivative-work-edit input[type="text"],
  .original-work-edit textarea,
  .derivative-work-edit textarea {
    width: 750px;
  }
}
.original-work-edit textarea,
.derivative-work-edit textarea {
  height: 100px;
}
.original-work-edit button,
.derivative-work-edit button {
  margin-top: 1em;
}
.original-work-edit button.save,
.derivative-work-edit button.save {
  margin-top: 1em;
  float: right;
}
.original-work-edit.is-deleted button.save,
.derivative-work-edit.is-deleted button.save {
  display: none;
}
.original-work-edit button.cancel,
.derivative-work-edit button.cancel {
  margin-top: 1em;
  float: left;
  background: #bdbdbd;
}
.original-work-edit select,
.derivative-work-edit select {
  height: 33px;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  padding: 3px;
  background-color: #f0f0f0;
}
.original-work-edit .section.original h4,
.derivative-work-edit .section.original h4 {
  color: #92a56c;
  font-weight: normal;
}
.original-work-edit .section.original .other-derivations,
.derivative-work-edit .section.original .other-derivations {
  list-style: none;
}
.original-work-edit .section.media select option,
.derivative-work-edit .section.media select option {
  text-transform: capitalize;
}
.original-work-edit .section.media .chzn-container-multi,
.derivative-work-edit .section.media .chzn-container-multi {
  width: auto;
}
.original-work-edit .section.contributions ul,
.derivative-work-edit .section.contributions ul {
  list-style: none;
}
.original-work-edit .section.contributions ul li,
.derivative-work-edit .section.contributions ul li {
  margin-top: 1em;
}
.original-work-edit .section.contributions .contributor-edit,
.derivative-work-edit .section.contributions .contributor-edit {
  display: inline-block;
}
.original-work-edit .section.contributions select,
.derivative-work-edit .section.contributions select {
  margin-left: 1em;
}
.original-work-edit .section.contributions input[type="text"],
.derivative-work-edit .section.contributions input[type="text"] {
  width: auto;
  margin-left: 1em;
}
.original-work-edit .section.contributions select,
.derivative-work-edit .section.contributions select {
  text-transform: lowercase;
  width: 100px;
}
.original-work-edit .section.contributions .contributor-edit select,
.derivative-work-edit .section.contributions .contributor-edit select {
  text-transform: none;
}
.original-work-edit .section.editions .year,
.derivative-work-edit .section.editions .year {
  display: inline-block;
  width: 75px;
}
.original-work-edit .section.editions .places,
.derivative-work-edit .section.editions .places {
  display: inline-block;
  width: 222px;
}
.original-work-edit .section.editions .places input,
.derivative-work-edit .section.editions .places input {
  width: 300px;
}
.original-work-edit .section.editions .intermediaryInstitutions,
.derivative-work-edit .section.editions .intermediaryInstitutions {
  display: inline-block;
  left: 310px;
  width: 120px;
  top: 0;
}
.original-work-edit .section.editions .intermediaryInstitutions input,
.derivative-work-edit .section.editions .intermediaryInstitutions input {
  width: 120px;
}
@media only screen and (min-width: 1190px) {
  .original-work-edit .section.editions .intermediaryInstitutions,
  .derivative-work-edit .section.editions .intermediaryInstitutions {
    width: 240px;
  }
  .original-work-edit .section.editions .intermediaryInstitutions input,
  .derivative-work-edit .section.editions .intermediaryInstitutions input {
    width: 200px;
  }
}
.original-work-edit .section.editions .labels .year,
.derivative-work-edit .section.editions .labels .year {
  width: 98px;
}
.original-work-edit .section.editions .labels .places,
.derivative-work-edit .section.editions .labels .places {
  width: 222px;
}
.original-work-edit .section.editions .labels .intermediaryInstitutions,
.derivative-work-edit .section.editions .labels .intermediaryInstitutions {
  width: 320px;
}
.original-work-edit .section.editions ul.editions-list li.edition,
.derivative-work-edit .section.editions ul.editions-list li.edition {
  margin-top: 5px;
  list-style: none;
}
.original-work-edit .section.editions ul.editions-list li.edition:first-child,
.derivative-work-edit .section.editions ul.editions-list li.edition:first-child {
  margin-top: 0;
}
.original-work-edit .section.editions ul.editions-list li.edition .row,
.derivative-work-edit .section.editions ul.editions-list li.edition .row {
  position: relative;
  display: inline-block;
}
.original-work-edit .section.editions button,
.derivative-work-edit .section.editions button {
  margin-top: 6px;
}
.original-work-edit label {
  display: block;
  margin: 10px auto;
}
.contributor-edit	.modal button.cancel {
  margin-left: 0;
}
.contributor-edit	.modal button.person-save {
  float: right;
}
.original-work-edit .saving,
.derivative-work-edit .saving {
  display: none;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(255,255,255,0.8);
}
.original-work-edit .saving .inner,
.derivative-work-edit .saving .inner {
  position: relative;
  top: 10px;
  background: rgba(255,255,255,0.6);
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.original-work-edit .saving .inner h2,
.derivative-work-edit .saving .inner h2 {
  color: #000;
  font-weight: bold;
  display: inline-block;
  line-height: 32px;
}
.original-work-edit .saving .inner img,
.derivative-work-edit .saving .inner img {
  vertical-align: middle;
  margin-right: 1em;
}