eusmileview-react17 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/asset-manifest.json +1 -1
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/{precache-manifest.6255f6b957337f52318ce389f05b6bcf.js → precache-manifest.3a0c1a7d0664e1fe687e88cc87bcfcf8.js} +2 -2
- package/build/service-worker.js +1 -1
- package/build/styles.css +1 -1
- package/build/styles.css.map +1 -1
- package/package.json +1 -1
|
@@ -4,11 +4,11 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|
|
4
4
|
"url": "index.html"
|
|
5
5
|
},
|
|
6
6
|
{
|
|
7
|
-
"revision": "
|
|
7
|
+
"revision": "9e19f0f374972022fc81",
|
|
8
8
|
"url": "index.js"
|
|
9
9
|
},
|
|
10
10
|
{
|
|
11
|
-
"revision": "
|
|
11
|
+
"revision": "9e19f0f374972022fc81",
|
|
12
12
|
"url": "styles.css"
|
|
13
13
|
}
|
|
14
14
|
]);
|
package/build/service-worker.js
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
|
|
15
15
|
|
|
16
16
|
importScripts(
|
|
17
|
-
"precache-manifest.
|
|
17
|
+
"precache-manifest.3a0c1a7d0664e1fe687e88cc87bcfcf8.js"
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
self.addEventListener('message', (event) => {
|
package/build/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.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}}.smile-visualization-wrap #privacy_close{top:15px;right:5px}.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}
|
|
1
|
+
.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);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::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;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:initial;font-size:12px}.smile-visualization-wrap .sv-upload-label:hover{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;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;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);transition:.4s}.smile-visualization-wrap .sv-slide .slider:before{position:absolute;content:"";height:30px;width:30px;left:0;bottom:0;background-color:#fff;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{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;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;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;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}}.smile-visualization-wrap #privacy_close{top:15px;right:5px}.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;color:#3d3935!important;border:1px solid #3d3935}
|
|
2
2
|
/*# sourceMappingURL=styles.css.map */
|
package/build/styles.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 #privacy_close {\r\n top: 15px;\r\n right: 5px;\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}"]}
|
|
1
|
+
{"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 #privacy_close {\r\n top: 15px;\r\n right: 5px;\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}"]}
|