@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');


/*
body{background: #24C6DC;  //fallback for old browsers
    background: -webkit-linear-gradient(to bottom, #514A9D, #24C6DC);  // Chrome 10-25, Safari 5.1-6
    background: linear-gradient(to bottom, #514A9D, #24C6DC); // W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+
}
*/
.head{float:left;width:100%;}
.content{width:95%; margin:0 auto 20px;}
.listing-block{ padding-top:20px; }
.title{float:left; width:100%; font-size:24px;font-weight:600; color:#4765AB;}
.user-info {float: right; padding-top: 5px; padding-right: 15px;}
.logout {text-align: right;}
.book-list .media {background:#fff; position:relative; margin-bottom:15px; padding:10px; border:1px solid #bcbcbc;}
.book-list .media img{width:80px;margin:0;}
/* md */
@media (min-width: 992px) {
    .book-list .media img {
        width:150px;
        margin: 0;
    }
}
.book-list .media-body{ }
.book-list .media .title{float:left; width:100%; font-size:24px;font-weight:600; color:#4765AB;}
.book-list .media .author{display:block; font-size:17px; color:#232323;}
.book-list .media .stats{float:left; width:100%; margin-top:10px;}
.book-list .media .stats span{float:left; margin-right:10px; font-size:15px;}
.book-list .media .stats span i{margin-right:7px; color:#4765AB;}
.book-list .media .summary{float:left; width:100%;font-size:14px; margin-top:5px; color:#888;}
.book-list .media .fav-box{position:absolute; right:10px; font-size:20px; top:4px; color:#E74C3C;}


.book-details img {
    text-align: right;
    width: 80%;
    border:1px solid #021a40;
}

/* md */
@media (min-width: 992px) {
    .book-details img {
        width:100%;
        height: 100%;
        padding:1px;
        border:1px solid #021a40;
    }
}

.book-details {margin-bottom:15px; padding:10px;}
.book-details .details {margin-top: 10px;}
/*.book-details .media .img-fluid{max-width: 600px}*/
.book-details .media-body{ }
.book-details .title{width:100%; font-size:24px;font-weight:600; color:#4765AB;text-align: center; margin-bottom: 15px;}
.book-details .author{display:block; font-size:17px; color:#232323;}
.book-details .stats{float:left; width:100%; margin-top:10px;}
.book-details .stats span{float:left; margin-right:10px; font-size:15px;}
.book-details .stats span i{margin-right:7px; color:#4765AB;}
.book-details .summary-label h3{font-size:18px; color:#888; padding-top:80px; }
.book-details .summary-label .summary{float:left; width:100%;font-size:14px; color:#888;}
.book-details .fav-box{position:absolute; right:10px; font-size:20px; top:4px; color:#E74C3C;}

.filter-button {margin-left: 5px;}

.paging-top{ text-align: center; margin-top: 5px; margin-bottom: -10px}
.paging-bottom{ text-align: center; margin-top: -5px}

.page-current {background-color: #E9ECEF}

.resultInfo{}

.container {
    margin-top: 30px;
}

.filter-col{padding-left:10px; padding-right:10px;}