/* Groningen WaaS theme */
@import url("../waas2/waas2.css");

.waas2 h2{
  font-family:Arial,sans-serif !important;
}
#widget_dojoUnique1 .apptitle h2,
#widget_dojoUnique198,
#widget_dojoUnique160{
  display:none !important;
} 
#lightbox {
  padding:8px;
  border-color:#EEEEEE;
}
#lightbox .inner .button.view a,
#lightbox .inner .button.reserve a{
  background-color:#FF7320;
  border-radius:3px;
  color:#FFFFFF;
  padding:3px 10px
}

.searchForm .button div.dijitReset:nth-child(2)  {
  display:none
}
.recordDisplayElement.vertical div.data.popup .group > .title {
  display:flex;
}
.recordDisplayElement.vertical div.data.popup .group > .title span{ 
  margin-left:4px;
}
#dojoUnique156 {
  display:none;
}
ul.itemCover > li.listItem, ul.itemCover > li {
  margin:20px;
}
#dojoUnique3_more {
  margin-top:10px;
}
.link2.bnl,
#divSearchScreen .switchSearchExpert a {
  color:#FF7320 !important;
  padding-left:0 !important;
}
#lightbox .close {
  background: url(images/Icons.png) no-repeat -60px bottom !important;
}
#lightbox {
  padding:10px;
}
#lightbox .inner .button.view,
#lightbox .inner .button.reserve {
  float:left;
  margin-right:10px;
}

.groningenwaas.waas2 #navigation > ul > li.collectie > a{
  background-image:none;
}
.recordDisplayElement.vertical.notools > .data {
  margin-left:0 !important;
}
ul.itemFull {
  display:flex;
  flex-direction:column;
}
.sort .dropdown-container {
  height:70px !important;
}
.recordDisplayElement > div > .bottom {
  clear:unset !important;
}
.CurrentLoans .items > span.title, .ILL .items > span.title, .LoanHistory .items > span.title, .CurrentReservations .items > span.title {
  padding-top:24px;
}
.CurrentLoans .topInfo, .CurrentLoans .renewOptions, .CurrentReservations .topInfo {
	display:none;
}
.Availability.summary.available > span, .Availability.summary.notavailable > span {
 display:none;
}
.Availability.summary.onorder > span{
  background: unset !important;
    border: 1px solid #FF7320;
  color:#FF7320;
    padding: 3px;
    width: auto;
    display: initial;
}

