/* CSS per biblioteca - CC by-nc-sa 3.0*/

/*
acqua: 00BA69; 009856
acqua hover: 009856
acqua disabled: 70d8ab
green: 4CAF50
green hover: 409643
*/

body { background-color: #F0F0F0; font-family: 'Roboto', sans-serif; font-size: 12pt; color: #111111; padding: 0px; margin:-1px; margin-right:0px; min-height:100%;}

/* Forum|Muli|Open+Sans+Condensed:300|Special+Elite|Titillium+Web */

/* MAIN DIV  background: url('img/manybooks.jpg') no-repeat center center; background-size: 1300px 800px; */
div#All { position:relative; border: none; padding: 0px; width: 100%; margin:-1px; min-height:100vh; transition: all 0.5s ease-in-out;}
div#Content { background-color: #F0F0F0; padding: 0px; min-height: 100vh;}
div#Content_submenu { padding:8% 7% 0 7%;}

@media screen and (max-width: 600px) { 
  div#Content_submenu { padding:100px 5px 0 5px;}
}

/* TITLES */
h1, h2, h3, div.h3 span.title, h4, h5, h6, h7 {font-family: 'Oswald', sans-serif; }
h1, h2 {text-align: left; font-variant: small-caps; font-size:250%; padding: 20px 0 0 0; text-indent:0px; margin: 0 0 0px 0;}
h2 {color: #00BA69; border-top:20px solid #00BA69; padding: 0 0 0 0; margin: 20px 0 20px 0;}
h3, div.h3 {background-color: #333333; padding: 5px; position: relative; width:calc(100%+32px); margin: -19px -18px 20px -18px; box-shadow: 0px -1px 1px #333333; overflow:auto;}
h3, div.h3 span.title {font-weight: bolder; text-transform:uppercase; color: #FF8B00; font-size: 120%; padding-left:10px;}
h4 {font-family: 'Kreon', 'Oswald', 'IM Fell English SC', serif; color: #FFF; text-align: center; font-weight: lighter;  font-size:280%; margin: 0px 0 20px 0;}
h5 {text-align: center; font-variant: small-caps; font-size:220%; font-weight: bold;  margin: 0 0 0 0;}
h6 {color: #019253; font-size: 110%; font-weight:bolder;	text-indent:2px; text-transform:uppercase; margin: 0 0 0 0;}
h7 {background-color: #019253; color: #FFFFFF; font-size: 120%; margin-bottom: 0px; padding: 5px; text-indent:5px; position:relative;text-transform:uppercase;}
div.h3 .right-h3-btn {margin: 2px 3px 0 0; float:right;}

code {font-family: monospace; font-size: 70%; font-weight:normal; background-color: #ddd; font-weight:bold; padding:2px;;}

.relative {position:relative;}
.absolute {position:absolute;}
.cursor_pointer, .pointer {cursor:pointer;}
.arrow_down{ border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.green_text {color: #00BA69;}
.box {padding: 20px;}
.gray_box {background-color:#eee; border: 1px solid #ccc; padding: 20px;}
.black_box {background-color:#333; border: 1px solid #333; padding: 20px;}
.nowrap {white-space:nowrap;}
.anchor{display: block; height: 90px; margin-top: -90px; visibility: hidden;}
progress {color: #00ff00;	margin-top:10px; font-size: .6em; line-height: 1.5em; text-indent: .5em; height: 3em; border: 0px solid #ccc; background: #333;}
progress::-moz-progress-bar { background: #00BA69; box-shadow: 0px 0px 1px #fff;}
.margtop0 {margin-top:0 !important;}
.margtop {margin-top:5px;}
.icon-link {cursor:pointer; opacity:0.8;}
.icon-link:hover {opacity:1;}
.hint {font-size:80%; color: #666;text-align: center; width: 100%;}

.monospace {font-family: monospace; font-size:80%;letter-spacing: -0.5px;}
.right {float:right;}
.left {float:left;}
.table-block {display:table-cell; vertical-align:top;}
.table-row {display:table-row;}
.table-box {display:table;}

@media screen and (max-width: 600px) { 
  .table-block, .resp100 {display:block; width:100% !important;}
  .table-box {display:block;}
  .table-row {display:block;}
  h3, div.h3 {margin: -5px -6px 15px -6px;}
  h1 {margin-top: 70px}
  
  
}

/* INPUT + BUTTON INDEX */
.Searchbar:focus {background-color:#fff !important;}
.Searchbar {border: 1px solid #ccc !important; border-right:0 !important; padding: 7px 14px 9px; transition: 0.4s; width:80%; line-height: 24px;}
.Search_Button {float: left;  min-width:60px; padding: 11px 0px 12px; background: #00BA69; font-size: 17px; border: 1px solid #00BA69; border-left: none; color: #FFFFFF; cursor:pointer;}
.Search_Button:hover {background-color:#009856; border: 1px solid #009856; border-left: none;}
.SearchDiv_col {width: calc(100% - 60px); position: relative; float:left;}

.Searchbar ~ .focus-border:after {content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background-color: #00BA69; transition: 0.4s;}
.Searchbar:focus ~ .focus-border:after {left: 0; width: 100%; transition: 0.4s;}
.Searchbar_small {border: 1px solid #ccc; padding: 0px 14px 1px; font-size: 90%; transition: 0.4s;}

form.searchbar_i::after {content: ""; clear: both; display: table;}

/* LINK */
a.strumenti {font-size: 100%; margin: 0px; text-decoration: none; color: #019253; font-weight:bold; padding:3px;}
a.strumenti:hover {background-color: #b1ffb4;}
a.tools {font-size: 90%; margin: 0px; text-decoration: none; color: #666; padding:3px;}
a.tools:hover {background-color: #F0F0F0;}
a.tools.white {color: #F0F0F0;}
a.tools.white:hover {background-color: #F0F0F0; color: #333;}
.aNodec, .aNodec:visited {text-decoration:none; cursor:pointer;}
.nolink, .nolink:visited {text-decoration:none; color: #333333; cursor:pointer;}
.link-underscore, .link-underscore:visited {text-decoration:none; color:inherit; cursor:pointer;}
.link-underscore:hover {text-decoration:underline;}

/* INPUT */
.white {color: #fff;}
input[type=text], input[type=password] {font-family: "Roboto", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; border:1px solid #A9A9A9;}
input[type=text]:focus, input[type=file]:focus, input[type=file]:active, input[type=url]:focus, input[type=url]:active, input[type=password]:focus, input[type=password]:active {background-color: #deffc6;}
textarea {font-size:80%; width: 100%; padding:7px 14px 9px; border: 1px solid #999;}
textarea:focus { background-color:#deffc6;}

input[type=text].big {line-height:24px; padding-left: 10px;}
input[type=text].medium {line-height:24px; padding-left: 10px;}
input[type=text].small {line-height: 1.8; padding-left: 10px;}
input[type=text].tiny {line-height: 1.3; padding-left: 10px;}

input[type=checkbox] {cursor:pointer;}




/* BTN */
.btn {font-family: 'Kreon', sans-serif; text-decoration:none; background: #00BA69; margin-top: 10px; border: 1px solid hsl(154, 44%, 36%); color: #FFFFFF; text-transform:uppercase; font-weight: bold; padding: 10px;  margin-left:3px;}
.btn:disabled {background-color: #85DB88; border: 1px solid #70d8ab; color: #F6F6F6;}
.btn:hover:not([disabled]) {background:#009856; cursor:pointer;}
.btn_small {font-size: 80%; padding: 4px; margin:0px 0px 0px 0px;}
.btn_medium_long {padding: 7px; margin:0px 0px 0px 0px;}

.btn_black {border-color: #fff; background-color: #181818;}
  .btn_black:hover:not([disabled]) {background-color: #282828;}
.btn_border {border-color: #000; background-color: Transparent; color: #000;}
  .btn_border:hover:not([disabled]) {background-color:rgba(0%, 0%, 0%, 0.2);}
.btn_transparent {border-color: #fff; background-color: Transparent;}
  .btn_transparent:hover:not([disabled]) {background-color: rgba(100%, 100%, 100%, 0.2);}
.btn_white {background-color:#FFF; !important; border:1px solid #181818; color: #181818;}
  .btn_white:hover:not([disabled]) {background-color:#F0F0F0; !important;}
.btn_red, .btn_red:active {background-color:#DE6666; !important; border:1px solid #DE6666;}
  .btn_red:hover:not([disabled]) {background-color:#BF1C1C; !important;}

/* required */
input[required] + label {position:absolute; font-size: 1em; left:5px; top: 2px;}
input[required] + label:after {position:absolute; content:'*'; color: red; left: -2px;}
input[required]:invalid + label {display: inline-block;}  /* show the placeholder when input has no content (no content = invalid) */
input[required]:valid + label {display: none;} /* hide the placeholder when input has some text typed in */


/* CHECKBOX */
.CheckContainer {display: block; position: relative; margin: 5px 0px 5px 0px; cursor: pointer;	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.CheckContainer input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; top: -5px; left: 0; height: 20px; width: 20px; background-color: #eee; border: 1px solid #9F9F9F;}
.CheckContainer:hover input ~ .checkmark {background-color: #ccc;}
.CheckContainer input:checked ~ .checkmark {background-color: #009C58;}
.checkmark:after {content: ""; position: absolute; display: none;}
.CheckContainer input:checked ~ .checkmark:after {display: block;}
.CheckContainer .checkmark:after {left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.MassEditTab .CheckContainer {padding:5px 5px 15px 35px;}
.MassEditTab .Input_small {padding: 7px 5px 6px 5px;}

/* RADIO */
.RadioContainer {display: block; position: relative;padding: 7px 0px 0px 35px; margin: 15px 0px 5px 10px;  
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.RadioContainer input {position: absolute; opacity: 0; cursor: pointer;}
.radiomark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; border: 1px solid #9F9F9F;}
.RadioContainer:hover input ~ .radiomark {background-color: #ccc;}
.RadioContainer input:checked ~ .radiomark {background-color: #009C58;}
.radiomark:after {content: ""; position: absolute; display: none;}
.RadioContainer input:checked ~ .radiomark:after {display: block;}
.RadioContainer .radiomark:after {top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white;}

/* SWITCH */
.switch {position: relative; display: inline-block; width: 55px; height: 30px;}
.switch input {display:none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #eee; border: 1px solid #9F9F9F; -webkit-transition: .3s; transition: .3s;}
.slider:before { position: absolute; content:''; height: 24px; width: 24px;  left:2px; bottom: 2px; background-color: #8bc9ae; -webkit-transition: .3s; transition: .3s;}
.slider:hover:before {filter: brightness(80%);}
input:checked + .slider:before {background-color: #009C58;}
input:checked + .slider {}
input:focus + .slider {box-shadow: 0 0 1px #009C58;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

/* SLIM switch */
.switch_slim {position: relative; display: inline-block; width: 40px; height: 19px;}
.switch_slim input {display:none;}
.slider_slim { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #eee; border: 1px solid #9F9F9F; -webkit-transition: .3s; transition: .3s;}
.slider_slim:before { position: absolute; content:''; height: 15px; width: 15px;  left:2px; bottom: 1px; background-color: #8bc9ae; -webkit-transition: .3s; transition: .3s;}
.slider_slim:hover:before {filter: brightness(80%);}
input:checked + .slider_slim:before {background-color: #009C58;}
input:checked + .slider_slim {}
input:focus + .slider_slim {box-shadow: 0 0 1px #009C58;}
input:checked + .slider_slim:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}

/* SELECT */
select {border: 1px solid #a9a9a9; font-size:80%; }
.styled-select {margin:0px; overflow: hidden; width: auto; padding: 5px 24px 5px 3px; border-radius:0px; background: url(img/icons/selectarrow4.png) no-repeat calc(100% - 3px) center #FFFFFF; -webkit-appearance: none; -moz-appearance: none;}
.styled-select:not([disabled]):hover {background-position-y: 1%; transition: 0.3s ease;}

.creator-select {font-family: 'Roboto', sans-serif; cursor:pointer; font-size:100%; background: transparent; overflow: visible; -webkit-appearance: none; -moz-appearance: none; border: none; padding: 0; color: #666; text-indent: 6px; background: url('img/arrdown.png') no-repeat -1px 4px; background-size: auto; background-size: 8px; margin: 0 0 0 -17px; }
.creator-select:hover, .creator-select:active, .creator-select:focus {box-shadow:0 1px 0 #ccc;}
.creator-select-container:before {position:absolute; font-size:7pt; left: -14px; top: 1px; content:"";}

/* TAB BAR */
._tab-bar-button-3 {width:33.3%; width: calc(100% / 3)}

.tab-bar-parent {background: #333; overflow: auto; font-size: 80%; margin: 0; box-shadow: 0px -2px 1px #333333; width:100%;}

.tab-bar {margin:0 10px -5px 0; width:auto; float:right; background-color:transparent; border-bottom: 0px solid #ccc;}
.tab-bar.small {margin:0 10px 5px 0;} 
.tab-bar-button {padding:0 15px 15px 15px; font-weight: bold; text-transform: uppercase; font-family: 'Oswald', sans-serif; border:0px; 
  font-size: 90%; background-color:#333; color: #fff; display:inline-block; box-shadow: inset 0px -0px 0px #ccc; margin: 0px 0 -5px 0; width:auto;}
.tab-bar-button.small {padding-bottom: 5px;}
.tab-bar-button .tablinkTop {visibility:hidden; margin-bottom: 5px;}
.tab-bar-button:hover {cursor:pointer;}
.tab-bar-button::-moz-focus-inner, .tab-bar-button[type="button"]::-moz-focus-inner, .tab-bar-button[type="reset"]::-moz-focus-inner, .tab-bar-button[type="submit"]::-moz-focus-inner 
{border-style: none; padding: 0px; }
.selectab {background-color: #fff; color: #333 !important;}
.selectab .tablinkTop{visibility:visible; width:calc(100% + 30px); margin: 0px 0 0 -15px; height:10px; background-color: #00BA69;}

.wselectab.leftshadow {box-shadow: -3px 4px 0px #ccc;}
.wleftshadow:not(.selectab) {box-shadow: inset 3px -2px 0px #ccc;}
.wselectab.rightshadow {box-shadow: -0px -0px 0px #ccc;}
.tab {margin-top: 30px;}
.tab.small {margin-top: 0px;}
.tab.small > db {margin-top: 0px;}

@media screen and (max-width: 600px) { 
  .tab-bar-button_ {width:100%;}
  .tab-bar {margin: 0; float:none; display:block;}
}


/* ALERTS */
p.Done { background: url(img/icons/ok.png) no-repeat 9px 15px #a3f0a2; border: 0px solid #a3f0a2; padding: 15px 15px 15px 35px;  color: #007d4f;}
p.Warning { background: url(img/icons/important.png) no-repeat 9px 15px #f2caca; border: 0px solid #f2caca; padding: 15px 15px 15px 35px; color: #430808;}
p.Done, p.Warning { transition: all .3s ease-out; transform-origin: top; transform: translate(0, -10px); font-weight:bold; font-size: 85%;}
p.Warning.soft {background-color: #e7e38f;}
.saved-notification {display:block; position:fixed; font-weight:bolder; text-transform:uppercase; bottom:-100px; right:20px; 
  border-radius: 5px; overflow:hidden; transition: all .3s ease-out; box-shadow: 0 -2px 10px #999; z-index:9999; opacity: 0.85;}
.saved-notification p {background-color: #00BA69; border:none; margin:0; color:#fff !important;}
.loading-gif { background: url(img/spinner2.gif) no-repeat center center; background-size: 50px; width:100%; height:50px; }

/* PARAGRAPHS */
p.moreinfo {margin:5px 0px 5px 0px; font-size: 80%; color:#666666;}
p.Instructions {color:#666666; text-align: justify;}
span.right {float:right; font-size:80%;}
span.bottom {position:absolute; bottom:10px; font-size:80%; color:#666666; width:100%; margin: 20px 0px 0px 0px;}


/* LOOKUP */
div#Lookupbg {position:absolute; top:60px; left:0; width: 86%; height:100vh; margin:0;padding:2% 7% 2% 7%; background: url('img/studio2.jpg') no-repeat top left; background-size: cover;}
div#cont_Lookup {position:relative; width:100%; height:70vh; padding: 20px 5px 0 30px; margin:0 0 0 -20px; background-color:rgba(0%,0%,0%,0.85);}

div#Lookup_div_1 {position: absolute; top: 50%; transform: translateY(-50%); width:50%; vertical-align: center;}
div#Lookup_div_2 {position: absolute; top: 50%; right:0;transform: translateY(-50%); width:45%; vertical-align: center;}


._lookup-results-innerdiv {max-height:500px; overflow-y:scroll;}



@media screen and (max-width: 600px) { 
    div#Lookupbg {position:absolute; top:60px; left:0; width: 94%; height:100vh; margin:0;padding:0 5px 0 5px; background: url('img/studio2.jpg') no-repeat top left; background-size: cover;}
    div#cont_Lookup {position:relative; width:100%; height:auto; padding: 10px 5px 0 30px; margin:0 0 0 -20px; background-color:rgba(0%,0%,0%,0.85);}
    div#cont_Lookup h1 {font-size:150%;}
    div#Lookup_div_1 {position:relative; width:100%;  margin: 0;}
    div#Lookup_div_2 {position:relative; width:100%; margin-top: 40px; font-size:60%;}
}


.fifty-hund {width:50%;}
@media screen and (max-width: 600px) {
  .fifty-hund {width:100%;}
}


/* HOME */
div#SearchBoxIndex_cont {position:relative; padding: 5% 5% 10% 5%; width: 55%; margin: 100px auto; background-color:rgba(0%,0%,0%,0.7); z-index:1;}
div#indexbg_logged {position:absolute; top:60px; left:0; margin:0;  width: 86%; height:80%; padding:2% 7% 2% 7%; background: url('img/trinity2.jpg') no-repeat top center; background-size:cover; !important;}
div#SB_width_index {width:60%; margin: 0 auto;}

div#indexbg {position:absolute; top:77px; left:0; margin:0;  width: 86%; height:100vh; padding:2% 7% 2% 7%; background: url('img/bgind.png') no-repeat top left;
  background-size:cover; position: sticky; position: -webkit-sticky; z-index:0;}

.All_index {}
div#cont_home {position: relative; height: 80%; width:80%; margin: 100px auto; opacity: 1; overflow:visible;}
.index_blackbox {position:relative; font-family: 'Lora', serif; background-color:rgba(0%,0%, 0%,0.9);  color: #F1F1F1; font-weight:normal; font-size:100%;
	line-height:1.2; letter-spacing:0.1; padding: 20px 20px 40px calc(20% + 10px);  }
.index_blackbox h1 {font-family: 'Lora', serif; margin: 0 0 20px 0;}
.index_blackbox p {text-align:justify; line-height:1.7; position:relative;}
.index_blackbox img {position:absolute; top: 0px; left:-20%; opacity: 0.2; width:15%;}
.index_blackbox span#signature {float:right;}
.index_blackbox a {text-decoration:none;}

.intro-tab {display:table; border-collapse: collapse;}
.intro-tab-row {display:table-row;  border-bottom: 1px solid #bbb;}
.intro-tab-cell.one{width:20%;display:table-cell; color:00BA69; font-family: 'Kreon'; vertical-align:middle; text-align:center;}
.intro-tab-cell.two {display:table-cell; text-align:justify; color:#666; vertical-align:middle; padding:20px 0 20px 10px;}

div#index_pres_div_1, #index_pres_div_2, #index_pres_div_3 {position:sticky; position: -webkit-sticky; width:100%; height:120vh; background-color:#F0F0F0;}
div#index_pres_div_1 {top: 150px; margin:100px 0 0 0;}
div#index_pres_div_1 h1 {text-align:left; font-size:150%;}
div#index_pres_div_2 {top:40px; overflow: visible; border-top: 15px solid #00BA69; padding: 30px 0 0 0;}
div#index_pres_div_3 {top:40px; overflow: visible; border-top: 15px solid #00BA69; padding: 30px 0 0 0;}
div#index_pres_div_3 form {text-align:center;}
div#index_pres_div_3 input { overflow: visible; padding:15px; width:300px; font-size:120%; margin:20px auto;}
 

  .index_pres_table  {width:100%; box-sizing:border-box; margin: 40px 0 0 0; font-family: 'Kreon';}
  .index_pres_table div {vertical-align: top; text-align:center; box-sizing:border-box; padding:10px 0 0 0; width:33%; color:#555; text-transform:uppercase; font-size:125%; font-weight:bold;}
  .index_pres_table div div {text-align:justify; display:block; padding:20px 0 0 0px; width:60%; margin: 0 auto; color:#555; text-transform:initial;
    font-size:70%; font-weight:initial;}
  .index_pres_table img {width:35%; margin: 0 0 20px 0;}
  img#arrowdown {width:60px; margin: 0 auto; display: block;}
  img#arrowdown:hover {opacity:0.8;}
  img#arrowdown ~ div {text-align:center;}
  img#arrowdown {-webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
  @-webkit-keyframes mover {0% { transform: translateY(0); } 100% { transform: translateY(10px); }  }
  @keyframes mover {0% { transform: translateY(0); } 100% { transform: translateY(10px); } }

/* New home */
.box.index {padding:40px 40px 40px 100px; text-align: justify; font-family: 'Kreon', serif;}
.home2 .text1 {min-height:100vh; padding:120px 0px 50px 0px;}
.home2 .text2 .black_box {padding:40px 100px 40px 40px; font-family: 'Kreon', serif;}
.home2 .img1 {min-height:400px; text-align:center; padding:120px 0px 50px 0px;}
.home2 .img2 img {width:90%}
.home2.all2 {padding-top:100px; background: url('img/studiob.png') no-repeat top left; background-size: auto; background-size: cover; padding-bottom: 50px;}

/* HOME RESPONSIVE */
@media screen and (max-width: 600px) {
  div#indexbg {width:100%; padding: 1px 0% 1px 0%; }
  div#cont_home {width: 100%; margin:75px auto 0 auto; height:auto;}
  .index_blackbox p {font-size:80%;}
  .index_blackbox h1 {margin: -10px 0 10px 0;}
  div#SB_width_index {width:100%;}
  
  div#SearchBoxIndex_cont {width:100%; box-sizing: border-box; padding: 5% 5px 10% 5px;}
  .cont_submenu_index {padding:0;}
  
  #adres.index {position:relative;}
  
  div#index_pres_div_1, div#index_pres_div_2, div#index_pres_div_3 {position:relative; height:auto; padding:1px 0 90px 0;}
  div#index_pres_div_1 h1 {margin:0;}
  div#index_pres_div_1 {margin:0;}
  .index_pres_table div {width:100% !important;}
  .index_pres_table div .desc {width:70% !important;}
  
  /* New home */
  .box.index {padding:0 20px;}
  .home2 .text1 {padding:120px 0 10px 0;}
  .home2 .text2 .black_box {padding:30px 20px;}
  .home2 .img1 {padding:0px 20px;}
  .home2 .img2 img {width:100%}
  .home2.all2 {padding:80px 0 0 0; }
  
  
  div#NOindexbg_logged {padding:0;}
}



/* DIV_ELEMENTS */
.Div_Elements {border: 1px solid #999999; background-color: #FFFFFF; margin: 0 0px 20px 0px; padding: 15px; overflow-x:visible; box-shadow: 0px 0px 5px #181818;}
.Div_Elements table tr {vertical-align: middle;}
.Div_Elements_2 {margin-top:-10px;}
.noDiv_Elements {width:100%; margin-top:0px;}

@media screen and (max-width: 600px) {
  .Div_Elements {margin-top:80px; padding:5px;}
  .noDiv_Elements {margin-top:80px;}
}

/* LEGAL */
.legal-div {font-family:monospace; font-size:70%; width: 500px; text-align:justify;}
@media screen and (max-width: 600px) { 
  .legal-div {padding:10px; box-sizing:border-box; margin-top:70px;}
}


/* ABOUT */
.about_wrapper {padding: 15px 0 40px 0;}
.about1, .about2, .about3, .about4, .about5 {position:relative; font-size:120%; text-align:justify;  margin: 35px 0 10px 0;}
.about1 p, .about2 p, .about3 p, .about4 p, .about5 p {font-family: 'Lora', serif; padding: 0 10% 0 10%; color:#555;}
.about1 img {position:absolute; right:20%; top:0; width:20%;}
.about2 img#ab2_img1 {position:absolute; left:28%; top:30%; width:10%;}
.about2 img#ab2_img2 {position:absolute; left:10%; bottom:20%; width:25%; opacity:0.3;}
.about3 img {position:absolute; right:8%; top:5%; width:40%;}
.about4 img {position:absolute; left:10%; bottom:5%; width:30%; opacity:0.9; border: 1px solid #666;}
.about5 img {position:absolute; right:10%; bottom:0%; width:35%; opacity:0.6;}
.a_left {padding: 0 55% 0 7%;}
.a_left p { padding: 0 0% 0 20%;}
.a_left img {animation-name: an_from_right; animation-duration: 1s;}
.a_right img {animation-name: an_from_left; animation-duration: 1s;}
.a_right {padding: 0 10% 0 55%;}
.a_right p {padding: 0 20% 0 0%;}
.a_right h2 {text-align:right; }

@keyframes an_from_right {  0%   {right:-50%; top:-20%;} }
@keyframes an_from_left  {  0%   {left:-50%; top:-20%;}  }

@media screen and (max-width: 600px) {
  .a_left, .a_right {padding: 0;}
  .about1 img, .about2 img, .about3 img, .about4 img, .about5 img {display:none;}
}

#about-2 {width:100%; margin:0 auto; border-collapse:collapse; box-sizing:border-box;}
#about-2 div div {vertical-align:middle; padding:10px 0; box-sizing:border-box;}
#about-2 .table-row {border-bottom: 1px solid #bbb; box-sizing:border-box;}
#about-2 div div:first-child {width:130px !important;}
#about-2 div div:nth-child(2) {padding:10px 10px 10px 20px; font-weight:bolder; text-transform:uppercase;}
#about-2 div div:nth-child(3) {text-align: justify; font-size:90%; color: #666; padding:5px; }
#about-2 div img {width:100%;}
#about-2 .desc {}


/* IMPORT */
.proposed-csv {border: 1px solid #ddd; font-size:85%; border-collapse:collapse;}
.proposed-csv tr td {background: #fff; border: 1px solid #ccc; padding:5px;text-overflow: ellipsis; white-space: nowrap; max-width: 10em; overflow: hidden;}

.proposed-csv tr:nth-child(even) td {background: #ddd;}
.proposed-csv tr td:first-child {color: #aeaeae; background:#333; border:none;}

.proposed-csv.smart tr td:first-child {color: initial; background:initial;}
.proposed-csv.smart tr td {color: initial; background:initial;}
.proposed-csv.smart tr td:nth-child(even) {background: #ddd;}
.proposed-csv.smart tr:first-child td {color: #aeaeae; background:#333; text-align:center; padding:0px}

.import-select {width:4em;}

.import-options {position:absolute; right: 0; bottom: 40px; line-height: 1.7em; text-align:right;}
@media screen and (max-width: 600px) {
  .import-options {position:relative; bottom:2px; left:0; text-align:left;}
}

/* CONTACT US */
.contact-form form table td:first-child { text-align:right; color: #666; font-size:80%; vertical-align:top; padding-top:8px}
.contact-form form table {width:100%;}
.contact-form form input[type=text], .contact-form form textarea  {width:60% !important; font-size:80% !important;}

/* NEW */
.inputnew-div {position: relative; display:inline-block; width:100%; padding:2px; box-sizing:border-box;}
.InputNew {padding: 7px 14px 9px; width:100%;}
.addbook-topbutton {position: -webkit-sticky; position: sticky; top: calc(100vh - 3em); z-index: 999;}
#AdLendOpDiv {box-sizing: border-box; margin: 0 0 0 3px; padding: 10px; font-size: 90%; width:calc(100% - 5px);}

#new-scanner-div {float:right; text-align: center;}

.revert {position:absolute; right:3px; bottom:25%;}
.revert i {cursor:pointer; float:right; font-size:130%; color:#009856 }
.revert i:hover {opacity:0.7; color:#009856}

.canceldate {position:absolute; right:5px; bottom:28%;}
.canceldate i {cursor:pointer; float:right; font-weight:lighter; color:#777; opacity:0.6;}
.canceldate i:hover {opacity:1; color:#333}
.canceldate.stats i {color: #ddd !important;}
.canceldate.stats i:hover {opacity:1; color: #fff;}

.fieldDescriber, .label_user {font-weight:bold; font-size: 80%; text-transform: uppercase; color:#666;}
.fieldDescriber {text-align: right;}
.fieldDescriber2 {text-align: left; padding: 5px; font-size:80%; color: #666; }
.inputmod-span {display: inline-block;}
.inputmod-div {padding:2px;}

.dropdownZone {width:100%; border-radius: 10px; padding: 5px; border: 5px dashed #ccc;
  position:relative; overflow:hidden; box-sizing: border-box;}
.dropdownZone.hover, .dropdownZone:hover {color: #292929; background:#f0f0f0; cursor:pointer;}
.dropdownZone:hover .label, .dropdownZone.hover .label {color: #292929; }
.dropdownZone .text {color: #666; text-align:center; font-weight:bold; margin: 10px;  overflow:hidden; word-wrap:break-word}
.dropdownZone .label {color: #bbb; cursor:pointer; line-height:1.3em; }
.dropdownZone .label::after {display:block; content:'+'; line-height:1em;  font-size: 30pt; font-weight:bold; cursor:pointer;}
.dropdownZone .file {display:none; margin: 10px auto; font-size: 110%; text-align:center; font-weight:bold; color: #292929;}
.dropdownZone .file.pdf::after {display:block; font-family: 'FontAwesome'; content:'\f1c1'; margin: 10px auto; font-size: 40pt;font-weight:lighter; color: #666;}
.dropdownZone .file.odt::after {display:block; font-family: 'FontAwesome'; content:'\f1c2'; margin: 10px auto; font-size: 40pt;font-weight:lighter; color: #666;}
.dropdownZone .file.pub::after {display:block; font-family: 'FontAwesome'; content:'\f0f6'; margin: 10px auto; font-size: 40pt;font-weight:lighter; color: #666;}
  .options {display:none; position: absolute; bottom:5px; left:10px; box-sizing: border-box; padding: 5px 10px; background: #fff;
    width: calc(100% - 20px); text-align:right; color: #666; border-top: 1px solid #ddd; cursor: initial;}
  .options  span {margin: 5px 0 0 0; float:left; font-size:80%;}
  .options i {margin: 0 5px 0 0; cursor: pointer; font-size: 120%;}

@media screen and (max-width: 600px) {
  .addNew-leftwrapper {display:block; width: 100%;}
  .addNew-rightwrapper {display:block; width: 100%;}
  .addNewParentDiv {display:block; width:100%;}
  .addNewParentDiv.first, .addNewChildDiv.second {display:block; width:100%;}
  .addNewChildDiv.third {display:block; width:100%; height:auto;}
  .addNewParentDiv_notes {width:100%;}
  #new-scanner-div {padding: 0 0 10px 0; border-bottom: 1px solid #ffffff; margin: 0 0 10px 0;}
  
}

/* BOOKS */
.btn-plus-author {position:absolute; padding: 4px; line-height: 1.4em; right: 0; width: 17px; border: none}

.file-bar {width:calc(100% + 30px); height:100px; background:#ddd; position:relative; margin: 0 0 0 -15px; box-sizing: border-box;}
.file-bar-visible {width:calc(100% - 0px); box-sizing: border-box; height:100px;
  background:#ddd; position:absolute; left:0%; overflow:hidden; white-space:nowrap; padding:10px; box-shadow: inset 0 0 5px #bbb;}
#file-slider {position:absolute; left:40px; width:auto;}
#file-slider .table {display:table; border-collapse:separate; border-spacing:5px 0;}
.file-box {position: relative; max-width:200px; min-width: 200px; border: 1px solid #bbb; white-space:normal; float:none;
  margin:0 5px; padding: 5px 5px 0 5px; box-shadow: 0 0 5px #333; height:80px; overflow:hidden; display:table-cell;}
.file-box.pdf:before, .file-box.odt:before, .file-box.pub:before {font-family: 'FontAwesome'; font-size:400%; color: #333; position: absolute; top: 7px; z-index:3; background: #ddd;}
.file-box.pdf:before {content:'\f1c1';}
.file-box.odt:before {content:'\f1c2';}
.file-box.pub:before {content:'\f0f6';}
.file-box .file-box-text {display:block; vertical-align:top; text-align: left; margin: 0 0 0 65px; color: #333; word-break: break-all; line-height:1em; height:3em;}
.file-box .file-box-text .current_file {font-size:80%;}
.file-box .file-box-text .file_icon {position: absolute; bottom:0; right:0; background: #ddd; width:100%; box-shadow: -5px 0 15px #ddd; text-align:right; padding:3px;}
.file-box .file-box-text .file_icon i, .file-box .text .file_icon a {font-size:110%; color:#666 !important;}
.file-box .file-box-text .file_icon i:hover {color:#000 !important; cursor:pointer;}

#rightArrow, #leftArrow {position:absolute; top:20%;  height:80px; color: #333; font-size:400%; cursor:pointer; text-shadow: 0 0 5px #ddd; z-index:10; opacity:0.3;}
#leftArrow {left:5px;}
#rightArrow {right:5px;}
#rightArrow:hover, #leftArrow:hover { color: #666; cursor:pointer; cursor:pointer; text-shadow: 0 0 10px #fff; opacity:1;}

#uploadpdf {position:relative; display:block; width:calc(100% + 30px); margin: 0 0 -15px -15px; background-color: #333333; color: #ccc; padding: 0 0 15px 0; box-shadow: 0px -1px 4px #181818; overflow: auto;align-content;}

.dropdownZone.books {padding:5px 5px 25px 5px; min-height: 150px; border-color: #999}
.dropdownZone.books.hover, .dropdownZone.books:hover {color: #292929; background:#494949; cursor:pointer; border-color: #fff;}
.dropdownZone.books:hover .label,.dropdownZone.books.hover .label {color: #fff; }
.dropdownZone.books ..text {margin:5px;}
.dropdownZone.books .label {display:block; margin-top:10px; color: #999;}
.dropdownZone.books .file {color: #fff; margin-top:0px;}
.dropdownZone.books .file::after {content:'';}
.dropdownZone.books .file::before {display:inline-block; font-family: 'FontAwesome'; content:'\f1c1'; margin: 0 10px 0 0; font-size: 20pt;font-weight:lighter; color: #fff;}
.dropdownZone.books .options {background: #333; color: #f0f0f0;}

.Searchdiv_col.books {width: 40%;}
.Searchdiv_col.new {width: 60%;}
.mybooks-right {float:right; margin: -50px 5px 10px 0; text-align:right;}
.ResultsFoundFor, .NumBooksCat {text-align:right; display:block; margin: -5px 0px 0px 0 !important; text-transform: uppercase;}

#adres {position:relative; display:block; max-height:0px; overflow:hidden; margin: 30px 0 0 0; width: calc(30% + 35px);
  font-size:75%; opacity:0.7; transition: 0.6s ease; padding: 0 0 0 35px; box-sizing: border-box;}
#adres label {white-space:nowrap;}
#adres.index {margin:60px 0 0 0; width:80%; position:absolute; color: #ddd; padding:0;}
#adres_btn.index {position:absolute; margin:25px 0 0 -90px; font-size:70%; cursor:pointer;}
#adres_btn {position:absolute; margin:25px 0 0 -90px; font-size:70%; cursor:pointer;}
#adres_btn:hover {background: #333; color: #f0f0f0;}

#check-tools {position:absolute; cursor:pointer; font-size:150%; left: 0px; display:block; width:1em; height:2em; border-right:1px solid #bbb; margin-right:10px; padding: 4px;}
#check-tools i:hover {color: #000 !important;}
#check-tools.index {position:relative; cursor:pointer; font-size:150%; text-align:center; display:block; width:100%; border:none;}
#check-tools.index i {color: #fff !important; margin:15px 0 0 0;}
#check-tools.index a {opacity: 0.7;}
#check-tools.index a:hover {background: inherit !important; opacity:1;}

.searchbar_i label:hover {cursor:pointer; white-space:nowrap;}


#fileframe {width:100%; height:100%; resize: both; border:0; border-left: 1px solid #666; border-right: 1px solid #666; overflow: auto;}
#noteframe {width:100%; height:100%; border:0; overflow: auto;}
#epub-topbar {width:100%; background-color: #292929; padding:1px 4px 2px 4px; overflow:hidden; display:block; white-space:nowrap; position: fixed; top: 0; z-index: 200;}
#epub-topbar .arrow {color: #bbb; cursor: pointer;margin-right:5px}
#epub-topbar .arrow:hover {color: #fff;}
#epub-topbar .fontsize-tool {color: #bbb; font-size: 100%; font-weight:bolder; cursor: pointer; margin-right:5px}
#epub-topbar .fontsize-tool:hover {color: #fff;}
#epub-topbar select {display:inline-block; width: auto; max-width: 50%;}
#epub-topbar .epub-topbar-cmd {text-align:right; display:inline-block; margin: 0 0 0 15px;}
#epub-topbar div #prev {float:none;}
#epub-topbar div #next {float:none;}

@media screen and (max-width: 600px) {
  .Searchdiv_col.new {width: calc(100% - 60px);}
  .file-bar {width: calc(100% + 10px); margin: 0 0 0 -5px;}
  #uploadpdf {width: calc(100% + 10px); margin: 0 0 0 -5px;}
  
  .dropdownZone {float: none; width:100%; max-width:100%; height:auto;}
  .SearchDiv_col.books {width:calc(100% - 60px) !important;}
  .mybooks-right {float:right; margin: 0px 5px 10px 0; }
  #adres {width:100%; margin: 45px 0 0 0; }
  #adres.index {position:relative;}
}

/* TESTO */
.Book_Data {border-collapse: collapse; font-size: 90%; padding: 0 20px 0 0;}
.Book_Data {width:calc(100% - 20px); border: 1px solid #ccc;}
.Book_Data td:first-child {text-align:left; width: 25%; background-color: #eee; padding: 5px;}
.Book_Data td:nth-child(2), .noteSpecialDiv_out {padding: 3px 15px 3px 15px; background-color: #fff; margin-bottom: 5px; border-bottom: 1px solid #ccc; font-family: Calibri, Roboto, Lato, Times New Roman, Arial, sans-serif;}
.Book_Data td:nth-child(2) {height:2em;}
.noteSpecialDiv_out {max-height:400px; overflow-y: auto; border:1px solid rgb(187, 187, 187); background-color:rgb(187, 187, 187); padding: 5px 30px;}
.noteSpecialDiv {font-size:10pt; margin-top: 10px; padding: 20px 20px 20px 20px; background-color:#fff; box-shadow: 0 0 5px #333;}
.noteSpecialDiv table {font-size: 10pt;}
.noteSpecialDiv blockquote {border-left: 5px solid #d5d5d5; margin-left: 0; padding-left: 20px; opacity: 0.8; }
/* .noteSpecialDiv p {margin: 0;} */

/* EDIT MODE */
.EditMode { width:100%; padding: 0 15px 0 0;}
.EditMode td:nth-child(2) { vertical-align: top;}
.EditMode td:first-child {text-align:right;}
.EditMode tr { vertical-align: middle;}
.EditMode {border-collapse: separate; border-spacing: 5px; font-size: 90%;}
.inputfile, .fileUrl {transition: 0.1s ease-out;}
.inputfile {padding: 7px; width:80%; background: #fff; color: #181818; margin: 0;}
.btnUp {position:absolute; overflow:hidden; display:none;width:35px; padding:5px 0 0 10px; height:29px; background: #00BA69; cursor:pointer;}
.fileUrl {padding: 10px; font: 12px 'Roboto'; width:10%; border: none; background: #fff; color: #181818; margin: 0 0 0 5px;}
.fileUrl.unselected, .inputfile.unselected {background: #00BA69; cursor: pointer;}
.fileUrl.unselected::placeholder, .inputfile.unselected::placeholder {font-weight:bolder; color: #fff; opacity:1;}
.editBookParentDiv, .seeBookParentDiv {display:table; width:100%;}
.editBookChildDiv.first, .seeBookChildDiv.first {display:table-cell; width:40%;  height:100%; vertical-align: top;}
.editBookChildDiv.second, .seeBookChildDiv.second {display: table-cell; width:60%;  height:100%; vertical-align: top;}
.editBookChildDiv.second {padding-top: 5px;}
.InputMod {padding: 1px 10px 1px; width:100%;}

div#countcharDiv {font-family:monospace; letter-spacing:-0.1em; font-size:70%; color: #666; text-align:right;}

@media screen and (max-width: 600px) {
  .Book_Data {width:100%;}
  .editBookParentDiv, .seeBookParentDiv {display:block; width:100%;}
  .editBookChildDiv.first, .seeBookChildDiv.first {display:block; width:100%;}
  .editBookChildDiv.second, .seeBookChildDiv.second {display: block; width:100%;}
   #upload_anchor_link, #workmode_button {font-size:50%;}
}

/* WORKMODE */
a#flip-img-link {text-align:center; position:absolute; cursor:pointer; bottom: 5px; left: calc(50% - 2.5vw); width: 5vw; font-size: 180%; color: #666;}
a#flip-img-link:hover {color: #ccc;}
div#invert-img-container {float:right;  margin: 5px; background-color:#F0F0F0 !important; width:23px; border: 1px solid #F0F0F0;}
div#invert-img-container img:hover {opacity: 0.8;}


/* MASS EDIT */   
input.Input_small {width: 13em; padding: 0px 5px 0 5px;}
input.Input_small_short {width: 3em; vertical-align:middle; margin: 0px 5px 0px 5px;}
.MassEditTab {padding:20px 5px 0px 5px; font-size: 90%; vertical-align: middle; border: 1px solid #ccc;}
.MassEditTab td {padding:5px 5px 5px 0px;}
.MassEditTab input:disabled, .MassEditTab select:disabled {background-color: #d8d8d8;}
.MassEditTab tr td:first-child {padding-top:0px;} /* fix checkbox margin-top */
.MassEditInputTab {width:100%; padding: 0 20px 0 0;}
.MassEditInputTab tr {font-size:80%;}
.MassEditInputTab input {width:100%;}
.MassEditInputTab tr:nth-child(even) {min-width:140px}

/* USER */
.userParentDiv {width:100%; font-size:80%; display:table;}
.userChildDiv {display:table-cell; width:50%;}
.userChildDiv.second {padding: 0px 0px 0px 20px; vertical-align:top;}

.pref_fs legend {font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:bold; font-size:150%; color:#444; margin: 0 auto;}
.pref_fs {margin: 0 0 20px 0; border: 1px solid #bbb; padding:0 10px 0 10px;}
.Preferences {border-collapse: separate; border-spacing: 5px; font-size: 100%; width:100%;}
.Preferences tr {vertical-align:middle;}
.Preferences input[type=text] {padding: 1px 5px 1px 10px; margin: 0px 0px 0px 0px;}
.Preferences span.label_user {display:inline-block;}
.Preferences select, .Preferences input[type=text], .Preferences input[type=password] {width:50%; font-size:8pt; display:inline-block;}
.Preferences td:nth-child(1) {text-align:right; white-space:nowrap; padding-right:10px;}
.Preferences td:nth-child(2) {width:200px; }

.pref-div-input div {margin: 3px 0 0 0; padding: 0 5px 0 0;}
.pref-div-input div:nth-child(odd) {text-align:right;}
.pref-div-input .label_user {margin-top:5px;}

.expop {margin:10px; border:1px solid #ddd; padding:10px;}

@media screen and (max-width: 600px) {
  .pref-div-input div:nth-child(odd) {text-align:initial;}
}

.Showfield label {margin: 10px 0 7px 0; padding:1px;vertical-align:middle; }
.Showfield td {padding: 0px;}
.Showfield {border-collapse: separate; border-spacing: 0px;}
.Showfield .label_user  { top:-6px; left:35px;}
.exp-choices {display:inline-block; width:300px; margin: 0 0 0 40px;}

#Pref label {position:relative; cursor:pointer;}
#Pref input[type=checkbox] {position:absolute; top:0;}
#Pref .label_user {display:inline-block; padding-left:30px; position:initial; margin: 3px 0 0 10px; color:#666;}
#Pref span.desc {display:block;margin-left:40px; color: #bbb; cursor:pointer;}

.ProfPref .label_user {position:initial;color:#666;}
.generalPref {display:block; margin: 5px 0 0 10px;}

.pref_fs .stats-titlebar {margin: 0 0 15px -10px; width:calc(100% + 20px)}
.pref-save-btn {margin:20px 0px -14px -10px; width: calc(100% + 20px); border: none;}

span.label_user {position:relative; left:10px; overflow: visible; width:auto; display:inline-block;font-size:80%;}

.booktableParentDiv {width:100%;}
.booktableParentDiv input[type=text] {margin: 7px 0 -3px 0; font-size:80%;}
.booktableParentDiv input[type=checkbox] {cursor:pointer;}
.CheckContainer {padding:0px;}
.label_user {left:15px; top:-3px; cursor:pointer;}
.label_user.disabled {opacity:0.7;}
.labelfor {font-size:80%;}

@media screen and (max-width: 600px) {
  .Preferences td:nth-child(1) {width: 100%;}
  .Preferences td:nth-child(2) {width:40px;}
  
  .exp-choices {display:block;}
  
  .userParentDiv {width:100%; display:block;}
  .userChildDiv {width:100%; display:block;}
  .userChildDiv.second {padding:0;}
  .booktableParentDiv {display:block;}
  .booktableChildDiv {display:block; width:100%;}
}


/* LISTS */
.Green_square {position:relative; height:100%; width:auto; background: radial-gradient(#00BA69 30%, #209424 70%, #327235 99%); padding: 50px 10px 70px 10px; text-align:center; font-size: 90%; color: #FFFFFF;
	margin: 10px 10px 10px 10px; box-shadow: 0px 0px 1px #00BA69; font-weight: bold; cursor:pointer;}
.Green_square:hover {background-color: #009856;}
.List_Choice {width:100%; height:10%; margin: 20px 0 20px 0; display:table; border-collapse: separate; border-spacing: 20px;}
.List_Choice div {display:table-cell; width: 25%; vertical-align: top; height: 100px; margin: 10px;}
.aCheckall {margin: 0 0 0 0; padding: 4px 4px 5px 4px;}
.aCheckall a, .aCheckall a:visited {color: #333; text-decoration:none; cursor:pointer; padding: 0 0 30px 0;}
.citbg {background: url('img/quot.png') no-repeat top right #FFFFFF; background-size: 20%;}


/* VALID MAIL */
.msg_user, .msg, .msg2 {display: none;}
.error_user, .error_mail, .error_pass,
.success_user, .success_mail, .success_pass
{position:absolute;  font-size:100%;}
.error_user::after, .error_mail::after, .error_pass::after {color: red; content: "✗"; font-family: 'FontAwesome'; content: "\f00d";}
.success_user::after, .success_mail::after, .success_pass::after {color: green; content: "✓"; font-family: 'FontAwesome'; content: "\f00c";}
.success_icon {font-size:150%; color: green; content: "✓"; font-family: 'FontAwesome'; content: "\f00c";}
.mini {font-size:150%;}


/* DB */
.db { background-color: #FFFFFF; border:none; font-size: 80%; padding: 10px 10px 10px 0px; width: 100%; margin: 15px 0px 25px 0px; text-align:left; border-collapse:collapse;  box-shadow: 0px 0px 5px #181818;}
.db a:hover { text-decoration: none; }
.db thead { font-size: 90%; font-variant: small-caps; text-transform:uppercase; font-weight: bold; padding: 0px; color: #333333; }
.db thead tr {border: none; background-color: #333333; height:4em;}
.db thead, .db thead a { color: #f9f9f9; text-decoration:none; cursor:pointer;}
.db thead a:hover { color: #ffffff;}
.db thead a:visited {color: #f9f9f9;}
.db thead td:nth-child(1) {padding-left:10px;}
.db tbody tr { background-color: #FFFFFF; border-bottom: 1px solid #ddd; cursor:pointer;}
.db tbody tr:hover, .db tbody tr:hover table tr, .db tbody tr:hover img:not(.nohover) { background-color: #E5E5E5;}
.db .nohover:hover { background-color: #FFF; cursor:auto;}
.db tbody td:nth-child(1) {padding-left:10px;}
.db tbody img {background-color:#fff; box-shadow: 0 0 3px 2px #ccc;}
.db td { padding: 12px; vertical-align:middle; position:relative;}
.db input.Button { margin:4px 4px 3px 3px; vertical-align: middle;}

.db.lookup tbody tr {cursor:initial;}

@media screen and (max-width: 600px) {
	/* lista -> box */
	.db:not(.lookup) thead tr {border:0; padding:0; margin:0;}
	.db:not(.lookup) thead {display:none;padding:0; margin:0;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) {display: block; background:#333; color:#fff !important;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) a.nolink {color:#fff !important;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) ~ td.db_class_img {display: none;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) ~ td.db_class_aut {display: block; font-weight:bold; padding:10px 0 0 8px;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) ~ td.db_class_tit {display: block; margin:0; padding: 0 7px; padding-top: 5px;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) ~ td.db_class_year {display: block; margin:0; padding:0 7px; opacity:0.6}
	.db:not(.lookup) tbody tr td:nth-of-type(1) ~ td.db_class_not {display: block; margin:10px 10px 0 10px; padding:5px 15px; background: #ddd; font-size: 80%;}
	.db:not(.lookup) tbody tr td:nth-of-type(1) ~ td {display: inline-block;}
	.db:not(.lookup) tbody tr td:last-of-type {display: block; width:95%; height: 0.5em;}
}

#PdfAll {box-shadow: 0 -20px 500px #333; z-index:99; position:relative; border: none; padding: 0px; width: 100%; margin:0; height: calc(100vh - 1px); display:none;}

/* STATS */
.statstab, .statstab2 {border-collapse: collapse; font-size: 90%;}
.statstab thead, .statstab2 thead {border:1px solid #333; border-bottom:2px solid #333;}
.statstab tr:nth-child(even), .statstab2 tr:nth-child(even) {background-color: #F0F0F0;}
.statstab td, .statstab2 td, .statstab th, .statstab2 th { padding:10px}
.statstab tbody, .statstab2 tbody {border:1px solid #ccc; border-top:none;}
.statstab tbody td:not(:first-child), .statstab2 tbody td:not(:first-child) {border-left: 1px solid #ccc;}

.statstab:not(.lentbooks) td:nth-child(1), .statstab2:not(.lentbooks) td:nth-child(1) {text-align: right; width:100px;}
.statstab thead, .statstab2 thead {background-color:#333; color: #F9F9F9; text-align: center; font-size:80%; font-weight:bold; text-transform:uppercase;}
.statstab.righthead thead td, .statstab.righthead thead th, .statstab2.righthead thead td, .statstab2.righthead thead th {white-space:nowrap; text-align:right;}
.aligncenter td, .aligncenter th, .aligncenter td, .aligncenter th {text-align:center !important;}
.statstab tfoot, .statstab2 tfoot {bordertop:#333; color: #F9F9F9; text-align: center; padding:0;}
.statstab2 {font-size: 70%;}
.statstab2 td {border-left: 1px solid #ccc; padding:5px;}
.statstab2 thead td, .statstab2 thead th {border-left: 0px; padding:5px;}

.stats-tab {display:table; width:calc(100% + 30px); vertical-align:top; border-collapse: separate; border-spacing: 15px 10px; table-layout: fixed;}
.stats-tab {margin: 0 -15px 0 -15px;}
.stats-titlebar {width: 100%; text-align: right; background-color:#333; color: #F9F9F9; font-size:75%; padding:10px; font-weight:bold; text-transform:uppercase; box-sizing:border-box;}
.stats-tab-cell {display:table-cell; margin:0 0 0 -20px; padding: 0px; position:relative; border: 1px solid #ccc;}
.stats-tab-cell .graph {padding:0px; width:100%;}
.graph {border:1px solid #ddd; border-top:none;}

.logip {font-weight: bold; width: 100%;}
.logip tbody td {text-align:right;}
.logip tr td:nth-child(1) {text-transform:uppercase;}
.logip tr td:nth-child(1) {text-transform:uppercase;}
.logip tbody tr td:last-child {font-weight:normal; color:#666;}
.logip tfoot td {text-align:center !important; margin:0;}

.statadm {display:table-cell; vertical-align:top; padding: 10px;}
.tabsearch {background-color:#333; color:#fff !important; border:none !important; border-right:1px solid white !important; padding:0 0 0 10px !important; margin:0; height:auto;}
.tabsearch:focus, .tabsearch:active, .tabsearch:hover {background-color:#666 !important; color:#fff;}
.tabsearch::before {content: "";}
input#filterlogs, input#filterusers {width:150px;}

.scrollabletab table, .scrollable table tr td { border-collapse: collapse; border: 1px solid #000;  width: 100%;}
.scrollabletab thead {display: table;  width: calc(100% + 1px);}
.scrollabletab tbody {display: block; max-height: 350px; overflow-y: auto;  width: 100%;}
.scrollabletab tr {display: table-row; width: auto;}
.scrollabletab td {text-align: center; border-bottom: none; width: 20%; border-left: none; white-space: nowrap !important;}

#userlist td {text-align:left;}
#userlist td:nth-child(2) {text-align:right;}
#userlist thead th {text-align:center;}

.stats_unavailable {position:absolute; top: 0; left:0; height:calc(100% - 0px) ; width:100%; background-color:rgba(0, 0, 0, 70%); color: #fff; 
  text-align:center; text-transform:uppercase; font-weight: bold; font-size:120%;}
.stats_unavailable p {padding:20% 0 0 0;}

.titletabinput, .titletabselect {border:none !important; padding:0 0 0 10px !important; height:auto; background-color:#666 !important; color:#fff;}
.titletabinput {width:8em; line-height:initial !important;}
.titletablabel {font-size:80%;}

/* SHARING */
.sharertab tbody td:nth-child(1) {font-family:'Oswald', sans-serif; text-transform:uppercase;}
.sharertab tbody td.date {font-size:80%; opacity:0.8;}
.email_input {line-height: 27px;}

/* TOOLS */
.toolsItem {display: inline-grid; width: 300px; height:120px; border: 0px solid #666; position:relative; padding: 0px; cursor: pointer; margin:10px;
background-color: #ffffff; box-shadow: 0 0 5px gray; transition: 0.3s ease-out; text-align:left;}
.toolsItem div {text-transform: uppercase; height:2em; padding: 10px 10px 0px 10px; font-weight:bolder; color: #fff !important; background:linear-gradient(to right, #00BA69 70%, #007240);}
.toolsItem p {font-weight: bold; color: #797979; margin: 0px 0 0 0; padding: 10px; font-family: Kreon;}
.toolsItem span {text-transform: uppercase; font-size: 75%; text-align:right; }
.toolsItem i.fa {position:absolute; top:5px; right:10px; font-size:200%; color: #fff;}
.toolsItem i.fa-cogs {position:absolute; top:5px; right:10px; font-size:200%; color: #fff;}

.options_tab {border-collapse: collapse; font-size:90%; text-align:left; vertical-align:middle;}
.options_tab tr td { border-bottom: 1px solid #ccc; padding: 15px;}
.options_tab tr:last-child td { border-bottom: none;}
.tools_tab td:nth-child(n + 2) {color:#666; text-transform: uppercase; font-weight: bolder;}

/* MENU
div#EmbeddedMenu {font-family: 'Oswald'; position:fixed; background-color: #181818; border:none;	margin: 0px 0px 0px 0px; line-height: 1;
	width:100%; box-shadow: 0px 0px 10px #181818; z-index:9999; min-height: 80px;}
div#EmbeddedMenu ul {float:right; list-style-type: none; margin: -50px 0px -10px -55px; padding: 25px;white-space:nowrap;}
div#EmbeddedMenu li {float:left; margin-left: 40px;}
div#EmbeddedMenu li ul {display: none; line-height: 1.4;}
div#EmbeddedMenu li:hover ul {display: block; position: absolute; z-index:1; width:auto; white-space: nowrap; overflow-x: visible; padding: 5px; margin: 5px 0 0 -40px; background:#181818;}
div#EmbeddedMenu li ul a {margin: 0 20px 0 20px;}
div#EmbeddedMenu li ul li {margin: 5px 0px 0px -20px; width:100%; padding:5px;}


div#UnloggedMenu {position:fixed; background-color: #181818;; border: none;	margin: 0px 0px 4px 0px; line-height: 1; width:100%; 
	box-shadow: 0px 0px 10px #181818; z-index:9999; padding: 10px 0 5px 0; }
div#UnloggedMenu ul {float:right; list-style-type: none; margin: -75px 0px -20px 50px; padding: 10px 0 5px 0; }
*/

/* NEW MENU */
.topmenu {font-family: 'Oswald'; position:fixed; background-color: #181818;  width:100%; max-width:100vw; box-shadow: 0px 0px 10px #181818; overflow-y: visible; margin: 0; z-index:200;}
.topmenu div#topmenu-logo-div {width:5%; float:left; padding: 7px 0 7px 15px; max-width: 20vw;}
.topmenu div#topmenu-links-div, .topmenu div#topmenu-loginform-div {float:right; margin: 7px 10px 0 0; background-color: #181818;}
.topmenu a.topmenu-link {float: left; display: block; color: #f2f2f2; margin: 0 20px 0 0; padding: 14px 16px; text-decoration: none; white-space:nowrap; text-transform:uppercase;}
.topmenu-link {cursor:pointer;}
.topmenu-link.mobileonly {display:none !important;}

#topmenu-loginform-div input[type=text], #topmenu-loginform-div input[type=password] {line-height: 26px;}


.dropdown {float: left; overflow: hidden; margin: 0;}
.dropdown-content {display: none; margin:52px 0 0 0; position: fixed; background-color: #181818; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 201;}
.dropdown-content a.topmenu-link {float: none; margin:0; color: #fff; padding: 8px 16px;text-decoration: none; display: block; text-align: left;}
.dropdown-content.last {right:2px;}

.topmenu a.topmenu-link:hover, .dropdown:hover .dropbtn {background-color: #555; color: white;}
.dropdown-content a.topmenu-link:hover {background-color: #ddd; color: black;}
.dropdown:hover .dropdown-content {display: block;}

.topmenu .icon {color: #ffffff !important; display: none !important;}
.topmenu .icon:visited {color: #ffffff !important;}

.topmenu-active {background-color: #00BA69; color: white;}

@media screen and (max-width: 600px) {
  .topmenu-link.mobileonly {display:block !important;}
}
/* LOGIN */
.Login_Form {margin: 0px !important; font-family: 'Lato', sans-serif; padding: 15px 20px 0px 20px;}
.Login_form form {margin: 0 0 5px 0;}
.Login_Form input[type=submit] {padding: 5px;}
.Login_Form input[type=submit]:hover {background-color:#009856;}
.Login_Form input[type=text], .Login_Form input[type=password] {font-size:80%; padding-left: 4px; vertical-align: middle; margin:0px; width: 90%; border: 1px solid #fff;}
.Login_Form input[type=text]:focus, .Login_Form  input[type=password]:focus, .Login_Form input[type=password]:active { background-color: #deffc6; }
.Login_Form a {font-size:70%; color: #F2F2F2;}

div#footer {width: 100%; margin: 0px; border: none; background-color: #FFFFFF; text-align: left; font-size: 90%; height:150px;}
div#FooterMenu {font-family: 'Kreon'; position:absolute; background-color: #181818; border: none; margin: 0 0 0 0;	line-height: 1.6; height:150px; width:100%;
	box-shadow: 0px -1px 2px #181818; padding: 30px 0px 40px 0px;}
div#FooterMenu .footer-links {padding: 0 0 10px 100px;}
div#FooterMenu .footer-links a {color: #999999; font-weight:normal !important; text-transform:initial; margin: 10px 0 0 0; text-decoration: none; }
div#FooterMenu .footer-links a:hover {text-decoration:underline; background-color:#181818;}

div.LogoF {text-align:right; float:right; padding: 35px 35px 15px 0;}
div.LogoF #logo img {width: 5vw; overflow: hidden; display:block; margin: 0 0 5px 0;}
div.LogoF .soc {padding: 0 !important;}
div.LogoF .soc img {width:25px; opacity: 0.8;}

@media screen and (max-width: 600px) {
  .topmenu {min-height:80px;}
  .topmenu a.topmenu-link, .dropdown .dropbtn, .Login_Form {display: none;}
  .topmenu a.topmenu-link.icon {float:right; display: block !important;}
  .topmenu div#topmenu-logo-div {width:20%; padding:20px; position:absolute;}
  .topmenu.responsive div#topmenu-links-div, .topmenu.responsive div#topmenu-loginform-div  {float:left; margin: 70px 0 0 0 !important; width: 100%; position: absolute;}
  .topmenu.responsive a.topmenu-link {padding: 14px 16px; font-size:90%;  text-align: center;}
  .topmenu.responsive {position: relative;}
  .topmenu.responsive .icon {position: relative; right: 0; top: 0;}
  .topmenu.responsive a.topmenu-link:not(.icon):not(.topmenu-logo-link), .topmenu.responsive div#topmenu-loginform-div {float: none; display: block; text-align: left;}
  .topmenu.responsive .dropdown {float: none;}
  .topmenu.responsive .dropdown-content a.topmenu-link {padding: 6px 16px;}
  .topmenu.responsive .dropdown-content {position: relative; margin: 0 0 0 50px; border-left: 4px solid #fff;}
  .topmenu.responsive .dropdown .dropbtn {display: block; width: 100%; text-align: left;}
  .LoginLogo {position:relative !important; padding: 15px 5px 2px 15px !important;}
  #topmenu-loginform-div {padding-top: 5px;}
  
  .Login_Form input[type=text], .Login_Form input[type=password] {margin:5px 0px;}
  
  div#FooterMenu .footer-links {padding: 0 0 10px 10px;}
  div.LogoF #logo img {width: 15vw;}
  div.LogoF .soc img {width:20px;}
}


/* INLINE */
.Inline {display:inline;}
.Inline i {font-size:150%; color: #bbb; vertical-align:bottom; cursor:pointer; margin: 0 2px 0 0;}
.Inline i:hover {color: #fff;}

.icn-tools {display:inline;}
.icn-tools i {font-size:150%; color: #bbb; vertical-align:bottom; cursor:pointer; margin: 0 2px 0 0;}
.icn-tools i:hover {color: #fff;}

.icn-tools-bottom .icn-tools i {color: #666;}
.icn-tools-bottom .icn-tools i:hover {color: #333;}

img.Icona { border-style: none; vertical-align: high; }
img {border-width:1px;}
img:hover.thumb { border-color: #FF0000; }

.bibliographies ul {list-style-image: url('img/icons/cit.png'); font-size:70%; z-index:9999;}
.warnbib {position:relative; margin:-10px 0 0 10px; min-height: 20px; width:20px; background: url('img/icons/warnbib.png') no-repeat top left;
	background-size: 100%; display:inline-block;}
.hide {position:absolute; display: none; padding: 30px 5px 5px 5px; margin: 5px 0 0 -40px; width:250px; background-color:#E5E5E5; border: none z-index:1; background-size:5%;}
.hide2 {position:absolute; display:none; padding: 10px 10px 10px 10px; margin:30px 0 0 -100px; width:200px; color: #fff; opacity: 0.90; background-color:#111; border-radius: 5px;}


/* TOOLTIP */
.tooltip .tooltip_span  { position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -110px; opacity:0.9;
	visibility: hidden; width: 200px; background-color: black; color: #fff; text-align: center; border-radius:5px; padding: 10px 10px 10px 10px;}
.tooltip .tooltip_span::after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px;
	border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;}
.tooltip:hover .tooltip_span  {visibility: visible; !important; }

.tooltip_user span { position: absolute; z-index: 1; top:-200%; left: 100%; margin: 0 0 0 20px; opacity:0.9; text-transform:initial; font-weight: normal;
	visibility: hidden; width: 170px; background-color: black; color: #fff; text-align: center; border-radius:5px; padding: 10px 10px 10px 10px;}
.tooltip_user span::after {content: ""; position: absolute; bottom: 50%;  right: 100%; margin-left: -5px;
	border-width: 5px; border-style: solid; border-color: transparent black transparent transparent;}
.tooltip_user:hover span {visibility: visible;padding: 15px 15px 15px 15px;}

.tooltip_stats .tooltip_span  {top:100%; left: 100%; text-align:left;}
.tooltip_books .tooltip_span  {top: 100%; left: 50%; text-align:left;}

/*ACCORDION*
.accordion {font-family: 'Oswald', sans-serif; color: #FFF; cursor: pointer; padding: 5px 5px 5px 10px; text-indent:15px; width: 150px; max-height: 150px;
	height:150px; border: 0; text-align: left; background: radial-gradient(#00BA69 30%, #209424 80%, #327235 99%); transition: 0.4s; 
	vertical-align:top; overflow:hidden; border-radius:3px; margin:5px; box-shadow: 0 0 10px #181818;}
.title_accordion {font-size: 150%; text-transform:uppercase; font-weight:bolder; line-height:1em; margin-botton:20px; text-decoration:none; color:#fff;}
span.info_accordion {font-size: 100%; opacity:0.8;}
.active_accordion, .accordion:hover {background: radial-gradient(#00BA69 0%, #209424 60%, #327235 100%); display:inline;}
.active_accordion {transition: width 0.4s ease-out; height: auto; width:100%; box-shadow: 0 2px 5px #181818;}
.active_accordion span.info_accordion {display:none;}
.accordion:before {content: '\002B'; color: #fff; font-weight: bold; margin: 5px 5px 0 -15px; font-size: 200%;}
.accordion::-moz-focus-inner, .accordion[type="button"]::-moz-focus-inner, .accordion[type="reset"]::-moz-focus-inner, .accordion[type="submit"]::-moz-focus-inner {
border-style: none; padding: 0;  display:inline;}
.active_accordion:before {content: "\2212"; color: inherit; display:inline;}
.panel {padding: 0 18px; background-color: #fff; max-height: 0; display:none; transition: 0.3s ease-out;}*/

.div_list {font-family: 'Oswald', sans-serif; cursor: pointer; padding:0; width: 200px; max-height: 100px;height:100px; background: #fff; display: inline-grid;
  vertical-align:top; margin: 10px 10px 0 0; box-shadow: 0 0 10px gray; text-overflow: ellipsis; transition: 0.5s ease-out; overflow: hidden; z-index:3; transition: 0.3s ease-out; position:relative;}
.div_list .title_accordion {font-size: 100%; background: #00BA69; max-width:100%; text-transform:uppercase; font-weight:bolder; line-height:1em; text-decoration:none; color:#fff; padding:10px; height:40px; white-space:break-word;}
.div_list .info_accordion {font-size: 90%; opacity:0.8; color: #333; padding:0 20px 20px 10px; height: 2em; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.div_list .numItems {position:absolute; bottom:0em; right:10px; font-size:140%; opacity:0.8; color: #333; }
.div_list img.imgLibrary {width: 100px; width: 100px; opacity: 0.4;  margin: 0 0 0 10px;}

.div_list div.links {text-transform: uppercase; font-size: 75%; text-align:left; width:60%; margin:0 0 0 5px}

.div_list:hover .title_accordion, .toolsItem:hover div { background: #009856;}
.div_list:hover, .toolsItem:hover {transform: translateY(-5px);}

.accordion {max-height: 150px; height:150px;}

.active_accordion  {display:block; background: #00BA69; overflow:auto; height:auto; padding:10px; width:100%; box-shadow: 0 2px 5px #181818; box-sizing:border-box;}
.active_accordion:hover {transform: scale(1);}
.active_accordion div.info_accordion {display:none;}
.active_accordion div.links {color: #fff; float:right; text-align:right; margin: 0 20px 0 0;}
.active_accordion div.links a {color: #fff;}
.active_accordion div.links a:hover {background-color: #009856;}
.active_accordion .numItems {color:#fff; bottom: 5px}
.accordion:before {color: #fff; font-weight: bold; margin: 5px 5px 0 -15px; font-size: 200%;}
.accordion::-moz-focus-inner, .accordion[type="button"]::-moz-focus-inner, .accordion[type="reset"]::-moz-focus-inner, .accordion[type="submit"]::-moz-focus-inner {
border-style: none; padding: 0;  display:inline;}
.active_accordion:before {color: inherit; display:inline;}
.panel {padding: 0; background-color: #fff; display:none; transition: 0.3s ease-out;}
.panelLegend {padding: 10px 10px 10px 20px; position:relative; width:40%; box-sizing: border-box;}
.buttonsLegend {position:sticky; top:90px; width:160px; float:right;}

.accordion2 {font-family: 'Oswald', sans-serif; color: #333; text-transform:uppercase; font-size: 100%; font-weight:bolder;
	background-color: #fff;	cursor: pointer; padding: 0px; width: 100%; border: none; text-align: left;
	outline: none; transition: 0.4s; border: 0px; box-shadow: 0px 0px 0px  #fff; text-indent:18px;}
.accordion2:hover {background: #f0f0f0 100%;}
.accordion2:after {content: '\002B'; color: #333; font-weight: bold; float: right; margin: -25px 5px 0 0;  font-size: 140%;  display:inline;}
.accordion2::-moz-focus-inner, .accordion2[type="button"]::-moz-focus-inner, .accordion2[type="reset"]::-moz-focus-inner, .accordion2[type="submit"]::-moz-focus-inner {border-style: none; padding: 0 }
.active_accordion2 {transition: 0.4s ease-out; height: auto; width:100%; }
.active_accordion2:after {content: "\2212"; color: inherit; display:inline;}

@media screen and (max-width: 600px) {
  .buttonsLegend {position:initial; display:block; width:160px; float:none;}
}


/* HELP */
.helpParentDiv {width: 100%; display:table; position:relative; border-top: 2px solid #666; padding: 15px 0 0 0; }
.helpChildDiv {display: table-cell; padding:20px; width:50%;}
.accordion3_faq {font-family: 'Oswald', sans-serif; color: #333; text-transform:uppercase; font-size: 100%; font-weight:bolder; cursor: pointer; width: 100%; border: none;	outline: none; 
	transition: 0.4s; border: 0px; box-shadow: 0px 0px 0px  #fff; text-indent:18px; padding: 10px 10px 10px 0;}
.active_accordion3, .accordion3_faq:hover {}
.accordion3_faq:before {content: '\f059'; font-family: FontAwesome; color: #00BA69; font-weight: bold; margin: 15px 10px -10px 50px; font-size: 200%;}
.active_accordion3:before {content: "\2212"; color: #00BA69; }

.accordion3_faq::-moz-focus-inner, .accordion3_faq[type="button"]::-moz-focus-inner, .accordion3_faq[type="reset"]::-moz-focus-inner, .accordion3_faq[type="submit"]::-moz-focus-inner {
border-style: none; padding: 0 }
.panel3 {margin: 15px 10px 0px 100px; padding: 0 0 0 20px; max-height: 0; overflow: hidden; transition: 0.3s ease-out; border-left: 2px solid green; }
.panel3 p {color: #666; padding:20px; width: 100%; text-align: justify;}
.panel3 ul {width: 100%; color: #666; text-align: justify;}

#help_search {width:40%; padding: 0; margin: 0 auto 100px auto;}
#doubtimg {position:absolute; top:80%; right:20px; width:10%; opacity:0.0;}

@media screen and (max-width: 600px) {
  .helpParentDiv {display:block;}
  .helpChildDiv {display: block; width:100%;}
  #help_search {width:100%;}
}

/* SEARCH FILES */
#pdf-search-result {display: flex; flex-wrap: wrap; margin-top:20px;}
.pdfsearch-result-box {position:relative; background: #fff; margin: 10px; padding: 10px; box-shadow: 0px 0px 5px #333; overflow:hidden; font-size: 80%;}
.pdfsearch-result-box .filename {font-weight:bold; font-size: 100%; font-family:monospace; margin: -10px -10px 10px -10px; width: calc(100% + 20px); padding: 10px; background: #333; color: #fff;}
.pdfsearch-result-box .book {color:#666;}
.pdfsearch-result-box .results-for {text-align:right; margin: 5px 0;}
.pdfsearch-result-box .fragments-wrapper {overflow-y:auto; max-height:300px; border-top: 1px solid #ddd; margin: 10px 0;}
.pdfsearch-result-box .fragment { background: #ddd; margin: 5px 0 0 0; padding: 2px 10px 2px 10px; }

/* SEARCH NOTES */
.sn_book {border: 1px solid #ccc; margin:10px; background:#fff; position:relative;}
.sn_title {background: #292929; color: #fff; font-weight: bold; padding: 10px;}
.sn_title a {color:inherit !important;}
.sn_par {background: #f0f0f0; border:1px solid #ddd; margin:10px 20px; padding:0 10px; font-size:80%; position:relative;}
.sn_book .sn_cross {}
.sn_cross {position: absolute; opacity: 0; cursor: pointer; top:45%; left: -15px;}
.sn_bcross {position: absolute; opacity: 0; cursor: pointer; left: -20px; top: 0;}
.sn_par:hover .sn_cross {opacity: 0.7; }
.sn_book:hover .sn_bcross {opacity: 0.7;}

/* SIGN UP */

.signupParentDiv {width:100%; display:table; vertical-align:top;}
.signupChildDiv:first-child {width: 30%;}

@media screen and (max-width: 600px) {
  .signupParentDiv {width:100%; display:block;}
  .signupChildDiv {display:block; width:calc(100% - 2em) !important;}
}

/* ALL */
.row {width:100%;}
.pad2 {padding: 2px;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.column-5, .column-10, .column-15, .column-20, .column-30, .column-33, .column-40, .column-50, .column-60, .column-66, .column-70, .column-80, .column-85, .column-100 {display:inline-block; box-sizing:border-box; vertical-align:top;}

.column-5 {width: 5%;}
.column-10 {width: 10%;}
.column-15 {width: 15%;}
.column-20 {width: 20%;}
.column-30 {width: 30%;}
.column-33 {width: 33.33333%;}
.column-40 {width: 40%;}
.column-50 {width: 50%;}
.column-60 {width: 60%;}
.column-66 {width: 66.66666%;}
.column-70 {width: 70%;}
.column-80 {width: 80%;}
.column-85 {width: 85%;}
.column-100 {width: 100%;}


.columned-2 {-webkit-column-count:2; -moz-column-count:2;}
.columned-3 {-webkit-column-count:3; -moz-column-count:3;}

.mobile-only {display:none;}
.mobile-not {display:block;}
@media screen and (max-width: 600px) {
  .columned-2 {-webkit-column-count:1; -moz-column-count:1;}
  .mobile-not {display:none;}
  .mobile-only {display:block;}
  .mobile-10 {width: 10%;}
  .mobile-20 {width: 20%;}
  .mobile-30 {width: 30%;}
  .mobile-33 {width: 33.33333%;}
  .mobile-40 {width: 40%;}
  .mobile-50 {width: 50%;}
  .mobile-60 {width: 60%;}
  .mobile-66 {width: 66.66666%;}
  .mobile-70 {width: 70%;}
  .mobile-80 {width: 80%;}
  .mobile-100 {width: 100%;}
  .mobile-100 {width:100%;}
}

/* DATEPICKER */
.contextmenu {position: absolute; top:30px; left:0; margin: 30px 0 0 0; line-height: 20px; font-size: 90%; width: 260px; display: none; background: #f6f6f6; z-index:9999; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.yearmonth {text-align: center; line-height: 30px; background-color:#82c585;font-weight: bolder;}
.week {width:100%; text-align: center; color: #fff; font-weight: bolder; background-color: #00BA69; line-height: 15px}
.week a {cursor: pointer; text-align: center; display: inline-block; width: 25px; padding:5px; cursor:default;}
a.previous, a.next, .days a {cursor: pointer; text-align: center; display: inline-block; width: 25px; padding:5px; border:1px solid #eee; color: #333; font-size: 9pt;}
.selected {font-weight: bold; background: #00BA69; color: #ffffff;}
.yearmonth a {border:none;}
input.datepicker {line-height: 24px;}
input.datepicker:focus + div.contextmenu { display: none; }
input.datepicker:focus + div.contextmenu, div.contextmenu:hover { display: block; }

/* MODAL */
.modal {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; overflow-y:auto; 
  background-color: rgba(0,0,0,0.7); -webkit-transition: 0.5s; transition: all 0.3s linear; box-shadow: 0 0 1px #fff; z-index:5; padding: 90px 0 0 0;}
.close_multi, .close {font-size:30pt !important; cursor:pointer; }
.close_modal {color: #fff; float: right; font-size: 200%; font-weight: bold; margin: -40px 0 0 0; cursor: pointer;}
.close_modal:hover, .close_modal:focus {text-shadow: 0px 0px 8px #000;}


.modal-title {display:block; width:auto; border: 0; padding: 5px; background-color: #00BA69; color:#fff; box-shadow:0 1px 5px #181818;}
.modal-content, .m-c {transition: all 0.3s ease-out; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
.modal-content, .m-c {background-color: #fefefe; margin: auto auto 10em auto; padding: 0; border: 1px solid #888; width: 70%; min-height:250px; overflow:auto-flow; box-shadow: 0 0 30px #000; text-align:left;}
.modal-content .text, .m-c .text {padding: 20px 50px 20px 50px; margin-bottom: 20px;}

.modal-title-biblio {display:block; width:auto; border: 0; padding: 5px; background-color: #00BA69; color:#fff; box-shadow:0 1px 5px #181818;}
.modal-content-biblio {background-color: #fefefe; margin: auto auto 30px auto; padding: 0; border: 1px solid #888; width: 70%; min-height:300px; 
	background: url('img/quot.png') no-repeat right bottom #FFFFFF; background-size: 20%; overflow:auto-flow; box-shadow: 0 0 30px #000;}
.modal-content-biblio .text {padding: 20px 50px 20px 50px;}

.modal-title-confirm {display:block; width:auto; border: 0; padding: 5px; background-color: #DE6666; color:#fff; box-shadow:0 1px 5px #181818;}
.modal-title-confirm h6 {font-size:170%; color:#fff;}
.modal-content-confirm {background-color: #fefefe; margin: auto; padding: 0px; width: 40vw; height:auto; overflow:hidden; box-shadow: 0 0 30px #000;}
.modal-content-confirm span.file_to_del {font-weight:bolder;}
.modal-content-confirm .text {font-weight:bold; color:#333; padding: 10px;}
.modal-content-confirm .text {font-weight:bold; color:#333; padding: 10px;}

.modal-content-editsharers { margin: auto; padding: 0; width: 50vw; height:auto; overflow:hidden; position:relative;}
.modal-content-editsharers .text {padding:20px; overflow: auto; max-height:50vh; }
.modal-content-editsharers .tooltip_user {font-weight:bold; font-size: 100%; color:#555;}

.CopyBib_rightCol {display:inline-block; width:25%; vertical-align:top; text-align: right; float:right;}
.CopyBib_succMex {display: none; width:auto; padding:0px; margin: 0 10px 0 0; overflow: auto; float:left;}
.CopyBib_succMex p { margin: 0; padding: 3px 5px 3px 35px; background-position-y: 2px; font-size: 80%; text-transform:uppercase; color: #444; font-weight:bold;; }

.file-selection-assw {width:100%; background:#f0f0f0; font-weight:bold; color:#666; text-align:right; padding:20px 10px 10px 10px; box-sizing:border-box; text-transform:uppercase;}
.file-selection-files {padding:5px 0px 5px 0px; margin:0 0 0px 0;}
.file-selection-files div {position:relative; width:100%; padding: 2px 25px 15px 50px; box-sizing:border-box; min-height:40px; vertical-align:middle; word-break:break-all; border-bottom: 1px solid #ddd;}
.file-selection-files div:last-child {border: none;}
.file-selection-files div:hover {background: #f0f0f0;}
.file-selection-files div:hover:after  {font-family: 'FontAwesome'; content: '\f063'; font-size: 100%; color: #666; font-weight:normal; position:absolute; right:5px; top:30%; }
.file-selection-files div:before {font-family: 'FontAwesome'; font-size: 200%; position: absolute; left: 15px; font-weight:normal; margin: 0 5px 0 0; color: #333;}
.file-selection-files div.pdf:before {content: '\f1c1';}
.file-selection-files div.odt:before {content: '\f1c2';}
.file-selection-files div.pub:before {content: '\f0f6';}
.file-selection-files div a {font-family: monospace; font-size:90%; font-weight:bold; color: #666; text-decoration:none; position:relative; top:10px;}
.file-selection-files div a:hover {color: #333;}

@media screen and (max-width: 600px) {
  .modal-content {width: calc(100% - 10px) !important;}
}

div.note-editable2 {height: calc(99.9vh - 35px) !important;}

/* OLD BLUR 
.blur {filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px);}
#overlay {position: fixed; display: none; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.5); z-index: 999;}
#popup {position: absolute;width: 50%; height: 400px; padding:30px; background: url('img/quot.png') no-repeat bottom right #FFFFFF;
	background-size: 20%; border: 1px solid #ddd; left: 0px; right: 0px; top: 40px; bottom: 0px; margin: auto; overflow: auto;}
.Button_blur {background-color: #00BA69; border: 1px solid hsl(154, 44%, 36%); color: #FFFFFF;
	text-transform:uppercase; font-weight: bold; font-size: 80%; padding: 4px; margin:0px 0px 0px 0px;}
*/

/* .google-visualization-tooltip {transform: translateY(90%)}; */