/*-- Date 12-04-2024 By Sarantis location ELiDOC --*/
@import url(../base/base.css);
@import url(material-icons.css);
@import url(style.css);
@import url(webopacAir.css);
@media (min-width:750px){
/* #wrapperinner>div:not(#header):not(#navigation):not(#footer){margin:0 calc(-175.89744px + 24.78632vw)} */
}
@media (min-width:1920px){
/* #wrapperinner>div:not(#header):not(#navigation):not(#footer){margin:0 auto;width:1320px} */
}
@media (min-width:750px){
/* #wrapperinner>div#footer,#wrapperinner>div#header,#wrapperinner>div#navigation{padding:0 calc(-175.89744px + 24.78632vw)} */
}
@media (min-width:1920px){
/* #wrapperinner>div#footer,#wrapperinner>div#header,#wrapperinner>div#navigation{padding:0 calc((100vw - 1320px)/ 2)} */
}
@media (max-width:500px){
/* body ul.mainnavigation>li{width:100%} */
}
@media only screen and (max-width:30rem){
/* body.oneColumn .SearchScreen.expert td>label+* select{width:100%} */
}
@media only screen and (max-width:750px){
/* body:not(.oneColumn) .SearchScreen.expert td>label+* select{width:100%} */
}
/* ul.mainnavigation > li:first-child:not(.logoff) > a > span, ul.mainnavigation > li:first-child.logoff ~ li:nth-child(2) > a > span { */
    /* padding: 0 1rem 0 1.5rem; */
/* } */
/* ul.mainnavigation > li:first-child:not(.logoff) > a > span:after, ul.mainnavigation > li:first-child.logoff ~ li:nth-child(2) > a > span:after { */
    /* content: "\e902"; */
    /* line-height: inherit; */
    /* left: 0; */
    /* color: #009fe3; */
    /* font-size: 20px; */
    /* font-weight: normal; */
/* } */
body.normal {
  font-size: 14px;
}
p {
  font-size: inherit;
  margin: 0 0 5px;
}
.normal .apptitle h2 {
  font-size: 16px;
}
#shelfMarks table caption, .mainOptions .iWantTo {
  color: #186c71;
  font-size: 16px;
}
#wrapperinner {
    flex-flow: column nowrap;
}
#wrapperinner > div#footer, #wrapperinner > div#header {
  background-color: #ccc;
}
#header {
  max-height: 300px;
}

#header-wrapper{
  display: flex;
  width: 100%;
  height: 100px;
  align-items: center;
  text-align: center;
}
.header-block {
  height: 100px;
  display: flex;
  align-items: center;
}
.header-left{
  width: 30%;
  order: 1;
  justify-content: left;
}
.header-center{
  width: 40%;
  order: 2;
  justify-content: center;
}
.header-right{
  width: 30%;
  order: 3;
  justify-content: right;
}
@media (max-width: 1000px) {
  #header-wrapper{
    flex-wrap:wrap;
    height: 200px;
  }
  .header-center {
    width: 100%;
    order: 3;
  }
  .header-left{
    width: 50%;
  }
  .header-right{
    width:50%;
    order:2;
  }
}
@media (max-width: 700px) {
  .header-left img {
	max-width: 370px;
  }
}
@media (max-width: 600px) {
  #header-wrapper{
    height: 300px;
  }
  .header-left {
    width: 100%;
	justify-content: center;
  }
  .header-right {
    width: 100%;
	justify-content: center;
  }
}

#library-logo_a {
  font-size: 0;
  border: none !important;
}
.searchbox {
  padding: 0 !important;
  margin: 0 auto;
  height: 45px !important;
  width: 100% !important;
  max-width: 450px;
  box-shadow: none;
  border-radius: 100em;
  border-style: solid;
  border-color: rgb(72 72 72);
}
.smallsearch div.searchbox > form, #header div.searchbox > form {
  border: none !important;
  box-shadow: none !important;
  max-width: 100%;
  width: auto !important;
}
#header div.searchbox div.searchterm {
  padding: 0 !important;
  margin: 0 !important;
}
#body #wrapper #header .searchterm > input, #body #wrapper .smallsearch .searchterm > input {
  color: grey;
  font-style: italic;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: none;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  height: 45px;
  font-weight: 500;
  left: 0;
  width: 100% !important;
}
#header div.searchbox .searchsubmit > input {
  background: url(/iguana/uploads/image/search.png) no-repeat !important;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 45px;
  width: auto;
  padding: 0;
  min-width: 74px;
  background-color: #f1f3f4 !important;
  background-position: 50% !important;
  font-size: 0;
}