#anchor_ResultsOptions {
  display:none;
}
#divSearchScreen.expert h3 {
  height:unset;
}
.appcontent {
  padding: 0 20px;
}
.LinkedAccounts {
 margin-bottom:40px;
}
#ChangePassword{
    display: flex;
    flex-direction: column;
}
.restrictionList li {
  display: flex;
  flex-direction:row;
  align-items:center;
}
fieldset.group .text .data, fieldset.group .radio .data, fieldset.group .select .data{
  margin: 10px 0 !important;
}
#ChangePassword #dijit_form_Button_1_label,
.EditBorrowerData #dijit_form_Button_1_label {
  display:block;
}
.navigationPrevious {
  display:none !important;
}
#restrYear1,,
#restrYear2{
  margin-bottom:10px;
}
.restrictionList li input{
  margin-top:0 !important;
}
.generalInfo{
  display:none;
}
.collapseExpand > div.wrapper {
  border:none;
}
.illprint,.illemail {
  display:none;
}
.restrictionYear {
  display:flex;
  flex-direction:row;
}
.restrictionYear label {
margin: 0 10px;

}
.recordDisplayElement.noimage .data{
  margin-bottom :20px;
}
.ILLForm .illInputFields > .label {
  border:none;
  background-color:unset;
  padding: 0 0 10px 0;
}
a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks > li > a, #divInterests .generalInfo a.NeedHelp, .RichTextItem .additional a, .recordDisplayElement div.FullRequest a.linkTo, .recordDisplayElement div.FullUrl a.linkTo, .otherSources .externalLink a, .divVlink .linkVlink a, #sOptions .advancedLink a, .SearchBox #sBoxOptions .advancedLink a, .itemFull .reserveItem a, .itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, #itemDetailsLink a, .showItemDetails a, .LinkRequest .linkEntry .buttons a, .viewInfo a, #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divBrowseOptions .option a, #divListOptions .option a, #divRecordOptions .option a, .browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, .UserActivities .navigation a, #divResultsOptions ul a, #divResultsOptions .option a, .feedItemInner, .calendarLinkDiv div a, div.appcontent div.singleEvent, .appLink a, .dijitDialog .guestRegister a, .dijitDialog .forgotPassword a, .addMoodLink a {
  background:none !important;
}
#dijit_form_Button_1_label {
  display:none;
}
.ILLForm .illInputFields > .label span:empty,
.ILLForm .illInputFields > .label span br{
  display:none;
}
.ILLForm .illInputFields > .input > div input {
  margin-top:0 !important;
}
.ILLForm .illInputFields .input.field.sel {
  display:flex;
  flex-direction:column;
}
.ILLForm .illInputFields .input.field.chk {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ILLForm .illInputFields > .input > div,
.ILLForm .illInputFields > .input > label{
  flex:unset;
}
.bnlDbHelp {
  border: 1px solid #FF7320;
  padding:10px;
  background-color:#FFF8F3;
}
#itemSummaryInfo .label {
  font-weight:bold;
}
#dojoUnique3_switchList ul:not(:empty)  {
  border:1px solid #000000;
  padding:10px;
}
#dojoUnique3_switchList ul li a,
#dojoUnique3_switchList ul li a:hover {
  color:#FF7320 !important;
  margin-left:-10px;
}
#column1 {
   width:25% !important;
}
#column2 {
  width:75% !important;
  float:right;
}
fieldset.group .select .data{
  display:flex;
  flex-direction:row;
}
fieldset.group .select .data .dropdown-container {
  margin:0 10px 0 0 ;
}
body .EditBorrowerData {
  margin-bottom:40px;
}
.UserActivities .navigation a,
.modifyData a, .newRequest a {
  margin-left:0 !important;
  padding-left:0 !important;
	background-image: none !important;
}
body {
  background:unset;
}
.dijitDialogUnderlay {
  width: calc(100vw - 17px) !important;
    height: 100vh !important;
}
span.queryElement {
  min-width:3px;
}
select {
  min-height:46px
}
.rowKey {
width:100%;
}
.resultsActive {
  margin-left:-10px;
}
.rowKey .dijitTextBox {
  width:95%;
}
#LinkedAccountsDiv .remove a {
 visibility:visible;
}
#divSearchScreen.expert div.button div {
  float:right;
}
.dijitButton > button > div > center {
  margin-right:0;
}
.River .ui .pause, .River .ui .left, .River .ui .right {
 background:transparent !important;
}
.River .ui .pause a, .River .ui .left a, .River .ui .right a {
 color:#FF7320 !important;
}
.River .title .loading {
  display:none;
}
.dijitTitlePane .appFunctions div.dijitClosed, .dijitTitlePane .dijitTitlePaneTitle:hover .appFunctions, .dijitTitlePane .dijitTitlePaneTitle:hover .appFunctions div, body.useractivities .dijitTitlePane .appFunctions, body.useractivities .dijitTitlePane .appFunctions div, body.search .dijitTitlePane .appFunctions, body.search .dijitTitlePane .appFunctions div {
  display:none;
}
.recordDisplayElement{
  margin-bottom:0;
  padding-bottom:0;
}
.mainOptions{
    margin-left: 140px;
}
#footer>div{
  padding:0;
  margin-top:-55px;
}
body #content {
 background-color:#FFFFFF;
  margin:0;
  margin-top:-20px;
  min-height:calc(100vh - 473px);
  padding-bottom:65px;
}

#additionalContainer, .dijitDialog {
  box-shadow:none;
  border-radius:16px;
  border: 2px solid #efefef;
}
.dijitDialogTitleBar {
  padding:10px;
  border-bottom: 2px solid #efefef;
}
.dijitDialogCloseIcon {
  background: #ffffff url(images/Icons.png) no-repeat -60px top;
}

#collapseExpandLA.collapsed,
#collapseExpandPD.collapsed {
	background : 				url(images/Icons.png) no-repeat -20px top;
	float:						right;
	height:						20px;
	width:						20px;
}
#collapseExpandLA.expanded,
#collapseExpandPD.expanded {
	background : 				url(images/Icons.png) no-repeat -40px top;
	float:						right;
	height:						20px;
	width:						20px;
}
#collapseExpandLA.collapsed:hover,
#collapseExpandPD.collapsed:hover {
	background : 				url(images/Icons.png) no-repeat -20px bottom;
}
#collapseExpandLA.expanded:hover,
#collapseExpandPD.expanded:hover {
	background : 				url(images/Icons.png) no-repeat -40px bottom;
}
#LinkedAccountsDiv .remove a {
    background: url(images/Icons.png) no-repeat -60px top;
}

