@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Patrick+Hand&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{font-size:62.5%;height:100%}.swal2-popup,body{font-family:Open Sans,sans-serif}.swal2-popup{font-size:1.6rem!important}h1{font-size:1.8rem;font-weight:700}p{font-family:Open Sans,sans-serif;font-size:1.6rem;font-weight:400}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1.2rem;padding-top:6rem;width:100%}@media only screen and (min-width:48em){.container{padding-left:3rem;padding-right:3rem}}@media only screen and (min-width:62em){.container{padding-left:5rem;padding-right:5rem}}.fluid{height:auto;max-width:100%}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background-color:transparent}.text-green{color:#6f804d}.text-light_green{color:#829c4e}.text-red{color:#ff9696}.text-blue{color:#96c0ff}.text-dark_grey{color:#757575}.text-xs{font-size:1.2rem}.text-sm{font-size:1.4rem}.text-base{font-size:1.6rem}.text-md{font-size:1.8rem}.text-lg{font-size:2.4rem}form .input-text,form input[type=number],form input[type=text],form select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;font-size:1.6rem;margin-bottom:2rem;margin-top:1.5rem;padding:1.7rem 2rem;width:100%}form input[type=checkbox]{border-radius:8px;font:inherit;height:2rem;width:2rem}form label{color:#757575;font-size:2rem;font-weight:300}.card-container{border-radius:8px;box-shadow:4px 8px 24px rgba(0,0,0,.15);width:100%}.card-profile{background-color:#ffffed;border-radius:8px;padding:3rem 3rem 2rem}.card-profile .header{border-bottom:thin solid #d0dccb;margin-bottom:1.5rem;padding-bottom:3rem;text-align:center}.card-profile .header .img-wrapper img{max-width:10rem;width:100%}@media only screen and (min-width:62em){.card-profile .header .text-wrapper{text-align:left}}.card-profile .header .text-wrapper h1{margin-bottom:.8rem}.card-profile .footer .box-stats{text-align:center}.card-profile .footer .box-stats p{margin-bottom:1.5rem}.card-item-book{background-color:#fff;border-radius:8px;padding:3rem 3rem 2rem}.card-item-book .header{margin-bottom:2rem;padding-bottom:3rem}.card-item-book .header .text-wrapper{text-transform:capitalize}.card-item-book .header .img-wrapper{display:flex;justify-content:end}.card-item-book .header .img-wrapper .img-box{background-color:#829c4e;border:none;border-radius:8px;max-width:7.4rem;padding-top:1rem;text-align:center;width:100%}.card-item-book .header .img-wrapper .img-box object{margin:auto;max-width:3.2rem;width:100%}.card-item-book .footer{position:relative}.card-item-book .footer .action-wrapper{cursor:pointer;max-width:16rem;position:absolute;right:0;top:1.6rem;width:100%}@media only screen and (max-width:36em){.card-item-book .footer .action-wrapper{margin:2rem auto;position:relative}}.card-item-book .footer .action-wrapper .box-switch{background-color:#fff;border-bottom-left-radius:8px;border-top-left-radius:8px;padding:1.2rem;text-align:center;transition:.2s ease}.card-item-book .footer .action-wrapper .box-switch:hover{background-color:#efeeee}.card-item-book .footer .action-wrapper .box-edit{background-color:#fdfd9a;padding:1.2rem;text-align:center;transition:.2s ease}.card-item-book .footer .action-wrapper .box-edit:hover{background-color:#dddd87}.card-item-book .footer .action-wrapper .box-trash{background-color:#ff9696;border-bottom-right-radius:8px;border-top-right-radius:8px;padding:1.2rem;text-align:center;transition:.2s ease}.card-item-book .footer .action-wrapper .box-trash:hover{background-color:#eb8989}.card-item-book .footer .action-wrapper button{background-color:transparent;border:none;cursor:pointer}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1.8rem;padding:1.8rem;transition:.3s ease-in-out;width:100%}.btn-primary{background-color:#6f804d;color:#fff}.btn-primary:hover{background-color:#4f5a38}.btn-save{background-color:#ffffed;color:#757575}.btn-save:hover{background-color:#fdfd9a}.btn-reset{background-color:#fff;color:#757575}.btn-reset:hover{background-color:#d0dccb}.search-container{border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:relative;transition:.2s ease;width:100%}.search-container span{color:#757575;font-size:1.6rem;left:2rem;position:absolute;top:1.6rem}.search-container input{border:0;border-radius:8px;font-size:1.6rem;padding:2rem 2rem 2rem 4.8rem;text-align:left;width:100%}.search-container input:focus{outline:none}.search-container input::placeholder{color:#757575;font-weight:400}.filter-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:relative;transition:.2s ease;width:100%}.filter-container span{color:#757575;font-size:2rem;position:absolute;right:2rem;top:1rem;z-index:0}.filter-container select{appearance:none;background-color:transparent;border:0;border-radius:8px;cursor:pointer;font-size:1.6rem;padding:2rem;text-align:left;width:100%}.filter-container select:focus{outline:none}.filter-container select::placeholder{color:#757575;font-weight:400}.box-filter .box-item{margin-bottom:1.5rem}@media only screen and (min-width:48em){.box-filter .box-item{padding-right:1rem}}.tag{background-color:#ffffed;padding:.8rem 2.4rem;text-transform:capitalize;width:100%}.tag.tag-read{background-color:#96c0ff;color:#fff}.tag.tag-unread{background-color:#ff9696;color:#fff}.form-container{border:none;height:100%;left:0;overflow:auto;padding-top:2rem;position:fixed;top:0;width:100%;z-index:1}.form-container.hide{display:none}.form-container.show{animation:fade .3s ease forwards;background-color:#000;background-color:rgba(0,0,0,.4)}.form-content{background-color:#fff;border-radius:8px;margin:auto;max-width:53.2rem;padding:3rem;position:relative;width:100%}.form-content .close{color:#aaa;font-size:35px;font-weight:700;position:absolute;right:30px;top:16px}.form-content .close:focus,.form-content .close:hover{color:#000;cursor:pointer;text-decoration:none}@keyframes fadeUp{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(20%)}to{opacity:0;transform:translateY(-100%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.align-self-center{align-self:center}.flex-row{flex-direction:row}.flex-column,.flex-row{display:flex;flex-wrap:wrap}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-evenly{justify-content:space-evenly}.w-1{width:8.333333%}.w-2{width:16.666667%}.w-3{width:25%}.w-4{width:33.333333%}.w-5{width:41.666667%}.w-6{width:50%}.w-7{width:58.333333%}.w-8{width:66.666667%}.w-9{width:75%}.w-10{width:83.333333%}.w-11{width:91.666667%}.w-12{width:100%}@media only screen and (max-width:36em){.w-sm-1{width:8.333333%}.w-sm-2{width:16.666667%}.w-sm-3{width:25%}.w-sm-4{width:33.333333%}.w-sm-5{width:41.666667%}.w-sm-6{width:50%}.w-sm-7{width:58.333333%}.w-sm-8{width:66.666667%}.w-sm-9{width:75%}.w-sm-10{width:83.333333%}.w-sm-11{width:91.666667%}.w-sm-12{width:100%}}@media only screen and (max-width:48em){.w-md-1{width:8.333333%}.w-md-2{width:16.666667%}.w-md-3{width:25%}.w-md-4{width:33.333333%}.w-md-5{width:41.666667%}.w-md-6{width:50%}.w-md-7{width:58.333333%}.w-md-8{width:66.666667%}.w-md-9{width:75%}.w-md-10{width:83.333333%}.w-md-11{width:91.666667%}.w-md-12{width:100%}}@media only screen and (max-width:62em){.w-lg-1{width:8.333333%}.w-lg-2{width:16.666667%}.w-lg-3{width:25%}.w-lg-4{width:33.333333%}.w-lg-5{width:41.666667%}.w-lg-6{width:50%}.w-lg-7{width:58.333333%}.w-lg-8{width:66.666667%}.w-lg-9{width:75%}.w-lg-10{width:83.333333%}.w-lg-11{width:91.666667%}.w-lg-12{width:100%}}@media only screen and (max-width:36em){.sm-hidden{display:none!important}}@media only screen and (max-width:48em){.md-hidden{display:none!important}}@media only screen and (max-width:62em){.lg-hidden{display:none!important}}.left-side{margin-bottom:3rem}@media only screen and (min-width:48em){.left-side{padding-right:3rem}}.list-book{height:60rem;margin-top:2rem;overflow-y:hidden;padding:.8rem}.list-book:hover{overflow-y:scroll}.list-book::-webkit-scrollbar{width:.5rem}.list-book::-webkit-scrollbar-track{border-radius:8px}.list-book::-webkit-scrollbar-thumb{background:#6f804d;border-radius:8px}.list-book::-webkit-scrollbar-thumb:hover{background:#4f5a38}.background{left:0;position:absolute;right:0;top:0;z-index:-999}.background img{height:26rem;width:100%}.login .right-side{align-items:center;background-color:#ffffed;display:flex;height:100vh;justify-content:center;width:100%}.login .right-side img{max-width:8rem;width:100%}.login .left-side{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.login .left-side img{display:none;max-width:8rem;width:100%}@media only screen and (max-width:36em){.login .left-side img{display:block;margin:auto auto 5rem}}.login .left-side .text-wrapper{text-align:center}.login .left-side .form-wrapper{padding:2.5rem 8rem;width:100%}@media only screen and (max-width:48em){.login .left-side .form-wrapper{padding:2rem}}