.lang-switch span {
  display: flex;
  align-items: center;
}
.lang-switch span a {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 110%;
  border: none !important;
}
.lang-switch span a::before {
  content: '' !important;
}
.lang-switch span:lang(el)::before {
  content: '';
  background-color: transparent;
  width: 32px;
  height: 32px;
  display: inline-block;
  white-space: normal;
  background: url(/iguana/uploads/image/el_gr.png) no-repeat scroll left center;
}
.lang-switch span:lang(en)::before {
  content: '';
  background-color: transparent;
  width: 32px;
  height: 32px;
  display: inline-block;
  white-space: normal;
  background: url(/iguana/uploads/image/en_gb.png) no-repeat scroll left center;
}

.imghome {
  max-height: 40px;
  overflow: hidden;
}
.imghome::before {
  font-family: "Material Icons";
  content: "home";
  font-size: 36px;
  padding: 0 20px;
}
.imghome a {
  top: 0;
  position: absolute;
  padding: 0 20px;
}
.imghome a span {
  font-size: 0 !important;
}

ul.mainnavigation > li.hasmenu > a > span {
  background-position: 2px center;
}
.hasmenu > .link {
  cursor: default !important;
}
.hasmenu ul li a {
  margin: .75rem 0;
}
#navigation .link {
  border: none !important;
}
@media screen and (max-width: 500px) {
  body ul.mainnavigation ul {
    z-index: 1;
  }
}
ul.mainnavigation > li:hover, ul.mainnavigation > li:active {
  background-color: #E6E7E2;
  box-shadow: none;
}
ul.mainnavigation > li > ul > li {
  width: 100%;
}
ul.mainnavigation > li > ul > li > a {
  font-weight: normal;
}

#lightbox .close {
  background: url("/iguana/uploads/image/close_icon.png") no-repeat 0 0 !important;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer;
}
#lightbox .close span {
  width: 32px;
  height: 32px;
  display: inline-block;
}
#lightbox a {
  /* text-decoration: underline; */
  border-bottom: 1px solid #555;
}
#lightbox .inner .cover img {
  max-width: 120px;
}
#lightbox .inner .content {
  width: 230px !important;
}
#lightbox .inner .content .title {
  width: auto !important;
}
@media (max-width: 700px) {
  #lightbox {
	max-width: 380px;
  }
}

.intro-frontpage {
  padding: 10px 0;
}
/* .intro-frontpage::before { */
  /* font-family: "Material Icons Outlined"; */
  /* content: "info"; */
  /* font-size: 36px; */
  /* position: absolute; */
  /* top: 20px; */
  /* left: calc(50% - 17px); */
/* } */
.intro-frontpage-wrapper {
  text-align: center;
  padding: 10px 15px;
  position: relative;
}
/* .intro-frontpage-wrapper::before { */
  /* content: "\f129"; */
  /* font-family: FontAwesome; */
  /* position: absolute; */
  /* top: -20px; */
  /* left: calc(50% - 17px); */
  /* height: 35px; */
  /* width: 35px; */
  /* font-weight: bold; */
  /* border-radius: 50%; */
  /* font-size: 25px; */
  /* background-color: #f4eeeb; */
  /* color: #000; */
/* } */
/* .intro-frontpage-wrapper::before { */
  /* content: "\e905"; */
  /* font-family: WebopacAir !important; */
  /* speak: none; */
  /* position: absolute; */
  /* top: -20px; */
  /* left: calc(50% - 17px); */
  /* height: 35px; */
  /* width: 35px; */
  /* font-style: normal; */
  /* font-variant: normal; */
  /* text-transform: none; */
  /* font-weight: bold; */
  /* border-radius: 50%; */
  /* font-size: 25px; */
  /* background-color: #f4eeeb; */
  /* color: #000; */
/* } */
.intro-frontpage-inner {
  overflow: hidden;
}
.intro-frontpage-item {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  position: relative;
}
/* .row-intro-frontpage-item { */
  /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
  /* flex-wrap: wrap; */
  /* justify-content: center; */
/* } */
.row-intro-frontpage-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
@media (max-width: 700px) {
  .row-intro-frontpage-item {
    flex-direction: column;
  }
}
.row-intro-frontpage-item img {
  border: none;
  box-shadow: none;
  margin: 0 auto;
}
.intro-frontpage-call-action {
  padding: 20px 25px;
}
.button-custom-3-w-arrow {
  background-color: #1c629b;
  color: #fff !important;
  border-radius: 4px;
  padding: 16px;
  white-space: normal !important;
  word-wrap: break-word;
  font-weight: 600;
  font-size: 110%;
  text-align: center;
}
.button-custom-3-w-arrow::after {
  display: inline-block;
  padding-left: 8px;
  content: "\1F86A";
  transition: transform 0.3s ease-out;
}
.button-custom-3-w-arrow:hover, .button-custom-3-w-arrow:active {
  background-color: #666;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.button-custom-3-w-arrow:hover::after {
  transform: translateX(4px);
}


