PluginProbe
WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress / 8.5.38
WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress v8.5.38
9.1.2 9.1.1 9.1.0 9.0.3 9.0.2 9.0.1 9.0.0 8.5.79 8.5.78 8.5.77 8.5.76 8.5.75 8.5.74 8.5.73 8.5.72 8.5.71 8.5.70 8.5.69 8.5.68 8.5.35 8.5.36 8.5.37 8.5.38 8.5.39 8.5.4 All 221 releases
wpvr / admin / css / wpvr-admin.css

wpvr-admin.css in WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress 8.5.38, at admin/css/wpvr-admin.css

6,623 lines 157.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * All of the CSS for your admin-specific functionality should be
3 * included in this file.
4 */
5
6 .notice.notice-success.wpvr-halloween-notice {
7 display: flex;
8 align-items: center;
9 justify-content: space-between;
10 }
11
12
13 .iframe-wrapper .pnlm-panorama-info {
14 background-color: rgb(0, 0, 0,0.8);
15 border-radius: 0 5px 5px 0;
16 padding-right: 10px;
17 padding: 9px 14px;
18 color: #fff;
19 text-align: left;
20 }
21
22 .iframe-wrapper .pnlm-panorama-info .pnlm-title-box {
23 font-size: 14px;
24 padding-left: 5px;
25 margin-bottom: 3px;
26 line-height: 1.2;
27 width: 349px;
28 text-overflow: ellipsis;
29 display: -webkit-box;
30 -webkit-line-clamp: 1;
31 -webkit-box-orient: vertical;
32 overflow: hidden;
33 color: #FFF;
34 font-weight: 500;
35 }
36
37 .rex-pano-tab .inner-nav-content input[type=radio] {
38 border-radius: 50%;
39 border: 1px solid #E0D7FF;
40 background: #F3EFFF;
41 margin: 0;
42 }
43
44 .rex-pano-tab .inner-nav-content input[type=radio]:focus {
45 border-color: #3F04FE;
46 box-shadow: 0 0 0 1px #3F04FE;
47 outline: 1px solid transparent;
48 }
49
50 .rex-pano-tab .inner-nav-content input[type=radio]:checked::before {
51 content: "";
52 border-radius: 50%;
53 width: .5rem;
54 height: .5rem;
55 margin: .1875rem;
56 background-color: #3F04FE;
57 line-height: 1.14285714;
58 }
59
60 .wpvr_halloween_dismiss {
61 cursor: pointer;
62 border: 1px solid red;
63 }
64
65 .wpvr_gt_settings_ruler {
66 content: "";
67 display: block;
68 height: 5px;
69 width: 100%;
70 margin: 30px 0 30px 0;
71 background: #929eaa;
72 }
73
74 .wpvr_tabs_row {
75 width: 20% !important;
76 }
77
78 .rex-add-coordinates .upload-scene-wrapper-first,
79 .rex-add-coordinates .upload-scene-wrapper {
80 border: 1px dashed #AFADB6;
81 border-radius: 8px;
82 margin-top: 17px;
83 padding-top: 13px;
84 }
85 .rex-add-coordinates .upload-scene-wrapper-first{
86 margin-top: 0;
87 }
88
89 img.scctrl.upload-form-scene-gallery-first,
90 img.scctrl.upload-form-scene-gallery {
91 max-width: 41px;
92 width: 100%;
93 margin: 0 auto;
94 }
95
96 .scene-gallery ul li img.scctrl.upload-form-scene-gallery-first,
97 .scene-gallery ul li img.scctrl.upload-form-scene-gallery {
98 height: auto;
99 filter: blur(0) brightness(1);
100 -webkit-filter: blur(0) brightness(1);
101 }
102
103 .scene-gallery ul li img.scctrl.upload-form-scene-gallery-first:hover,
104 .scene-gallery ul li img.scctrl.upload-form-scene-gallery:hover {
105 background: none;
106 }
107 /* wpvr_role-container */
108
109 .wpvr_role-container .switch {
110 display: flex;
111 justify-content: space-between;
112 align-items: center;
113 }
114
115 .wpvr_role-container ul {
116 padding: 10px;
117 }
118
119 .wpvr_role-container .switch h6 {
120 width: calc(100% - 130px);
121 padding-right: 20px;
122 }
123
124 #adminmenu .toplevel_page_wpvr .wp-menu-image img {
125 padding: 7px 0 0px 0;
126 }
127
128 /* Absolute Center Spinner */
129
130 .wpvr-loading {
131 position: fixed;
132 z-index: 999;
133 height: 2em;
134 width: 2em;
135 overflow: visible;
136 margin: auto;
137 top: 0;
138 left: 0;
139 bottom: 0;
140 right: 0;
141 }
142
143
144 /* Transparent Overlay */
145
146 .wpvr-loading:before {
147 content: '';
148 display: block;
149 position: fixed;
150 top: 0;
151 left: 0;
152 width: 100%;
153 height: 100%;
154 background-color: rgba(0, 0, 0, 0.3);
155 }
156
157
158 /* :not(:required) hides these rules from IE9 and below */
159
160 .wpvr-loading:not(:required) {
161 /* hide "loading..." text */
162 font: 0/0 a;
163 color: transparent;
164 text-shadow: none;
165 background-color: transparent;
166 border: 0;
167 }
168
169 .wpvr-loading:not(:required):after {
170 content: '';
171 display: block;
172 font-size: 10px;
173 width: 1em;
174 height: 1em;
175 margin-top: -0.5em;
176 -webkit-animation: spinner 1500ms infinite linear;
177 -moz-animation: spinner 1500ms infinite linear;
178 -ms-animation: spinner 1500ms infinite linear;
179 -o-animation: spinner 1500ms infinite linear;
180 animation: spinner 1500ms infinite linear;
181 border-radius: 0.5em;
182 -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
183 box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
184 }
185
186 .wpvr-loader {
187 border: 2px solid #ffffff;
188 border-radius: 50%;
189 border-top: 2px solid #3f05fe;
190 width: 13px;
191 height: 13px;
192 animation: spinner 0.7s linear infinite;
193 display: none;
194 margin-left: 4px;
195 }
196
197
198 /* Animation */
199
200 @-webkit-keyframes spinner {
201 0% {
202 -webkit-transform: rotate(0deg);
203 -moz-transform: rotate(0deg);
204 -ms-transform: rotate(0deg);
205 -o-transform: rotate(0deg);
206 transform: rotate(0deg);
207 }
208 100% {
209 -webkit-transform: rotate(360deg);
210 -moz-transform: rotate(360deg);
211 -ms-transform: rotate(360deg);
212 -o-transform: rotate(360deg);
213 transform: rotate(360deg);
214 }
215 }
216
217 @-moz-keyframes spinner {
218 0% {
219 -webkit-transform: rotate(0deg);
220 -moz-transform: rotate(0deg);
221 -ms-transform: rotate(0deg);
222 -o-transform: rotate(0deg);
223 transform: rotate(0deg);
224 }
225 100% {
226 -webkit-transform: rotate(360deg);
227 -moz-transform: rotate(360deg);
228 -ms-transform: rotate(360deg);
229 -o-transform: rotate(360deg);
230 transform: rotate(360deg);
231 }
232 }
233
234 @-o-keyframes spinner {
235 0% {
236 -webkit-transform: rotate(0deg);
237 -moz-transform: rotate(0deg);
238 -ms-transform: rotate(0deg);
239 -o-transform: rotate(0deg);
240 transform: rotate(0deg);
241 }
242 100% {
243 -webkit-transform: rotate(360deg);
244 -moz-transform: rotate(360deg);
245 -ms-transform: rotate(360deg);
246 -o-transform: rotate(360deg);
247 transform: rotate(360deg);
248 }
249 }
250
251 @keyframes spinner {
252 0% {
253 -webkit-transform: rotate(0deg);
254 -moz-transform: rotate(0deg);
255 -ms-transform: rotate(0deg);
256 -o-transform: rotate(0deg);
257 transform: rotate(0deg);
258 }
259 100% {
260 -webkit-transform: rotate(360deg);
261 -moz-transform: rotate(360deg);
262 -ms-transform: rotate(360deg);
263 -o-transform: rotate(360deg);
264 transform: rotate(360deg);
265 }
266 }
267
268 @keyframes pulse-wpvr {
269 0% {
270 transform: scale(0.95);
271 box-shadow: 0 0 0 0 rgb(71, 117, 246,0.7);;
272 }
273
274 70% {
275 transform: scale(1);
276 box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
277 }
278
279 100% {
280 transform: scale(0.95);
281 box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
282 }
283 }
284
285 .wpvr-alert {
286 color: #383d41;
287 font-size: 13px;
288 font-weight: 500;
289 border-radius: 4px;
290 cursor: default;
291 display: none;
292 }
293 .wpvr-alert.box {
294 background-color: #e2e3e5;
295 padding: 11px 20px;
296 border: 1px solid #d6d8db;
297 }
298 .wpvr-alert.wpvr-success {
299 color: #269c41;
300 }
301 .wpvr-alert.wpvr-success.box {
302 background-color: #d4edda;
303 border-color: #c3e6cb;
304 }
305 .wpvr-alert.wpvr-error {
306 color: #d63342;
307 }
308 .wpvr-alert.wpvr-error.box {
309 background-color: #f8d7da;
310 border-color: #f5c6cb;
311 }
312 .wpvr-alert.wpvr-warn {
313 color: #856404;
314 }
315 .wpvr-alert.wpvr-warn.box {
316 background-color: #fff3cd;
317 border-color: #ffeeba;
318 }
319
320 .vrgallery-gallery-icon-size .wpvr-switcher label:before {
321 content: "S";
322 display: block;
323 color: #201cfe;
324 font-size: 14px;
325 font-weight: 600;
326 position: absolute;
327 top: 4px;
328 left: 26px;
329 }
330
331 .vrgallery-gallery-icon-size .wpvr-switcher input[type="checkbox"]:checked + label:before {
332 content: "L";
333 color: #fff;
334 left: 8px;
335 }
336
337 .pnlm-load-button p {
338 color: #fff;
339 }
340
341 .icon-wpvrtourmake_icon:before {
342 content: '';
343 height: 30px;
344 width: 30px;
345 background: url('../images/icon.png') no-repeat center center / 100% 100%;
346 }
347
348
349 .scene-gallery {
350 border-radius: 6px;
351 max-width: 626px;
352 margin: 0 auto;
353 padding: 0 10px;
354 color: #32373c;
355 background-color: #eceef1;
356 box-sizing: border-box;
357 }
358
359 .scene-gallery ul {
360 display: inline-grid;
361 }
362
363 .scene-gallery ul li {
364 text-transform: capitalize;
365 font-weight: 500;
366 position: relative;
367 word-break: break-word;
368 }
369
370 .scene-gallery ul li.owlscene {
371 margin-bottom: 5px;
372 }
373
374 .scene-gallery .marked .owlscene {
375 color: #004efa;
376 }
377
378 .scene-gallery ul li img {
379 filter: blur(0.5px) brightness(0.5);
380 -webkit-filter: blur(0.5px) brightness(0.5);
381 }
382
383 .scene-gallery .marked ul li img {
384 filter: blur(0) brightness(1);
385 -webkit-filter: blur(0) brightness(1);
386 }
387
388 .scctrl {
389 border-radius: 5px;
390 width: 100px;
391 height: 100px;
392 display: inline-block;
393 cursor: pointer;
394 }
395
396 .scctrl:hover {
397 background: rgba(200, 200, 200, 1);
398 }
399
400 .vr-export {
401 color: #fff!important;
402 background-color: #4775f6 !important;
403 border: none;
404 display: inline-block;
405 padding: 8px 16px;
406 vertical-align: middle;
407 overflow: hidden;
408 text-decoration: none;
409 color: inherit;
410 background-color: inherit;
411 text-align: center;
412 cursor: pointer;
413 white-space: nowrap;
414 border-radius: 5px;
415 }
416
417 .rex-pano-tab-content ::-webkit-input-placeholder {
418 color: #ccc;
419 }
420
421 .rex-pano-tab-content ::-moz-placeholder {
422 color: #ccc;
423 }
424
425 .rex-pano-tab-content :-ms-input-placeholder {
426 color: #ccc;
427 }
428
429 div.custom-tooltip > p {
430 visibility: hidden;
431 position: absolute;
432 border-radius: 3px;
433 background-color: #fff;
434 color: #000;
435 padding: 5px 10px;
436 cursor: default;
437 margin: 0 0px 0px 12px !important;
438 bottom: 40px;
439 transform: translateX(-50%);
440 min-width: 300px;
441 font-size: 15px;
442 line-height: 24px;
443 }
444
445 div.custom-tooltip:hover {
446 z-index: 3;
447 }
448
449 div.custom-tooltip:hover p {
450 visibility: visible;
451 width: 300px;
452 }
453
454
455 div.custom-tooltip:hover p:after {
456 content: '';
457 position: absolute;
458 width: 0;
459 height: 0;
460 border-width: 10px;
461 border-style: solid;
462 border-color: #fff transparent transparent transparent;
463 bottom: -20px;
464 left: -10px;
465 margin: 0 50%;
466 }
467
468 #custom-ifram {
469 position: absolute;
470 top: 50%;
471 left: 50%;
472 transform: translate(-50%, -50%);
473 z-index: 99;
474 width: 90%;
475 height: 293px;
476 overflow: auto;
477 background: #fff;
478 border-radius: 5px;
479 }
480
481 .icons-selector .selector {
482 width: 100%;
483 }
484
485 .iframe-wrapper {
486 max-width: 600px;
487 position: relative;
488 margin: 0 auto;
489 width: 100%;
490 height: 400px;
491 }
492
493 .iframe-wrapper .pnlm-container {
494 height: 100%;
495 width: 100%;
496 }
497
498 .pano-wrap:before {
499 content: "";
500 position: absolute;
501 left: 0;
502 top: 0;
503 background: rgba(0, 0, 0, 0.4);
504 width: 100%;
505 height: 100%;
506 z-index: 9;
507 opacity: 0;
508 visibility: hidden;
509 transition: all 0.4s linear;
510 }
511
512 .iframe-wrapper.show-modal .pano-wrap:before {
513 opacity: 1;
514 visibility: visible;
515 }
516
517 .iframe-wrapper #cross {
518 background: #fff;
519 width: 24px;
520 height: 24px;
521 color: red;
522 line-height: 26px;
523 position: absolute;
524 top: 43px;
525 right: 26px;
526 text-align: center;
527 z-index: 999;
528 font-size: 13px;
529 border-radius: 100%;
530 cursor: pointer;
531 opacity: 0;
532 visibility: hidden;
533 transition: all 0.4s ease;
534 }
535
536 .iframe-wrapper.show-modal #cross {
537 opacity: 1;
538 visibility: visible;
539 }
540
541 .wp-vr_page_wpvr-setting:before,
542 .post-type-wpvr_item:before {
543 content: "";
544 background: rgba(0, 0, 0, 0.54);
545 top: 0;
546 left: 0;
547 width: 100%;
548 height: 100%;
549 position: fixed;
550 z-index: 2;
551 opacity: 0;
552 visibility: hidden;
553 transition: all 0.4s ease;
554 }
555
556 .post-type-wpvr_item.wpvr-layout-overlay:before,
557 .post-type-wpvr_item.error-overlay2:before,
558 .wp-vr_page_wpvr-setting.error-overlay2:before,
559 .post-type-wpvr_item.error-overlay:before {
560 opacity: 1;
561 visibility: visible;
562 }
563
564 #custom-ifram p {
565 background-color: #fff;
566 padding: 10px;
567 margin: auto;
568 border-radius: 5px;
569 font-size: 15px;
570 line-height: 24px;
571 }
572
573 .custom-tooltip p {
574 background-color: #fff;
575 padding: 10px 0;
576 margin: auto;
577 border-radius: 5px;
578 width: 500px;
579 font-size: 16px;
580 line-height: 26px;
581 }
582
583 #custom-ifram img {
584 max-width: 100%;
585 height: auto;
586 margin: 0 auto;
587 display: block;
588 }
589
590 #custom-ifram iframe {
591 max-width: 100%;
592 margin: 0 auto;
593 display: block;
594 }
595
596 .custom-tooltip span img {
597 height: 220px;
598 width: 400px;
599 }
600
601
602 .rex-add-coordinates > ul:first-child {
603 position: relative;
604 width: 100%;
605 display: flex;
606 align-items: center;
607 justify-content: center;
608 }
609
610 .rex-add-coordinates ul li {
611 position: relative;
612 display: inline-block;
613 text-align: center !important;
614 cursor: pointer;
615 vertical-align: middle;
616 margin-bottom: 0;
617 }
618
619 .rex-add-coordinates ul li #panodata {
620 margin-top: 0!important;
621 font-size: 13px;
622 }
623
624 .rex-add-coordinates ul li.add-pitch i {
625 margin-bottom: 0;
626 width: 20px;
627 height: 20px;
628 line-height: 20px;
629 background: rgb(71, 117, 246);
630 color: #fff;
631 border-radius: 100%;
632 box-sizing: border-box;
633 margin-left: 6px;
634 position: relative;
635 box-shadow: 0 0 3px 0 rgba(71, 118, 246, 0.631);
636 transform: scale(1);
637 animation: pulse-wpvr 2s infinite;
638 transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out;
639 }
640
641 .rex-hide-coordinates {
642 display: none !important;
643 }
644
645 .toppitch {
646 font-size: 11px;
647 vertical-align: middle;
648 /* transform: rotate(-90deg); */
649 }
650
651
652
653 .rex-add-coordinates ul li.add-pitch .rex-tooltiptext {
654 visibility: hidden;
655 opacity: 0;
656 width: 220px;
657 background-color: #222;
658 color: #fff;
659 text-align: center;
660 border-radius: 5px;
661 position: absolute;
662 z-index: 1;
663 top: -100%;
664 left: 50%;
665 padding: 6px 12px;
666 /* white-space: nowrap; */
667 font-size: 11px;
668 margin-top: -16px;
669 letter-spacing: 0.5px;
670 -webkit-transform: translateX(-50%);
671 -moz-transform: translateX(-50%);
672 -ms-transform: translateX(-50%);
673 -o-transform: translateX(-50%);
674 transform: translateX(-50%);
675 -webkit-transition: all 0.5s ease;
676 -moz-transition: all 0.5s ease;
677 -ms-transition: all 0.5s ease;
678 -o-transition: all 0.5s ease;
679 transition: all 0.5s ease;
680 }
681
682 .rex-add-coordinates ul li.add-pitch .rex-tooltiptext::after {
683 content: "";
684 position: absolute;
685 top: 100%;
686 left: 50%;
687 margin-left: -2px;
688 border-width: 5px;
689 border-style: solid;
690 border-color: #222 transparent transparent transparent;
691 }
692
693 .rex-add-coordinates ul li.add-pitch:hover .rex-tooltiptext {
694 visibility: visible;
695 margin-top: -18px;
696 opacity: 1;
697 }
698
699
700 @media (max-width: 1499px) {
701 .rex-add-coordinates ul li.add-pitch .rex-tooltiptext {
702 right: 0;
703 left: -61px;
704 }
705
706 .rex-add-coordinates ul li.add-pitch .rex-tooltiptext::after {
707 left: 80%;
708 }
709 }
710
711 @media (max-width: 1399px) {
712 .rex-add-coordinates ul li.add-pitch .rex-tooltiptext {
713 left: 50%;
714 }
715
716 .rex-add-coordinates ul li.add-pitch .rex-tooltiptext::after {
717 left: 50%;
718 }
719 }
720
721 @media (max-width: 1199px) {
722 .pnlm-container {
723 width: 100%!important;
724 }
725
726 .custom-tooltip p {
727 width: 420px;
728 }
729 .custom-tooltip span img {
730 height: 230px;
731 width: 420px;
732 }
733 }
734
735 @media (max-width: 991px) {
736 .custom-tooltip p {
737 width: 530px;
738 }
739 .custom-tooltip span img {
740 height: 310px;
741 width: 540px;
742 }
743 }
744
745 @media (max-width: 575px) {
746 .pano-wrap .cross {
747 top: 2px;
748 right: 1px;
749 }
750 }
751
752
753 /*------------------------------panolens layout style-----------------------------*/
754
755 .post-type-wpvr_item #poststuff #post-body {
756 margin-right: 0;
757 display: flex;
758 flex-flow: row wrap;
759 }
760
761 .post-type-wpvr_item #post-body-content {
762 width: 100%;
763 min-width: 463px;
764 float: none;
765 }
766
767 .postbox-container {
768 float: none;
769 }
770
771 .post-type-wpvr_item #post-body #postbox-container-1 {
772 float: none;
773 margin-right: 0;
774 width: 550px;
775 order: 2;
776 }
777
778 .post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
779 max-width: 625px;
780 }
781
782 .post-type-wpvr_item #post-body #postbox-container-1 #side-sortables {
783 width: 100%;
784 }
785
786 .post-type-wpvr_item #post-body #postbox-container-2 {
787 order: 1;
788 width: calc(100% - 570px);
789 margin-right: 20px;
790 }
791
792
793 /*------------------------------panolens tab style-----------------------------*/
794
795 .pano-setup * {
796 box-sizing: border-box;
797 }
798
799
800 /*-----------switcher style------- */
801
802 .wpvr-switcher {
803 position: relative;
804 top: 2px;
805 }
806
807 .wpvr-switcher input[type="checkbox"] {
808 display: none;
809 }
810
811 .wpvr-switcher label {
812 display: block;
813 position: relative;
814 cursor: pointer;
815 outline: none;
816 user-select: none;
817 width: 44px;
818 height: 24px;
819 border-radius: 14px;
820 background-color: #F3EFFF;
821 border: 1px solid #F3EFFF;
822 transition: all 0.3s ease;
823 }
824
825 .wpvr-switcher label:before {
826 display: none;
827 }
828
829 .wpvr-switcher label:after {
830 content: ""!important;
831 width: 16px!important;
832 height: 16px!important;
833 border-radius: 9px!important;
834 filter: box-shadow: 0px 1px 2px 0px rgba(63, 4, 254, 0.25);
835 background-color: #fff;
836 border-radius: 100%!important;
837 position: absolute!important;
838 top: 3px!important;
839 left: 4px!important;
840 transition: all 0.3s ease!important;
841 transform: none!important;
842 margin: 0!important;
843 }
844
845 .wpvr-switcher input[type="checkbox"]:checked+label {
846 border-color: #201cfe;
847 background-color: #201cfe;
848 }
849
850 .wpvr-switcher input[type="checkbox"]:checked+label:after {
851 margin-left: 19px!important;
852 filter: none;
853 }
854
855 .wpvr-switcher input:disabled+label {
856 cursor: not-allowed;
857 }
858
859
860 /*-----------/switcher style------- */
861
862 /*-----------switcher-v2 style------- */
863 .wpvr-switcher-v2 {
864 margin-bottom: 0!important;
865 }
866 .wpvr-switcher-v2 input[type="checkbox"] {
867 display: none;
868 }
869 .wpvr-switcher-v2 .switcher-box {
870 display: block;
871 position: relative;
872 cursor: pointer;
873 outline: none;
874 border-radius: 80px;
875 user-select: none;
876 width: 44px;
877 height: 24px;
878 border-radius: 14px;
879 background-color: #f7f7fa;
880 border: 1px solid #e6e6ec;
881 transition: all 0.3s ease;
882 }
883 .wpvr-switcher-v2 .switcher-box:after {
884 content: "";
885 width: 16px;
886 height: 16px;
887 filter: drop-shadow(0px 2px 1px rgba(193, 193, 218, 0.45));
888 background-color: #fff;
889 border-radius: 100%;
890 position: absolute;
891 top: 3px;
892 left: 4px;
893 transition: all 0.3s ease;
894 transform: none;
895 margin: 0;
896 }
897 .wpvr-switcher-v2 input[type="checkbox"]:checked + .switcher-box {
898 border-color: #201cfe;
899 background-color: #201cfe;
900 }
901 .wpvr-switcher-v2 input[type="checkbox"]:checked + .switcher-box:after {
902 margin-left: 19px!important;
903 filter: none;
904 }
905 .wpvr-switcher-v2 input:disabled + .switcher-box {
906 cursor: not-allowed;
907 }
908 /*-----------end switcher-v2 style------- */
909
910 .pano-setup {
911 position: relative;
912 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
913 /* direction: ltr; */
914 }
915
916 .rex-pano-tabs {
917 position: relative;
918 display: flex;
919 flex-flow: row;
920 align-items: flex-start;
921 justify-content: flex-start;
922 margin-left: -12px;
923 }
924
925 .rex-pano-tabs .rex-pano-tab-nav {
926 text-align: left;
927 width: 120px;
928 padding: 0;
929 }
930
931 .rex-pano-tabs .rex-pano-tab-nav ul {
932 margin: 0;
933 }
934
935 .rex-pano-tabs .rex-pano-tab-nav li {
936 display: block;
937 margin: 0;
938 border-bottom: 1px solid #e7e7ec;
939 }
940
941 .rex-pano-tabs .rex-pano-tab-nav li:last-child {
942 border-bottom: none;
943 }
944
945 .rex-pano-tabs .rex-pano-tab-nav li.logo {
946 height: 110px;
947 padding: 10px;
948 display: flex;
949 flex-flow: column;
950 align-items: center;
951 justify-content: center;
952 }
953
954 .rex-pano-tabs .rex-pano-tab-nav li span {
955 text-transform: uppercase;
956 color: #a8a7be;
957 cursor: pointer;
958 font-weight: 500;
959 font-size: 14px;
960 -webkit-user-select: none;
961 -moz-user-select: none;
962 -ms-user-select: none;
963 user-select: none;
964 display: flex;
965 flex-flow: column;
966 align-items: center;
967 justify-content: center;
968 text-align: center;
969 height: 124px;
970 padding: 0 20px;
971 position: relative;
972 transition: all 0.3s ease;
973 }
974
975 .rex-pano-tabs .rex-pano-tab-nav li span img {
976 margin-bottom: 10px;
977 }
978
979 .rex-pano-tabs .rex-pano-tab-nav li span img.hover {
980 display: none;
981 }
982
983 .rex-pano-tabs .rex-pano-tab-nav li:hover>span,
984 .rex-pano-tabs .rex-pano-tab-nav li.active>span {
985 color: #fff;
986 background: #3F04FE;
987 }
988
989
990 .rex-pano-tabs .rex-pano-tab-nav li:hover span img.hover,
991 .rex-pano-tabs .rex-pano-tab-nav li.active span img.hover {
992 display: block;
993 }
994
995 .rex-pano-tabs .rex-pano-tab-nav li:hover span img.regular,
996 .rex-pano-tabs .rex-pano-tab-nav li.active span img.regular {
997 display: none;
998 }
999
1000 .rex-pano-sub-tabs .rex-pano-tab,
1001 .rex-pano-tabs .rex-pano-tab {
1002 display: none;
1003 }
1004
1005 .rex-pano-sub-tabs .rex-pano-tab.active,
1006 .rex-pano-tabs .rex-pano-tab.active {
1007 display: block !important;
1008 }
1009
1010 .rex-pano-sub-tabs .rex-pano-tab.clearfix,
1011 .rex-pano-tabs .rex-pano-tab.clearfix {
1012 overflow: initial;
1013 }
1014
1015 .pano-alert {
1016 position: absolute;
1017 top: 50%;
1018 left: 50%;
1019 display: none;
1020 -webkit-transform: translate(-50%, -50%);
1021 -ms-transform: translate(-50%, -50%);
1022 -o-transform: translate(-50%, -50%);
1023 transform: translate(-50%, -50%);
1024 z-index: 9;
1025 max-width: 605px;
1026 width: 100%;
1027 }
1028
1029
1030
1031 /*--------------tab content style----------------*/
1032
1033 .rex-pano-tab-content {
1034 background: #f6f6f8;
1035 width: calc(100% - 120px);
1036 position: relative;
1037 align-self: stretch;
1038 border-radius: 20px;
1039 }
1040
1041 .rex-pano-tab-content .title {
1042 font-size: 18px;
1043 font-weight: 600;
1044 color: #4775f6;
1045 margin: 0 0 40px 0;
1046 text-transform: capitalize;
1047 background: #f9fbff;
1048 border: 1px solid #ecf1fe;
1049 padding: 15px 30px;
1050 width: 100%;
1051 }
1052
1053 .rex-pano-tab-content .single-hotspot .title span {
1054 color: #252525;
1055 }
1056
1057 .rex-pano-tab-content .title .scene-num,
1058 .rex-pano-tab-content .single-hotspot .title .hotspot-num {
1059 color: #4775f6;
1060 }
1061
1062 .rex-pano-tab-content .title i {
1063 margin-right: 10px;
1064 }
1065
1066 .rex-pano-tab-content .rex-pano-tab.floor-plan,
1067 .rex-pano-tab-content .rex-pano-tab.streetview,
1068 .rex-pano-tab-content .rex-pano-tab.background-tour,
1069 .rex-pano-tab-content .rex-pano-tab.video,
1070 .rex-pano-tab-content .rex-pano-tab.export,
1071 .rex-pano-tab-content .rex-pano-tab.general {
1072 padding: 28px;
1073 }
1074
1075
1076 .pro-tag {
1077 position: absolute;
1078 right: -8px;
1079 top: -11px;
1080 display: block;
1081 color: #ffffff;
1082 font-weight: 600;
1083 padding: 5px 6px;
1084 text-transform: capitalize;
1085 text-align: center;
1086 font-size: 11px;
1087 font-style: normal;
1088 line-height: 0.8;
1089 background: #00B4FF;
1090 border-radius: 9px 9px 9px 0px;
1091 }
1092
1093 li.floor-plan.floor-plan-pro-tag,
1094 li.background-tour.background-tour-pro-tag,
1095 li.streetview.streetview-pro-tag ,
1096 li.export.export-pro-tag {
1097 position: relative;
1098 }
1099
1100 .navigator-pro-tag {
1101 position: absolute;
1102 right: -6px;
1103 top: 10px;
1104 display: block;
1105 border-radius: 9px 9px 9px 0px;
1106 background: #00B4FF;
1107 font-size: 11px;
1108 color: #ffffff;
1109 font-weight: 600;
1110 padding: 5px 6px;
1111 text-transform: capitalize;
1112 z-index: 1;
1113 line-height: 0.8;
1114 }
1115
1116 /* ----general inner tab style----- */
1117
1118 .rex-pano-tab-content .general .general-inner-tab .inner-nav {
1119 display: flex;
1120 flex-flow: row;
1121 align-items: center;
1122 margin: 0 0 20px 0;
1123 padding: 0;
1124 list-style: none;
1125 }
1126
1127 .rex-pano-tab-content .general .general-inner-tab .inner-nav li {
1128 margin-right: 15px;
1129 margin-bottom: 0;
1130 }
1131
1132 .rex-pano-tab-content .general .general-inner-tab .inner-nav li:last-child {
1133 margin-right: 0;
1134 }
1135
1136 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
1137 position: relative;
1138 font-size: 15px;
1139 color: #73707D;
1140 font-weight: 500;
1141 text-transform: capitalize;
1142 padding: 11px 20px;
1143 display: flex;
1144 flex-flow: row;
1145 gap: 10px;
1146 align-items: center;
1147 justify-content: center;
1148 transition: all 0.3s ease;
1149 cursor: pointer;
1150 background-color: #ffffff;
1151 border-radius: 6px;
1152 box-shadow: 0px 1px 2px 0px rgba(63, 4, 254, 0.15);
1153 }
1154
1155
1156 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img.hover {
1157 display: none;
1158 }
1159
1160 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active>span img.hover {
1161 display: block;
1162 }
1163
1164 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active>span img.regular {
1165 display: none;
1166 }
1167
1168 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active>span {
1169 background: #3F04FE;
1170 color: #fff;
1171 }
1172
1173 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active .pro-tag {
1174 color: #004efa;
1175 background: #fff;
1176 }
1177
1178 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation {
1179 margin-left: auto;
1180 }
1181
1182 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a {
1183 display: flex;
1184 align-items: center;
1185 gap: 12px;
1186 padding: 14px 20px;
1187 margin-top: auto;
1188 border-radius: 6px;
1189 background: #FFF;
1190 box-shadow: 0px 1px 2px 0px rgba(63, 4, 254, 0.15);
1191 font-size: 15px;
1192 font-weight: 500;
1193 line-height: 1.07;
1194 color: #73707D;
1195 text-decoration: none;
1196 transition: all 0.3s ease;
1197 }
1198
1199 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a:hover {
1200 background-color: #3F04FE;
1201 color:#fff;
1202 }
1203
1204 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a:hover svg path {
1205 stroke: #fff;
1206 }
1207
1208 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a svg {
1209 width:15px;
1210 height: 15px;
1211 }
1212
1213
1214 /* ---inner tab content style---- */
1215
1216 .rex-pano-tab-content .general .inner-nav-content .inner-single-content {
1217 display: none;
1218 }
1219
1220 .rex-pano-tab-content .general .inner-nav-content .inner-single-content.active {
1221 display: block;
1222 }
1223
1224 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
1225 display: flex;
1226 flex-flow: row wrap;
1227 }
1228
1229 .rex-pano-tab-content .general .general-inner-tab .inner-nav-content {
1230 position: relative;
1231 border-radius: 6px;
1232 border: 1px solid #EAE4FF;
1233 padding: 20px;
1234 }
1235
1236 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
1237 width: 50%;
1238 padding-right: 20px;
1239 }
1240
1241 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left::before {
1242 content: "";
1243 position: absolute;
1244 top: 0;
1245 right: 50%;
1246 width: 1px;
1247 height: 100%;
1248 background-color: #EAE4FF;
1249 }
1250
1251 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
1252 width: 50%;
1253 padding-left: 20px;
1254 }
1255
1256 .rex-pano-tab-content .wpvr-pre-img,
1257 .rex-pano-tab-content .wpvr-set-pre-img {
1258 display: flex;
1259 align-items: center;
1260 }
1261
1262 .rex-pano-tab-content .wpvr-set-pre-img {
1263 width: 100%;
1264 display: flex;
1265 flex-flow: row;
1266 align-items: center;
1267 line-height: 1;
1268 border-radius: 6px 6px 0px 0px;
1269 border-bottom: 1px solid #F2EFFE;
1270 padding: 15px 16px;
1271 background-color: #ffffff;
1272 }
1273
1274 .rex-pano-tab-content .wpvr-pre-img span,
1275 .rex-pano-tab-content .wpvr-set-pre-img span {
1276 font-size: 15px;
1277 color: #0E003C;
1278 font-weight: 500;
1279 }
1280
1281
1282 /* ------img preview------- */
1283
1284 .rex-pano-tab-content .general .single-settings.preview-setting {
1285 display: block;
1286 margin-bottom: 20px;
1287 }
1288
1289 .rex-pano-tab-content .general .single-settings .wpvr-set-pre-img-area {
1290 border-radius: 0 0 6px 6px;
1291 background-color: #FCFCFF;
1292 box-shadow: 0px 1px 1px 0px rgba(63, 4, 254, 0.08);
1293 padding: 14px 20px;
1294 }
1295
1296 .rex-pano-tab-content .general .single-settings.preview-setting .hints {
1297 display: block;
1298 font-weight: 400;
1299 font-style: italic;
1300 font-size: 14px;
1301 line-height: 1;
1302 padding: 0;
1303 width: 100%;
1304 margin-top: 14px;
1305 color: #73707D;
1306 }
1307
1308 .rex-pano-tab-content .general .single-settings.preview-setting>span {
1309 margin-bottom: 10px;
1310 }
1311
1312 .rex-pano-tab-content .general .single-settings.preview-setting .vr-upload-text {
1313 font-size: 14px;
1314 font-weight: 400;
1315 color: #73707D;
1316 margin-top: 10px;
1317 }
1318
1319 .rex-pano-tab-content .general .single-settings.preview-setting .vr-upload-text strong {
1320 font-weight: 500;
1321 }
1322
1323 .rex-pano-tab .floorPlanData .floot-plan-setting .floor-plan-upload,
1324 .rex-pano-tab-content .general .single-settings.preview-setting .preview-attachment-url,
1325 .rex-pano-tab-content .general .single-settings.preview-setting .preview-upload {
1326 display: none;
1327 }
1328
1329
1330 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame,
1331 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame {
1332 width: 100%;
1333 height: 210px;
1334 border-radius: 8px;
1335 border: 1px dashed #D2CAEC;
1336 background-repeat: no-repeat;
1337 background-position: center;
1338 background-size: cover;
1339 position: relative;
1340 }
1341 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame{
1342 background-size: contain;
1343 }
1344 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame label,
1345 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label {
1346 width: 100%;
1347 height: 100%;
1348 display: flex;
1349 flex-flow: column;
1350 align-items: center;
1351 justify-content: center;
1352 }
1353
1354 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame label span {
1355 font-size: 14px;
1356 color: #363b4e;
1357 font-weight: 400;
1358 margin-top: 10px;
1359 }
1360
1361 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame label img,
1362 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label img {
1363 max-width: 100%;
1364 }
1365
1366 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame.img-uploaded span,
1367 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame.img-uploaded img,
1368 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded span,
1369 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded img {
1370 display: none;
1371 }
1372
1373
1374 /* -----remove attachment style----- */
1375
1376 .rex-pano-tab .floorPlanData .floot-plan-setting .floor-plan-remove-attachment,
1377 .rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment {
1378 position: absolute;
1379 right: 6px;
1380 top: 6px;
1381 background: #fff;
1382 padding: 5px;
1383 text-indent: -9999px;
1384 width: 24px;
1385 height: 24px;
1386 line-height: normal;
1387 border-radius: 100%;
1388 cursor: pointer;
1389 display: none;
1390 }
1391
1392 .rex-pano-tab .floorPlanData .floot-plan-setting .img-upload-frame.img-uploaded .floor-plan-remove-attachment,
1393 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded span.remove-attachment {
1394 display: block;
1395 }
1396
1397 .rex-pano-tab .floorPlanData .floot-plan-setting .floor-plan-remove-attachment:before,
1398 .rex-pano-tab .floorPlanData .floot-plan-setting .floor-plan-remove-attachment:after,
1399 .rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment:before,
1400 .rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment:after {
1401 content: "";
1402 position: absolute;
1403 left: 50%;
1404 top: 50%;
1405 width: 2px;
1406 height: calc(100% - 14px);
1407 background: #201cfe;
1408 transform: translate(-50%, -50%) rotate(45deg);
1409 transform-origin: center;
1410 }
1411
1412 .rex-pano-tab .floorPlanData .floot-plan-setting .floor-plan-remove-attachment:after,
1413 .rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment:after {
1414 transform: translate(-50%, -50%) rotate(-45deg);
1415 }
1416
1417
1418 /* ---autoload--- */
1419
1420 .rex-pano-tab-content .floor-plan .single-settings.inline-style,
1421 .rex-pano-tab-content .background-tour .single-settings.inline-style,
1422 .rex-pano-tab-content .general .inner-nav-content .single-settings:not(.preview-setting) {
1423 width: 100%;
1424 display: flex;
1425 flex-flow: row;
1426 align-items: center;
1427 justify-content: space-between;
1428 line-height: 1;
1429 border-radius: 6px;
1430 border-bottom: 1px solid #F2EFFE;
1431 padding: 15px 16px;
1432 margin-bottom: 20px;
1433 background-color: #ffffff;
1434 }
1435
1436
1437 .rex-pano-tab-content .general .inner-nav-content .single-settings select.wpvr-membership-access {
1438 max-width: 250px;
1439 height: 36px;
1440 }
1441
1442
1443 .rex-pano-tab-content .general .inner-nav-content .single-settings.preview-img-message input {
1444 padding: 2px 7px;
1445 height: 33px;
1446 max-width: 170px;
1447 }
1448
1449 .rex-pano-tab-content .floor-plan .single-settings .wpvr-switcher,
1450 .rex-pano-tab-content .background-tour .single-settings.inline-style .wpvr-switcher,
1451 .rex-pano-tab-content .general .inner-nav-content .single-settings .wpvr-switcher {
1452 min-width: auto;
1453 padding-right: 0;
1454 margin-left: auto;
1455 position: relative;
1456 }
1457
1458 /* ---scene-fade-duration--- */
1459 .rex-pano-tab-content .general .inner-nav-content .single-settings.autorotationdata input,
1460 .rex-pano-tab-content .general .inner-nav-content .single-settings.scene-fade-duration input {
1461 width: 70px;
1462 padding: 2px 7px;
1463 height: 38px;
1464 border-radius: 6px;
1465 border: 1px solid #EAE4FF;
1466 background: #FCFCFF;
1467 margin: -6px 0;
1468 }
1469
1470 /* ---autorotationdata--- */
1471
1472 .rex-pano-tab-content .general .inner-nav-content .single-settings.autorotationdata input {
1473 margin: 0;
1474 }
1475
1476 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper select {
1477 width: 180px;
1478 padding: 2px 7px;
1479 height: 33px;
1480 margin-left: auto;
1481 background-color: transparent;
1482 }
1483
1484
1485
1486 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper .single-settings span {
1487 font-size: 14px;
1488 font-weight: 400;
1489 }
1490
1491 .rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings .wpvr-tooltip-area span {
1492 font-size: 14px;
1493 font-weight: 400;
1494 line-height: 1.1
1495 color: #0E003C;
1496 }
1497
1498
1499 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content {
1500 display: flex;
1501 width: 100%;
1502 padding: 15px;
1503 margin-bottom: 20px;
1504 border-radius: 0px 0px 6px 6px;
1505 background-color: #FCFCFF;
1506 box-shadow: 0px 1px 1px 0px rgba(63, 4, 254, 0.08);
1507 }
1508
1509
1510 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings {
1511 position: relative;
1512 padding: 0;
1513 margin-bottom: 0;
1514 border: none;
1515 flex-direction: row-reverse;
1516 align-items: flex-start;
1517 justify-content: flex-end;
1518 }
1519
1520
1521 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings .vr-switcher-radio {
1522 display: none;
1523 }
1524
1525
1526 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings .custom-radio-label::before {
1527 content: "";
1528 position: absolute;
1529 width: 16px;
1530 height: 16px;
1531 border: 1px solid #E0D7FF;
1532 background: #F3EFFF;
1533 border-radius: 50%;
1534 top: 0%;
1535 left: 0px;
1536 transition: border-color 400ms ease;
1537 }
1538
1539 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings .custom-radio-label::after {
1540 content: "";
1541 position: absolute;
1542 width: 14px;
1543 height: 14px;
1544 background-color: #3F04FE;
1545 border: 1px solid #3F04FE;
1546 border-radius: 50%;
1547 top: 1px;
1548 left: 1px;
1549 transform: scale(0);
1550 transition: transform 400ms ease;
1551 }
1552
1553 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings .vr-switcher-radio:checked + .custom-radio-label::before {
1554 border-color: #3F04FE;
1555 }
1556
1557 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings .vr-switcher-radio:checked + .custom-radio-label::after {
1558 transform: scale(0.55);
1559 }
1560
1561
1562 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings > span:first-of-type {
1563 font-size: 14px;
1564 font-weight: 400;
1565 line-height: 1.1;
1566 color: #0E003C;
1567 padding-right: 10px;
1568 padding-left: 10px;
1569 }
1570
1571 .rex-pano-tab-content .general .inner-nav-content .call-to-action,
1572 .rex-pano-tab-content .general .inner-nav-content .set-zoom-perference-control-settings-wrapper {
1573 width: 100%;
1574 padding: 15px;
1575 margin-bottom: 20px;
1576 border-radius: 0px 0px 6px 6px;
1577 background-color: #FCFCFF;
1578 box-shadow: 0px 1px 1px 0px rgba(63, 4, 254, 0.08);
1579 }
1580
1581 .rex-pano-tab-content .general .inner-nav-content .explainer-video-settings-wrapper .explainer-info-wrapper {
1582 padding-bottom:15px;
1583 border-bottom: 1px solid #F2EFFE;
1584 }
1585
1586 .rex-pano-tab-content .general .inner-nav-content .custom-css-field .single-settings .CodeMirror {
1587 background-color: transparent;
1588 }
1589
1590 .rex-pano-tab-content .general .inner-nav-content .company-info-wrapper,
1591 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates,
1592 .rex-pano-tab-content .general .inner-nav-content .explainer-video-settings-wrapper,
1593 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper,
1594 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper,
1595 .rex-pano-tab-content .general .inner-nav-content .bg-music-content,
1596 .rex-pano-tab-content .general .inner-nav-content .mouse-zoom-control-settings-wrapper,
1597 .rex-pano-tab-content .general .inner-nav-content .mouse-dragable-control-settings-wrapper,
1598 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper,
1599 .rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper {
1600 width: 100%;
1601 padding: 15px;
1602 display: none;
1603 margin-bottom: 20px;
1604 border-radius: 0px 0px 6px 6px;
1605 background-color: #FCFCFF;
1606 box-shadow: 0px 1px 1px 0px rgba(63, 4, 254, 0.08);
1607 }
1608
1609
1610
1611 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings,
1612 .rex-pano-tab-content .general .inner-nav-content .company-info-wrapper .single-settings,
1613 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates .single-settings,
1614 .rex-pano-tab-content .general .inner-nav-content .set-zoom-perference-control-settings-wrapper .single-settings,
1615 .rex-pano-tab-content .general .inner-nav-content .explainer-video-settings-wrapper .single-settings,
1616 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper .single-settings,
1617 .rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings,
1618 .rex-pano-tab-content .general .inner-nav-content .custom-css-field .single-settings,
1619 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .single-settings,
1620 .rex-pano-tab-content .general .inner-nav-content .mouse-zoom-control-settings-wrapper .single-settings,
1621 .rex-pano-tab-content .general .inner-nav-content .mouse-dragable-control-settings-wrapper .single-settings,
1622 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper .single-settings,
1623 .rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings {
1624 border-radius: 0;
1625 margin-bottom: 0;
1626 padding: 15px 0;
1627 background-color: transparent;
1628 }
1629
1630
1631 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings:first-child,
1632 .rex-pano-tab-content .general .inner-nav-content .company-info-wrapper .single-settings:first-child,
1633 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates .single-settings:first-child,
1634 .rex-pano-tab-content .general .inner-nav-content .set-zoom-perference-control-settings-wrapper .single-settings:first-child,
1635 .rex-pano-tab-content .general .inner-nav-content .explainer-video-settings-wrapper .single-settings:first-child,
1636 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper .single-settings:first-child,
1637 .rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings:first-child,
1638 .rex-pano-tab-content .general .inner-nav-content .custom-css-field .single-settings:first-child,
1639 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .single-settings:first-child,
1640 .rex-pano-tab-content .general .inner-nav-content .mouse-zoom-control-settings-wrapper .single-settings:first-child,
1641 .rex-pano-tab-content .general .inner-nav-content .mouse-dragable-control-settings-wrapper .single-settings:first-child ,
1642 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper .single-settings:first-child ,
1643 .rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings:first-child {
1644 padding-top: 0;
1645 }
1646
1647
1648 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings:last-child,
1649 .rex-pano-tab-content .general .inner-nav-content .company-info-wrapper .single-settings:last-child,
1650 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates .single-settings:last-child,
1651 .rex-pano-tab-content .general .inner-nav-content .set-zoom-perference-control-settings-wrapper .single-settings:last-child,
1652 .rex-pano-tab-content .general .inner-nav-content .explainer-video-settings-wrapper .single-settings:last-child,
1653 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper .single-settings:last-child,
1654 .rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings:last-child,
1655 .rex-pano-tab-content .general .inner-nav-content .custom-css-field .single-settings:last-child,
1656 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .single-settings:last-child,
1657 .rex-pano-tab-content .general .inner-nav-content .mouse-zoom-control-settings-wrapper .single-settings:last-child,
1658 .rex-pano-tab-content .general .inner-nav-content .mouse-dragable-control-settings-wrapper .single-settings:last-child ,
1659 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper .single-settings:last-child ,
1660 .rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings:last-child {
1661 margin-bottom: 0;
1662 padding-bottom: 0;
1663 border-bottom: none;
1664 }
1665
1666
1667 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper .single-settings span,
1668 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings .wpvr-tooltip-area span,
1669 .rex-pano-tab-content .general .inner-nav-content .company-info-wrapper .single-settings>span,
1670 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates .single-settings .wpvr-tooltip-area span,
1671 .rex-pano-tab-content .general .inner-nav-content .set-zoom-perference-control-settings-wrapper .single-settings .wpvr-tooltip-area span,
1672 .rex-pano-tab-content .general .inner-nav-content .explainer-video-settings-wrapper .single-settings>span,
1673 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper .single-settings .wpvr-tooltip-area span,
1674 .rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings>span,
1675 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .single-settings .wpvr-tooltip-area span,
1676 .rex-pano-tab-content .general .inner-nav-content .mouse-dragable-control-settings-wrapper .single-settings.controls>span,
1677 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper .single-settings .wpvr-tooltip-area span ,
1678 .rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings .wpvr-tooltip-area span {
1679 font-size: 14px;
1680 font-weight: 400;
1681 line-height: 1.14;
1682 color: #0E003C;
1683 }
1684
1685
1686 .rex-pano-tab-content .general .inner-nav-content .mouse-zoom-control-settings-wrapper .single-settings span,
1687 .rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings .wpvr-tooltip-area .field-tooltip span,
1688 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper .single-settings .wpvr-tooltip-area .field-tooltip span,
1689 .rex-pano-tab-content .general .inner-nav-content .zyro-settings-wrapper .single-settings .wpvr-tooltip-area .field-tooltip span,
1690 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .single-settings .wpvr-tooltip-area .field-tooltip span,
1691 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings .wpvr-tooltip-area .field-tooltip span,
1692 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates .single-settings .wpvr-tooltip-area .field-tooltip span,
1693 .rex-pano-tab-content .general .inner-nav-content .set-zoom-perference-control-settings-wrapper .single-settings .wpvr-tooltip-area .field-tooltip span {
1694 color: #363b4e;
1695 font-size: 13px;
1696 line-height: 1.5;
1697 }
1698
1699 .rex-pano-tab-content .general .inner-nav-content .generic-form-associates .single-settings input[type="text"] {
1700 max-width: 200px;
1701 background-color: transparent;
1702 }
1703
1704 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings input[type="text"] {
1705 max-width: 240px;
1706 height: 38px;
1707 color: #0E003C;
1708 background-color: transparent;
1709 }
1710
1711 .rex-pano-tab-content .general .inner-nav-content .call-to-action .single-settings input::placeholder {
1712 font-size: 14px;
1713 font-weight: 400;
1714 line-height: 1;
1715 color: #0E003C;
1716 }
1717
1718 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .scene-gallery-icon-size-name {
1719 font-size: 14px;
1720 font-weight: 400;
1721 line-height: 1.1;
1722 color: #73707D;
1723 border-radius: 6px;
1724 border: 1px solid #EAE4FF;
1725 max-width: 114px;
1726 height: 30px;
1727 padding: 6px 10px;
1728 appearance: none;
1729 background-color: #FCFCFF;
1730 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M0 0L4.5 4.5L9 0' fill='%23A49FB6'/%3E%3C/svg%3E");
1731 background-repeat: no-repeat;
1732 background-position: right 12px center;
1733 background-size: 13px 12px;
1734 cursor: pointer;
1735 }
1736
1737
1738 .rex-pano-tab-content .general .inner-nav-content .scene-gallery-settings-wrapper .scene-gallery-icon-size-name:focus {
1739 border-color: #EAE4FF;
1740 outline: none;
1741 box-shadow: none;
1742 }
1743
1744
1745 .rex-pano-tab-content .general .inner-nav-content .gyro-orientation {
1746 display: none;
1747 margin-bottom: 20px;
1748 }
1749
1750 .single-settings.margin-bottom-remove {
1751 margin-bottom: 0 !important;
1752 border-bottom-left-radius: 0 !important;
1753 border-bottom-right-radius: 0 !important;
1754 }
1755
1756 /* ---icon control settings--- */
1757
1758 .rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings>span {
1759 min-width: 106px;
1760 padding-right: 10px;
1761 }
1762
1763 .rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings .wpvr-switcher {
1764 margin-left: 0;
1765 min-width: auto!important;
1766 padding-right: 0!important;
1767 }
1768
1769 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {
1770 margin-left: 25px;
1771 display: flex;
1772 flex-flow: row;
1773 align-items: center;
1774 height: 30px;
1775 /* border-right: 1px solid #ececf5;
1776 padding-right: 15px;
1777 margin-right: 15px; */
1778 }
1779
1780 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons {
1781 display: flex;
1782 align-items: center;
1783 }
1784
1785 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector {
1786 border: 1px solid #E6E2F5;
1787 height: 30px;
1788 background-color: #FFF;
1789 border-radius: 4px;
1790 }
1791
1792 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selected-icon {
1793 width: 29px;
1794 }
1795
1796 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selected-icon i {
1797 line-height: 30px;
1798 font-size: 16px;
1799 }
1800
1801 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector-button {
1802 width: 29px;
1803 border-left: none;
1804 background-color: transparent;
1805 }
1806
1807 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector-button i {
1808 line-height: 30px;
1809 text-align: center;
1810 }
1811
1812 .rex-pano-tab-content .general .inner-nav-content .color-icon .colors {
1813 margin-right: 13px;
1814 position: relative;
1815 top: 1px;
1816 display: flex;
1817 align-items: center;
1818 }
1819
1820 .rex-pano-tab-content .general .inner-nav-content .color-icon .icons>span,
1821 .rex-pano-tab-content .general .inner-nav-content .color-icon .colors>span {
1822 font-size: 14px;
1823 font-weight: 500;
1824 line-height: 1;
1825 color: #73707D;
1826 margin-right: 8px;
1827 }
1828
1829 .rex-pano-tab-content .general .inner-nav-content .color-icon .colors input[type="color"] {
1830 border: none;
1831 padding: 0;
1832 box-shadow: none;
1833 margin: 0;
1834 height: 30px;
1835 display: block;
1836 width: 30px;
1837 }
1838
1839 .rex-pano-tab-content .general .inner-nav-content .icons-selector .selector-popup {
1840 width: 280px;
1841 }
1842
1843
1844 /* ---advanced settings--- */
1845
1846 .rex-pano-tab-content .general .advanced-settings-content .single-settings .wpvr-switcher {
1847 margin-left: auto;
1848 }
1849
1850 .rex-pano-tab-content .general .advanced-settings-content .gallery_title {
1851 display: none;
1852 }
1853
1854 /* -----audio setting style----- */
1855
1856 /* .rex-pano-tab-content .general .inner-nav-content .inner-single-content .bg-music-content {
1857 width: 100%;
1858 padding: 25px 20px;
1859 border-radius: 5px;
1860 background-color: #ffffff;
1861 margin-top: -18px;
1862 margin-bottom: 20px;
1863 } */
1864
1865 /* .rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings {
1866 padding: 0;
1867 border-radius: 0;
1868 } */
1869
1870 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting {
1871 display: block;
1872 position: relative;
1873 }
1874
1875 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting>span {
1876 margin-bottom: 5px;
1877 }
1878
1879 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting input[type="text"] {
1880 padding: 6px 94px 6px 12px;
1881 max-width: 100%;
1882 background-color: transparent;
1883 }
1884
1885 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload span {
1886 color: #73707D;
1887 font-size: 10px;
1888 font-weight: 400;
1889 line-height: 16px;
1890 }
1891
1892 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload {
1893 display: flex;
1894 align-items: center;
1895 gap:5px;
1896 border: none;
1897 position: absolute;
1898 right: 6px;
1899 bottom: 8px;
1900 border-radius: 5px;
1901 cursor: pointer;
1902 background-color: transparent;
1903 }
1904
1905 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload img {
1906 padding: 5px 10px;
1907 background-color: #201CFE;
1908 border-radius: 5px;
1909 }
1910
1911 .rex-pano-tab-content .general .inner-nav-content .single-settings .audio-attachment-url::placeholder {
1912 font-size: 14px;
1913 font-weight: 400;
1914 line-height: 1;
1915 color: #73707D;
1916 }
1917
1918
1919 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload:focus {
1920 outline: none;
1921 }
1922
1923
1924 /*----company-info style-----*/
1925
1926 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area {
1927 flex-wrap: wrap;
1928 flex-direction: column;
1929 gap:15px;
1930 align-items: flex-start;
1931 }
1932
1933 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .cp-logo-upload {
1934 display: none;
1935 }
1936
1937 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .cp-logo-attachment-url {
1938 display: none;
1939 }
1940
1941 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .form-group {
1942 width: 100%;
1943 }
1944
1945 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame {
1946 height: 140px;
1947 border-radius: 8px;
1948 border: 1px dashed #D2CAEC;
1949 }
1950
1951
1952 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame label {
1953 height: 100%;
1954 width: 100%;
1955 display: flex;
1956 flex-flow: column;
1957 align-items: center;
1958 justify-content: center;
1959 text-align: center;
1960 }
1961
1962 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame label .vr-upload-text {
1963 font-size: 14px;
1964 font-weight: 400;
1965 color: #73707D;
1966 margin-top: 10px;
1967 }
1968
1969 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img {
1970 max-width: 100px;
1971 max-height: 70px;
1972 display: block;
1973 margin: 0 auto;
1974 cursor: pointer;
1975 }
1976
1977 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img.placeholder-icon {
1978 width: 67px;
1979 }
1980
1981 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame.img-uploaded img.placeholder-icon {
1982 display: none;
1983 }
1984
1985 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .hints {
1986 display: block;
1987 font-weight: 400;
1988 font-style: italic;
1989 font-size: 14px;
1990 padding: 0;
1991 width: 100%;
1992 margin-top: 13px;
1993 color: #73707D;
1994 }
1995
1996 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details {
1997 display: block;
1998 }
1999
2000 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details span {
2001 margin-bottom: 8px;
2002 padding: 0;
2003 min-width: auto;
2004 }
2005
2006 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details textarea {
2007 border: 1px solid #dae3fd;
2008 width: 100%;
2009 box-shadow: none;
2010 background-color: transparent;
2011 }
2012
2013 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details textarea:focus {
2014 outline: none;
2015 }
2016
2017
2018 /* --------Zoom Preferences-------- */
2019 .rex-pano-tab-content .general .inner-nav-content .single-settings.czscenedata input {
2020 width: 70px;
2021 padding: 2px 7px;
2022 height: 33px;
2023 margin-left: auto;
2024 background-color: transparent;
2025 }
2026
2027 /* --------------end general inner tab style--------------- */
2028
2029 .rex-pano-tab-content .general .inner-nav-content .wpvr-pro {
2030 display: block;
2031 }
2032
2033 .rex-pano-tab-content .general .inner-nav-content .wpvr-pro:focus {
2034 outline: none;
2035 box-shadow: none;
2036 }
2037
2038 .rex-pano-tab-content .general .inner-nav-content .wpvr-pro .pro-tag {
2039 right: 55px;
2040 top: 2px;
2041 background-color: #fff;
2042 color: #004efa;
2043 }
2044
2045
2046 /* -------shortcode area style-------- */
2047
2048 .wpvr-use-shortcode {
2049 background: #fff;
2050 border-radius: 5px;
2051 margin-top: 20px;
2052 width: 100%;
2053 }
2054
2055 .wpvr-use-shortcode .area-title {
2056 width: 100%;
2057 margin: 0;
2058 font-size: clamp(14px, 5vw, 17px);
2059 line-height: normal;
2060 border-bottom: 1px solid #eee;
2061 padding: 10px 15px;
2062 font-weight: 600;
2063 }
2064
2065 .wpvr-use-shortcode .shortcode-wrapper {
2066 display: flex;
2067 flex-flow: row wrap;
2068 }
2069
2070 .wpvr-use-shortcode .wpvr-shortcode-wrapper {
2071 padding: 24px;
2072 }
2073
2074 .wpvr-use-shortcode .single-shortcode {
2075 width: 100%;
2076 flex: 1;
2077 background: #ffffff;
2078 padding: 0px 0px 5px 0px;
2079 border-radius: 5px;
2080 margin-top: 20px;
2081 }
2082
2083 .wpvr-use-shortcode .wpvr-single-shortcode {
2084 width: 100%;
2085 background: #f6f6f6;
2086 padding: 12px 15px 15px 15px;
2087 border-radius: 5px;
2088 }
2089 .wpvr-social-share-area .wpvr-social-share-btn-area{
2090 width: 100%;
2091 background: #f6f6f6;
2092 padding: 12px 15px 15px 15px;
2093 border-radius: 5px;
2094 }
2095 .wpvr-use-shortcode .wpvr-qrcode-area {
2096 width: 100%;
2097 }
2098
2099 .wpvr-embaded-share-wrapper {
2100 display: grid;
2101 grid-template-columns: repeat(2, 1fr);
2102 gap: 30px;
2103 }
2104
2105 @media (max-width: 1700px) and (min-width: 1400px) {
2106 .wpvr-embaded-share-wrapper {
2107 display: block;
2108 }
2109 }
2110
2111
2112 .wpvr-social-share-area h4,
2113 .wpvr-use-shortcode .wpvr-qrcode-area h4 {
2114 font-family: 'Inter', sans-serif;
2115 font-size: clamp(14px, 5vw, 16px);
2116 font-style: normal;
2117 font-weight: 600;
2118 line-height: normal;
2119 color: #3D4248;
2120 margin: 20px 0;
2121 }
2122
2123 .wpvr-use-shortcode .wpvr-qrcode-btn-area {
2124 display: flex;
2125 flex-direction: column;
2126 justify-content: center;
2127 align-items: flex-start;
2128 }
2129
2130 .wpvr-use-shortcode .wpvr-qrcode-btn-section {
2131 border-radius: 10px;
2132 background: #FFF;
2133 box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
2134 padding: 20px;
2135 }
2136
2137
2138 .wpvr-use-shortcode .wpvr-qrcode {
2139 border-radius: 6px;
2140 border: 1px solid #EDEDED;
2141 background: #FFF;
2142 padding: 16px;
2143 }
2144
2145 .wpvr-use-shortcode button.wpvr-download-btn {
2146 font-family: 'Inter', sans-serif;
2147 font-size: 14px;
2148 font-style: normal;
2149 font-weight: 500;
2150 line-height: normal;
2151 border-radius: 6px;
2152 background: #1F1CF4;
2153 color: #FFF;
2154 padding: 10px;
2155 border: none;
2156 width: 100%;
2157 margin-top: 16px;
2158 cursor: pointer;
2159 }
2160
2161 .wpvr-use-shortcode .shortcode-wrapper.col2 .single-shortcode {
2162 width: calc(50% - 10px);
2163 flex: 1;
2164 margin-right: 10px;
2165 }
2166
2167 .wpvr-use-shortcode .shortcode-wrapper.col2 .single-shortcode.gutenberg {
2168 display: block;
2169 margin-right: 0;
2170 margin-left: 10px;
2171 }
2172
2173 .wpvr-use-shortcode .shortcode-title {
2174 font-size: 16px;
2175 font-weight: 500;
2176 display: block;
2177 }
2178
2179 .wpvr-use-shortcode .single-shortcode .field-wapper span {
2180 display: block;
2181 font-size: 14px;
2182 line-height: 1.3;
2183 margin-top: 10px;
2184 }
2185
2186 .wpvr-use-shortcode .single-shortcode .shortcode-field {
2187 background: #f6f6f8;
2188 display: inline-flex;
2189 align-items: center;
2190 justify-content: space-between;
2191 padding: 4px 10px;
2192 border-radius: 5px;
2193 float: right;
2194 }
2195
2196 .wpvr-use-shortcode .wpvr-single-shortcode .wpvr-shortcode-field {
2197 background: #fff;
2198 display: inline-flex;
2199 align-items: center;
2200 justify-content: space-between;
2201 padding: 8px 10px;
2202 border-radius: 5px;
2203 margin-top: 10px;
2204 min-width: 183px;
2205 }
2206
2207 .wpvr-use-shortcode .single-shortcode .shortcode-field p {
2208 margin: 0;
2209 font-size: 16px;
2210 font-weight: 500;
2211 word-break: break-all;
2212 }
2213
2214 .wpvr-use-shortcode .wpvr-single-shortcode .wpvr-shortcode-field p {
2215 margin: 0;
2216 font-size: 16px;
2217 font-weight: 500;
2218 word-break: break-all;
2219 }
2220
2221 .wpvr-use-shortcode .single-shortcode .shortcode-field .wpvr-copy-shortcode {
2222 background:#3F04FE;
2223 width: 36px;
2224 height: 36px;
2225 border-radius: 5px;
2226 cursor: pointer;
2227 margin-left: 10px;
2228 margin-top: 0;
2229 display: flex;
2230 flex-flow: column;
2231 align-items: center;
2232 justify-content: center;
2233 }
2234
2235 .wpvr-use-shortcode .single-shortcode .shortcode-field .wpvr-copy-shortcode img {
2236 width: 22px;
2237 }
2238
2239 .wpvr-use-shortcode .single-shortcode .wpvr-copied-notice {
2240 display: inline-block!important;
2241 margin-left: 10px;
2242 }
2243
2244
2245 /*----checkbox style----*/
2246
2247 .rex-pano-tab .radio-btn {
2248 position: relative;
2249 margin: 0;
2250 }
2251
2252 .rex-pano-tab.video .single-settings>span,
2253 .rex-pano-tab.streetview .single-settings>span {
2254 min-width: 170px;
2255 }
2256
2257 .rex-pano-tab .styled-radio {
2258 position: absolute;
2259 opacity: 0;
2260 visibility: hidden;
2261 }
2262
2263 .rex-pano-tab .styled-radio+label {
2264 position: relative;
2265 cursor: pointer;
2266 padding: 0;
2267 color: #555555;
2268 font-size: 15px;
2269 margin-bottom: 3px;
2270 letter-spacing: 0;
2271 width: 30px;
2272 margin: 0 auto;
2273 }
2274
2275 .rex-pano-tab .styled-radio+label:before {
2276 border: 1px solid #ddd;
2277 border-radius: 100%;
2278 content: "";
2279 display: inline-block;
2280 height: 18px;
2281 margin-right: 6px;
2282 vertical-align: text-top;
2283 width: 18px;
2284 -webkit-transition: all 0.3s ease;
2285 -o-transition: all 0.3s ease;
2286 transition: all 0.3s ease;
2287 }
2288
2289 .rex-pano-tab .styled-radio:focus+label:before {
2290 box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
2291 }
2292
2293 .rex-pano-tab .styled-radio:disabled+label {
2294 color: #b8b8b8;
2295 cursor: auto;
2296 }
2297
2298 .rex-pano-tab .styled-radio:disabled+label:before {
2299 box-shadow: none;
2300 background: #ddd;
2301 }
2302
2303 .rex-pano-tab .styled-radio:checked+label:before {
2304 border-color: #4775f6;
2305 }
2306
2307 .rex-pano-tab .styled-radio+label:after {
2308 content: "";
2309 color: #000;
2310 left: 5px;
2311 position: absolute;
2312 top: 5px;
2313 font-size: 18px;
2314 opacity: 0;
2315 visibility: hidden;
2316 width: 10px;
2317 height: 10px;
2318 background: #4775f6;
2319 border-radius: 100%;
2320 -webkit-transition: all 0.3s ease;
2321 ;
2322 -o-transition: all 0.3s ease;
2323 ;
2324 transition: all 0.3s ease;
2325 ;
2326 }
2327
2328 .rex-pano-tab .styled-radio:checked+label:after {
2329 opacity: 1;
2330 visibility: visible;
2331 }
2332
2333 .rex-pano-tab-content .general .inner-nav-content .single-settings #code-mirror-editor-custom-css {
2334 overflow: hidden;
2335 width: 100%;
2336 position: relative;
2337 padding: 15px;
2338 border-radius: 0px 0px 6px 6px;
2339 background-color: #FCFCFF;
2340 box-shadow: 0px 1px 1px 0px rgba(63, 4, 254, 0.08);
2341 }
2342
2343
2344 /*--------end checkbox style-------*/
2345
2346 .rex-pano-tab .single-settings {
2347 display: flex;
2348 flex-flow: row;
2349 align-items: center;
2350 justify-content: flex-start;
2351 margin-bottom: 30px;
2352 }
2353
2354 .rex-pano-tab .single-settings.s_tab {
2355 display: flex;
2356 flex-flow: row;
2357 align-items: center;
2358 justify-content: space-between;
2359 margin-bottom: 20px;
2360 }
2361
2362 .rex-pano-tab .single-settings:last-child {
2363 margin-bottom: 0px;
2364 }
2365
2366 .rex-pano-tab .single-settings>span {
2367 /* min-width: 170px; */
2368 font-size: 15px;
2369 display: block;
2370 color: #0E003C;
2371 font-weight: 500;
2372 line-height: 1;
2373 }
2374
2375 .rex-pano-tab .single-settings .wpvr-tooltip-area {
2376 display: flex;
2377 align-items: center;
2378 }
2379
2380 .rex-pano-tab .single-settings .wpvr-tooltip-area>span {
2381 font-size: 15px;
2382 display: block;
2383 color: #0E003C;
2384 font-weight: 500;
2385 line-height: 1;
2386 }
2387
2388 .rex-pano-tab.general .single-settings>span {
2389 padding-right: 20px;
2390 }
2391
2392 .general .auto-rotation-control-wrapper .single-settings>span {
2393 min-width: 224px;
2394 }
2395
2396 .rex-pano-tab .single-settings ul {
2397 margin: 0;
2398 }
2399
2400 .rex-pano-tab .single-settings ul li {
2401 display: inline-block;
2402 margin-right: 20px;
2403 }
2404
2405 .rex-pano-tab input[type="password"],
2406 .rex-pano-tab input[type="email"],
2407 .rex-pano-tab input[type="number"],
2408 .rex-pano-tab input[type="text"] ,
2409 .rex-pano-tab input[type="color"] ,
2410 .rex-pano-tab select {
2411 border: 1px solid #dae3fd;
2412 width: 100%;
2413 max-width: 400px;
2414 height: 46px;
2415 padding: 10px 10px;
2416 font-size: 14px;
2417 color: #454545;
2418 border-radius: 6px;
2419 line-height: 1;
2420 outline: none;
2421 box-shadow: none;
2422 }
2423
2424 .rex-pano-tab input[type="password"]:active,
2425 .rex-pano-tab input[type="email"]:active,
2426 .rex-pano-tab input[type="number"]:active,
2427 .rex-pano-tab input[type="text"]:active,
2428 .rex-pano-tab input[type="color"]:active,
2429 .rex-pano-tab select:active {
2430 color: #454545!important;
2431 }
2432
2433 .single-scene .scene-content .scene-setting {
2434 max-width: 440px;
2435 }
2436
2437
2438 /*------------input field tooltip-----------*/
2439 .rex-pano-tab .single-scene .scene-setting .wpvr-global-tooltip-area .field-tooltip,
2440 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area .field-tooltip,
2441 .rex-pano-tab .single-settings .single-setting-tooltip-area .field-tooltip,
2442 .rex-pano-tab .single-settings.inline-style .field-tooltip,
2443 .rex-pano-tab.floor-plan h4 .field-tooltip,
2444 .rex-pano-tab.floor-plan .floot-plan-setting .field-tooltip,
2445 .rex-pano-tab.backgroundTour .single-settings .field-tooltip,
2446 .rex-pano-tab.general .single-settings .field-tooltip {
2447 position: relative;
2448 top: 2px;
2449 padding-left: 12px;
2450 }
2451
2452
2453 .rex-pano-tab .single-scene .scene-setting .wpvr-global-tooltip-area {
2454 display: flex;
2455 align-items: center;
2456 margin-bottom: 10px;
2457 line-height: 1;
2458 }
2459
2460 .rex-pano-tab .single-scene .scene-setting .wpvr-global-tooltip-area label {
2461 margin-bottom: 0;
2462 }
2463
2464
2465 .rex-pano-tab.floor-plan h4 .field-tooltip i,
2466 .rex-pano-tab.floor-plan .floot-plan-setting .field-tooltip i,
2467 .rex-pano-tab.streetview .single-settings .field-tooltip i,
2468 .rex-pano-tab.backgroundTour .single-settings .field-tooltip i,
2469 .single-scene .scene-setting .field-tooltip i,
2470 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip i,
2471 .rex-pano-tab.general .single-settings .field-tooltip i {
2472 font-size: 20px;
2473 cursor: help;
2474 }
2475
2476 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area .field-tooltip span,
2477 .rex-pano-tab .single-settings .single-setting-tooltip-area .field-tooltip span,
2478 .rex-pano-tab .single-settings.inline-style .field-tooltip span,
2479 .rex-pano-tab.floor-plan h4 .field-tooltip span,
2480 .rex-pano-tab.floor-plan .floot-plan-setting .field-tooltip span,
2481 .rex-pano-tab.streetview .single-settings .field-tooltip span,
2482 .rex-pano-tab.backgroundTour .single-settings .field-tooltip span,
2483 .single-scene .scene-setting .field-tooltip span,
2484 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip span,
2485 .rex-pano-tab.general .single-settings .field-tooltip span {
2486 position: absolute;
2487 top: 50%;
2488 font-weight: 400;
2489 background: #fff;
2490 color: #363b4e;
2491 display: inline-block;
2492 min-width: 240px;
2493 max-width: 280px;
2494 padding: 10px 15px;
2495 font-size: 13px;
2496 left: 35px;
2497 line-height: 20px;
2498 border-radius: 3px;
2499 z-index: 11;
2500 opacity: 0;
2501 visibility: hidden;
2502 filter: drop-shadow(0px 5px 30px rgba(29, 4, 111, 0.2));
2503 -webkit-transform: translateY(-50%);
2504 -moz-transform: translateY(-50%);
2505 -ms-transform: translateY(-50%);
2506 -o-transform: translateY(-50%);
2507 transform: translateY(-50%);
2508 -webkit-transition: all 0.5s ease;
2509 -moz-transition: all 0.5s ease;
2510 -ms-transition: all 0.5s ease;
2511 -o-transition: all 0.5s ease;
2512 transition: all 0.5s ease;
2513 }
2514
2515 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area .field-tooltip span:before,
2516 .rex-pano-tab .single-settings .single-setting-tooltip-area .field-tooltip span:before,
2517 .rex-pano-tab .single-settings.inline-style .field-tooltip span:before,
2518 .rex-pano-tab.floor-plan h4 .field-tooltip span:before,
2519 .rex-pano-tab.floor-plan .floot-plan-setting .field-tooltip span:before,
2520 .rex-pano-tab.streetview .single-settings .field-tooltip span:before,
2521 .rex-pano-tab.backgroundTour .single-settings .field-tooltip span:before,
2522 .single-scene .scene-setting .field-tooltip span:before,
2523 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip span:before,
2524 .rex-pano-tab.general .single-settings .field-tooltip span:before {
2525 content: "";
2526 position: absolute;
2527 left: -9px;
2528 top: 50%;
2529 width: 0;
2530 height: 0;
2531 border-top: 6px solid transparent;
2532 border-right: 9px solid #fff;
2533 border-bottom: 6px solid transparent;
2534 -webkit-transform: translateY(-50%);
2535 -moz-transform: translateY(-50%);
2536 -ms-transform: translateY(-50%);
2537 -o-transform: translateY(-50%);
2538 transform: translateY(-50%);
2539 }
2540
2541 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area .field-tooltip:hover span,
2542 .rex-pano-tab .single-settings .single-setting-tooltip-area .field-tooltip:hover span,
2543 .rex-pano-tab .single-settings.inline-style .field-tooltip:hover span,
2544 .rex-pano-tab.floor-plan h4 .field-tooltip:hover span,
2545 .rex-pano-tab.floor-plan .floot-plan-setting .field-tooltip:hover span,
2546 .rex-pano-tab.streetview .single-settings .field-tooltip:hover span,
2547 .rex-pano-tab.backgroundTour .single-settings .field-tooltip:hover span,
2548 .single-scene .scene-setting .field-tooltip:hover span,
2549 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip:hover span,
2550 .rex-pano-tab.general .single-settings .field-tooltip:hover span {
2551 opacity: 1;
2552 visibility: visible;
2553 }
2554
2555 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area .field-tooltip span a,
2556 .rex-pano-tab .single-settings .single-setting-tooltip-area .field-tooltip span a,
2557 .rex-pano-tab .single-settings.inline-style .field-tooltip span a,
2558 .rex-pano-tab.floor-plan h4 .field-tooltip span a,
2559 .rex-pano-tab.floor-plan .floot-plan-setting .field-tooltip span a,
2560 .rex-pano-tab.streetview .single-settings .field-tooltip span a,
2561 .rex-pano-tab.backgroundTour .single-settings .field-tooltip span a,
2562 .single-scene .scene-setting .field-tooltip span a,
2563 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip span a ,
2564 .rex-pano-tab.general .single-settings .field-tooltip span a {
2565 color: #3F04FE;
2566 text-decoration: underline;
2567 }
2568
2569
2570 /*--------------tab content streetview style----------------*/
2571
2572 .rex-pano-tab.streetview .single-settings .field-tooltip {
2573 position: relative;
2574 }
2575
2576 .rex-pano-tab.streetview .single-settings .field-tooltip span:before {
2577 left: -8px;
2578 }
2579
2580 .rex-pano-tab.streetview .single-settings .field-tooltip span {
2581 left: 26px;
2582 }
2583
2584 .rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span {
2585 bottom: calc(100% + 13px);
2586 top: initial;
2587 left: initial;
2588 right: -20px;
2589 transform: translateY(0);
2590 }
2591
2592 .rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span:before {
2593 left: inherit;
2594 right: 24px;
2595 top: initial;
2596 bottom: -10px;
2597 transform: translateY(0) rotate(-92deg);
2598 }
2599
2600
2601 /*------------sub tab style----------*/
2602
2603 .rex-pano-sub-tabs .rex-pano-tab-nav {
2604 width: auto;
2605 padding: 32px 30px 21px;
2606 border-bottom: 1px solid #c3d3fc;
2607 }
2608
2609 .rex-pano-sub-tabs .rex-pano-tab-nav ul {
2610 display: flex;
2611 flex-wrap: wrap;
2612 gap: 17px;
2613 }
2614
2615 .rex-pano-sub-tabs .rex-pano-tab-nav ul li {
2616 width: auto;
2617 }
2618
2619 .rex-pano-sub-tabs .rex-pano-tab-nav ul li:last-child {
2620 margin-right: 0;
2621 }
2622
2623 .rex-pano-sub-tabs .rex-pano-tab-nav li span {
2624 text-transform: capitalize;
2625 color: #494b51;
2626 font-size: 16px;
2627 border: 1px solid #c3d3fc;
2628 height: 45px;
2629 margin-bottom: 0;
2630 line-height: 45px;
2631 padding: 0 30px;
2632 transition: all 0.25s ease-in-out;
2633 }
2634
2635 .rex-pano-sub-tabs .rex-pano-tab-nav li span:after {
2636 right: 50%;
2637 top: inherit;
2638 bottom: -6px;
2639 width: 14px;
2640 height: 14px;
2641 -webkit-transform: translateX(50%) rotate(45deg);
2642 -ms-transform: translateX(50%) rotate(45deg);
2643 -o-transform: translateX(50%) rotate(45deg);
2644 transform: translateX(50%) rotate(45deg);
2645 transition: all 0.2s ease-in-out 0.1s;
2646 }
2647
2648 .rex-pano-sub-tabs .rex-pano-tab-nav li.add>span,
2649 .rex-pano-sub-tabs .rex-pano-tab-nav li:not(.active):hover>span {
2650 border-color: #4775f6;
2651 box-shadow: none;
2652 color: #4775f6;
2653 background: transparent;
2654 }
2655
2656 .rex-pano-sub-tabs .rex-pano-tab-nav li span .delete {
2657 color: #4775f6;
2658 border: 1px solid #4775f6;
2659 font-size: 12px;
2660 display: block;
2661 position: absolute;
2662 top: -12px;
2663 right: -8px;
2664 background: #fff;
2665 width: 26px;
2666 height: 26px;
2667 border-radius: 100%;
2668 cursor: pointer;
2669 opacity: 0;
2670 visibility: hidden;
2671 transition: all 0.25s ease-in-out;
2672 }
2673
2674 .rex-pano-sub-tabs .rex-pano-tab-nav li span .delete:focus {
2675 box-shadow: none;
2676 outline: none;
2677 }
2678
2679 .rex-pano-sub-tabs .rex-pano-tab-nav li span .delete i {
2680 font-size: 14px;
2681 margin: 0;
2682 }
2683
2684 .rex-pano-sub-tabs .rex-pano-tab-nav li:hover span .delete,
2685 .rex-pano-sub-tabs .rex-pano-tab-nav li.active span .delete {
2686 visibility: visible;
2687 opacity: 1;
2688 }
2689
2690 .rex-pano-sub-tabs .rex-pano-tab-nav li.add span:after {
2691 display: none;
2692 }
2693
2694 .rex-pano-sub-tabs .rex-pano-tab-nav li.add span>i {
2695 font-size: 17px;
2696 margin-right: 0;
2697 }
2698
2699 /*-----------sub tab content style-----------*/
2700
2701 .rex-pano-sub-tabs .rex-pano-tab-content {
2702 width: 100%;
2703 padding: 30px 40px;
2704 border-left: none;
2705 position: relative;
2706 }
2707
2708 .single-hotspot .hotspot-setting,
2709 .single-scene .scene-setting {
2710 margin-bottom: 21px;
2711 position: relative;
2712 }
2713
2714 .single-hotspot .hotspot-setting .change-icon {
2715 position: absolute;
2716 bottom: 14px;
2717 right: 50px;
2718 font-size: 18px;
2719 }
2720
2721 .single-hotspot .hotspot-setting .change-icon .custom-icon {
2722 width: 20px;
2723 height: 20px;
2724 display: block;
2725 }
2726
2727 .pnlm-hotspot-base.icon1,
2728 .single-hotspot .hotspot-setting .change-icon .icon1 {
2729 background: url(../icon/audio.png) no-repeat center center / 100% 100%;
2730 }
2731
2732 .pnlm-hotspot-base.icon2,
2733 .single-hotspot .hotspot-setting .change-icon .icon2 {
2734 background: url(../icon/video.png) no-repeat center center / 100% 100%;
2735 }
2736
2737 .pnlm-hotspot-base.icon3,
2738 .single-hotspot .hotspot-setting .change-icon .icon3 {
2739 background: url(../icon/gallery.png) no-repeat center center / 100% 100%;
2740 }
2741
2742 .pnlm-hotspot-base.icon4,
2743 .single-hotspot .hotspot-setting .change-icon .icon4 {
2744 background: url(../icon/info.png) no-repeat center center / 100% 100%;
2745 }
2746
2747 .pnlm-hotspot-base.icon5,
2748 .single-hotspot .hotspot-setting .change-icon .icon5 {
2749 background: url(../icon/link.png) no-repeat center center / 100% 100%;
2750 }
2751
2752 .wpvr-floor-preview .floor-plan-pointer.ui-draggable-dragging {
2753 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
2754 transform: scale3d(1.2, 1.2, 1.2);
2755 background: rgba(255, 255, 255, 0.7);
2756 }
2757
2758 .wpvr-floor-preview .floor-plan-pointer {
2759 position: absolute;
2760 width: 18px;
2761 height: 18px;
2762 background: #cca92c;
2763 border-radius: 50%;
2764 overflow: hidden;
2765 cursor: pointer;
2766 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
2767 line-height: 24px;
2768 font-size: 12px;
2769 font-weight: bold;
2770 transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out;
2771 animation: pulse 1s infinite;
2772 display: flex;
2773 align-items: center;
2774 justify-content: center;
2775 }
2776
2777
2778 @-webkit-keyframes pulse {
2779 0% {
2780 -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);
2781 }
2782 70% {
2783 -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
2784 }
2785 100% {
2786 -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
2787 }
2788 }
2789
2790 @keyframes pulse {
2791 0% {
2792 -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);
2793 box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);
2794 }
2795 70% {
2796 -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
2797 box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
2798 }
2799 100% {
2800 -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
2801 box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
2802 }
2803 }
2804
2805 .wpvr-floor-preview {
2806 position: absolute;
2807 top: 50%;
2808 left: 50%;
2809 z-index: 9;
2810 transform: translate(-50%, -50%);
2811 width: 80%;
2812 display: none;
2813 height: 80%;
2814 }
2815
2816 .wpvr-floor-preview .wpvr-floor-preview-inner {
2817 width: 100%;
2818 height: 100%;
2819 display: flex;
2820 }
2821
2822
2823 .wpvr-floor-preview img {
2824 max-width: 100%;
2825 max-height: 100%;
2826 width: 100%;
2827 height: 100%;
2828 display: block;
2829 margin: 0 auto;
2830 border-radius: 8px;
2831 }
2832
2833 .flooplan-toggle {
2834 position: absolute;
2835 bottom: 10px;
2836 right: 60px;
2837 z-index: 98;
2838 background: #fff;
2839 border: none;
2840 cursor: pointer;
2841 color: #000;
2842 line-height: 1;
2843 padding: 8px 10px;
2844 border-radius: 5px;
2845 font-size: 19px;
2846 }
2847
2848 .floor-plan-pointer-list .floor-plan-pointer-list-title {
2849 font-size: 18px;
2850 color: #262626;
2851 font-weight: 500;
2852 margin-bottom: 10px;
2853 margin-top : 0px;
2854 display: flex;
2855 align-items: center;
2856
2857 }
2858
2859 .floor-plan-pointer-list ul li {
2860 background: #fff;
2861 display: flex;
2862 align-items: center;
2863 padding: 10px 15px;
2864 margin: 0 0 9px 0;
2865 border-radius: 5px;
2866 }
2867
2868 .floor-plan-pointer-list ul li label {
2869 color: #494b51;
2870 font-size: 16px;
2871 font-weight: 500;
2872 display: block;
2873 width: 120px;
2874 padding-right: 12px;
2875 }
2876
2877 .floor-plan-pointer-list ul li select {
2878 border: 1px solid #dae3fd;
2879 box-shadow: none;
2880 width: 230px;
2881 max-width: 100%;
2882 padding: 4px 14px;
2883 font-size: 16px;
2884 color: #454545;
2885 border-radius: 5px;
2886 margin-right: 11px;
2887 }
2888
2889 .floor-plan-pointer-list ul li .plan-delete {
2890 color: #e93747;
2891 background: #f8d7da;
2892 border: 1px solid #f5c2c7;
2893 font-size: 18px;
2894 border-radius: 5px;
2895 padding: 8px 9px;
2896 cursor: pointer;
2897 margin-left: auto;
2898 }
2899
2900 .floorPlanData .floot-plan-setting label,
2901 .single-hotspot .hotspot-setting label,
2902 .single-scene .scene-setting label {
2903 color: #494b51;
2904 font-size: 16px;
2905 font-weight: 500;
2906 display: block;
2907 margin-bottom: 10px;
2908 }
2909
2910 .floorPlanData .floot-plan-setting label{
2911 display: flex;
2912 }
2913
2914 .rex-pano-tab .streetview-setting .form-group input:not([type=checkbox]):not([type=button]),
2915 .rex-pano-tab .preview-setting input.preview-upload,
2916 .rex-pano-tab .video-setting input.video-upload,
2917 .single-hotspot .hotspot-setting select,
2918 .single-hotspot .hotspot-setting textarea,
2919 .single-hotspot .hotspot-setting input:not([type=checkbox]):not([type=button]),
2920 .single-scene .scene-setting select,
2921 .single-scene .scene-setting input:not([type=checkbox]):not([type=button]) {
2922 border: 1px solid #dae3fd;
2923 box-shadow: none;
2924 width: 100%;
2925 max-width: 100%;
2926 height: 46px;
2927 padding: 10px 20px;
2928 font-size: 16px;
2929 color: #454545;
2930 border-radius: 6px;
2931 }
2932
2933 .single-hotspot .hotspot-setting input.hotspot-custom-color,
2934 .single-hotspot .hotspot-setting input.hotspot-customclass-color {
2935 padding: 3px 5px!important;
2936 width: 50px!important;
2937 cursor: pointer;
2938 }
2939
2940 .single-hotspot .hotspot-setting input[type="color"]::-webkit-color-swatch {
2941 border: none;
2942 }
2943
2944 .single-hotspot .hotspot-setting select {
2945 padding: 0px 20px;
2946 }
2947
2948 .hotspot-setting.hotspot-border-setting {
2949 display: flex;
2950 align-items: center;
2951 gap: 10px;
2952 flex-wrap: wrap;
2953 }
2954
2955 .hotspot-border-setting .hotspot-border-style,
2956 .hotspot-border-setting .hotspot-border-color,
2957 .hotspot-border-setting .hotspot-setting-border-width {
2958 width: calc(100% / 3 - 7px);
2959 }
2960
2961 .rex-pano-tab .streetview-setting .form-group input {
2962 max-width: 100%;
2963 }
2964
2965 .floorPlanData .floot-plan-setting .form-group > img ,
2966 .single-scene .scene-setting .form-group img {
2967 max-width: 440px;
2968 width: 100%;
2969 display: block;
2970 margin-bottom: 15px;
2971 object-fit: cover;
2972 }
2973
2974 .rex-pano-tab .video-setting input.video-upload,
2975 .single-scene .scene-setting input.scene-upload {
2976 text-transform: uppercase;
2977 font-weight: 500;
2978 color: #fff;
2979 background: #3F04FE;
2980 border: none;
2981 cursor: pointer;
2982 transition: all 0.3s ease;
2983 width: 100%;
2984 max-width: 100%;
2985 height: 46px;
2986 padding: 10px 20px;
2987 border-radius: 4px;
2988 }
2989
2990 .rex-pano-tab .wpvr_continue_guide {
2991 margin-top: 13px;
2992 line-height: 1;
2993 font-weight: 700;
2994 text-transform: capitalize;
2995 cursor: pointer;
2996 display: block;
2997 text-align: right;
2998 }
2999
3000 .rex-pano-tab .wpvr_continue_guide:hover {
3001 text-decoration: underline;
3002 }
3003
3004 .rex-pano-tab .video-setting .single-settings input.video-upload:hover,
3005 .single-scene .scene-setting input.scene-upload:hover {
3006 background: #3869f3;
3007 }
3008
3009 .rex-pano-tab .streetview-setting .form-group input:focus,
3010 .single-scene .scene-setting input.scene-upload:focus {
3011 box-shadow: none;
3012 outline: inherit;
3013 }
3014
3015 .rex-pano-tab .video-setting .single-settings {
3016 align-items: flex-start;
3017 }
3018
3019 .rex-pano-tab .video-setting input.video-upload {
3020 max-width: 160px;
3021 margin-top: 20px;
3022 }
3023
3024 .rex-pano-tab .video-setting:before,
3025 .rex-pano-tab .video-setting:after {
3026 content: "";
3027 display: table;
3028 clear: both;
3029 }
3030
3031 /*--------------------hotspot style-------------------*/
3032
3033 .clearfix::before,
3034 .clearfix::after {
3035 content: " ";
3036 display: table;
3037 clear: both;
3038 }
3039
3040 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area {
3041 display: flex;
3042 align-items: center;
3043 margin-bottom: 10px;
3044 line-height: 1;
3045 }
3046
3047 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area label {
3048 margin-bottom: 0;
3049 }
3050
3051 .rex-pano-tab .hotspot-setting .wpvr-global-tooltip-area span {
3052 font-size: 16px;
3053 font-weight: 500;
3054 color: #494b51;
3055 }
3056
3057 .hotspot-setup .rex-pano-tab-nav {
3058 padding: 20px 0px 30px;
3059 }
3060
3061 .hotspot-setup .rex-pano-tab-content {
3062 padding: 30px 0px;
3063 }
3064
3065 .hotspot-setup .single-hotspot>.wrapper,
3066 .hotspot-setup .single-hotspot .hotspot-type {
3067 float: left;
3068 width: 50%;
3069 }
3070
3071 .hotspot-setup .single-hotspot>.wrapper {
3072 padding-right: 30px;
3073 }
3074
3075 .single-hotspot .hotspot-setting textarea {
3076 height: auto;
3077 resize: none;
3078 min-height: 110px;
3079 }
3080
3081 .single-hotspot .hotspot-setting select,
3082 .single-hotspot .hotspot-setting textarea,
3083 .single-hotspot .hotspot-setting input {
3084 max-width: 100%;
3085 }
3086
3087 .hotspot-setup .hotspot-setting.custom-icon select {
3088 max-width: calc(100% - 30px);
3089 }
3090
3091 .single-hotspot .hotspot-type .hotspot-scene,
3092 .single-hotspot .hotspot-type .hotspot-hover,
3093 .single-hotspot .hotspot-type .hotspot-content,
3094 .single-hotspot .hotspot-type .hotspot-url,
3095 .single-hotspot .hotspot-type select {
3096 margin-bottom: 21px;
3097 }
3098
3099 button.delete-hotspot,
3100 button.delete-scene {
3101 position: absolute;
3102 top: 36px;
3103 right: 46px;
3104 text-transform: capitalize;
3105 color: #fff;
3106 font-size: 20px;
3107 border: 1px solid #c3d3fc;
3108 height: 38px;
3109 margin-bottom: 0;
3110 line-height: 38px;
3111 padding: 0 15px;
3112 transition: all 0.25s ease-in-out;
3113 background: #3F04FE;
3114 cursor: pointer;
3115 border-radius: 5px;
3116 }
3117
3118 button.delete-hotspot:hover,
3119 button.delete-scene:hover {
3120 background: #3869f3;
3121 }
3122
3123 button#panolenspreview:focus,
3124 button.delete-hotspot:focus,
3125 button.delete-scene:focus {
3126 outline: none;
3127 }
3128
3129 button.delete-hotspot {
3130 right: 12px;
3131 top: 40px;
3132 }
3133 button.delete-scene {
3134 top: 40px;
3135 right: 52px;
3136 }
3137
3138 .active_scene_id p {
3139 margin: 0;
3140 }
3141
3142 /* ---------background tour style---------- */
3143 .rex-pano-tab-content .background-tour .content-wrapper {
3144 display: flex;
3145 flex-flow: row wrap;
3146 border-bottom: 1px solid #e4e4e4;
3147 }
3148
3149 .rex-pano-tab-content .floor-plan .floor-plan-left {
3150 width: 50%;
3151 padding-right: 15px;
3152 }
3153
3154 .rex-pano-tab-content .background-tour .background-tour-left {
3155 width: 100%;
3156 }
3157
3158 .rex-pano-tab-content .background-tour .background-tour-right {
3159 width: 50%;
3160 padding-left: 15px;
3161 }
3162 .rex-pano-tab-content .background-tour .single-settings:not(.inline-style) {
3163 display: block;
3164 margin-bottom: 20px;
3165 }
3166
3167 .rex-pano-tab-content .background-tour .single-settings:not(.inline-style) > span {
3168 margin-bottom: 6px;
3169 display: flex;
3170 align-items: center;
3171
3172 }
3173
3174 .rex-pano-tab-content .background-tour .single-settings:not(.inline-style) > input {
3175 max-width: 100%;
3176 margin: 0;
3177 }
3178
3179 .rex-pano-tab .background-tour-left .single-setting-tooltip-area {
3180 display: flex;
3181 margin-bottom: 5px;
3182 align-items: center;
3183 }
3184
3185 .rex-pano-tab .background-tour-left .single-setting-tooltip-area span {
3186 font-size: 16px;
3187 display: block;
3188 color: #494b51;
3189 font-weight: 500;
3190 }
3191
3192 /* -------product------- */
3193 .single-hotspot .hotspot-products {
3194 margin-bottom: 20px;
3195 }
3196
3197 .single-hotspot .hotspot-products .select2-container--default {
3198 width: 100%!important;
3199 }
3200
3201 .single-hotspot .hotspot-products .select2-container--default .select2-selection--single {
3202 background-color: #fff;
3203 border: 1px solid #dae3fd;
3204 box-shadow: none;
3205 width: 100%;
3206 max-width: 100%;
3207 height: 46px;
3208 padding: 10px 12px;
3209 font-size: 16px;
3210 color: #454545;
3211 border-radius: 3px;
3212 }
3213
3214 .single-hotspot .hotspot-products .select2-container--default .select2-selection--single:focus {
3215 outline: none;
3216 }
3217
3218 .select2-container--default .select2-dropdown {
3219 border: 1px solid #dae3fd!important;
3220 margin-top: -1px;
3221 box-shadow: 0 7px 10px rgba(218, 227, 253, 0.3);
3222 padding: 8px;
3223 }
3224
3225 .select2-container--default .select2-selection--single .select2-selection__clear {
3226 line-height: normal;
3227 }
3228
3229 .select2-container--default .select2-selection--single .select2-selection__arrow {
3230 top: 10px;
3231 right: 5px;
3232 }
3233
3234 .select2-container--default .select2-dropdown .select2-search--dropdown {
3235 display: block;
3236 padding: 0;
3237 }
3238
3239 .select2-container--default .select2-search--dropdown .select2-search__field {
3240 border: 1px solid #dae3fd;
3241 padding: 4px 10px;
3242 }
3243
3244 .select2-container--default .select2-search--dropdown .select2-search__field:focus {
3245 outline: none;
3246 box-shadow: none;
3247 }
3248
3249 .select2-container--default .select2-results .select2-results__option {
3250 padding: 0;
3251 margin: 4px 0 0 4px;
3252 }
3253
3254 /* ---insert link modal style---- */
3255 .hotspot-setting .note-modal-footer {
3256 height: auto;
3257 padding: 10px 30px 30px;
3258 text-align: left;
3259 }
3260
3261 .note-editor.note-airframe .note-editing-area .note-editable,
3262 .note-editor.note-frame .note-editing-area .note-editable {
3263 background: #fff;
3264 }
3265
3266 .hotspot-setting .note-modal-footer input.btn {
3267 float: none;
3268 text-align: left;
3269 background: #3869f3;
3270 color: #fff;
3271 border: none;
3272 font-weight: 500;
3273 padding: 11px 22px;
3274 border-radius: 5px;
3275 }
3276
3277 /*--------preview-btn-area---------*/
3278
3279 .preview-btn-wrapper {
3280 padding: 0px 30px;
3281 }
3282
3283 .preview-btn-area {
3284 padding: 30px 0px;
3285 border-top: 1px solid #e4eafe;
3286 }
3287
3288 .streetview-setting #streetviewpreview,
3289 .video-setting button#videopreview,
3290 .preview-btn-area #panolenspreview {
3291 text-transform: capitalize;
3292 color: #fff;
3293 font-size: 16px;
3294 border: 1px solid #c3d3fc;
3295 height: 45px;
3296 font-weight: 500;
3297 margin-bottom: 0;
3298 line-height: 45px;
3299 padding: 0 30px;
3300 transition: all 0.25s ease-in-out;
3301 background: #4775f6;
3302 cursor: pointer;
3303 border-radius: 5px;
3304 box-shadow: 0px 7px 25px 0px rgba(56, 84, 163, 0.2);
3305 width: 120px;
3306 margin-left: auto;
3307 display: block;
3308 }
3309
3310 .wpvr_preview_button {
3311 text-transform: capitalize;
3312 color: #fff;
3313 font-size: 16px;
3314 border: 1px solid #c3d3fc;
3315 height: 45px;
3316 font-weight: 500;
3317 transition: all 0.25s ease-in-out;
3318 background: rgb(32, 28, 254);
3319 cursor: pointer;
3320 border-radius: 5px;
3321 box-shadow: 0px 7px 25px 0px rgba(56, 84, 163, 0.2);
3322 line-height: 45px;
3323 width: 120px;
3324 padding: 0 30px;
3325 }
3326
3327 .video-setting button#videopreview:hover,
3328 .preview-btn-area #panolenspreview:hover {
3329 background: #3869f3;
3330 box-shadow: none;
3331 }
3332
3333 #error_occured {
3334 display: none;
3335 min-height: 15px;
3336 position: absolute;
3337 top: 50%;
3338 right: 50%;
3339 max-width: 605px;
3340 width: 100%;
3341 padding: 40px;
3342 -webkit-transform: translate(50%, -50%);
3343 -moz-transform: translate(50%, -50%);
3344 -ms-transform: translate(50%, -50%);
3345 -o-transform: translate(50%, -50%);
3346 transform: translate(50%, -50%);
3347 z-index: 2;
3348 }
3349
3350 .pano-error-wrapper {
3351 width: 100%;
3352 background: #FFFFFF;
3353 border-radius: 5px;
3354 border-left: 5px solid #FAAC14;
3355 }
3356
3357 .wpvr-delete-alert-wrapper .pano-error-wrapper {
3358 max-width: 605px;
3359 }
3360
3361 .pano-default-warning .pano-error-wrapper {
3362 border-left-color: #004EFA;
3363 }
3364
3365 .pano-error-color .pano-error-wrapper {
3366 border-left-color: #F13637;
3367 }
3368
3369 .pano-error-color .pano-error-wrapper .icon rect,
3370 .pano-error-color .pano-error-wrapper .icon path {
3371 fill: #F13637;
3372 }
3373
3374 .pano-error-wrapper .pano-error-body {
3375 position: relative;
3376 padding: 40px;
3377 text-align: center;
3378 }
3379
3380 .pano-error-wrapper .pano-error-body .cross {
3381 display: block;
3382 position: absolute;
3383 right: 15px;
3384 top: 15px;
3385 cursor: pointer;
3386 }
3387
3388 .pano-error-wrapper .pano-error-body .icon.pano-warning {
3389 display: block;
3390 margin-bottom: 15px;
3391 }
3392
3393 .pano-error-wrapper .pano-error-body .pano-error-message .pano-error-title {
3394 padding: 0;
3395 font-weight: 700;
3396 color: #39393F;
3397 font-size: 18px;
3398 max-width: 370px;
3399 margin: 0 auto 3px;
3400 display: block;
3401 }
3402
3403 .pano-error-wrapper .pano-error-body .pano-error-message p {
3404 padding: 0;
3405 color: #868693;
3406 font-size: 18px;
3407 margin: 0;
3408 }
3409
3410 .pano-error-wrapper .pano-error-footer {
3411 background: #F6F6F8;
3412 border-radius: 0px 0px 5px 5px;
3413 border-top: 1px solid #E6E6EF;
3414 padding: 14px 14px 15px;
3415 }
3416
3417 .pano-error-wrapper .pano-error-footer ul {
3418 display: flex;
3419 flex-flow: row wrap;
3420 align-items: center;
3421 justify-content: center;
3422 margin: 0;
3423 padding: 0;
3424 }
3425
3426 .pano-error-wrapper .pano-error-footer ul li {
3427 margin: 0 10px;
3428 padding: 0;
3429 }
3430
3431 .pano-error-wrapper .pano-error-footer ul li a,
3432 .pano-error-wrapper .pano-error-footer ul li button {
3433 background: #004EFA;
3434 border-radius: 5px;
3435 font-size: 16px;
3436 color: #fff;
3437 font-weight: 700;
3438 text-transform: uppercase;
3439 border: none;
3440 padding: 12px 25px;
3441 cursor: pointer;
3442 display: inline-block;
3443 }
3444
3445 .wpvr-delete-alert-wrapper .pano-error-wrapper .pano-error-footer ul li a,
3446 .wpvr-delete-alert-wrapper .pano-error-wrapper .pano-error-footer ul li button {
3447 font-weight: 500;
3448 text-transform: capitalize;
3449 }
3450 .wpvr-delete-alert-wrapper .pano-error-wrapper .pano-error-footer ul li button.yes {
3451 background-color: #dedede;
3452 color: #333;
3453 }
3454
3455 .pano-error-wrapper .pano-error-footer ul li a {
3456 text-decoration: none;
3457 text-transform: none;
3458 }
3459
3460 .hotspot-setup.rex-pano-sub-tabs {
3461 display: none;
3462 }
3463
3464 /* ----------------- */
3465
3466 .single-scene .scene-content {
3467 display: flex;
3468 flex-flow: row wrap;
3469 }
3470
3471 .single-scene .scene-content .scene-left {
3472 width: 50%;
3473 padding-right: 15px;
3474 }
3475
3476 .single-scene .scene-content .scene-right {
3477 width: 50%;
3478 padding-left: 15px;
3479 }
3480
3481 /* ---------woocomerce product hotspot style--------- */
3482
3483 .wpvr-product-container {
3484 display: flex;
3485 align-items: center;
3486 background: #fff;
3487 padding: 15px;
3488 border-radius: 5px;
3489 }
3490
3491 .wpvr-product-container .wpvr-pr-left-block {
3492 width: 50%;
3493 box-sizing: border-box;
3494 }
3495
3496 .wpvr-product-container .wpvr-pr-left-block .woocommerce-product-gallery__image img {
3497 margin: 0;
3498 max-width: 500px;
3499 width: 100%;
3500 height: auto;
3501 }
3502
3503 .wpvr-product-container .wpvr-pr-right-block {
3504 width: 50%;
3505 padding-left: 15px;
3506 box-sizing: border-box;
3507 text-align: left;
3508 }
3509
3510 .wpvr-product-container .wpvr-pr-right-block a {
3511 text-decoration: none!important;
3512 display: inline-block;
3513 }
3514
3515 .wpvr-product-container .wpvr-pr-right-block a h2 {
3516 line-height: 1.4!important;
3517 margin: 0 0 15px 0!important;
3518 text-align: left;
3519 padding: 0!important;
3520 font-size: 23px!important;
3521 color: #201cfe;
3522 }
3523
3524 .wpvr-product-container .wpvr-pr-right-block a:focus {
3525 outline: none;
3526 box-shadow: none;
3527 }
3528
3529 .wpvr-product-container .wpvr-pr-right-block a:hover h2 {
3530 text-decoration: underline;
3531 }
3532
3533 .wpvr-product-container .wpvr-pr-right-block a h2:before {
3534 display: none;
3535 }
3536
3537 .wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline .wpvr-cart-wrap {
3538 display: flex;
3539 gap:6px;
3540 align-items: center;
3541 }
3542
3543 .wpvr-product-container .wpvr-pr-right-block .wpvr-cart-wrap a {
3544 font-size: 14px;
3545 line-height: 1.1;
3546 min-height: auto;
3547 padding: 7px 15px;
3548 }
3549
3550 .wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline {
3551 border: none!important;
3552 padding: 0!important;
3553 text-align: left!important;
3554 border-radius: 0!important;
3555 }
3556
3557 .wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline .amount {
3558 display: inline-block;
3559 margin-bottom: 7px;
3560 }
3561
3562 .wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline del .amount {
3563 text-decoration: line-through;
3564 opacity: 0.5;
3565 }
3566
3567 .wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline a.button {
3568 font-size: 16px;
3569 text-align: center;
3570 border-radius: 5px;
3571 background-color: rgb(32, 28, 254);
3572 color: #fff;
3573 display: inline-block;
3574 padding: 8px 10px;
3575 box-shadow: none;
3576 margin-top: auto;
3577 transition: all 0.3s ease;
3578 text-decoration: none;
3579 white-space: normal;
3580 line-height: normal;
3581 border-color: transparent;
3582 }
3583
3584
3585 /*-----------------responsive style------------------*/
3586
3587 @media (max-width: 1760px) and (min-width: 1701px) {
3588
3589 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon img {
3590 width: 96px;
3591 }
3592 .rex-pano-tab.general .single-settings>span {
3593 min-width: 182px;
3594 }
3595 .rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings>span {
3596 min-width: 102px;
3597 }
3598 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {
3599 padding-right: 0px;
3600 margin-right: 10px;
3601 border-right: none;
3602 }
3603 .rex-pano-tab-content .general .inner-nav-content .color-icon .colors {
3604 margin-right: 3px;
3605 }
3606
3607 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
3608 width: 100%;
3609 padding-left: 0px;
3610 padding-right: 0px;
3611 }
3612
3613 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
3614 width: 100%;
3615 padding-right: 0px;
3616 padding-left: 0;
3617 }
3618
3619
3620
3621 .rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span {
3622 top: initial;
3623 left: 0;
3624 right: 0;
3625 }
3626
3627 .rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span:before {
3628 left: 15px;
3629 }
3630
3631 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left::before {
3632 display: none;
3633 }
3634
3635
3636 }
3637
3638
3639 @media (max-width: 1700px) {
3640
3641 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left::before {
3642 display: none;
3643 }
3644
3645 .rex-pano-tab-content {
3646 border-radius: 10px;
3647 }
3648 .rex-pano-tab-content .rex-pano-tab.streetview,
3649 .rex-pano-tab-content .rex-pano-tab.backgroundTour,
3650 .rex-pano-tab-content .rex-pano-tab.video,
3651 .rex-pano-tab-content .rex-pano-tab.export,
3652 .rex-pano-tab-content .rex-pano-tab.general {
3653 padding: 20px;
3654 }
3655 .post-type-wpvr_item #post-body #postbox-container-1 {
3656 width: 610px;
3657 }
3658 .post-type-wpvr_item #post-body #postbox-container-2 {
3659 width: calc(100% - 630px);
3660 }
3661 #custom-ifram {
3662 height: 278px;
3663 }
3664 .iframe-wrapper #cross {
3665 top: 47px;
3666 right: 20px;
3667 }
3668 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
3669 flex-flow: row;
3670 text-align: center;
3671 }
3672 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img {
3673 margin-right: 0;
3674 }
3675 .rex-pano-tab-content .background-tour .content-wrapper,
3676 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
3677 display: block;
3678 }
3679
3680 .rex-pano-tab-content .background-tour .background-tour-left,
3681 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
3682 width: 100%;
3683 padding-right: 0;
3684 border-right: none;
3685 }
3686 .rex-pano-tab-content .background-tour .background-tour-right,
3687 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
3688 width: 100%;
3689 padding-left: 0;
3690 }
3691 .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame {
3692 height: 210px;
3693 }
3694 .rex-pano-tab.general .control-settings-content .single-settings>span {
3695 min-width: 120px;
3696 }
3697
3698
3699 .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting>span {
3700 min-width: auto;
3701 padding-right: 20px;
3702 }
3703
3704 }
3705
3706 @media (max-width: 1499px) {
3707
3708 .post-type-wpvr_item #post-body #postbox-container-1 {
3709 width: 500px;
3710 }
3711 .post-type-wpvr_item #post-body #postbox-container-2 {
3712 width: calc(100% - 520px);
3713 }
3714 .post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
3715 height: 290px;
3716 }
3717 #custom-ifram {
3718 height: 228px;
3719 }
3720 .iframe-wrapper #cross {
3721 top: 21px;
3722 right: 17px;
3723 }
3724 .rex-pano-tabs {
3725 display: block;
3726 margin-left: 0;
3727 }
3728 .rex-pano-tabs .main-nav {
3729 padding: 0;
3730 width: 100%;
3731 }
3732 .rex-pano-tabs .main-nav>ul {
3733 display: flex;
3734 align-items: center;
3735 }
3736 .rex-pano-tabs .main-nav li {
3737 display: inline-block;
3738 border-bottom: none;
3739 margin-right: 0;
3740 flex: 1;
3741 }
3742 .rex-pano-tabs .main-nav li:last-child {
3743 margin-right: 0px;
3744 }
3745 .rex-pano-tabs .main-nav li span {
3746 margin-bottom: 0;
3747 }
3748 .rex-pano-tabs .rex-pano-tab-nav.main-nav li span {
3749 height: 80px;
3750 padding: 0 10px;
3751 text-transform: none;
3752 }
3753 .rex-pano-tabs .rex-pano-tab-nav.main-nav li.logo {
3754 height: 76px;
3755 }
3756 .rex-pano-tab-content {
3757 width: 100%;
3758 }
3759
3760 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
3761 width: 100%;
3762 padding-left: 0px;
3763 }
3764
3765 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
3766 width: 100%;
3767 padding-right: 0px;
3768 }
3769
3770 .rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span {
3771 top: initial;
3772 left: 0;
3773 right: 0;
3774 }
3775
3776 .rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span:before {
3777 left: 15px;
3778 }
3779
3780
3781 }
3782
3783 @media (max-width: 1399px) {
3784 .post-type-wpvr_item #poststuff #post-body {
3785 display: block;
3786 }
3787 .post-type-wpvr_item #post-body #postbox-container-1 {
3788 width: 100%;
3789 }
3790 .post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
3791 height: 370px;
3792 }
3793 .post-type-wpvr_item #post-body #postbox-container-2 {
3794 width: 100%;
3795 margin-right: 0;
3796 }
3797 #custom-ifram {
3798 height: 296px;
3799 }
3800 .iframe-wrapper #cross {
3801 top: 24px;
3802 right: 20px;
3803 }
3804 .rex-pano-tabs .rex-pano-tab-nav.main-nav li span {
3805 padding: 0 10px;
3806 }
3807 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
3808 flex-flow: row;
3809 }
3810 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img {
3811 margin-bottom: 0;
3812 }
3813 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
3814 display: flex;
3815 }
3816
3817 .rex-pano-tab .single-settings .wpvr-tooltip-area>span,
3818 .rex-pano-tab-content .wpvr-pre-img span,
3819 .rex-pano-tab-content .wpvr-set-pre-img span,
3820 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
3821 font-size: 14px;
3822 }
3823
3824 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a {
3825 font-size: 14px;
3826 }
3827
3828 .rex-pano-tab-content .wpvr-set-pre-img span {
3829 font-size: 14px;
3830 }
3831
3832 /* ----------scene tab tooltip----- */
3833 .single-scene .scene-content .scene-right .field-tooltip span {
3834 bottom: calc(100% + 13px);
3835 top: initial;
3836 left: initial;
3837 right: -20px;
3838 transform: translateY(0);
3839 }
3840 .single-scene .scene-content .scene-right .field-tooltip span:before {
3841 left: inherit;
3842 right: 24px;
3843 top: initial;
3844 bottom: -10px;
3845 transform: translateY(0) rotate(-92deg);
3846 }
3847 }
3848
3849 @media (max-width: 1300px) {
3850 .preview-btn-area #error_occured {
3851 float: none;
3852 margin-bottom: 20px;
3853 }
3854 .preview-btn-area #panolenspreview {
3855 float: none;
3856 }
3857 }
3858
3859 @media (max-width: 1199px) {
3860 .rex-pano-tab-content {
3861 border-left: none;
3862 }
3863
3864 .rex-pano-tab-content .general .inner-nav-content .scene-animation-settings-wrapper select {
3865 width: 130px;
3866 }
3867
3868 .rex-pano-tabs .main-nav li {
3869 width: 144px;
3870 margin-right: 12px;
3871 }
3872 .rex-pano-tabs .main-nav li span {
3873 padding: 0 10px;
3874 }
3875 .rex-pano-tab-content .rex-pano-tab.video,
3876 .rex-pano-tab-content .rex-pano-tab.export,
3877 .rex-pano-tab-content .rex-pano-tab.general {
3878 padding: 20px 20px;
3879 }
3880 .rex-pano-sub-tabs .rex-pano-tab-nav {
3881 padding: 20px 20px 20px;
3882 }
3883 .rex-pano-sub-tabs .rex-pano-tab-content {
3884 padding: 20px 20px;
3885 }
3886
3887 .hotspot-setup .rex-pano-tab-content {
3888 padding: 30px 0px 0;
3889 }
3890 .preview-btn-area {
3891 padding: 0 0 25px 0px;
3892 border-top: none;
3893 }
3894 .preview-btn-wrapper {
3895 padding: 0px 20px;
3896 }
3897 input.delete-hotspot,
3898 input.delete-scene {
3899 position: absolute;
3900 top: 25px;
3901 right: 25px;
3902 }
3903 input.delete-hotspot {
3904 right: 5px;
3905 top: 35px;
3906 }
3907
3908 /* ----------------- */
3909 .single-scene .scene-content .scene-left {
3910 width: 48%;
3911 }
3912 .single-scene .scene-content .scene-right {
3913 width: 48%;
3914 }
3915 .single-scene .scene-content .scene-setting {
3916 max-width: 410px;
3917 }
3918 }
3919
3920 @media only screen and (max-width: 1199px) and (min-width: 992px) {
3921 .rex-pano-tabs .main-nav>ul {
3922 flex-wrap: wrap;
3923 }
3924 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame {
3925 width: 90px;
3926 height: 70px;
3927 }
3928 .rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img {
3929 max-width: 70px;
3930 max-height: 50px;
3931 }
3932
3933 }
3934
3935 @media only screen and (max-width: 991px) {
3936 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
3937 display: block;
3938 }
3939
3940 .rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a {
3941 font-size: 13px;
3942 padding: 12px 20px;
3943 }
3944
3945 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
3946 font-size: 13px;
3947 gap: 5px;
3948 }
3949
3950 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img {
3951 margin-right: 0;
3952 }
3953
3954 .rex-pano-tab-content .general .general-inner-tab .inner-nav li {
3955 margin-right: 10px;
3956 }
3957
3958
3959 .wpvr-embaded-share-wrapper {
3960 display: block;
3961 }
3962 .wpvr-use-shortcode .wpvr-qrcode-btn-area {
3963 padding: 30px;
3964 }
3965 .wpvr-embaded-share-wrapper .wpvr-qrcode-btn-area {
3966 padding: 0;
3967 }
3968 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
3969 width: 100%;
3970 padding-right: 0;
3971 border-right: none;
3972 margin-bottom: 20px;
3973 }
3974 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
3975 width: 100%;
3976 padding-left: 0;
3977 }
3978
3979 .rex-pano-tab-content .general .inner-nav-content .left .field-tooltip span {
3980 bottom: calc(100% + 13px);
3981 top: initial;
3982 left: 0px;
3983 right: 0px;
3984 transform: translateY(0);
3985 }
3986 .rex-pano-tab-content .general .inner-nav-content .left .field-tooltip span:before {
3987 left: 14px;
3988 right: 24px;
3989 top: initial;
3990 bottom: -10px;
3991 transform: translateY(0) rotate(-92deg);
3992 }
3993
3994 /* .rex-pano-tab-content .floor-plan .single-settings.inline-style,
3995 .rex-pano-tab-content .background-tour .single-settings.inline-style,
3996 .rex-pano-tab-content .general .inner-nav-content .single-settings:not(.custom-data-set),
3997 .rex-pano-tab-content .general .inner-nav-content .single-settings:not(.autorotationdata) {
3998 margin-bottom: 15px;
3999 } */
4000
4001 .rex-pano-tab-content .wpvr-set-pre-img span {
4002 font-size: 13px;
4003 }
4004
4005 .rex-pano-tab .single-settings .wpvr-tooltip-area>span,
4006 .rex-pano-tab-content .wpvr-pre-img span,
4007 .rex-pano-tab-content .wpvr-set-pre-img span,
4008 .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
4009 font-size: 13px;
4010 }
4011
4012 }
4013
4014 @media (max-width: 1470px) {
4015 .post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper iframe {
4016 width: 475px;
4017 height: 300px;
4018 }
4019 }
4020
4021 /* -----------On Boarding Page style----------- */
4022
4023 .rex-onboarding * {
4024 box-sizing: border-box;
4025 }
4026
4027 .rex-onboarding {
4028 border-radius: 15px;
4029 background-color: #fff;
4030 box-shadow: 0px 5px 30px 0px rgba(2, 0, 105, 0.05);
4031 /* max-width: 1280px; */
4032 width: calc(100% - 15px);
4033 margin-top: 20px;
4034 }
4035
4036 .rex-onboarding ul.rex-tabs {
4037 display: flex;
4038 flex-flow: row;
4039 align-items: center;
4040 justify-content: center;
4041 border-bottom: 1px solid #e9edf4;
4042 border-radius: 15px 15px 0 0;
4043 padding-top: 30px;
4044 height: auto;
4045 overflow: visible;
4046 }
4047
4048 .rex-onboarding ul.rex-tabs>.wpvr_tabs_row {
4049 width: auto !important;
4050 }
4051
4052 .rex-onboarding ul.rex-tabs>li {
4053 margin-left: 130px;
4054 }
4055
4056 .rex-onboarding ul.rex-tabs>li:first-child {
4057 margin-left: 0;
4058 }
4059
4060 .rex-onboarding ul.rex-tabs>li>a {
4061 font-size: 16px;
4062 color: #787890;
4063 text-transform: uppercase;
4064 display: flex;
4065 align-items: center;
4066 padding: 0;
4067 text-align: center;
4068 position: relative;
4069 overflow: visible;
4070 }
4071
4072 .rex-onboarding ul.rex-tabs>li>a:hover,
4073 .rex-onboarding ul.rex-tabs>li>a.active {
4074 color: #201cfe;
4075 }
4076
4077 .rex-onboarding ul.rex-tabs>li>a:focus {
4078 box-shadow: none;
4079 border: none;
4080 }
4081
4082 .rex-onboarding ul.rex-tabs>li>a::before {
4083 content: "";
4084 position: absolute;
4085 left: 0;
4086 bottom: -1px;
4087 width: 100%;
4088 height: 2px;
4089 background: transparent;
4090 transition: all 0.3s ease;
4091 }
4092
4093 .rex-onboarding ul.rex-tabs>li>a.active::before {
4094 background: #201cfe;
4095 }
4096
4097 .rex-onboarding ul.rex-tabs>li>a svg {
4098 height: 18px;
4099 width: 18px;
4100 margin-right: 14px;
4101 }
4102
4103 .rex-onboarding ul.rex-tabs>li>div svg {
4104 height: 18px;
4105 width: 18px;
4106 margin-right: 14px;
4107 }
4108 .rex-onboarding ul.rex-tabs>li>div{
4109 position: relative;
4110 cursor: pointer;
4111 }
4112
4113 .rex-onboarding ul.rex-tabs>li>.rex-import-disable {
4114 position: relative;
4115 cursor: pointer;
4116 display: flex;
4117 align-items: center;
4118 color:#787890;
4119 }
4120
4121 .rex-onboarding ul.rex-tabs>li>.rex-import-disable svg path {
4122 fill:#787890;
4123 }
4124
4125 .rex-import-disable span.is-pro {
4126 position: absolute;
4127 right: -15px;
4128 top: -2px;
4129 display: block;
4130 border-radius: 9px 9px 9px 0px;
4131 background: #00B4FF;
4132 font-size: 11px;
4133 color: #ffffff;
4134 font-weight: 600;
4135 padding: 5px 6px;
4136 text-transform: capitalize;
4137 z-index: 1;
4138 line-height: 0.8;
4139 }
4140
4141 .rex-onboarding ul.rex-tabs>li>a svg path {
4142 fill: #787890;
4143 transition: all 0.3s ease;
4144 }
4145
4146 .rex-onboarding ul.rex-tabs>li>a:hover svg path,
4147 .rex-onboarding ul.rex-tabs>li>a.active svg path {
4148 fill: #201cfe;
4149 }
4150
4151 .rex-onboarding ul.rex-tabs .indicator {
4152 display: none;
4153 }
4154
4155
4156 .rex-onboarding .block-wrapper {
4157 padding: 40px 30px;
4158 }
4159
4160
4161 .rex-onboarding .wpvr-btn {
4162 border-radius: 5px;
4163 background-color: rgb(32, 28, 254);
4164 height: 40px;
4165 line-height: 40px;
4166 font-size: 15px;
4167 color: #fff;
4168 display: inline-block;
4169 padding: 0 30px;
4170 box-shadow: none;
4171 margin-top: auto;
4172 transition: all 0.3s ease;
4173 }
4174
4175 .rex-onboarding .wpvr-btn:hover {
4176 background: #004EFA;
4177 }
4178
4179
4180 /* -------wpvr premium feature popup------- */
4181 .wpvr-premium-feature {
4182 position: fixed;
4183 top: 10px;
4184 right: 0;
4185 width: calc(100% - 160px);
4186 height: 100%;
4187 z-index: 999;
4188 display: flex;
4189 flex-flow: row wrap;
4190 align-items: center;
4191 justify-content: center;
4192 padding: 15px;
4193 background: rgba(22, 7, 73, 0.30);
4194 backdrop-filter: blur(7px);
4195 }
4196
4197 .wpvr-premium-feature__wrapper {
4198 width: 100%;
4199 max-width: 542px;
4200 margin: 0 auto;
4201 background: #fff;
4202 filter: drop-shadow(0px 14px 14px #a7a4af);
4203 border-radius: 10px 0px 10px 10px;
4204 }
4205
4206 .wpvr-premium-feature__body {
4207 position: relative;
4208 padding: 30px 0px;
4209 text-align: center;
4210 overflow: hidden;
4211 }
4212
4213 .wpvr-premium-feature__body::before {
4214 position: absolute;
4215 content: "Premium";
4216 top: 30px;
4217 left: -40px;
4218 background-color: #00b4ff;
4219 padding: 7px;
4220 font-weight: 600;
4221 font-size: 13px;
4222 text-align: center;
4223 line-height: 1.13;
4224 color: #fff;
4225 width: 150px;
4226 transform: rotate(-47.19deg);
4227 }
4228
4229 .wpvr-premium-feature__close-btn {
4230 position: absolute;
4231 right: -13px;
4232 top: -14px;
4233 display: flex;
4234 justify-content: center;
4235 align-items: center;
4236 cursor: pointer;
4237 background: #fff;
4238 box-shadow: 0px 1px 1px 0px #cdd8ec;
4239 border-radius: 100%;
4240 width: 46px;
4241 height: 46px;
4242 z-index: 11;
4243 }
4244
4245 .wpvr-premium-feature__message {
4246 display: flex;
4247 flex-direction: column;
4248 justify-content: center;
4249 }
4250
4251 .wpvr-premium-feature__message p {
4252 font-size: 15px;
4253 font-style: normal;
4254 font-weight: 400;
4255 line-height: 1.3;
4256 color: #6c798f;
4257 margin-top: 0;
4258 margin-bottom: 0;
4259 }
4260
4261 .wpvr-premium-feature__svg-icon {
4262 text-align: center;
4263 margin-bottom: 8px;
4264 }
4265
4266 .wpvr-premium-feature__heading {
4267 font-size: 22px;
4268 font-style: normal;
4269 font-weight: 600;
4270 line-height: normal;
4271 color: #0f2f72;
4272 margin-top: 0;
4273 margin-bottom: 12px;
4274 }
4275
4276 .wpvr-premium-feature__subheading {
4277 max-width: 290px;
4278 margin: 0 auto;
4279 }
4280
4281 .wpvr-premium-feature__btn-area {
4282 display: flex;
4283 align-items: center;
4284 flex-direction: column;
4285 gap: 14px;
4286 border-top: 1px solid #e7f0ff;
4287 padding-top: 46px;
4288 margin-top: 30px;
4289 justify-content: center;
4290 }
4291
4292 .wpvr-premium-feature__discount-price {
4293 display: flex;
4294 align-items: center;
4295 gap:22px;
4296 }
4297
4298 p.wpvr-premium-feature__discount-price-label {
4299 position: relative;
4300 font-size: 16px;
4301 }
4302
4303 p.wpvr-premium-feature__discount-price-label:before {
4304 content: "";
4305 position: absolute;
4306 background: #00b4ff;
4307 border-radius: 16px 16px 16px 0;
4308 font-weight: 600;
4309 font-size: 12px;
4310 line-height: 13px;
4311 text-align: center;
4312 color: #fff;
4313 padding: 7px 11px;
4314 top: -27px;
4315 left: 74%;
4316 -webkit-transform: translateX(-50%);
4317 -moz-transform: translateX(-50%);
4318 -ms-transform: translateX(-50%);
4319 transform: translateX(-50%);
4320 min-width: 69px;
4321 box-sizing: content-box;
4322 }
4323
4324
4325 .wpvr-premium-feature__btn {
4326 display: flex;
4327 align-items: center;
4328 gap: 8px;
4329 font-size: 16px;
4330 font-weight: 600;
4331 line-height: 1.2;
4332 color: #fff;
4333 background-color: #3F04FE;
4334 border: 1px solid #3F04FE;
4335 border-radius: 10px;
4336 padding: 14px 30px;
4337 text-decoration: none;
4338 transition: all 0.3s ease;
4339 }
4340
4341 a:active.wpvr-premium-feature__btn {
4342 color: #3F04FE;
4343 }
4344
4345 a:focus.wpvr-premium-feature__btn {
4346 outline: none;
4347 box-shadow: none;
4348 color:#fff;
4349 }
4350
4351 .wpvr-premium-feature__btn:hover {
4352 background-color: #fff;
4353 color: #3F04FE;
4354 }
4355
4356 .wpvr-premium-feature__close-btn:hover svg path {
4357 stroke: #3F04FE;
4358 }
4359
4360 .wpvr-premium-feature__btn:hover svg path {
4361 fill: #3F04FE;
4362 }
4363
4364 #wpvr-main-tab-contents .wpvr-switcher input:disabled+label {
4365 cursor: pointer;
4366 }
4367
4368 /* ----------wpvr-compare (free vs pro)-------- */
4369
4370 .wpvr-compare .compare-tbl-wrapper {
4371 max-width: 1300px;
4372 margin: 0 auto;
4373 border-radius: 20px;
4374 border: 1px solid #eee9ff;
4375 }
4376
4377 .rex-onboarding .compare-tbl-wrapper {
4378 position: relative;
4379 margin-bottom: 75px;
4380 }
4381
4382 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .free,
4383 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .pro {
4384 width: 305px;
4385 display: flex;
4386 align-items: center;
4387 justify-content: center;
4388 text-align: center;
4389 }
4390
4391 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .feature,
4392 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature {
4393 width: calc(100% - 610px);
4394 display: flex;
4395 align-items: center;
4396 }
4397
4398 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature::before {
4399 position: absolute;
4400 content: '';
4401 width: 2px;
4402 height: 24px;
4403 background: #3f04fe;
4404 left: 0;
4405 }
4406
4407 .wpvr-compare .compare-tbl-wrapper .list-header {
4408 display: flex;
4409 flex-flow: row wrap;
4410 align-items: center;
4411 justify-content: space-between;
4412 background: linear-gradient(113deg, #bea9ff -10.04%, #ece6ff 27.32%, #d8f3ff 76.63%, #aae6ff 112.27%);
4413 padding: 21px 30px;
4414 border-radius: 20px 20px 0 0;
4415 position: sticky;
4416 top: 22px;
4417 z-index: 1;
4418 line-height: 0;
4419 border: 1px solid #fff;
4420 margin: -2px;
4421 transition: all 0.3s ease;
4422 }
4423
4424 .wpvr-compare .compare-tbl-wrapper .list-header.sticked {
4425 border-radius: 0;
4426 }
4427
4428 .wpvr-compare .compare-tbl-wrapper .list-header .free,
4429 .wpvr-compare .compare-tbl-wrapper .list-header .pro {
4430 width: 245px;
4431 text-align: center;
4432 }
4433
4434 .wpvr-compare .compare-tbl-wrapper .list-header .feature {
4435 width: calc(100% - 610px);
4436 }
4437
4438 .wpvr-compare .compare-tbl-wrapper .list-header .comparison-tbl-col {
4439 font-family: 'Inter', sans-serif;
4440 color: #0e003c;
4441 font-size: 20px;
4442 font-weight: 700;
4443 line-height: 1.1;
4444 letter-spacing: 1px;
4445 text-transform: uppercase;
4446 margin: 0;
4447 }
4448
4449 .wpvr-compare .compare-tbl-wrapper .list-header .comparison-tbl-col.pro,
4450 .wpvr-compare .compare-tbl-wrapper .list-header .comparison-tbl-col.free {
4451 text-align: center;
4452 }
4453
4454 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature,
4455 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .single-feature {
4456 display: flex;
4457 flex-flow: row wrap;
4458 margin-top: 0;
4459 margin-bottom: 12px;
4460 border-top: 1px solid #eee9ff;
4461 border-bottom: 1px solid #eee9ff;
4462 }
4463
4464 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature:first-child,
4465 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .single-feature:first-child {
4466 border-top: none;
4467 }
4468
4469 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature:last-child,
4470 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .single-feature:last-child {
4471 margin-bottom: 0;
4472 }
4473
4474 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col,
4475 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .comparison-tbl-col {
4476 padding: 22px 30px;
4477 border-right: 1px solid #eee9ff;
4478 margin-bottom: 0;
4479 }
4480
4481 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col:last-child,
4482 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .comparison-tbl-col:last-child {
4483 border-right: none;
4484 }
4485
4486 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .feature p,
4487 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature p {
4488 /* font-family: 'Inter', sans-serif; */
4489 font-size: 18px;
4490 font-weight: 500;
4491 line-height: 1.44;
4492 margin: 0;
4493 color: #0e003c;
4494 }
4495
4496 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature {
4497 justify-content: flex-end;
4498 border: none;
4499 }
4500
4501 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col {
4502 margin: 0 0 0 auto;
4503 text-align: center;
4504 max-width: 306px;
4505 border-left: 1px solid #eee9ff;
4506 }
4507
4508 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature .comparison-tbl-col:last-child {
4509 border-left: none;
4510 }
4511
4512 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature::before {
4513 display: none;
4514 }
4515
4516
4517 @media (max-width: 1199px) {
4518
4519 .wpvr-compare .compare-tbl-wrapper .list-header {
4520 padding: 18px 25px;
4521 }
4522
4523 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col {
4524 max-width: 201px;
4525 }
4526
4527 .rex-onboarding .wpvr-compare .wpvr-btn {
4528 padding: 0 22px;
4529 }
4530
4531 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .comparison-tbl-col,
4532 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col {
4533 padding: 17px 25px;
4534 }
4535
4536 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature p,
4537 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .feature p {
4538 font-size: 16px;
4539 }
4540
4541 .wpvr-compare .compare-tbl-wrapper .list-header .comparison-tbl-col {
4542 font-size: 18px;
4543 line-height: 1.5;
4544 }
4545
4546 .comparison-tbl-body .comparison-tbl-col {
4547 padding: 18px 25px;
4548 }
4549
4550 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col {
4551 padding: 18px 6px;
4552 }
4553
4554 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature,
4555 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .feature {
4556 width: calc(100% - 400px);
4557 }
4558
4559 .wpvr-compare .compare-tbl-wrapper .list-header .feature {
4560 width: calc(100% - 400px);
4561 }
4562
4563 .wpvr-compare .compare-tbl-wrapper .list-header .free,
4564 .wpvr-compare .compare-tbl-wrapper .list-header .pro {
4565 width: 150px;
4566 }
4567
4568 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .free,
4569 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .pro,
4570 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .free,
4571 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .pro {
4572 width: 200px;
4573 }
4574
4575 }
4576
4577 @media (max-width: 767px) {
4578 .wpvr-compare .compare-tbl-wrapper .list-header {
4579 padding: 12px 12px;
4580 }
4581
4582 .wpvr-compare .compare-tbl-wrapper .list-header .feature {
4583 width: calc(100% - 98px);
4584 }
4585
4586 .wpvr-compare .compare-tbl-wrapper .list-header .comparison-tbl-col {
4587 font-size: 14px;
4588 }
4589
4590 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .comparison-tbl-col {
4591 padding: 10px 11px;
4592 }
4593
4594 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .comparison-tbl-col {
4595 padding: 5px 11px;
4596 width: 100%;
4597 }
4598
4599 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature,
4600 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .feature {
4601 width: calc(100% - 100px);
4602 }
4603
4604 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer {
4605 padding: 10px 0;
4606 display: none;
4607 }
4608 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .single-feature:last-child {
4609 border-bottom: none;
4610 }
4611 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .feature p, .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .feature p {
4612 font-size: 14px;
4613 }
4614 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .comparison-tbl-col svg {
4615 width: 14px;
4616 }
4617 .wpvr-compare .compare-tbl-wrapper .list-header .free, .wpvr-compare .compare-tbl-wrapper .list-header .pro {
4618 width: 35px;
4619 }
4620 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .free, .wpvr-compare .compare-tbl-wrapper .comparison-tbl-body .pro {
4621 width: 50px;
4622 }
4623 .wpvr-compare .compare-tbl-wrapper .comparison-tbl-footer .single-feature .comparison-tbl-col {
4624 border-left: none;
4625 }
4626 }
4627
4628
4629 /* ------------------help resources style------------------ */
4630
4631 .wpvr-help-resource {
4632 position: fixed;
4633 bottom: 24px;
4634 right: 24px;
4635 display: flex;
4636 align-items: center;
4637 gap: 12px;
4638 z-index: 100;
4639 }
4640
4641 .wpvr-help-resource__playlist {
4642 position: relative;
4643 }
4644
4645 .wpvr-help-resource__dropdown-section,
4646 .wpvr-help-resource__video-section {
4647 display: flex;
4648 align-items: center;
4649 justify-content: center;
4650 background: #fff;
4651 border-radius: 100px;
4652 box-shadow: 0px 1px 2px 0px #D8D2EB;
4653 cursor: pointer;
4654 padding: 12px 20px 14px;
4655 border: none;
4656 outline: none;
4657 transition: all 0.3s ease;
4658 -webkit-tap-highlight-color: transparent;
4659 }
4660
4661 .wpvr-help-resource__video-icon {
4662 margin-right: 6px;
4663 }
4664
4665 .wpvr-help-resource__video-title {
4666 font-size: 15px;
4667 font-style: normal;
4668 font-weight: 500;
4669 line-height: 1;
4670 color: #73707D;
4671 margin: 0;
4672 }
4673
4674 .wpvr-help-resource__dropdown {
4675 position: relative;
4676 }
4677
4678 .wpvr-help-resource__dropdown-section {
4679 padding: 11px 14px;
4680 }
4681
4682 .wpvr-help-resource__dropdown-list {
4683 list-style: none;
4684 margin: 0;
4685 background: #fff;
4686 border: 1px solid #e2e5ed;
4687 border-radius: 6px;
4688 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
4689 display: none;
4690 padding: 8px;
4691 position: absolute;
4692 right: 0;
4693 bottom: calc(100% + 8px);
4694 transition: all 0.3s ease;
4695 width: 150px;
4696 z-index: 5;
4697 }
4698
4699 .wpvr-help-resource__dropdown-list.show-dropdown {
4700 display: block;
4701 }
4702
4703 .wpvr-help-resource__dropdown-item {
4704 display: flex;
4705 align-items: center;
4706 border-radius: 6px;
4707 cursor: pointer;
4708 transition: all 0.3s ease;
4709 margin: 0;
4710 }
4711
4712 .wpvr-help-resource__dropdown-link {
4713 font-size: 14px;
4714 font-weight: 400;
4715 line-height: 17px;
4716 padding: 6px 8px;
4717 color: #2d3149;
4718 text-decoration: none;
4719 transition: all 0.3s ease;
4720 }
4721
4722 .wpvr-help-resource__dropdown-item a:focus {
4723 color: #2d3149;
4724 box-shadow: none;
4725 outline: none;
4726 }
4727
4728 .wpvr-help-resource__dropdown-link:hover {
4729 color: #2d3149;
4730 text-decoration: none;
4731 background: #f6f8fa;
4732 }
4733
4734 /* ----------wpvr image layout style---------- */
4735
4736 .wpvr-layout {
4737 width: 100%;
4738 }
4739 .single-settings.vr-tour-layout.is_pro{
4740 position: relative;
4741 }
4742
4743 .single-settings .basic-setting-checkbox-pro-tag ,
4744 .single-settings.vr-tour-layout.is_pro .tour-layout-pro-tag {
4745 position: absolute;
4746 right: -8px;
4747 top: -11px;
4748 display: block;
4749 color: #ffffff;
4750 font-weight: 600;
4751 padding: 5px 6px;
4752 text-transform: capitalize;
4753 text-align: center;
4754 font-size: 11px;
4755 font-style: normal;
4756 line-height: 0.8;
4757 background: #00B4FF;
4758 border-radius: 9px 9px 9px 0px;
4759 }
4760
4761 .basic-settings-content .single-settings{
4762 position: relative;
4763 }
4764
4765 .wpvr-layout__label {
4766 margin-bottom: 10px;
4767 display: block;
4768 font-size: 16px;
4769 color: #494b51;
4770 font-weight: 500;
4771 }
4772
4773 .wpvr-layout__container {
4774 display: grid;
4775 gap: 18px;
4776 grid-template-columns: repeat(2, 1fr);
4777 align-items: center;
4778 justify-content: center;
4779 padding: 15px;
4780 max-width: 320px;
4781 }
4782
4783 .wpvr-layout__radio-container {
4784 display: flex;
4785 align-items: center;
4786 gap: 10px;
4787 text-align: center;
4788
4789 }
4790
4791
4792 .wpvr-layout__radio-label {
4793 position: relative;
4794 display: block;
4795 cursor: pointer;
4796 }
4797
4798 .wpvr-layout__radio-container input[type="radio"]:checked + .wpvr-layout__radio-label img {
4799 border: 2px solid #00f;
4800 }
4801
4802
4803 .wpvr-layout__radio-image {
4804 width: 100%;
4805 max-width: 100%;
4806 height: auto;
4807 border: 2px solid transparent;
4808 border-radius: 2px;
4809 transition: border 0.3s;
4810 }
4811
4812 .wpvr-layout__hover-text {
4813 opacity: 0;
4814 visibility: hidden;
4815 position: absolute;
4816 top: 50%;
4817 left: 50%;
4818 transform: translate(-50%, -50%);
4819 background: rgba(0, 0, 0, 0.7);
4820 color: #fff;
4821 padding: 5px 10px;
4822 border-radius: 3px;
4823 }
4824
4825 .wpvr-layout__radio-label:hover .wpvr-layout__hover-text {
4826 opacity: 1;
4827 visibility: visible;
4828 }
4829
4830 .wpvr-layout__radio-text {
4831 display: block;
4832 font-size: 13px;
4833 font-weight: 400;
4834 text-align: left;
4835 line-height: 1;
4836 cursor: pointer;
4837 margin-top: 10px;
4838 margin-left: 30px;
4839 color: #0E003C;
4840 transition: all 0.4s ease;
4841 }
4842
4843 .wpvr-layout__radio-container input[type="radio"] {
4844 display: none;
4845 }
4846
4847 .wpvr-layout__radio-label {
4848 margin-left: 30px;
4849 }
4850
4851 .wpvr-layout__radio-label::before {
4852 content: "";
4853 position: absolute;
4854 width: 16px;
4855 height: 16px;
4856 border: 1px solid #E0D7FF;
4857 background: #F3EFFF;
4858 border-radius: 50%;
4859 top: 24px;
4860 left: -30px;
4861 transform: translateY(0);
4862 transition: border-color 400ms ease;
4863 }
4864
4865 .wpvr-layout__radio-label::after {
4866 content: "";
4867 position: absolute;
4868 width: 14px;
4869 height: 14px;
4870 background-color: #3F04FE;
4871 border: 1px solid #3F04FE;
4872 border-radius: 50%;
4873 top: 25px;
4874 left: -29px;
4875 transform: translateY(0) scale(0);
4876 transition: transform 400ms ease;
4877 }
4878
4879 .wpvr-layout__radio-image {
4880 width: 100px;
4881 height: auto;
4882 }
4883
4884 .wpvr-layout__hover-text {
4885 font-size: 13px;
4886 color: #fff;
4887 }
4888
4889
4890 .wpvr-layout__radio-container input[type="radio"]:checked + .wpvr-layout__img .wpvr-layout__radio-label::before {
4891 border-color: #3F04FE;
4892 }
4893
4894
4895 .wpvr-layout__radio-container input[type="radio"]:checked + .wpvr-layout__img img {
4896 border-color: #3F04FE;
4897 }
4898
4899
4900 .wpvr-layout__radio-container input[type="radio"]:checked + .wpvr-layout__img .wpvr-layout__radio-label::after {
4901 transform: translateY(0) scale(0.55);
4902 }
4903
4904
4905 .rex-pano-tab.general .inner-nav-content .single-settings.vr-tour-layout .wpvr-tooltip-area {
4906 display: flex;
4907 align-items: center;
4908 border-radius: 6px 6px 0px 0px;
4909 border-bottom: 1px solid #F2EFFE;
4910 background: #FFF;
4911 padding: 15px;
4912 }
4913
4914 .rex-pano-tab.general .inner-nav-content .single-settings.vr-tour-layout {
4915 border-radius: 6px 6px 6px 6px;
4916 background: #FCFCFF;
4917 box-shadow: 0px 1px 1px 0px rgba(63, 4, 254, 0.08);
4918 padding: 0;
4919 }
4920
4921 .wpvr-layout__radio-label:hover {
4922 border-color: #3F04FE;
4923 background-color: #f9f9ff;
4924 box-shadow: 0 4px 15px rgba(63, 4, 254, 0.1);
4925 }
4926
4927 /* ----------image popup layout style---------- */
4928
4929 .wpvr-layout-modal {
4930 display: none;
4931 background: #fff;
4932 border: 1px solid #ebedf0;
4933 border-radius: 10px;
4934 bottom: 24px;
4935 padding: 30px 28px;
4936 right: 24px;
4937 transition: all .3s ease;
4938 position: absolute;
4939 top: 35%;
4940 left: 50%;
4941 -webkit-transform: translate(-50%, -50%);
4942 -ms-transform: translate(-50%, -50%);
4943 -o-transform: translate(-50%, -50%);
4944 transform: translate(-50%, -50%);
4945 z-index: 9;
4946 max-width: 945px;
4947 width: 100%;
4948 min-height: 820px;
4949 }
4950
4951 .wpvr-layout-modal__cross-icon {
4952 outline: none;
4953 outline-offset: 0;
4954 border: none;
4955 text-decoration: none;
4956 align-items: center;
4957 background: #fff;
4958 border-radius: 100px;
4959 box-shadow: 0 1px 1px #dadada;
4960 cursor: pointer;
4961 display: flex;
4962 height: 34px;
4963 justify-content: center;
4964 position: absolute;
4965 right: -10px;
4966 top: -12px;
4967 width: 34px;
4968 }
4969
4970 .wpvr-iframe-modal {
4971 display: none;
4972 background: #fff;
4973 border: 1px solid #ebedf0;
4974 border-radius: 16px;
4975 bottom: 24px;
4976 box-shadow: 0 16px 35px 0 rgba(220, 228, 236, .75);
4977 padding: 20px 20px 16px;
4978 position: fixed;
4979 right: 24px;
4980 transition: all .3s ease;
4981 z-index: 999;
4982 }
4983
4984 .wpvr-iframe-modal__cross-icon {
4985 outline: none;
4986 outline-offset: 0;
4987 border: none;
4988 text-decoration: none;
4989 align-items: center;
4990 background: #fff;
4991 border-radius: 100px;
4992 box-shadow: 0 1px 1px #dadada;
4993 cursor: pointer;
4994 display: flex;
4995 height: 34px;
4996 justify-content: center;
4997 position: absolute;
4998 right: -10px;
4999 top: -12px;
5000 width: 34px;
5001 }
5002
5003 .wpvr-layout-modal__img svg {
5004 max-width: 100%;
5005 display: block;
5006 width: 100%;
5007 height: auto;
5008 margin: auto;
5009 }
5010 .wpvr-layout-modal__img.layout-default-preview{
5011 display:none;
5012 }
5013
5014 .wpvr-layout-modal__setting-content {
5015 display: flex;
5016 align-items: center;
5017 gap:15px;
5018 margin-top: 32px;
5019 border-radius: 8px;
5020 background: #EFEEFF;
5021 padding: 18px 24px;
5022 }
5023
5024 .wpvr-layout-modal__setting-content h5 {
5025 text-align: center;
5026 font-size: 18px;
5027 font-style: normal;
5028 font-weight: 500;
5029 line-height: normal;
5030 color: #211CFD;
5031 margin: 0;
5032 }
5033
5034 .wpvr-layout-modal__setting-control {
5035 display: grid;
5036 grid-template-columns: repeat(2, 1fr);
5037 align-items: center;
5038 border-bottom: 1px solid #EFEEFF;
5039 padding: 30px 20px;
5040 }
5041
5042
5043 .wpvr-layout-modal__setting-control-options {
5044 display: flex;
5045 align-items: center;
5046 gap: 20px;
5047 }
5048
5049 .wpvr-layout-modal__setting-control-options p {
5050 font-size: 16px;
5051 font-style: normal;
5052 font-weight: 500;
5053 line-height: normal;
5054 color: #76737E;
5055 }
5056
5057 .wpvr-layout-modal__setting-control-options span {
5058 display: block;
5059 cursor: pointer;
5060 }
5061
5062 .wpvr-layout-modal__setting-control-options input[type=color] {
5063 border-radius: 6px;
5064 border: 1px solid rgba(63, 4, 254, 0.10);
5065 width: 45px;
5066 height: 35px;
5067 padding: 4px;
5068 cursor: pointer;
5069 color: #2c3338;
5070 }
5071
5072 .wpvr-layout-modal__setting-button {
5073 display: flex;
5074 align-items: center;
5075 gap: 15px;
5076 margin-top: 18px;
5077 }
5078
5079 .wpvr-layout-modal__setting-button button {
5080 font-size: 18px;
5081 font-style: normal;
5082 font-weight: 500;
5083 line-height: 1.3;
5084 padding: 10px 30px;
5085 border-radius: 30px;
5086 background: rgba(63, 4, 254, 0.9);
5087 border: none;
5088 color: #FFF;
5089 text-align: center;
5090 cursor: pointer;
5091 transition: background 0.3s ease, color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease;
5092 }
5093 .wpvr-iframe-modal .video-link {
5094 border-radius: 14px;
5095 }
5096
5097 .wpvr-layout-modal__setting-button button:hover {
5098 background: #EFEEFF;
5099 color: #211CFD;
5100 backdrop-filter: blur(10px);
5101 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
5102 }
5103
5104 /* ----------import tab style---------- */
5105
5106 .rex-onboarding .import-tab .tab-title {
5107 margin-top: 0;
5108 font-size: 20px;
5109 line-height: 1.4;
5110 font-weight: 700;
5111 }
5112
5113 .rex-onboarding .import-tab .file-path-wrapper input {
5114 border: 1px solid #deddff;
5115 background-color: #fafbff;
5116 max-width: 650px;
5117 border-radius: 5px;
5118 height: 50px;
5119 padding: 10px 15px;
5120 box-sizing: border-box;
5121 }
5122
5123 .rex-onboarding .import-tab .file-path-wrapper input:focus {
5124 box-shadow: none;
5125 outline: none;
5126 }
5127
5128 .rex-onboarding .import-tab .wpvr-import-btn {
5129 margin-bottom: 10px;
5130 background: #f3f3ff !important;
5131 box-shadow: none;
5132 border: 1px solid #8f8dfe;
5133 border-radius: 10px;
5134 display: inline-block;
5135 padding: 8px 10px;
5136 cursor: pointer;
5137 }
5138
5139 .rex-onboarding .import-tab .wpvr-import-btn i {
5140 line-height: 1.2;
5141 color: #1f1cfd;
5142 }
5143
5144 .rex-onboarding .import-tab .vr-notice {
5145 margin-top: 0;
5146 color: #e23636;
5147 }
5148
5149 /* ---------wpvr-settings tab style------------ */
5150 .rex-onboarding .wpvr-settings h4 {
5151 font-size: 24px;
5152 color: #3c3e4a;
5153 font-weight: 500;
5154 margin: 0 0 35px 0;
5155 }
5156
5157 .rex-onboarding .wpvr-settings .settings-wrapper {
5158 display: flex;
5159 flex-flow: row;
5160 align-items: flex-start;
5161 }
5162
5163 .rex-onboarding .wpvr-settings .wpvr_role-container {
5164 width: 50%;
5165 padding-right: 30px;
5166 }
5167
5168 .rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
5169 padding-right: 0;
5170 }
5171
5172 .rex-onboarding .wpvr-settings .wpvr_role-container ul {
5173 padding: 0;
5174 margin: 0;
5175 }
5176
5177 .rex-onboarding .wpvr-settings .wpvr_role-container ul li {
5178 display: flex;
5179 margin-bottom: 28px;
5180 }
5181
5182 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-video-script.wpvr_enqueue_video_script_list {
5183 flex-wrap: wrap;
5184 }
5185
5186 .rex-onboarding .wpvr-settings .wpvr_role-container ul li:last-child {
5187 margin-bottom: 0;
5188 }
5189
5190 .rex-onboarding .wpvr-settings .wpvr_role-container ul li h6 {
5191 margin: 0;
5192 line-height: 1.5;
5193 font-size: 16px;
5194 width: calc(100% - 50px);
5195 padding-right: 30px;
5196 color: #787890;
5197 }
5198
5199 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script {
5200 display: flex;
5201 flex-flow: row wrap;
5202 }
5203
5204 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script h6 {
5205 padding-right: 0;
5206 }
5207
5208 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.front-notice h6 {
5209 width: calc(100% - 91px);
5210 }
5211
5212 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script textarea,
5213 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-video-script textarea {
5214 border: 1px solid #ddd;
5215 margin: 10px 0 0 0;
5216 padding: 10px 15px;
5217 border-radius: 5px;
5218 box-shadow: none;
5219 box-sizing: border-box;
5220 width: 100%;
5221 }
5222
5223 .rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script textarea:focus {
5224 box-shadow: none;
5225 }
5226
5227 .rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version {
5228 display: flex;
5229 justify-content: space-between;
5230 align-items: center;
5231 width: 100%;
5232 }
5233
5234 .rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version .wpvr-btn {
5235 margin-top: 0;
5236 height: 45px;
5237 border: none;
5238 }
5239
5240 .rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version select {
5241 border: 1px solid #ddd;
5242 padding: 5px 15px;
5243 border-radius: 5px;
5244 box-shadow: none;
5245 box-sizing: border-box;
5246 display: block;
5247 margin-right: 10px;
5248 width: 220px;
5249 margin-left: auto;
5250 }
5251
5252 .rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version select:focus {
5253 outline: none;
5254 }
5255
5256 .rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar {
5257 height: 10px;
5258 margin-bottom: 25px;
5259 padding-top: 8px;
5260 }
5261
5262 .rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar .progress {
5263 background-color: #c3c2fd;
5264 margin: 0;
5265 }
5266
5267 .rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar .indeterminate {
5268 background-color: #201cfe;
5269 display: block;
5270 }
5271
5272 .rex-onboarding .wpvr-settings a.wpvr-pro {
5273 position: absolute;
5274 top: 14px;
5275 left: -14px;
5276 }
5277
5278 /* ----------- */
5279
5280 .rex-onboarding .wpvr-settings .upgrade-pro {
5281 border: 1px solid #201cfe;
5282 display: flex;
5283 flex-flow: column;
5284 align-items: center;
5285 justify-content: center;
5286 padding: 25px 15px;
5287 border-radius: 10px;
5288 background: #fff;
5289 width: 346px;
5290 }
5291
5292 .rex-onboarding .wpvr-settings .upgrade-pro img {
5293 margin-bottom: 20px;
5294 }
5295
5296
5297 /*-----------wpvr-tooltip style------- */
5298
5299 .wpvr-tooltip {
5300 position: relative;
5301 margin-left: 25px;
5302 display: inline-block;
5303 }
5304
5305 .wpvr-tooltip .icon {
5306 display: inline-block;
5307 cursor: pointer;
5308 position: relative;
5309 top: 2px;
5310 }
5311
5312 .wpvr-tooltip p {
5313 position: absolute;
5314 z-index: 1;
5315 top: 50%;
5316 left: 40px;
5317 transform: translateY(-50%);
5318 font-size: 15px;
5319 line-height: 24px;
5320 color: #363b4e;
5321 font-weight: 400;
5322 background: #fff;
5323 filter: drop-shadow(0px 5px 30px rgba(29, 4, 111, 0.2));
5324 padding: 10px 15px;
5325 border-radius: 5px;
5326 width: 230px;
5327 margin: 0;
5328 opacity: 0;
5329 visibility: hidden;
5330 transition: all 0.3s ease;
5331 }
5332
5333 .wpvr-tooltip p:before {
5334 content: "";
5335 position: absolute;
5336 left: -5px;
5337 top: 50%;
5338 width: 10px;
5339 height: 10px;
5340 background: #fff;
5341 transform: translateY(-50%) rotate(45deg);
5342 transform-origin: center;
5343 }
5344
5345 .wpvr-tooltip .icon:hover+p {
5346 opacity: 1;
5347 visibility: visible;
5348 }
5349
5350 #et-boc .et-l div.pnlm-tooltip span, div.pnlm-tooltip span{
5351 display: none;
5352 }
5353 .note-group-select-from-files {
5354 display: none;
5355 }
5356
5357
5358 /*------------responsive style------------*/
5359
5360 @media (max-width: 1499px) {
5361 .rex-onboarding {
5362 max-width: calc(100% - 15px);
5363 }
5364 .rex-onboarding .wpvr-settings .wpvr_role-container {
5365 width: calc(100% - 346px);
5366 }
5367 .rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
5368 width: 70%;
5369 padding-right: 0;
5370 }
5371 }
5372
5373
5374 /*--media max 1499px */
5375
5376 @media (max-width: 1399px) {
5377 .rex-onboarding .block-wrapper {
5378 padding: 50px 30px;
5379 flex-flow: column;
5380 }
5381 .rex-onboarding .compare-tbl-wrapper {
5382 margin-bottom: 45px;
5383 }
5384 .rex-onboarding .info-wrapper {
5385 margin-left: -30px;
5386 width: calc(100% + 30px);
5387 }
5388
5389 .wpvr-layout-modal {
5390 padding: 25px 20px;
5391 transform: translate(-46%, -60%);
5392 max-width: 760px;
5393 min-height: 710px;
5394 }
5395
5396 }
5397
5398
5399 /*--media max 1399px */
5400
5401 @media (max-width: 1199px) {
5402 .rex-onboarding ul.rex-tabs>li {
5403 margin-left: 70px;
5404 }
5405 .rex-onboarding .single-block {
5406 width: calc(100% / 2 - 30px);
5407 }
5408 .rex-onboarding .single-block.banner {
5409 width: calc(100% / 3 * 3 - 30px);
5410 }
5411 .rex-onboarding .single-block.share-block {
5412 margin-top: 30px;
5413 }
5414 .rex-onboarding .wpvr-more-feature ul {
5415 column-count: 2;
5416 }
5417 .rex-onboarding .wpvr-settings .settings-wrapper {
5418 display: block;
5419 }
5420 .rex-onboarding .wpvr-settings .wpvr_role-container {
5421 width: 100%;
5422 padding-right: 0;
5423 }
5424 .rex-onboarding .wpvr-settings .wpvr-tooltip p {
5425 top: inherit;
5426 bottom: calc(100% + 11px);
5427 left: inherit;
5428 right: -10px;
5429 transform: translateY(0);
5430 }
5431 .rex-onboarding .wpvr-settings .wpvr-tooltip p:before {
5432 left: inherit;
5433 right: 17px;
5434 top: inherit;
5435 bottom: -10px;
5436 }
5437 .rex-onboarding .wpvr-settings .upgrade-pro {
5438 margin-top: 40px;
5439 }
5440 .rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
5441 width: 100%;
5442 padding-right: 0;
5443 }
5444 .rex-onboarding .video-wrapper {
5445 display: block;
5446 }
5447 .rex-onboarding .video-wrapper .video-left {
5448 width: 100%;
5449 }
5450 .rex-onboarding .video-wrapper .video-right {
5451 padding-left: 0;
5452 }
5453 }
5454
5455 .wpvr-delete-alert-wrapper {
5456 position: fixed;
5457 top: 0;
5458 right: 0;
5459 padding: 15px;
5460 width: calc(100% - 160px);
5461 height: 100%;
5462 background: rgba(51, 51, 51, 0.4);
5463 z-index: 999;
5464 display: none;
5465 flex-flow: row wrap;
5466 align-items: center;
5467 justify-content: center;
5468 }
5469
5470 .wpvr-delete-alert-wrapper .wpvr-delete-confirmation {
5471 background: #fff;
5472 box-shadow: 0 1px 34px rgba(0, 0, 0, 0.06);
5473 border-radius: 10px;
5474 padding: 30px 20px;
5475 width: 100%;
5476 max-width: 420px;
5477 text-align: center;
5478 animation: wpvr-bounce 0.3s;
5479 }
5480
5481 .wpvr-delete-alert-wrapper .wpvr-delete-confirmation h3 {
5482 font-size: 16px;
5483 font-weight: 500;
5484 }
5485
5486 .wpvr-delete-alert-wrapper .icon {
5487 display: flex;
5488 align-items: center;
5489 justify-content: center;
5490 border-radius: 100%;
5491 }
5492
5493 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn {
5494 display: flex;
5495 flex-flow: row;
5496 align-items: center;
5497 justify-content: center;
5498 margin-top: 30px;
5499 }
5500
5501 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn li {
5502 margin: 0 10px;
5503 }
5504
5505 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default {
5506 height: 41px;
5507 line-height: 40px;
5508 padding: 0 20px;
5509 min-width: 110px;
5510 border-radius: 5px;
5511 border: none;
5512 outline: none;
5513 font-size: 16px;
5514 font-weight: 500;
5515 transition: all 0.3s ease;
5516 }
5517
5518 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.yes {
5519 background-color: #004EFA;
5520 color: #fff;
5521 }
5522
5523 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.yes:hover {
5524 background-color: #0c4ee0;
5525 cursor: pointer;
5526 }
5527
5528 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.cancel {
5529 background-color: #eee;
5530 color: #333;
5531 cursor: pointer;
5532 }
5533
5534 .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.cancel:hover {
5535 background-color: #e2e2e2;
5536 }
5537
5538 @keyframes wpvr-bounce {
5539 0% {
5540 transform: scale(.7);
5541 }
5542 45% {
5543 transform: scale(1.05);
5544 }
5545 80% {
5546 transform: scale(.95);
5547 }
5548 100% {
5549 transform: scale(1);
5550 }
5551 }
5552
5553 @media only screen and (max-width: 992px) {
5554 .rex-onboarding ul.rex-tabs>.wpvr_tabs_row {
5555 flex-grow: inherit;
5556 }
5557 }
5558
5559 @media (max-width: 991px) {
5560 .single-hotspot .hotspot-setting select {
5561 height: 46px!important;
5562 }
5563 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip span {
5564 top: inherit;
5565 left: inherit;
5566 right: -5px;
5567 -webkit-transform: inherit;
5568 -moz-transform: inherit;
5569 -ms-transform: inherit;
5570 -o-transform: inherit;
5571 transform: inherit;
5572 bottom: 42px;
5573 }
5574 .hotspot-setup .hotspot-setting.custom-icon .field-tooltip span:before {
5575 left: inherit;
5576 top: inherit;
5577 -webkit-transform: translateY(0) rotate(-90deg);
5578 -moz-transform: translateY(0) rotate(-90deg);
5579 -ms-transform: translateY(0) rotate(-90deg);
5580 -o-transform: translateY(0) rotate(-90deg);
5581 transform: translateY(0) rotate(-90deg);
5582 bottom: -10px;
5583 right: 10px;
5584 }
5585 }
5586
5587 /* .rex-pano-tab-content .background-tour .single-settings.inline-style, */
5588 .rex-pano-tab-content .general .inner-nav-content .single-settings.button_configuration {
5589 display: block;
5590 }
5591
5592
5593 /* ---- call to action button style----- */
5594 .button-style-configaration {
5595 display: flex;
5596 flex-flow: row wrap;
5597 }
5598
5599 .button-style-configaration select {
5600 outline: none;
5601 box-shadow: none!important;
5602 border-color: #dae3fd!important;
5603 }
5604
5605 .button-style-configaration .single-cta-control {
5606 width: 100%;
5607 display: flex;
5608 align-items: center;
5609 justify-content: space-between;
5610 padding: 15px 0;
5611 border-bottom: 1px solid #F2EFFE;
5612 }
5613
5614
5615 .button-style-configaration .single-cta-control:first-child {
5616 padding-top: 0;
5617 }
5618
5619 .button-style-configaration .single-cta-control:last-child {
5620 padding-bottom: 0;
5621 border-bottom: none;
5622 }
5623
5624
5625 .button-style-configaration .single-cta-control select,
5626 .button-style-configaration .single-cta-control input[type="number"]{
5627 max-width: 110px !important;
5628 height: 30px;
5629 padding: 5px 9px;
5630 background-color: transparent !important;
5631 }
5632
5633 .button-style-configaration .single-cta-control.new-tab {
5634 width: 100%;
5635 }
5636
5637 .button-style-configaration .single-cta-control.new-tab .wpvr-switcher {
5638 margin-left: 0;
5639 width: 100%;
5640 }
5641
5642 .button-style-configaration .single-cta-control .wpvr-switcher {
5643 display: flex;
5644 align-items: center;
5645 gap: 10px;
5646 justify-content: space-between;
5647 }
5648
5649 .button-style-configaration .single-cta-control .control-title {
5650 font-size: 14px;
5651 font-weight: 400;
5652 line-height: 1.14;
5653 color: #0E003C;
5654 display: block;
5655 }
5656
5657 .button-style-configaration .single-cta-control .wpvr-switcher .control-title {
5658 margin-bottom: 0;
5659 }
5660
5661
5662 /* ---color box style---- */
5663 .button-style-configaration .color-box,
5664 .button-style-configaration .color-box {
5665 display: flex;
5666 align-items: center;
5667 gap: 10px;
5668 width: 100%;
5669 justify-content: space-between;
5670 }
5671
5672 .button-style-configaration .color-box, .button-style-configaration .color-box .colors {
5673 display: flex;
5674 align-items: center;
5675 gap: 5px;
5676 color: #73707D;
5677 font-size: 14px;
5678 font-weight: 500;
5679 }
5680
5681 .button-style-configaration .color-box label,
5682 .button-style-configaration .color-box label {
5683 margin-bottom: 0!important;
5684 }
5685
5686 .button-style-configaration .color-box input[type="color"],
5687 .button-style-configaration .color-box input[type="color"] {
5688 width: 30px;
5689 height: 30px;
5690 padding: 0;
5691 border-radius: 6px;
5692 }
5693
5694 .button-style-configaration .color-box input[type="color" i]::-webkit-color-swatch-wrapper,
5695 .button-style-configaration .color-box input[type="color" i]::-webkit-color-swatch-wrapper {
5696 padding: 0;
5697 }
5698
5699 .button-style-configaration .color-box input[type="color"]::-webkit-color-swatch,
5700 .button-style-configaration .color-box input[type="color"]::-webkit-color-swatch {
5701 border: none;
5702 border-radius: 6px;
5703 }
5704
5705 /* -----control group style------ */
5706 .button-style-configaration .control-group {
5707 display: flex;
5708 column-gap: 12px;
5709 width: 100%;
5710 }
5711
5712 .button-style-configaration .control-group .border-property-area {
5713 display: flex;
5714 align-items: center;
5715 gap: 10px;
5716 max-width: 270px;
5717 }
5718
5719
5720 .button-style-configaration .control-group input {
5721 padding: 10px 10px!important;
5722 }
5723
5724 .button-style-configaration .control-group .control-title {
5725 width: 50%;
5726 }
5727
5728 .button-style-configaration .control-group .control-inner-title {
5729 font-size: 13px;
5730 margin-bottom: 5px!important;
5731 display: block;
5732 color: #8a8484;
5733 }
5734
5735 .button-style-configaration .border .color-box {
5736 width: auto;
5737 border: none;
5738 padding: 0;
5739 display: block;
5740 }
5741
5742 .button-style-configaration .border .color-box input[type="color"] {
5743 width: 36px;
5744 height: 36px;
5745 padding: 4px !important;
5746 }
5747
5748 .button-style-configaration .border .border-property {
5749 width: calc(100% / 2 - 35px);
5750 }
5751
5752 .button-style-configaration .border .border-color {
5753 width: 46px;
5754 }
5755
5756 .button-style-configaration .border-radius input {
5757 max-width: 100%!important;
5758 }
5759
5760 .button-style-configaration .padding .padding-property {
5761 width: calc(100% / 4 - 9px);
5762 }
5763
5764 a.wpvr-facebook-icon { background: #3B5998; }
5765 a.wpvr-twitter-icon { background: #ffffff; }
5766 a.wpvr-linkedin-icon { background: #0077B5; }
5767 a.wpvr-reddit-icon { background: #FF5700; }
5768 a.wpvr-email-icon { background: #000000; }
5769
5770 .share-buttons-container{
5771 display: flex;
5772 justify-content: center;
5773 align-items: center;
5774 background: #bcbcf2;
5775 width: 100%;
5776 height: 100vh;
5777 }
5778
5779 .wpvr-share-buttons-container .share-list {
5780 display: flex;
5781 flex-direction: row;
5782 }
5783
5784 .wpvr-share-buttons-container .share-list a {
5785 border-radius: 100px;
5786 width: 50px;
5787 height: 50px;
5788 padding: 7px;
5789 margin: 10px;
5790 cursor: pointer;
5791 overflow: hidden;
5792 }
5793
5794 .wpvr-share-buttons-container .share-list a img {
5795 width: 100%;
5796 height: 100%;
5797 filter: invert(100%);
5798 }
5799
5800
5801 .wpvr_cardboard_disable_is_pro span {
5802 position: absolute;
5803 left: 68%;
5804 transform: translateX(-64%);
5805 top: -22px;
5806 display: block;
5807 border-radius: 9px 9px 9px 0px;
5808 background: #00B4FF;
5809 font-size: 11px;
5810 color: #ffffff;
5811 font-weight: 600;
5812 padding: 5px 6px;
5813 text-transform: capitalize;
5814 z-index: 1;
5815 line-height: 0.8;
5816 }
5817
5818 .wpvr-input-disabled {
5819 opacity: 0.5;
5820 cursor: not-allowed;
5821 }
5822
5823
5824 .post-type-wpvr_item div#publishing-action {
5825 display: flex;
5826 }
5827
5828 .post-type-wpvr_item #wpvr-success-message {
5829 color: green;
5830 }
5831
5832
5833 /* ------------ wpvr global settings page style start ------------ */
5834 body.wp-vr_page_wpvr-setting {
5835 background: #E4E0F1;
5836 }
5837 .wpvr-global-settings * {
5838 box-sizing: border-box;
5839 }
5840
5841 .wpvr-global-settings {
5842 width: calc(100% - 15px);
5843 padding: 40px 40px 40px 20px;
5844 display: flex;
5845 flex-flow: row wrap;
5846 align-items: flex-start;
5847 gap: 31px;
5848 }
5849
5850 .wpvr-global-settings ul.rex-tabs {
5851 overflow: visible;
5852 width: 314px;
5853 padding: 21px 24px;
5854 border-radius: 10px;
5855 box-shadow: 0px 1px 1px 0px rgba(184, 177, 206, 0.70);
5856 height: auto;
5857 white-space: inherit;
5858 margin: 0;
5859 display: flex;
5860 flex-flow: column;
5861 align-items: flex-start;
5862 gap: 16px;
5863 }
5864 .wpvr-global-settings ul.rex-tabs>.wpvr_tabs_row {
5865 width: 100% !important;
5866 height: auto;
5867 line-height: 1.3;
5868 display: block;
5869 text-transform: none;
5870 }
5871
5872
5873 .wpvr-global-settings ul.rex-tabs>li>.rex-import-disable,
5874 .wpvr-global-settings ul.rex-tabs>li>a {
5875 font-size: 15px;
5876 color: #535963;
5877 font-weight: 600;
5878 text-transform: capitalize;
5879 display: flex;
5880 align-items: center;
5881 gap: 12px;
5882 padding: 18px 20px;
5883 text-align: center;
5884 position: relative;
5885 overflow: visible;
5886 border-radius: 8px;
5887 border: 1px solid #EBE8F5;
5888 transition: all 0.3s ease;
5889 }
5890
5891 .wpvr-global-settings ul.rex-tabs>li>a:hover {
5892 color: #535963;
5893 }
5894
5895 .wpvr-global-settings ul.rex-tabs>li>a.active {
5896 background-color: #3F04FE;
5897 color: #fff;
5898 box-shadow: 0px 10px 16px 0px rgba(63, 4, 254, 0.15);
5899 }
5900
5901
5902
5903 .wpvr-global-settings ul.rex-tabs>li>a:focus {
5904 box-shadow: none;
5905 }
5906
5907 .wpvr-global-settings ul.rex-tabs li a path {
5908 transition: all 0.3s ease;
5909 }
5910
5911 .wpvr-global-settings ul.rex-tabs>li.general-settigs>a.active path {
5912 stroke: #fff;
5913 fill: #fff;
5914 }
5915
5916 .wpvr-global-settings ul.rex-tabs>li.import>a.active path {
5917 stroke: #fff;
5918 }
5919
5920 .wpvr-global-settings ul.rex-tabs>li>.rex-import-disable {
5921 position: relative;
5922 cursor: pointer;
5923 display: flex;
5924 align-items: center;
5925 color:#787890;
5926 }
5927
5928 .rex-import-disable span.is-pro {
5929 position: absolute;
5930 right: -15px;
5931 top: -2px;
5932 display: block;
5933 border-radius: 9px 9px 9px 0px;
5934 background: #00B4FF;
5935 font-size: 11px;
5936 color: #ffffff;
5937 font-weight: 600;
5938 padding: 5px 6px;
5939 text-transform: capitalize;
5940 z-index: 1;
5941 line-height: 0.8;
5942 }
5943
5944 .wpvr-global-settings ul.rex-tabs .indicator {
5945 display: none;
5946 }
5947
5948 .wpvr-global-settings .block-wrapper.info-tab {
5949 display: flex;
5950 align-items: flex-start;
5951 }
5952
5953
5954 /* ------tab content style-------- */
5955 .wpvr-global-settings .wpvr-global-settings-tab-content {
5956 width: calc(100% - 345px);
5957 border-radius: 10px;
5958 background: #FFF;
5959 box-shadow: 0px 1px 1px 0px rgba(184, 177, 206, 0.70);
5960 }
5961
5962 .wpvr-global-settings .tab-content-title {
5963 color: #0E003C;
5964 font-size: 20px;
5965 font-weight: 600;
5966 line-height: 1.2;
5967 margin: 0;
5968 border-bottom: 1px solid #EBE8F5;
5969 padding: 18px 24px;
5970 }
5971
5972 .wpvr-global-settings .wpvr-settings {
5973 border-radius: 6px;
5974 border: 1px solid #EBE8F5;
5975 margin: 24px;
5976 width: calc(100% - 48px);
5977 }
5978
5979 .wpvr-global-settings .wpvr-settings p a {
5980 color: #3F04FE;
5981 text-decoration: underline;
5982 }
5983
5984 /* ---------wpvr-settings tab style------------ */
5985 .wpvr-global-settings .wpvr-settings h4 {
5986 font-size: 24px;
5987 color: #3c3e4a;
5988 font-weight: 500;
5989 margin: 0 0 35px 0;
5990 }
5991
5992 .wpvr-global-settings .wpvr-settings .settings-box-title {
5993 color: #0E003C;
5994 font-size: 15px;
5995 font-weight: 600;
5996 line-height: 1.3;
5997 margin: 0;
5998 padding: 14px 19px;
5999 border-bottom: 1px solid #EBE8F5;
6000 }
6001
6002 .wpvr-global-settings .wpvr-settings .settings-ul {
6003 padding: 0;
6004 margin: 0;
6005 }
6006
6007 .wpvr-global-settings .wpvr-settings .settings-ul li {
6008 display: flex;
6009 flex-wrap: wrap;
6010 align-items: center;
6011 gap: 15px;
6012 border-bottom: 1px solid #EBE8F5;
6013 margin: 0;
6014 padding: 23px 22px;
6015 }
6016 .wpvr-global-settings .wpvr-settings .settings-ul li:last-child {
6017 border-bottom: none;
6018 }
6019
6020 .wpvr-global-settings .wpvr-settings .single-settings-title {
6021 margin: 0;
6022 width: calc(100% - 100px);
6023 color: #0E003C;
6024 font-size: 14px;
6025 font-weight: 500;
6026 line-height: 1.5;
6027 margin-right: auto;
6028 }
6029
6030 .wpvr-global-settings .wpvr-settings li:nth-child(1) .single-settings-title,
6031 .wpvr-global-settings .wpvr-settings li:nth-child(2) .single-settings-title {
6032 max-width: 502px;
6033 }
6034
6035 .wpvr-global-settings .wpvr-switcher label {
6036 width: 42px;
6037 height: 20px;
6038 background-color: #EBE8F5;
6039 border: none;
6040 }
6041
6042 .wpvr-global-settings .wpvr-switcher label:after {
6043 filter: none;
6044 top: 2px !important;
6045 left: 3px !important;
6046 }
6047
6048 .wpvr-switcher input[type="checkbox"]:checked+label {
6049 border-color: #00B4FF;
6050 background-color: #00B4FF;
6051 }
6052 .wpvr-switcher input[type="checkbox"]:checked+label:after {
6053 margin-left: 21px !important;
6054 }
6055
6056 .wpvr-global-settings .wpvr-tooltip {
6057 margin-left: 0;
6058 }
6059
6060 .wpvr-global-settings .wpvr-tooltip .icon {
6061 display: block;
6062 }
6063
6064 .wpvr-global-settings .wpvr-tooltip svg {
6065 display: block;
6066 }
6067 .wpvr-global-settings .wpvr-tooltip p {
6068 bottom: calc(100% + 10px);
6069 right: -16px;
6070 top: inherit;
6071 left: inherit;
6072 transform: inherit;
6073 font-size: 13px;
6074 line-height: 1.5;
6075 }
6076
6077 .wpvr-global-settings .wpvr-tooltip:hover p {
6078 visibility: visible;
6079 opacity: 1;
6080 }
6081
6082 .wpvr-global-settings .wpvr-tooltip p:before {
6083 left: inherit;
6084 right: 20px;
6085 top: calc(100% - 6px);
6086 transform: translateY(0) rotate(45deg);
6087 }
6088
6089 .wpvr-global-settings .inner-settings-wrapper {
6090 display: flex;
6091 flex-wrap: wrap;
6092 align-items: flex-start;
6093 gap: 30px;
6094 justify-content: space-between;
6095 width: 100%;
6096 margin-top: 10px;
6097 }
6098 .wpvr-global-settings .single-settings-inner-title {
6099 width: 50%;
6100 color: #73707D;
6101 font-size: 13px;
6102 font-weight: 500;
6103 line-height: 1.5;
6104 margin: 0;
6105 padding: 0;
6106 max-width: 385px;
6107 }
6108
6109 .wpvr-global-settings .settings-input-wrapper {
6110 width: calc(50% - 30px);
6111 }
6112
6113 .wpvr-global-settings .import-tab .file-path,
6114 .wpvr-global-settings input#wpvr_frontend_notice_area,
6115 .wpvr-global-settings .settings-input-wrapper input {
6116 margin: 0;
6117 padding: 15px 15px 12px;
6118 box-shadow: none!important;
6119 box-sizing: border-box;
6120 width: 100%;
6121 border-radius: 3px;
6122 border: 1px solid #EBE8F5!important;
6123 background: #FBFAFF;
6124 color: #73707D;
6125 font-size: 13px;
6126 font-weight: 400;
6127 line-height: 1.5;
6128 min-height: 50px;
6129 outline: none;
6130 }
6131
6132 .wpvr-global-settings .import-tab .file-path,
6133 .wpvr-global-settings textarea#wpvr_frontend_notice_area::-webkit-input-placeholder,
6134 .wpvr-global-settings .settings-input-wrapper input::-webkit-input-placeholder {
6135 color: #73707D;
6136 }
6137
6138 .wpvr-global-settings .import-tab .file-path,
6139 .wpvr-global-settings textarea#wpvr_frontend_notice_area::-moz-placeholder,
6140 .wpvr-global-settings .settings-input-wrapper input::-moz-placeholder {
6141 color: #73707D;
6142 }
6143
6144 .wpvr-global-settings .import-tab .file-path,
6145 .wpvr-global-settings textarea#wpvr_frontend_notice_area:-ms-input-placeholder,
6146 .wpvr-global-settings .settings-input-wrapper input:-ms-input-placeholder {
6147 color: #73707D;
6148 }
6149
6150 .wpvr-global-settings .import-tab .file-path,
6151 .wpvr-global-settings textarea#wpvr_frontend_notice_area:-moz-placeholder,
6152 .wpvr-global-settings .settings-input-wrapper input:-moz-placeholder {
6153 color: #73707D;
6154 }
6155
6156 .wpvr-global-settings .settings-input-wrapper .hints {
6157 font-size: 11px;
6158 font-style: italic;
6159 color: #b6b6b6;
6160 }
6161
6162 .wpvr-global-settings .wpvr-version {
6163 display: flex;
6164 align-items: center;
6165 justify-content: space-between;
6166 width: 100%;
6167 gap: 10px;
6168 }
6169 .wpvr-global-settings .wpvr-version .wpvr-version-select {
6170 border-radius: 6px;
6171 border: 1px solid #EBE8F5;
6172 display: block;
6173 height: 38px;
6174 width: 144px;
6175 box-shadow: none;
6176 outline: none;
6177 color: #535963;
6178 font-size: 13px;
6179 font-weight: 400;
6180 line-height: 14px;
6181 letter-spacing: -0.13px;
6182 padding: 0 24px 0 12px;
6183 }
6184
6185 .wpvr-global-settings .wpvr-version .wpvr-btn {
6186 border-radius: 6px;
6187 background-color: #00B4FF;
6188 box-shadow: 0px 10px 16px 0px rgba(63, 4, 254, 0.15);
6189 padding: 10px 30px;
6190 margin: 0;
6191 border: none;
6192 color: #FFF;
6193 font-size: 14px;
6194 font-weight: 600;
6195 line-height: 1.3;
6196 letter-spacing: -0.14px;
6197 transition: all 0.3s ease;
6198
6199 }
6200
6201 .wpvr-global-settings .wpvr-version .wpvr-btn:hover {
6202 background-color: #3F04FE;
6203 }
6204
6205 .wpvr-global-settings .settings-footer-area {
6206 margin: 24px;
6207 width: calc(100% - 48px);
6208 display: flex;
6209 align-items: center;
6210 justify-content: flex-end;
6211 gap: 20px;
6212 border-top: 1px solid #EBE8F5;
6213 padding-top: 24px;
6214 }
6215
6216 .wpvr-global-settings .settings-footer-area .wpvr-btn {
6217 padding: 12px 20px;
6218 font-size: 14px;
6219 border-radius: 6px;
6220 color: #fff;
6221 background: #3F04FE;
6222 border: 1px solid transparent;
6223 letter-spacing: -0.13px;
6224 transition: all 0.3s ease;
6225 }
6226
6227 .wpvr-global-settings .settings-footer-area .wpvr-btn .wpvr-loader {
6228 position: relative;
6229 top: 2px;
6230 }
6231
6232 .wpvr-global-settings .settings-footer-area .wpvr-btn.reset {
6233 border-color: #EBE8F5;
6234 color: #535963;
6235 background-color: transparent;
6236 }
6237
6238 .wpvr-global-settings .settings-footer-area .wpvr-btn.reset:hover {
6239 background-color: #ededed;
6240 }
6241
6242 .wpvr-global-settings .settings-footer-area .wpvr-btn[type="submit"] {
6243 box-shadow: 0px 10px 16px 0px rgba(33, 109, 240, 0.15);
6244 }
6245
6246 .wpvr-global-settings .settings-footer-area .wpvr-btn[type="submit"]:hover {
6247 background-color: #3304cb;
6248 }
6249
6250 /* --------inport tab content style-------- */
6251 .wpvr-global-settings .import-tab .wpvr-settings {
6252 border: none;
6253 }
6254
6255 .wpvr-global-settings .import-tab .wpvr-import-btn {
6256 width: 100%;
6257 display: flex;
6258 flex-flow: column;
6259 gap: 20px;
6260 text-align: center;
6261 justify-content: center;
6262 border-radius: 8px;
6263 border: 1px dashed #D6D0EB;
6264 max-width: 492px;
6265 height: 166px;
6266 padding: 30px;
6267 color: #0E003C;
6268 font-size: 15px;
6269 font-weight: 500;
6270 line-height: 1;
6271 }
6272
6273 .wpvr-global-settings .import-tab .wpvr-import-btn svg {
6274 display: block;
6275 margin: 0 auto;
6276 }
6277
6278 .wpvr-global-settings .import-tab .vr-notice {
6279 color: #FF5E5E;
6280 font-size: 13px;
6281 font-weight: 500;
6282 line-height: 1.2;
6283 margin-bottom: 0;
6284 }
6285
6286 .wpvr-global-settings .import-tab .file-path-wrapper {
6287 display: flex;
6288 gap: 15px;
6289 margin-top: 34px;
6290 flex-flow: row wrap;
6291 row-gap: 6px;
6292 }
6293
6294 .wpvr-global-settings .import-tab .file-path {
6295 width: calc(100% - 165px);
6296 }
6297
6298 .wpvr-global-settings .import-tab .wpvr-btn {
6299 border-radius: 6px;
6300 background: #3F04FE;
6301 box-shadow: 0px 10px 16px 0px rgba(63, 4, 254, 0.15);
6302 width: 150px;
6303 }
6304
6305 .wpvr-global-settings .import-tab .wpvr-btn:hover {
6306 background-color: #3304cb;
6307 }
6308
6309 @media screen and (max-width: 1399px) {
6310 .wpvr-global-settings {
6311 padding: 20px 5px 20px 0px;
6312 gap: 20px;
6313 }
6314
6315 .wpvr-global-settings ul.rex-tabs {
6316 width: 264px;
6317 padding: 16px 18px;
6318 }
6319
6320 .wpvr-global-settings .wpvr-global-settings-tab-content {
6321 width: calc(100% - 284px);
6322 }
6323
6324 .wpvr-global-settings .inner-settings-wrapper {
6325 gap: 10px;
6326 flex-direction: column;
6327 margin-top: 0;
6328 }
6329 .wpvr-global-settings .single-settings-inner-title {
6330 width: 100%;
6331 max-width: 100%;
6332 }
6333 .wpvr-global-settings .settings-input-wrapper {
6334 width: 100%;
6335 }
6336
6337 }
6338
6339 @media screen and (max-width: 1199px) {
6340 .wpvr-global-settings ul.rex-tabs {
6341 width: 240px;
6342 }
6343 .wpvr-global-settings ul.rex-tabs>li>.rex-import-disable,
6344 .wpvr-global-settings ul.rex-tabs>li>a {
6345 padding: 14px 20px;
6346 }
6347 .wpvr-global-settings .wpvr-global-settings-tab-content {
6348 width: calc(100% - 260px);
6349 }
6350
6351 .wpvr-global-settings .tab-content-title {
6352 font-size: 18px;
6353 }
6354
6355 .wpvr-global-settings .wpvr-settings .settings-box-title {
6356 padding: 12px 12px;
6357 }
6358 .wpvr-global-settings .wpvr-settings .settings-ul li {
6359 padding: 12px 12px;
6360 }
6361
6362 .rex-pano-tab-content .general .inner-nav-content .single-settings.preview-img-message {
6363 gap: 10px;
6364 }
6365
6366 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings {
6367 justify-content: flex-end;
6368 }
6369
6370 }
6371
6372 @media screen and (max-width: 991px) {
6373 .wpvr-global-settings .import-tab .file-path {
6374 width: calc(100% - 145px);
6375 }
6376 .wpvr-global-settings .import-tab .wpvr-btn {
6377 width: 130px;
6378 }
6379
6380 .wpvr-global-settings .import-tab .file-path-wrapper {
6381 margin-top: 20px;
6382 }
6383 .wpvr-global-settings .import-tab .wpvr-import-btn {
6384 height: 146px;
6385 }
6386
6387 .button-style-configaration .control-group .control-title {
6388 width: 62%;
6389 }
6390
6391 .rex-pano-tab-content .general .inner-nav-content .wpvr-scene-navigation-content .single-settings {
6392 justify-content: flex-end;
6393 }
6394
6395 .rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {
6396 margin-right: 0;
6397 padding-right: 0;
6398 }
6399
6400 }
6401 /* ------------ wpvr global settings page style end ------------ */
6402
6403
6404
6405 .wpvr-checklist-items {
6406 pointer-events: none;
6407 }
6408
6409 #wpvr_item_tour_checklist__box .inside {
6410 margin: 15px 0 0;
6411 padding: 0 20px 20px;
6412 }
6413
6414 #wpvr-checklist .wpvr-progress-container {
6415 position: relative;
6416 height: 15px;
6417 background: transparent;
6418 border-radius: 40px;
6419 overflow: hidden;
6420 box-sizing: content-box;
6421 background-clip: padding-box;
6422 padding: 3px;
6423 }
6424
6425 #wpvr-checklist .wpvr-progress-container:before {
6426 content: "";
6427 position: absolute;
6428 inset: 0;
6429 border-radius: 40px;
6430 padding: 1px;
6431 background: linear-gradient(90deg, #B097FF, #3F04FE);
6432 -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
6433 -webkit-mask-composite: xor;
6434 mask-composite: exclude;
6435 }
6436
6437 #wpvr-progress-bar {
6438 height: 100%;
6439 width: 0%;
6440 background: linear-gradient(90deg, #B097FF, #3F04FE);
6441 border-radius: 40px;
6442 transition: width 0.3s ease-in-out;
6443 }
6444
6445 #wpvr-progress-text {
6446 position: absolute;
6447 width: 100%;
6448 text-align: right;
6449 top: 50%;
6450 right: 13px;
6451 transform: translateY(-50%);
6452 font-size: 12px;
6453 font-weight: bold;
6454 color: #3F04FE;
6455 }
6456
6457
6458 .wpvr-checklist {
6459 list-style: none;
6460 padding: 0;
6461 margin: 15px 0 ;
6462 }
6463
6464 .wpvr-checklist li {
6465 display: flex;
6466 align-items: center;
6467 gap: 10px;
6468 margin-bottom: 10px;
6469 color: #73707D;
6470 font-size: 14px;
6471 font-weight: 400;
6472 line-height: 1.5;
6473 }
6474
6475 .wpvr-checklist li .wpvr-custom-checkbox {
6476 display: flex;
6477 align-items: center;
6478 gap: 10px;
6479 pointer-events: none;
6480 }
6481
6482 .wpvr-checklist-items {
6483 position: absolute;
6484 opacity: 0;
6485 cursor: pointer;
6486 }
6487
6488 .wpvr-checklist li .checkmark {
6489 position: relative;
6490 top: 1px;
6491 display: inline-block;
6492 width: 18px;
6493 height: 18px;
6494 background-color: transparent;
6495 border: 1px solid #C6BBEA;
6496 border-radius: 50px;
6497 transition: background-color 0.3s, transform 0.2s ease-in-out;
6498 }
6499
6500 .wpvr-checklist-items:checked + .checkmark {
6501 background-color: #3F04FE;
6502 border:1px solid transparent;
6503 }
6504
6505 .wpvr-checklist-item input {
6506 display: none;
6507 }
6508
6509 .wpvr-checklist-item .checkmark::after {
6510 content: "";
6511 position: absolute;
6512 display: none;
6513 left: 6px;
6514 top: 2px;
6515 width: 5px;
6516 height: 9px;
6517 border: solid #fff;
6518 border-width: 0 2px 2px 0;
6519 border-radius: 2px;
6520 transform: rotate(45deg);
6521 }
6522
6523 .wpvr-checklist-items:checked + .checkmark::after {
6524 display: block;
6525 }
6526
6527 .wpvr-checklist-item .wpvr-tooltip {
6528 margin-left: 0px ;
6529 }
6530
6531 #wpvr-checklist-items .wpvr-tooltip a {
6532 color: #3F04FE;
6533 text-decoration: underline;
6534 }
6535
6536 #wpvr-checklist-items .wpvr-tooltip p {
6537 background: #ffff;
6538 filter: drop-shadow(0px 5px 30px rgba(29, 4, 111, 0.20));
6539 border-radius: 10px;
6540 left:27px;
6541 color: #0E003C;
6542 }
6543
6544 #wpvr-checklist-items .wpvr-tooltip p:before {
6545 background: #fff;
6546 }
6547
6548 .hotspot-hover ul ,
6549 .custom-tooltip p ul,
6550 .hotspot-content ul {
6551 list-style: disc;
6552 margin-left: 10px;
6553 }
6554
6555 #custom-ifram ul,
6556 #custom-ifram p ul {
6557 list-style: disc;
6558 margin-left: 20px;
6559 }
6560
6561
6562 /*
6563 * Fix for floorplan pointers in admin panel preview
6564 */
6565
6566 /* Ensure the floorplan container has proper positioning */
6567 .wpvr-floor-map {
6568 position: relative !important;
6569 overflow: hidden !important;
6570 }
6571
6572 /* Fix pointer position in admin preview */
6573 .post-type-wpvr_item .wpvr-floor-map .floor-plan-pointer {
6574 position: absolute;
6575 /* Prevent pointers from going outside the container */
6576 max-width: 100%;
6577 max-height: 100%;
6578 /* Clamp pointer positions to stay within boundaries */
6579 left: clamp(9px, var(--x-pos, 50%), calc(100% - 9px)) !important;
6580 top: clamp(9px, var(--y-pos, 50%), calc(100% - 9px)) !important;
6581 transform-origin: center;
6582 z-index: 99;
6583 }
6584
6585 /* Scale the floorplan container properly in admin preview */
6586 .post-type-wpvr_item .iframe-wrapper .wpvr-floor-map {
6587 transform-origin: center;
6588 transform: scale(1);
6589 max-width: 100%;
6590 max-height: 100%;
6591 box-sizing: border-box;
6592 }
6593
6594 /* Ensure image maintains proper aspect ratio and containment */
6595 .post-type-wpvr_item .iframe-wrapper .wpvr-floor-map img {
6596 max-width: 100%;
6597 max-height: 100%;
6598 object-fit: contain;
6599 border-radius: 5px;
6600 }
6601
6602 /* Add JavaScript fix to ensure pointers stay within boundaries */
6603 @media only screen and (min-width: 768px) {
6604 .post-type-wpvr_item .wpvr-floor-map {
6605 width: auto !important;
6606 height: auto !important;
6607 max-width: 100% !important;
6608 max-height: 100% !important;
6609 }
6610 }
6611
6612 /* Additional fix for admin preview container */
6613 .post-type-wpvr_item #wpvr_item_builder__box .inside {
6614 overflow: hidden;
6615 }
6616
6617
6618
6619
6620
6621
6622
6623