body{background-color:#000!important;color:#fff;height:100vh;margin:0;padding:0;font-family:Open Sans,sans-serif}.hide-scroll{overflow:hidden}.page-header{position:absolute;top:0;background-color:rgba(0,0,0,.8);height:60px;width:100%;display:flex;justify-content:space-between;z-index:1}.page-header img{height:23px;margin:20px}.buttons-container{display:flex;flex-direction:row}.page-body{display:flex;width:100%;height:100%}#image-container{align-items:center;display:flex;min-width:40%;max-height:100vh;overflow:auto;cursor:grab;cursor:-o-grab;cursor:-moz-grab;cursor:-webkit-grab;width:100%}#image-container img{width:100%;height:auto;display:flex;margin:auto;transition:opacity .5s linear}.page-footer{background-color:rgba(0,0,0,.8);height:60px;bottom:0;width:100%;position:absolute;display:flex;overflow-x:auto}#image-grid{display:flex;height:auto;margin:auto}.card{background-color:#aaa;border:2px solid #333;width:12px;height:12px;margin:auto 5px;border-radius:50%;overflow:hidden;opacity:.9;transition:border .2s}.card:hover{cursor:pointer;border:2px solid #0055c7;transform:scale(1.2)}.card img{width:auto;height:100%}.card.selected{border:2px solid #0055c7;background-color:#fff;opacity:1}.button-icon{color:#000;border:2px solid #fff;width:36px;height:36px;background-color:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;margin-right:10px;transition:transform .2s;text-decoration:none}.button-icon:hover{cursor:pointer;border:2px solid #0055c7;transform:scale(1.1)}.button-icon:active{transform:scale(.9)}.slider-icon{top:50%;position:absolute;color:#fff;width:40px;height:40px;display:none;font-size:36px;justify-content:center;align-items:center;margin:10px;text-decoration:none;background:rgba(0,0,0,.8);border-radius:50%;transition:transform .2s}.slider-icon:hover{cursor:pointer;transform:scale(1.2)}.slider-icon:active{transform:scale(.9)}#previous{left:10px}#next{right:10px}.zoom-container{background-color:rgba(0,0,0,.8);position:absolute;bottom:80px;height:60px;width:150px;margin-right:-75px;right:50%;border-radius:5px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.button-zoom{transition:transform .2s}.button-zoom:hover{cursor:pointer;transform:scale(1.1)}.button-zoom:active{cursor:pointer;transform:scale(.9)}.info-badge{position:absolute;top:80px;right:10px;background-color:#2d9bf0;width:200px;height:50px;color:#fff;padding:10px;border-radius:10px;display:flex;flex-direction:row;align-items:center;font-size:14px;animation:main .3s}@keyframes main{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.dropdown-information{position:absolute;min-height:300px;max-height:70vh;line-height:24px;max-width:80vw;min-width:200px;width:auto;height:auto;background-color:rgba(24,24,24,.95);top:80px;border-radius:10px;padding:10px;display:none;overflow-y:scroll;right:10px;z-index:9;overflow-wrap:anywhere;animation:main .3s}.page-not-found{display:flex}.loader-container,.page-not-found{flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.loader-container{position:absolute;background-color:rgba(0,0,0,.5);z-index:5;display:none}.loader-container img{width:80px}.loader-container.show{display:flex}.loader-container.hide,.page-body.hide,.page-footer.hide,.page-header.hide,.zoom-container.hide{display:none}.loader{display:flex;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;border-radius:50%;border:8px solid #fff;border-top-color:#0055c7;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){table tr>*{display:block}.not-supported-container{transform:scale(.6)}}.dropdown-information table{border-collapse:collapse}.dropdown-information table tr td{padding:6px}.table-row{background-color:rgba(60,60,60,.5)}.dropdown-information h3{margin:0;padding-bottom:10px}.dropdown-information h3 i{margin-right:10px}.not-supported-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;margin:auto;font-size:20px;font-weight:700}.download-button{padding:12px 78px;background-color:#fff;color:#000;text-decoration:none;border-radius:5px;transition:transform .2s}.download-button:hover{transform:scale(1.02)}.download-button:active{transform:scale(.9)}.impressao-etiqueta{background-color:#fff;border-radius:5px;margin:100px auto auto;width:700px;padding:50px}.botao-etiqueta{min-width:250px;margin-top:25px}.email-info-title{margin:0 0 5px;font-size:1.1em;font-weight:700}.email-info-content{margin:0 0 15px;font-size:1em;line-height:1.5;color:#ccc}