#wrapperinner>div#navigation {
    box-shadow: none;
}
/* #body #wrapper a:not(.nolink), #body button.link2.textLink:not(.nolink), a.link2:not(.button):not(.nolink) { */
    /* border-color: rgba(33, 151, 130, .5); */
/* } */
#additionalbefore ul.appLinks>li>a:hover span, #divBrowseOptions .option a:hover, #divInterests .add a:hover, #divInterests .generalInfo a.NeedHelp:hover span, #divListOptions .option a:hover, #divListOptions a:hover, #divListOptions ul a:hover, #divLists a:hover, #divRecordOptions .option a:hover, #divResultsOptions .option a:hover, #divResultsOptions ul a:hover, #divReviews .addReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #divReviews .editReviewLink a:hover, #divSearchResultsCMS .shortRecord a:hover, #divSearchScreen .more a:hover, #divSearchScreen .switchSearchAdvanced a:hover span, #divSearchScreen .switchSearchExpert a:hover span, #itemDetailsLink a:hover, #moreInfo a:hover, #optionsExpanded div.option a:hover, #sOptions .advancedLink a:hover span, #vote a:hover, .EditBorrowerData .helpLink a:hover span, .LinkRequest .linkEntry .buttons a:hover span, .RelatedWorks .briefMainTitle .link2.textLink, .RelatedWorks .briefMainTitle .link2.textLink span, .RichTextItem .additional a:hover span, .SearchBox #sBoxOptions .advancedLink a:hover span, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, .UserActivities .navigation a:hover, .addMoodLink a:hover, .browseNavOptions a:hover, .calendarLinkDiv div a:hover, .cancelAll a:hover, .cancelSelected a:hover, .deleteSelected a:hover, .dijitDialog a:hover, .divVlink .linkVlink a:hover span, .feedItemInner a:hover, .headerReviews, .helpLink a:focus, .helpLink a:hover, .itemCover .reserveItem a:hover span, .itemFull .reserveItem a:hover span, .itemText .reserveItem a:hover span, .modifyData a:hover, .newRequest a:hover, .otherSources .externalLink a:hover span, .recordDisplayElement .data .link2.textLink, .recordDisplayElement .data .link2.textLink span, .recordDisplayElement div.FullRequest a.linkTo:hover span, .recordDisplayElement div.FullUrl a.linkTo:hover span, .relAuthors .relAuthor a:hover span, .renewAll a:hover, .renewSelected a:hover, .searchFormSimple .switchSearchSimple a:hover span, .searchTree.textOnly a:hover, .selectAll a:hover, .selectPublic a:hover, .showItemDetails a:hover, .viewInfo a:hover, .zeroHits .altTerm a:hover, .zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, a.link2:hover, a.sortOK:hover>span, div.appcontent div.singleEvent a:hover {
    color: #008578 !important;
}
/* #body #wrapper a:not(.nolink):focus, #body #wrapper a:not(.nolink):hover, #body button.link2.textLink:not(.nolink):focus, #body button.link2.textLink:not(.nolink):hover, a.link2:not(.button):not(.nolink):focus, a.link2:not(.button):not(.nolink):hover { */
    /* color: #008578 !important; */
    /* border-color: #006259 !important; */
/* } */
.menuSearchIcon span {
    padding: 0 1rem 0 1.5rem !important;
}
.menuSearchIcon span:after {
    content: "\e902";
    left: 1px !important;
	color: #41b7a2 !important;
}
.applicationcontainer {
    border: none;
}
/* .applicationcontainer .apptitle { */
    /* border-color: #41b7a2 !important; */
/* } */
.applicationcontainer .apptitle h1, .applicationcontainer .apptitle h2 {
    color: #222;
}
#LoginDialog button, #body #wrapper .dijitButton button, #body #wrapper a.link2.button, #body #wrapper button.link2.button, #body a.sortOK, .RichTextItem .StyleButton, .RichTextItem .StyleButton:hover, .application.CurrentReservations .topInfo a, .application.RichTextItem .searchsubmit>input, .buttonLink span, .buttonLink span:hover, .dialogButtons button.dijitButtonNode, .dijitDialog button, .link2.button, .link2.button:hover, .topInfo a, .topInfo a:hover, button.link2 {
    /* background: #016259 !important; */
    box-shadow: none !important;
    /* outline-color: #016259 !important; */
}
/* #recordDisplay .urlicon span { DE THYMAME */
    /* background-image: url(images/right-arrow.png); */
    /* background-repeat: no-repeat; */
	/* background-size: 16px 13px; */
    /* padding-left: 16px; */
