.cards{display:grid;grid-template-columns:repeat(4,1fr);column-gap:3rem;row-gap:3rem;}.cards .book-card{height:20rem;background-repeat:no-repeat;background-size:cover;position:relative;}.cards .book-card .title{position:absolute;bottom:0;right:0;background-color:#f8f8f8;color:#0052aa;padding:.1rem .7rem;font-size:2rem;font-weight:bold;}.cards .book-card .title:hover{cursor:pointer;}.cards .book-card .title-active{min-height:100%;font-size:1rem;font-weight:normal;width:100%;}@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr);}}@media(max-width:992px){.cards{grid-template-columns:repeat(2,1fr);}}@media(max-width:576px){.cards{grid-template-columns:1fr;}.cards .book-card{background-size:contain;background-color:#d7d7d7;background-position-x:center;}}.card-grid{display:grid;grid-template-columns:140px 1fr;grid-gap:1rem;margin-bottom:1rem;}.card-grid img{width:100%;}@media(max-width:576px){.card-grid{grid-template-columns:80px 1fr;}}.search-container{position:relative;}.search-container .input-search{width:100%;border-radius:2rem;border:1px solid #041836;padding:6px 1rem;}.search-container .search-icon{cursor:pointer;z-index:1;}.search-container .search-icon .fa-search{position:absolute;font-size:1.4rem;right:35px;top:6px;}.btn{font-family:"Montserrat",Sans-serif;}.btn-add-book{font-size:16px;font-weight:600;line-height:16px;color:#fff;background-color:#041836;border-color:#041836;border-radius:30px;padding:10px 50px;}.btn-add-book:hover{background-color:#c2c2c2;border-color:#c2c2c2;color:#fff;}@media(max-width:768px){.btn-add-book{width:100%;}}.btn-collection{font-size:14px;font-weight:600;line-height:12px;color:#041836;background-color:#fff;border-color:#fff;border-radius:30px;padding:8px 14px;margin-right:.5rem;margin-bottom:1rem;}.btn-collection:last-child{margin-right:0;}.btn-collection:hover{background-color:#2e7daf;border-color:#2e7daf;color:#fff;}.btn-show-hide{font-size:16px;font-weight:600;line-height:12px;color:#fff;background-color:#041836;border-color:#041836;border-radius:30px;padding:12px 20px;}.btn-show-hide:hover{background-color:#c2c2c2;border-color:#c2c2c2;color:#fff;}@media(max-width:768px){.btn-show-hide{width:100%;}}.btn-danger{padding:8px 14px;margin-right:.5rem;margin-bottom:1rem;border-radius:30px;line-height:12px;}.collections{background:linear-gradient(168deg,#041836,#01548f);margin-bottom:1.5rem;padding:1rem 1rem 0 1rem;border-radius:1rem;}.rounded-pagination{margin:0 0 1.6rem 0;width:100%;display:inline-block;border-radius:.25rem;}.rounded-pagination a:hover,.rounded-pagination a.active,.rounded-pagination span:hover,.rounded-pagination span.active{background:#041836;color:#fff;border:1px solid transparent;text-decoration:none;}.rounded-pagination a,.rounded-pagination span{border:none;text-align:center;display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;margin-right:.5rem;-webkit-box-shadow:0 10px 27px -20px rgba(0,0,0,.33);-moz-box-shadow:0 10px 27px -20px rgba(0,0,0,.33);box-shadow:0 10px 27px -20px rgba(0,0,0,.33);}.btn-dark{border-radius:20px;padding:6px 1.8rem;font-weight:bolder;background-color:#041836;border-color:#041836;cursor:pointer;}.btn-dark:hover{background-color:#c2c2c2;border-color:#c2c2c2;color:#fff;}.btn-dark.active{background-color:#edecee !important;border-color:#edecee !important;color:#041836 !important;}.btn-dark:focus{box-shadow:none !important;}.btn-dark.focus{box-shadow:none !important;}@media(max-width:768px){.btn-group-toggle{width:100%;}}.form-control{border-radius:1.25rem;}