#library_bookshelves_settings input[type="color"] {
width: 54px;
height: 24px;
padding: 0;
vertical-align: middle;
}
div .lbs_placeholder_uploader img {
width: 100px;
padding-left: 15px;
} #isbnupclist {
width: 300px;
}
#isbnupclist span {
padding-top: 5px;
}
.item-inputs {
display: inline-block;
vertical-align: top;
margin: 10px 0;
}
.item-inputs span {
font-weight: bold;
}
#isbn-textarea { 
white-space: pre;
}
#alt-textarea { 
resize: horizontal;
white-space: pre;
overflow-wrap: normal;
overflow-x: scroll;
}
.lberr {
color: red;
}
#bookshelf-input label {
display: inline-block;
text-align: right;
float: left;
font-weight: bold;
width: 90px;
margin: 7px 5px 5px 0;
}
#serviceNotice {
margin-left: 103px;
}
#json-div textarea {
width: 100%
}
.inputdiv {
display: block;
width: auto;
margin: 0 0 0 95px;
}
.inputdiv input {
width: 100%;
} .bookshelf img {
max-width: 100%;
border: none !important;
}
.bookshelf {
display: none;
}
.bookshelf.slick-slider {
background: none;
}
.bookshelf.slick-initialized {
display: block;
}
.bookshelf.slick-initialized .slick-slide {
position: relative;
float: none;
display: inline-block;
padding: 0 10px;
}
.bookshelf .slick-slide div > div:hover .overlay, .bookshelf .slick-slide div > div:hover .overlay-grid {
opacity: 1;
}
.bookshelf .overlay, .bookshelf .overlay-grid {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.8);
color: #f1f1f1;
transition: .5s ease;
opacity:0;
color: white;
font-size: 100%;
line-height: 1.2em;
padding: 5%;
text-align: center;
z-index: 1000;
}
.bookshelf .overlay {
left: 0;
right: 0;
}
.bookshelf .overlay-grid {
width: 100%;
box-sizing: border-box;
}	
.bookshelf .slick-slide div > div{
position: relative;
text-align: center;
}
.bookshelf .slick-slide img {
margin: 0 auto;
display: inline;
vertical-align: middle;
}
.bookshelf .caption {
width: 100%;
}
.bookshelf .slick-slide p {
font-size: 1rem;
text-align: center;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
box-sizing: border-box;
} div.numberedtextarea-wrapper { position: relative; }
div.numberedtextarea-wrapper textarea {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.numberedtextarea-line-numbers {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 50px;
border-right: 1px solid rgba(221, 221, 221, 1.0);
color: rgba(0, 0, 0, 1.0);
overflow: hidden;
}
div.numberedtextarea-number {
padding-right: 6px;
text-align: right;
}