/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.btn-book {
    margin-left: 10px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 20px 25px;
    border-radius: 3px;
    border: none;
    color: #ffffff;
}
.more-details {background: #eabb00;}
.more-details:hover {background: #ffcf10;}
.view-all {background: #0c416e;}
.view-all:hover {background: #1573c3;}

.books-search {
    padding: 40px 60px !important;
    box-shadow: 0 0 19px -9px #026890;
    border-radius: 20px;
    margin-bottom: 40px;
}
.books-search input,.books-search select {height: 40px}
.books-search h3 {text-align: center;color: #0c426f;margin-bottom: 20px;}
.books-search h3:after{
    content: "";
    display: block;
    margin: 0 auto;
    width: 10%;
    padding-top: 20px;
    border-bottom: 1px solid #026890;
}
.books-search p {text-align: center;margin-bottom: 20px}
.pagination, .page-links {float: none !important;}

.pagination > a, .page-links > a, .pagination > span, .page-links > span {
    border: 1px solid #5aa1e3  !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 0.5em !important;
    line-height: 3.1em !important;
    min-width: 3.2em !important;
    height: 3.2em !important;
}

.pagination a:hover, .page-links a:hover, .pagination a:focus, .page-links a:focus, .pagination span.current, .page-links span.current {
    border-color: #026890 !important;
}
.book_title {text-align: center;margin-top: 10px;font-size: 14px;color: #0c426f;}
.book_link:hover {text-decoration: none}
.book_link img, .book_link .book_title {transition: transform .4s;}
.book_link:hover img {transform: scale(1.1);}
.book_link:hover .book_title {color: #026890;}
.view_book_title {color: #026890;}

.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

.card .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.card .nav-tabs>li.active>a,
.card .nav-tabs>li.active>a:focus,
.card .nav-tabs>li.active>a:hover {
    border-width: 0;
}

.card .nav-tabs>li>a {
    border: none;
    color: #666;
    background: transparent;
}

.card .nav-tabs>li.active>a,
.card .nav-tabs>li>a:hover {
    border: none;
    color: #4285F4 !important;
    background: transparent;
}

.card .nav-tabs>li>a::after {
    content: "";
    background: #4285F4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.card .nav-tabs>li.active>a::after,
.card .nav-tabs>li:hover>a::after {
    transform: scale(1);
}

.card .tab-nav>li>a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.card .tab-pane {
    padding: 15px 0;
}

.card .tab-content {
    padding: 20px
}