#LinkedAccountsDiv .remove a:hover {
      background: url(images/Icons.png) no-repeat -60px bottom;
}

.LoginDialog .rightDiv {
  border-left: none !important;
}
.dijitDialogCloseIcon {
  margin:10px;
}
#servicetop li:last-child a{
    width: 130px;
    position: absolute;
    height: 50px;
    background: url(images/wordlid_sprite.png) transparent;
    border-left: none;
    top: 44px;
    right: -12px;
}
.dijitDialogUnderlay {
    background: #fefefe none repeat scroll 0 0;
    opacity: 0.75;
}
#servicetop li:last-child a,
#servicetop li:last-child a:hover{
  color:transparent;
}
#servicetop li:last-child a:hover {
    background-position: 0 60px;
}

.searchKey {
  font-weight:normal;
}
#wrapper {
  width: Calc(100% - 100px);
  min-width:850px;
}
.dijitTextBox {
  border:1px solid #dddddd !important;
  min-height:36px;
}
.columns.nav{
  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
}
#divRecordOptions .option a,
#divRecordOptions .option a:hover {
   background: unset !important;
   background-color: #FF7320 !important;
   color: #FFFFFF !important;
   width: 100%;
   display: block;
   padding: 8px;
   font-weight: bold !important;
   text-align: center;
  margin-bottom:10px;
}
fieldset.group,
fieldset.group > legend{
  background:unset !important;
  border:none !important;
  box-shadow: unset !important;
  border-radius: unset !important;
}
div#divRelatedWorks ul > li {
  margin-bottom:15px;
}
.mainOptions .option *{
  color:#FFFFFF !important;
      text-transform: capitalize;
}
.mainOptions .option a {
    background: none !important;
    background-color: #FF7320 !important;
    border-radius: 6px;
    padding: 4px 10px !important;
    font-size: 14.9496px !important;
    color:#FFFFFF !important;
  font-weight:normal;
      text-transform: capitalize;
}
.dijitButton, .application,
.dijitButton *{
  background: unset !important;
  box-shadow:none;
}
.recordDisplayElement.notools > .data,
.recordDisplayElement.smallimage > .data {
margin-left:150px !important;
}
.recordDisplayElement.smallimage > .image img {
  width:120px !important;
}
#divRelatedWorks .image img {
  width:75px !important;
}
.RelatedWorks .recordDisplayElement.smallimage > .data {
  margin-left:90px !important;
}
#footerinner {
    height: 60px;
}
.dijitTitlePane .dijitTitlePaneTitle {
  min-height:unset;
}
#content_dojoUnique1 {
  padding: 0 20px;
}
.listItem .queryElement, .recordDisplayElement .queryElement, .RecordFull .queryElement {
  background:transparent !important;
}
.resultsLinks {
  margin:10px 0 !important;
}
#divResultsOptions ul a,
#divSearchScreen .switchSearchExpert a{  
  background:unset !important;
  padding-left:0 !important;
}
div.dispIcons div.dispFull a span {
	background : 					url(sprite.png) no-repeat 0 -350px;
}
div.dispIcons div.dispCover a span {
	background : 					url(sprite.png) no-repeat -30px -350px;
}
div.dispIcons div.dispText a span {
	background : 					url(sprite.png) no-repeat -60px -350px;
}
div.dispIcons div.dispFull a:hover > span {
	background : 					url(sprite.png) no-repeat 0 -380px;
}
div.dispIcons div.dispCover a:hover > span {
	background : 					url(sprite.png) no-repeat -30px -380px;
}
div.dispIcons div.dispText a:hover > span {
	background : 					url(sprite.png) no-repeat -60px -380px;
}

.LinkRequest .name, #divRestrictions .restriction, #divSearchAssociations .association, #UserDataSummaryDiv tr td.label, #LinkedAccountsDiv .name {
  background:unset !important;
  padding-left:0;
  margin-left:10px;
}
button.link2 > span, .link2.button > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span {
margin-left:2px !important;
  margin-right:20px !important;
}
.Restrictions .restrictionHeader {
  font-style:normal !important;
  font-family:Arial,sans-serif !important;
}

