#app-layout,body{overflow-x:hidden}a:active,a:hover,a:link,a:visited{text-decoration:none}.icon:before{display:inline-block;font-style:normal;font-variant:normal;margin-right:10px;text-rendering:auto}[data-toggle=collapse] .fontawesome-collapse:before{content:"\f107";font-family:Font Awesome\ 6 Free;font-weight:900}[aria-expanded=true] .fontawesome-collapse:before{content:"\f106";font-family:Font Awesome\ 6 Free;font-weight:900}[aria-expanded=false] .fontawesome-collapse:before,[data-toggle=collapse].collapsed .fontawesome-collapse:before{content:"\f107";font-family:Font Awesome\ 6 Free;font-weight:900}#preview{display:none}.clicked{background-color:transparent!important}#wrapper{border-collapse:collapse;display:table;margin:0 auto;width:100%}#leftcolumn{margin-right:10px;padding-bottom:6px;width:40px}.content-bottom{align-self:flex-end}.content-top{align-self:flex-start}.flex-core{display:flex;list-style:none;margin:0;padding:0}.flex-core-item{color:#fff}.preview{padding-bottom:10px}.uploader{clear:both;display:block;margin:0 auto;max-width:100%;width:100%}.uploader label{background:#fff;border:3px solid #eee;border-radius:7px;clear:both;float:left;padding:1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.uploader label:hover{border-color:#3b4252}.uploader label.hover{border:3px solid #3b4252;box-shadow:inset 0 0 0 6px #eee}.uploader label.hover #start i.fa{opacity:.3;transform:scale(.8)}.uploader #start{clear:both;float:left;width:100%}.uploader #start.hidden{display:none}.uploader #start i.fa{font-size:50px;margin-bottom:1rem;transition:all .2s ease-in-out}.uploader #response{clear:both;float:left;width:100%}.uploader #response.hidden{display:none}.uploader #response #messages{margin-bottom:.5rem}.uploader #file-image{display:inline;height:auto;margin:0 auto .5rem;max-width:180px;width:auto}.uploader #file-image.hidden{display:none}.uploader #notimage{clear:both;display:block;float:left;width:100%}.uploader #notimage.hidden{display:none}.uploader .progress,.uploader progress{background-color:#eee;border:0;border-radius:4px;clear:both;display:inline;height:8px;margin:0 auto;max-width:180px;overflow:hidden;width:100%}.uploader .progress[value]::-webkit-progress-bar{background-color:#eee;border-radius:4px}.uploader .progress[value]::-webkit-progress-value{background:linear-gradient(90deg,#393f90 0,#454cad 50%);border-radius:4px}.uploader .progress[value]::-moz-progress-bar{background:linear-gradient(90deg,#393f90 0,#454cad 50%);border-radius:4px}.uploader input[type=file]{display:none}.uploader div{color:#5f6982;margin:0}.uploader .btn{background:#3b4252;border:#3b4252;border-radius:.2rem;box-sizing:border-box;clear:both;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:700;height:36px;line-height:36px;margin:.5rem .5rem 1rem;outline:none;padding:0 1rem;text-decoration:none;text-transform:none;transition:all .2s ease-in-out}#container_infos{background-color:#fff;display:none;padding-bottom:10px;padding-top:10px}.accordion{border:none;color:#444;cursor:pointer;outline:none;text-align:left;transition:.4s;width:100%}.row,.table{margin-bottom:0!important}.table{padding-left:15px;padding-right:15px;padding-top:15px}.flex-item-tool{height:40px;width:40px}.flex-container-color{display:flex;flex-wrap:wrap;height:20%;justify-content:space-between;margin:auto;padding:1px 0 0;position:relative}.flex-container-color-30-percent{height:30%!important}.flex-container-effect,.flex-container-texture{display:flex;flex-wrap:wrap;height:30%;justify-content:space-between;margin:auto;padding:1px 0 0;position:relative}.swatchcolor{background-color:#0000002f;font-family:monospace;font-size:10px;text-transform:uppercase}.flex-sub-item-texture{color:#fff;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word}.flex-item-empty,.flex-sub-item-texture{height:100%;position:absolute;width:100%}.flex-item-empty{background-color:#f8f8f800}.ui-draggable-helper{border-radius:100%;height:40px!important;margin-left:17px;margin-top:17px;opacity:.9;overflow:hidden;text-indent:100%;white-space:nowrap;width:40px!important}.ui-state-active,.ui-state-dropcolor{border:2px solid #4c566a!important}.ui-state-dropcolor-hover{background-color:#d8dee9;border:2px solid #000!important}.ui-state-active-imageview{opacity:.9;outline:2px solid #4c566a!important}.cbox{align-content:center;border:1px solid transparent;display:flex;flex:0;flex-grow:1;justify-content:center;margin:1px;position:relative}.cbox-ratio-texture:hover{border:1px solid #000}.cbox-ratio-color,.cbox-ratio-color-empty,.cbox-ratio-texture-empty{height:100%}.cbox-ratio-color:hover{border:1px solid #000}.cbox-header{margin:auto;width:25px}.cbox-header div{font-size:10px!important;height:100px;line-height:1;margin-left:2px;text-align:center;text-transform:uppercase;transform:scale(-1);word-break:break-word;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.js-draggable-drag{font-size:10px!important;height:80px;opacity:.8;width:80px}.js-draggable,.js-draggable-drag{border:2px solid #0000002f;float:left;-ms-hyphens:auto;hyphens:auto;z-index:20}.js-draggable{color:#fff;height:100%;text-overflow:clip;white-space:pre-line;width:100%}canvas{image-rendering:smooth!important;image-rendering:optimizeQuality!important}.viewimageDiv{height:auto;position:relative;width:100%}#viewimage_draw{opacity:1;pointer-events:none;position:absolute;width:100%;z-index:2}#overlay,.viewimage{width:100%;z-index:1}#viewimage_gray,#viewimage_original{display:none;opacity:0;position:absolute;width:100%;z-index:-1}#overlay{background:rgba(0,0,0,.7);content:"\A";opacity:0;z-index:-1}.overlay-image{background:#f8f8f8 url(/assets/svg/index.svg) no-repeat 50% 75px;background-color:#f8f8f8;background-position:50%;background-repeat:no-repeat;background-size:200px auto;bottom:0;content:"";height:100vh;left:0;margin:auto;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:1000}.flex-item-dropcolor{height:66px;width:66px}.dropcolor{color:#fff;float:left;font-size:11px!important;-ms-hyphens:auto;hyphens:auto;position:relative}.dropcolor:hover{border:2px solid #3b4252}.dropcolor-empty{border:1px dashed #4c566a}.dropcolor-empty:hover{border:1px dashed #3b4252}.dropcolor-full{border:2px solid #3b425260}.dropcolor-selected,.dropcolor-selected:hover{border:2px solid #000}.resolution-preview{position:absolute;right:55px;top:13px}.resolution-preview img{bottom:0;margin:auto;position:absolute;text-align:center;top:0}.disabledbutton{opacity:.4;pointer-events:none}.btn-activated{background-color:#4c566a!important}.btn-activated,.btntools{border:none!important;color:#fff!important;height:100%;width:100%}.btntools{background-color:#3b4252;padding:0}.btntools img{height:100%;padding:10px;width:100%}.btntools.hover,.btntools:hover{background-color:#4c566a!important}.tooltipbox{display:inline-block;position:relative}.tooltipbox .tooltiptext{background-color:#3b4252;border-radius:6px;color:#fff;opacity:0;padding:5px 15px;position:absolute;text-align:center;visibility:hidden;white-space:nowrap;z-index:2}.tooltipbox:hover .tooltiptext{opacity:1;visibility:visible}.tooltip-right{left:125%;top:4px}.tooltip-right:after{border:5px solid transparent;border-right-color:#3b4252;content:"";margin-top:-5px;position:absolute;right:100%;top:50%;z-index:2}.tooltip-top{bottom:120%}.btntools-export-pink{background-color:#e32f66!important;border:none!important;color:#fff!important;height:100%;width:100%}.btntools-export-pink.hover,.btntools-export-pink:hover{background-color:#df4f7a!important}.btntools-export-pink img{padding:5px!important}.btntools-shop-colorix{background-color:#00b8d6!important;border:none!important;color:#fff!important;height:100%;width:100%}.btntools-shop-colorix.hover,.btntools-shop-colorix:hover{background-color:#009dba!important}.btntools-shop-colorix img{padding:5px!important}.btntools-back{background-color:#e74c3c!important;border:none!important;color:#fff!important;height:100%;width:100%}.btntools-back.hover,.btntools-back:hover{background-color:#e66759!important}.btn-buy-ral{align-items:center;background-color:#ee7606;border-color:#ee7606;color:#fff;display:flex;font-size:.74rem!important;height:100%;justify-content:center}.btn-buy-ral:hover{background-color:#f9a800;border-color:#f9a800;color:#fff}.btn-buy-crb{align-items:center;background-color:#3b4252;border-color:#3b4252;color:#fff;display:flex;font-size:.74rem!important;height:100%;justify-content:center}.btn-buy-crb:hover{background-color:#4c566a;border-color:#4c566a;color:#fff}.btn-buy-prf{align-items:center;background-color:#9a9;border-color:#9a9;color:#fff;display:flex;font-size:.8rem!important;height:100%;justify-content:center}.btn-buy-prf:hover{background-color:#8e9e8e;border-color:#8e9e8e;color:#fff}#brush-slider{width:100%}#colorchartselectors,#textureswatchselectors{height:30em;margin-bottom:25px!important;padding-right:25px!important;touch-action:pan-y}.colorchart-small-device{height:15em!important}.swatchDroppableSelected{border:3px solid #000}hr{margin-bottom:10px!important;margin-top:5px!important}.titleh2{font-size:20px}.titleh2small{display:inline;font-size:16px;font-weight:400;padding-left:15px}.deletedropcolor{color:#fff;display:flex;float:inline-start;height:20px;margin-top:2px;width:66px}.deletedropcolor:hover .deletedropcolortext{background-color:#fff;color:#e74c3c}.deletedropcolortext{background-color:#e74c3c;border:1px solid #000;float:left;font-size:12px;height:20px;padding-left:5px;padding-right:5px;text-align:center;vertical-align:middle;width:100%}footer{bottom:0;left:0;width:100%}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#flex-slider{font-size:13px;margin:5px!important}}@media only screen and (min-device-width:320px) and (max-device-width:480px){.content-bottom{align-self:baseline;bottom:0;left:0;position:relative}.btntools-export{font-size:10px}.flex-item-tool{margin-bottom:5px!important}.titleh2{font-size:16px}.titleh2small{display:inline;font-size:12px;padding-left:15px}.flex-item-dropcolor{height:60px;width:60px}.deletedropcolor{width:60px}.cbox-header{margin:auto;width:18px}.flex-container-linetitle{font-size:12px;padding-bottom:5px;padding-left:18px;padding-top:5px}.cbox{border-left-style:solid;border-top-style:solid;border-width:0;border-bottom:1px solid #f8f8f8;border-right:1px solid #f8f8f8;flex:0 1 5%;flex-grow:1}.cbox-header div{font-size:10px!important;text-align:center;transform:rotate(-90deg);transform-origin:right,center}.js-draggable{color:#fff;float:left;font-size:8px;height:100%;-ms-hyphens:auto;hyphens:auto;text-overflow:clip;white-space:pre-line;width:100%}.dropcolor{font-size:9px}.uploader label{padding:1rem}#leftcolumn{margin-right:0;width:100%}#leftcolumn .container .row{margin-left:0!important;margin-right:0!important}.flex-core{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.flex-core-item{color:#fff;flex-direction:column}}
/*# sourceMappingURL=main.css.map*/