eusmileview-react17 0.1.11 → 0.1.13

package/build/precache-manifest.2924f80aacfaf2a6fc1fc7aa9501d6f7.js

@@ -0,0 +1,14 @@
+self.__precacheManifest = (self.__precacheManifest || []).concat([
+  {
+    "revision": "8caba17fa8e84257c6b7fb020a256641",
+    "url": "index.html"
+  },
+  {
+    "revision": "6d2fd57bf72846df2ea4",
+    "url": "index.js"
+  },
+  {
+    "revision": "6d2fd57bf72846df2ea4",
+    "url": "styles.css"
+  }
+]);

package/build/service-worker.js

@@ -0,0 +1,39 @@
+/**
+ * Welcome to your Workbox-powered service worker!
+ *
+ * You'll need to register this file in your web app and you should
+ * disable HTTP caching for this file too.
+ * See https://goo.gl/nhQhGp
+ *
+ * The rest of the code is auto-generated. Please don't update this file
+ * directly; instead, make changes to your Workbox build configuration
+ * and re-run your build process.
+ * See https://goo.gl/2aRDsh
+ */
+
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
+
+importScripts(
+  "precache-manifest.2924f80aacfaf2a6fc1fc7aa9501d6f7.js"
+);
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting();
+  }
+});
+
+workbox.core.clientsClaim();
+
+/**
+ * The workboxSW.precacheAndRoute() method efficiently caches and responds to
+ * requests for URLs in the manifest.
+ * See https://goo.gl/S9QRab
+ */
+self.__precacheManifest = [].concat(self.__precacheManifest || []);
+workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
+
+workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), {
+  
+  blacklist: [/^\/_/,/\/[^/]+\.[^/]+$/],
+});

package/build/styles.css