.optShowSel,
.rppSelect,
.Results .selectAll, 
.ReadingList .selectAll,
.recordDisplayElement .tools,
.navigationNext,
.recordDisplayElement > div .left,
.iWantTo,
#divItemDetails tbody tr td:first-child,
#divItemDetails thead th:first-child,
#divItemDetails tbody tr td:nth-child(4),
#divItemDetails thead th:nth-child(4),
#divItemDetails tbody tr td:nth-child(5),
#divItemDetails thead th:nth-child(5),
.mainOptions .optionSep,
.optFull,
.Availability.available,
#anchor_RecordOptions,
#widget_dojoUnique34 .apptitle .ttl,
#recordDisplay .recordTable tbody:first-child,
#anchor_RecordFull,
li.Welcome, 
#showSearchScreen{
  display:none !important;
}
.ItemDetails th,
.ItemDetails td,
.ItemDetails tr {
  border-left:none !important;
  background:transparent !important;
  border-bottom:1px solid #DDDDDD;
}
.ItemDetails tr th
{
	font-weight: normal;
}
.recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img {
  border:3px solid #FFFFFF;
}
button.link2, .link2.button, .buttonLink span, .dijitButton > button > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a * {
  height:auto !important;
}
.groningenwaas #footer .footer {
	background-color: #39373a;
}
.collapseExpand > button {
  width:100%;
}
#divSearchScreen.expert .searchRows table td+td>* {
  width:90%;
}
.collapseExpand > button:before {
display:none;
}
.restrictionRow button span,
#divSearchScreen.expert .restrictionRow.doubletextbox span{
    width: 100%;
    display: block;
    text-align: left;
  padding-left:8px;
}
#divSearchScreen.expert .searchForm > div + div + div {
  margin-left: 0;
  width:100%;
}
#divSearchScreen.expert .restrictionRow  {
  border:1px solid #ff7300;
  padding-top:8px;
}
.collapseExpand > button:after {
    color: #f47921;
      content:"";
    display: inline-block;
    font-family: "Iguana" !important;
    font-size: 0.6rem;
    margin-bottom: 0.25em;
    margin-left: 97%;
    margin-right: 0.5rem;
    margin-top:-14px;
    margin-bottom:12px;
    vertical-align: middle;
  background-image:url(images/orange_arrow.png);
  height:16px;
  width:16px;
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: "TheMix",Arial,sans-serif;
}
body, div, form, textarea, p, td, input, div, th {
  font-size:14.9496px;
  font-family:Arial,sans-serif;
}
input {
  margin-top:10px !important;
  background:unset !important;
  background-color:#ffffff !important;
  border: 1px solid #dddddd !important;
  padding: 4px 10px !important;
  height: 25px !important;
  border-radius:3px;
}
select {
  margin-top:10px !important;
  background:unset !important;
  background-color:#ffffff !important;
  border: 1px solid #dddddd !important;
  padding: 4px 10px !important;
  height: 35px !important;
  border-radius:3px;
  min-width:90px;
}
.resultsLinks {
 border:none;
}
button.link2 > span, .link2.button > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span,
.link2.button:hover > span, .buttonLink span:hover > a, .dijitButton > button:hover > div > center, .RichTextItem .StyleButton:hover > span, .topInfo a:hover > span {
     background: none !important;
    background-color: #FF7320 !important;
    border-radius: 6px;
    padding: 4px 10px !important;
  font-size:14.9496px !important;
}
button.link2, .link2.button, .buttonLink span, .dijitButton > button > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a *,
.link2.button:hover, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover, .topInfo a:hover { 
  background:none !important;
  font-size:14.9496px;
  margin-top: 10px !important;
}
.dijitInputField INPUT, .dijitTextBox, .dijitSpinner {
 padding:4px 10px;
}
.waas2 #servicebottom li a {
    color: #39373a !important;
}
#servicetop {
    font-family: Arial,sans-serif !important;
}
#footer h2 {
    font-size: 1.1667em;
}
.plectrum::after {
    position: absolute;
    content: "";
    display: block;
    width: 139px;
    height: 126px;
    z-index: -1;
    right: -50px;
    bottom: -64px;
    background: url(https://catalogus.bibliothekengroningen.nl/iguana/css/themes/bnl/images/bg-plectrum.png) no-repeat bottom right transparent;
}
#footer .payoff {
  margin: 0;
    width: 100%;
    display: block;
    margin-top: 64px;
    padding: 10px 0;
  margin-top:0px !important;
  
}
/* 20221221 eh */
.groningenwaas .applicationcontainer {
	border: none;
}
/* 20240312.eh.an */
.LoanHistory .recordDisplayElement .tools {
	float: left !Important;
	width: 25px !Important;
	display: block !important;
}

.LoanHistory .recordDisplayElement.notools > .data,
.LoanHistory .recordDisplayElement.smallimage > .data {
margin-left:175px !important;
}
.LoanHistory .recordDisplayElement .tools input{
	margin-top:0;
}
.LoanHistory .generalInfo{
  display:block;
}