.navbar-nav>.user-menu .user-no-image{border-radius:50%;float:left;height:2.1rem;margin-right:10px;margin-top:-1px;width:2.1rem;line-height:2.1rem}.user-no-image-profile{border-radius:50%;height:6.1rem;width:6.1rem;line-height:6.1rem;font-size:3rem}.circle{width:14px;height:14px;border:none;cursor:pointer;border-radius:50%}.pulse{-webkit-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);-moz-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);-ms-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1)}.pulse:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}.pulse-primary{box-shadow:0 0 0 0 rgba(234,29,44,.7);background-color:#ed3644}.pulse-success{box-shadow:0 0 0 0 rgba(40,167,69,.7);background-color:#28a745}.pulse-primary{box-shadow:0 0 0 0 rgba(0,123,255,.7);background-color:#007bff}.pulse-warning{box-shadow:0 0 0 0 rgba(255,193,7,.7);background-color:#ffc107}.pulse-secondary{box-shadow:0 0 0 0 rgba(153,153,153,.7);background-color:#999}@-webkit-keyframes pulse{to{box-shadow:0 0 0 14px rgba(234,29,44,0)}}@-moz-keyframes pulse{to{box-shadow:0 0 0 14px rgba(234,29,44,0)}}@-ms-keyframes pulse{to{box-shadow:0 0 0 14px rgba(234,29,44,0)}}@keyframes pulse{to{box-shadow:0 0 0 14px rgba(234,29,44,0)}}.cursor-pointer{cursor:pointer}.cursor-help{cursor:help}.cursor-progress{cursor:progress}.btn-image-products{background-color:transparent;color:transparent;border:none}.content-image-product-upload{cursor:pointer}.content-image-product-upload:hover .btn-image-products{color:gray;background-color:#fff}.component-button-toggle-pill-left{border-top-left-radius:50%;border-bottom-left-radius:50%}.component-button-toggle-pill-right{border-top-right-radius:50%;border-bottom-right-radius:50%}input:focus{border:1px solid var(--onlinepedido)!important}textarea:focus{border:1px solid var(--onlinepedido)!important}select:focus{border:1px solid var(--onlinepedido)!important}select option:hover{background-color:var(--onlinepedido)}.input-border-bottom:focus{border-top:0!important;border-right:0!important;border-left:0!important;border-bottom:1px solid var(--gray)!important}.input-border-bottom:hover{border-top:0!important;border-right:0!important;border-left:0!important;border-bottom:1px solid var(--gray)!important}.btn-image-botton{bottom:0}.btn-image-botton,.btn-image-top{opacity:0;background-color:#fff}.container-image-update-preview:hover .btn-image-top{opacity:.7;background-color:#fff}.container-image-update-preview:hover .btn-image-botton{opacity:.7;background-color:#fff}.page{margin:1em auto;max-width:768px;display:flex;align-items:flex-start;flex-wrap:wrap;height:100%}.box{padding:.5em;width:100%;margin:.5em}.box-2{padding:.5em;width:calc(100% - 1em);height:300px}.result{height:300px}.img-container{height:300px}.options input,.options label{width:4em;padding:.5em 1em}.hide{display:none}img{max-width:100%}.text-truncate-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.text-truncate-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-truncate-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.text-truncate-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.text-truncate-5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.image-background-login{height:100vh;min-height:500px;background-size:cover;background-position:center;background-repeat:no-repeat}.pagination .page-item.active .page-link{background-color:var(--onlinepedido);color:#fff;border:1px solid var(--onlinepedido)}.pagination .page-link{color:var(--onlinepedido)}.loader{width:48px;height:48px;border:10px solid #fff;border-radius:50%;position:relative;transform:rotate(45deg);box-sizing:border-box}.loader::before{content:"";position:absolute;box-sizing:border-box;inset:-10px;border-radius:50%;border:10px solid var(--onlinepedido);animation:prixClipFix 2s infinite linear}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}100%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.fade-out{opacity:0;transition:opacity .5s ease-out}