/* } */
#recordDisplay .urlicon a::before {
	font-family: WebopacAir !important;
	font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	speak: none;
    content: "\e903";
    font-size: .6rem;
    line-height: .9rem;
    color: #027be7;
}
.recordDisplayElement .image a {
    border-bottom: none !important;
}
.QRcode img {
    margin: auto;
    max-width: 80px;
}
#divSearchScreen .searchPostText {
  margin: 0.5rem 0 0 !important;
  text-align: center;
}
/* #divSearchScreen.simple .searchFormSimple > div.switch, #divSearchScreen.expert .searchForm > div.switch { */
  /* float: none; */
  /* padding: 10px 0; */
  /* display: flex; */
  /* justify-content: center; */
  /* margin: 8px auto 10px !important; */
  /* border-radius: 4px; */
  /* background-color: #f4f4f4; */
  /* border-color: transparent; */
  /* width: auto; */
/* } */
#divSearchScreen.simple .searchFormSimple > div.switch, #divSearchScreen.expert .searchForm > div.switch {
  float: none;
  padding: 10px 0;
  display: flex;
  justify-content: center;
}
.application .SearchScreen .switch > div {
  /* border-radius: 2px; */
  /* background-color: rgba(207, 232, 222, 0.5); */
  background-color: rgba(207, 220, 232, 0.5);
  padding: 8px 10px;
  border: 1px solid #ccc;
}
.application .SearchScreen .switch > div a {
  border-color: transparent !important;
}
.searchForm .more a::before, .switchSearchExpert a::before, .switchSearchSimple a::before {
  position: inherit !important;
}
.SearchResults .filterInfo {
	width: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.SearchResults .filterInfo #sourceInfo, .SearchResults .filterInfo #filterApplied {
  display: none;
}
#hdgAlertResults .searchKey {
  color: #009fe3;
  font-size: initial;
  font-style: italic;
}
#recordDisplay .recordTable tbody tr:first-child td {
  padding-top: 2px;
}
@media screen and (max-width: 1200px) {
  #recordDisplay .recordTable tbody tr:first-child td {
    white-space: break-spaces;
  }
}
#recordDisplay .FullMaterialType, .recordDisplayElement .FullMaterialType, {
    color: #009fe3;
}
.recordDisplayElement .briefMaterial {
    color: #009fe3;
	text-transform: uppercase;
	padding-bottom: 3px;
}
#shelfMarks {
  background-color: rgba(177, 201, 208, 0.1);
  padding: 0 10px;
  margin-top: 10px;
}
#shelfMarks table caption {
  border-bottom: 1px dotted #aaa;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.resultsLinks {
  margin: 0 auto 15px;
  text-align: center;
  border-radius: 4px;
  background-color: #f4f4f4;
  border-color: transparent;
}
.RecordFull span {
  line-height: 1.5;
}
#SearchHistory .textLink {
  border-bottom: none !important;
  color: #005d86 !important;
}
#SearchHistory .textLink::before {
  content: "»";
  padding-right: 5px;
}

/* .searchResults .frontcovers, .searchRecord .frontcovers, .searchReadingList .frontcovers { */
    /* display: none; */
/* } */
/* #column999 .applicationcontainer { */
  /* background-color: transparent; */
  /* box-shadow: none; */
/* } */
#column999 .applicationcontainer {
  background-color: transparent;
  box-shadow: none;
}
.searchStart #column999 .applicationcontainer {
  background-color: #fbfbfb;
  box-shadow: 0 1px 2px 1px rgba(51,51,51,.1);
}
.frontcovers {
  display: none;
}
.searchStart .frontcovers {
  display: block;
}

.serialsFilterTable tr {
  line-height: 2.5;
}
.serialsFilterTable select {
  padding: 3px 5px;
  margin-left: 5px;
}
.ItemDetails tr, .LoanHistory tr, .PaymentsDue tr, .RichTextItem .appcontent tr, .dj_ie .ItemDetails tr td, .dj_ie .ItemDetails tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th, .dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .RichTextItem .appcontent tr {
  border-bottom-color: #ccc;
}
#flextitle {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5px;
}
#flextitlecontent {
    margin: 0 auto;
    color: #016259;
    border-bottom: 1px solid #016259;
    display: inline-block;
}
#flexcovers {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.flexlink a {
    border: none !important;
}
.fleximg {
    width: 105px;
    height: 140px;
    border: none !important;
    border-radius: 4px;
    margin: 5px 10px !important;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.fleximg:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sarantis-footer li {
  padding: 5px 0;
  margin: 0;
}
.responsive {
  display: block;
  max-width: 100%;
  height: auto;
}


@media screen and (max-width: 750px) {
  body#body #content #columnwrapper div.column {
    width: 100%;
  }
}

/* @media screen and (max-width: 600px) { */
/* .searchRecord .ItemDetails { */
  /* display: none; */
/* } */
/* } */