body{background-color:#141414;margin:0;font-family:roboto}
#pdf-container{display:flex;flex-direction:column;align-items:center;margin-top:60px;overflow-y:scroll}
#pdf-container:focus{outline:3px solid rgba(75,188,238,0.6);outline-offset:2px}
.pdf-page{max-width:80%;height:auto;margin-bottom:20px;border:1px solid #ccc;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#toolbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#4bbcee;padding:10px;z-index:1000}
.zoom-pdf-viewer,.pages-pdf-viewer,#download{display:flex;align-items:center}
.zoom-pdf-viewer{justify-content:flex-start;margin-left:20px}
button{border-radius:100px}
.pages-pdf-viewer{justify-content:center;flex-grow:1}
.pages-pdf-viewer .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button#next,button#prev,button#zoom-out,button#zoom-in,button#print{display:flex;margin:0 10px;background-color:#4bbcee;border-width:2px !important;border:solid;border-color:#4bbcee;outline:0}
#download{justify-content:flex-end;display:flex;color:#141414;background-color:#fff;padding:3px 15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:12px;font-family:"Roboto-Regular",sans-serif;outline:0;border:1px solid #000}
#error-pdf{text-align:center;color:#ccc;display:block;margin:20px 0}
#download:hover{background-color:#141414;color:#fff;transition:all .3s ease}
#download:hover .white-svg-download{display:block !important}
#download:hover .black-svg-download{display:none}
#next:hover svg path,#prev:hover svg path,#zoom-out:hover svg path,#zoom-in:hover svg path,#print:hover svg path{fill:white;stroke:white}
button#next:hover,button#prev:hover,button#zoom-out:hover,button#zoom-in:hover,button#print:hover{transition:all .7s ease;cursor:pointer}
input[type="number"]{border-radius:10px}
#loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:9999;display:none}
.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;margin-left:30px;animation:spin 2s linear infinite}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media(max-width:825px){.zoom-pdf-viewer{display:none}
#toolbar #download,#toolbar #print{display:none}
.mobile-viewer-pdf-buttons{display:flex !important;position:fixed;bottom:20px;right:20px;background-color:#4bbcee;color:#fff;padding:10px;border-radius:100px;z-index:100000;align-items:center;justify-content:center}
.mobile-viewer-pdf-buttons button{background-color:transparent;border:0;margin:0}
#mobile-download{display:flex}
#mobile-print{display:flex;border-left:2px solid #141414;padding-left:10px;border-radius:0 !important}
#mobile-download{padding-right:10px}
.black-svg-download{margin-left:0 !important}
}
@media(max-width:500px){.pdf-page{max-width:300px}
}
@media(max-width:300px){.pdf-page{max-width:200px}
}
@media(max-width:200px){.pdf-page{max-width:100px}
}
.pdf-page-container{display:flex;justify-content:center;margin-bottom:20px}
.pdf-page-container canvas{max-width:100%;height:auto}