@@ -1,2 +1,2 @@
-.sv-text-panel{padding:0 15px 10px}@media only screen and (max-width:767px){.sv-text-panel{padding-bottom:5px}.sv-text-panel h2{margin-top:10px}}.smile-visualization-wrap .sv-landing-page{color:#fff;padding-bottom:15px}.smile-visualization-wrap .sv-user-form{color:#fff;margin-left:auto;margin-right:auto;max-width:400px;padding-bottom:15px}.smile-visualization-wrap .sv-label-error{color:red}.smile-visualization-wrap .sv-form-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;display:block;font-size:16px;height:42px;max-width:400px;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.smile-visualization-wrap .sv-error{border:1px solid red}.smile-visualization-wrap .sv-error::-webkit-input-placeholder{color:red}.smile-visualization-wrap .sv-error::placeholder{color:red}.smile-visualization-wrap .sv-checkmarkcontainer{padding-left:30px;position:relative}.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark{background:#fff;border:1px solid #949695;display:block;height:20px;left:1px;position:absolute;top:1px;width:20px}.smile-visualization-wrap .sv-checkmarkcontainer input:checked~.sv-checkmark:after{display:block}.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark:after{border:solid #2196f3;border-width:0 3px 3px 0;content:"";display:none;height:13px;left:7px;left:6px;position:absolute;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:7px}.smile-visualization-wrap .sv-checkmarkcontainer input[type=checkbox]{opacity:0;position:absolute}.smile-visualization-wrap .sv-field-container{margin-bottom:10px}.smile-visualization-wrap .sv-font-smaller{font-size:12px}.smile-visualization-wrap .sv-bottom-disclaimer{margin-top:30px;text-align:center}.smile-visualization-wrap .sv-upload-label{background-color:initial;border:1px solid #fff;cursor:pointer;display:block;font-size:12px;max-width:400px;padding:12px;text-align:center}.smile-visualization-wrap .sv-upload-label:hover{background-color:#009ace;border:1px solid transparent;transition:all .3s ease-in-out}.smile-visualization-wrap .sv-upload-label .sv-hidden-file{height:.1px;opacity:0;position:absolute;width:.1px}.smile-visualization-wrap .sv-font-smallest{font-size:9px}.smile-visualization-wrap .sv-small-width{margin-left:auto;margin-right:auto;max-width:400px}.smile-visualization-wrap .modal-header{background-color:#009ace;color:#fff;text-align:center}.smile-visualization-wrap .modal-header h2{margin-bottom:0;margin-top:0}.smile-visualization-wrap .modal-header .close{background:#000;border:2px solid #fff;border-radius:50%;color:#fff;height:25px;opacity:1;position:absolute;right:-5px;top:-5px;width:25px}.smile-visualization-wrap .modal-header .close span[aria-hidden]{font-size:21px;left:5px;line-height:1px;position:absolute;top:9px}.smile-visualization-wrap .sv-modal-iframe{border-width:0;height:80vh;min-height:400px;width:100%}.smile-visualization-wrap .sv-loading-page{color:#fff;padding-bottom:30px}.smile-visualization-wrap .sv-carousel-item>div{text-align:center}.smile-visualization-wrap .sv-carousel-item img{max-width:100%}.smile-visualization-wrap .sv-progress-border{border:1px solid gray;border-radius:10px;height:20px;margin:15px auto 7px;position:relative;width:220px}.smile-visualization-wrap .sv-progress-fill{background-color:#c4d600;border-bottom-left-radius:10px;border-top-left-radius:10px;transition:width .6s ease}.smile-visualization-wrap .sv-carousel-caption>div{font-size:16px;padding:15px 10px;text-align:center}.smile-visualization-wrap .sv-loading{bottom:40px;position:absolute;text-align:center;width:100%}.smile-visualization-wrap .sv-loading img{height:25px;width:25px}.smile-visualization-wrap .sv-upload-image-container{min-height:100px;position:relative;text-align:center}.smile-visualization-wrap .sv-loading-header{border-bottom:2px solid #fff;margin-bottom:0;padding-bottom:15px;text-align:center}.smile-visualization-wrap .sv-upload-image{opacity:.5;width:55%}.smile-visualization-wrap .sv-progress-text{display:block;font-size:18px;position:absolute;text-align:center;top:10px;width:100%}.smile-visualization-wrap .sv-progress-message{bottom:10px;display:block;font-size:16px;position:absolute;text-align:center;width:100%}.smile-visualization-wrap .sv-percentage{color:#fff;position:absolute;right:-40px;top:0}.smile-visualization-wrap .sv-error-page{color:#fff;padding-bottom:30px;text-align:center}.smile-visualization-wrap .sv-error-page .btn{margin-top:20px;text-align:center;width:100%}.smile-visualization-wrap .sv-error-img{margin-bottom:40px;margin-top:40px}.smile-visualization-wrap .sv-error-img img{height:200px;width:200px}.smile-visualization-wrap .sv-results-disclaimer{background-color:rgba(0,0,0,.8);bottom:0;color:#fff;left:0;margin-bottom:0;position:fixed;text-align:center;z-index:1000}.smile-visualization-wrap .sv-results-disclaimer-inner{padding:15px}.smile-visualization-wrap .sv-results-page{background-color:#fff}.smile-visualization-wrap .sv-slide{padding-bottom:5px;position:relative;top:-3px}.smile-visualization-wrap .sv-slide .switch{height:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px}.smile-visualization-wrap .sv-slide .switch input{display:none}.smile-visualization-wrap .sv-slide .slider{background-color:rgba(0,0,0,.2);background-position:4px 4px;cursor:pointer;height:30px;position:absolute;top:0;transition:.4s;width:100px}.smile-visualization-wrap .sv-slide .slider:before{background-color:#fff;bottom:0;content:"";height:30px;left:0;position:absolute;transition:.4s;width:30px}.smile-visualization-wrap .sv-slide input:focus+.slider{box-shadow:0 0 1px #171c8f}.smile-visualization-wrap .sv-slide input:checked+.slider:before{-webkit-transform:translateX(70px);transform:translateX(70px)}.smile-visualization-wrap .sv-slide .slider.round{border-radius:34px}.smile-visualization-wrap .sv-slide .slider.round:before{border-radius:50%}.smile-visualization-wrap .sv-slide .slider.lock:before{color:#009ace;content:"\1f512";font-size:15px;padding-left:2px;padding-top:3px;text-align:center}.smile-visualization-wrap .sv-slide.sv-sample{top:0}.smile-visualization-wrap .sv-btn-group-slider,.smile-visualization-wrap .sv-results-img-container{margin-left:auto;margin-right:auto;position:relative;width:100%}.smile-visualization-wrap .sv-btn-group-slider img,.smile-visualization-wrap .sv-results-img-container img{width:100%}.smile-visualization-wrap .sv-btn-group-slider.sv-sample,.smile-visualization-wrap .sv-results-img-container.sv-sample{max-width:300px}.smile-visualization-wrap .sv-btn-group-slider{background-color:#009ace;height:60px}.smile-visualization-wrap .sv-label-current,.smile-visualization-wrap .sv-label-simulation{color:#fff;font-size:18px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.smile-visualization-wrap .sv-label-current{left:10px}.smile-visualization-wrap .sv-label-simulation{right:10px}.smile-visualization-wrap .sv-bold{font-weight:300}.smile-visualization-wrap .sv-thumbsdown,.smile-visualization-wrap .sv-thumbsup{bottom:15px;height:50px;position:absolute;width:50px}.smile-visualization-wrap .sv-thumbsup{background-image:url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-up.svg);left:10px}.smile-visualization-wrap .sv-thumbsdown{background-image:url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-down.svg);right:10px}.smile-visualization-wrap .sv-thumb-thankyou{color:#000;display:none;font-size:10px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.smile-visualization-wrap .sv-expand-icon{position:absolute;right:10px;top:15px}.smile-visualization-wrap .sv-expand-icon img{height:40px;width:40px}.smile-visualization-wrap .sv-modal-nopadding{padding:0}.smile-visualization-wrap .btn-wide{max-width:400px;text-align:center;width:100%}.smile-visualization-wrap .sv-thumb-active{background-color:#fff;background-image:none;border-radius:50%;display:block}.smile-visualization-wrap .sv-thumb-active .sv-thumb-thankyou{display:block}.smile-visualization-wrap .sv-thankyou-msg{font-size:25px;margin-top:20px;text-align:center}.smile-visualization-wrap .sv-phone-prefix{color:#3d3935;float:left;height:42px;width:25%}.smile-visualization-wrap .sv-phone-short{float:right;width:70%}.smile-visualization-wrap .sv-pin-form{color:#fff;margin-top:20px;text-align:center}.smile-visualization-wrap .sv-pin-form .row{margin-bottom:20px;margin-left:auto;margin-right:auto;width:200px}.smile-visualization-wrap .sv-pin-form .row>div{padding-left:5px;padding-right:5px}.smile-visualization-wrap .sv-pin-form input[type=text]{font-size:30px;padding-left:5px;padding-right:5px;text-align:center}.smile-visualization-wrap.inpractice-pin-form .sv-pin-form{color:#3d3935}.smile-visualization-wrap .modal-dialog #resultPictureBig,.smile-visualization-wrap .modal-dialog #uploadedPictureBig{max-width:100%}.smile-visualization-wrap .inpractice-landing-header{position:relative}.smile-visualization-wrap .inpractice-landing-header h1{margin-bottom:40px;text-align:center}@media only screen and (max-width:767px){.smile-visualization-wrap .inpractice-landing-header h1{margin-bottom:10px}}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container{margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:400px}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container h2{color:#009ace;font-size:20px;margin-bottom:30px;text-align:center}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip{margin-bottom:7px;padding-left:25px;position:relative}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip:before{background-image:url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/checkcopy.png);background-repeat:no-repeat;background-size:contain;content:"";height:16px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail{display:block;height:65px;margin-bottom:10px;margin-left:auto;width:65px}@media only screen and (min-width:768px){.smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail{position:absolute;right:0;right:20px}}.smile-visualization-wrap .inpractice-progress-section{background-color:#3d3935;min-height:100px}.smile-visualization-wrap .inpractice-progress-header{color:#fff;font-size:22px;padding-top:10px}.smile-visualization-wrap .inpractice-percentage{color:#fff;font-size:40px;position:static;text-align:center;width:100%}.smile-visualization-wrap .inpractice-progress-text{color:#fff;text-align:center}.smile-visualization-wrap .inpractice-user-form{color:#3d3935;margin-left:auto;margin-right:auto;max-width:500px;padding-top:20px}.smile-visualization-wrap .inpractice-user-form input[type=text]{width:100%}.smile-visualization-wrap .inpractice-user-form .sv-form-control{max-width:500px}.smile-visualization-wrap .inpractice-user-form .btn-lblue{background-color:#009ace;color:#fff}.smile-visualization-wrap .inpractice-form-header1,.smile-visualization-wrap .inpractice-form-header2{margin-bottom:10px;text-align:center}.smile-visualization-wrap .inpractice-form-header1{font-size:18px}.smile-visualization-wrap .inpractice-form-header2{font-size:16px}.smile-visualization-wrap .inpractice-form-item{margin-bottom:20px}.smile-visualization-wrap .inpractice-form-questions-container{margin-bottom:15px}.smile-visualization-wrap .inpractice-form-buttons-container{margin-bottom:35px;text-align:center}.smile-visualization-wrap .inpractice-form-buttons-container .btn{padding-left:20px;padding-right:20px}.smile-visualization-wrap .inpractice-form-buttons-container .btn:first-of-type{margin-right:15px}.smile-visualization-wrap .inpractice-form-small-text{font-size:10px}.smile-visualization-wrap .inpractice-thankyou-section{padding-bottom:20px;padding-top:40px;text-align:center}.smile-visualization-wrap .inpractice-thankyou-section .btn-lblue{background-color:#009ace;color:#fff}.smile-visualization-wrap .sv-docloc-form{color:#fff;margin-left:auto;margin-right:auto;max-width:400px;padding-bottom:40px;padding-top:40px}.smile-visualization-wrap .sv-docloc-form .btn-lblue{background-color:#009ace;color:#fff}.smile-visualization-wrap .sv-docloc-form .sv-docloc-title{font-size:26px;margin-bottom:10px}@media only screen and (min-width:768px){.smile-visualization-wrap .sv-btn-group-slider,.smile-visualization-wrap .sv-results-img-container{max-width:60%}.smile-visualization-wrap .sv-btn-group-slider.sv-sample,.smile-visualization-wrap .sv-results-img-container.sv-sample{max-width:420px}.smile-visualization-wrap .sv-phone-prefix{padding-left:10px;width:20%}.smile-visualization-wrap .sv-phone-short{width:75%}}@media only screen and (max-width:767px){.smile-visualization-wrap .sv-results-page{margin-left:-15px;margin-right:-15px}.smile-visualization-wrap .sv-sample .sv-label-current,.smile-visualization-wrap .sv-sample .sv-label-simulation{font-size:14px}}.sv-white{background:#fff}.sv-charcoal{background-color:#3d3935}.sv-inpractice-bkg .sv-landing-page,.sv-inpractice-bkg .sv-user-form{color:#3d3935}.sv-inpractice-bkg .sv-landing-page .sv-upload-label,.sv-inpractice-bkg .sv-user-form .sv-upload-label{background-color:#009ace;color:#fff}.sv-transparent .sv-charcoal{background-color:initial}.sv-transparent .sv-text-panel div,.sv-transparent .sv-text-panel h1,.sv-transparent .sv-text-panel h2,.sv-transparent .sv-text-panel h3,.sv-transparent .sv-text-panel p{color:#fff}.sv-transparent .smile-visualization-wrap .sv-upload-label:hover{border:1px solid #fff}.sv-transparent .smile-visualization-wrap .sv-results-page{background-color:initial}.sv-transparent .smile-visualization-wrap a,.sv-transparent .smile-visualization-wrap div{color:#fff}.sv-transparent .smile-visualization-wrap .btn.btn-lblue:hover{background-color:#fff;border:1px solid #3d3935;color:#3d3935!important}
-/*# sourceMappingURL=styles.css.map*/
+.sv-text-panel{padding:0 15px 10px}@media only screen and (max-width:767px){.sv-text-panel{padding-bottom:5px}.sv-text-panel h2{margin-top:10px}}.smile-visualization-wrap .sv-landing-page{color:#fff;padding-bottom:15px}.smile-visualization-wrap .sv-user-form{color:#fff;max-width:400px;margin-left:auto;margin-right:auto;padding-bottom:15px}.smile-visualization-wrap .sv-label-error{color:red}.smile-visualization-wrap .sv-form-control{border-radius:0;font-size:16px;max-width:400px;display:block;width:100%;height:42px;padding:6px 12px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.smile-visualization-wrap .sv-error{border:1px solid red}.smile-visualization-wrap .sv-error::-webkit-input-placeholder{color:red}.smile-visualization-wrap .sv-error::-moz-placeholder{color:red}.smile-visualization-wrap .sv-error:-ms-input-placeholder{color:red}.smile-visualization-wrap .sv-error::-ms-input-placeholder{color:red}.smile-visualization-wrap .sv-error::placeholder{color:red}.smile-visualization-wrap .sv-checkmarkcontainer{padding-left:30px;position:relative}.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark{border:1px solid #949695;display:block;position:absolute;top:1px;left:1px;height:20px;width:20px;background:#fff}.smile-visualization-wrap .sv-checkmarkcontainer input:checked~.sv-checkmark:after{display:block}.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark:after{content:"";position:absolute;display:none;left:7px;width:7px;height:13px;border:solid #2196f3;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:6px;top:2px}.smile-visualization-wrap .sv-checkmarkcontainer input[type=checkbox]{position:absolute;opacity:0}.smile-visualization-wrap .sv-field-container{margin-bottom:10px}.smile-visualization-wrap .sv-font-smaller{font-size:12px}.smile-visualization-wrap .sv-bottom-disclaimer{margin-top:30px;text-align:center}.smile-visualization-wrap .sv-upload-label{display:block;max-width:400px;text-align:center;cursor:pointer;border:1px solid #fff;padding:12px;background-color:transparent;font-size:12px}.smile-visualization-wrap .sv-upload-label:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#009ace;border:1px solid transparent}.smile-visualization-wrap .sv-upload-label .sv-hidden-file{width:.1px;height:.1px;opacity:0;position:absolute}.smile-visualization-wrap .sv-font-smallest{font-size:9px}.smile-visualization-wrap .sv-small-width{max-width:400px;margin-right:auto;margin-left:auto}.smile-visualization-wrap .modal-header{text-align:center;background-color:#009ace;color:#fff}.smile-visualization-wrap .modal-header h2{margin-top:0;margin-bottom:0}.smile-visualization-wrap .modal-header .close{color:#fff;opacity:1;position:absolute;top:-5px;right:-5px;border:2px solid #fff;border-radius:50%;width:25px;height:25px;background:#000}.smile-visualization-wrap .modal-header .close span[aria-hidden]{position:absolute;top:9px;left:5px;font-size:21px;line-height:1px}.smile-visualization-wrap .sv-modal-iframe{width:100%;min-height:400px;height:80vh;border-width:0}.smile-visualization-wrap .sv-loading-page{padding-bottom:30px;color:#fff}.smile-visualization-wrap .sv-carousel-item>div{text-align:center}.smile-visualization-wrap .sv-carousel-item img{max-width:100%}.smile-visualization-wrap .sv-progress-border{width:220px;border-radius:10px;margin:15px auto 7px;height:20px;border:1px solid grey;position:relative}.smile-visualization-wrap .sv-progress-fill{background-color:#c4d600;-webkit-transition:width .6s ease;transition:width .6s ease;border-top-left-radius:10px;border-bottom-left-radius:10px}.smile-visualization-wrap .sv-carousel-caption>div{padding:15px 10px;text-align:center;font-size:16px}.smile-visualization-wrap .sv-loading{position:absolute;text-align:center;bottom:40px;width:100%}.smile-visualization-wrap .sv-loading img{width:25px;height:25px}.smile-visualization-wrap .sv-upload-image-container{text-align:center;min-height:100px;position:relative}.smile-visualization-wrap .sv-loading-header{text-align:center;padding-bottom:15px;border-bottom:2px solid #fff;margin-bottom:0}.smile-visualization-wrap .sv-upload-image{opacity:.5;width:55%}.smile-visualization-wrap .sv-progress-text{position:absolute;font-size:18px;text-align:center;top:10px;display:block;width:100%}.smile-visualization-wrap .sv-progress-message{position:absolute;text-align:center;display:block;width:100%;bottom:10px;font-size:16px}.smile-visualization-wrap .sv-percentage{position:absolute;right:-40px;color:#fff;top:0}.smile-visualization-wrap .sv-error-page{color:#fff;text-align:center;padding-bottom:30px}.smile-visualization-wrap .sv-error-page .btn{width:100%;text-align:center;margin-top:20px}.smile-visualization-wrap .sv-error-img{margin-top:40px;margin-bottom:40px}.smile-visualization-wrap .sv-error-img img{height:200px;width:200px}.smile-visualization-wrap .sv-results-disclaimer{position:fixed;left:0;bottom:0;background-color:rgba(0,0,0,.8);margin-bottom:0;z-index:1000;color:#fff;text-align:center}.smile-visualization-wrap .sv-results-disclaimer-inner{padding:15px}.smile-visualization-wrap .sv-results-page{background-color:#fff}.smile-visualization-wrap .sv-slide{position:relative;padding-bottom:5px;top:-3px}.smile-visualization-wrap .sv-slide .switch{width:100px;height:30px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.smile-visualization-wrap .sv-slide .switch input{display:none}.smile-visualization-wrap .sv-slide .slider{background-position:4px 4px;position:absolute;cursor:pointer;top:0;width:100px;height:30px;background-color:rgba(0,0,0,.2);-webkit-transition:.4s;transition:.4s}.smile-visualization-wrap .sv-slide .slider:before{position:absolute;content:"";height:30px;width:30px;left:0;bottom:0;background-color:#fff;-webkit-transition:.4s;transition:.4s}.smile-visualization-wrap .sv-slide input:focus+.slider{box-shadow:0 0 1px #171c8f}.smile-visualization-wrap .sv-slide input:checked+.slider:before{-webkit-transform:translateX(70px);transform:translateX(70px)}.smile-visualization-wrap .sv-slide .slider.round{border-radius:34px}.smile-visualization-wrap .sv-slide .slider.round:before{border-radius:50%}.smile-visualization-wrap .sv-slide .slider.lock:before{content:"\1f512";font-size:15px;padding-top:3px;padding-left:2px;color:#009ace;text-align:center}.smile-visualization-wrap .sv-slide.sv-sample{top:0}.smile-visualization-wrap .sv-btn-group-slider,.smile-visualization-wrap .sv-results-img-container{width:100%;margin-right:auto;margin-left:auto;position:relative}.smile-visualization-wrap .sv-btn-group-slider img,.smile-visualization-wrap .sv-results-img-container img{width:100%}.smile-visualization-wrap .sv-btn-group-slider.sv-sample,.smile-visualization-wrap .sv-results-img-container.sv-sample{max-width:300px}.smile-visualization-wrap .sv-btn-group-slider{height:60px;background-color:#009ace}.smile-visualization-wrap .sv-label-current,.smile-visualization-wrap .sv-label-simulation{color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;font-size:18px}.smile-visualization-wrap .sv-label-current{left:10px}.smile-visualization-wrap .sv-label-simulation{right:10px}.smile-visualization-wrap .sv-bold{font-weight:300}.smile-visualization-wrap .sv-thumbsdown,.smile-visualization-wrap .sv-thumbsup{width:50px;height:50px;position:absolute;bottom:15px}.smile-visualization-wrap .sv-thumbsup{left:10px;background-image:url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-up.svg)}.smile-visualization-wrap .sv-thumbsdown{right:10px;background-image:url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-down.svg)}.smile-visualization-wrap .sv-thumb-thankyou{display:none;color:#000;font-size:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;text-align:center}.smile-visualization-wrap .sv-expand-icon{position:absolute;top:15px;right:10px}.smile-visualization-wrap .sv-expand-icon img{width:40px;height:40px}.smile-visualization-wrap .sv-modal-nopadding{padding:0}.smile-visualization-wrap .btn-wide{width:100%;text-align:center;max-width:400px}.smile-visualization-wrap .sv-thumb-active{display:block;background-image:none;background-color:#fff;border-radius:50%}.smile-visualization-wrap .sv-thumb-active .sv-thumb-thankyou{display:block}.smile-visualization-wrap .sv-thankyou-msg{text-align:center;margin-top:20px;font-size:25px}.smile-visualization-wrap .sv-phone-prefix{width:25%;float:left;color:#3d3935;height:42px}.smile-visualization-wrap .sv-phone-short{width:70%;float:right}.smile-visualization-wrap .sv-pin-form{color:#fff;text-align:center;margin-top:20px}.smile-visualization-wrap .sv-pin-form .row{width:200px;margin-right:auto;margin-left:auto;margin-bottom:20px}.smile-visualization-wrap .sv-pin-form .row>div{padding-left:5px;padding-right:5px}.smile-visualization-wrap .sv-pin-form input[type=text]{text-align:center;font-size:30px;padding-left:5px;padding-right:5px}.smile-visualization-wrap.inpractice-pin-form .sv-pin-form{color:#3d3935}.smile-visualization-wrap .modal-dialog #resultPictureBig,.smile-visualization-wrap .modal-dialog #uploadedPictureBig{max-width:100%}.smile-visualization-wrap .inpractice-landing-header{position:relative}.smile-visualization-wrap .inpractice-landing-header h1{text-align:center;margin-bottom:40px}@media only screen and (max-width:767px){.smile-visualization-wrap .inpractice-landing-header h1{margin-bottom:10px}}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container{max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:30px}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container h2{text-align:center;font-size:20px;margin-bottom:30px;color:#009ace}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip{margin-bottom:7px;padding-left:25px;position:relative}.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip:before{content:"";left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;width:16px;height:16px;background-image:url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/checkcopy.png);background-size:contain;background-repeat:no-repeat}.smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail{width:65px;height:65px;display:block;margin-left:auto;margin-bottom:10px}@media only screen and (min-width:768px){.smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail{position:absolute;right:0;right:20px}}.smile-visualization-wrap .inpractice-progress-section{min-height:100px;background-color:#3d3935}.smile-visualization-wrap .inpractice-progress-header{font-size:22px;padding-top:10px;color:#fff}.smile-visualization-wrap .inpractice-percentage{color:#fff;text-align:center;font-size:40px;position:static;width:100%}.smile-visualization-wrap .inpractice-progress-text{color:#fff;text-align:center}.smile-visualization-wrap .inpractice-user-form{color:#3d3935;max-width:500px;margin-right:auto;margin-left:auto;padding-top:20px}.smile-visualization-wrap .inpractice-user-form input[type=text]{width:100%}.smile-visualization-wrap .inpractice-user-form .sv-form-control{max-width:500px}.smile-visualization-wrap .inpractice-user-form .btn-lblue{background-color:#009ace;color:#fff}.smile-visualization-wrap .inpractice-form-header1,.smile-visualization-wrap .inpractice-form-header2{text-align:center;margin-bottom:10px}.smile-visualization-wrap .inpractice-form-header1{font-size:18px}.smile-visualization-wrap .inpractice-form-header2{font-size:16px}.smile-visualization-wrap .inpractice-form-item{margin-bottom:20px}.smile-visualization-wrap .inpractice-form-questions-container{margin-bottom:15px}.smile-visualization-wrap .inpractice-form-buttons-container{margin-bottom:35px;text-align:center}.smile-visualization-wrap .inpractice-form-buttons-container .btn{padding-left:20px;padding-right:20px}.smile-visualization-wrap .inpractice-form-buttons-container .btn:first-of-type{margin-right:15px}.smile-visualization-wrap .inpractice-form-small-text{font-size:10px}.smile-visualization-wrap .inpractice-thankyou-section{text-align:center;padding-top:40px;padding-bottom:20px}.smile-visualization-wrap .inpractice-thankyou-section .btn-lblue{background-color:#009ace;color:#fff}.smile-visualization-wrap .fullWidth{max-width:100%}.smile-visualization-wrap .sv-docloc-form{max-width:400px;margin-left:auto;margin-right:auto;color:#fff;padding-top:40px;padding-bottom:40px}.smile-visualization-wrap .sv-docloc-form .btn-lblue{color:#fff;background-color:#009ace}.smile-visualization-wrap .sv-docloc-form .sv-docloc-title{margin-bottom:10px;font-size:26px}@media only screen and (min-width:768px){.smile-visualization-wrap .sv-btn-group-slider,.smile-visualization-wrap .sv-results-img-container{max-width:60%}.smile-visualization-wrap .sv-btn-group-slider.sv-sample,.smile-visualization-wrap .sv-results-img-container.sv-sample{max-width:420px}.smile-visualization-wrap .sv-phone-prefix{width:20%;padding-left:10px}.smile-visualization-wrap .sv-phone-short{width:75%}}@media only screen and (max-width:767px){.smile-visualization-wrap .sv-results-page{margin-right:-15px;margin-left:-15px}.smile-visualization-wrap .sv-sample .sv-label-current,.smile-visualization-wrap .sv-sample .sv-label-simulation{font-size:14px}}.sv-white{background:#fff}.sv-charcoal{background-color:#3d3935}.sv-inpractice-bkg .sv-landing-page,.sv-inpractice-bkg .sv-user-form{color:#3d3935}.sv-inpractice-bkg .sv-landing-page .sv-upload-label,.sv-inpractice-bkg .sv-user-form .sv-upload-label{background-color:#009ace;color:#fff}.sv-transparent .sv-charcoal{background-color:transparent}.sv-transparent .sv-text-panel div,.sv-transparent .sv-text-panel h1,.sv-transparent .sv-text-panel h2,.sv-transparent .sv-text-panel h3,.sv-transparent .sv-text-panel p{color:#fff}.sv-transparent .smile-visualization-wrap .sv-upload-label:hover{border:1px solid #fff}.sv-transparent .smile-visualization-wrap .sv-results-page{background-color:transparent}.sv-transparent .smile-visualization-wrap a,.sv-transparent .smile-visualization-wrap div{color:#fff}.sv-transparent .smile-visualization-wrap .btn.btn-lblue:hover{background-color:#fff;color:#3d3935!important;border:1px solid #3d3935}
+/*# sourceMappingURL=styles.css.map */

package/build/styles.css.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css","mappings":"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","sources":["webpack://eusmileview-react17/./src/SmileView.scss"],"sourcesContent":["$sv-form-width: 400px;\r\n$color-lblue: #009ace;\r\n$color-dgray: #3d3935;\r\n$resultImgWidth: 100%;\r\n$resultImgWidthBig: 60%;\r\n$img-root: 'https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/';\r\n\r\n@mixin verticalcent { -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); position: absolute; top: 50%;  }\r\n@mixin bothcent { -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; }\r\n\r\n.sv-text-panel { padding: 0 15px 10px 15px; @media only screen and (max-width: 767px) {  padding-bottom: 5px; h2 {margin-top: 10px;} } } \r\n\r\n.smile-visualization-wrap {\r\n    .sv-landing-page {color: white; padding-bottom: 15px; }\r\n    .sv-user-form { color: white; max-width: $sv-form-width; margin-left: auto; margin-right: auto; padding-bottom: 15px; }\r\n\r\n    .sv-label-error { color: red; }\r\n    .sv-form-control { padding: 20px; border-radius: 0; font-size: 16px; max-width: $sv-form-width; display: block; width: 100%; height: 42px; padding: 6px 12px;\r\n        color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;\r\n    }\r\n    .sv-error { border: 1px solid red; &::placeholder { color:red; }  }\r\n\r\n    .sv-checkmarkcontainer {\r\n        padding-left: 30px; position: relative;\r\n        .sv-checkmark { border: 1px solid rgb(148, 150, 149); display: block; position: absolute; top: 1px; left: 1px; height: 20px; width: 20px; background: white; } \r\n        input:checked ~ .sv-checkmark:after { display: block; }\r\n        .sv-checkmark:after { content: \"\"; position: absolute; display: none; left: 7px; top: 2px; width: 7px; height: 13px; border: solid #2196F3; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 6px; top: 2px; }\r\n        input[type=checkbox] { position: absolute; opacity: 0; }\r\n    }\r\n\r\n    .sv-field-container { margin-bottom: 10px; }\r\n    .sv-font-smaller { font-size: 12px; }\r\n    .sv-bottom-disclaimer { margin-top: 30px; text-align: center; }\r\n\r\n    .sv-upload-label {\r\n        display: block; border: 1px solid gray; max-width: $sv-form-width; text-align: center; cursor: pointer;\r\n        border: 1px solid white; padding: 12px; background-color: transparent; font-size: 12px ;\r\n        &:hover { transition: ease-in-out all 0.3s; background-color: $color-lblue; border: 1px solid transparent; }\r\n        .sv-hidden-file { width: 0.1px; height: 0.1px; opacity: 0; position: absolute; }\r\n    }\r\n\r\n    .sv-font-smallest { font-size: 9px; }\r\n    .sv-small-width { max-width: $sv-form-width; margin-right: auto; margin-left: auto; }\r\n\r\n    .modal-header {\r\n        text-align: center; background-color: $color-lblue; color: white;\r\n        h2 { margin-top:0; margin-bottom: 0; }\r\n        .close { color:white; opacity: 1; position: absolute; top: -5px; right: -5px; border: 2px solid white; border-radius: 50%; width: 25px; height: 25px; background: black;\r\n            span[aria-hidden] { position: absolute; top: 9px; left: 5px; font-size:21px; line-height: 1px;  }\r\n        }\r\n    }\r\n\r\n    .sv-modal-iframe { width: 100%; min-height: 400px; height: 80vh; border-width: 0; }\r\n\r\n    .sv-loading-page { padding-bottom: 30px; color: white; }\r\n    .sv-carousel-item {\r\n        >div { text-align: center; }\r\n        img { max-width:100%; }\r\n    }\r\n    .sv-progress-border { width: 220px; margin-left: auto; margin-right: auto; border-radius: 10px; margin-top: 15px; margin-bottom: 7px; height: 20px; border: 1px solid gray; position: relative; }\r\n    .sv-progress-fill { background-color: #C4D600;  transition: width .6s ease; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }\r\n    .sv-carousel-caption { >div { padding: 15px 10px; text-align: center; font-size: 16px; } }\r\n    .sv-loading { position: absolute; text-align: center; bottom: 40px; width: 100%; img { width: 25px; height: 25px; } }\r\n    .sv-upload-image-container { text-align: center; min-height: 100px; position: relative; }\r\n    .sv-loading-header { text-align: center; padding-bottom: 15px; border-bottom: 2px solid white; margin-bottom: 0; }\r\n    .sv-upload-image {  opacity: .5; width: 55%; }\r\n    .sv-progress-text { position: absolute; font-size: 18px; text-align:center; top: 10px; display: block; width: 100%; }\r\n    .sv-progress-message { position: absolute; text-align:center; display: block; width: 100%; bottom: 10px; font-size: 16px; }\r\n    .sv-percentage { position: absolute; right: -40px; color: white; top: 0; }\r\n\r\n    .sv-error-page { color: white; text-align: center; padding-bottom: 30px; .btn { width: 100%; text-align: center; margin-top: 20px; } }\r\n    .sv-error-img { margin-top: 40px; margin-bottom: 40px; img { height: 200px; width: 200px; } }\r\n\r\n    .sv-results-disclaimer { position: fixed; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.8); margin-bottom: 0px; z-index: 1000; color: white; text-align: center; }\r\n    .sv-results-disclaimer-inner { padding: 15px; }\r\n\r\n    .sv-results-page { background-color: white;  }\r\n\r\n    .sv-slide { position: relative; padding-bottom: 5px; top: -3px;\r\n        .switch { width: 100px; height: 30px; @include bothcent; }\r\n        .switch input { display: none; } \r\n        .slider { background-position: 4px 4px; position: absolute; cursor: pointer; top: 0; width: 100px; height: 30px; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: .4s; transition: .4s; }\r\n        .slider:before { position: absolute; content: \"\"; height: 30px; width: 30px; left: 0; bottom: 0; background-color: white; -webkit-transition: .4s; transition: .4s; }\r\n        input:focus + .slider { box-shadow: 0 0 1px #171c8f; }\r\n        input:checked + .slider:before { -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); }\r\n        .slider.round { border-radius: 34px; }\r\n        .slider.round:before { border-radius: 50%; }\r\n        .slider.lock:before { content: \"\\1f512\"; font-size: 15px; padding-top: 3px; padding-left: 2px; color: #009ace; text-align: center; }\r\n\r\n        &.sv-sample { top: 0; }\r\n    }\r\n\r\n    .sv-results-img-container, .sv-btn-group-slider {\r\n        width: $resultImgWidth; margin-right: auto; margin-left: auto; position:relative;\r\n        img { width: 100%; }\r\n        &.sv-sample { max-width: 300px; }\r\n    }\r\n\r\n    .sv-btn-group-slider { height: 60px; background-color: $color-lblue; }\r\n    .sv-label-current, .sv-label-simulation { position: absolute; color: white; @include verticalcent; font-size: 18px; }\r\n    .sv-label-current { left: 10px }\r\n    .sv-label-simulation { right: 10px; }\r\n    .sv-bold { font-weight: 300; }\r\n    .sv-thumbsup, .sv-thumbsdown { width: 50px; height: 50px; position: absolute; bottom: 15px; }\r\n    .sv-thumbsup { left: 10px; background-image: url($img-root + 'thumbs-up.svg') }\r\n    .sv-thumbsdown { right: 10px; background-image: url($img-root + 'thumbs-down.svg') }\r\n    .sv-thumb-thankyou { display: none; color: black; font-size: 10px; @include bothcent; text-align: center; }\r\n    .sv-expand-icon { position:absolute; top: 15px; right: 10px; img { width:40px;height:40px; } }\r\n    .sv-modal-nopadding { padding: 0; }\r\n    .btn-wide { width: 100%; text-align: center; max-width: 400px; }\r\n    .sv-thumb-active { display: block; background-image: none; background-color: white; .sv-thumb-thankyou { display: block; } border-radius: 50%; }\r\n    .sv-thankyou-msg { text-align: center; margin-top: 20px; font-size: 25px; }\r\n\r\n    .sv-phone-prefix { width: 25%; float:left; color: $color-dgray; height: 42px; }\r\n    .sv-phone-short { width: 70%; float:right; }\r\n\r\n    .sv-pin-form {\r\n        color: white; text-align: center; margin-top: 20px;\r\n        .row { width: 200px; margin-right: auto; margin-left: auto; margin-bottom: 20px; &>div { padding-left: 5px; padding-right: 5px; } }\r\n        input[type=text] { text-align: center; font-size: 30px; padding-left: 5px; padding-right: 5px; }\r\n    }\r\n\r\n    &.inpractice-pin-form {\r\n        .sv-pin-form {\r\n            color: $color-dgray;\r\n        }\r\n    }\r\n\r\n    .modal-dialog {\r\n        #resultPictureBig, #uploadedPictureBig { max-width: 100%; }\r\n    }\r\n\r\n    .inpractice-landing-header {\r\n        position: relative;\r\n        h1 { text-align: center; margin-bottom: 40px; @media only screen and (max-width: 767px) { margin-bottom: 10px; } }\r\n        .inpractice-tips-container {\r\n            max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 30px;\r\n            h2 { text-align: center; font-size: 20px; margin-bottom: 30px; color: $color-lblue; }\r\n            .inpractice-landing-tip { margin-bottom: 7px; padding-left: 25px; position: relative;\r\n                &::before { content: \"\"; left: 0; position: absolute; @include verticalcent(); width: 16px; height: 16px; background-image: url($img-root + 'checkcopy.png'); background-size: contain; background-repeat: no-repeat; }                \r\n            }\r\n        }\r\n        .inpractice-profile-thumbnail {\r\n            width: 65px; height: 65px; display: block; margin-left: auto; margin-bottom: 10px;\r\n            @media only screen and (min-width: 768px) { position: absolute; right: 0; right: 20px; }\r\n        }\r\n    }\r\n\r\n    .inpractice-progress-section {\r\n        min-height:100px; background-color: $color-dgray;\r\n    }\r\n\r\n    .inpractice-progress-header { font-size:22px; padding-top:10px; color:white; }\r\n    .inpractice-percentage { color:white; text-align: center; font-size: 40px; position: static; width: 100%; }\r\n    .inpractice-progress-text { color:white; text-align: center; }\r\n    .inpractice-user-form { \r\n        color: $color-dgray; max-width: 500px; margin-right: auto; margin-left: auto; padding-top: 20px;\r\n        input[type=text] { width: 100%; }\r\n        .sv-form-control  { max-width: 500px; }\r\n        .btn-lblue { background-color: $color-lblue; color: white; }\r\n    }\r\n    .inpractice-form-header1, .inpractice-form-header2 { text-align:center; margin-bottom: 10px; }\r\n    .inpractice-form-header1 { font-size: 18px; }\r\n    .inpractice-form-header2 { font-size: 16px; }\r\n    .inpractice-form-item { margin-bottom: 20px; }\r\n    .inpractice-form-questions-container { margin-bottom: 15px; }\r\n    .inpractice-form-buttons-container { margin-bottom: 35px; text-align: center;\r\n        .btn { padding-left: 20px; padding-right:20px; }\r\n        .btn:first-of-type { margin-right: 15px; }\r\n    }\r\n    .inpractice-form-small-text { font-size: 10px; }\r\n    .inpractice-thankyou-section {\r\n        text-align:center; padding-top: 40px; padding-bottom: 20px;\r\n        .btn-lblue { background-color: $color-lblue; color: white; }\r\n    }\r\n\r\n    .sv-docloc-form {\r\n        max-width: 400px;\r\n        margin-left: auto; margin-right: auto; color: white;\r\n        padding-top: 40px; padding-bottom: 40px;\r\n        .btn-lblue { color: white; background-color: $color-lblue; }\r\n        .sv-docloc-title { margin-bottom: 10px; font-size: 26px; }\r\n    }\r\n\r\n    @media only screen and (min-width: 768px) {\r\n        .sv-results-img-container, .sv-btn-group-slider {\r\n            max-width: $resultImgWidthBig;\r\n\r\n            &.sv-sample { max-width: 420px; }\r\n        }\r\n\r\n        .sv-phone-prefix { width: 20%; padding-left: 10px; }\r\n        .sv-phone-short { width: 75%; }\r\n    }\r\n\r\n    @media only screen and (max-width: 767px) {\r\n        .sv-results-page { margin-right: -15px; margin-left: -15px; }\r\n        .sv-sample { .sv-label-simulation, .sv-label-current { font-size: 14px; } }\r\n    }\r\n}\r\n\r\n.sv-white { background: white; }\r\n.sv-charcoal { background-color: $color-dgray; }\r\n.sv-inpractice-bkg {\r\n    .sv-user-form, .sv-landing-page {\r\n        color: $color-dgray;\r\n        .sv-upload-label { background-color: $color-lblue; color:white; }\r\n    }\r\n}\r\n\r\n.sv-transparent { \r\n    .sv-charcoal { background-color: transparent; }\r\n    .sv-text-panel { h1, h2, h3, p, div { color: white; } }\r\n    .smile-visualization-wrap {\r\n        .sv-upload-label:hover { border: 1px solid white; }\r\n        .sv-results-page { background-color: transparent; }\r\n        div, a { color: white; }\r\n        .btn.btn-lblue{\r\n            &:hover { background-color: white; color: $color-dgray !important; border: 1px solid $color-dgray; }\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}
+{"version":3,"sources":["/Users/ledupuganti/Documents/projects/eusmileviewreact/src/SmileView.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["$sv-form-width: 400px;\r\n$color-lblue: #009ace;\r\n$color-dgray: #3d3935;\r\n$resultImgWidth: 100%;\r\n$resultImgWidthBig: 60%;\r\n$img-root: 'https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/';\r\n\r\n@mixin verticalcent { -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); position: absolute; top: 50%;  }\r\n@mixin bothcent { -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; }\r\n\r\n.sv-text-panel { padding: 0 15px 10px 15px; @media only screen and (max-width: 767px) {  padding-bottom: 5px; h2 {margin-top: 10px;} } } \r\n\r\n.smile-visualization-wrap {\r\n    .sv-landing-page {color: white; padding-bottom: 15px; }\r\n    .sv-user-form { color: white; max-width: $sv-form-width; margin-left: auto; margin-right: auto; padding-bottom: 15px; }\r\n\r\n    .sv-label-error { color: red; }\r\n    .sv-form-control { padding: 20px; border-radius: 0; font-size: 16px; max-width: $sv-form-width; display: block; width: 100%; height: 42px; padding: 6px 12px;\r\n        color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;\r\n    }\r\n    .sv-error { border: 1px solid red; &::placeholder { color:red; }  }\r\n\r\n    .sv-checkmarkcontainer {\r\n        padding-left: 30px; position: relative;\r\n        .sv-checkmark { border: 1px solid rgb(148, 150, 149); display: block; position: absolute; top: 1px; left: 1px; height: 20px; width: 20px; background: white; } \r\n        input:checked ~ .sv-checkmark:after { display: block; }\r\n        .sv-checkmark:after { content: \"\"; position: absolute; display: none; left: 7px; top: 2px; width: 7px; height: 13px; border: solid #2196F3; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 6px; top: 2px; }\r\n        input[type=checkbox] { position: absolute; opacity: 0; }\r\n    }\r\n\r\n    .sv-field-container { margin-bottom: 10px; }\r\n    .sv-font-smaller { font-size: 12px; }\r\n    .sv-bottom-disclaimer { margin-top: 30px; text-align: center; }\r\n\r\n    .sv-upload-label {\r\n        display: block; border: 1px solid gray; max-width: $sv-form-width; text-align: center; cursor: pointer;\r\n        border: 1px solid white; padding: 12px; background-color: transparent; font-size: 12px ;\r\n        &:hover { transition: ease-in-out all 0.3s; background-color: $color-lblue; border: 1px solid transparent; }\r\n        .sv-hidden-file { width: 0.1px; height: 0.1px; opacity: 0; position: absolute; }\r\n    }\r\n\r\n    .sv-font-smallest { font-size: 9px; }\r\n    .sv-small-width { max-width: $sv-form-width; margin-right: auto; margin-left: auto; }\r\n\r\n    .modal-header {\r\n        text-align: center; background-color: $color-lblue; color: white;\r\n        h2 { margin-top:0; margin-bottom: 0; }\r\n        .close { color:white; opacity: 1; position: absolute; top: -5px; right: -5px; border: 2px solid white; border-radius: 50%; width: 25px; height: 25px; background: black;\r\n            span[aria-hidden] { position: absolute; top: 9px; left: 5px; font-size:21px; line-height: 1px;  }\r\n        }\r\n    }\r\n\r\n    .sv-modal-iframe { width: 100%; min-height: 400px; height: 80vh; border-width: 0; }\r\n\r\n    .sv-loading-page { padding-bottom: 30px; color: white; }\r\n    .sv-carousel-item {\r\n        >div { text-align: center; }\r\n        img { max-width:100%; }\r\n    }\r\n    .sv-progress-border { width: 220px; margin-left: auto; margin-right: auto; border-radius: 10px; margin-top: 15px; margin-bottom: 7px; height: 20px; border: 1px solid gray; position: relative; }\r\n    .sv-progress-fill { background-color: #C4D600;  transition: width .6s ease; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }\r\n    .sv-carousel-caption { >div { padding: 15px 10px; text-align: center; font-size: 16px; } }\r\n    .sv-loading { position: absolute; text-align: center; bottom: 40px; width: 100%; img { width: 25px; height: 25px; } }\r\n    .sv-upload-image-container { text-align: center; min-height: 100px; position: relative; }\r\n    .sv-loading-header { text-align: center; padding-bottom: 15px; border-bottom: 2px solid white; margin-bottom: 0; }\r\n    .sv-upload-image {  opacity: .5; width: 55%; }\r\n    .sv-progress-text { position: absolute; font-size: 18px; text-align:center; top: 10px; display: block; width: 100%; }\r\n    .sv-progress-message { position: absolute; text-align:center; display: block; width: 100%; bottom: 10px; font-size: 16px; }\r\n    .sv-percentage { position: absolute; right: -40px; color: white; top: 0; }\r\n\r\n    .sv-error-page { color: white; text-align: center; padding-bottom: 30px; .btn { width: 100%; text-align: center; margin-top: 20px; } }\r\n    .sv-error-img { margin-top: 40px; margin-bottom: 40px; img { height: 200px; width: 200px; } }\r\n\r\n    .sv-results-disclaimer { position: fixed; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.8); margin-bottom: 0px; z-index: 1000; color: white; text-align: center; }\r\n    .sv-results-disclaimer-inner { padding: 15px; }\r\n\r\n    .sv-results-page { background-color: white;  }\r\n\r\n    .sv-slide { position: relative; padding-bottom: 5px; top: -3px;\r\n        .switch { width: 100px; height: 30px; @include bothcent; }\r\n        .switch input { display: none; } \r\n        .slider { background-position: 4px 4px; position: absolute; cursor: pointer; top: 0; width: 100px; height: 30px; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: .4s; transition: .4s; }\r\n        .slider:before { position: absolute; content: \"\"; height: 30px; width: 30px; left: 0; bottom: 0; background-color: white; -webkit-transition: .4s; transition: .4s; }\r\n        input:focus + .slider { box-shadow: 0 0 1px #171c8f; }\r\n        input:checked + .slider:before { -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); }\r\n        .slider.round { border-radius: 34px; }\r\n        .slider.round:before { border-radius: 50%; }\r\n        .slider.lock:before { content: \"\\1f512\"; font-size: 15px; padding-top: 3px; padding-left: 2px; color: #009ace; text-align: center; }\r\n\r\n        &.sv-sample { top: 0; }\r\n    }\r\n\r\n    .sv-results-img-container, .sv-btn-group-slider {\r\n        width: $resultImgWidth; margin-right: auto; margin-left: auto; position:relative;\r\n        img { width: 100%; }\r\n        &.sv-sample { max-width: 300px; }\r\n    }\r\n\r\n    .sv-btn-group-slider { height: 60px; background-color: $color-lblue; }\r\n    .sv-label-current, .sv-label-simulation { position: absolute; color: white; @include verticalcent; font-size: 18px; }\r\n    .sv-label-current { left: 10px }\r\n    .sv-label-simulation { right: 10px; }\r\n    .sv-bold { font-weight: 300; }\r\n    .sv-thumbsup, .sv-thumbsdown { width: 50px; height: 50px; position: absolute; bottom: 15px; }\r\n    .sv-thumbsup { left: 10px; background-image: url($img-root + 'thumbs-up.svg') }\r\n    .sv-thumbsdown { right: 10px; background-image: url($img-root + 'thumbs-down.svg') }\r\n    .sv-thumb-thankyou { display: none; color: black; font-size: 10px; @include bothcent; text-align: center; }\r\n    .sv-expand-icon { position:absolute; top: 15px; right: 10px; img { width:40px;height:40px; } }\r\n    .sv-modal-nopadding { padding: 0; }\r\n    .btn-wide { width: 100%; text-align: center; max-width: 400px; }\r\n    .sv-thumb-active { display: block; background-image: none; background-color: white; .sv-thumb-thankyou { display: block; } border-radius: 50%; }\r\n    .sv-thankyou-msg { text-align: center; margin-top: 20px; font-size: 25px; }\r\n\r\n    .sv-phone-prefix { width: 25%; float:left; color: $color-dgray; height: 42px; }\r\n    .sv-phone-short { width: 70%; float:right; }\r\n\r\n    .sv-pin-form {\r\n        color: white; text-align: center; margin-top: 20px;\r\n        .row { width: 200px; margin-right: auto; margin-left: auto; margin-bottom: 20px; &>div { padding-left: 5px; padding-right: 5px; } }\r\n        input[type=text] { text-align: center; font-size: 30px; padding-left: 5px; padding-right: 5px; }\r\n    }\r\n\r\n    &.inpractice-pin-form {\r\n        .sv-pin-form {\r\n            color: $color-dgray;\r\n        }\r\n    }\r\n\r\n    .modal-dialog {\r\n        #resultPictureBig, #uploadedPictureBig { max-width: 100%; }\r\n    }\r\n\r\n    .inpractice-landing-header {\r\n        position: relative;\r\n        h1 { text-align: center; margin-bottom: 40px; @media only screen and (max-width: 767px) { margin-bottom: 10px; } }\r\n        .inpractice-tips-container {\r\n            max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 30px;\r\n            h2 { text-align: center; font-size: 20px; margin-bottom: 30px; color: $color-lblue; }\r\n            .inpractice-landing-tip { margin-bottom: 7px; padding-left: 25px; position: relative;\r\n                &::before { content: \"\"; left: 0; position: absolute; @include verticalcent(); width: 16px; height: 16px; background-image: url($img-root + 'checkcopy.png'); background-size: contain; background-repeat: no-repeat; }                \r\n            }\r\n        }\r\n        .inpractice-profile-thumbnail {\r\n            width: 65px; height: 65px; display: block; margin-left: auto; margin-bottom: 10px;\r\n            @media only screen and (min-width: 768px) { position: absolute; right: 0; right: 20px; }\r\n        }\r\n    }\r\n\r\n    .inpractice-progress-section {\r\n        min-height:100px; background-color: $color-dgray;\r\n    }\r\n\r\n    .inpractice-progress-header { font-size:22px; padding-top:10px; color:white; }\r\n    .inpractice-percentage { color:white; text-align: center; font-size: 40px; position: static; width: 100%; }\r\n    .inpractice-progress-text { color:white; text-align: center; }\r\n    .inpractice-user-form { \r\n        color: $color-dgray; max-width: 500px; margin-right: auto; margin-left: auto; padding-top: 20px;\r\n        input[type=text] { width: 100%; }\r\n        .sv-form-control  { max-width: 500px; }\r\n        .btn-lblue { background-color: $color-lblue; color: white; }\r\n    }\r\n    .inpractice-form-header1, .inpractice-form-header2 { text-align:center; margin-bottom: 10px; }\r\n    .inpractice-form-header1 { font-size: 18px; }\r\n    .inpractice-form-header2 { font-size: 16px; }\r\n    .inpractice-form-item { margin-bottom: 20px; }\r\n    .inpractice-form-questions-container { margin-bottom: 15px; }\r\n    .inpractice-form-buttons-container { margin-bottom: 35px; text-align: center;\r\n        .btn { padding-left: 20px; padding-right:20px; }\r\n        .btn:first-of-type { margin-right: 15px; }\r\n    }\r\n    .inpractice-form-small-text { font-size: 10px; }\r\n    .inpractice-thankyou-section {\r\n        text-align:center; padding-top: 40px; padding-bottom: 20px;\r\n        .btn-lblue { background-color: $color-lblue; color: white; }\r\n    }\r\n    .fullWidth{\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sv-docloc-form {\r\n        max-width: 400px;\r\n        margin-left: auto; margin-right: auto; color: white;\r\n        padding-top: 40px; padding-bottom: 40px;\r\n        .btn-lblue { color: white; background-color: $color-lblue; }\r\n        .sv-docloc-title { margin-bottom: 10px; font-size: 26px; }\r\n    }\r\n\r\n    @media only screen and (min-width: 768px) {\r\n        .sv-results-img-container, .sv-btn-group-slider {\r\n            max-width: $resultImgWidthBig;\r\n\r\n            &.sv-sample { max-width: 420px; }\r\n        }\r\n\r\n        .sv-phone-prefix { width: 20%; padding-left: 10px; }\r\n        .sv-phone-short { width: 75%; }\r\n    }\r\n\r\n    @media only screen and (max-width: 767px) {\r\n        .sv-results-page { margin-right: -15px; margin-left: -15px; }\r\n        .sv-sample { .sv-label-simulation, .sv-label-current { font-size: 14px; } }\r\n    }\r\n}\r\n\r\n.sv-white { background: white; }\r\n.sv-charcoal { background-color: $color-dgray; }\r\n.sv-inpractice-bkg {\r\n    .sv-user-form, .sv-landing-page {\r\n        color: $color-dgray;\r\n        .sv-upload-label { background-color: $color-lblue; color:white; }\r\n    }\r\n}\r\n\r\n.sv-transparent { \r\n    .sv-charcoal { background-color: transparent; }\r\n    .sv-text-panel { h1, h2, h3, p, div { color: white; } }\r\n    .smile-visualization-wrap {\r\n        .sv-upload-label:hover { border: 1px solid white; }\r\n        .sv-results-page { background-color: transparent; }\r\n        div, a { color: white; }\r\n        .btn.btn-lblue{\r\n            &:hover { background-color: white; color: $color-dgray !important; border: 1px solid $color-dgray; }\r\n        }\r\n    }\r\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eusmileview-react17",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "private": false,
   "main": "build/index.js",
   "module": "./src/SmileView.js",

package/build/index.js.LICENSE.txt

@@ -1,56 +0,0 @@
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.8.6
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */