#book-catalog-section{padding:30px 0}.bookbox-cards{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.bookbox-book-catalog-card-top{display:flex;justify-content:center;padding:15px}.bookbox-book-catalog-card-bottom{padding:15px;min-height:100px}.bookbox-book-catalog-card-bottom h1{color:#708090}.bookbox-book-catalog-card-top img{height:200px;width:200px}.bookbox-search-bar input:focus{outline:none;border:none}.bookbox-search-bar{height:50px;display:flex;margin-top:15px}.bookbox-search-bar input{width:100%;padding:10px;border:none;border-radius:5px;border:1px solid #d3d3d3}.bookbox-search-bar button{width:120px;font-size:15px;border:none;border-radius:5px;margin-left:10px}.bookbox-search-bar button[type=submit]{background-color:#1e90ff;font-weight:700;color:#fff;cursor:pointer;width:110px}.bookbox-search-bar-btn-clear{background-color:#708090;font-weight:700;color:#fff;cursor:pointer;width:90px}#book-details-section{padding:30px 0}.bookbox-image-card img{height:350px;width:300px}.bookbox-card-content{padding:15px 20px}.bookbox-card-content h1{color:#708090}.bookbox-card-content p{color:#708090;font-family:Roboto,sans-serif;margin:10px 0}.bookbox-image-card{border-radius:5px 5px 0 0;padding:15px;display:flex;justify-content:center}.review-text{display:flex;justify-content:center;align-items:center}.bookbox-genre{padding:0 20px;margin-right:15px;background-color:#1e90ff;color:#fff;display:flex;justify-content:center;align-items:center;height:40px;width:100px}.bookbox-review-container{display:flex;justify-content:center;align-items:center}.bookbox-review-button{margin:20px 0;background-color:#708090;color:#fff;cursor:pointer;border-radius:5px;height:45px;width:120px;font-size:15px;font-weight:700;display:flex;justify-content:center;align-items:center}.bookbox-review-card{display:grid;align-items:center;justify-content:center;height:80px;width:100%;padding:10px;color:#708090;background-color:#fff;border-radius:5px}#login-section{padding:25px 0}.bookbox-login-container{width:100%;max-width:420px;margin:0 auto}.bookbox-login-container button{border-radius:5px;height:35px;width:120px;font-size:15px;display:flex;justify-content:center;align-items:center;background-color:#1e90ff;color:#fff;cursor:pointer;border:none}.bookbox-header-admin{background-color:#000;color:#fff}#admin-home-section{padding:20px 0}.admin-button{background-color:#000;color:#fff;margin:10px 5px 0 0;height:25px;width:75px;align-items:center;font-size:17px;cursor:pointer}.book-list-section{padding:20px 0}.bookbox-title{color:#1e90ff;font-size:30px;text-align:center}.bookbox-title th{padding:0}.bookbox-book-list-image{width:75px;height:75px;font-size:15px;margin-left:10px}.btn-confirm-dialog,.btn-yes-answer{background-color:#3cb371;font-weight:700;padding:10px;color:#fff;text-align:center;border-radius:5px;cursor:pointer;margin-top:15px;width:100%}.btn-no-answer{background-color:#dc143c;font-weight:700;padding:10px;color:#fff;text-align:center;border-radius:5px;cursor:pointer;margin-top:15px;width:100%}#product-form-section{padding:25px 0}.genre-list-section{padding:20px 0}#genre-form-section{padding:25px 0}.review-list-section{padding:20px 0}*{box-sizing:border-box;padding:0;margin:0}html,body{background-color:#e6e6fa}header{background-color:#1e90ff;height:80px;color:#fff;display:flex;align-items:center}nav{display:flex;justify-content:space-between;align-items:center}a,a:hover{text-decoration:none;color:unset}.bookbox-txt-left{text-align:left;padding:10px}.bookbox-header-word{font-size:18px;color:#fff;height:40px;width:80px;cursor:pointer;margin-right:10px;align-items:center}.bookbox-mb20{margin-bottom:20px}.bookbox-mt20{margin-top:20px}.bookbox-mr20{margin-right:20px}.bookbox-pl20{padding-left:5px}.bookbox-container{width:100%;max-width:950px;margin:0 auto}.bookbox-card{border-radius:5px;background-color:#fff}.bookbox-line-botton{border-bottom:1px solid #e0e0e0}.bookbox-edit-button{height:30px;width:55px;color:#fff;background-color:silver;border-radius:3px;cursor:pointer}.bookbox-delete-button{margin-top:5px;height:30px;width:55px;color:#fff;background-color:#dc143c;border-radius:3px;cursor:pointer}.bookbox-book-add-button{margin-top:20px;border-radius:5px;height:35px;width:240px;font-size:15px;display:flex;justify-content:center;align-items:center;background-color:silver;color:#fff;cursor:pointer;border:none;margin-left:auto;margin-right:auto}.bookbox-book-add-review-button{margin-top:20px;border-radius:5px;height:35px;width:240px;font-size:15px;display:flex;justify-content:center;align-items:center;background-color:#708090;color:#fff;cursor:pointer;border:none;margin-left:auto;margin-right:auto}.bookbox-form{background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:5px;margin-top:80px}.bookbox-form h1{font-size:25px;color:#a9a9a9;margin-bottom:10px}.bookbox-login-card-form-inputs-container{display:grid;grid-gap:10px;margin:20px}.bookbox-input-control{width:380px;height:50px;padding:15px;border:1px solid #d3d3d3;border-radius:5px}.bookbox-input-control:focus{outline:none}.bookbox-input-control[data-invalid=true]{background-color:#f08080}.bookbox-form-error{font-size:15px;padding-left:5px;display:none}.bookbox-input-control[data-invalid=true]~div{display:flex}.bookbox-form-textarea{resize:none;height:130px;padding:15px;width:100%;border:1px solid #d3d3d3}.bookbox-book-form-container{width:100%;max-width:600px;margin:0 auto}.bookbox-book-form-container input,select,textarea{margin-bottom:20px}.bookbox-book-form-add-button{border-radius:5px;height:35px;width:240px;font-size:15px;display:flex;justify-content:center;align-items:center;background-color:#a9a9a9;color:#fff;cursor:pointer;border:none}.book-form-cancel-button{border-radius:5px;height:35px;width:240px;font-size:15px;display:flex;justify-content:center;align-items:center;background-color:#b2223afd;color:#fff;cursor:pointer;border:none;margin-top:10px}.bookbox-select select{background-color:#b2223afd}.bookbox-select option[disabled]{display:none}.bookbox-form-select{padding:5px;width:100%}.bookbox-a-link-active{font-weight:700}.bookbox-table{width:100%;border-spacing:0;border-collapse:collapse;text-align:center;border-radius:10px}.bookbox-table thead{height:60px;font-size:20px;color:#708090;background-color:#fff;width:95px}.bookbox-table tbody{background-color:#fff;color:#696969}.bookbox-table tbody tr{height:75px;border-top:1px solid #e0e0e0}.bookbox-genre-container{display:flex}.bookbox-dialog-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}.bookbox-dialog-box{background-color:#fff;padding:20px;height:200px;width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bookbox-dialog-box h1{color:#696969}