WP VR – 360 Panorama and virtual tour creator for WordPress -

Version Description

(24-02-2021) = * Enable Script Control Option is now Conditional * Pop-up Warning Added For Switching To Video Tour * Fixed: Style Conflict Issue With Phlox Pro Theme * Fixed: Tour ID Dropdown is not responsive for WP VR Elementor Widget * Fixed: Deleted Scene Icons Still Show Up

Download this release

Release Info

Developer	rextheme
Plugin	WP VR – 360 Panorama and virtual tour creator for WordPress
Version	7.2.4
Comparing to
See all releases

Code changes from version 7.2.3 to 7.2.4

Files changed (12) hide show

README.txt +10 -3
admin/class-wpvr-admin.php +8 -5
admin/class-wpvr-ajax.php +1 -1
admin/css/wpvr-admin.css +699 -319
admin/js/wpvr-admin.js +1334 -1192
admin/partials/wpvr-meta-box-builder-display.php +15 -1
admin/partials/wpvr_confirmation_alert.php +19 -0
admin/partials/wpvr_documentation.php +2 -1
elementor/elements/Wpvr-widget.php +31 -10
public/css/wpvr-public.css +1 -1
public/js/wpvr-public.js +70 -67
wpvr.php +7 -5

README.txt CHANGED Viewed

	@@ -3,9 +3,9 @@ Contributors: rextheme, coderexco
3	Tags: virtual tour, real estate tour, panorama, panorama viewer, virtual tour, 360 panorama, interactive tour, 360, streetview, virtual reality, 360 video, virtual, vr, interactive, 360-degree, equirectangular, google streetview, panoramas
4	Donate link: https://rextheme.com/wp-vr-360-panorama-and-virtual-tour-creator-for-wordpress/
5	Requires at least: 5.0
6	- Tested up to: 5.6.1
7	Requires PHP: 7.0.0
8	- Stable tag: 7.2.3
9	License: GPLv2 or later
10	License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
	@@ -573,9 +573,16 @@ Simply add “/plugins/wpvr” to the exclusion field (or use the location where
573	* Browser JS conflict fixed
574	* Dummy functions removed
575
576	- = 7.2.3 (09-02-~~2020~~) =
577	* Export tab alert removed
578	* PHP warning fixed on activation
579







580	== Upgrade Notice ==
581	Please do update the WP VR to the latest version. Each update makes sure your plugin is supporting all tour features.


3	Tags: virtual tour, real estate tour, panorama, panorama viewer, virtual tour, 360 panorama, interactive tour, 360, streetview, virtual reality, 360 video, virtual, vr, interactive, 360-degree, equirectangular, google streetview, panoramas
4	Donate link: https://rextheme.com/wp-vr-360-panorama-and-virtual-tour-creator-for-wordpress/
5	Requires at least: 5.0
6	+ Tested up to: 5.6.2
7	Requires PHP: 7.0.0
8	+ Stable tag: 7.2.4
9	License: GPLv2 or later
10	License URI: http://www.gnu.org/licenses/gpl-2.0.html
11

573	* Browser JS conflict fixed
574	* Dummy functions removed
575
576	+ = 7.2.3 (09-02-2021) =
577	* Export tab alert removed
578	* PHP warning fixed on activation
579
580	+ = 7.2.4 (24-02-2021) =
581	+ * Enable Script Control Option is now Conditional
582	+ * Pop-up Warning Added For Switching To Video Tour
583	+ * Fixed: Style Conflict Issue With Phlox Pro Theme
584	+ * Fixed: Tour ID Dropdown is not responsive for WP VR Elementor Widget
585	+ * Fixed: Deleted Scene Icons Still Show Up
586	+
587	== Upgrade Notice ==
588	Please do update the WP VR to the latest version. Each update makes sure your plugin is supporting all tour features.

admin/class-wpvr-admin.php CHANGED Viewed

	@@ -140,6 +140,9 @@ class Wpvr_Admin
140	'ajaxurl' => admin_url('admin-ajax.php'),
141	'ajax_nonce' => wp_create_nonce('wpvr'),
142	));



143	}
144
145	if ($adscreen->id=="toplevel_page_wpvr") {
	@@ -446,7 +449,7 @@ class Wpvr_Admin
446	$html .=''.__('Hotspot', 'wpvr').'</span>';
447	$html .='</li>';
448
449	- $html .='<li class="~~video~~" data-screen="video">';
450	$html .='<span data-href="#video">';
451	$html .='<img src="'.WPVR_PLUGIN_DIR_URL . 'admin/icon/video-regular.png'.'" alt="icon" class="regular" />';
452	$html .='<img src="'.WPVR_PLUGIN_DIR_URL . 'admin/icon/video-hover.png'.'" alt="icon" class="hover" />';
	@@ -2339,12 +2342,12 @@ class Wpvr_Admin
2339	$html .= '<span>'.__('Enable Video:', 'wpvr').'</span>';
2340	$html .= '<ul>';
2341	$html .= '<li class="radio-btn">';
2342	- $html .= '<input class="styled-radio" id="styled-radio" type="radio" name="panovideo" value="off" >';
2343	$html .= '<label for="styled-radio">Off</label>';
2344	$html .= '</li>';
2345
2346	$html .= '<li class="radio-btn">';
2347	- $html .= '<input class="styled-radio" id="styled-radio-0" type="radio" name="panovideo" value="on" checked>';
2348	$html .= '<label for="styled-radio-0">On</label>';
2349	$html .= '</li>';
2350	$html .= '</ul>';
	@@ -2366,12 +2369,12 @@ class Wpvr_Admin
2366	$html .= '<span>'.__('Enable Video: ', 'wpvr').'</span>';
2367	$html .= '<ul>';
2368	$html .= '<li class="radio-btn">';
2369	- $html .= '<input class="styled-radio" id="styled-radio" type="radio" name="panovideo" value="off" checked >';
2370	$html .= '<label for="styled-radio">Off</label>';
2371	$html .= '</li>';
2372
2373	$html .= '<li class="radio-btn">';
2374	- $html .= '<input class="styled-radio" id="styled-radio-0" type="radio" name="panovideo" value="on" >';
2375	$html .= '<label for="styled-radio-0">On</label>';
2376	$html .= '</li>';
2377	$html .= '</ul>';


140	'ajaxurl' => admin_url('admin-ajax.php'),
141	'ajax_nonce' => wp_create_nonce('wpvr'),
142	));
143	+
144	+
145	+
146	}
147
148	if ($adscreen->id=="toplevel_page_wpvr") {

449	$html .=''.__('Hotspot', 'wpvr').'</span>';
450	$html .='</li>';
451
452	+ $html .='<li class="videos" data-screen="video">';
453	$html .='<span data-href="#video">';
454	$html .='<img src="'.WPVR_PLUGIN_DIR_URL . 'admin/icon/video-regular.png'.'" alt="icon" class="regular" />';
455	$html .='<img src="'.WPVR_PLUGIN_DIR_URL . 'admin/icon/video-hover.png'.'" alt="icon" class="hover" />';

2342	$html .= '<span>'.__('Enable Video:', 'wpvr').'</span>';
2343	$html .= '<ul>';
2344	$html .= '<li class="radio-btn">';
2345	+ $html .= '<input class="styled-radio video_status video_off" id="styled-radio" type="radio" name="panovideo" value="off" >';
2346	$html .= '<label for="styled-radio">Off</label>';
2347	$html .= '</li>';
2348
2349	$html .= '<li class="radio-btn">';
2350	+ $html .= '<input class="styled-radio video_status video_on" id="styled-radio-0" type="radio" name="panovideo" value="on" checked>';
2351	$html .= '<label for="styled-radio-0">On</label>';
2352	$html .= '</li>';
2353	$html .= '</ul>';

2369	$html .= '<span>'.__('Enable Video: ', 'wpvr').'</span>';
2370	$html .= '<ul>';
2371	$html .= '<li class="radio-btn">';
2372	+ $html .= '<input class="styled-radio video_off" id="styled-radio" type="radio" name="panovideo" value="off" checked >';
2373	$html .= '<label for="styled-radio">Off</label>';
2374	$html .= '</li>';
2375
2376	$html .= '<li class="radio-btn">';
2377	+ $html .= '<input class="styled-radio video_on" id="styled-radio-0" type="radio" name="panovideo" value="on" >';
2378	$html .= '<label for="styled-radio-0">On</label>';
2379	$html .= '</li>';
2380	$html .= '</ul>';

admin/class-wpvr-ajax.php CHANGED Viewed

	@@ -1292,7 +1292,7 @@ class Wpvr_Ajax {
1292	);
1293	$getfile = file_get_contents($tour_json, false, stream_context_create($arrContextOptions));
1294	$file_content = json_decode($getfile, true);
1295	-
1296	$new_title = $file_content['title'];
1297	$new_data = $file_content['data'];
1298	$new_post_id = wp_insert_post( array(


1292	);
1293	$getfile = file_get_contents($tour_json, false, stream_context_create($arrContextOptions));
1294	$file_content = json_decode($getfile, true);
1295	+
1296	$new_title = $file_content['title'];
1297	$new_data = $file_content['data'];
1298	$new_post_id = wp_insert_post( array(

admin/css/wpvr-admin.css CHANGED Viewed

	@@ -3,156 +3,166 @@
3	* included in this file.
4	*/
5
6	- .wpvr_gt_settings_ruler {
7	- content: "";
8	- display: block;
9	- height: 5px;
10	- width: 100%;
11	- margin: 30px 0 30px 0;
12	- background: #929eaa;
13	- }
14	-
15	- .wpvr_tabs_row {
16	- width: 20% !important;
17	- }
18	-
19	- ~~/* wpvr_role-container */~~
20	-
21	- ~~.wpvr_role-container .switch {~~

22	display: flex;
23	justify-content: space-between;
24	align-items: center;
25	- }
26
27	.wpvr_role-container ul {
28	padding: 10px;
29	}

30	.wpvr_role-container .switch h6 {
31	width: calc(100% - 130px);
32	padding-right: 20px;
33	}
34	- /* Absolute Center Spinner */
35	- .wpvr-loading {
36	- position: fixed;
37	- z-index: 999;
38	- height: 2em;
39	- width: 2em;
40	- overflow: visible;
41	- margin: auto;
42	- top: 0;
43	- left: 0;
44	- bottom: 0;
45	- right: 0;
46	- }
47	-
48	- /* Transparent Overlay */
49	- .wpvr-loading:before {
50	- content: '';
51	- display: block;
52	- position: fixed;
53	- top: 0;
54	- left: 0;
55	- width: 100%;
56	- height: 100%;
57	- background-color: rgba(0,0,0,0.3);
58	- }
59	-
60	- /* :not(:required) hides these rules from IE9 and below */
61	- .wpvr-loading:not(:required) {
62	- /* hide "loading..." text */
63	- font: 0/0 a;
64	- color: transparent;
65	- text-shadow: none;
66	- background-color: transparent;
67	- border: 0;
68	- }
69	-
70	- .wpvr-loading:not(:required):after {
71	- content: '';
72	- display: block;
73	- font-size: 10px;
74	- width: 1em;
75	- height: 1em;
76	- margin-top: -0.5em;
77	- -webkit-animation: spinner 1500ms infinite linear;
78	- -moz-animation: spinner 1500ms infinite linear;
79	- -ms-animation: spinner 1500ms infinite linear;
80	- -o-animation: spinner 1500ms infinite linear;
81	- animation: spinner 1500ms infinite linear;
82	- border-radius: 0.5em;
83	- -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;
84	- 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;
85	- }
86	-
87	- /* Animation */
88	-
89	- @-webkit-keyframes spinner {
90	- 0% {
91	- -webkit-transform: rotate(0deg);
92	- -moz-transform: rotate(0deg);
93	- -ms-transform: rotate(0deg);
94	- -o-transform: rotate(0deg);
95	- transform: rotate(0deg);
96	- }
97	- 100% {
98	- -webkit-transform: rotate(360deg);
99	- -moz-transform: rotate(360deg);
100	- -ms-transform: rotate(360deg);
101	- -o-transform: rotate(360deg);
102	- transform: rotate(360deg);
103	- }
104	- }
105	- @-moz-keyframes spinner {
106	- 0% {
107	- -webkit-transform: rotate(0deg);
108	- -moz-transform: rotate(0deg);
109	- -ms-transform: rotate(0deg);
110	- -o-transform: rotate(0deg);
111	- transform: rotate(0deg);
112	- }
113	- 100% {
114	- -webkit-transform: rotate(360deg);
115	- -moz-transform: rotate(360deg);
116	- -ms-transform: rotate(360deg);
117	- -o-transform: rotate(360deg);
118	- transform: rotate(360deg);
119	- }
120	- }
121	- @-o-keyframes spinner {
122	- 0% {
123	- -webkit-transform: rotate(0deg);
124	- -moz-transform: rotate(0deg);
125	- -ms-transform: rotate(0deg);
126	- -o-transform: rotate(0deg);
127	- transform: rotate(0deg);
128	- }
129	- 100% {
130	- -webkit-transform: rotate(360deg);
131	- -moz-transform: rotate(360deg);
132	- -ms-transform: rotate(360deg);
133	- -o-transform: rotate(360deg);
134	- transform: rotate(360deg);
135	- }
136	- }
137	- @keyframes spinner {
138	- 0% {
139	- -webkit-transform: rotate(0deg);
140	- -moz-transform: rotate(0deg);
141	- -ms-transform: rotate(0deg);
142	- -o-transform: rotate(0deg);
143	- transform: rotate(0deg);
144	- }
145	- 100% {
146	- -webkit-transform: rotate(360deg);
147	- -moz-transform: rotate(360deg);
148	- -ms-transform: rotate(360deg);
149	- -o-transform: rotate(360deg);
150	- transform: rotate(360deg);
151	- }
152	- }
153
154








































155























































































156
157	.pnlm-load-button p {
158	color: #fff;
	@@ -164,6 +174,7 @@
164	width: 30px;
165	background: url('../images/icon.png') no-repeat center center / 100% 100%;
166	}

167	.scene-gallery {
168	border-radius: 6px;
169	max-width: 626px;
	@@ -173,18 +184,22 @@
173	background-color: #eceef1;
174	box-sizing: border-box;
175	}

176	.scene-gallery ul {
177	display: inline-grid;
178	}

179	.scene-gallery ul li {
180	text-transform: capitalize;
181	font-weight: 500;
182	position: relative;
183	word-break: break-word;
184	}

185	.scene-gallery ul li.owlscene {
186	margin-bottom: 5px;
187	}

188	.scene-gallery .marked .owlscene {
189	color: #004efa;
190	}
	@@ -193,11 +208,13 @@
193	filter: blur(0.5px) brightness(0.5);
194	-webkit-filter: blur(0.5px) brightness(0.5);
195	}

196	.scene-gallery .marked ul li img {
197	filter: blur(0) brightness(1);
198	-webkit-filter: blur(0) brightness(1);
199	}
200

201	/* .scene-gallery ul li:not(.owlscene):before {
202	content: "";
203	position: absolute;
	@@ -220,6 +237,7 @@
220	display: inline-block;
221	cursor: pointer;
222	}

223	.scctrl:hover {
224	background: rgba(200, 200, 200, 1);
225	}
	@@ -239,6 +257,7 @@
239	cursor: pointer;
240	white-space: nowrap;
241	}

242	.rex-pano-tab-content ::-webkit-input-placeholder {
243	color: #ccc;
244	}
	@@ -267,9 +286,11 @@ div.custom-tooltip span {
267	font-size: 15px;
268	line-height: 24px;
269	}
270	- ~~div.custom-tooltip:hover span{~~

271	visibility: visible;
272	}

273	div.custom-tooltip:hover span:after {
274	content: '';
275	position: absolute;
	@@ -299,6 +320,7 @@ div.custom-tooltip:hover span:after {
299	.icons-selector .selector {
300	width: 100%;
301	}

302	.iframe-wrapper {
303	max-width: 600px;
304	position: relative;
	@@ -306,16 +328,18 @@ div.custom-tooltip:hover span:after {
306	width: 100%;
307	height: 400px;
308	}
309	- ~~.iframe-wrapper .pnlm-container{~~

310	height: 100%;
311	width: 100%;
312	}

313	.pano-wrap:before {
314	content: "";
315	position: absolute;
316	left: 0;
317	top: 0;
318	- background: rgba(0,0,0,0.4);
319	width: 100%;
320	height: 100%;
321	z-index: 9;
	@@ -323,6 +347,7 @@ div.custom-tooltip:hover span:after {
323	visibility: hidden;
324	transition: all 0.4s linear;
325	}

326	.iframe-wrapper.show-modal .pano-wrap:before {
327	opacity: 1;
328	visibility: visible;
	@@ -346,6 +371,7 @@ div.custom-tooltip:hover span:after {
346	visibility: hidden;
347	transition: all 0.4s ease;
348	}

349	.iframe-wrapper.show-modal #cross {
350	opacity: 1;
351	visibility: visible;
	@@ -389,7 +415,6 @@ div.custom-tooltip:hover span:after {
389	line-height: 26px;
390	}
391
392	-
393	#custom-ifram img {
394	max-width: 100%;
395	height: auto;
	@@ -415,10 +440,12 @@ div.custom-tooltip:hover span:after {
415	vertical-align: middle;
416	margin-bottom: 0;
417	}

418	.rex-add-coordinates ul li #panodata {
419	margin-top: 0!important;
420	font-size: 13px;
421	}

422	.rex-add-coordinates ul li.add-pitch {
423	margin-bottom: 0;
424	width: 20px;
	@@ -462,7 +489,6 @@ div.custom-tooltip:hover span:after {
462	-ms-transform: translateX(-50%);
463	-o-transform: translateX(-50%);
464	transform: translateX(-50%);
465	-
466	-webkit-transition: all 0.5s ease;
467	-moz-transition: all 0.5s ease;
468	-ms-transition: all 0.5s ease;
	@@ -487,7 +513,7 @@ div.custom-tooltip:hover span:after {
487	opacity: 1;
488	}
489
490	- @media (max-width: 1199px){
491	.pnlm-container {
492	width: 100%!important;
493	}
	@@ -497,15 +523,13 @@ div.custom-tooltip:hover span:after {
497	.custom-tooltip p {
498	width: 420px;
499	}
500	-
501	.custom-tooltip span img {
502	height: 230px;
503	width: 420px;
504	}
505	-
506	}
507
508	- @media (max-width: 991px){
509	/* div.custom-tooltip span {
510	width: 540px!important;
511	} */
	@@ -516,41 +540,45 @@ div.custom-tooltip:hover span:after {
516	height: 310px;
517	width: 540px;
518	}
519	-
520	}
521
522	- @media (max-width: 575px){
523	.pano-wrap .cross {
524	top: 2px;
525	right: 1px;
526	}
527	-
528	}
529
530
531	/------------------------------panolens layout style-----------------------------/

532	.post-type-wpvr_item #poststuff #post-body {
533	margin-right: 0;
534	display: flex;
535	flex-flow: row wrap;
536	}

537	.post-type-wpvr_item #post-body-content {
538	width: 100%;
539	min-width: 463px;
540	float: none;
541	}

542	.postbox-container {
543	float: none;
544	}

545	.post-type-wpvr_item #post-body #postbox-container-1 {
546	float: none;
547	margin-right: 0;
548	width: 650px;
549	order: 2;
550	}

551	.post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
552	max-width: 625px;
553	}

554	.post-type-wpvr_item #post-body #postbox-container-1 #side-sortables {
555	width: 100%;
556	}
	@@ -563,19 +591,23 @@ div.custom-tooltip:hover span:after {
563
564
565	/------------------------------panolens tab style-----------------------------/
566	- ~~.pano-setup *{~~

567	box-sizing: border-box;
568	}
569
570
571	/-----------switcher style------- /

572	.wpvr-switcher {
573	position: relative;
574	top: 2px;
575	}

576	.wpvr-switcher input[type="checkbox"] {
577	display: none;
578	}

579	.wpvr-switcher label {
580	display: block;
581	position: relative;
	@@ -590,9 +622,11 @@ div.custom-tooltip:hover span:after {
590	border: 1px solid #e6e6ec;
591	transition: all 0.3s ease;
592	}

593	.wpvr-switcher label:before {
594	display: none;
595	}

596	.wpvr-switcher label:after {
597	content: ""!important;
598	width: 16px!important;
	@@ -608,25 +642,30 @@ div.custom-tooltip:hover span:after {
608	transform: none!important;
609	margin: 0!important;
610	}
611	- ~~.wpvr-switcher input[type="checkbox"]:checked + label {~~

612	border-color: #201cfe;
613	background-color: #201cfe;
614	}
615	- ~~.wpvr-switcher input[type="checkbox"]:checked + label:after {~~

616	margin-left: 19px!important;
617	filter: none;
618	}
619	- ~~.wpvr-switcher input:disabled + label {~~

620	cursor: not-allowed;
621	}
622	- /-----------/switcher style------- /
623
624


625	.pano-setup {
626	position: relative;
627	- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
628	direction: ltr;
629	}

630	.rex-pano-tabs {
631	position: relative;
632	display: flex;
	@@ -635,22 +674,27 @@ div.custom-tooltip:hover span:after {
635	justify-content: flex-start;
636	margin-left: -12px;
637	}

638	.rex-pano-tabs .rex-pano-tab-nav {
639	text-align: left;
640	width: 120px;
641	padding: 0;
642	}

643	.rex-pano-tabs .rex-pano-tab-nav ul {
644	margin: 0;
645	}

646	.rex-pano-tabs .rex-pano-tab-nav li {
647	display: block;
648	margin: 0;
649	border-bottom: 1px solid #e7e7ec;
650	}

651	.rex-pano-tabs .rex-pano-tab-nav li:last-child {
652	border-bottom: none;
653	}

654	.rex-pano-tabs .rex-pano-tab-nav li.logo {
655	height: 110px;
656	padding: 10px;
	@@ -659,6 +703,7 @@ div.custom-tooltip:hover span:after {
659	align-items: center;
660	justify-content: center;
661	}

662	.rex-pano-tabs .rex-pano-tab-nav li span {
663	text-transform: uppercase;
664	color: #a8a7be;
	@@ -679,15 +724,17 @@ div.custom-tooltip:hover span:after {
679	position: relative;
680	transition: all 0.3s ease;
681	}

682	.rex-pano-tabs .rex-pano-tab-nav li span img {
683	margin-bottom: 10px;
684	}

685	.rex-pano-tabs .rex-pano-tab-nav li span img.hover {
686	display: none;
687	}
688
689	- .rex-pano-tabs .rex-pano-tab-nav li:hover > span,
690	- .rex-pano-tabs .rex-pano-tab-nav li.active > span {
691	color: #fff;
692	background: #004efa;
693	}
	@@ -696,6 +743,7 @@ div.custom-tooltip:hover span:after {
696	.rex-pano-tabs .rex-pano-tab-nav li.active span img.hover {
697	display: block;
698	}

699	.rex-pano-tabs .rex-pano-tab-nav li:hover span img.regular,
700	.rex-pano-tabs .rex-pano-tab-nav li.active span img.regular {
701	display: none;
	@@ -705,6 +753,7 @@ div.custom-tooltip:hover span:after {
705	.rex-pano-tabs .rex-pano-tab {
706	display: none;
707	}

708	.rex-pano-sub-tabs .rex-pano-tab.active,
709	.rex-pano-tabs .rex-pano-tab.active {
710	display: block !important;
	@@ -730,6 +779,7 @@ div.custom-tooltip:hover span:after {
730	border: 1px solid #f5c6cb;
731	width: 500px;
732	}

733	.pano-alert p {
734	color: #d85964;
735	font-size: 14px;
	@@ -738,6 +788,7 @@ div.custom-tooltip:hover span:after {
738	text-align: center;
739	border-radius: 3px;
740	}

741	.pano-alert span {
742	position: absolute;
743	right: -12px;
	@@ -755,7 +806,9 @@ div.custom-tooltip:hover span:after {
755	background: #f7e0e2;
756	}
757

758	/--------------tab content style----------------/

759	.rex-pano-tab-content {
760	background: #f6f6f8;
761	width: calc(100% - 120px);
	@@ -763,6 +816,7 @@ div.custom-tooltip:hover span:after {
763	align-self: stretch;
764	border-radius: 20px;
765	}

766	.rex-pano-tab-content .title {
767	font-size: 18px;
768	font-weight: 600;
	@@ -787,6 +841,7 @@ div.custom-tooltip:hover span:after {
787	.rex-pano-tab-content .title i {
788	margin-right: 10px;
789	}

790	.rex-pano-tab-content .rex-pano-tab.streetview,
791	.rex-pano-tab-content .rex-pano-tab.video,
792	.rex-pano-tab-content .rex-pano-tab.export,
	@@ -798,7 +853,7 @@ div.custom-tooltip:hover span:after {
798	display: block;
799	height: 19px;
800	border-radius: 3px;
801	- filter: drop-shadow(0px 5px 4px rgba(105,115,137,0.2));
802	background-color: #004efa;
803	font-size: 13px;
804	color: #ffffff;
	@@ -810,7 +865,9 @@ div.custom-tooltip:hover span:after {
810	top: -11px;
811	}
812

813	/* ----general inner tab style----- */

814	.rex-pano-tab-content .general .general-inner-tab .inner-nav {
815	margin: 0 0 25px 0;
816	padding: 0;
	@@ -819,16 +876,19 @@ div.custom-tooltip:hover span:after {
819	flex-flow: row;
820	align-items: center;
821	}

822	.rex-pano-tab-content .general .general-inner-tab .inner-nav li {
823	margin-right: 15px;
824	margin-bottom: 0;
825	}

826	.rex-pano-tab-content .general .general-inner-tab .inner-nav li:last-child {
827	margin-right: 0;
828	}
829	- ~~.rex-pano-tab-content .general .general-inner-tab .inner-nav li > span {~~

830	border-radius: 5px;
831	- filter: drop-shadow(0px 2px 2px rgba(223,223,249,0.42));
832	background-color: #ffffff;
833	font-size: 14px;
834	color: #a8a7be;
	@@ -843,22 +903,28 @@ div.custom-tooltip:hover span:after {
843	transition: all 0.3s ease;
844	cursor: pointer;
845	}
846	- ~~.rex-pano-tab-content .general .general-inner-tab .inner-nav li > span img {~~

847	margin-right: 10px;
848	}
849	- ~~.rex-pano-tab-content .general .general-inner-tab .inner-nav li > span img.hover {~~

850	display: none;
851	}
852	- ~~.rex-pano-tab-content .general .general-inner-tab .inner-nav li.active > span img.hover {~~

853	display: block;
854	}
855	- ~~.rex-pano-tab-content .general .general-inner-tab .inner-nav li.active > span img.regular {~~

856	display: none;
857	}
858	- ~~.rex-pano-tab-content .general .general-inner-tab .inner-nav li.active > span {~~

859	background: #004efa;
860	color: #fff;
861	}

862	.rex-pano-tab-content .general .general-inner-tab .inner-nav li.active .pro-tag {
863	color: #004efa;
864	background: #fff;
	@@ -867,6 +933,7 @@ div.custom-tooltip:hover span:after {
867	.rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation {
868	margin-left: auto;
869	}

870	.rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a {
871	border-radius: 5px;
872	background-color: rgb(32, 28, 254);
	@@ -882,23 +949,29 @@ div.custom-tooltip:hover span:after {
882	text-decoration: none;
883	}
884

885	/* ---inner tab content style---- */

886	.rex-pano-tab-content .general .inner-nav-content .inner-single-content {
887	display: none;
888	}

889	.rex-pano-tab-content .general .inner-nav-content .inner-single-content.active {
890	display: block;
891	}

892	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
893	display: flex;
894	flex-flow: row wrap;
895	border-bottom: 1px solid #e4e4e4;
896	}

897	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
898	width: 50%;
899	padding-right: 15px;
900	border-right: 1px solid #e4e4e4;
901	}

902	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
903	width: 50%;
904	padding-left: 15px;
	@@ -906,10 +979,12 @@ div.custom-tooltip:hover span:after {
906
907
908	/* ------img preview------- */

909	.rex-pano-tab-content .general .single-settings.preview-setting {
910	display: block;
911	margin-bottom: 20px;
912	}

913	.rex-pano-tab-content .general .single-settings.preview-setting .hints {
914	display: block;
915	font-weight: 400;
	@@ -920,9 +995,11 @@ div.custom-tooltip:hover span:after {
920	margin-top: 4px;
921	color: #aaa;
922	}
923	- ~~.rex-pano-tab-content .general .single-settings.preview-setting > span {~~

924	margin-bottom: 10px;
925	}

926	.rex-pano-tab-content .general .single-settings.preview-setting .preview-attachment-url,
927	.rex-pano-tab-content .general .single-settings.preview-setting .preview-upload {
928	display: none;
	@@ -938,6 +1015,7 @@ div.custom-tooltip:hover span:after {
938	background-size: cover;
939	position: relative;
940	}

941	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label {
942	width: 100%;
943	height: 100%;
	@@ -946,15 +1024,18 @@ div.custom-tooltip:hover span:after {
946	align-items: center;
947	justify-content: center;
948	}

949	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label span {
950	font-size: 14px;
951	color: #363b4e;
952	font-weight: 400;
953	margin-top: 10px;
954	}
955	- ~~.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label img{~~

956	max-width: 100%;
957	}

958	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded span,
959	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded img {
960	display: none;
	@@ -962,6 +1043,7 @@ div.custom-tooltip:hover span:after {
962
963
964	/* -----remove attachment style----- */

965	.rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment {
966	position: absolute;
967	right: 6px;
	@@ -976,6 +1058,7 @@ div.custom-tooltip:hover span:after {
976	cursor: pointer;
977	display: none;
978	}

979	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded span.remove-attachment {
980	display: block;
981	}
	@@ -992,12 +1075,14 @@ div.custom-tooltip:hover span:after {
992	transform: translate(-50%, -50%) rotate(45deg);
993	transform-origin: center;
994	}

995	.rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment:after {
996	transform: translate(-50%, -50%) rotate(-45deg);
997	}
998
999
1000	/* ---autoload--- */

1001	.rex-pano-tab-content .general .inner-nav-content .single-settings:not(.preview-setting) {
1002	width: 100%;
1003	padding: 14px 15px;
	@@ -1009,6 +1094,8 @@ div.custom-tooltip:hover span:after {
1009	align-items: center;
1010	justify-content: space-between;
1011	}


1012	/* .rex-pano-tab-content .general .inner-nav-content .single-settings:not(.preview-setting):last-child {
1013	margin-bottom: 0;
1014	} */
	@@ -1020,7 +1107,9 @@ div.custom-tooltip:hover span:after {
1020	position: relative;
1021	}
1022

1023	/* ---scene-fade-duration--- */

1024	.rex-pano-tab-content .general .inner-nav-content .single-settings.scene-fade-duration input {
1025	width: 70px;
1026	padding: 2px 7px;
	@@ -1028,13 +1117,16 @@ div.custom-tooltip:hover span:after {
1028	margin-left: auto;
1029	}
1030

1031	/* ---autorotationdata--- */

1032	.rex-pano-tab-content .general .inner-nav-content .single-settings.autorotationdata input {
1033	width: 70px;
1034	padding: 2px 7px;
1035	height: 33px;
1036	margin-left: auto;
1037	}

1038	.rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper {
1039	width: 100%;
1040	padding: 25px 20px;
	@@ -1044,6 +1136,7 @@ div.custom-tooltip:hover span:after {
1044	margin-top: -18px;
1045	margin-bottom: 20px;
1046	}

1047	.rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings {
1048	padding: 0;
1049	border-radius: 0;
	@@ -1054,11 +1147,14 @@ div.custom-tooltip:hover span:after {
1054	margin-bottom: 20px;
1055	}
1056

1057	/* ---icon control settings--- */
1058	- ~~.rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings > span {~~

1059	min-width: 106px;
1060	padding-right: 10px;
1061	}

1062	.rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings .wpvr-switcher {
1063	margin-left: 0;
1064	min-width: auto!important;
	@@ -1075,38 +1171,45 @@ div.custom-tooltip:hover span:after {
1075	padding-right: 15px;
1076	margin-right: 15px;
1077	}

1078	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons {
1079	position: relative;
1080	top: 6px;
1081	}

1082	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector {
1083	border: 1px solid #e5e8f3;
1084	height: 32px;
1085	background-color: #f7f7fa;
1086	border-radius: 3px;
1087	}

1088	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selected-icon {
1089	width: 40px;
1090	}

1091	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selected-icon i {
1092	line-height: 30px;
1093	font-size: 16px;
1094	}

1095	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector-button {
1096	width: 32px;
1097	border-left: 1px solid #e5e8f3;
1098	}

1099	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector-button i {
1100	line-height: 30px;
1101	text-align: center;
1102	}
1103
1104	- .rex-pano-tab-content .general .inner-nav-content .color-icon .colors {
1105	margin-right: 13px;
1106	position: relative;
1107	top: 1px;
1108	}
1109	- ~~.rex-pano-tab-content .general .inner-nav-content .color-icon .colors input[type="color"]{~~

1110	border: none;
1111	padding: 0;
1112	box-shadow: none;
	@@ -1115,23 +1218,30 @@ div.custom-tooltip:hover span:after {
1115	display: block;
1116	width: 36px;
1117	}
1118	- ~~.rex-pano-tab-content .general .inner-nav-content .icons-selector .selector-popup {~~

1119	width: 280px;
1120	}
1121

1122	/* ---advanced settings--- */

1123	.rex-pano-tab-content .general .advanced-settings-content .single-settings .wpvr-switcher {
1124	margin-left: auto;
1125	}

1126	.rex-pano-tab-content .general .advanced-settings-content .single-settings .field-tooltip {
1127	top: 4px;
1128	}

1129	.rex-pano-tab-content .general .advanced-settings-content .gallery_title {
1130	display: none;
1131	margin-bottom: 20px;
1132	}
1133

1134	/* -----audio setting style----- */

1135	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .bg-music-content {
1136	width: 100%;
1137	padding: 25px 20px;
	@@ -1140,21 +1250,26 @@ div.custom-tooltip:hover span:after {
1140	margin-top: -18px;
1141	margin-bottom: 20px;
1142	}

1143	.rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings {
1144	padding: 0;
1145	border-radius: 0;
1146	}

1147	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting {
1148	display: block;
1149	position: relative;
1150	}
1151	- ~~.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting > span {~~

1152	margin-bottom: 5px;
1153	}

1154	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting input[type="text"] {
1155	padding: 6px 60px 6px 14px;
1156	max-width: 100%;
1157	}

1158	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload {
1159	padding: 9px 15px;
1160	background: #004efa;
	@@ -1165,13 +1280,17 @@ div.custom-tooltip:hover span:after {
1165	border-radius: 5px;
1166	cursor: pointer;
1167	}

1168	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload:focus {
1169	outline: none;
1170	}


1171	/* -----------logo upload style-------- */
1172
1173
1174	/----company-info style-----/

1175	.rex-pano-tab-content .general .inner-nav-content .company-info-wrapper {
1176	width: 100%;
1177	padding: 25px 20px;
	@@ -1179,6 +1298,7 @@ div.custom-tooltip:hover span:after {
1179	background-color: #ffffff;
1180	margin-top: -18px;
1181	}

1182	.rex-pano-tab-content .general .inner-nav-content .company-info-wrapper .single-settings {
1183	padding: 0;
1184	border-radius: 0;
	@@ -1188,9 +1308,11 @@ div.custom-tooltip:hover span:after {
1188	flex-wrap: wrap;
1189	margin-bottom: 2px;
1190	}

1191	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-title {
1192	width: calc(100% - 125px);
1193	}

1194	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .cp-logo-upload {
1195	display: none;
1196	}
	@@ -1198,12 +1320,14 @@ div.custom-tooltip:hover span:after {
1198	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .cp-logo-attachment-url {
1199	display: none;
1200	}

1201	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame {
1202	width: 120px;
1203	height: 90px;
1204	border: 1px dashed #dae3fd;
1205	border-radius: 5px;
1206	}

1207	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame label {
1208	height: 100%;
1209	width: 100%;
	@@ -1213,18 +1337,22 @@ div.custom-tooltip:hover span:after {
1213	justify-content: center;
1214	text-align: center;
1215	}

1216	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img {
1217	max-width: 100px;
1218	max-height: 70px;
1219	display: block;
1220	margin: 0 auto;
1221	}

1222	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img.placeholder-icon {
1223	width: 32px;
1224	}

1225	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame.img-uploaded img.placeholder-icon {
1226	display: none;
1227	}

1228	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .hints {
1229	display: block;
1230	font-weight: 400;
	@@ -1235,31 +1363,39 @@ div.custom-tooltip:hover span:after {
1235	margin-top: 2px;
1236	color: #aaa;
1237	}

1238	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details {
1239	display: block;
1240	}

1241	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details span {
1242	margin-bottom: 7px;
1243	padding: 0;
1244	min-width: auto;
1245	}

1246	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details textarea {
1247	border: 1px solid #dae3fd;
1248	width: 100%;
1249	box-shadow: none;
1250	}

1251	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details textarea:focus {
1252	outline: none;
1253	}


1254	/* --------------end general inner tab style--------------- */
1255
1256	.rex-pano-tab-content .general .inner-nav-content .wpvr-pro {
1257	display: block;
1258	}

1259	.rex-pano-tab-content .general .inner-nav-content .wpvr-pro:focus {
1260	outline: none;
1261	box-shadow: none;
1262	}

1263	.rex-pano-tab-content .general .inner-nav-content .wpvr-pro .pro-tag {
1264	right: 55px;
1265	top: 2px;
	@@ -1267,13 +1403,16 @@ div.custom-tooltip:hover span:after {
1267	color: #004efa;
1268	}
1269

1270	/* -------shortcode area style-------- */

1271	.wpvr-use-shortcode {
1272	background: #fff;
1273	border-radius: 5px;
1274	margin-top: 20px;
1275	width: 100%;
1276	}

1277	.wpvr-use-shortcode .area-title {
1278	width: 100%;
1279	margin: 0;
	@@ -1283,11 +1422,13 @@ div.custom-tooltip:hover span:after {
1283	padding: 10px 15px;
1284	font-weight: 600;
1285	}

1286	.wpvr-use-shortcode .shortcode-wrapper {
1287	padding: 0 20px 20px 20px;
1288	display: flex;
1289	flex-flow: row wrap;
1290	}

1291	.wpvr-use-shortcode .single-shortcode {
1292	width: 100%;
1293	flex: 1;
	@@ -1308,17 +1449,20 @@ div.custom-tooltip:hover span:after {
1308	margin-right: 0;
1309	margin-left: 10px;
1310	}

1311	.wpvr-use-shortcode .shortcode-title {
1312	font-size: 16px;
1313	font-weight: 500;
1314	display: block;
1315	}

1316	.wpvr-use-shortcode .single-shortcode .field-wapper span {
1317	display: block;
1318	font-size: 14px;
1319	line-height: 1.3;
1320	margin-top: 10px;
1321	}

1322	.wpvr-use-shortcode .single-shortcode .shortcode-field {
1323	background: #fff;
1324	display: inline-flex;
	@@ -1328,14 +1472,15 @@ div.custom-tooltip:hover span:after {
1328	border-radius: 5px;
1329	margin-top: 10px;
1330	min-width: 183px;
1331	-
1332	}

1333	.wpvr-use-shortcode .single-shortcode .shortcode-field p {
1334	margin: 0;
1335	font-size: 16px;
1336	font-weight: 500;
1337	word-break: break-all;
1338	}

1339	.wpvr-use-shortcode .single-shortcode .shortcode-field .wpvr-copy-shortcode {
1340	background: #201cfe;
1341	width: 36px;
	@@ -1349,9 +1494,11 @@ div.custom-tooltip:hover span:after {
1349	align-items: center;
1350	justify-content: center;
1351	}

1352	.wpvr-use-shortcode .single-shortcode .shortcode-field .wpvr-copy-shortcode img {
1353	width: 22px;
1354	}

1355	.wpvr-use-shortcode .single-shortcode .wpvr-copied-notice {
1356	display: inline-block!important;
1357	margin-left: 10px;
	@@ -1359,16 +1506,19 @@ div.custom-tooltip:hover span:after {
1359
1360
1361	/----checkbox style----/

1362	.rex-pano-tab .radio-btn {
1363	position: relative;
1364	margin: 0;
1365	}

1366	.rex-pano-tab .styled-radio {
1367	position: absolute;
1368	opacity: 0;
1369	visibility: hidden;
1370	}
1371	- ~~.rex-pano-tab .styled-radio + label {~~

1372	position: relative;
1373	cursor: pointer;
1374	padding: 0;
	@@ -1379,7 +1529,8 @@ div.custom-tooltip:hover span:after {
1379	width: 30px;
1380	margin: 0 auto;
1381	}
1382	- ~~.rex-pano-tab .styled-radio + label:before {~~

1383	border: 1px solid #ddd;
1384	border-radius: 100%;
1385	content: "";
	@@ -1388,26 +1539,30 @@ div.custom-tooltip:hover span:after {
1388	margin-right: 6px;
1389	vertical-align: text-top;
1390	width: 18px;
1391	-
1392	-webkit-transition: all 0.3s ease;
1393	-o-transition: all 0.3s ease;
1394	transition: all 0.3s ease;
1395	}
1396	- ~~.rex-pano-tab .styled-radio:focus + label:before {~~

1397	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
1398	}
1399	- ~~.rex-pano-tab .styled-radio:disabled + label {~~

1400	color: #b8b8b8;
1401	cursor: auto;
1402	}
1403	- ~~.rex-pano-tab .styled-radio:disabled + label:before {~~

1404	box-shadow: none;
1405	background: #ddd;
1406	}
1407	- ~~.rex-pano-tab .styled-radio:checked + label:before {~~
1408	- ~~border~~-~~color:#4775f6;~~

1409	}
1410	- ~~.rex-pano-tab .styled-radio + label:after {~~

1411	content: "";
1412	color: #000;
1413	left: 5px;
	@@ -1420,18 +1575,22 @@ div.custom-tooltip:hover span:after {
1420	height: 10px;
1421	background: #4775f6;
1422	border-radius: 100%;
1423	-
1424	- ~~-webkit-transition: all 0.3s ease;;~~
1425	- -o-transition: all 0.3s ease;;
1426	- ~~transition: all 0.3s ease;;~~


1427	}
1428	- ~~.rex-pano-tab .styled-radio:checked + label:after {~~

1429	opacity: 1;
1430	visibility: visible;
1431	}
1432	- /--------end checkbox style-------/
1433
1434


1435	.rex-pano-tab .single-settings {
1436	display: flex;
1437	flex-flow: row;
	@@ -1439,33 +1598,37 @@ div.custom-tooltip:hover span:after {
1439	justify-content: flex-start;
1440	margin-bottom: 30px;
1441	}

1442	.rex-pano-tab .single-settings:last-child {
1443	margin-bottom: 0px;
1444	}
1445	- ~~.rex-pano-tab .single-settings > span {~~

1446	min-width: 170px;
1447	font-size: 16px;
1448	display: block;
1449	color: #494b51;
1450	font-weight: 500;
1451	}
1452	- ~~.rex-pano-tab.general .single-settings > span {~~

1453	min-width: 200px;
1454	padding-right: 20px;
1455	}
1456	- ~~.general .auto-rotation-control-wrapper .single-settings > span{~~

1457	min-width: 224px;
1458	}
1459	- ~~.rex-pano-tab .single-settings ul{~~

1460	margin: 0;
1461	}

1462	.rex-pano-tab .single-settings ul li {
1463	display: inline-block;
1464	margin-right: 20px;
1465	}
1466
1467	-
1468	-
1469	.rex-pano-tab input[type="password"],
1470	.rex-pano-tab input[type="email"],
1471	.rex-pano-tab input[type="number"],
	@@ -1487,31 +1650,37 @@ div.custom-tooltip:hover span:after {
1487
1488
1489	/------------input field tooltip-----------/

1490	.hotspot-icon input {
1491	width: 20% !important;
1492	}

1493	.rex-pano-tab.streetview .single-settings .field-tooltip,
1494	.rex-pano-tab.general .single-settings .field-tooltip {
1495	position: relative;
1496	top: 2px;
1497	padding-left: 10px;
1498	}

1499	.single-scene .scene-setting .field-tooltip {
1500	position: absolute;
1501	right: -25px;
1502	bottom: 13px;
1503	}

1504	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip {
1505	position: absolute;
1506	left: 112px;
1507	bottom: 13px;
1508	}

1509	.single-scene .scene-content .scene-setting.scene-upload-wrapper .field-tooltip {
1510	right: initial;
1511	left: 112px;
1512	bottom: inherit;
1513	top: 5px;
1514	}

1515	.rex-pano-tab.streetview .single-settings .field-tooltip i,
1516	.single-scene .scene-setting .field-tooltip i,
1517	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip i,
	@@ -1519,6 +1688,7 @@ div.custom-tooltip:hover span:after {
1519	font-size: 20px;
1520	cursor: help;
1521	}

1522	.rex-pano-tab.streetview .single-settings .field-tooltip span,
1523	.single-scene .scene-setting .field-tooltip span,
1524	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip span,
	@@ -1544,13 +1714,13 @@ div.custom-tooltip:hover span:after {
1544	-ms-transform: translateY(-50%);
1545	-o-transform: translateY(-50%);
1546	transform: translateY(-50%);
1547	-
1548	-webkit-transition: all 0.5s ease;
1549	-moz-transition: all 0.5s ease;
1550	-ms-transition: all 0.5s ease;
1551	-o-transition: all 0.5s ease;
1552	transition: all 0.5s ease;
1553	}

1554	.rex-pano-tab.streetview .single-settings .field-tooltip span:before,
1555	.single-scene .scene-setting .field-tooltip span:before,
1556	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip span:before,
	@@ -1570,6 +1740,7 @@ div.custom-tooltip:hover span:after {
1570	-o-transform: translateY(-50%);
1571	transform: translateY(-50%);
1572	}

1573	.rex-pano-tab.streetview .single-settings .field-tooltip:hover span,
1574	.single-scene .scene-setting .field-tooltip:hover span,
1575	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip:hover span,
	@@ -1585,6 +1756,7 @@ div.custom-tooltip:hover span:after {
1585	right: -20px;
1586	transform: translateY(0);
1587	}

1588	.rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span:before {
1589	left: inherit;
1590	right: 24px;
	@@ -1594,22 +1766,25 @@ div.custom-tooltip:hover span:after {
1594	}
1595
1596
1597	-
1598	/------------sub tab style----------/

1599	.rex-pano-sub-tabs .rex-pano-tab-nav {
1600	width: auto;
1601	padding: 32px 30px 21px;
1602	border-bottom: 1px solid #c3d3fc;
1603	}

1604	.rex-pano-sub-tabs .rex-pano-tab-nav ul li {
1605	display: inline-block;
1606	margin-right: 17px;
1607	margin-bottom: 10px;
1608	width: auto;
1609	}

1610	.rex-pano-sub-tabs .rex-pano-tab-nav ul li:last-child {
1611	margin-right: 0;
1612	}

1613	.rex-pano-sub-tabs .rex-pano-tab-nav li span {
1614	text-transform: capitalize;
1615	color: #494b51;
	@@ -1621,6 +1796,7 @@ div.custom-tooltip:hover span:after {
1621	padding: 0 30px;
1622	transition: all 0.25s ease-in-out;
1623	}

1624	.rex-pano-sub-tabs .rex-pano-tab-nav li span:after {
1625	right: 50%;
1626	top: inherit;
	@@ -1633,8 +1809,9 @@ div.custom-tooltip:hover span:after {
1633	transform: translateX(50%) rotate(45deg);
1634	transition: all 0.2s ease-in-out 0.1s;
1635	}
1636	- ~~.rex-pano-sub-tabs .rex-pano-tab-nav li.add > span,~~
1637	- .rex-pano-sub-tabs .rex-pano-tab-nav li~~:not(~~.~~active):hover~~ > span {

1638	border-color: #4775f6;
1639	box-shadow: none;
1640	color: #4775f6;
	@@ -1658,47 +1835,55 @@ div.custom-tooltip:hover span:after {
1658	visibility: hidden;
1659	transition: all 0.25s ease-in-out;
1660	}
1661	- ~~.rex-pano-sub-tabs .rex-pano-tab-nav li span .delete:focus{~~

1662	box-shadow: none;
1663	outline: none;
1664	}

1665	.rex-pano-sub-tabs .rex-pano-tab-nav li span .delete i {
1666	font-size: 14px;
1667	margin: 0;
1668	}

1669	.rex-pano-sub-tabs .rex-pano-tab-nav li:hover span .delete,
1670	.rex-pano-sub-tabs .rex-pano-tab-nav li.active span .delete {
1671	visibility: visible;
1672	opacity: 1;
1673	}
1674
1675	- .rex-pano-sub-tabs .rex-pano-tab-nav li.add span:after{
1676	display: none;
1677	}
1678	- ~~.rex-pano-sub-tabs .rex-pano-tab-nav li.add span > i {~~

1679	font-size: 17px;
1680	margin-right: 0;
1681	}
1682
1683
1684	/-----------sub tab content style-----------/

1685	.rex-pano-sub-tabs .rex-pano-tab-content {
1686	width: 100%;
1687	padding: 30px 40px;
1688	border-left: none;
1689	position: relative;
1690	}

1691	.single-hotspot .hotspot-setting,
1692	.single-scene .scene-setting {
1693	margin-bottom: 21px;
1694	position: relative;
1695	}

1696	.single-hotspot .hotspot-setting .change-icon {
1697	position: absolute;
1698	bottom: 14px;
1699	right: 50px;
1700	font-size: 18px;
1701	}

1702	.single-hotspot .hotspot-setting .change-icon .custom-icon {
1703	width: 20px;
1704	height: 20px;
	@@ -1709,18 +1894,22 @@ div.custom-tooltip:hover span:after {
1709	.single-hotspot .hotspot-setting .change-icon .icon1 {
1710	background: url(../icon/audio.png) no-repeat center center / 100% 100%;
1711	}

1712	.pnlm-hotspot-base.icon2,
1713	.single-hotspot .hotspot-setting .change-icon .icon2 {
1714	background: url(../icon/video.png) no-repeat center center / 100% 100%;
1715	}

1716	.pnlm-hotspot-base.icon3,
1717	.single-hotspot .hotspot-setting .change-icon .icon3 {
1718	background: url(../icon/gallery.png) no-repeat center center / 100% 100%;
1719	}

1720	.pnlm-hotspot-base.icon4,
1721	.single-hotspot .hotspot-setting .change-icon .icon4 {
1722	background: url(../icon/info.png) no-repeat center center / 100% 100%;
1723	}

1724	.pnlm-hotspot-base.icon5,
1725	.single-hotspot .hotspot-setting .change-icon .icon5 {
1726	background: url(../icon/link.png) no-repeat center center / 100% 100%;
	@@ -1741,7 +1930,7 @@ div.custom-tooltip:hover span:after {
1741	.single-hotspot .hotspot-setting select,
1742	.single-hotspot .hotspot-setting textarea,
1743	.single-hotspot .hotspot-setting input,
1744	- .single-scene .scene-setting input{
1745	border: 1px solid #dae3fd;
1746	box-shadow: none;
1747	width: 100%;
	@@ -1752,11 +1941,13 @@ div.custom-tooltip:hover span:after {
1752	color: #454545;
1753	border-radius: 3px;
1754	}

1755	.single-hotspot .hotspot-setting select {
1756	padding: 0px 20px;
1757	}
1758	- ~~.rex-pano-tab .streetview-setting .form-group input{~~
1759	- ~~max~~-~~width:~~ ~~100%;~~

1760	}
1761
1762	.single-scene .scene-setting .form-group img {
	@@ -1766,7 +1957,6 @@ div.custom-tooltip:hover span:after {
1766	margin-bottom: 15px;
1767	}
1768
1769	-
1770	.rex-pano-tab .video-setting input.video-upload,
1771	.single-scene .scene-setting input.scene-upload {
1772	text-transform: uppercase;
	@@ -1778,11 +1968,11 @@ div.custom-tooltip:hover span:after {
1778	transition: all 0.3s ease;
1779	}
1780
1781	-
1782	.rex-pano-tab .video-setting .single-settings input.video-upload:hover,
1783	.single-scene .scene-setting input.scene-upload:hover {
1784	background: #3869f3;
1785	}

1786	.rex-pano-tab .streetview-setting .form-group input:focus,
1787	.single-scene .scene-setting input.scene-upload:focus {
1788	box-shadow: none;
	@@ -1792,10 +1982,12 @@ div.custom-tooltip:hover span:after {
1792	.rex-pano-tab .video-setting .single-settings {
1793	align-items: flex-start;
1794	}

1795	.rex-pano-tab .video-setting input.video-upload {
1796	max-width: 160px;
1797	margin-top: 20px;
1798	}

1799	.rex-pano-tab .video-setting:before,
1800	.rex-pano-tab .video-setting:after {
1801	content: "";
	@@ -1805,36 +1997,44 @@ div.custom-tooltip:hover span:after {
1805
1806
1807	/--------------------hotspot style-------------------/

1808	.clearfix::before,
1809	.clearfix::after {
1810	content: " ";
1811	display: table;
1812	clear: both;
1813	}

1814	.hotspot-setup .rex-pano-tab-nav {
1815	padding: 20px 0px 30px;
1816	}

1817	.hotspot-setup .rex-pano-tab-content {
1818	padding: 30px 0px;
1819	}
1820	- ~~.hotspot-setup .single-hotspot > .wrapper,~~

1821	.hotspot-setup .single-hotspot .hotspot-type {
1822	float: left;
1823	width: 50%;
1824	}
1825	- ~~.hotspot-setup .single-hotspot > .wrapper{~~

1826	padding-right: 30px;
1827	}

1828	.single-hotspot .hotspot-setting textarea {
1829	height: auto;
1830	resize: none;
1831	min-height: 110px;
1832	}

1833	.single-hotspot .hotspot-setting select,
1834	.single-hotspot .hotspot-setting textarea,
1835	- .single-hotspot .hotspot-setting input{
1836	max-width: 100%;
1837	}

1838	.hotspot-setup .hotspot-setting.custom-icon select {
1839	max-width: calc(100% - 30px);
1840	}
	@@ -1865,27 +2065,33 @@ button.delete-scene {
1865	cursor: pointer;
1866	border-radius: 5px;
1867	}

1868	button.delete-hotspot:hover,
1869	button.delete-scene:hover {
1870	background: #3869f3;
1871	}

1872	button#panolenspreview:focus,
1873	button.delete-hotspot:focus,
1874	button.delete-scene:focus {
1875	outline: none;
1876	}
1877	- ~~button.delete-hotspot{~~

1878	right: 5px;
1879	}
1880
1881
1882	/* -------product------- */

1883	.single-hotspot .hotspot-products {
1884	margin-bottom: 20px;
1885	}

1886	.single-hotspot .hotspot-products .select2-container--default {
1887	width: 100%!important;
1888	}

1889	.single-hotspot .hotspot-products .select2-container--default .select2-selection--single {
1890	background-color: #fff;
1891	border: 1px solid #dae3fd;
	@@ -1898,18 +2104,22 @@ button.delete-hotspot{
1898	color: #454545;
1899	border-radius: 3px;
1900	}

1901	.single-hotspot .hotspot-products .select2-container--default .select2-selection--single:focus {
1902	outline: none;
1903	}

1904	.select2-container--default .select2-dropdown {
1905	border: 1px solid #dae3fd!important;
1906	margin-top: -1px;
1907	box-shadow: 0 7px 10px rgba(218, 227, 253, 0.3);
1908	padding: 8px;
1909	}

1910	.select2-container--default .select2-selection--single .select2-selection__clear {
1911	line-height: normal;
1912	}

1913	.select2-container--default .select2-selection--single .select2-selection__arrow {
1914	top: 10px;
1915	right: 5px;
	@@ -1919,10 +2129,12 @@ button.delete-hotspot{
1919	display: block;
1920	padding: 0;
1921	}

1922	.select2-container--default .select2-search--dropdown .select2-search__field {
1923	border: 1px solid #dae3fd;
1924	padding: 4px 10px;
1925	}

1926	.select2-container--default .select2-search--dropdown .select2-search__field:focus {
1927	outline: none;
1928	box-shadow: none;
	@@ -1934,18 +2146,20 @@ button.delete-hotspot{
1934	}
1935
1936
1937	-
1938	/--------preview-btn-area---------/
1939	- ~~.preview-btn-wrapper{~~

1940	padding: 0px 30px;
1941	}

1942	.preview-btn-area {
1943	padding: 30px 0px;
1944	border-top: 1px solid #e4eafe;
1945	}

1946	.streetview-setting #streetviewpreview,
1947	.video-setting button#videopreview,
1948	- .preview-btn-area #panolenspreview {
1949	text-transform: capitalize;
1950	color: #fff;
1951	font-size: 16px;
	@@ -1964,8 +2178,9 @@ button.delete-hotspot{
1964	margin-left: auto;
1965	display: block;
1966	}

1967	.video-setting button#videopreview:hover,
1968	- .preview-btn-area #panolenspreview:hover {
1969	background: #3869f3;
1970	box-shadow: none;
1971	}
	@@ -1987,6 +2202,7 @@ button.delete-hotspot{
1987	transform: translate(50%, -50%);
1988	z-index: 2;
1989	}

1990	#error_occured p {
1991	background: #fffbfb;
1992	padding: 10px 25px;
	@@ -1996,25 +2212,28 @@ button.delete-hotspot{
1996	border-radius: 5px;
1997	font-size: 14px;
1998	}
1999	- ~~#error_occured p span{~~

2000	font-weight: 500;
2001	}
2002
2003	-
2004	.hotspot-setup.rex-pano-sub-tabs {
2005	display: none;
2006	}
2007
2008
2009	/* ----------------- */

2010	.single-scene .scene-content {
2011	display: flex;
2012	flex-flow: row wrap;
2013	}

2014	.single-scene .scene-content .scene-left {
2015	width: 50%;
2016	padding-right: 15px;
2017	}

2018	.single-scene .scene-content .scene-right {
2019	width: 50%;
2020	padding-left: 15px;
	@@ -2022,6 +2241,7 @@ button.delete-hotspot{
2022
2023
2024	/* ---------woocomerce product hotspot style--------- */

2025	.wpvr-product-container {
2026	display: flex;
2027	align-items: center;
	@@ -2029,26 +2249,31 @@ button.delete-hotspot{
2029	padding: 15px;
2030	border-radius: 5px;
2031	}

2032	.wpvr-product-container .wpvr-pr-left-block {
2033	width: 50%;
2034	box-sizing: border-box;
2035	}

2036	.wpvr-product-container .wpvr-pr-left-block .woocommerce-product-gallery__image img {
2037	margin: 0;
2038	max-width: 500px;
2039	width: 100%;
2040	height: auto;
2041	}

2042	.wpvr-product-container .wpvr-pr-right-block {
2043	width: 50%;
2044	padding-left: 15px;
2045	box-sizing: border-box;
2046	text-align: left;
2047	}

2048	.wpvr-product-container .wpvr-pr-right-block a {
2049	text-decoration: none!important;
2050	display: inline-block;
2051	}

2052	.wpvr-product-container .wpvr-pr-right-block a h2 {
2053	line-height: 1.4!important;
2054	margin: 0 0 15px 0!important;
	@@ -2057,19 +2282,24 @@ button.delete-hotspot{
2057	font-size: 23px!important;
2058	color: #201cfe;
2059	}

2060	.wpvr-product-container .wpvr-pr-right-block a:focus {
2061	outline: none;
2062	box-shadow: none;
2063	}

2064	.wpvr-product-container .wpvr-pr-right-block a:hover h2 {
2065	text-decoration: underline;
2066	}

2067	.wpvr-product-container .wpvr-pr-right-block a h2:before {
2068	display: none;
2069	}

2070	.wpvr-product-container .wpvr-pr-right-block .wpvr-cart-wrap {
2071	display: block;
2072	- }

2073	.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline {
2074	border: none!important;
2075	padding: 0!important;
	@@ -2081,10 +2311,12 @@ button.delete-hotspot{
2081	display: inline-block;
2082	margin-bottom: 7px;
2083	}

2084	.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline del .amount {
2085	text-decoration: line-through;
2086	opacity: 0.5;
2087	}

2088	.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline a.button {
2089	font-size: 16px;
2090	text-align: center;
	@@ -2103,18 +2335,16 @@ button.delete-hotspot{
2103	}
2104
2105
2106	-
2107	/-----------------responsive style------------------/
2108	- ~~@media (max-width: 1760px) and (min-width: 1701px){~~

2109	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon img {
2110	width: 96px;
2111	}
2112	-
2113	- .rex-pano-tab.general .single-settings > span {
2114	min-width: 182px;
2115	}
2116	-
2117	- .rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings > span {
2118	min-width: 102px;
2119	}
2120	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {
	@@ -2127,25 +2357,22 @@ button.delete-hotspot{
2127	}
2128	}
2129
2130	- @media (max-width: 1700px){
2131	.rex-pano-tab-content {
2132	border-radius: 10px;
2133	}
2134	-
2135	.rex-pano-tab-content .rex-pano-tab.streetview,
2136	.rex-pano-tab-content .rex-pano-tab.video,
2137	.rex-pano-tab-content .rex-pano-tab.export,
2138	.rex-pano-tab-content .rex-pano-tab.general {
2139	padding: 20px;
2140	}
2141	-
2142	.post-type-wpvr_item #post-body #postbox-container-1 {
2143	width: 610px;
2144	}
2145	.post-type-wpvr_item #post-body #postbox-container-2 {
2146	width: calc(100% - 630px);
2147	}
2148	-
2149	#custom-ifram {
2150	height: 278px;
2151	}
	@@ -2153,15 +2380,14 @@ button.delete-hotspot{
2153	top: 47px;
2154	right: 20px;
2155	}
2156	- .rex-pano-tab-content .general .general-inner-tab .inner-nav li > span {
2157	flex-flow: column;
2158	text-align: center;
2159	}
2160	- .rex-pano-tab-content .general .general-inner-tab .inner-nav li > span img {
2161	margin-right: 0;
2162	margin-bottom: 5px;
2163	}
2164	-
2165	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
2166	display: block;
2167	}
	@@ -2178,23 +2404,20 @@ button.delete-hotspot{
2178	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame {
2179	height: 210px;
2180	}
2181	-
2182	- .rex-pano-tab.general .control-settings-content .single-settings > span {
2183	min-width: 120px;
2184	}
2185	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {
2186	padding-right: 12px;
2187	margin-right: 12px;
2188	}
2189	-
2190	- .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting > span {
2191	min-width: auto;
2192	padding-right: 20px;
2193	}
2194	-
2195	}
2196
2197	- @media (max-width: 1499px){
2198	.post-type-wpvr_item #post-body #postbox-container-1 {
2199	width: 500px;
2200	}
	@@ -2204,7 +2427,6 @@ button.delete-hotspot{
2204	.post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
2205	height: 290px;
2206	}
2207	-
2208	#custom-ifram {
2209	height: 228px;
2210	}
	@@ -2212,7 +2434,6 @@ button.delete-hotspot{
2212	top: 21px;
2213	right: 17px;
2214	}
2215	-
2216	.rex-pano-tabs {
2217	display: block;
2218	margin-left: 0;
	@@ -2221,7 +2442,7 @@ button.delete-hotspot{
2221	padding: 0;
2222	width: 100%;
2223	}
2224	- .rex-pano-tabs .main-nav > ul {
2225	display: flex;
2226	align-items: center;
2227	}
	@@ -2244,16 +2465,12 @@ button.delete-hotspot{
2244	.rex-pano-tabs .rex-pano-tab-nav.main-nav li.logo {
2245	height: 76px;
2246	}
2247	-
2248	.rex-pano-tab-content {
2249	width: 100%;
2250	}
2251	-
2252	-
2253	}
2254
2255	- @media (max-width: 1399px){
2256	-
2257	.post-type-wpvr_item #poststuff #post-body {
2258	display: block;
2259	}
	@@ -2267,7 +2484,6 @@ button.delete-hotspot{
2267	width: 100%;
2268	margin-right: 0;
2269	}
2270	-
2271	#custom-ifram {
2272	height: 296px;
2273	}
	@@ -2275,22 +2491,19 @@ button.delete-hotspot{
2275	top: 24px;
2276	right: 20px;
2277	}
2278	-
2279	.rex-pano-tabs .rex-pano-tab-nav.main-nav li span {
2280	padding: 0 10px;
2281	}
2282	-
2283	- .rex-pano-tab-content .general .general-inner-tab .inner-nav li > span {
2284	flex-flow: row;
2285	}
2286	- .rex-pano-tab-content .general .general-inner-tab .inner-nav li > span img {
2287	margin-right: 10px;
2288	margin-bottom: 0;
2289	}
2290	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
2291	display: flex;
2292	}
2293	-
2294	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
2295	width: 50%;
2296	padding-right: 15px;
	@@ -2300,7 +2513,6 @@ button.delete-hotspot{
2300	width: 50%;
2301	padding-left: 15px;
2302	}
2303	-
2304	/* ----------scene tab tooltip----- */
2305	.single-scene .scene-content .scene-right .field-tooltip span {
2306	bottom: calc(100% + 13px);
	@@ -2316,11 +2528,9 @@ button.delete-hotspot{
2316	bottom: -10px;
2317	transform: translateY(0) rotate(-92deg);
2318	}
2319	-
2320	}
2321
2322	-
2323	- @media (max-width: 1300px){
2324	.preview-btn-area #error_occured {
2325	float: none;
2326	margin-bottom: 20px;
	@@ -2328,15 +2538,12 @@ button.delete-hotspot{
2328	.preview-btn-area #panolenspreview {
2329	float: none;
2330	}
2331	-
2332	-
2333	}
2334
2335	- @media (max-width: 1199px){
2336	.rex-pano-tab-content {
2337	border-left: none;
2338	}
2339	-
2340	.rex-pano-tabs .main-nav li {
2341	width: 144px;
2342	margin-right: 12px;
	@@ -2366,8 +2573,6 @@ button.delete-hotspot{
2366	.hotspot-setup .rex-pano-tab-content {
2367	padding: 30px 0px 0;
2368	}
2369	-
2370	-
2371	.preview-btn-area {
2372	padding: 0 0 25px 0px;
2373	border-top: none;
	@@ -2385,8 +2590,6 @@ button.delete-hotspot{
2385	right: 5px;
2386	top: 35px;
2387	}
2388	-
2389	-
2390	/* ----------------- */
2391	.single-scene .scene-content .scene-left {
2392	width: 48%;
	@@ -2394,17 +2597,13 @@ button.delete-hotspot{
2394	.single-scene .scene-content .scene-right {
2395	width: 48%;
2396	}
2397	-
2398	.single-scene .scene-content .scene-setting {
2399	max-width: 410px;
2400	}
2401	-
2402	-
2403	}
2404
2405	-
2406	@media only screen and (max-width: 1199px) and (min-width: 992px) {
2407	- .rex-pano-tabs .main-nav > ul {
2408	flex-wrap: wrap;
2409	}
2410	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame {
	@@ -2415,11 +2614,9 @@ button.delete-hotspot{
2415	max-width: 70px;
2416	max-height: 50px;
2417	}
2418	-
2419	}
2420
2421	@media only screen and (max-width: 991px) {
2422	-
2423	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
2424	display: block;
2425	}
	@@ -2433,7 +2630,6 @@ button.delete-hotspot{
2433	width: 100%;
2434	padding-left: 0;
2435	}
2436	-
2437	.rex-pano-tab-content .general .inner-nav-content .left .field-tooltip span {
2438	bottom: calc(100% + 13px);
2439	top: initial;
	@@ -2441,7 +2637,6 @@ button.delete-hotspot{
2441	right: -20px;
2442	transform: translateY(0);
2443	}
2444	-
2445	.rex-pano-tab-content .general .inner-nav-content .left .field-tooltip span:before {
2446	left: inherit;
2447	right: 24px;
	@@ -2449,16 +2644,15 @@ button.delete-hotspot{
2449	bottom: -10px;
2450	transform: translateY(0) rotate(-92deg);
2451	}
2452	-
2453	}
2454
2455
2456	-
2457	-
2458	/* -----------On Boarding Page style----------- */

2459	.rex-onboarding * {
2460	box-sizing: border-box;
2461	}

2462	.rex-onboarding {
2463	border-radius: 15px;
2464	background-color: #fff;
	@@ -2467,6 +2661,7 @@ button.delete-hotspot{
2467	width: calc(100% - 15px);
2468	margin-top: 20px;
2469	}

2470	.rex-onboarding ul.rex-tabs {
2471	display: flex;
2472	flex-flow: row;
	@@ -2478,16 +2673,20 @@ button.delete-hotspot{
2478	height: auto;
2479	overflow: visible;
2480	}
2481	- ~~.rex-onboarding ul.rex-tabs > .wpvr_tabs_row {~~

2482	width: auto !important;
2483	}
2484	- ~~.rex-onboarding ul.rex-tabs > li {~~

2485	margin-left: 130px;
2486	}
2487	- ~~.rex-onboarding ul.rex-tabs > li:first-child {~~

2488	margin-left: 0;
2489	}
2490	- ~~.rex-onboarding ul.rex-tabs > li > a {~~

2491	font-size: 16px;
2492	color: #787890;
2493	text-transform: uppercase;
	@@ -2498,15 +2697,18 @@ button.delete-hotspot{
2498	position: relative;
2499	overflow: visible;
2500	}
2501	- ~~.rex-onboarding ul.rex-tabs > li > a:hover,~~
2502	- .rex-onboarding ul.rex-tabs > li > a~~.active {~~

2503	color: #201cfe;
2504	}
2505	- ~~.rex-onboarding ul.rex-tabs > li > a:focus {~~

2506	box-shadow: none;
2507	border: none;
2508	}
2509	- ~~.rex-onboarding ul.rex-tabs > li > a::before {~~

2510	content: "";
2511	position: absolute;
2512	left: 0;
	@@ -2516,22 +2718,27 @@ button.delete-hotspot{
2516	background: transparent;
2517	transition: all 0.3s ease;
2518	}
2519	- ~~.rex-onboarding ul.rex-tabs > li > a.active::before {~~

2520	background: #201cfe;
2521	}
2522	- ~~.rex-onboarding ul.rex-tabs > li > a svg {~~

2523	height: 18px;
2524	width: 18px;
2525	margin-right: 14px;
2526	}
2527	- ~~.rex-onboarding ul.rex-tabs > li > a svg path {~~

2528	fill: #787890;
2529	transition: all 0.3s ease;
2530	}
2531	- ~~.rex-onboarding ul.rex-tabs > li > a:hover svg path,~~
2532	- .rex-onboarding ul.rex-tabs > li > a~~.active~~ svg path {

2533	fill: #201cfe;
2534	}

2535	.rex-onboarding ul.rex-tabs .indicator {
2536	display: none;
2537	}
	@@ -2544,12 +2751,14 @@ button.delete-hotspot{
2544	.rex-onboarding .block-wrapper {
2545	padding: 40px 30px;
2546	}

2547	.rex-onboarding .info-wrapper {
2548	display: flex;
2549	flex-flow: row wrap;
2550	margin-left: -30px;
2551	width: 75%;
2552	}

2553	.rex-onboarding .single-block {
2554	background-color: #fff;
2555	border-radius: 10px;
	@@ -2563,6 +2772,7 @@ button.delete-hotspot{
2563	align-items: flex-start;
2564	position: relative;
2565	}

2566	.rex-onboarding .single-block .icon {
2567	background-color: #f0f1f3;
2568	width: 40px;
	@@ -2574,6 +2784,7 @@ button.delete-hotspot{
2574	border-radius: 100%;
2575	position: absolute;
2576	}

2577	.rex-onboarding .single-block h4 {
2578	font-size: 16px;
2579	font-weight: 500;
	@@ -2581,11 +2792,13 @@ button.delete-hotspot{
2581	margin-top: 12px;
2582	margin-left: 54px;
2583	}

2584	.rex-onboarding .single-block p {
2585	font-size: 14px;
2586	color: #787890;
2587	margin-bottom: 24px;
2588	}

2589	.rex-onboarding .wpvr-btn {
2590	border-radius: 5px;
2591	background-color: rgb(32, 28, 254);
	@@ -2599,11 +2812,14 @@ button.delete-hotspot{
2599	margin-top: auto;
2600	transition: all 0.3s ease;
2601	}

2602	.rex-onboarding .wpvr-btn:hover {
2603	- background: #~~5754d6~~;
2604	}
2605

2606	/* ---banner block--- */

2607	.rex-onboarding .single-block.banner {
2608	border: 5px solid #fff;
2609	padding: 0;
	@@ -2615,6 +2831,7 @@ button.delete-hotspot{
2615	align-items: center;
2616	justify-content: center;
2617	}

2618	.rex-onboarding .single-block.banner img {
2619	border-radius: 10px;
2620	display: block;
	@@ -2623,6 +2840,7 @@ button.delete-hotspot{
2623
2624
2625	/* ---share block--- */

2626	.rex-onboarding .single-block.share-block {
2627	border-radius: 0;
2628	background: transparent;
	@@ -2631,6 +2849,7 @@ button.delete-hotspot{
2631	display: block;
2632	margin-top: 0;
2633	}

2634	.rex-onboarding .single-block.share-block .social-share {
2635	border-radius: 10px;
2636	background: #fff;
	@@ -2638,38 +2857,46 @@ button.delete-hotspot{
2638	padding: 20px 30px;
2639	margin-top: 30px
2640	}

2641	.rex-onboarding .single-block.share-block .social-share h4 {
2642	display: block;
2643	margin-top: 0;
2644	margin-left: 0;
2645	}

2646	.rex-onboarding .single-block.share-block .social-share ul {
2647	margin: 0;
2648	}

2649	.rex-onboarding .single-block.share-block .social-share li {
2650	display: inline-block;
2651	margin-bottom: 0;
2652	margin-right: 17px;
2653	}

2654	.rex-onboarding .single-block.share-block .social-share ul li a {
2655	display: block;
2656	width: 24px;
2657	height: 24px;
2658	position: relative;
2659	}

2660	.rex-onboarding .single-block.share-block .social-share ul li a img {
2661	position: absolute;
2662	border-radius: 3px;
2663	transition: all 0.3s ease;
2664	}

2665	.rex-onboarding .single-block.share-block .social-share ul li a img.hover {
2666	opacity: 0;
2667	visibility: hidden;
2668	}

2669	.rex-onboarding .single-block.share-block .social-share ul li a:hover img.hover {
2670	opacity: 1;
2671	visibility: visible;
2672	}

2673	.rex-onboarding .single-block.share-block .social-share ul li a:hover img.regular {
2674	opacity: 0;
2675	visibility: hidden;
	@@ -2686,12 +2913,14 @@ button.delete-hotspot{
2686	background: #fff;
2687	min-height: 171px;
2688	}

2689	.rex-onboarding .single-block.share-block .upgrade-pro .wpvr-btn {
2690	margin-top: 20px;
2691	}
2692
2693
2694	/* -------promotion area------ */

2695	.rex-onboarding .promotion-area {
2696	width: 25%;
2697	margin-left: 30px;
	@@ -2699,12 +2928,14 @@ button.delete-hotspot{
2699	padding: 12px 20px 20px;
2700	border-radius: 10px;
2701	}

2702	.rex-onboarding .promotion-area h4.title {
2703	margin-top: 0;
2704	font-size: 20px;
2705	line-height: 1.4;
2706	font-weight: 700;
2707	}

2708	.rex-onboarding .promotion-area .single-block {
2709	width: 100%;
2710	padding: 20px 20px 20px;
	@@ -2715,15 +2946,18 @@ button.delete-hotspot{
2715	.rex-onboarding .promotion-area .single-block .icon {
2716	padding: 7px;
2717	}

2718	.rex-onboarding .promotion-area .single-block .icon img {
2719	max-width: 100%;
2720	}

2721	.rex-onboarding .promotion-area .single-block.m2c .icon img {
2722	border-radius: 100%;
2723	}
2724
2725
2726	/* ----------video tab style-------- */

2727	.rex-onboarding .video-wrapper {
2728	display: flex;
2729	flex-flow: row;
	@@ -2732,10 +2966,12 @@ button.delete-hotspot{
2732	width: 100%;
2733	margin: 0 auto;
2734	}

2735	.rex-onboarding .video-wrapper .video-left {
2736	width: calc(100% - 280px);
2737	height: 400px;
2738	}

2739	.rex-onboarding .video-wrapper .video-left iframe {
2740	border-radius: 10px;
2741	}
	@@ -2743,25 +2979,26 @@ button.delete-hotspot{
2743	.rex-onboarding .video-wrapper .video-right {
2744	width: 280px;
2745	padding-left: 30px;
2746	-
2747	}

2748	.rex-onboarding .video-wrapper .video-right .single-block {
2749	margin-left: 0;
2750	width: 100%;
2751	}
2752
2753
2754	-
2755	-
2756	/* ----------wpvr-compare (free vs pro)-------- */

2757	.rex-onboarding .wpvr-compare {
2758	width: 100%;
2759	max-width: 1200px;
2760	margin: 0 auto;
2761	}

2762	.rex-onboarding .compare-tbl-wrapper {
2763	margin-bottom: 75px;
2764	}

2765	.rex-onboarding .wpvr-compare .compare-header {
2766	display: flex;
2767	flex-flow: row;
	@@ -2769,6 +3006,7 @@ button.delete-hotspot{
2769	justify-content: space-between;
2770	margin-bottom: 20px;
2771	}

2772	.rex-onboarding .wpvr-compare .compare-header h4 {
2773	font-size: 24px;
2774	line-height: 40px;
	@@ -2776,6 +3014,7 @@ button.delete-hotspot{
2776	font-weight: 500;
2777	margin: 0;
2778	}

2779	.rex-onboarding .wpvr-compare .compare-header .wpvr-btn {
2780	height: 45px;
2781	line-height: 45px;
	@@ -2789,9 +3028,11 @@ button.delete-hotspot{
2789	padding: 0 15px;
2790	margin: 0;
2791	}

2792	.rex-onboarding .wpvr-compare .single-feature:nth-child(odd) {
2793	background: #f8f8fc;
2794	}

2795	.rex-onboarding .wpvr-compare .single-feature li {
2796	display: block;
2797	font-size: 16px;
	@@ -2805,14 +3046,17 @@ button.delete-hotspot{
2805	width: 78%;
2806	padding-right: 20px;
2807	}

2808	.rex-onboarding .wpvr-compare .single-feature .free {
2809	width: 10%;
2810	text-align: center;
2811	}

2812	.rex-onboarding .wpvr-compare .single-feature .pro {
2813	width: 10%;
2814	text-align: center;
2815	}

2816	.rex-onboarding .wpvr-compare .feature-list .icon {
2817	width: 25px;
2818	height: 25px;
	@@ -2827,6 +3071,7 @@ button.delete-hotspot{
2827	.rex-onboarding .wpvr-compare .list-header {
2828	background: #ececf6!important;
2829	}

2830	.rex-onboarding .wpvr-compare .list-header li {
2831	color: #201cfe;
2832	text-transform: uppercase;
	@@ -2834,16 +3079,17 @@ button.delete-hotspot{
2834	padding: 14px 0;
2835	}
2836
2837	-
2838	.rex-onboarding .wpvr-more-feature h5 {
2839	font-size: 24px;
2840	color: #3c3e4a;
2841	font-weight: 500;
2842	margin: 0 0 20px;
2843	}

2844	.rex-onboarding .wpvr-more-feature ul {
2845	column-count: 3;
2846	}

2847	.rex-onboarding .wpvr-more-feature ul li {
2848	font-size: 16px;
2849	line-height: 1.4;
	@@ -2852,6 +3098,7 @@ button.delete-hotspot{
2852	padding-left: 34px;
2853	margin-bottom: 16px;
2854	}

2855	.rex-onboarding .wpvr-more-feature ul li img {
2856	width: 17px;
2857	position: absolute;
	@@ -2862,6 +3109,7 @@ button.delete-hotspot{
2862	.rex-onboarding .wpvr-compare .footer-btn {
2863	margin-top: 40px;
2864	}

2865	.rex-onboarding .wpvr-compare .footer-btn .wpvr-btn {
2866	height: 50px;
2867	line-height: 50px;
	@@ -2870,12 +3118,14 @@ button.delete-hotspot{
2870
2871
2872	/* ----------import tab style---------- */

2873	.rex-onboarding .import-tab .tab-title {
2874	margin-top: 0;
2875	font-size: 20px;
2876	line-height: 1.4;
2877	font-weight: 700;
2878	}

2879	.rex-onboarding .import-tab .file-path-wrapper input {
2880	border: 1px solid #deddff;
2881	background-color: #fafbff;
	@@ -2885,10 +3135,12 @@ button.delete-hotspot{
2885	padding: 10px 15px;
2886	box-sizing: border-box;
2887	}

2888	.rex-onboarding .import-tab .file-path-wrapper input:focus {
2889	box-shadow: none;
2890	outline: none;
2891	}

2892	.rex-onboarding .import-tab .btn-floating.btn-large {
2893	width: 46px;
2894	height: 46px;
	@@ -2898,10 +3150,12 @@ button.delete-hotspot{
2898	border: 1px solid #8f8dfe;
2899	border-radius: 10px;
2900	}

2901	.rex-onboarding .import-tab .btn-floating.btn-large i {
2902	line-height: 45px;
2903	color: #1f1cfd;
2904	}

2905	.rex-onboarding .import-tab .vr-notice {
2906	margin-top: 0;
2907	color: #e23636;
	@@ -2909,6 +3163,7 @@ button.delete-hotspot{
2909
2910
2911	/* ---------wpvr-settings tab style------------ */

2912	.rex-onboarding .wpvr-settings h4 {
2913	font-size: 24px;
2914	color: #3c3e4a;
	@@ -2926,20 +3181,25 @@ button.delete-hotspot{
2926	width: 50%;
2927	padding-right: 30px;
2928	}

2929	.rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
2930	padding-right: 0;
2931	}

2932	.rex-onboarding .wpvr-settings .wpvr_role-container ul {
2933	padding: 0;
2934	margin: 0;
2935	}

2936	.rex-onboarding .wpvr-settings .wpvr_role-container ul li {
2937	display: flex;
2938	margin-bottom: 28px;
2939	}

2940	.rex-onboarding .wpvr-settings .wpvr_role-container ul li:last-child {
2941	margin-bottom: 0;
2942	}

2943	.rex-onboarding .wpvr-settings .wpvr_role-container ul li h6 {
2944	margin: 0;
2945	line-height: 1.5;
	@@ -2948,16 +3208,20 @@ button.delete-hotspot{
2948	padding-right: 30px;
2949	color: #787890;
2950	}

2951	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script {
2952	display: flex;
2953	flex-flow: row wrap;
2954	}

2955	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script h6 {
2956	padding-right: 0;
2957	}

2958	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.front-notice h6 {
2959	width: calc(100% - 91px);
2960	}

2961	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script textarea {
2962	border: 1px solid #ddd;
2963	margin: 10px 0 0 0;
	@@ -2967,6 +3231,7 @@ button.delete-hotspot{
2967	box-sizing: border-box;
2968	width: 100%;
2969	}

2970	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script textarea:focus {
2971	box-shadow: none;
2972	}
	@@ -2983,6 +3248,7 @@ button.delete-hotspot{
2983	height: 45px;
2984	border: none;
2985	}

2986	.rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version select {
2987	border: 1px solid #ddd;
2988	padding: 5px 15px;
	@@ -2994,6 +3260,7 @@ button.delete-hotspot{
2994	width: 220px;
2995	margin-left: auto;
2996	}

2997	.rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version select:focus {
2998	outline: none;
2999	}
	@@ -3003,14 +3270,17 @@ button.delete-hotspot{
3003	margin-bottom: 25px;
3004	padding-top: 8px;
3005	}

3006	.rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar .progress {
3007	background-color: #c3c2fd;
3008	margin: 0;
3009	}

3010	.rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar .indeterminate {
3011	background-color: #201cfe;
3012	display: block;
3013	}

3014	.rex-onboarding .wpvr-settings a.wpvr-pro {
3015	position: absolute;
3016	top: 14px;
	@@ -3018,8 +3288,8 @@ button.delete-hotspot{
3018	}
3019
3020
3021	-
3022	/* ----------- */

3023	.rex-onboarding .wpvr-settings .upgrade-pro {
3024	border: 1px solid #201cfe;
3025	display: flex;
	@@ -3031,23 +3301,26 @@ button.delete-hotspot{
3031	background: #fff;
3032	width: 346px;
3033	}

3034	.rex-onboarding .wpvr-settings .upgrade-pro img {
3035	margin-bottom: 20px;
3036	}
3037
3038
3039	-
3040	/-----------wpvr-tooltip style------- /

3041	.wpvr-tooltip {
3042	margin-left: 25px;
3043	position: relative;
3044	}

3045	.wpvr-tooltip .icon {
3046	display: inline-block;
3047	cursor: pointer;
3048	position: relative;
3049	top: 2px;
3050	}

3051	.wpvr-tooltip p {
3052	position: absolute;
3053	top: 50%;
	@@ -3066,6 +3339,7 @@ button.delete-hotspot{
3066	visibility: hidden;
3067	transition: all 0.3s ease;
3068	}

3069	.wpvr-tooltip p:before {
3070	content: "";
3071	position: absolute;
	@@ -3077,20 +3351,23 @@ button.delete-hotspot{
3077	transform: translateY(-50%) rotate(45deg);
3078	transform-origin: center;
3079	}
3080	- ~~.wpvr-tooltip .icon:hover + p {~~

3081	opacity: 1;
3082	visibility: visible;
3083	}
3084
3085
3086	/-----------setup wizard style-----------/
3087	- ~~.setup-wizard-carousel .owl-nav{~~

3088	display: flex;
3089	flex-flow: row;
3090	align-items: center;
3091	justify-content: space-between;
3092	margin-top: 30px;
3093	}

3094	.setup-wizard-carousel .owl-nav button.owl-prev,
3095	.setup-wizard-carousel .owl-nav button.owl-next {
3096	border: none;
	@@ -3102,23 +3379,27 @@ button.delete-hotspot{
3102	border-radius: 5px;
3103	font-size: 18px;
3104	}

3105	.setup-wizard-carousel .owl-nav button.owl-prev.disabled,
3106	.setup-wizard-carousel .owl-nav button.owl-next.disabled {
3107	display: none;
3108	}
3109
3110	- .setup-wizard-carousel .single-setup h2{
3111	font-size: 40px;
3112	font-weight: 500;
3113	margin: 0 0 20px 0;
3114	}
3115	- ~~.setup-wizard-carousel .single-setup p{~~

3116	font-size: 18px;
3117	}
3118	- ~~.setup-wizard-carousel .single-setup .input-group{~~

3119	margin-bottom: 15px;
3120	}
3121	- ~~.setup-wizard-carousel .single-setup .input-group label{~~

3122	font-size: 18px;
3123	line-height: normal;
3124	color: #333;
	@@ -3126,6 +3407,7 @@ button.delete-hotspot{
3126	position: relative;
3127	padding-left: 35px;
3128	}

3129	.setup-wizard-carousel .single-setup .input-group label:before {
3130	content: "";
3131	position: absolute;
	@@ -3136,6 +3418,7 @@ button.delete-hotspot{
3136	left: 0;
3137	border-radius: 100%;
3138	}

3139	.setup-wizard-carousel .single-setup .input-group label:after {
3140	content: "";
3141	position: absolute;
	@@ -3149,12 +3432,14 @@ button.delete-hotspot{
3149	transition: all 0.3s ease;
3150	border: none;
3151	}
3152	- ~~.setup-wizard-carousel .single-setup .input-group input:checked ~ label:after{~~

3153	transform: scale(1);
3154	}
3155
3156
3157	/------------responsive style------------/

3158	@media (max-width: 1499px) {
3159	.rex-onboarding {
3160	max-width: calc(100% - 15px);
	@@ -3166,9 +3451,10 @@ button.delete-hotspot{
3166	width: 70%;
3167	padding-right: 0;
3168	}

3169
3170	- } /--media max 1499px /
3171

3172
3173	@media (max-width: 1399px) {
3174	.rex-onboarding .block-wrapper {
	@@ -3182,7 +3468,6 @@ button.delete-hotspot{
3182	margin-left: -30px;
3183	width: calc(100% + 30px);
3184	}
3185	-
3186	.rex-onboarding .promotion-area {
3187	width: 100%;
3188	margin-left: 0;
	@@ -3200,15 +3485,15 @@ button.delete-hotspot{
3200	min-height: auto;
3201	margin-top: 0;
3202	}

3203
3204	- } /--media max 1399px /
3205

3206
3207	@media (max-width: 1199px) {
3208	- .rex-onboarding ul.rex-tabs > li {
3209	margin-left: 70px;
3210	}
3211	-
3212	.rex-onboarding .single-block {
3213	width: calc(100% / 2 - 30px);
3214	}
	@@ -3218,11 +3503,9 @@ button.delete-hotspot{
3218	.rex-onboarding .single-block.share-block {
3219	margin-top: 30px;
3220	}
3221	-
3222	.rex-onboarding .wpvr-more-feature ul {
3223	column-count: 2;
3224	}
3225	-
3226	.rex-onboarding .wpvr-settings .settings-wrapper {
3227	display: block;
3228	}
	@@ -3230,7 +3513,6 @@ button.delete-hotspot{
3230	width: 100%;
3231	padding-right: 0;
3232	}
3233	-
3234	.rex-onboarding .wpvr-settings .wpvr-tooltip p {
3235	top: inherit;
3236	bottom: calc(100% + 11px);
	@@ -3238,7 +3520,6 @@ button.delete-hotspot{
3238	right: -10px;
3239	transform: translateY(0);
3240	}
3241	-
3242	.rex-onboarding .wpvr-settings .wpvr-tooltip p:before {
3243	left: inherit;
3244	right: 17px;
	@@ -3248,12 +3529,10 @@ button.delete-hotspot{
3248	.rex-onboarding .wpvr-settings .upgrade-pro {
3249	margin-top: 40px;
3250	}
3251	-
3252	.rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
3253	width: 100%;
3254	padding-right: 0;
3255	}
3256	-
3257	.rex-onboarding .video-wrapper {
3258	display: block;
3259	}
	@@ -3263,19 +3542,122 @@ button.delete-hotspot{
3263	.rex-onboarding .video-wrapper .video-right {
3264	padding-left: 0;
3265	}

3266













3267	}
3268










3269
3270	- ~~@media~~ ~~only screen and (max~~-~~width~~ : ~~992px)~~ {
3271	- ~~.rex~~-~~onboarding~~ ~~ul.rex-tabs > .wpvr_tabs_row {~~
3272	- ~~flex~~-~~grow~~: ~~inherit~~;




































































3273	}







3274




3275	}
3276
3277	- @media (max-width: 991px){
3278	- .single-hotspot .hotspot-setting select{
3279	height: 46px!important;
3280	}
3281	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip span {
	@@ -3300,6 +3682,4 @@ button.delete-hotspot{
3300	bottom: -10px;
3301	right: 10px;
3302	}
3303	-
3304	-
3305	- }


3	* included in this file.
4	*/
5
6	+ .wpvr_gt_settings_ruler {
7	+ content: "";
8	+ display: block;
9	+ height: 5px;
10	+ width: 100%;
11	+ margin: 30px 0 30px 0;
12	+ background: #929eaa;
13	+ }
14	+
15	+ .wpvr_tabs_row {
16	+ width: 20% !important;
17	+ }
18	+
19	+
20	+ /* wpvr_role-container */
21	+
22	+ .wpvr_role-container .switch {
23	display: flex;
24	justify-content: space-between;
25	align-items: center;
26	+ }
27
28	.wpvr_role-container ul {
29	padding: 10px;
30	}
31	+
32	.wpvr_role-container .switch h6 {
33	width: calc(100% - 130px);
34	padding-right: 20px;
35	}























































































































36
37
38	+ /* Absolute Center Spinner */
39	+
40	+ .wpvr-loading {
41	+ position: fixed;
42	+ z-index: 999;
43	+ height: 2em;
44	+ width: 2em;
45	+ overflow: visible;
46	+ margin: auto;
47	+ top: 0;
48	+ left: 0;
49	+ bottom: 0;
50	+ right: 0;
51	+ }
52	+
53	+
54	+ /* Transparent Overlay */
55	+
56	+ .wpvr-loading:before {
57	+ content: '';
58	+ display: block;
59	+ position: fixed;
60	+ top: 0;
61	+ left: 0;
62	+ width: 100%;
63	+ height: 100%;
64	+ background-color: rgba(0, 0, 0, 0.3);
65	+ }
66	+
67	+
68	+ /* :not(:required) hides these rules from IE9 and below */
69	+
70	+ .wpvr-loading:not(:required) {
71	+ /* hide "loading..." text */
72	+ font: 0/0 a;
73	+ color: transparent;
74	+ text-shadow: none;
75	+ background-color: transparent;
76	+ border: 0;
77	+ }
78
79	+ .wpvr-loading:not(:required):after {
80	+ content: '';
81	+ display: block;
82	+ font-size: 10px;
83	+ width: 1em;
84	+ height: 1em;
85	+ margin-top: -0.5em;
86	+ -webkit-animation: spinner 1500ms infinite linear;
87	+ -moz-animation: spinner 1500ms infinite linear;
88	+ -ms-animation: spinner 1500ms infinite linear;
89	+ -o-animation: spinner 1500ms infinite linear;
90	+ animation: spinner 1500ms infinite linear;
91	+ border-radius: 0.5em;
92	+ -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;
93	+ 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;
94	+ }
95	+
96	+
97	+ /* Animation */
98	+
99	+ @-webkit-keyframes spinner {
100	+ 0% {
101	+ -webkit-transform: rotate(0deg);
102	+ -moz-transform: rotate(0deg);
103	+ -ms-transform: rotate(0deg);
104	+ -o-transform: rotate(0deg);
105	+ transform: rotate(0deg);
106	+ }
107	+ 100% {
108	+ -webkit-transform: rotate(360deg);
109	+ -moz-transform: rotate(360deg);
110	+ -ms-transform: rotate(360deg);
111	+ -o-transform: rotate(360deg);
112	+ transform: rotate(360deg);
113	+ }
114	+ }
115	+
116	+ @-moz-keyframes spinner {
117	+ 0% {
118	+ -webkit-transform: rotate(0deg);
119	+ -moz-transform: rotate(0deg);
120	+ -ms-transform: rotate(0deg);
121	+ -o-transform: rotate(0deg);
122	+ transform: rotate(0deg);
123	+ }
124	+ 100% {
125	+ -webkit-transform: rotate(360deg);
126	+ -moz-transform: rotate(360deg);
127	+ -ms-transform: rotate(360deg);
128	+ -o-transform: rotate(360deg);
129	+ transform: rotate(360deg);
130	+ }
131	+ }
132	+
133	+ @-o-keyframes spinner {
134	+ 0% {
135	+ -webkit-transform: rotate(0deg);
136	+ -moz-transform: rotate(0deg);
137	+ -ms-transform: rotate(0deg);
138	+ -o-transform: rotate(0deg);
139	+ transform: rotate(0deg);
140	+ }
141	+ 100% {
142	+ -webkit-transform: rotate(360deg);
143	+ -moz-transform: rotate(360deg);
144	+ -ms-transform: rotate(360deg);
145	+ -o-transform: rotate(360deg);
146	+ transform: rotate(360deg);
147	+ }
148	+ }
149	+
150	+ @keyframes spinner {
151	+ 0% {
152	+ -webkit-transform: rotate(0deg);
153	+ -moz-transform: rotate(0deg);
154	+ -ms-transform: rotate(0deg);
155	+ -o-transform: rotate(0deg);
156	+ transform: rotate(0deg);
157	+ }
158	+ 100% {
159	+ -webkit-transform: rotate(360deg);
160	+ -moz-transform: rotate(360deg);
161	+ -ms-transform: rotate(360deg);
162	+ -o-transform: rotate(360deg);
163	+ transform: rotate(360deg);
164	+ }
165	+ }
166
167	.pnlm-load-button p {
168	color: #fff;

174	width: 30px;
175	background: url('../images/icon.png') no-repeat center center / 100% 100%;
176	}
177	+
178	.scene-gallery {
179	border-radius: 6px;
180	max-width: 626px;

184	background-color: #eceef1;
185	box-sizing: border-box;
186	}
187	+
188	.scene-gallery ul {
189	display: inline-grid;
190	}
191	+
192	.scene-gallery ul li {
193	text-transform: capitalize;
194	font-weight: 500;
195	position: relative;
196	word-break: break-word;
197	}
198	+
199	.scene-gallery ul li.owlscene {
200	margin-bottom: 5px;
201	}
202	+
203	.scene-gallery .marked .owlscene {
204	color: #004efa;
205	}

208	filter: blur(0.5px) brightness(0.5);
209	-webkit-filter: blur(0.5px) brightness(0.5);
210	}
211	+
212	.scene-gallery .marked ul li img {
213	filter: blur(0) brightness(1);
214	-webkit-filter: blur(0) brightness(1);
215	}
216
217	+
218	/* .scene-gallery ul li:not(.owlscene):before {
219	content: "";
220	position: absolute;

237	display: inline-block;
238	cursor: pointer;
239	}
240	+
241	.scctrl:hover {
242	background: rgba(200, 200, 200, 1);
243	}

257	cursor: pointer;
258	white-space: nowrap;
259	}
260	+
261	.rex-pano-tab-content ::-webkit-input-placeholder {
262	color: #ccc;
263	}

286	font-size: 15px;
287	line-height: 24px;
288	}
289	+
290	+ div.custom-tooltip:hover span {
291	visibility: visible;
292	}
293	+
294	div.custom-tooltip:hover span:after {
295	content: '';
296	position: absolute;

320	.icons-selector .selector {
321	width: 100%;
322	}
323	+
324	.iframe-wrapper {
325	max-width: 600px;
326	position: relative;

328	width: 100%;
329	height: 400px;
330	}
331	+
332	+ .iframe-wrapper .pnlm-container {
333	height: 100%;
334	width: 100%;
335	}
336	+
337	.pano-wrap:before {
338	content: "";
339	position: absolute;
340	left: 0;
341	top: 0;
342	+ background: rgba(0, 0, 0, 0.4);
343	width: 100%;
344	height: 100%;
345	z-index: 9;

347	visibility: hidden;
348	transition: all 0.4s linear;
349	}
350	+
351	.iframe-wrapper.show-modal .pano-wrap:before {
352	opacity: 1;
353	visibility: visible;

371	visibility: hidden;
372	transition: all 0.4s ease;
373	}
374	+
375	.iframe-wrapper.show-modal #cross {
376	opacity: 1;
377	visibility: visible;

415	line-height: 26px;
416	}
417

418	#custom-ifram img {
419	max-width: 100%;
420	height: auto;

440	vertical-align: middle;
441	margin-bottom: 0;
442	}
443	+
444	.rex-add-coordinates ul li #panodata {
445	margin-top: 0!important;
446	font-size: 13px;
447	}
448	+
449	.rex-add-coordinates ul li.add-pitch {
450	margin-bottom: 0;
451	width: 20px;

489	-ms-transform: translateX(-50%);
490	-o-transform: translateX(-50%);
491	transform: translateX(-50%);

492	-webkit-transition: all 0.5s ease;
493	-moz-transition: all 0.5s ease;
494	-ms-transition: all 0.5s ease;

513	opacity: 1;
514	}
515
516	+ @media (max-width: 1199px) {
517	.pnlm-container {
518	width: 100%!important;
519	}

523	.custom-tooltip p {
524	width: 420px;
525	}

526	.custom-tooltip span img {
527	height: 230px;
528	width: 420px;
529	}

530	}
531
532	+ @media (max-width: 991px) {
533	/* div.custom-tooltip span {
534	width: 540px!important;
535	} */

540	height: 310px;
541	width: 540px;
542	}

543	}
544
545	+ @media (max-width: 575px) {
546	.pano-wrap .cross {
547	top: 2px;
548	right: 1px;
549	}

550	}
551
552
553	/------------------------------panolens layout style-----------------------------/
554	+
555	.post-type-wpvr_item #poststuff #post-body {
556	margin-right: 0;
557	display: flex;
558	flex-flow: row wrap;
559	}
560	+
561	.post-type-wpvr_item #post-body-content {
562	width: 100%;
563	min-width: 463px;
564	float: none;
565	}
566	+
567	.postbox-container {
568	float: none;
569	}
570	+
571	.post-type-wpvr_item #post-body #postbox-container-1 {
572	float: none;
573	margin-right: 0;
574	width: 650px;
575	order: 2;
576	}
577	+
578	.post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
579	max-width: 625px;
580	}
581	+
582	.post-type-wpvr_item #post-body #postbox-container-1 #side-sortables {
583	width: 100%;
584	}

591
592
593	/------------------------------panolens tab style-----------------------------/
594	+
595	+ .pano-setup * {
596	box-sizing: border-box;
597	}
598
599
600	/-----------switcher style------- /
601	+
602	.wpvr-switcher {
603	position: relative;
604	top: 2px;
605	}
606	+
607	.wpvr-switcher input[type="checkbox"] {
608	display: none;
609	}
610	+
611	.wpvr-switcher label {
612	display: block;
613	position: relative;

622	border: 1px solid #e6e6ec;
623	transition: all 0.3s ease;
624	}
625	+
626	.wpvr-switcher label:before {
627	display: none;
628	}
629	+
630	.wpvr-switcher label:after {
631	content: ""!important;
632	width: 16px!important;

642	transform: none!important;
643	margin: 0!important;
644	}
645	+
646	+ .wpvr-switcher input[type="checkbox"]:checked+label {
647	border-color: #201cfe;
648	background-color: #201cfe;
649	}
650	+
651	+ .wpvr-switcher input[type="checkbox"]:checked+label:after {
652	margin-left: 19px!important;
653	filter: none;
654	}
655	+
656	+ .wpvr-switcher input:disabled+label {
657	cursor: not-allowed;
658	}

659
660
661	+ /-----------/switcher style------- /
662	+
663	.pano-setup {
664	position: relative;
665	+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
666	direction: ltr;
667	}
668	+
669	.rex-pano-tabs {
670	position: relative;
671	display: flex;

674	justify-content: flex-start;
675	margin-left: -12px;
676	}
677	+
678	.rex-pano-tabs .rex-pano-tab-nav {
679	text-align: left;
680	width: 120px;
681	padding: 0;
682	}
683	+
684	.rex-pano-tabs .rex-pano-tab-nav ul {
685	margin: 0;
686	}
687	+
688	.rex-pano-tabs .rex-pano-tab-nav li {
689	display: block;
690	margin: 0;
691	border-bottom: 1px solid #e7e7ec;
692	}
693	+
694	.rex-pano-tabs .rex-pano-tab-nav li:last-child {
695	border-bottom: none;
696	}
697	+
698	.rex-pano-tabs .rex-pano-tab-nav li.logo {
699	height: 110px;
700	padding: 10px;

703	align-items: center;
704	justify-content: center;
705	}
706	+
707	.rex-pano-tabs .rex-pano-tab-nav li span {
708	text-transform: uppercase;
709	color: #a8a7be;

724	position: relative;
725	transition: all 0.3s ease;
726	}
727	+
728	.rex-pano-tabs .rex-pano-tab-nav li span img {
729	margin-bottom: 10px;
730	}
731	+
732	.rex-pano-tabs .rex-pano-tab-nav li span img.hover {
733	display: none;
734	}
735
736	+ .rex-pano-tabs .rex-pano-tab-nav li:hover>span,
737	+ .rex-pano-tabs .rex-pano-tab-nav li.active>span {
738	color: #fff;
739	background: #004efa;
740	}

743	.rex-pano-tabs .rex-pano-tab-nav li.active span img.hover {
744	display: block;
745	}
746	+
747	.rex-pano-tabs .rex-pano-tab-nav li:hover span img.regular,
748	.rex-pano-tabs .rex-pano-tab-nav li.active span img.regular {
749	display: none;

753	.rex-pano-tabs .rex-pano-tab {
754	display: none;
755	}
756	+
757	.rex-pano-sub-tabs .rex-pano-tab.active,
758	.rex-pano-tabs .rex-pano-tab.active {
759	display: block !important;

779	border: 1px solid #f5c6cb;
780	width: 500px;
781	}
782	+
783	.pano-alert p {
784	color: #d85964;
785	font-size: 14px;

788	text-align: center;
789	border-radius: 3px;
790	}
791	+
792	.pano-alert span {
793	position: absolute;
794	right: -12px;

806	background: #f7e0e2;
807	}
808
809	+
810	/--------------tab content style----------------/
811	+
812	.rex-pano-tab-content {
813	background: #f6f6f8;
814	width: calc(100% - 120px);

816	align-self: stretch;
817	border-radius: 20px;
818	}
819	+
820	.rex-pano-tab-content .title {
821	font-size: 18px;
822	font-weight: 600;

841	.rex-pano-tab-content .title i {
842	margin-right: 10px;
843	}
844	+
845	.rex-pano-tab-content .rex-pano-tab.streetview,
846	.rex-pano-tab-content .rex-pano-tab.video,
847	.rex-pano-tab-content .rex-pano-tab.export,

853	display: block;
854	height: 19px;
855	border-radius: 3px;
856	+ filter: drop-shadow(0px 5px 4px rgba(105, 115, 137, 0.2));
857	background-color: #004efa;
858	font-size: 13px;
859	color: #ffffff;

865	top: -11px;
866	}
867
868	+
869	/* ----general inner tab style----- */
870	+
871	.rex-pano-tab-content .general .general-inner-tab .inner-nav {
872	margin: 0 0 25px 0;
873	padding: 0;

876	flex-flow: row;
877	align-items: center;
878	}
879	+
880	.rex-pano-tab-content .general .general-inner-tab .inner-nav li {
881	margin-right: 15px;
882	margin-bottom: 0;
883	}
884	+
885	.rex-pano-tab-content .general .general-inner-tab .inner-nav li:last-child {
886	margin-right: 0;
887	}
888	+
889	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
890	border-radius: 5px;
891	+ filter: drop-shadow(0px 2px 2px rgba(223, 223, 249, 0.42));
892	background-color: #ffffff;
893	font-size: 14px;
894	color: #a8a7be;

903	transition: all 0.3s ease;
904	cursor: pointer;
905	}
906	+
907	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img {
908	margin-right: 10px;
909	}
910	+
911	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img.hover {
912	display: none;
913	}
914	+
915	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active>span img.hover {
916	display: block;
917	}
918	+
919	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active>span img.regular {
920	display: none;
921	}
922	+
923	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li.active>span {
924	background: #004efa;
925	color: #fff;
926	}
927	+
928	.rex-pano-tab-content .general .general-inner-tab .inner-nav li.active .pro-tag {
929	color: #004efa;
930	background: #fff;

933	.rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation {
934	margin-left: auto;
935	}
936	+
937	.rex-pano-tab-content .general .general-inner-tab .inner-nav li.vr-documentation a {
938	border-radius: 5px;
939	background-color: rgb(32, 28, 254);

949	text-decoration: none;
950	}
951
952	+
953	/* ---inner tab content style---- */
954	+
955	.rex-pano-tab-content .general .inner-nav-content .inner-single-content {
956	display: none;
957	}
958	+
959	.rex-pano-tab-content .general .inner-nav-content .inner-single-content.active {
960	display: block;
961	}
962	+
963	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
964	display: flex;
965	flex-flow: row wrap;
966	border-bottom: 1px solid #e4e4e4;
967	}
968	+
969	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
970	width: 50%;
971	padding-right: 15px;
972	border-right: 1px solid #e4e4e4;
973	}
974	+
975	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .right {
976	width: 50%;
977	padding-left: 15px;

979
980
981	/* ------img preview------- */
982	+
983	.rex-pano-tab-content .general .single-settings.preview-setting {
984	display: block;
985	margin-bottom: 20px;
986	}
987	+
988	.rex-pano-tab-content .general .single-settings.preview-setting .hints {
989	display: block;
990	font-weight: 400;

995	margin-top: 4px;
996	color: #aaa;
997	}
998	+
999	+ .rex-pano-tab-content .general .single-settings.preview-setting>span {
1000	margin-bottom: 10px;
1001	}
1002	+
1003	.rex-pano-tab-content .general .single-settings.preview-setting .preview-attachment-url,
1004	.rex-pano-tab-content .general .single-settings.preview-setting .preview-upload {
1005	display: none;

1015	background-size: cover;
1016	position: relative;
1017	}
1018	+
1019	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label {
1020	width: 100%;
1021	height: 100%;

1024	align-items: center;
1025	justify-content: center;
1026	}
1027	+
1028	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label span {
1029	font-size: 14px;
1030	color: #363b4e;
1031	font-weight: 400;
1032	margin-top: 10px;
1033	}
1034	+
1035	+ .rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame label img {
1036	max-width: 100%;
1037	}
1038	+
1039	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded span,
1040	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded img {
1041	display: none;

1043
1044
1045	/* -----remove attachment style----- */
1046	+
1047	.rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment {
1048	position: absolute;
1049	right: 6px;

1058	cursor: pointer;
1059	display: none;
1060	}
1061	+
1062	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame.img-uploaded span.remove-attachment {
1063	display: block;
1064	}

1075	transform: translate(-50%, -50%) rotate(45deg);
1076	transform-origin: center;
1077	}
1078	+
1079	.rex-pano-tab-content .general .single-settings.preview-setting .remove-attachment:after {
1080	transform: translate(-50%, -50%) rotate(-45deg);
1081	}
1082
1083
1084	/* ---autoload--- */
1085	+
1086	.rex-pano-tab-content .general .inner-nav-content .single-settings:not(.preview-setting) {
1087	width: 100%;
1088	padding: 14px 15px;

1094	align-items: center;
1095	justify-content: space-between;
1096	}
1097	+
1098	+
1099	/* .rex-pano-tab-content .general .inner-nav-content .single-settings:not(.preview-setting):last-child {
1100	margin-bottom: 0;
1101	} */

1107	position: relative;
1108	}
1109
1110	+
1111	/* ---scene-fade-duration--- */
1112	+
1113	.rex-pano-tab-content .general .inner-nav-content .single-settings.scene-fade-duration input {
1114	width: 70px;
1115	padding: 2px 7px;

1117	margin-left: auto;
1118	}
1119
1120	+
1121	/* ---autorotationdata--- */
1122	+
1123	.rex-pano-tab-content .general .inner-nav-content .single-settings.autorotationdata input {
1124	width: 70px;
1125	padding: 2px 7px;
1126	height: 33px;
1127	margin-left: auto;
1128	}
1129	+
1130	.rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper {
1131	width: 100%;
1132	padding: 25px 20px;

1136	margin-top: -18px;
1137	margin-bottom: 20px;
1138	}
1139	+
1140	.rex-pano-tab-content .general .inner-nav-content .autorotationdata-wrapper .single-settings {
1141	padding: 0;
1142	border-radius: 0;

1147	margin-bottom: 20px;
1148	}
1149
1150	+
1151	/* ---icon control settings--- */
1152	+
1153	+ .rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings>span {
1154	min-width: 106px;
1155	padding-right: 10px;
1156	}
1157	+
1158	.rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings .wpvr-switcher {
1159	margin-left: 0;
1160	min-width: auto!important;

1171	padding-right: 15px;
1172	margin-right: 15px;
1173	}
1174	+
1175	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons {
1176	position: relative;
1177	top: 6px;
1178	}
1179	+
1180	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector {
1181	border: 1px solid #e5e8f3;
1182	height: 32px;
1183	background-color: #f7f7fa;
1184	border-radius: 3px;
1185	}
1186	+
1187	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selected-icon {
1188	width: 40px;
1189	}
1190	+
1191	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selected-icon i {
1192	line-height: 30px;
1193	font-size: 16px;
1194	}
1195	+
1196	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector-button {
1197	width: 32px;
1198	border-left: 1px solid #e5e8f3;
1199	}
1200	+
1201	.rex-pano-tab-content .general .inner-nav-content .color-icon .icons-selector .selector-button i {
1202	line-height: 30px;
1203	text-align: center;
1204	}
1205
1206	+ .rex-pano-tab-content .general .inner-nav-content .color-icon .colors {
1207	margin-right: 13px;
1208	position: relative;
1209	top: 1px;
1210	}
1211	+
1212	+ .rex-pano-tab-content .general .inner-nav-content .color-icon .colors input[type="color"] {
1213	border: none;
1214	padding: 0;
1215	box-shadow: none;

1218	display: block;
1219	width: 36px;
1220	}
1221	+
1222	+ .rex-pano-tab-content .general .inner-nav-content .icons-selector .selector-popup {
1223	width: 280px;
1224	}
1225
1226	+
1227	/* ---advanced settings--- */
1228	+
1229	.rex-pano-tab-content .general .advanced-settings-content .single-settings .wpvr-switcher {
1230	margin-left: auto;
1231	}
1232	+
1233	.rex-pano-tab-content .general .advanced-settings-content .single-settings .field-tooltip {
1234	top: 4px;
1235	}
1236	+
1237	.rex-pano-tab-content .general .advanced-settings-content .gallery_title {
1238	display: none;
1239	margin-bottom: 20px;
1240	}
1241
1242	+
1243	/* -----audio setting style----- */
1244	+
1245	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .bg-music-content {
1246	width: 100%;
1247	padding: 25px 20px;

1250	margin-top: -18px;
1251	margin-bottom: 20px;
1252	}
1253	+
1254	.rex-pano-tab-content .general .inner-nav-content .bg-music-content .single-settings {
1255	padding: 0;
1256	border-radius: 0;
1257	}
1258	+
1259	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting {
1260	display: block;
1261	position: relative;
1262	}
1263	+
1264	+ .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting>span {
1265	margin-bottom: 5px;
1266	}
1267	+
1268	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting input[type="text"] {
1269	padding: 6px 60px 6px 14px;
1270	max-width: 100%;
1271	}
1272	+
1273	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload {
1274	padding: 9px 15px;
1275	background: #004efa;

1280	border-radius: 5px;
1281	cursor: pointer;
1282	}
1283	+
1284	.rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting .audio-upload:focus {
1285	outline: none;
1286	}
1287	+
1288	+
1289	/* -----------logo upload style-------- */
1290
1291
1292	/----company-info style-----/
1293	+
1294	.rex-pano-tab-content .general .inner-nav-content .company-info-wrapper {
1295	width: 100%;
1296	padding: 25px 20px;

1298	background-color: #ffffff;
1299	margin-top: -18px;
1300	}
1301	+
1302	.rex-pano-tab-content .general .inner-nav-content .company-info-wrapper .single-settings {
1303	padding: 0;
1304	border-radius: 0;

1308	flex-wrap: wrap;
1309	margin-bottom: 2px;
1310	}
1311	+
1312	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-title {
1313	width: calc(100% - 125px);
1314	}
1315	+
1316	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .cp-logo-upload {
1317	display: none;
1318	}

1320	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .cp-logo-attachment-url {
1321	display: none;
1322	}
1323	+
1324	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame {
1325	width: 120px;
1326	height: 90px;
1327	border: 1px dashed #dae3fd;
1328	border-radius: 5px;
1329	}
1330	+
1331	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame label {
1332	height: 100%;
1333	width: 100%;

1337	justify-content: center;
1338	text-align: center;
1339	}
1340	+
1341	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img {
1342	max-width: 100px;
1343	max-height: 70px;
1344	display: block;
1345	margin: 0 auto;
1346	}
1347	+
1348	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame img.placeholder-icon {
1349	width: 32px;
1350	}
1351	+
1352	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame.img-uploaded img.placeholder-icon {
1353	display: none;
1354	}
1355	+
1356	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .hints {
1357	display: block;
1358	font-weight: 400;

1363	margin-top: 2px;
1364	color: #aaa;
1365	}
1366	+
1367	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details {
1368	display: block;
1369	}
1370	+
1371	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details span {
1372	margin-bottom: 7px;
1373	padding: 0;
1374	min-width: auto;
1375	}
1376	+
1377	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details textarea {
1378	border: 1px solid #dae3fd;
1379	width: 100%;
1380	box-shadow: none;
1381	}
1382	+
1383	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-details textarea:focus {
1384	outline: none;
1385	}
1386	+
1387	+
1388	/* --------------end general inner tab style--------------- */
1389
1390	.rex-pano-tab-content .general .inner-nav-content .wpvr-pro {
1391	display: block;
1392	}
1393	+
1394	.rex-pano-tab-content .general .inner-nav-content .wpvr-pro:focus {
1395	outline: none;
1396	box-shadow: none;
1397	}
1398	+
1399	.rex-pano-tab-content .general .inner-nav-content .wpvr-pro .pro-tag {
1400	right: 55px;
1401	top: 2px;

1403	color: #004efa;
1404	}
1405
1406	+
1407	/* -------shortcode area style-------- */
1408	+
1409	.wpvr-use-shortcode {
1410	background: #fff;
1411	border-radius: 5px;
1412	margin-top: 20px;
1413	width: 100%;
1414	}
1415	+
1416	.wpvr-use-shortcode .area-title {
1417	width: 100%;
1418	margin: 0;

1422	padding: 10px 15px;
1423	font-weight: 600;
1424	}
1425	+
1426	.wpvr-use-shortcode .shortcode-wrapper {
1427	padding: 0 20px 20px 20px;
1428	display: flex;
1429	flex-flow: row wrap;
1430	}
1431	+
1432	.wpvr-use-shortcode .single-shortcode {
1433	width: 100%;
1434	flex: 1;

1449	margin-right: 0;
1450	margin-left: 10px;
1451	}
1452	+
1453	.wpvr-use-shortcode .shortcode-title {
1454	font-size: 16px;
1455	font-weight: 500;
1456	display: block;
1457	}
1458	+
1459	.wpvr-use-shortcode .single-shortcode .field-wapper span {
1460	display: block;
1461	font-size: 14px;
1462	line-height: 1.3;
1463	margin-top: 10px;
1464	}
1465	+
1466	.wpvr-use-shortcode .single-shortcode .shortcode-field {
1467	background: #fff;
1468	display: inline-flex;

1472	border-radius: 5px;
1473	margin-top: 10px;
1474	min-width: 183px;

1475	}
1476	+
1477	.wpvr-use-shortcode .single-shortcode .shortcode-field p {
1478	margin: 0;
1479	font-size: 16px;
1480	font-weight: 500;
1481	word-break: break-all;
1482	}
1483	+
1484	.wpvr-use-shortcode .single-shortcode .shortcode-field .wpvr-copy-shortcode {
1485	background: #201cfe;
1486	width: 36px;

1494	align-items: center;
1495	justify-content: center;
1496	}
1497	+
1498	.wpvr-use-shortcode .single-shortcode .shortcode-field .wpvr-copy-shortcode img {
1499	width: 22px;
1500	}
1501	+
1502	.wpvr-use-shortcode .single-shortcode .wpvr-copied-notice {
1503	display: inline-block!important;
1504	margin-left: 10px;

1506
1507
1508	/----checkbox style----/
1509	+
1510	.rex-pano-tab .radio-btn {
1511	position: relative;
1512	margin: 0;
1513	}
1514	+
1515	.rex-pano-tab .styled-radio {
1516	position: absolute;
1517	opacity: 0;
1518	visibility: hidden;
1519	}
1520	+
1521	+ .rex-pano-tab .styled-radio+label {
1522	position: relative;
1523	cursor: pointer;
1524	padding: 0;

1529	width: 30px;
1530	margin: 0 auto;
1531	}
1532	+
1533	+ .rex-pano-tab .styled-radio+label:before {
1534	border: 1px solid #ddd;
1535	border-radius: 100%;
1536	content: "";

1539	margin-right: 6px;
1540	vertical-align: text-top;
1541	width: 18px;

1542	-webkit-transition: all 0.3s ease;
1543	-o-transition: all 0.3s ease;
1544	transition: all 0.3s ease;
1545	}
1546	+
1547	+ .rex-pano-tab .styled-radio:focus+label:before {
1548	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
1549	}
1550	+
1551	+ .rex-pano-tab .styled-radio:disabled+label {
1552	color: #b8b8b8;
1553	cursor: auto;
1554	}
1555	+
1556	+ .rex-pano-tab .styled-radio:disabled+label:before {
1557	box-shadow: none;
1558	background: #ddd;
1559	}
1560	+
1561	+ .rex-pano-tab .styled-radio:checked+label:before {
1562	+ border-color: #4775f6;
1563	}
1564	+
1565	+ .rex-pano-tab .styled-radio+label:after {
1566	content: "";
1567	color: #000;
1568	left: 5px;

1575	height: 10px;
1576	background: #4775f6;
1577	border-radius: 100%;
1578	+ -webkit-transition: all 0.3s ease;
1579	+ ;
1580	+ -o-transition: all 0.3s ease;
1581	+ ;
1582	+ transition: all 0.3s ease;
1583	+ ;
1584	}
1585	+
1586	+ .rex-pano-tab .styled-radio:checked+label:after {
1587	opacity: 1;
1588	visibility: visible;
1589	}

1590
1591
1592	+ /--------end checkbox style-------/
1593	+
1594	.rex-pano-tab .single-settings {
1595	display: flex;
1596	flex-flow: row;

1598	justify-content: flex-start;
1599	margin-bottom: 30px;
1600	}
1601	+
1602	.rex-pano-tab .single-settings:last-child {
1603	margin-bottom: 0px;
1604	}
1605	+
1606	+ .rex-pano-tab .single-settings>span {
1607	min-width: 170px;
1608	font-size: 16px;
1609	display: block;
1610	color: #494b51;
1611	font-weight: 500;
1612	}
1613	+
1614	+ .rex-pano-tab.general .single-settings>span {
1615	min-width: 200px;
1616	padding-right: 20px;
1617	}
1618	+
1619	+ .general .auto-rotation-control-wrapper .single-settings>span {
1620	min-width: 224px;
1621	}
1622	+
1623	+ .rex-pano-tab .single-settings ul {
1624	margin: 0;
1625	}
1626	+
1627	.rex-pano-tab .single-settings ul li {
1628	display: inline-block;
1629	margin-right: 20px;
1630	}
1631


1632	.rex-pano-tab input[type="password"],
1633	.rex-pano-tab input[type="email"],
1634	.rex-pano-tab input[type="number"],

1650
1651
1652	/------------input field tooltip-----------/
1653	+
1654	.hotspot-icon input {
1655	width: 20% !important;
1656	}
1657	+
1658	.rex-pano-tab.streetview .single-settings .field-tooltip,
1659	.rex-pano-tab.general .single-settings .field-tooltip {
1660	position: relative;
1661	top: 2px;
1662	padding-left: 10px;
1663	}
1664	+
1665	.single-scene .scene-setting .field-tooltip {
1666	position: absolute;
1667	right: -25px;
1668	bottom: 13px;
1669	}
1670	+
1671	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip {
1672	position: absolute;
1673	left: 112px;
1674	bottom: 13px;
1675	}
1676	+
1677	.single-scene .scene-content .scene-setting.scene-upload-wrapper .field-tooltip {
1678	right: initial;
1679	left: 112px;
1680	bottom: inherit;
1681	top: 5px;
1682	}
1683	+
1684	.rex-pano-tab.streetview .single-settings .field-tooltip i,
1685	.single-scene .scene-setting .field-tooltip i,
1686	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip i,

1688	font-size: 20px;
1689	cursor: help;
1690	}
1691	+
1692	.rex-pano-tab.streetview .single-settings .field-tooltip span,
1693	.single-scene .scene-setting .field-tooltip span,
1694	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip span,

1714	-ms-transform: translateY(-50%);
1715	-o-transform: translateY(-50%);
1716	transform: translateY(-50%);

1717	-webkit-transition: all 0.5s ease;
1718	-moz-transition: all 0.5s ease;
1719	-ms-transition: all 0.5s ease;
1720	-o-transition: all 0.5s ease;
1721	transition: all 0.5s ease;
1722	}
1723	+
1724	.rex-pano-tab.streetview .single-settings .field-tooltip span:before,
1725	.single-scene .scene-setting .field-tooltip span:before,
1726	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip span:before,

1740	-o-transform: translateY(-50%);
1741	transform: translateY(-50%);
1742	}
1743	+
1744	.rex-pano-tab.streetview .single-settings .field-tooltip:hover span,
1745	.single-scene .scene-setting .field-tooltip:hover span,
1746	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip:hover span,

1756	right: -20px;
1757	transform: translateY(0);
1758	}
1759	+
1760	.rex-pano-tab-content .general .inner-nav-content .right .field-tooltip span:before {
1761	left: inherit;
1762	right: 24px;

1766	}
1767
1768

1769	/------------sub tab style----------/
1770	+
1771	.rex-pano-sub-tabs .rex-pano-tab-nav {
1772	width: auto;
1773	padding: 32px 30px 21px;
1774	border-bottom: 1px solid #c3d3fc;
1775	}
1776	+
1777	.rex-pano-sub-tabs .rex-pano-tab-nav ul li {
1778	display: inline-block;
1779	margin-right: 17px;
1780	margin-bottom: 10px;
1781	width: auto;
1782	}
1783	+
1784	.rex-pano-sub-tabs .rex-pano-tab-nav ul li:last-child {
1785	margin-right: 0;
1786	}
1787	+
1788	.rex-pano-sub-tabs .rex-pano-tab-nav li span {
1789	text-transform: capitalize;
1790	color: #494b51;

1796	padding: 0 30px;
1797	transition: all 0.25s ease-in-out;
1798	}
1799	+
1800	.rex-pano-sub-tabs .rex-pano-tab-nav li span:after {
1801	right: 50%;
1802	top: inherit;

1809	transform: translateX(50%) rotate(45deg);
1810	transition: all 0.2s ease-in-out 0.1s;
1811	}
1812	+
1813	+ .rex-pano-sub-tabs .rex-pano-tab-nav li.add>span,
1814	+ .rex-pano-sub-tabs .rex-pano-tab-nav li:not(.active):hover>span {
1815	border-color: #4775f6;
1816	box-shadow: none;
1817	color: #4775f6;

1835	visibility: hidden;
1836	transition: all 0.25s ease-in-out;
1837	}
1838	+
1839	+ .rex-pano-sub-tabs .rex-pano-tab-nav li span .delete:focus {
1840	box-shadow: none;
1841	outline: none;
1842	}
1843	+
1844	.rex-pano-sub-tabs .rex-pano-tab-nav li span .delete i {
1845	font-size: 14px;
1846	margin: 0;
1847	}
1848	+
1849	.rex-pano-sub-tabs .rex-pano-tab-nav li:hover span .delete,
1850	.rex-pano-sub-tabs .rex-pano-tab-nav li.active span .delete {
1851	visibility: visible;
1852	opacity: 1;
1853	}
1854
1855	+ .rex-pano-sub-tabs .rex-pano-tab-nav li.add span:after {
1856	display: none;
1857	}
1858	+
1859	+ .rex-pano-sub-tabs .rex-pano-tab-nav li.add span>i {
1860	font-size: 17px;
1861	margin-right: 0;
1862	}
1863
1864
1865	/-----------sub tab content style-----------/
1866	+
1867	.rex-pano-sub-tabs .rex-pano-tab-content {
1868	width: 100%;
1869	padding: 30px 40px;
1870	border-left: none;
1871	position: relative;
1872	}
1873	+
1874	.single-hotspot .hotspot-setting,
1875	.single-scene .scene-setting {
1876	margin-bottom: 21px;
1877	position: relative;
1878	}
1879	+
1880	.single-hotspot .hotspot-setting .change-icon {
1881	position: absolute;
1882	bottom: 14px;
1883	right: 50px;
1884	font-size: 18px;
1885	}
1886	+
1887	.single-hotspot .hotspot-setting .change-icon .custom-icon {
1888	width: 20px;
1889	height: 20px;

1894	.single-hotspot .hotspot-setting .change-icon .icon1 {
1895	background: url(../icon/audio.png) no-repeat center center / 100% 100%;
1896	}
1897	+
1898	.pnlm-hotspot-base.icon2,
1899	.single-hotspot .hotspot-setting .change-icon .icon2 {
1900	background: url(../icon/video.png) no-repeat center center / 100% 100%;
1901	}
1902	+
1903	.pnlm-hotspot-base.icon3,
1904	.single-hotspot .hotspot-setting .change-icon .icon3 {
1905	background: url(../icon/gallery.png) no-repeat center center / 100% 100%;
1906	}
1907	+
1908	.pnlm-hotspot-base.icon4,
1909	.single-hotspot .hotspot-setting .change-icon .icon4 {
1910	background: url(../icon/info.png) no-repeat center center / 100% 100%;
1911	}
1912	+
1913	.pnlm-hotspot-base.icon5,
1914	.single-hotspot .hotspot-setting .change-icon .icon5 {
1915	background: url(../icon/link.png) no-repeat center center / 100% 100%;

1930	.single-hotspot .hotspot-setting select,
1931	.single-hotspot .hotspot-setting textarea,
1932	.single-hotspot .hotspot-setting input,
1933	+ .single-scene .scene-setting input {
1934	border: 1px solid #dae3fd;
1935	box-shadow: none;
1936	width: 100%;

1941	color: #454545;
1942	border-radius: 3px;
1943	}
1944	+
1945	.single-hotspot .hotspot-setting select {
1946	padding: 0px 20px;
1947	}
1948	+
1949	+ .rex-pano-tab .streetview-setting .form-group input {
1950	+ max-width: 100%;
1951	}
1952
1953	.single-scene .scene-setting .form-group img {

1957	margin-bottom: 15px;
1958	}
1959

1960	.rex-pano-tab .video-setting input.video-upload,
1961	.single-scene .scene-setting input.scene-upload {
1962	text-transform: uppercase;

1968	transition: all 0.3s ease;
1969	}
1970

1971	.rex-pano-tab .video-setting .single-settings input.video-upload:hover,
1972	.single-scene .scene-setting input.scene-upload:hover {
1973	background: #3869f3;
1974	}
1975	+
1976	.rex-pano-tab .streetview-setting .form-group input:focus,
1977	.single-scene .scene-setting input.scene-upload:focus {
1978	box-shadow: none;

1982	.rex-pano-tab .video-setting .single-settings {
1983	align-items: flex-start;
1984	}
1985	+
1986	.rex-pano-tab .video-setting input.video-upload {
1987	max-width: 160px;
1988	margin-top: 20px;
1989	}
1990	+
1991	.rex-pano-tab .video-setting:before,
1992	.rex-pano-tab .video-setting:after {
1993	content: "";

1997
1998
1999	/--------------------hotspot style-------------------/
2000	+
2001	.clearfix::before,
2002	.clearfix::after {
2003	content: " ";
2004	display: table;
2005	clear: both;
2006	}
2007	+
2008	.hotspot-setup .rex-pano-tab-nav {
2009	padding: 20px 0px 30px;
2010	}
2011	+
2012	.hotspot-setup .rex-pano-tab-content {
2013	padding: 30px 0px;
2014	}
2015	+
2016	+ .hotspot-setup .single-hotspot>.wrapper,
2017	.hotspot-setup .single-hotspot .hotspot-type {
2018	float: left;
2019	width: 50%;
2020	}
2021	+
2022	+ .hotspot-setup .single-hotspot>.wrapper {
2023	padding-right: 30px;
2024	}
2025	+
2026	.single-hotspot .hotspot-setting textarea {
2027	height: auto;
2028	resize: none;
2029	min-height: 110px;
2030	}
2031	+
2032	.single-hotspot .hotspot-setting select,
2033	.single-hotspot .hotspot-setting textarea,
2034	+ .single-hotspot .hotspot-setting input {
2035	max-width: 100%;
2036	}
2037	+
2038	.hotspot-setup .hotspot-setting.custom-icon select {
2039	max-width: calc(100% - 30px);
2040	}

2065	cursor: pointer;
2066	border-radius: 5px;
2067	}
2068	+
2069	button.delete-hotspot:hover,
2070	button.delete-scene:hover {
2071	background: #3869f3;
2072	}
2073	+
2074	button#panolenspreview:focus,
2075	button.delete-hotspot:focus,
2076	button.delete-scene:focus {
2077	outline: none;
2078	}
2079	+
2080	+ button.delete-hotspot {
2081	right: 5px;
2082	}
2083
2084
2085	/* -------product------- */
2086	+
2087	.single-hotspot .hotspot-products {
2088	margin-bottom: 20px;
2089	}
2090	+
2091	.single-hotspot .hotspot-products .select2-container--default {
2092	width: 100%!important;
2093	}
2094	+
2095	.single-hotspot .hotspot-products .select2-container--default .select2-selection--single {
2096	background-color: #fff;
2097	border: 1px solid #dae3fd;

2104	color: #454545;
2105	border-radius: 3px;
2106	}
2107	+
2108	.single-hotspot .hotspot-products .select2-container--default .select2-selection--single:focus {
2109	outline: none;
2110	}
2111	+
2112	.select2-container--default .select2-dropdown {
2113	border: 1px solid #dae3fd!important;
2114	margin-top: -1px;
2115	box-shadow: 0 7px 10px rgba(218, 227, 253, 0.3);
2116	padding: 8px;
2117	}
2118	+
2119	.select2-container--default .select2-selection--single .select2-selection__clear {
2120	line-height: normal;
2121	}
2122	+
2123	.select2-container--default .select2-selection--single .select2-selection__arrow {
2124	top: 10px;
2125	right: 5px;

2129	display: block;
2130	padding: 0;
2131	}
2132	+
2133	.select2-container--default .select2-search--dropdown .select2-search__field {
2134	border: 1px solid #dae3fd;
2135	padding: 4px 10px;
2136	}
2137	+
2138	.select2-container--default .select2-search--dropdown .select2-search__field:focus {
2139	outline: none;
2140	box-shadow: none;

2146	}
2147
2148

2149	/--------preview-btn-area---------/
2150	+
2151	+ .preview-btn-wrapper {
2152	padding: 0px 30px;
2153	}
2154	+
2155	.preview-btn-area {
2156	padding: 30px 0px;
2157	border-top: 1px solid #e4eafe;
2158	}
2159	+
2160	.streetview-setting #streetviewpreview,
2161	.video-setting button#videopreview,
2162	+ .preview-btn-area #panolenspreview {
2163	text-transform: capitalize;
2164	color: #fff;
2165	font-size: 16px;

2178	margin-left: auto;
2179	display: block;
2180	}
2181	+
2182	.video-setting button#videopreview:hover,
2183	+ .preview-btn-area #panolenspreview:hover {
2184	background: #3869f3;
2185	box-shadow: none;
2186	}

2202	transform: translate(50%, -50%);
2203	z-index: 2;
2204	}
2205	+
2206	#error_occured p {
2207	background: #fffbfb;
2208	padding: 10px 25px;

2212	border-radius: 5px;
2213	font-size: 14px;
2214	}
2215	+
2216	+ #error_occured p span {
2217	font-weight: 500;
2218	}
2219

2220	.hotspot-setup.rex-pano-sub-tabs {
2221	display: none;
2222	}
2223
2224
2225	/* ----------------- */
2226	+
2227	.single-scene .scene-content {
2228	display: flex;
2229	flex-flow: row wrap;
2230	}
2231	+
2232	.single-scene .scene-content .scene-left {
2233	width: 50%;
2234	padding-right: 15px;
2235	}
2236	+
2237	.single-scene .scene-content .scene-right {
2238	width: 50%;
2239	padding-left: 15px;

2241
2242
2243	/* ---------woocomerce product hotspot style--------- */
2244	+
2245	.wpvr-product-container {
2246	display: flex;
2247	align-items: center;

2249	padding: 15px;
2250	border-radius: 5px;
2251	}
2252	+
2253	.wpvr-product-container .wpvr-pr-left-block {
2254	width: 50%;
2255	box-sizing: border-box;
2256	}
2257	+
2258	.wpvr-product-container .wpvr-pr-left-block .woocommerce-product-gallery__image img {
2259	margin: 0;
2260	max-width: 500px;
2261	width: 100%;
2262	height: auto;
2263	}
2264	+
2265	.wpvr-product-container .wpvr-pr-right-block {
2266	width: 50%;
2267	padding-left: 15px;
2268	box-sizing: border-box;
2269	text-align: left;
2270	}
2271	+
2272	.wpvr-product-container .wpvr-pr-right-block a {
2273	text-decoration: none!important;
2274	display: inline-block;
2275	}
2276	+
2277	.wpvr-product-container .wpvr-pr-right-block a h2 {
2278	line-height: 1.4!important;
2279	margin: 0 0 15px 0!important;

2282	font-size: 23px!important;
2283	color: #201cfe;
2284	}
2285	+
2286	.wpvr-product-container .wpvr-pr-right-block a:focus {
2287	outline: none;
2288	box-shadow: none;
2289	}
2290	+
2291	.wpvr-product-container .wpvr-pr-right-block a:hover h2 {
2292	text-decoration: underline;
2293	}
2294	+
2295	.wpvr-product-container .wpvr-pr-right-block a h2:before {
2296	display: none;
2297	}
2298	+
2299	.wpvr-product-container .wpvr-pr-right-block .wpvr-cart-wrap {
2300	display: block;
2301	+ }
2302	+
2303	.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline {
2304	border: none!important;
2305	padding: 0!important;

2311	display: inline-block;
2312	margin-bottom: 7px;
2313	}
2314	+
2315	.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline del .amount {
2316	text-decoration: line-through;
2317	opacity: 0.5;
2318	}
2319	+
2320	.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline a.button {
2321	font-size: 16px;
2322	text-align: center;

2335	}
2336
2337

2338	/-----------------responsive style------------------/
2339	+
2340	+ @media (max-width: 1760px) and (min-width: 1701px) {
2341	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon img {
2342	width: 96px;
2343	}
2344	+ .rex-pano-tab.general .single-settings>span {

2345	min-width: 182px;
2346	}
2347	+ .rex-pano-tab-content .general .control-settings-content.inner-single-content .single-settings>span {

2348	min-width: 102px;
2349	}
2350	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {

2357	}
2358	}
2359
2360	+ @media (max-width: 1700px) {
2361	.rex-pano-tab-content {
2362	border-radius: 10px;
2363	}

2364	.rex-pano-tab-content .rex-pano-tab.streetview,
2365	.rex-pano-tab-content .rex-pano-tab.video,
2366	.rex-pano-tab-content .rex-pano-tab.export,
2367	.rex-pano-tab-content .rex-pano-tab.general {
2368	padding: 20px;
2369	}

2370	.post-type-wpvr_item #post-body #postbox-container-1 {
2371	width: 610px;
2372	}
2373	.post-type-wpvr_item #post-body #postbox-container-2 {
2374	width: calc(100% - 630px);
2375	}

2376	#custom-ifram {
2377	height: 278px;
2378	}

2380	top: 47px;
2381	right: 20px;
2382	}
2383	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {
2384	flex-flow: column;
2385	text-align: center;
2386	}
2387	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img {
2388	margin-right: 0;
2389	margin-bottom: 5px;
2390	}

2391	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
2392	display: block;
2393	}

2404	.rex-pano-tab-content .general .single-settings.preview-setting .img-upload-frame {
2405	height: 210px;
2406	}
2407	+ .rex-pano-tab.general .control-settings-content .single-settings>span {

2408	min-width: 120px;
2409	}
2410	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .color-icon {
2411	padding-right: 12px;
2412	margin-right: 12px;
2413	}
2414	+ .rex-pano-tab-content .general .inner-nav-content .single-settings.audio-setting>span {

2415	min-width: auto;
2416	padding-right: 20px;
2417	}

2418	}
2419
2420	+ @media (max-width: 1499px) {
2421	.post-type-wpvr_item #post-body #postbox-container-1 {
2422	width: 500px;
2423	}

2427	.post-type-wpvr_item #post-body #postbox-container-1 .iframe-wrapper {
2428	height: 290px;
2429	}

2430	#custom-ifram {
2431	height: 228px;
2432	}

2434	top: 21px;
2435	right: 17px;
2436	}

2437	.rex-pano-tabs {
2438	display: block;
2439	margin-left: 0;

2442	padding: 0;
2443	width: 100%;
2444	}
2445	+ .rex-pano-tabs .main-nav>ul {
2446	display: flex;
2447	align-items: center;
2448	}

2465	.rex-pano-tabs .rex-pano-tab-nav.main-nav li.logo {
2466	height: 76px;
2467	}

2468	.rex-pano-tab-content {
2469	width: 100%;
2470	}


2471	}
2472
2473	+ @media (max-width: 1399px) {

2474	.post-type-wpvr_item #poststuff #post-body {
2475	display: block;
2476	}

2484	width: 100%;
2485	margin-right: 0;
2486	}

2487	#custom-ifram {
2488	height: 296px;
2489	}

2491	top: 24px;
2492	right: 20px;
2493	}

2494	.rex-pano-tabs .rex-pano-tab-nav.main-nav li span {
2495	padding: 0 10px;
2496	}
2497	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span {

2498	flex-flow: row;
2499	}
2500	+ .rex-pano-tab-content .general .general-inner-tab .inner-nav li>span img {
2501	margin-right: 10px;
2502	margin-bottom: 0;
2503	}
2504	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
2505	display: flex;
2506	}

2507	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper .left {
2508	width: 50%;
2509	padding-right: 15px;

2513	width: 50%;
2514	padding-left: 15px;
2515	}

2516	/* ----------scene tab tooltip----- */
2517	.single-scene .scene-content .scene-right .field-tooltip span {
2518	bottom: calc(100% + 13px);

2528	bottom: -10px;
2529	transform: translateY(0) rotate(-92deg);
2530	}

2531	}
2532
2533	+ @media (max-width: 1300px) {

2534	.preview-btn-area #error_occured {
2535	float: none;
2536	margin-bottom: 20px;

2538	.preview-btn-area #panolenspreview {
2539	float: none;
2540	}


2541	}
2542
2543	+ @media (max-width: 1199px) {
2544	.rex-pano-tab-content {
2545	border-left: none;
2546	}

2547	.rex-pano-tabs .main-nav li {
2548	width: 144px;
2549	margin-right: 12px;

2573	.hotspot-setup .rex-pano-tab-content {
2574	padding: 30px 0px 0;
2575	}


2576	.preview-btn-area {
2577	padding: 0 0 25px 0px;
2578	border-top: none;

2590	right: 5px;
2591	top: 35px;
2592	}


2593	/* ----------------- */
2594	.single-scene .scene-content .scene-left {
2595	width: 48%;

2597	.single-scene .scene-content .scene-right {
2598	width: 48%;
2599	}

2600	.single-scene .scene-content .scene-setting {
2601	max-width: 410px;
2602	}


2603	}
2604

2605	@media only screen and (max-width: 1199px) and (min-width: 992px) {
2606	+ .rex-pano-tabs .main-nav>ul {
2607	flex-wrap: wrap;
2608	}
2609	.rex-pano-tab-content .general .inner-nav-content .single-settings.cp-logo-area .logo-upload-frame {

2614	max-width: 70px;
2615	max-height: 50px;
2616	}

2617	}
2618
2619	@media only screen and (max-width: 991px) {

2620	.rex-pano-tab-content .general .inner-nav-content .inner-single-content .content-wrapper {
2621	display: block;
2622	}

2630	width: 100%;
2631	padding-left: 0;
2632	}

2633	.rex-pano-tab-content .general .inner-nav-content .left .field-tooltip span {
2634	bottom: calc(100% + 13px);
2635	top: initial;

2637	right: -20px;
2638	transform: translateY(0);
2639	}

2640	.rex-pano-tab-content .general .inner-nav-content .left .field-tooltip span:before {
2641	left: inherit;
2642	right: 24px;

2644	bottom: -10px;
2645	transform: translateY(0) rotate(-92deg);
2646	}

2647	}
2648
2649


2650	/* -----------On Boarding Page style----------- */
2651	+
2652	.rex-onboarding * {
2653	box-sizing: border-box;
2654	}
2655	+
2656	.rex-onboarding {
2657	border-radius: 15px;
2658	background-color: #fff;

2661	width: calc(100% - 15px);
2662	margin-top: 20px;
2663	}
2664	+
2665	.rex-onboarding ul.rex-tabs {
2666	display: flex;
2667	flex-flow: row;

2673	height: auto;
2674	overflow: visible;
2675	}
2676	+
2677	+ .rex-onboarding ul.rex-tabs>.wpvr_tabs_row {
2678	width: auto !important;
2679	}
2680	+
2681	+ .rex-onboarding ul.rex-tabs>li {
2682	margin-left: 130px;
2683	}
2684	+
2685	+ .rex-onboarding ul.rex-tabs>li:first-child {
2686	margin-left: 0;
2687	}
2688	+
2689	+ .rex-onboarding ul.rex-tabs>li>a {
2690	font-size: 16px;
2691	color: #787890;
2692	text-transform: uppercase;

2697	position: relative;
2698	overflow: visible;
2699	}
2700	+
2701	+ .rex-onboarding ul.rex-tabs>li>a:hover,
2702	+ .rex-onboarding ul.rex-tabs>li>a.active {
2703	color: #201cfe;
2704	}
2705	+
2706	+ .rex-onboarding ul.rex-tabs>li>a:focus {
2707	box-shadow: none;
2708	border: none;
2709	}
2710	+
2711	+ .rex-onboarding ul.rex-tabs>li>a::before {
2712	content: "";
2713	position: absolute;
2714	left: 0;

2718	background: transparent;
2719	transition: all 0.3s ease;
2720	}
2721	+
2722	+ .rex-onboarding ul.rex-tabs>li>a.active::before {
2723	background: #201cfe;
2724	}
2725	+
2726	+ .rex-onboarding ul.rex-tabs>li>a svg {
2727	height: 18px;
2728	width: 18px;
2729	margin-right: 14px;
2730	}
2731	+
2732	+ .rex-onboarding ul.rex-tabs>li>a svg path {
2733	fill: #787890;
2734	transition: all 0.3s ease;
2735	}
2736	+
2737	+ .rex-onboarding ul.rex-tabs>li>a:hover svg path,
2738	+ .rex-onboarding ul.rex-tabs>li>a.active svg path {
2739	fill: #201cfe;
2740	}
2741	+
2742	.rex-onboarding ul.rex-tabs .indicator {
2743	display: none;
2744	}

2751	.rex-onboarding .block-wrapper {
2752	padding: 40px 30px;
2753	}
2754	+
2755	.rex-onboarding .info-wrapper {
2756	display: flex;
2757	flex-flow: row wrap;
2758	margin-left: -30px;
2759	width: 75%;
2760	}
2761	+
2762	.rex-onboarding .single-block {
2763	background-color: #fff;
2764	border-radius: 10px;

2772	align-items: flex-start;
2773	position: relative;
2774	}
2775	+
2776	.rex-onboarding .single-block .icon {
2777	background-color: #f0f1f3;
2778	width: 40px;

2784	border-radius: 100%;
2785	position: absolute;
2786	}
2787	+
2788	.rex-onboarding .single-block h4 {
2789	font-size: 16px;
2790	font-weight: 500;

2792	margin-top: 12px;
2793	margin-left: 54px;
2794	}
2795	+
2796	.rex-onboarding .single-block p {
2797	font-size: 14px;
2798	color: #787890;
2799	margin-bottom: 24px;
2800	}
2801	+
2802	.rex-onboarding .wpvr-btn {
2803	border-radius: 5px;
2804	background-color: rgb(32, 28, 254);

2812	margin-top: auto;
2813	transition: all 0.3s ease;
2814	}
2815	+
2816	.rex-onboarding .wpvr-btn:hover {
2817	+ background: #004EFA;
2818	}
2819
2820	+
2821	/* ---banner block--- */
2822	+
2823	.rex-onboarding .single-block.banner {
2824	border: 5px solid #fff;
2825	padding: 0;

2831	align-items: center;
2832	justify-content: center;
2833	}
2834	+
2835	.rex-onboarding .single-block.banner img {
2836	border-radius: 10px;
2837	display: block;

2840
2841
2842	/* ---share block--- */
2843	+
2844	.rex-onboarding .single-block.share-block {
2845	border-radius: 0;
2846	background: transparent;

2849	display: block;
2850	margin-top: 0;
2851	}
2852	+
2853	.rex-onboarding .single-block.share-block .social-share {
2854	border-radius: 10px;
2855	background: #fff;

2857	padding: 20px 30px;
2858	margin-top: 30px
2859	}
2860	+
2861	.rex-onboarding .single-block.share-block .social-share h4 {
2862	display: block;
2863	margin-top: 0;
2864	margin-left: 0;
2865	}
2866	+
2867	.rex-onboarding .single-block.share-block .social-share ul {
2868	margin: 0;
2869	}
2870	+
2871	.rex-onboarding .single-block.share-block .social-share li {
2872	display: inline-block;
2873	margin-bottom: 0;
2874	margin-right: 17px;
2875	}
2876	+
2877	.rex-onboarding .single-block.share-block .social-share ul li a {
2878	display: block;
2879	width: 24px;
2880	height: 24px;
2881	position: relative;
2882	}
2883	+
2884	.rex-onboarding .single-block.share-block .social-share ul li a img {
2885	position: absolute;
2886	border-radius: 3px;
2887	transition: all 0.3s ease;
2888	}
2889	+
2890	.rex-onboarding .single-block.share-block .social-share ul li a img.hover {
2891	opacity: 0;
2892	visibility: hidden;
2893	}
2894	+
2895	.rex-onboarding .single-block.share-block .social-share ul li a:hover img.hover {
2896	opacity: 1;
2897	visibility: visible;
2898	}
2899	+
2900	.rex-onboarding .single-block.share-block .social-share ul li a:hover img.regular {
2901	opacity: 0;
2902	visibility: hidden;

2913	background: #fff;
2914	min-height: 171px;
2915	}
2916	+
2917	.rex-onboarding .single-block.share-block .upgrade-pro .wpvr-btn {
2918	margin-top: 20px;
2919	}
2920
2921
2922	/* -------promotion area------ */
2923	+
2924	.rex-onboarding .promotion-area {
2925	width: 25%;
2926	margin-left: 30px;

2928	padding: 12px 20px 20px;
2929	border-radius: 10px;
2930	}
2931	+
2932	.rex-onboarding .promotion-area h4.title {
2933	margin-top: 0;
2934	font-size: 20px;
2935	line-height: 1.4;
2936	font-weight: 700;
2937	}
2938	+
2939	.rex-onboarding .promotion-area .single-block {
2940	width: 100%;
2941	padding: 20px 20px 20px;

2946	.rex-onboarding .promotion-area .single-block .icon {
2947	padding: 7px;
2948	}
2949	+
2950	.rex-onboarding .promotion-area .single-block .icon img {
2951	max-width: 100%;
2952	}
2953	+
2954	.rex-onboarding .promotion-area .single-block.m2c .icon img {
2955	border-radius: 100%;
2956	}
2957
2958
2959	/* ----------video tab style-------- */
2960	+
2961	.rex-onboarding .video-wrapper {
2962	display: flex;
2963	flex-flow: row;

2966	width: 100%;
2967	margin: 0 auto;
2968	}
2969	+
2970	.rex-onboarding .video-wrapper .video-left {
2971	width: calc(100% - 280px);
2972	height: 400px;
2973	}
2974	+
2975	.rex-onboarding .video-wrapper .video-left iframe {
2976	border-radius: 10px;
2977	}

2979	.rex-onboarding .video-wrapper .video-right {
2980	width: 280px;
2981	padding-left: 30px;

2982	}
2983	+
2984	.rex-onboarding .video-wrapper .video-right .single-block {
2985	margin-left: 0;
2986	width: 100%;
2987	}
2988
2989


2990	/* ----------wpvr-compare (free vs pro)-------- */
2991	+
2992	.rex-onboarding .wpvr-compare {
2993	width: 100%;
2994	max-width: 1200px;
2995	margin: 0 auto;
2996	}
2997	+
2998	.rex-onboarding .compare-tbl-wrapper {
2999	margin-bottom: 75px;
3000	}
3001	+
3002	.rex-onboarding .wpvr-compare .compare-header {
3003	display: flex;
3004	flex-flow: row;

3006	justify-content: space-between;
3007	margin-bottom: 20px;
3008	}
3009	+
3010	.rex-onboarding .wpvr-compare .compare-header h4 {
3011	font-size: 24px;
3012	line-height: 40px;

3014	font-weight: 500;
3015	margin: 0;
3016	}
3017	+
3018	.rex-onboarding .wpvr-compare .compare-header .wpvr-btn {
3019	height: 45px;
3020	line-height: 45px;

3028	padding: 0 15px;
3029	margin: 0;
3030	}
3031	+
3032	.rex-onboarding .wpvr-compare .single-feature:nth-child(odd) {
3033	background: #f8f8fc;
3034	}
3035	+
3036	.rex-onboarding .wpvr-compare .single-feature li {
3037	display: block;
3038	font-size: 16px;

3046	width: 78%;
3047	padding-right: 20px;
3048	}
3049	+
3050	.rex-onboarding .wpvr-compare .single-feature .free {
3051	width: 10%;
3052	text-align: center;
3053	}
3054	+
3055	.rex-onboarding .wpvr-compare .single-feature .pro {
3056	width: 10%;
3057	text-align: center;
3058	}
3059	+
3060	.rex-onboarding .wpvr-compare .feature-list .icon {
3061	width: 25px;
3062	height: 25px;

3071	.rex-onboarding .wpvr-compare .list-header {
3072	background: #ececf6!important;
3073	}
3074	+
3075	.rex-onboarding .wpvr-compare .list-header li {
3076	color: #201cfe;
3077	text-transform: uppercase;

3079	padding: 14px 0;
3080	}
3081

3082	.rex-onboarding .wpvr-more-feature h5 {
3083	font-size: 24px;
3084	color: #3c3e4a;
3085	font-weight: 500;
3086	margin: 0 0 20px;
3087	}
3088	+
3089	.rex-onboarding .wpvr-more-feature ul {
3090	column-count: 3;
3091	}
3092	+
3093	.rex-onboarding .wpvr-more-feature ul li {
3094	font-size: 16px;
3095	line-height: 1.4;

3098	padding-left: 34px;
3099	margin-bottom: 16px;
3100	}
3101	+
3102	.rex-onboarding .wpvr-more-feature ul li img {
3103	width: 17px;
3104	position: absolute;

3109	.rex-onboarding .wpvr-compare .footer-btn {
3110	margin-top: 40px;
3111	}
3112	+
3113	.rex-onboarding .wpvr-compare .footer-btn .wpvr-btn {
3114	height: 50px;
3115	line-height: 50px;

3118
3119
3120	/* ----------import tab style---------- */
3121	+
3122	.rex-onboarding .import-tab .tab-title {
3123	margin-top: 0;
3124	font-size: 20px;
3125	line-height: 1.4;
3126	font-weight: 700;
3127	}
3128	+
3129	.rex-onboarding .import-tab .file-path-wrapper input {
3130	border: 1px solid #deddff;
3131	background-color: #fafbff;

3135	padding: 10px 15px;
3136	box-sizing: border-box;
3137	}
3138	+
3139	.rex-onboarding .import-tab .file-path-wrapper input:focus {
3140	box-shadow: none;
3141	outline: none;
3142	}
3143	+
3144	.rex-onboarding .import-tab .btn-floating.btn-large {
3145	width: 46px;
3146	height: 46px;

3150	border: 1px solid #8f8dfe;
3151	border-radius: 10px;
3152	}
3153	+
3154	.rex-onboarding .import-tab .btn-floating.btn-large i {
3155	line-height: 45px;
3156	color: #1f1cfd;
3157	}
3158	+
3159	.rex-onboarding .import-tab .vr-notice {
3160	margin-top: 0;
3161	color: #e23636;

3163
3164
3165	/* ---------wpvr-settings tab style------------ */
3166	+
3167	.rex-onboarding .wpvr-settings h4 {
3168	font-size: 24px;
3169	color: #3c3e4a;

3181	width: 50%;
3182	padding-right: 30px;
3183	}
3184	+
3185	.rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
3186	padding-right: 0;
3187	}
3188	+
3189	.rex-onboarding .wpvr-settings .wpvr_role-container ul {
3190	padding: 0;
3191	margin: 0;
3192	}
3193	+
3194	.rex-onboarding .wpvr-settings .wpvr_role-container ul li {
3195	display: flex;
3196	margin-bottom: 28px;
3197	}
3198	+
3199	.rex-onboarding .wpvr-settings .wpvr_role-container ul li:last-child {
3200	margin-bottom: 0;
3201	}
3202	+
3203	.rex-onboarding .wpvr-settings .wpvr_role-container ul li h6 {
3204	margin: 0;
3205	line-height: 1.5;

3208	padding-right: 30px;
3209	color: #787890;
3210	}
3211	+
3212	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script {
3213	display: flex;
3214	flex-flow: row wrap;
3215	}
3216	+
3217	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script h6 {
3218	padding-right: 0;
3219	}
3220	+
3221	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.front-notice h6 {
3222	width: calc(100% - 91px);
3223	}
3224	+
3225	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script textarea {
3226	border: 1px solid #ddd;
3227	margin: 10px 0 0 0;

3231	box-sizing: border-box;
3232	width: 100%;
3233	}
3234	+
3235	.rex-onboarding .wpvr-settings .wpvr_role-container ul li.enqueue-script textarea:focus {
3236	box-shadow: none;
3237	}

3248	height: 45px;
3249	border: none;
3250	}
3251	+
3252	.rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version select {
3253	border: 1px solid #ddd;
3254	padding: 5px 15px;

3260	width: 220px;
3261	margin-left: auto;
3262	}
3263	+
3264	.rex-onboarding .wpvr-settings .wpvr_role-container ul li .wpvr-version select:focus {
3265	outline: none;
3266	}

3270	margin-bottom: 25px;
3271	padding-top: 8px;
3272	}
3273	+
3274	.rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar .progress {
3275	background-color: #c3c2fd;
3276	margin: 0;
3277	}
3278	+
3279	.rex-onboarding .wpvr-settings .wpvr_role-container .save-progress-bar .indeterminate {
3280	background-color: #201cfe;
3281	display: block;
3282	}
3283	+
3284	.rex-onboarding .wpvr-settings a.wpvr-pro {
3285	position: absolute;
3286	top: 14px;

3288	}
3289
3290

3291	/* ----------- */
3292	+
3293	.rex-onboarding .wpvr-settings .upgrade-pro {
3294	border: 1px solid #201cfe;
3295	display: flex;

3301	background: #fff;
3302	width: 346px;
3303	}
3304	+
3305	.rex-onboarding .wpvr-settings .upgrade-pro img {
3306	margin-bottom: 20px;
3307	}
3308
3309

3310	/-----------wpvr-tooltip style------- /
3311	+
3312	.wpvr-tooltip {
3313	margin-left: 25px;
3314	position: relative;
3315	}
3316	+
3317	.wpvr-tooltip .icon {
3318	display: inline-block;
3319	cursor: pointer;
3320	position: relative;
3321	top: 2px;
3322	}
3323	+
3324	.wpvr-tooltip p {
3325	position: absolute;
3326	top: 50%;

3339	visibility: hidden;
3340	transition: all 0.3s ease;
3341	}
3342	+
3343	.wpvr-tooltip p:before {
3344	content: "";
3345	position: absolute;

3351	transform: translateY(-50%) rotate(45deg);
3352	transform-origin: center;
3353	}
3354	+
3355	+ .wpvr-tooltip .icon:hover+p {
3356	opacity: 1;
3357	visibility: visible;
3358	}
3359
3360
3361	/-----------setup wizard style-----------/
3362	+
3363	+ .setup-wizard-carousel .owl-nav {
3364	display: flex;
3365	flex-flow: row;
3366	align-items: center;
3367	justify-content: space-between;
3368	margin-top: 30px;
3369	}
3370	+
3371	.setup-wizard-carousel .owl-nav button.owl-prev,
3372	.setup-wizard-carousel .owl-nav button.owl-next {
3373	border: none;

3379	border-radius: 5px;
3380	font-size: 18px;
3381	}
3382	+
3383	.setup-wizard-carousel .owl-nav button.owl-prev.disabled,
3384	.setup-wizard-carousel .owl-nav button.owl-next.disabled {
3385	display: none;
3386	}
3387
3388	+ .setup-wizard-carousel .single-setup h2 {
3389	font-size: 40px;
3390	font-weight: 500;
3391	margin: 0 0 20px 0;
3392	}
3393	+
3394	+ .setup-wizard-carousel .single-setup p {
3395	font-size: 18px;
3396	}
3397	+
3398	+ .setup-wizard-carousel .single-setup .input-group {
3399	margin-bottom: 15px;
3400	}
3401	+
3402	+ .setup-wizard-carousel .single-setup .input-group label {
3403	font-size: 18px;
3404	line-height: normal;
3405	color: #333;

3407	position: relative;
3408	padding-left: 35px;
3409	}
3410	+
3411	.setup-wizard-carousel .single-setup .input-group label:before {
3412	content: "";
3413	position: absolute;

3418	left: 0;
3419	border-radius: 100%;
3420	}
3421	+
3422	.setup-wizard-carousel .single-setup .input-group label:after {
3423	content: "";
3424	position: absolute;

3432	transition: all 0.3s ease;
3433	border: none;
3434	}
3435	+
3436	+ .setup-wizard-carousel .single-setup .input-group input:checked~label:after {
3437	transform: scale(1);
3438	}
3439
3440
3441	/------------responsive style------------/
3442	+
3443	@media (max-width: 1499px) {
3444	.rex-onboarding {
3445	max-width: calc(100% - 15px);

3451	width: 70%;
3452	padding-right: 0;
3453	}
3454	+ }
3455

3456
3457	+ /--media max 1499px /
3458
3459	@media (max-width: 1399px) {
3460	.rex-onboarding .block-wrapper {

3468	margin-left: -30px;
3469	width: calc(100% + 30px);
3470	}

3471	.rex-onboarding .promotion-area {
3472	width: 100%;
3473	margin-left: 0;

3485	min-height: auto;
3486	margin-top: 0;
3487	}
3488	+ }
3489

3490
3491	+ /--media max 1399px /
3492
3493	@media (max-width: 1199px) {
3494	+ .rex-onboarding ul.rex-tabs>li {
3495	margin-left: 70px;
3496	}

3497	.rex-onboarding .single-block {
3498	width: calc(100% / 2 - 30px);
3499	}

3503	.rex-onboarding .single-block.share-block {
3504	margin-top: 30px;
3505	}

3506	.rex-onboarding .wpvr-more-feature ul {
3507	column-count: 2;
3508	}

3509	.rex-onboarding .wpvr-settings .settings-wrapper {
3510	display: block;
3511	}

3513	width: 100%;
3514	padding-right: 0;
3515	}

3516	.rex-onboarding .wpvr-settings .wpvr-tooltip p {
3517	top: inherit;
3518	bottom: calc(100% + 11px);

3520	right: -10px;
3521	transform: translateY(0);
3522	}

3523	.rex-onboarding .wpvr-settings .wpvr-tooltip p:before {
3524	left: inherit;
3525	right: 17px;

3529	.rex-onboarding .wpvr-settings .upgrade-pro {
3530	margin-top: 40px;
3531	}

3532	.rex-onboarding .wpvr-settings.pro-active .wpvr_role-container {
3533	width: 100%;
3534	padding-right: 0;
3535	}

3536	.rex-onboarding .video-wrapper {
3537	display: block;
3538	}

3542	.rex-onboarding .video-wrapper .video-right {
3543	padding-left: 0;
3544	}
3545	+ }
3546
3547	+ .wpvr-delete-alert-wrapper {
3548	+ position: fixed;
3549	+ top: 0;
3550	+ right: 0;
3551	+ padding: 15px;
3552	+ width: calc(100% - 160px);
3553	+ height: 100%;
3554	+ background: rgba(51, 51, 51, 0.2);
3555	+ z-index: 999;
3556	+ display: none;
3557	+ flex-flow: row wrap;
3558	+ align-items: center;
3559	+ justify-content: center;
3560	}
3561
3562	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirmation {
3563	+ background: #fff;
3564	+ box-shadow: 0 1px 34px rgba(0, 0, 0, 0.06);
3565	+ border-radius: 10px;
3566	+ padding: 30px 20px;
3567	+ width: 100%;
3568	+ max-width: 420px;
3569	+ text-align: center;
3570	+ animation: wpvr-bounce 0.3s;
3571	+ }
3572
3573	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirmation h3 {
3574	+ font-size: 16px;
3575	+ font-weight: 500;
3576	+ }
3577	+
3578	+ .wpvr-delete-alert-wrapper .icon {
3579	+ width: 50px;
3580	+ height: 50px;
3581	+ border: 2px solid #004EFA;
3582	+ display: flex;
3583	+ align-items: center;
3584	+ justify-content: center;
3585	+ margin: 0 auto 20px;
3586	+ border-radius: 100%;
3587	+ }
3588	+
3589	+ .wpvr-delete-alert-wrapper .icon svg {
3590	+ width: 18px;
3591	+ height: 18px;
3592	+ }
3593	+
3594	+ .wpvr-delete-alert-wrapper .icon svg path {
3595	+ stroke: #004EFA;
3596	+ }
3597	+
3598	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn {
3599	+ display: flex;
3600	+ flex-flow: row;
3601	+ align-items: center;
3602	+ justify-content: center;
3603	+ margin-top: 30px;
3604	+ }
3605	+
3606	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn li {
3607	+ margin: 0 10px;
3608	+ }
3609	+
3610	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default {
3611	+ height: 41px;
3612	+ line-height: 42px;
3613	+ padding: 0 20px;
3614	+ min-width: 110px;
3615	+ border-radius: 5px;
3616	+ }
3617	+
3618	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.yes {
3619	+ background-color: #004EFA;
3620	+ color: #fff;
3621	+ }
3622	+
3623	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.yes:hover {
3624	+ background-color: #004EFA;
3625	+ cursor: pointer;
3626	+ }
3627	+
3628	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.cancel {
3629	+ background-color: #eee;
3630	+ color: #333;
3631	+ cursor: pointer;
3632	+ }
3633	+
3634	+ .wpvr-delete-alert-wrapper .wpvr-delete-confirm-btn .btn-default.cancel:hover {
3635	+ background-color: #e2e2e2;
3636	+ }
3637	+
3638	+ @keyframes wpvr-bounce {
3639	+ 0% {
3640	+ transform: scale(.7);
3641	+ }
3642	+ 45% {
3643	+ transform: scale(1.05);
3644	}
3645	+ 80% {
3646	+ transform: scale(.95);
3647	+ }
3648	+ 100% {
3649	+ transform: scale(1);
3650	+ }
3651	+ }
3652
3653	+ @media only screen and (max-width: 992px) {
3654	+ .rex-onboarding ul.rex-tabs>.wpvr_tabs_row {
3655	+ flex-grow: inherit;
3656	+ }
3657	}
3658
3659	+ @media (max-width: 991px) {
3660	+ .single-hotspot .hotspot-setting select {
3661	height: 46px!important;
3662	}
3663	.hotspot-setup .hotspot-setting.custom-icon .field-tooltip span {

3682	bottom: -10px;
3683	right: 10px;
3684	}
3685	+ }

admin/js/wpvr-admin.js CHANGED Viewed

@@ -1,706 +1,724 @@
             (function($) {
-            -
            	'use strict';
-            -
            	var j = 1;
-            -
            	var color = '#00b4ff';
-            -
-            -
            	/**
-            -
            	 * All of the code for your admin-facing JavaScript source
-            -
            	 * should reside in this file.
-            -
            	 *
-            -
            	 * Note: It has been assumed you will write jQuery code here, so the
-            -
            	 * $ function reference has been prepared for usage within the scope
-            -
            	 * of this function.
-            -
            	 *
-            -
            	 * This enables you to define handlers, for when the DOM is ready:
-            -
            	 *
-            -
            	 * $(function() {
-            -
            	 *
-            -
            	 * });
-            -
            	 *
-            -
            	 * When the window is loaded:
-            -
            	 *
-            -
            	 * $( window ).load(function() {
-            -
            	 *
-            -
            	 * });
-            -
            	 *
-            -
            	 * ...and/or other possibilities.
-            -
            	 *
-            -
            	 * Ideally, it is not considered best practise to attach more than a
-            -
            	 * single DOM-ready or window-load handler for a particular page.
-            -
            	 * Although scripts in the WordPress core, Plugins and Themes may be
-            -
            	 * practising this, we should strive to set a better example in our own work.
-            -
            	 */
-            -
-            -
            	$(document).ready(function() {
-            -
            		$(".vrowl-carousel").owlCarousel({
-            -
            			margin: 10,
-            -
            			autoWidth: true,
-            -
            		});
-            -
-            -
            		var primary_markng = $('#scene-1').find('input.sceneid').val();
-            -
            		$('.owl'+primary_markng).parents('.owl-item').addClass('marked');
-            -
-            -
            		$('.meta-box-sortables').sortable({
-            -
            			items: '#wpvr_item_builder_box',
-            -
            			disabled: true
-            -
            		});
-            -
-            -
            		$('.postbox .hndle').css('cursor', 'pointer');
-            -
            	});
-            -
-            -
            	$(document).on("change", "input.vr-switcher-check", function(event) {
-            -
            		if (this.checked) {
-            -
            			$(this).val('on');
-            -
            		} else {
-            -
            			$(this).val('off');
-            -
            		}
-            -
            	});
-            -
-            -
-            -
            	$(document).on("click", ".scene-nav ul li span", function(event) {
-            -
            			$('.owl-item').removeClass('marked');
-            -
            			var target = $(this).attr("data-index");
-            -
            			var data = $('#scene-'+target).find('input.sceneid').val();
-            -
            			if (data) {
-            -
            				$('.owl'+data).parents('.owl-item').addClass('marked');
-            -
            			}
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
-            -
-            -
            		j = $('#scene-1').find('.hotspot-nav li').eq(-2).find('span').attr('data-index');
-            -
            		var ajaxurl = wpvr_obj.ajaxurl;
-            -
            		$('#panolenspreview').on('click', function(e) {
-            -
            			e.preventDefault();
-            -
            			$('.wpvr-loading').show();
-            -
            			var postid = $("#post_ID").val();
-            -
            			var autoload = $("input[name='autoload']").val();
-            -
            			var compass = $("input[name='compass']:checked").val();
-            -
            			var control = $("input[name='controls']").val();
-            -
            			var rotation = $("input[name='autorotation']").val();
-            -
            			var defaultscene = $("input[name='default-scene-id']").val();
-            -
            			var preview = $("input[name='preview-attachment-url']").val();
-            -
            			var scenefadeduration = $("input[name='scene-fade-duration']").val();
-            -
-            -
            			var autorotation = $("input[name='auto-rotation']").val();
-            -
            			var autorotationinactivedelay = $("input[name='auto-rotation-inactive-delay']").val();
-            -
            			var autorotationstopdelay = $("input[name='auto-rotation-stop-delay']").val();
-            -
-            -
            			var panodata = $('.scene-setup').repeaterVal();
-            -
            			var panolist = JSON.stringify(panodata);
-            -
            			jQuery.ajax({
-            -
            				type: "POST",
-            -
            				url: ajaxurl,
-            -
            				data: {
-            -
            					action: "wpvr_preview",
-            -
            					postid: postid,
-            -
            					compass: compass,
-            -
            					control: control,
-            -
            					autoload: autoload,
-            -
            					panodata: panolist,
-            -
            					defaultscene: defaultscene,
-            -
            					rotation: rotation,
-            -
            					autorotation: autorotation,
-            -
            					autorotationinactivedelay: autorotationinactivedelay,
-            -
            					autorotationstopdelay: autorotationstopdelay,
-            -
-            -
            					preview: preview,
-            -
            					scenefadeduration: scenefadeduration,
-            -
            				},
-            -
-            -
            				success: function(response) {
-            -
            					$('.wpvr-loading').hide();
-            -
            					if (response.success == true) {
-            -
            						$('#error_occured').hide();
-            -
            						$('#error_occuredpub').hide();
-            -
            						$('#' + response.data[0]["panoid"]).empty();
-            -
            						var scenes = response.data[1];
-            -
-            -
            						if (scenes) {
-            -
            							$.each(scenes.scenes, function(i) {
-            -
            								$.each(scenes.scenes[i]['hotSpots'], function(key, val) {
-            -
            									if (val["clickHandlerArgs"] != "") {
-            -
            										val["clickHandlerFunc"] = wpvrhotspot;
-            -
            									}
-            -
            									if (val["createTooltipArgs"] != "") {
-            -
            										val["createTooltipFunc"] = wpvrtooltip;
-            -
            									}
-            -
            								});
-            -
            							});
-            -
            						}
-            -
            						if (scenes) {
-            -
            							$('.scene-gallery').trigger('destroy.owl.carousel');
-            -
            							$('.scene-gallery').empty();
-            -
            							$.each(scenes.scenes, function(key, val) {
-            -
            								$('.scene-gallery').append('<ul style="width:150px;"><li class="owlscene owl'+key+'">' + key + '</li><li title="Double click to view scene"><img class="scctrl" id="' + key + '_gallery" src="' + val.panorama + '"></li></ul>');
-            -
            							});
-            -
            							$(".vrowl-carousel").owlCarousel({
-            -
            								margin: 10,
-            -
            								autoWidth: true,
-            -
            							});
-            -
            							var active_owl_target = $('#wpvr_active_scenes').val();
-            -
            							var get_owl_target = $('#scene-'+active_owl_target).find('input.sceneid').val();
-            -
            							$('.owl'+get_owl_target).parents('.owl-item').addClass('marked');
-            -
            						}
-            -
            						var panoshow = pannellum.viewer(response.data[0]["panoid"], scenes);
-            -
            						if (scenes.autoRotate) {
-            -
            							panoshow.on('load', function() {
-            -
            								setTimeout(function() {
-            -
            									panoshow.startAutoRotate(scenes.autoRotate, 0);
-            -
            								}, 3000);
-            -
            							});
-            -
            							panoshow.on('scenechange', function() {
-            -
            								setTimeout(function() {
-            -
            									panoshow.startAutoRotate(scenes.autoRotate, 0);
-            -
            								}, 3000);
-            -
            							});
-            -
            						}
-            -
            						var touchtime = 0;
-            -
            						if (scenes) {
-            -
            							$.each(scenes.scenes, function(key, val) {
-            -
            								document.getElementById('' + key + '_gallery').addEventListener('click', function(e) {
-            -
            									if (touchtime == 0) {
-            -
            										touchtime = new Date().getTime();
-            -
            									} else {
-            -
            										if (((new Date().getTime()) - touchtime) < 800) {
-            -
            											panoshow.loadScene(key);
-            -
            											touchtime = 0;
-            -
            										} else {
-            -
            											touchtime = new Date().getTime();
-            -
            										}
-            -
            									}
-            -
            								});
-            -
            							});
-            -
            						}
-            -
            						$('html, body').animate({
-            -
            							scrollTop: $("#wpvr_item_builder__box").offset().top
-            -
            						}, 500);
-            -
            					} else {
-            -
            						$('#error_occured').show();
-            -
            						$('#error_occured').html(response.data);
-            -
            						$('#error_occuredpub').show();
-            -
            						$('#error_occuredpub').html(response.data);
-            -
            						$('body').addClass('error-overlay');
-            -
            						$('html, body').animate({
-            -
            							scrollTop: $("#error_occured").offset().top
-            -
            						}, 500);
-            -
            					}
-            -
            				}
-            -
            			});
-            -
            		});
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
            		var ajaxurl = wpvr_obj.ajaxurl;
-            -
            		$('#videopreview').on('click', function(e) {
-            -
            			e.preventDefault();
-            -
            			$('.wpvr-loading').show();
-            -
            			var postid = $("#post_ID").val();
-            -
            			var videourl = $("input[name='video-attachment-url']").val();
-            -
            			var vidautoplay = $("input[name='playvideo']:checked").val();
-            -
            			var vidcontrol = $("input[name='playcontrol']:checked").val();
-            -
            			jQuery.ajax({
-            -
            				type: "POST",
-            -
            				url: ajaxurl,
-            -
            				data: {
-            -
            					action: "wpvrvideo_preview",
-            -
            					postid: postid,
-            -
            					videourl: videourl,
-            -
            					vidautoplay: vidautoplay,
-            -
            					vidcontrol: vidcontrol,
-            -
            				},
-            -
-            -
            				success: function(response) {
-            -
            					$('.wpvr-loading').hide();
-            -
            					if (response.success == true) {
-            -
            						$('#' + response.data["panoid"]).empty();
-            -
            						$('#' + response.data["panoid"]).html(response.data["panodata"]);
-            -
            						if (response.data['vidtype'] == 'selfhost') {
-            -
            							videojs(response.data["vidid"], {
-            -
            								plugins: {
-            -
            									pannellum: {}
-            -
            								}
-            -
            							});
-            -
            						}
-            -
            						$('html, body').animate({
-            -
            							scrollTop: $("#wpvr_item_builder__box").offset().top
-            -
            						}, 500);
-            -
            					} else {}
-            -
            				}
-            -
            			});
-            -
            		});
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
-            -
            		var flag_ok = false;
-            -
            		$('#publish').on('click', function(e) {
-            -
            			var x = $(this).val();
-            -
            			if (!flag_ok) {
-            -
            				e.preventDefault();
-            -
            				$('.wpvr-loading').show();
-            -
            				var postid = $("#post_ID").val();
-            -
            				var panovideo = $("input[name='panovideo']:checked").val();
-            -
            				var videourl = $("input[name='video-attachment-url']").val();
-            -
            				var autoload = $("input[name='autoload']").val();
-            -
            				var control = $("input[name='controls']").val();
-            -
            				var compass = $("input[name='compass']:checked").val();
-            -
            				var defaultscene = $("input[name='default-scene-id']").val();
-            -
            				var preview = $("input[name='preview-attachment-url']").val();
-            -
            				var rotation = $("input[name='autorotation']").val();
-            -
            				var autorotation = $("input[name='auto-rotation']").val();
-            -
            				var autorotationinactivedelay = $("input[name='auto-rotation-inactive-delay']").val();
-            -
            				var autorotationstopdelay = $("input[name='auto-rotation-stop-delay']").val();
-            -
-            -
            				var scenefadeduration = $("input[name='scene-fade-duration']").val();
-            -
-            -
            				if ($('.scene-setup')[0]) {
-            -
            					var panodata = $('.scene-setup').repeaterVal();
-            -
            					var panolist = JSON.stringify(panodata);
-            -
            				} else {
-            -
            					var panodata = '';
-            -
            					var panolist = '';
-            -
            				}
-            -
-            -
            				jQuery.ajax({
-            -
-            -
            					type: "POST",
-            -
            					url: ajaxurl,
-            -
            					data: {
-            -
            						action: "wpvr_save",
-            -
            						postid: postid,
-            -
            						panovideo: panovideo,
-            -
            						videourl: videourl,
-            -
            						control: control,
-            -
            						compass: compass,
-            -
            						autoload: autoload,
-            -
            						panodata: panolist,
-            -
            						defaultscene: defaultscene,
-            -
            						preview: preview,
-            -
            						rotation: rotation,
-            -
            						autorotation: autorotation,
-            -
            						autorotationinactivedelay: autorotationinactivedelay,
-            -
            						autorotationstopdelay: autorotationstopdelay,
-            -
            						scenefadeduration: scenefadeduration,
-            -
            					},
-            -
-            -
            					success: function(response) {
-            -
            						$('.wpvr-loading').hide();
-            -
            						if (response.success == false) {
-            -
            							$('#error_occured').show();
-            -
            							$('#error_occured').html(response.data);
-            -
            							$('#error_occuredpub').show();
-            -
            							$('#error_occuredpub').html(response.data);
-            -
-            -
            							$('body').addClass('error-overlay');
-            -
            							$('html, body').animate({
-            -
            								scrollTop: $("#error_occured").offset().top
-            -
            							}, 500);
-            -
            						} else {
-            -
            							flag_ok = true;
-            -
            							$('#publish').trigger('click');
-            -
            						}
-            -
            					}
-            -
            				});
-            -
            			}
-            -
            		});
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
            		$("body").on("click", function(e) {
-            -
            			$("#error_occured").hide();
-            -
            			$('body').removeClass('error-overlay');
-            -
            		});
-            -
-            -
            		$("#panolenspreview, #error_occured").on("click", function(e) {
-            -
            			e.stopPropagation();
-            -
            		});
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
-            -
            		var flag_ok = false;
-            -
            		$('#save-post').on('click', function(e) {
-            -
            			var x = $(this).val();
-            -
            			if (!flag_ok) {
-            -
            				e.preventDefault();
-            -
            				$('.wpvr-loading').show();
-            -
            				var postid = $("#post_ID").val();
-            -
            				var panovideo = $("input[name='panovideo']:checked").val();
-            -
            				var videourl = $("input[name='video-attachment-url']").val();
-            -
            				var autoload = $("input[name='autoload']").val();
-            -
            				var control = $("input[name='controls']").val();
-            -
            				var compass = $("input[name='compass']:checked").val();
-            -
            				var defaultscene = $("input[name='default-scene-id']").val();
-            -
            				var preview = $("input[name='preview-attachment-url']").val();
-            -
            				var rotation = $("input[name='autorotation']").val();
-            -
            				var autorotation = $("input[name='auto-rotation']").val();
-            -
            				var autorotationinactivedelay = $("input[name='auto-rotation-inactive-delay']").val();
-            -
            				var autorotationstopdelay = $("input[name='auto-rotation-stop-delay']").val();
-            -
-            -
            				var scenefadeduration = $("input[name='scene-fade-duration']").val();
-            -
-            -
            				if ($('.scene-setup')[0]) {
-            -
            					var panodata = $('.scene-setup').repeaterVal();
-            -
            					var panolist = JSON.stringify(panodata);
-            -
            				} else {
-            -
            					var panodata = '';
-            -
            					var panolist = '';
-            -
            				}
-            -
-            -
            				jQuery.ajax({
-            -
-            -
            					type: "POST",
-            -
            					url: ajaxurl,
-            -
            					data: {
-            -
            						action: "wpvr_save",
-            -
            						postid: postid,
-            -
            						panovideo: panovideo,
-            -
            						videourl: videourl,
-            -
            						control: control,
-            -
            						compass: compass,
-            -
            						autoload: autoload,
-            -
            						panodata: panolist,
-            -
            						defaultscene: defaultscene,
-            -
            						preview: preview,
-            -
            						rotation: rotation,
-            -
            						autorotation: autorotation,
-            -
            						autorotationinactivedelay: autorotationinactivedelay,
-            -
            						autorotationstopdelay: autorotationstopdelay,
-            -
            						scenefadeduration: scenefadeduration,
-            -
            					},
-            -
-            -
            					success: function(response) {
-            -
            						$('.wpvr-loading').hide();
-            -
            						if (response.success == false) {
-            -
            							$('#error_occured').show();
-            -
            							$('#error_occured').html(response.data);
-            -
            							$('#error_occuredpub').show();
-            -
            							$('#error_occuredpub').html(response.data);
-            -
-            -
            							$('body').addClass('error-overlay');
-            -
            							$('html, body').animate({
-            -
            								scrollTop: $("#error_occured").offset().top
-            -
            							}, 500);
-            -
            						} else {
-            -
            							flag_ok = true;
-            -
            							$('#save-post').trigger('click');
-            -
            						}
-            -
            					}
-            -
            				});
-            -
            			}
-            -
            		});
-            -
            	});
-            -
-            -
            	function wpvrhotspot(hotSpotDiv, args) {
-            -
            		var argst = args.replace(/\\/g, '');
-            -
            		$("#custom-ifram").html(argst);
-            -
            		$("#custom-ifram").fadeToggle();
-            -
            		$(".iframe-wrapper").toggleClass("show-modal");
-            -
            	}
-            -
-            -
            	function wpvrtooltip(hotSpotDiv, args) {
-            -
            		hotSpotDiv.classList.add('custom-tooltip');
-            -
            		var span = document.createElement('span');
-            -
            		args = args.replace(/\\/g, "");
-            -
            		span.innerHTML = args;
-            -
            		hotSpotDiv.appendChild(span);
-            -
            		span.style.marginLeft = -(span.scrollWidth - hotSpotDiv.offsetWidth) / 2 + 'px';
-            -
            		span.style.marginTop = -span.scrollHeight - 12 + 'px';
-            -
            	}
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
            		$("#cross").on("click", function(e) {
-            -
            			e.preventDefault();
-            -
            			$("#custom-ifram").fadeOut();
-            -
            			$(".iframe-wrapper").removeClass("show-modal");
-            -
            			$('iframe').attr('src', $('iframe').attr('src'));
-            -
            		});
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
-            -
            		var i = $('.scene-nav li').eq(-2).find('span').attr('data-index');
-            -
            		i = parseInt(i);
-            -
-            -
            		$('.scene-setup').repeater({
-            -
-            -
            			defaultValues: {
-            -
            				'scene-type': 'equirectangular',
-            -
            				'dscene': 'off',
-            -
            				'ptyscene': 'off',
-            -
            				'cvgscene': 'off',
-            -
            				'chgscene': 'off',
-            -
            				'czscene': 'off',
-            -
            			},
-            -
            			show: function() {
-            -
-            -
            				if ($(this).parents(".scene-setup").attr("data-limit").length > 0) {
-            -
-            -
            					if ($(this).parents(".scene-setup").find("div[data-repeater-item]:not(.hotspot-setup div[data-repeater-item])").length <= $(this).parents(".scene-setup").attr("data-limit")) {
-            -
-            -
            						$(this).slideDown();
-            -
            						$(this).removeClass('active');
-            -
-            -
            						i = i + 1;
-            -
            						var scene = 'scene-' + i;
-            -
-            -
            						$(this).find(".title .scene-num").html(i);
-            -
-            -
            						$('<li><span data-index="' + i + '" data-href="#' + scene + '"><i class="fa fa-image"></i></span></li>').insertBefore($(this).parent().parent('.scene-setup').find('.scene-nav ul li:last-child'));
-            -
-            -
            						$(this).attr('id', scene);
-            -
            						changehotspotid(i);
-            -
            						$(this).siblings('.active').removeClass('active');
-            -
            						$(this).addClass('active');
-            -
            						setTimeout(changeicon, 1000);
-            -
            					} else {
-            -
            						$('.pano-alert > p').html('You can only add 5 scenes in free version');
-            -
            						$('.pano-alert').show();
-            -
            						$(this).remove();
-            -
            					}
-            -
            				} else {
-            -
            					jQuery(this).slideDown();
-            -
            					$(this).removeClass('active');
-            -
-            -
            					i = i + 1;
-            -
            					var scene = 'scene-' + i;
-            -
            					$(this).find(".title .scene-num").html(i);
-            -
            					$('<li><span data-index="' + i + '" data-href="#' + scene + '"><i class="fa fa-image"></i></span></li>').insertBefore($(this).parent().parent('.scene-setup').find('.scene-nav ul li:last-child'));
-            -
            					$(this).attr('id', scene);
-            -
            					changehotspotid(i);
-            -
            				}
-            -
-            -
            				$(this).hide();
-            -
-            -
            				//tab active setup
-            -
            				$('#wpvr_active_scenes').val(i);
-            -
            				$('#wpvr_active_hotspot').val(1);
-            -
            			},
-            -
            			hide: function(deleteElement) {
-            -
            				var hide_id = $(this).attr("id");
-            -
            				var _hide_id = hide_id.split('-').pop();
-            -
            				hide_id = "#" + hide_id;
-            -
-            -
            				var current = $(this).attr('id');
-            -
            				var fchild = $('.single-scene:nth-child(2)').attr('id');
-            -
-            -
            				var elementcontains = $(this).attr("id");
-            -
            				var str1 = 'scene';
-            -
            				var str2 = 'hotspot';
-            -
            				if (elementcontains.indexOf(str1) != -1 && elementcontains.indexOf(str2) == -1) {
-            -
            					if (confirm('Are you sure you want to delete?')) {
-            -
            						jQuery(this).slideUp(deleteElement);
-            -
            						if (current == fchild) {
-            -
            							$(this).next().addClass("active");
-            -
            							$(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").next().addClass("active");
-            -
            							$(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").next().children("span").trigger("click");
-            -
            						} else {
-            -
            							$(this).prev().addClass("active");
-            -
            							$(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").prev().addClass("active");
-            -
            							$(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").prev().children("span").trigger("click");
-            -
            						}
-            -
            						$(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").remove();
-            -
            						setTimeout(deleteinfodata, 1000);
-            -
-            -
            						//tab active setup
-            -
            						if (parseInt(_hide_id) - 1 > 0) {
-            -
            							$('#wpvr_active_scenes').val(parseInt(_hide_id) - 1);
-            -
            						} else {
-            -
            							$('#wpvr_active_scenes').val(1);
-            -
            						}
-            -
            						$('#wpvr_active_hotspot').val(1);
-            -
            					}
-            -
-            -
            				}
-            -
            			},
-            -
            			repeaters: [{
-            -
            				selector: '.hotspot-setup',
-            -
            				defaultValues: {
-            -
            					'hotspot-type': 'info',
-            -
            					'hotspot-customclass-pro': 'none',
-            -
            				},
-            -
            				show: function() {
-            -
            					if ($(this).parents(".hotspot-setup").attr("data-limit").length > 0) {
-            -
-            -
            						if ($(this).parents(".hotspot-setup").find("div[data-repeater-item]").length <= $(this).parents(".hotspot-setup").attr("data-limit")) {
-            -
-            -
            							$(this).slideDown();
-            -
            							$(this).removeClass('active');
-            -
            							$(this).siblings('.active').removeClass('active');
-            -
            							$(this).addClass('active');
-            -
            							j = parseInt(j);
-            -
            							j = j + 1;
-            -
            							var parent_scene = $(this).parent().parent().parent('.single-scene.active').attr('id');
-            -
            							var hotspot = parent_scene + '-hotspot-' + j;
-            -
-            -
            							var replace_string = parent_scene.replace("scene-", "");
-            -
-            -
            							$(this).find(".title .hotspot-num").html(j);
-            -
            							$(this).find(".title .scene-num").html(replace_string);
-            -
-            -
            							$('<li><span data-index="' + j + '" data-href="#' + hotspot + '"><i class="far fa-dot-circle"></i></span></li>').insertBefore($(this).parent().parent('.hotspot-setup').find('.hotspot-nav ul li:last-child'));
-            -
-            -
            							$(this).attr('id', hotspot);
-            -
-            -
            							setTimeout(changeicon, 1000);
-            -
            						} else {
-            -
            							$('.pano-alert > p').html('You can only add 5 hotspots in free version');
-            -
            							$('.pano-alert').show();
-            -
            							$(this).remove();
-            -
            						}
-            -
            					} else {
-            -
            						jQuery(this).slideDown();
-            -
            						$(this).removeClass('active');
-            -
            						j = parseInt(j);
-            -
            						j = j + 1;
-            -
            						var parent_scene = $(this).parent().parent().parent('.single-scene.active').attr('id');
-            -
            						var hotspot = parent_scene + '-hotspot-' + j;
-            -
-            -
            						var replace_string = parent_scene.replace("scene-", "");
-            -
-            -
            						$(this).find(".title .hotspot-num").html(j);
-            -
            						$(this).find(".title .scene-num").html(replace_string);
-            -
-            -
            						$('<li><span data-index="' + j + '" data-href="#' + hotspot + '"><i class="far fa-dot-circle"></i></span></li>').insertBefore($(this).parent().parent('.hotspot-setup').find('.hotspot-nav ul li:last-child'));
-            -
-            -
            						$(this).attr('id', hotspot);
-            -
            					}
-            -
            					$('#wpvr_active_hotspot').val(j);
-            -
            				},
-            -
            				hide: function(deleteElement) {
-            -
            					var hotspot_hide_id = $(this).attr("id");
-            -
            					var _hide_id = hotspot_hide_id.split('-').pop();
-            -
            					hotspot_hide_id = "#" + hotspot_hide_id;
-            -
            					var hotspot_current = $(this).attr('id');
-            -
            					var hotspot_fchild = $(this).parent().children(":first").attr('id');
-            -
-            -
            					var hpelementcontains = $(this).attr("id");
-            -
            					var hpstr1 = 'scene';
-            -
            					var hpstr2 = 'hotspot';
-            -
            					if (hpelementcontains.indexOf(hpstr1) != -1 && hpelementcontains.indexOf(hpstr2) != -1) {
-            -
            						if (confirm('Are you sure you want to delete?')) {
-            -
            							jQuery(this).slideUp(deleteElement);
-            -
            							if (hotspot_current == hotspot_fchild) {
-            -
            								$(this).next().addClass("active");
-            -
            								$(this).parent().parent('.hotspot-setup').find('.hotspot-nav li span[data-href="' + hotspot_hide_id + '"]').parent("li").next().addClass("active");
-            -
-            -
            							} else {
-            -
            								$(this).prev().addClass("active");
-            -
            								$(this).parent().parent('.hotspot-setup').find('.hotspot-nav li span[data-href="' + hotspot_hide_id + '"]').parent("li").prev().addClass("active");
-            -
            							}
-            -
-            -
            							$(this).parent().parent('.hotspot-setup').find('.hotspot-nav li:not(:last-child) span[data-href="' + hotspot_hide_id + '"]').parent("li").remove();
-            -
-            -
            							//tab active setup
-            -
            							if (parseInt(_hide_id) - 1 > 0) {
-            -
            								$('#wpvr_active_hotspot').val(parseInt(_hide_id) - 1);
-            -
            							} else {
-            -
            								$('#wpvr_active_hotspot').val(1);
-            -
            							}
-            -
            						}
-            -
            					}
-            -
            				},
-            -
-            -
            			}]
-            -
            		});
-            -
            	});
-            -
-            -
-            -
            	var file_frame;
-            -
            	var parent;
-            -
            	$(document).on("click", ".scene-upload", function(event) {
-            -
            		event.preventDefault();
-            -
            		parent = $(this).parent('.form-group');
-            -
-            -
            		if (file_frame) {
-            -
            			file_frame.open();
-            -
            			return;
-            -
            		}
-            -
-            -
            		file_frame = wp.media.frames.file_frame = wp.media({
-            -
            			title: $(this).data('uploader_title'),
-            -
            			button: {
-            -
            				text: $(this).data('uploader_button_text'),
-            -
            			},
-            -
            			library: {
-            -
            				type: ['image']
-            -
            			},
-            -
            			multiple: false
-            -
            		});
-            -
-            -
            		file_frame.on('select', function() {
-            -
-            -
            			var attachment = file_frame.state().get('selection').first().toJSON();
-            -
            			parent.find('.scene-attachment-url').val(attachment.url);
-            -
            			parent.find('img').attr('src', attachment.url).show();
-            -
            		});
-            -
-            -
            		file_frame.open();
-            -
            	});
-            -
-            -
            	var file_frames;
-            -
            	$(document).on("click", ".video-upload", function(event) {
-            -
            		event.preventDefault();
-            -
-            -
            		parent = $(this).parent('.form-group');
-            -
-            -
            		if (file_frames) {
-            -
            			file_frames.open();
-            -
            			return;
-            -
            		}
-            -
-            -
            		file_frames = wp.media.frames.file_frames = wp.media({
-            -
            			title: $(this).data('uploader_title'),
-            -
            			button: {
-            -
            				text: $(this).data('uploader_button_text'),
-            -
            			},
-            -
            			library: {
-            -
            				type: ['video/mp4']
-            -
            			},
-            -
            			multiple: false
-            -
            		});
-            -
-            -
            		file_frames.on('select', function() {
-            -
            			var attachment = file_frames.state().get('selection').first().toJSON();
-            -
            			parent.find('.video-attachment-url').val(attachment.url);
-            -
            		});
-            -
-            -
            		file_frames.open();
-            -
            	});
-            -
-            -
            	var file_fram;
-            -
-            -
            	$(document).on("click", ".preview-upload", function(event) {
-            -
            		event.preventDefault();
-            -
            		parent = $(this).parent('.form-group');
-            -
-            -
            		if (file_fram) {
-            -
            			file_fram.open();
-            -
            			return;
-            -
            		}
-            -
-            -
            		file_fram = wp.media.frames.file_fram = wp.media({
-            -
            			title: $(this).data('uploader_title'),
-            -
            			button: {
-            -
            				text: $(this).data('uploader_button_text'),
-            -
            			},
-            -
            			library: {
-            -
            				type: ['image']
-            -
            			},
-            -
            			multiple: false
-            -
            		});
-            -
-            -
            		file_fram.on('select', function() {
-            -
            			var attachment = file_fram.state().get('selection').first().toJSON();
-            -
            			parent.find('.preview-attachment-url').val(attachment.url);
-            -
            			parent.find('.img-upload-frame').css('background-image', 'url(' + attachment.url + ')');
                         parent.find('.img-upload-frame').addClass('img-uploaded');
                         parent.find('.remove-attachment').show();
-            -
            		});
-            -
            		file_fram.open();
                 });
                 //----remove tour preview image----
@@ -714,504 +732,628 @@
                 });
-            -
            	$(document).on("change", "select[name*=hotspot-type]", function(event) {
-            -
            		var getparent = $(this).parent();
-            -
            		var getvalue = $(this).val();
-            -
            		if (getvalue == 'info') {
-            -
            			getparent.find('.hotspot-scene').hide();
-            -
            			getparent.find('.hotspot-url').show();
-            -
            			getparent.find('.hotspot-content').show();
-            -
            		} else {
-            -
            			getparent.find('.hotspot-scene').show();
-            -
            			getparent.find('.hotspot-url').hide();
-            -
            			getparent.find('.hotspot-content').hide();
-            -
            		}
                 });
                 $(document).on("change", "input[type=radio][name=panovideo]", function(event) {
-            -
            		var getvalue = $(this).val();
-            -
            		if (getvalue == 'on') {
-            -
            			$(".video-setting").show();
-            -
            			$("li.general").hide();
-            -
            			$("li.scene").hide();
-            -
            			$("li.hotspot").hide();
-            -
            			$("li.streetview").hide();
-            -
            		} else {
-            -
            			$(".video-setting").hide();
-            -
            			$("li.general").show();
-            -
            			$("li.scene").show();
-            -
            			$("li.hotspot").show();
-            -
            			$("li.streetview").show();
-            -
            		}
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
            		var viddata = $("input[name='panovideo']:checked").val();
-            -
            		if (viddata == 'on') {
-            -
            			$("li.general").removeClass('active');
-            -
            			$(".rex-pano-tab.general").removeClass('active');
-            -
            			$("li.video").addClass('active');
-            -
            			$(".rex-pano-tab.video").addClass('active');
-            -
            			$(".video-setting").show();
-            -
            			$("li.general").hide();
-            -
            			$("li.scene").hide();
-            -
            			$("li.hotspot").hide();
-            -
            		} else {
-            -
            			$(".video-setting").hide();
-            -
            			$("li.general").show();
-            -
            			$("li.scene").show();
-            -
            			$("li.hotspot").show();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("change", "select[name*=hotspot-customclass-pro]", function(event) {
-            -
            		var getval = $(this).val();
-            -
            		$(this).parent('.hotspot-setting').children('span.change-icon').html('<i class="' + getval + '"></i>');
-            -
-            -
            	});
-            -
-            -
            	$(document).on("change", ".hotspot-customclass-color", function(event) {
-            -
            		var getcolor = $(this).val();
-            -
            		color = getcolor;
-            -
            		$('.hotspot-customclass-color-icon-value').val(getcolor);
-            -
            		$('.hotspot-customclass-color').val(getcolor);
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
            		if ($(".icon-found-value")[0]) {
-            -
            			color = $('.hotspot-customclass-color-icon-value.icon-found-value').val();
-            -
            		} else {
-            -
            			color = '#00b4ff';
-            -
            		}
-            -
            	});
-            -
-            -
            	function changeicon() {
-            -
            		$('.hotspot-customclass-color-icon-value').val(color);
-            -
            		$('.hotspot-customclass-color').val(color);
-            -
            	}
-            -
-            -
            	//------------panolens tab js------------------
-            -
-            -
-            -
            	$(document).on("click", ".scene-nav ul li:not(:last-child) span", function() {
-            -
-            -
            		var scene_id = $(this).data('index');
-            -
            		scene_id = '#scene-' + scene_id;
-            -
-            -
            		j = $(scene_id).find('.hotspot-nav li').eq(-2).find('span').attr('data-index');
-            -
-            -
            		$([$(this).parent()[0], $($(this).data('href'))[0]]).addClass('active').siblings('.active').removeClass('active');
-            -
            		$('#wpvr_active_scenes').val($(this).data('index'));
-            -
            	});
-            -
-            -
            	//add click
-            -
            	$(document).on("click", ".scene-nav ul li:last-child span", function() {
-            -
            		var scene_id = $(this).parent('li').prev().children("span").data('index');
-            -
            		scene_id = '#scene-' + scene_id;
-            -
            		j = $(scene_id).find('.hotspot-nav li').eq(-2).find('span').attr('data-index');
-            -
            		$('.scene-nav ul li.active').removeClass('active');
-            -
            		$(this).parent('li').prev().addClass('active');
-            -
            		var sceneinfo = $('.scene-setup').repeaterVal();
-            -
            		var infodata = sceneinfo['scene-list'];
-            -
            		$('.hotspotscene').find('option').remove();
-            -
            		$('.hotspotscene').append("<option value='none'>None</option>");
-            -
            		for (var i in infodata) {
-            -
            			var optiondata = infodata[i]['scene-id'];
-            -
            			if (optiondata != '') {
-            -
            				$('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
-            -
            			}
-            -
            		}
-            -
            		$('.hotspot-customclass-pro-select').fontIconPicker();
-            -
            		$('span.change-icon').hide();
-            -
            	});
-            -
-            -
            	//end add click
-            -
            	$(document).on("click", ".hotspot-nav ul li:not(:last-child) span", function() {
-            -
            		$('#wpvr_active_hotspot').val($(this).data('index'));
-            -
            		$([$(this).parent()[0], $($(this).data('href'))[0]]).addClass('active').siblings('.active').removeClass('active');
-            -
            	});
-            -
-            -
            	$(document).on("click", ".hotspot-nav ul li:last-child span", function() {
-            -
            		$(this).parent('li').siblings('.active').removeClass('active');
-            -
            		$(this).parent('li').prev().addClass('active');
-            -
            		var sceneinfo = $('.scene-setup').repeaterVal();
-            -
            		var infodata = sceneinfo['scene-list'];
-            -
            		$('.hotspotscene').find('option').remove();
-            -
            		$('.hotspotscene').append("<option value='none'>None</option>");
-            -
            		for (var i in infodata) {
-            -
            			var optiondata = infodata[i]['scene-id'];
-            -
            			if (optiondata != '') {
-            -
            				$('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
-            -
            			}
-            -
            		}
-            -
            		$('.trtr').trigger('change');
-            -
            		$('.hotspot-customclass-pro-select').fontIconPicker();
-            -
            		$('span.change-icon').hide();
-            -
-            -
            	});
-            -
-            -
            	function changehotspotid(id) {
-            -
            		var scene_id = '#scene-' + id;
-            -
            		var hotspot_id = 'scene-' + id + '-hotspot-1';
-            -
            		$(scene_id).find('.hotspot-nav li span').attr('data-href', '#' + hotspot_id + '');
-            -
            		$(scene_id).find('.single-hotspot').attr('id', hotspot_id);
-            -
-            -
            	}
-            -
-            -
            	$(document).on("click", ".rex-pano-nav-menu.main-nav ul li span", function() {
-            -
            		var screen = $(this).parent().attr('data-screen');
-            -
            		$('#wpvr_active_tab').val(screen);
-            -
            		$([$(this).parent()[0], $($(this).data('href'))[0]]).addClass('active').siblings('.active').removeClass('active');
-            -
            	});
-            -
-            -
            	//----------alert dismiss--------//
-            -
            	$(document).on("click", "body", function() {
-            -
            		$('.pano-alert').hide();
-            -
            	});
-            -
            	$(document).on("click", ".pano-alert > .destroy", function() {
-            -
            		$('.pano-alert').hide();
-            -
            	});
-            -
            	$(document).on("click", ".pano-alert, .rex-pano-sub-tabs .rex-pano-tab-nav li.add", function(e) {
-            -
            		e.stopPropagation();
-            -
            	});
-            -
-            -
-            -
            	$(document).on("click", ".main-nav li.hotspot span", function() {
-            -
            		$(".hotspot-setup.rex-pano-sub-tabs").show();
-            -
            		$(".scene-setup > nav.scene-nav").hide();
-            -
            		$(".scene-setup .single-scene > .scene-content").hide();
-            -
            		$(".scene-setup .delete-scene").hide();
-            -
            	});
-            -
-            -
            	$(document).on("click", ".main-nav li.scene span", function() {
-            -
            		$(".hotspot-setup.rex-pano-sub-tabs").hide();
-            -
            		$(".scene-setup > nav.scene-nav").show();
-            -
            		$(".scene-setup .single-scene > .scene-content").show();
-            -
            		$(".scene-setup .delete-scene").show();
-            -
            	});
-            -
-            -
            	$(document).on("change", ".dscen", function() {
-            -
            		var dscene = $(this).val();
-            -
            		$(".dscen").not(this).each(function() {
-            -
            			var oth_scene = $(this).val();
-            -
            			if (dscene == 'on' && oth_scene == 'on') {
-            -
            				alert('Default scene updated.');
-            -
            				$(this).val('off');
-            -
            			}
-            -
            		});
-            -
            	});
-            -
-            -
            	$(document).on("change", ".sceneid", function() {
-            -
            		var sceneinfo = $('.scene-setup').repeaterVal();
-            -
            		var infodata = sceneinfo['scene-list'];
-            -
            		$('.hotspotscene').find('option').remove();
-            -
            		$('.hotspotscene').append("<option value='none'>None</option>");
-            -
            		for (var i in infodata) {
-            -
            			var optiondata = infodata[i]['scene-id'];
-            -
            			if (optiondata != '') {
-            -
            				$('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
-            -
            			}
-            -
            		}
-            -
            	});
-            -
-            -
            	function deleteinfodata() {
-            -
            		var sceneinfo = $('.scene-setup').repeaterVal();
-            -
            		var infodata = sceneinfo['scene-list'];
-            -
            		$('.hotspotscene').find('option').remove();
-            -
            		$('.hotspotscene').append("<option value='none'>None</option>");
-            -
            		for (var i in infodata) {
-            -
            			var optiondata = infodata[i]['scene-id'];
-            -
            			if (optiondata != '') {
-            -
            				$('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
-            -
            			}
-            -
            		}
-            -
            	}
-            -
-            -
            	$(document).on("change", ".hotspotscene", function() {
-            -
-            -
            		var chanheghtptpval = $(this).val();
-            -
            		if (chanheghtptpval != "none") {
-            -
            			$(this).parent('.hotspot-scene').siblings('.hotspot-scene').children('.hotspotsceneinfodata').val(chanheghtptpval);
-            -
            		} else {
-            -
            			$(this).parent('.hotspot-scene').siblings('.hotspot-scene').children('.hotspotsceneinfodata').val('');
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("click", ".hotpitch", function(event) {
-            -
            		var datacoords = $('#panodata').text().split(',');
-            -
            		var pitchsplit = datacoords[0];
-            -
            		var pitch = pitchsplit.split(':');
-            -
            		$(this).parent().parent('.hotspot-setting').children('.hotspot-pitch').val(pitch[1]);
-            -
            	});
-            -
-            -
            	$(document).on("click", ".hotyaw", function(event) {
-            -
            		var datacoords = $('#panodata').text().split(',');
-            -
            		var yawsplit = datacoords[1];
-            -
            		var yaw = yawsplit.split(':');
-            -
            		$(this).parent().parent('.hotspot-setting').children('.hotspot-yaw').val(yaw[1]);
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
-            -
            		if ($(".scene-setup").length > 0) {
-            -
            			var sceneinfo = $('.scene-setup').repeaterVal();
-            -
            			var infodata = sceneinfo['scene-list'];
-            -
            			$('.hotspotscene').find('option').remove();
-            -
            			$('.hotspotscene').append("<option value='none'>None</option>");
-            -
            			for (var i in infodata) {
-            -
            				var optiondata = infodata[i]['scene-id'];
-            -
            				if (optiondata != '') {
-            -
            					$('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
-            -
            				}
-            -
            			}
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("click", ".toppitch", function(event) {
-            -
            		var datacoords = $('#panodata').text().split(',');
-            -
            		var pitchsplit = datacoords[0];
-            -
            		var pitch = pitchsplit.split(':');
-            -
            		var yawsplit = datacoords[1];
-            -
            		var yaw = yawsplit.split(':');
-            -
-            -
            		$('div.single-scene.rex-pano-tab.active').children('div.hotspot-setup.rex-pano-sub-tabs').children('div.rex-pano-tab-content').children('div.single-hotspot.rex-pano-tab.active.clearfix').find('.hotspot-pitch').val(pitch[1]);
-            -
            		$('div.single-scene.rex-pano-tab.active').children('div.hotspot-setup.rex-pano-sub-tabs').children('div.rex-pano-tab-content').children('div.single-hotspot.rex-pano-tab.active.clearfix').find('.hotspot-yaw').val(yaw[1]);
-            -
            	});
-            -
            	jQuery(document).ready(function($) {
-            -
            		$('.hotspot-customclass-pro-select').fontIconPicker();
-            -
            	});
-            -
            	jQuery(document).ready(function($) {
-            -
            		$('span.change-icon').hide();
-            -
            	});
-            -
-            -
            	jQuery(document).ready(function($) {
-            -
            		var autrotateset = $("input[name='autorotation']").val();
-            -
-            -
            		if (autrotateset == 'off') {
-            -
            			$('.autorotationdata-wrapper').hide();
-            -
            		} else {
-            -
            			$('.autorotationdata-wrapper').show();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("change", "input[name='autorotation']", function(event) {
-            -
            		var autrotateset = $(this).val();
-            -
-            -
            		if (autrotateset == 'on') {
-            -
            			$('.autorotationdata-wrapper').show();
-            -
            		} else {
-            -
            			$('.autorotationdata-wrapper').hide();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("change", ".ptyscene", function(event) {
-            -
            		var ptyscene = $(this).val();
-            -
            		if (ptyscene == 'off') {
-            -
            			$(this).parent('.single-settings').siblings('.ptyscenedata').hide();
-            -
            		} else {
-            -
            			$(this).parent('.single-settings').siblings('.ptyscenedata').show();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("change", ".cvgscene", function(event) {
-            -
            		var cvgscene = $(this).val();
-            -
            		if (cvgscene == 'off') {
-            -
            			$(this).parent('.single-settings').siblings('.cvgscenedata').hide();
-            -
            		} else {
-            -
            			$(this).parent('.single-settings').siblings('.cvgscenedata').show();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("change", ".chgscene", function(event) {
-            -
            		var chgscenedata = $(this).val();
-            -
            		if (chgscenedata == 'off') {
-            -
            			$(this).parent('.single-settings').siblings('.chgscenedata').hide();
-            -
            		} else {
-            -
            			$(this).parent('.single-settings').siblings('.chgscenedata').show();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("change", ".czscene", function(event) {
-            -
            		var czscene = $(this).val();
-            -
            		if (czscene == 'off') {
-            -
            			$(this).parent('.single-settings').siblings('.czscenedata').hide();
-            -
            		} else {
-            -
            			$(this).parent('.single-settings').siblings('.czscenedata').show();
-            -
            		}
-            -
            	});
-            -
-            -
            	$(document).on("click", "#wpvr_role_submit", function(e) {
-            -
            		e.preventDefault();
-            -
            		var ajaxurl = wpvr_obj.ajaxurl;
-            -
            		$('#wpvr_role_progress').show();
-            -
            		$('#wpvr_role_submit').attr('disabled', true);
-            -
            		var editor = $('#wpvr_editor_active').is(':checked');
-            -
            		var author = $('#wpvr_author_active').is(':checked');
-            -
            		var fontawesome = $('#wpvr_fontawesome_disable').is(':checked');
-            -
            		var mobile_media_resize = $('#mobile_media_resize').is(':checked');
-            -
            		var wpvr_frontend_notice = $('#wpvr_frontend_notice').is(':checked');
-            -
            		var wpvr_frontend_notice_area = $('#wpvr_frontend_notice_area').val();
-            -
            		var wpvr_script_control = $('#wpvr_script_control').is(':checked');
-            -
            		var wpvr_script_list = $('#wpvr_script_list').val();
-            -
            		var high_res_image = $('#high_res_image').is(':checked');
-            -
            		jQuery.ajax({
-            -
            			type: "POST",
-            -
            			url: ajaxurl,
-            -
            			data: {
-            -
            				action: "wpvr_role_management",
-            -
            				editor: editor,
-            -
            				author: author,
-            -
            				fontawesome: fontawesome,
-            -
            				mobile_media_resize: mobile_media_resize,
-            -
            				high_res_image: high_res_image,
-            -
            				wpvr_frontend_notice: wpvr_frontend_notice,
-            -
            				wpvr_frontend_notice_area: wpvr_frontend_notice_area,
-            -
            				wpvr_script_control: wpvr_script_control,
-            -
            				wpvr_script_list: wpvr_script_list,
-            -
            			},
-            -
            			success: function(response) {
-            -
            				$('#wpvr_role_progress').hide();
-            -
            				$('#wpvr_role_submit').attr('disabled', false);
-            -
            				if (response.status == 'success') {
-            -
            					Materialize.toast(response.message, 2000);
-            -
            				}
-            -
            			}
-            -
            		});
-            -
            	});
-            -
-            -
-            -
            	//------general tab's inner tab-------
-            -
            	jQuery(document).ready(function($) {
-            -
            		$('.general-inner-tab .inner-nav li span').on('click', function() {
-            -
            			var this_id = $(this).attr('data-href');
-            -
            			$(this_id).show();
-            -
            			$(this_id).siblings().hide();
-            -
            		});
-            -
-            -
            		$(".video").on("click", function(e) {
-            -
            			$('.sceneid').each(function() {
-            -
            				 var val =  $(this).val();
-            -
            				 if (val) {
-            -
            					 alert('Your previous data will be lost');
-            -
            					 return false;
-            -
            				 }
-            -
            			});
-            -
            		});
-            -
            	});
-            -
-            -
-            -
            	//------active tab scripts-------
-            -
            	jQuery(document).ready(function($) {
-            -
-            -
            		function getUrlVars() {
-            -
            			var vars = [],
-            -
            				hash;
-            -
            			var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
-            -
            			for (var i = 0; i < hashes.length; i++) {
-            -
            				hash = hashes[i].split('=');
-            -
            				vars.push(hash[0]);
-            -
            				vars[hash[0]] = hash[1];
-            -
            			}
-            -
            			return vars;
-            -
            		}
-            -
            		var activeTab = 'general',
-            -
            			vr_main_tab = $('#wpvr-main-nav'),
-            -
            			var_main_tab_contents = $('#wpvr-main-tab-contents').find('.rex-pano-tab').not(".single-scene,.single-hotspot"),
-            -
            			scene_content = $('.scene-content'),
-            -
            			scene_nav = $('.scene-nav'),
-            -
            			single_scene = $('.single-scene'),
-            -
            			hotspot_content = $('.hotspot-setup'),
-            -
            			single_hotspot = $('.single-hotspot'),
-            -
            			delete_scene_btn = $('.delete-scene'),
-            -
            			delete_hotspot_btn = $('.delete-hotspot');
-            -
-            -
            		var _q_activeTab = getUrlVars()["active_tab"];
-            -
            		var _sceneID = getUrlVars()["scene"];
-            -
            		var _hotspotID = getUrlVars()["hotspot"];
-            -
            		var default_tabs = ['general', 'scene', 'hotspot', 'video'];
-            -
            		if (_q_activeTab) {
-            -
            			if (default_tabs.includes(_q_activeTab)) {
-            -
            				activeTab = _q_activeTab;
-            -
            				vr_main_tab.find('li:not(:first)').removeClass('active');
-            -
            				vr_main_tab.find('.' + activeTab).addClass('active');
-            -
-            -
            				// scene screens
-            -
            				var_main_tab_contents.addClass('active');
-            -
            				if (activeTab === 'scene' || activeTab === 'hotspot') {
-            -
            					var_main_tab_contents.not('#scenes').removeClass('active');
-            -
            				} else {
-            -
            					var_main_tab_contents.not('#' + activeTab).removeClass('active');
-            -
            				}
-            -
-            -
            				// scene contents
-            -
            				if (_sceneID) {
-            -
            					var scenesIds = [];
-            -
            					var sceneID = '#scene-' + _sceneID;
-            -
            					var scene_nav_items = scene_nav.find('li');
-            -
            					scene_nav.find('li').each(function() {
-            -
            						var index = $(this).find('span').attr('data-index');
-            -
            						if (index) {
-            -
            							scenesIds.push(index);
-            -
            						}
-            -
            					});
-            -
            					if (scenesIds.includes(_sceneID)) {
-            -
            						scene_nav_items.removeClass('active');
-            -
            						scene_nav.find('li').each(function() {
-            -
            							var index = $(this).find('span').attr('data-index');
-            -
            							if (_sceneID == index) {
-            -
            								$(this).addClass('active');
-            -
            							}
-            -
            						});
-            -
            						if (activeTab == 'scene' || _sceneID) {
-            -
            							single_scene.removeClass('active');
-            -
            							$(sceneID).addClass('active');
-            -
            						}
-            -
            					} else {
-            -
            						scene_nav.find('li:first').addClass('active');
-            -
            					}
-            -
-            -
            					if (activeTab === 'scene') {
-            -
            						if (scenesIds.includes(_sceneID)) {
-            -
            							$(single_scene).removeClass('active');
-            -
            							$(sceneID).addClass('active');
-            -
            						}
-            -
            					} else {
-            -
            						$(delete_scene_btn).hide();
-            -
            						$(scene_nav).hide();
-            -
            						$('.scene-content').hide();
-            -
            						$(sceneID).find('.hotspot-setup').show();
-            -
            					}
-            -
-            -
            					//hotspot contents
-            -
            					var hotspot_nav = $('.single-scene.active').find('.hotspot-nav');
-            -
            					var hotspotIds = [];
-            -
            					var hotspot_nav_items = $('.single-scene.active').find('.hotspot-nav').find('li');
-            -
            					var activeHotspotId = '#scene-' + _sceneID + 'hotspot-' + _hotspotID;
-            -
            					hotspot_nav_items.each(function() {
-            -
            						var index = $(this).find('span').attr('data-index');
-            -
            						if (index) {
-            -
            							hotspotIds.push(index);
-            -
            							activeHotspotId = $(this).find('span').attr('data-href');
-            -
            						}
-            -
            					});
-            -
            					if (hotspotIds.includes(_hotspotID)) {
-            -
            						hotspot_nav_items.removeClass('active');
-            -
            						hotspot_nav.find('li').each(function() {
-            -
            							var index = $(this).find('span').attr('data-index');
-            -
            							if (_hotspotID === index) {
-            -
            								$(this).addClass('active');
-            -
            							}
-            -
            						});
-            -
            						if (activeHotspotId) {
-            -
            							$(sceneID).find('.single-hotspot').removeClass('active');
-            -
            							$(activeHotspotId).addClass('active');
-            -
            						}
-            -
            					}
-            -
            				}
-            -
            			}
+                    }
-            -
            	});
             })(jQuery);


1	(function($) {
2	+ 'use strict';
3	+ var j = 1;
4	+ var color = '#00b4ff';
5	+
6	+ /**
7	+ * All of the code for your admin-facing JavaScript source
8	+ * should reside in this file.
9	+ *
10	+ * Note: It has been assumed you will write jQuery code here, so the
11	+ * $ function reference has been prepared for usage within the scope
12	+ * of this function.
13	+ *
14	+ * This enables you to define handlers, for when the DOM is ready:
15	+ *
16	+ * $(function() {
17	+ *
18	+ * });
19	+ *
20	+ * When the window is loaded:
21	+ *
22	+ * $( window ).load(function() {
23	+ *
24	+ * });
25	+ *
26	+ * ...and/or other possibilities.
27	+ *
28	+ * Ideally, it is not considered best practise to attach more than a
29	+ * single DOM-ready or window-load handler for a particular page.
30	+ * Although scripts in the WordPress core, Plugins and Themes may be
31	+ * practising this, we should strive to set a better example in our own work.
32	+ */
33	+
34	+ $(document).ready(function() {
35	+ $(".vrowl-carousel").owlCarousel({
36	+ margin: 10,
37	+ autoWidth: true,
38	+ });
39	+
40	+ var primary_markng = $('#scene-1').find('input.sceneid').val();
41	+ $('.owl' + primary_markng).parents('.owl-item').addClass('marked');
42	+
43	+ $('.meta-box-sortables').sortable({
44	+ items: '#wpvr_item_builder_box',
45	+ disabled: true
46	+ });
47	+
48	+ $('.postbox .hndle').css('cursor', 'pointer');
49	+ });
50	+
51	+ $(document).on("change", "input.vr-switcher-check", function(event) {
52	+ if (this.checked) {
53	+ $(this).val('on');
54	+ } else {
55	+ $(this).val('off');
56	+ }
57	+ });
58	+
59	+
60	+ $(document).on("click", ".scene-nav ul li span", function(event) {
61	+ $('.owl-item').removeClass('marked');
62	+ var target = $(this).attr("data-index");
63	+ var data = $('#scene-' + target).find('input.sceneid').val();
64	+ if (data) {
65	+ $('.owl' + data).parents('.owl-item').addClass('marked');
66	+ }
67	+ });
68	+
69	+ jQuery(document).ready(function($) {
70	+
71	+
72	+ j = $('#scene-1').find('.hotspot-nav li').eq(-2).find('span').attr('data-index');
73	+ var ajaxurl = wpvr_obj.ajaxurl;
74	+ $('#panolenspreview').on('click', function(e) {
75	+ e.preventDefault();
76	+ $('.wpvr-loading').show();
77	+ var postid = $("#post_ID").val();
78	+ var autoload = $("input[name='autoload']").val();
79	+ var compass = $("input[name='compass']:checked").val();
80	+ var control = $("input[name='controls']").val();
81	+ var rotation = $("input[name='autorotation']").val();
82	+ var defaultscene = $("input[name='default-scene-id']").val();
83	+ var preview = $("input[name='preview-attachment-url']").val();
84	+ var scenefadeduration = $("input[name='scene-fade-duration']").val();
85	+
86	+ var autorotation = $("input[name='auto-rotation']").val();
87	+ var autorotationinactivedelay = $("input[name='auto-rotation-inactive-delay']").val();
88	+ var autorotationstopdelay = $("input[name='auto-rotation-stop-delay']").val();
89	+
90	+ var panodata = $('.scene-setup').repeaterVal();
91	+ var panolist = JSON.stringify(panodata);
92	+ jQuery.ajax({
93	+ type: "POST",
94	+ url: ajaxurl,
95	+ data: {
96	+ action: "wpvr_preview",
97	+ postid: postid,
98	+ compass: compass,
99	+ control: control,
100	+ autoload: autoload,
101	+ panodata: panolist,
102	+ defaultscene: defaultscene,
103	+ rotation: rotation,
104	+ autorotation: autorotation,
105	+ autorotationinactivedelay: autorotationinactivedelay,
106	+ autorotationstopdelay: autorotationstopdelay,
107	+
108	+ preview: preview,
109	+ scenefadeduration: scenefadeduration,
110	+ },
111	+
112	+ success: function(response) {
113	+ $('.wpvr-loading').hide();
114	+ if (response.success == true) {
115	+ $('#error_occured').hide();
116	+ $('#error_occuredpub').hide();
117	+ $('#' + response.data[0]["panoid"]).empty();
118	+ var scenes = response.data[1];
119	+
120	+ if (scenes) {
121	+ $.each(scenes.scenes, function(i) {
122	+ $.each(scenes.scenes[i]['hotSpots'], function(key, val) {
123	+ if (val["clickHandlerArgs"] != "") {
124	+ val["clickHandlerFunc"] = wpvrhotspot;
125	+ }
126	+ if (val["createTooltipArgs"] != "") {
127	+ val["createTooltipFunc"] = wpvrtooltip;
128	+ }
129	+ });
130	+ });
131	+ }
132	+ if (scenes) {
133	+ $('.scene-gallery').trigger('destroy.owl.carousel');
134	+ $('.scene-gallery').empty();
135	+ $.each(scenes.scenes, function(key, val) {
136	+ $('.scene-gallery').append('<ul style="width:150px;"><li class="owlscene owl' + key + '">' + key + '</li><li title="Double click to view scene"><img class="scctrl" id="' + key + '_gallery" src="' + val.panorama + '"></li></ul>');
137	+ });
138	+ $(".vrowl-carousel").owlCarousel({
139	+ margin: 10,
140	+ autoWidth: true,
141	+ });
142	+ var active_owl_target = $('#wpvr_active_scenes').val();
143	+ var get_owl_target = $('#scene-' + active_owl_target).find('input.sceneid').val();
144	+ $('.owl' + get_owl_target).parents('.owl-item').addClass('marked');
145	+ }
146	+ var panoshow = pannellum.viewer(response.data[0]["panoid"], scenes);
147	+ if (scenes.autoRotate) {
148	+ panoshow.on('load', function() {
149	+ setTimeout(function() {
150	+ panoshow.startAutoRotate(scenes.autoRotate, 0);
151	+ }, 3000);
152	+ });
153	+ panoshow.on('scenechange', function() {
154	+ setTimeout(function() {
155	+ panoshow.startAutoRotate(scenes.autoRotate, 0);
156	+ }, 3000);
157	+ });
158	+ }
159	+ var touchtime = 0;
160	+ if (scenes) {
161	+ $.each(scenes.scenes, function(key, val) {
162	+ document.getElementById('' + key + '_gallery').addEventListener('click', function(e) {
163	+ if (touchtime == 0) {
164	+ touchtime = new Date().getTime();
165	+ } else {
166	+ if (((new Date().getTime()) - touchtime) < 800) {
167	+ panoshow.loadScene(key);
168	+ touchtime = 0;
169	+ } else {
170	+ touchtime = new Date().getTime();
171	+ }
172	+ }
173	+ });
174	+ });
175	+ }
176	+ $('html, body').animate({
177	+ scrollTop: $("#wpvr_item_builder__box").offset().top
178	+ }, 500);
179	+ } else {
180	+ $('#error_occured').show();
181	+ $('#error_occured').html(response.data);
182	+ $('#error_occuredpub').show();
183	+ $('#error_occuredpub').html(response.data);
184	+ $('body').addClass('error-overlay');
185	+ $('html, body').animate({
186	+ scrollTop: $("#error_occured").offset().top
187	+ }, 500);
188	+ }
189	+ }
190	+ });
191	+ });
192	+ });
193	+
194	+ jQuery(document).ready(function($) {
195	+ var ajaxurl = wpvr_obj.ajaxurl;
196	+ $('#videopreview').on('click', function(e) {
197	+ e.preventDefault();
198	+ $('.wpvr-loading').show();
199	+ var postid = $("#post_ID").val();
200	+ var videourl = $("input[name='video-attachment-url']").val();
201	+ var vidautoplay = $("input[name='playvideo']:checked").val();
202	+ var vidcontrol = $("input[name='playcontrol']:checked").val();
203	+ jQuery.ajax({
204	+ type: "POST",
205	+ url: ajaxurl,
206	+ data: {
207	+ action: "wpvrvideo_preview",
208	+ postid: postid,
209	+ videourl: videourl,
210	+ vidautoplay: vidautoplay,
211	+ vidcontrol: vidcontrol,
212	+ },
213	+
214	+ success: function(response) {
215	+ $('.wpvr-loading').hide();
216	+ if (response.success == true) {
217	+ $('#' + response.data["panoid"]).empty();
218	+ $('#' + response.data["panoid"]).html(response.data["panodata"]);
219	+ if (response.data['vidtype'] == 'selfhost') {
220	+ videojs(response.data["vidid"], {
221	+ plugins: {
222	+ pannellum: {}
223	+ }
224	+ });
225	+ }
226	+ $('html, body').animate({
227	+ scrollTop: $("#wpvr_item_builder__box").offset().top
228	+ }, 500);
229	+ } else {}
230	+ }
231	+ });
232	+ });
233	+ });
234	+
235	+ jQuery(document).ready(function($) {
236	+
237	+ var flag_ok = false;
238	+ $('#publish').on('click', function(e) {
239	+ var x = $(this).val();
240	+ if (!flag_ok) {
241	+ e.preventDefault();
242	+ $('.wpvr-loading').show();
243	+ var postid = $("#post_ID").val();
244	+ var panovideo = $("input[name='panovideo']:checked").val();
245	+ var videourl = $("input[name='video-attachment-url']").val();
246	+ var autoload = $("input[name='autoload']").val();
247	+ var control = $("input[name='controls']").val();
248	+ var compass = $("input[name='compass']:checked").val();
249	+ var defaultscene = $("input[name='default-scene-id']").val();
250	+ var preview = $("input[name='preview-attachment-url']").val();
251	+ var rotation = $("input[name='autorotation']").val();
252	+ var autorotation = $("input[name='auto-rotation']").val();
253	+ var autorotationinactivedelay = $("input[name='auto-rotation-inactive-delay']").val();
254	+ var autorotationstopdelay = $("input[name='auto-rotation-stop-delay']").val();
255	+
256	+ var scenefadeduration = $("input[name='scene-fade-duration']").val();
257	+
258	+ if ($('.scene-setup')[0]) {
259	+ var panodata = $('.scene-setup').repeaterVal();
260	+ var panolist = JSON.stringify(panodata);
261	+ } else {
262	+ var panodata = '';
263	+ var panolist = '';
264	+ }
265	+
266	+ jQuery.ajax({
267	+
268	+ type: "POST",
269	+ url: ajaxurl,
270	+ data: {
271	+ action: "wpvr_save",
272	+ postid: postid,
273	+ panovideo: panovideo,
274	+ videourl: videourl,
275	+ control: control,
276	+ compass: compass,
277	+ autoload: autoload,
278	+ panodata: panolist,
279	+ defaultscene: defaultscene,
280	+ preview: preview,
281	+ rotation: rotation,
282	+ autorotation: autorotation,
283	+ autorotationinactivedelay: autorotationinactivedelay,
284	+ autorotationstopdelay: autorotationstopdelay,
285	+ scenefadeduration: scenefadeduration,
286	+ },
287	+
288	+ success: function(response) {
289	+ $('.wpvr-loading').hide();
290	+ if (response.success == false) {
291	+ $('#error_occured').show();
292	+ $('#error_occured').html(response.data);
293	+ $('#error_occuredpub').show();
294	+ $('#error_occuredpub').html(response.data);
295	+
296	+ $('body').addClass('error-overlay');
297	+ $('html, body').animate({
298	+ scrollTop: $("#error_occured").offset().top
299	+ }, 500);
300	+ } else {
301	+ flag_ok = true;
302	+ $('#publish').trigger('click');
303	+ }
304	+ }
305	+ });
306	+ }
307	+ });
308	+ });
309	+
310	+ jQuery(document).ready(function($) {
311	+ $("body").on("click", function(e) {
312	+ $("#error_occured").hide();
313	+ $('body').removeClass('error-overlay');
314	+ });
315	+
316	+ $("#panolenspreview, #error_occured").on("click", function(e) {
317	+ e.stopPropagation();
318	+ });
319	+ });
320	+
321	+ jQuery(document).ready(function($) {
322	+
323	+ var flag_ok = false;
324	+ $('#save-post').on('click', function(e) {
325	+ var x = $(this).val();
326	+ if (!flag_ok) {
327	+ e.preventDefault();
328	+ $('.wpvr-loading').show();
329	+ var postid = $("#post_ID").val();
330	+ var panovideo = $("input[name='panovideo']:checked").val();
331	+ var videourl = $("input[name='video-attachment-url']").val();
332	+ var autoload = $("input[name='autoload']").val();
333	+ var control = $("input[name='controls']").val();
334	+ var compass = $("input[name='compass']:checked").val();
335	+ var defaultscene = $("input[name='default-scene-id']").val();
336	+ var preview = $("input[name='preview-attachment-url']").val();
337	+ var rotation = $("input[name='autorotation']").val();
338	+ var autorotation = $("input[name='auto-rotation']").val();
339	+ var autorotationinactivedelay = $("input[name='auto-rotation-inactive-delay']").val();
340	+ var autorotationstopdelay = $("input[name='auto-rotation-stop-delay']").val();
341	+
342	+ var scenefadeduration = $("input[name='scene-fade-duration']").val();
343	+
344	+ if ($('.scene-setup')[0]) {
345	+ var panodata = $('.scene-setup').repeaterVal();
346	+ var panolist = JSON.stringify(panodata);
347	+ } else {
348	+ var panodata = '';
349	+ var panolist = '';
350	+ }
351	+
352	+ jQuery.ajax({
353	+
354	+ type: "POST",
355	+ url: ajaxurl,
356	+ data: {
357	+ action: "wpvr_save",
358	+ postid: postid,
359	+ panovideo: panovideo,
360	+ videourl: videourl,
361	+ control: control,
362	+ compass: compass,
363	+ autoload: autoload,
364	+ panodata: panolist,
365	+ defaultscene: defaultscene,
366	+ preview: preview,
367	+ rotation: rotation,
368	+ autorotation: autorotation,
369	+ autorotationinactivedelay: autorotationinactivedelay,
370	+ autorotationstopdelay: autorotationstopdelay,
371	+ scenefadeduration: scenefadeduration,
372	+ },
373	+
374	+ success: function(response) {
375	+ $('.wpvr-loading').hide();
376	+ if (response.success == false) {
377	+ $('#error_occured').show();
378	+ $('#error_occured').html(response.data);
379	+ $('#error_occuredpub').show();
380	+ $('#error_occuredpub').html(response.data);
381	+
382	+ $('body').addClass('error-overlay');
383	+ $('html, body').animate({
384	+ scrollTop: $("#error_occured").offset().top
385	+ }, 500);
386	+ } else {
387	+ flag_ok = true;
388	+ $('#save-post').trigger('click');
389	+ }
390	+ }
391	+ });
392	+ }
393	+ });
394	+ });
395	+ // $("#custom-ifram").css({
396	+ // "height": "auto",
397	+ // "width": "auto",
398	+ // "max-width": "60%",
399	+ // "max-height": "80%",
400	+ // "text-align": "center",
401	+ // "padding": "8px",
402	+ // "overflow": "auto",
403	+ // });
404	+
405	+
406	+
407	+
408	+
409	+
410	+ function wpvrhotspot(hotSpotDiv, args) {
411	+ var argst = args.replace(/\\/g, '');
412	+ $("#custom-ifram").html(argst);
413	+ $("#custom-ifram").fadeToggle();
414	+ $(".iframe-wrapper").toggleClass("show-modal");
415	+
416	+ }
417	+
418	+ function wpvrtooltip(hotSpotDiv, args) {
419	+ hotSpotDiv.classList.add('custom-tooltip');
420	+ var span = document.createElement('span');
421	+ args = args.replace(/\\/g, "");
422	+ span.innerHTML = args;
423	+ hotSpotDiv.appendChild(span);
424	+ span.style.marginLeft = -(span.scrollWidth - hotSpotDiv.offsetWidth) / 2 + 'px';
425	+ span.style.marginTop = -span.scrollHeight - 12 + 'px';
426	+ }
427	+
428	+ jQuery(document).ready(function($) {
429	+ $("#cross").on("click", function(e) {
430	+ e.preventDefault();
431	+ $("#custom-ifram").fadeOut();
432	+ $(".iframe-wrapper").removeClass("show-modal");
433	+ $('iframe').attr('src', $('iframe').attr('src'));
434	+ });
435	+ });
436	+
437	+ jQuery(document).ready(function($) {
438	+
439	+ var i = $('.scene-nav li').eq(-2).find('span').attr('data-index');
440	+ i = parseInt(i);
441	+
442	+ $('.scene-setup').repeater({
443	+
444	+ defaultValues: {
445	+ 'scene-type': 'equirectangular',
446	+ 'dscene': 'off',
447	+ 'ptyscene': 'off',
448	+ 'cvgscene': 'off',
449	+ 'chgscene': 'off',
450	+ 'czscene': 'off',
451	+ },
452	+ show: function() {
453	+
454	+ if ($(this).parents(".scene-setup").attr("data-limit").length > 0) {
455	+
456	+ if ($(this).parents(".scene-setup").find("div[data-repeater-item]:not(.hotspot-setup div[data-repeater-item])").length <= $(this).parents(".scene-setup").attr("data-limit")) {
457	+
458	+ $(this).slideDown();
459	+ $(this).removeClass('active');
460	+
461	+ i = i + 1;
462	+ var scene = 'scene-' + i;
463	+
464	+ $(this).find(".title .scene-num").html(i);
465	+
466	+ $('<li><span data-index="' + i + '" data-href="#' + scene + '"><i class="fa fa-image"></i></span></li>').insertBefore($(this).parent().parent('.scene-setup').find('.scene-nav ul li:last-child'));
467	+
468	+ $(this).attr('id', scene);
469	+ changehotspotid(i);
470	+ $(this).siblings('.active').removeClass('active');
471	+ $(this).addClass('active');
472	+ setTimeout(changeicon, 1000);
473	+ } else {
474	+ $('.pano-alert > p').html('You can only add 5 scenes in free version');
475	+ $('.pano-alert').show();
476	+ $(this).remove();
477	+ }
478	+ } else {
479	+ jQuery(this).slideDown();
480	+ $(this).removeClass('active');
481	+
482	+ i = i + 1;
483	+ var scene = 'scene-' + i;
484	+ $(this).find(".title .scene-num").html(i);
485	+ $('<li><span data-index="' + i + '" data-href="#' + scene + '"><i class="fa fa-image"></i></span></li>').insertBefore($(this).parent().parent('.scene-setup').find('.scene-nav ul li:last-child'));
486	+ $(this).attr('id', scene);
487	+ changehotspotid(i);
488	+ }
489	+
490	+ $(this).hide();
491	+
492	+ //tab active setup
493	+ $('#wpvr_active_scenes').val(i);
494	+ $('#wpvr_active_hotspot').val(1);
495	+ },
496	+ hide: function(deleteElement) {
497	+ var hide_id = $(this).attr("id");
498	+ var _hide_id = hide_id.split('-').pop();
499	+ hide_id = "#" + hide_id;
500	+
501	+ var current = $(this).attr('id');
502	+ var fchild = $('.single-scene:nth-child(2)').attr('id');
503	+ // var fchild = $(this).parent().children(":first").attr('id');
504	+
505	+
506	+ var elementcontains = $(this).attr("id");
507	+ var str1 = 'scene';
508	+ var str2 = 'hotspot';
509	+ if (elementcontains.indexOf(str1) != -1 && elementcontains.indexOf(str2) == -1) {
510	+ if (confirm('Are you sure you want to delete?')) {
511	+ jQuery(this).slideUp(deleteElement);
512	+ if (current == fchild) {
513	+ $(this).next().addClass("active");
514	+ $(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").next().addClass("active");
515	+ $(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").next().children("span").trigger("click");
516	+ } else {
517	+ $(this).prev().addClass("active");
518	+ $(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").prev().addClass("active");
519	+ $(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").prev().children("span").trigger("click");
520	+ }
521	+ $(this).parent().parent('.scene-setup').find('.scene-nav li span[data-href="' + hide_id + '"]').parent("li").remove();
522	+ setTimeout(deleteinfodata, 1000);
523	+
524	+
525	+ //tab active setup
526	+ if (parseInt(_hide_id) - 1 > 0) {
527	+ $('#wpvr_active_scenes').val(parseInt(_hide_id) - 1);
528	+ } else {
529	+ $('#wpvr_active_scenes').val(1);
530	+ }
531	+ $('#wpvr_active_hotspot').val(1);
532	+ }
533	+
534	+ }
535	+ },
536	+ repeaters: [{
537	+ selector: '.hotspot-setup',
538	+ defaultValues: {
539	+ 'hotspot-type': 'info',
540	+ 'hotspot-customclass-pro': 'none',
541	+ },
542	+ show: function() {
543	+ if ($(this).parents(".hotspot-setup").attr("data-limit").length > 0) {
544	+
545	+ if ($(this).parents(".hotspot-setup").find("div[data-repeater-item]").length <= $(this).parents(".hotspot-setup").attr("data-limit")) {
546	+
547	+ $(this).slideDown();
548	+ $(this).removeClass('active');
549	+ $(this).siblings('.active').removeClass('active');
550	+ $(this).addClass('active');
551	+ j = parseInt(j);
552	+ j = j + 1;
553	+ var parent_scene = $(this).parent().parent().parent('.single-scene.active').attr('id');
554	+ var hotspot = parent_scene + '-hotspot-' + j;
555	+
556	+ var replace_string = parent_scene.replace("scene-", "");
557	+
558	+ $(this).find(".title .hotspot-num").html(j);
559	+ $(this).find(".title .scene-num").html(replace_string);
560	+
561	+ $('<li><span data-index="' + j + '" data-href="#' + hotspot + '"><i class="far fa-dot-circle"></i></span></li>').insertBefore($(this).parent().parent('.hotspot-setup').find('.hotspot-nav ul li:last-child'));
562	+
563	+ $(this).attr('id', hotspot);
564	+
565	+ setTimeout(changeicon, 1000);
566	+ } else {
567	+ $('.pano-alert > p').html('You can only add 5 hotspots in free version');
568	+ $('.pano-alert').show();
569	+ $(this).remove();
570	+ }
571	+ } else {
572	+ jQuery(this).slideDown();
573	+ $(this).removeClass('active');
574	+ j = parseInt(j);
575	+ j = j + 1;
576	+ var parent_scene = $(this).parent().parent().parent('.single-scene.active').attr('id');
577	+ var hotspot = parent_scene + '-hotspot-' + j;
578	+
579	+ var replace_string = parent_scene.replace("scene-", "");
580	+
581	+ $(this).find(".title .hotspot-num").html(j);
582	+ $(this).find(".title .scene-num").html(replace_string);
583	+
584	+ $('<li><span data-index="' + j + '" data-href="#' + hotspot + '"><i class="far fa-dot-circle"></i></span></li>').insertBefore($(this).parent().parent('.hotspot-setup').find('.hotspot-nav ul li:last-child'));
585	+
586	+ $(this).attr('id', hotspot);
587	+ }
588	+ $('#wpvr_active_hotspot').val(j);
589	+ },
590	+ hide: function(deleteElement) {
591	+ var hotspot_hide_id = $(this).attr("id");
592	+ var _hide_id = hotspot_hide_id.split('-').pop();
593	+ hotspot_hide_id = "#" + hotspot_hide_id;
594	+ var hotspot_current = $(this).attr('id');
595	+ var hotspot_fchild = $(this).parent().children(":first").attr('id');
596	+
597	+ var hpelementcontains = $(this).attr("id");
598	+ var hpstr1 = 'scene';
599	+ var hpstr2 = 'hotspot';
600	+ if (hpelementcontains.indexOf(hpstr1) != -1 && hpelementcontains.indexOf(hpstr2) != -1) {
601	+ if (confirm('Are you sure you want to delete?')) {
602	+ jQuery(this).slideUp(deleteElement);
603	+ if (hotspot_current == hotspot_fchild) {
604	+ $(this).next().addClass("active");
605	+ $(this).parent().parent('.hotspot-setup').find('.hotspot-nav li span[data-href="' + hotspot_hide_id + '"]').parent("li").next().addClass("active");
606	+
607	+ } else {
608	+ $(this).prev().addClass("active");
609	+ $(this).parent().parent('.hotspot-setup').find('.hotspot-nav li span[data-href="' + hotspot_hide_id + '"]').parent("li").prev().addClass("active");
610	+ }
611	+
612	+ $(this).parent().parent('.hotspot-setup').find('.hotspot-nav li:not(:last-child) span[data-href="' + hotspot_hide_id + '"]').parent("li").remove();
613	+
614	+ //tab active setup
615	+ if (parseInt(_hide_id) - 1 > 0) {
616	+ $('#wpvr_active_hotspot').val(parseInt(_hide_id) - 1);
617	+ } else {
618	+ $('#wpvr_active_hotspot').val(1);
619	+ }
620	+ }
621	+ }
622	+ },
623	+
624	+ }]
625	+ });
626	+ });
627	+
628	+
629	+ var file_frame;
630	+ var parent;
631	+ $(document).on("click", ".scene-upload", function(event) {
632	+ event.preventDefault();
633	+ parent = $(this).parent('.form-group');
634	+
635	+ if (file_frame) {
636	+ file_frame.open();
637	+ return;
638	+ }
639	+
640	+ file_frame = wp.media.frames.file_frame = wp.media({
641	+ title: $(this).data('uploader_title'),
642	+ button: {
643	+ text: $(this).data('uploader_button_text'),
644	+ },
645	+ library: {
646	+ type: ['image']
647	+ },
648	+ multiple: false
649	+ });
650	+
651	+ file_frame.on('select', function() {
652	+
653	+ var attachment = file_frame.state().get('selection').first().toJSON();
654	+ parent.find('.scene-attachment-url').val(attachment.url);
655	+ parent.find('img').attr('src', attachment.url).show();
656	+ });
657	+
658	+ file_frame.open();
659	+ });
660	+
661	+ var file_frames;
662	+ $(document).on("click", ".video-upload", function(event) {
663	+ event.preventDefault();
664	+
665	+ parent = $(this).parent('.form-group');
666	+
667	+ if (file_frames) {
668	+ file_frames.open();
669	+ return;
670	+ }
671	+
672	+ file_frames = wp.media.frames.file_frames = wp.media({
673	+ title: $(this).data('uploader_title'),
674	+ button: {
675	+ text: $(this).data('uploader_button_text'),
676	+ },
677	+ library: {
678	+ type: ['video/mp4']
679	+ },
680	+ multiple: false
681	+ });
682	+
683	+ file_frames.on('select', function() {
684	+ var attachment = file_frames.state().get('selection').first().toJSON();
685	+ parent.find('.video-attachment-url').val(attachment.url);
686	+ });
687	+
688	+ file_frames.open();
689	+ });
690	+
691	+ var file_fram;
692	+
693	+ $(document).on("click", ".preview-upload", function(event) {
694	+ event.preventDefault();
695	+ parent = $(this).parent('.form-group');
696	+
697	+ if (file_fram) {
698	+ file_fram.open();
699	+ return;
700	+ }
701	+
702	+ file_fram = wp.media.frames.file_fram = wp.media({
703	+ title: $(this).data('uploader_title'),
704	+ button: {
705	+ text: $(this).data('uploader_button_text'),
706	+ },
707	+ library: {
708	+ type: ['image']
709	+ },
710	+ multiple: false
711	+ });
712	+
713	+ file_fram.on('select', function() {
714	+ var attachment = file_fram.state().get('selection').first().toJSON();
715	+ parent.find('.preview-attachment-url').val(attachment.url);
716	+ parent.find('.img-upload-frame').css('background-image', 'url(' + attachment.url + ')');
717	parent.find('.img-upload-frame').addClass('img-uploaded');
718	parent.find('.remove-attachment').show();
719	+ });
720
721	+ file_fram.open();
722	});
723
724	//----remove tour preview image----

732	});
733
734
735	+ $(document).on("change", "select[name*=hotspot-type]", function(event) {
736
737	+ var getparent = $(this).parent();
738
739	+ var getvalue = $(this).val();
740	+ if (getvalue == 'info') {
741	+ getparent.find('.hotspot-scene').hide();
742	+ getparent.find('.hotspot-url').show();
743	+ getparent.find('.hotspot-content').show();
744	+ } else {
745	+ getparent.find('.hotspot-scene').show();
746	+ getparent.find('.hotspot-url').hide();
747	+ getparent.find('.hotspot-content').hide();
748	+ }
749	});
750
751	$(document).on("change", "input[type=radio][name=panovideo]", function(event) {
752	+ var getvalue = $(this).val();
753	+ if (getvalue == 'on') {
754	+ $(".video-setting").show();
755	+ $("li.general").hide();
756	+ $("li.scene").hide();
757	+ $("li.hotspot").hide();
758	+ $("li.streetview").hide();
759	+ } else {
760	+ $(".video-setting").hide();
761	+ $("li.general").show();
762	+ $("li.scene").show();
763	+ $("li.hotspot").show();
764	+ $("li.streetview").show();
765	+ }
766	+ });
767	+
768	+ jQuery(document).ready(function($) {
769	+ var viddata = $("input[name='panovideo']:checked").val();
770	+ if (viddata == 'on') {
771	+ $("li.general").removeClass('active');
772	+ $(".rex-pano-tab.general").removeClass('active');
773	+ $("li.video").addClass('active');
774	+ $(".rex-pano-tab.video").addClass('active');
775	+ $(".video-setting").show();
776	+ $("li.general").hide();
777	+ $("li.scene").hide();
778	+ $("li.hotspot").hide();
779	+ } else {
780	+ $(".video-setting").hide();
781	+ $("li.general").show();
782	+ $("li.scene").show();
783	+ $("li.hotspot").show();
784	+ }
785	+ });
786	+
787	+ $(document).on("change", "select[name*=hotspot-customclass-pro]", function(event) {
788	+ var getval = $(this).val();
789	+ $(this).parent('.hotspot-setting').children('span.change-icon').html('<i class="' + getval + '"></i>');
790	+
791	+ });
792	+
793	+ $(document).on("change", ".hotspot-customclass-color", function(event) {
794	+ var getcolor = $(this).val();
795	+ color = getcolor;
796	+ $('.hotspot-customclass-color-icon-value').val(getcolor);
797	+ $('.hotspot-customclass-color').val(getcolor);
798	+ });
799	+
800	+ jQuery(document).ready(function($) {
801	+ if ($(".icon-found-value")[0]) {
802	+ color = $('.hotspot-customclass-color-icon-value.icon-found-value').val();
803	+ } else {
804	+ color = '#00b4ff';
805	+ }
806	+ });
807	+
808	+ function changeicon() {
809	+ $('.hotspot-customclass-color-icon-value').val(color);
810	+ $('.hotspot-customclass-color').val(color);
811	+ }
812	+
813	+ //------------panolens tab js------------------
814	+
815	+
816	+ $(document).on("click", ".scene-nav ul li:not(:last-child) span", function() {
817	+
818	+ var scene_id = $(this).data('index');
819	+ scene_id = '#scene-' + scene_id;
820	+
821	+ j = $(scene_id).find('.hotspot-nav li').eq(-2).find('span').attr('data-index');
822	+
823	+ $([$(this).parent()[0], $($(this).data('href'))[0]]).addClass('active').siblings('.active').removeClass('active');
824	+ $('#wpvr_active_scenes').val($(this).data('index'));
825	+ });
826	+
827	+ //add click
828	+ $(document).on("click", ".scene-nav ul li:last-child span", function() {
829	+ var scene_id = $(this).parent('li').prev().children("span").data('index');
830	+ scene_id = '#scene-' + scene_id;
831	+ $(scene_id).removeAttr("style");
832	+ j = $(scene_id).find('.hotspot-nav li').eq(-2).find('span').attr('data-index');
833	+ $('.scene-nav ul li.active').removeClass('active');
834	+ $(this).parent('li').prev().addClass('active');
835	+ var sceneinfo = $('.scene-setup').repeaterVal();
836	+ var infodata = sceneinfo['scene-list'];
837	+ $('.hotspotscene').find('option').remove();
838	+ $('.hotspotscene').append("<option value='none'>None</option>");
839	+ for (var i in infodata) {
840	+ var optiondata = infodata[i]['scene-id'];
841	+ if (optiondata != '') {
842	+ $('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
843	+ }
844	+ }
845	+ $('.hotspot-customclass-pro-select').fontIconPicker();
846	+ $('span.change-icon').hide();
847	+ });
848	+
849	+ //end add click
850	+ $(document).on("click", ".hotspot-nav ul li:not(:last-child) span", function() {
851	+ $('#wpvr_active_hotspot').val($(this).data('index'));
852	+ $([$(this).parent()[0], $($(this).data('href'))[0]]).addClass('active').siblings('.active').removeClass('active');
853	+ });
854	+
855	+ $(document).on("click", ".hotspot-nav ul li:last-child span", function() {
856	+ $(this).parent('li').siblings('.active').removeClass('active');
857	+ $(this).parent('li').prev().addClass('active');
858	+ var sceneinfo = $('.scene-setup').repeaterVal();
859	+ var infodata = sceneinfo['scene-list'];
860	+ $('.hotspotscene').find('option').remove();
861	+ $('.hotspotscene').append("<option value='none'>None</option>");
862	+ for (var i in infodata) {
863	+ var optiondata = infodata[i]['scene-id'];
864	+ if (optiondata != '') {
865	+ $('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
866	+ }
867	+ }
868	+ $('.trtr').trigger('change');
869	+ $('.hotspot-customclass-pro-select').fontIconPicker();
870	+ $('span.change-icon').hide();
871	+
872	+ });
873	+
874	+ function changehotspotid(id) {
875	+ var scene_id = '#scene-' + id;
876	+ var hotspot_id = 'scene-' + id + '-hotspot-1';
877	+ $(scene_id).find('.hotspot-nav li span').attr('data-href', '#' + hotspot_id + '');
878	+ $(scene_id).find('.single-hotspot').attr('id', hotspot_id);
879	+
880	+ }
881	+
882	+ $(document).on("click", ".rex-pano-nav-menu.main-nav ul li span", function() {
883	+ var screen = $(this).parent().attr('data-screen');
884	+ console.log($('#wpvr_active_tab').val(screen));
885	+ $('#wpvr_active_tab').val(screen);
886	+
887	+ $([$(this).parent()[0], $($(this).data('href'))[0]]).addClass('active').siblings('.active').removeClass('active');
888	+ });
889	+
890	+ //----------alert dismiss--------//
891	+ $(document).on("click", "body", function() {
892	+ $('.pano-alert').hide();
893	+ });
894	+ $(document).on("click", ".pano-alert > .destroy", function() {
895	+ $('.pano-alert').hide();
896	+ });
897	+ $(document).on("click", ".pano-alert, .rex-pano-sub-tabs .rex-pano-tab-nav li.add", function(e) {
898	+ e.stopPropagation();
899	+ });
900	+
901	+
902	+ $(document).on("click", ".main-nav li.hotspot span", function() {
903	+ $(".hotspot-setup.rex-pano-sub-tabs").show();
904	+ $(".scene-setup > nav.scene-nav").hide();
905	+ $(".scene-setup .single-scene > .scene-content").hide();
906	+ $(".scene-setup .delete-scene").hide();
907	+ });
908	+
909	+ $(document).on("click", ".main-nav li.scene span", function() {
910	+ $(".hotspot-setup.rex-pano-sub-tabs").hide();
911	+ $(".scene-setup > nav.scene-nav").show();
912	+ $(".scene-setup .single-scene > .scene-content").show();
913	+ $(".scene-setup .delete-scene").show();
914	+ });
915	+
916	+ $(document).on("change", ".dscen", function() {
917	+ var dscene = $(this).val();
918	+ $(".dscen").not(this).each(function() {
919	+ var oth_scene = $(this).val();
920	+ if (dscene == 'on' && oth_scene == 'on') {
921	+ alert('Default scene updated.');
922	+ $(this).val('off');
923	+ }
924	+ });
925	+ });
926	+
927	+ $(document).on("change", ".sceneid", function() {
928	+ var sceneinfo = $('.scene-setup').repeaterVal();
929	+ var infodata = sceneinfo['scene-list'];
930	+ $('.hotspotscene').find('option').remove();
931	+ $('.hotspotscene').append("<option value='none'>None</option>");
932	+ for (var i in infodata) {
933	+ var optiondata = infodata[i]['scene-id'];
934	+ if (optiondata != '') {
935	+ $('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
936	+ }
937	+ }
938	+ });
939	+
940	+
941	+
942	+ function deleteinfodata() {
943	+ var sceneinfo = $('.scene-setup').repeaterVal();
944	+ var infodata = sceneinfo['scene-list'];
945	+ $('.hotspotscene').find('option').remove();
946	+ $('.hotspotscene').append("<option value='none'>None</option>");
947	+ for (var i in infodata) {
948	+ var optiondata = infodata[i]['scene-id'];
949	+ if (optiondata != '') {
950	+ $('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
951	+ }
952	+ }
953	+ }
954	+
955	+ $(document).on("change", ".hotspotscene", function() {
956	+
957	+ var chanheghtptpval = $(this).val();
958	+ if (chanheghtptpval != "none") {
959	+ $(this).parent('.hotspot-scene').siblings('.hotspot-scene').children('.hotspotsceneinfodata').val(chanheghtptpval);
960	+ } else {
961	+ $(this).parent('.hotspot-scene').siblings('.hotspot-scene').children('.hotspotsceneinfodata').val('');
962	+ }
963	+ });
964	+
965	+ $(document).on("click", ".hotpitch", function(event) {
966	+ var datacoords = $('#panodata').text().split(',');
967	+ var pitchsplit = datacoords[0];
968	+ var pitch = pitchsplit.split(':');
969	+ $(this).parent().parent('.hotspot-setting').children('.hotspot-pitch').val(pitch[1]);
970	+ });
971	+
972	+ $(document).on("click", ".hotyaw", function(event) {
973	+ var datacoords = $('#panodata').text().split(',');
974	+ var yawsplit = datacoords[1];
975	+ var yaw = yawsplit.split(':');
976	+ $(this).parent().parent('.hotspot-setting').children('.hotspot-yaw').val(yaw[1]);
977	+ });
978	+
979	+ jQuery(document).ready(function($) {
980	+
981	+ if ($(".scene-setup").length > 0) {
982	+ var sceneinfo = $('.scene-setup').repeaterVal();
983	+ var infodata = sceneinfo['scene-list'];
984	+ $('.hotspotscene').find('option').remove();
985	+ $('.hotspotscene').append("<option value='none'>None</option>");
986	+ for (var i in infodata) {
987	+ var optiondata = infodata[i]['scene-id'];
988	+ if (optiondata != '') {
989	+ $('.hotspotscene').append("<option value='" + optiondata + "'>" + optiondata + "</option>");
990	+ }
991	+ }
992	+ }
993	+ });
994	+
995	+ $(document).on("click", ".toppitch", function(event) {
996	+ var datacoords = $('#panodata').text().split(',');
997	+ var pitchsplit = datacoords[0];
998	+ var pitch = pitchsplit.split(':');
999	+ var yawsplit = datacoords[1];
1000	+ var yaw = yawsplit.split(':');
1001	+
1002	+ $('div.single-scene.rex-pano-tab.active').children('div.hotspot-setup.rex-pano-sub-tabs').children('div.rex-pano-tab-content').children('div.single-hotspot.rex-pano-tab.active.clearfix').find('.hotspot-pitch').val(pitch[1]);
1003	+ $('div.single-scene.rex-pano-tab.active').children('div.hotspot-setup.rex-pano-sub-tabs').children('div.rex-pano-tab-content').children('div.single-hotspot.rex-pano-tab.active.clearfix').find('.hotspot-yaw').val(yaw[1]);
1004	+ });
1005	+ jQuery(document).ready(function($) {
1006	+ $('.hotspot-customclass-pro-select').fontIconPicker();
1007	+ });
1008	+ jQuery(document).ready(function($) {
1009	+ $('span.change-icon').hide();
1010	+ });
1011	+
1012	+ jQuery(document).ready(function($) {
1013	+ var autrotateset = $("input[name='autorotation']").val();
1014	+
1015	+ if (autrotateset == 'off') {
1016	+ $('.autorotationdata-wrapper').hide();
1017	+ } else {
1018	+ $('.autorotationdata-wrapper').show();
1019	+ }
1020	+ });
1021	+
1022	+ $(document).on("change", "input[name='autorotation']", function(event) {
1023	+ var autrotateset = $(this).val();
1024	+
1025	+ if (autrotateset == 'on') {
1026	+ $('.autorotationdata-wrapper').show();
1027	+ } else {
1028	+ $('.autorotationdata-wrapper').hide();











































































































































































































1029	}
1030	+ });
1031	+
1032	+ $(document).on("change", ".ptyscene", function(event) {
1033	+ var ptyscene = $(this).val();
1034	+ if (ptyscene == 'off') {
1035	+ $(this).parent('.single-settings').siblings('.ptyscenedata').hide();
1036	+ } else {
1037	+ $(this).parent('.single-settings').siblings('.ptyscenedata').show();
1038	+ }
1039	+ });
1040	+
1041	+ $(document).on("change", ".cvgscene", function(event) {
1042	+ var cvgscene = $(this).val();
1043	+ if (cvgscene == 'off') {
1044	+ $(this).parent('.single-settings').siblings('.cvgscenedata').hide();
1045	+ } else {
1046	+ $(this).parent('.single-settings').siblings('.cvgscenedata').show();
1047	+ }
1048	+ });
1049	+
1050	+ $(document).on("change", ".chgscene", function(event) {
1051	+ var chgscenedata = $(this).val();
1052	+ if (chgscenedata == 'off') {
1053	+ $(this).parent('.single-settings').siblings('.chgscenedata').hide();
1054	+ } else {
1055	+ $(this).parent('.single-settings').siblings('.chgscenedata').show();
1056	+ }
1057	+ });
1058	+
1059	+ $(document).on("change", ".czscene", function(event) {
1060	+ var czscene = $(this).val();
1061	+ if (czscene == 'off') {
1062	+ $(this).parent('.single-settings').siblings('.czscenedata').hide();
1063	+ } else {
1064	+ $(this).parent('.single-settings').siblings('.czscenedata').show();
1065	+ }
1066	+ });
1067	+
1068	+ /**
1069	+ * Nasim
1070	+ * enable script button on chnage action
1071	+ */
1072	+ $("#wpvr_script_control").change(function() {
1073	+
1074	+ if ($('#wpvr_script_control').is(':checked')) {
1075	+
1076	+ $(".wpvr_enqueue_script_list").show();
1077	+
1078	+ } else {
1079	+
1080	+ $(".wpvr_enqueue_script_list").hide();
1081	+ }
1082	+
1083	+ });
1084	+
1085	+
1086	+ /**
1087	+ * Nasim
1088	+ * Check enable script button is on or not
1089	+ * if on then script list field will be show and if off then script list field will be hide
1090	+ */
1091	+ if ($('#wpvr_script_control').is(':checked')) {
1092	+
1093	+ $(".wpvr_enqueue_script_list").show();
1094	+
1095	+ } else {
1096	+
1097	+ $(".wpvr_enqueue_script_list").hide();
1098	+ }
1099	+
1100	+ $(document).on("click", "#wpvr_role_submit", function(e) {
1101	+ e.preventDefault();
1102	+ var ajaxurl = wpvr_obj.ajaxurl;
1103	+ $('#wpvr_role_progress').show();
1104	+ $('#wpvr_role_submit').attr('disabled', true);
1105	+ var editor = $('#wpvr_editor_active').is(':checked');
1106	+ var author = $('#wpvr_author_active').is(':checked');
1107	+ var fontawesome = $('#wpvr_fontawesome_disable').is(':checked');
1108	+ var mobile_media_resize = $('#mobile_media_resize').is(':checked');
1109	+ var wpvr_frontend_notice = $('#wpvr_frontend_notice').is(':checked');
1110	+ var wpvr_frontend_notice_area = $('#wpvr_frontend_notice_area').val();
1111	+ var wpvr_script_control = $('#wpvr_script_control').is(':checked');
1112	+ var wpvr_script_list = $('#wpvr_script_list').val();
1113	+ var high_res_image = $('#high_res_image').is(':checked');
1114	+
1115	+ /**
1116	+ * Nasim
1117	+ * check enable script button is on and script list field is not empty
1118	+ */
1119	+ if ($('#wpvr_script_control').is(':checked') && !wpvr_script_list) {
1120	+
1121	+ if (confirm('The "List of Allowed Pages To Load WP VR Scripts " Field Is Empty. No Virtual Tours Will Show Up on Your Site.')) {
1122	+
1123	+ jQuery.ajax({
1124	+ type: "POST",
1125	+ url: ajaxurl,
1126	+ data: {
1127	+ action: "wpvr_role_management",
1128	+ editor: editor,
1129	+ author: author,
1130	+ fontawesome: fontawesome,
1131	+ mobile_media_resize: mobile_media_resize,
1132	+ high_res_image: high_res_image,
1133	+ wpvr_frontend_notice: wpvr_frontend_notice,
1134	+ wpvr_frontend_notice_area: wpvr_frontend_notice_area,
1135	+ wpvr_script_control: wpvr_script_control,
1136	+ wpvr_script_list: wpvr_script_list,
1137	+ },
1138	+ success: function(response) {
1139	+ $('#wpvr_role_progress').hide();
1140	+ $('#wpvr_role_submit').attr('disabled', false);
1141	+ if (response.status == 'success') {
1142	+ Materialize.toast(response.message, 2000);
1143	+ }
1144	+ }
1145	+ });
1146	+ } else {
1147	+ $('#wpvr_role_progress').hide();
1148	+ $('#wpvr_role_submit').attr('disabled', false);
1149	+ }
1150	+
1151	+ } else {
1152	+ jQuery.ajax({
1153	+ type: "POST",
1154	+ url: ajaxurl,
1155	+ data: {
1156	+ action: "wpvr_role_management",
1157	+ editor: editor,
1158	+ author: author,
1159	+ fontawesome: fontawesome,
1160	+ mobile_media_resize: mobile_media_resize,
1161	+ high_res_image: high_res_image,
1162	+ wpvr_frontend_notice: wpvr_frontend_notice,
1163	+ wpvr_frontend_notice_area: wpvr_frontend_notice_area,
1164	+ wpvr_script_control: wpvr_script_control,
1165	+ wpvr_script_list: wpvr_script_list,
1166	+ },
1167	+ success: function(response) {
1168	+ $('#wpvr_role_progress').hide();
1169	+ $('#wpvr_role_submit').attr('disabled', false);
1170	+ if (response.status == 'success') {
1171	+ Materialize.toast(response.message, 2000);
1172	+ }
1173	+ }
1174	+ });
1175	+ }
1176	+
1177	+
1178	+
1179	+ });
1180	+
1181	+
1182	+ //------general tab's inner tab-------
1183	+ jQuery(document).ready(function($) {
1184	+ $('.general-inner-tab .inner-nav li span').on('click', function() {
1185	+ var this_id = $(this).attr('data-href');
1186	+ $(this_id).show();
1187	+ $(this_id).siblings().hide();
1188	+ });
1189	+
1190	+ $(".video").on("click", function(e) {
1191	+ $('.sceneid').each(function() {
1192	+ var val = $(this).val();
1193	+ if (val) {
1194	+ // confirm('Your previous data will be lost');
1195	+ var status = $("input[name='panovideo']:checked").val();
1196	+ if ("on" == status) {
1197	+ $('.wpvr-delete-alert-wrapper').css('display', 'flex');
1198	+ } else {
1199	+ $('.wpvr-delete-alert-wrapper').css('display', 'none');
1200	+ }
1201	+
1202	+ $(document).on("click", ".wpvr-delete-confirm-btn .cancel", function(e) {
1203	+ e.preventDefault();
1204	+ $('.wpvr-delete-alert-wrapper').css('display', 'none');
1205	+ $('.wpvr-delete-alert-wrapper').hide();
1206	+
1207	+ $(".video_on").prop('checked', false);
1208	+ $(".video_off").prop('checked', true);
1209	+
1210	+ $(".video-setting").hide();
1211	+ $("li.general").show();
1212	+ $("li.scene").show();
1213	+ $("li.hotspot").show();
1214	+ });
1215	+
1216	+
1217	+
1218	+ }
1219	+ });
1220	+ });
1221	+
1222	+ /**
1223	+ * Nasim
1224	+ * confirmation alert - cancel
1225	+ */
1226	+
1227	+
1228	+ /**
1229	+ * Nasim
1230	+ * confirmation alert - yes
1231	+ */
1232	+ $(document).on("click", ".wpvr-delete-confirm-btn .yes", function(e) {
1233	+ e.preventDefault();
1234	+ $('.wpvr-delete-alert-wrapper').css('display', 'none');
1235	+ $('.wpvr-delete-alert-wrapper').hide();
1236	+ return false;
1237	+ });
1238	+
1239	+
1240	+ });
1241	+
1242	+
1243	+
1244	+
1245	+
1246	+ //------active tab scripts-------
1247	+ jQuery(document).ready(function($) {
1248	+
1249	+ function getUrlVars() {
1250	+ var vars = [],
1251	+ hash;
1252	+ var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
1253	+ for (var i = 0; i < hashes.length; i++) {
1254	+ hash = hashes[i].split('=');
1255	+ vars.push(hash[0]);
1256	+ vars[hash[0]] = hash[1];
1257	+ }
1258	+ return vars;
1259	+ }
1260	+ var activeTab = 'general',
1261	+ vr_main_tab = $('#wpvr-main-nav'),
1262	+ var_main_tab_contents = $('#wpvr-main-tab-contents').find('.rex-pano-tab').not(".single-scene,.single-hotspot"),
1263	+ scene_content = $('.scene-content'),
1264	+ scene_nav = $('.scene-nav'),
1265	+ single_scene = $('.single-scene'),
1266	+ hotspot_content = $('.hotspot-setup'),
1267	+ single_hotspot = $('.single-hotspot'),
1268	+ delete_scene_btn = $('.delete-scene'),
1269	+ delete_hotspot_btn = $('.delete-hotspot');
1270	+
1271	+ var _q_activeTab = getUrlVars()["active_tab"];
1272	+ var _sceneID = getUrlVars()["scene"];
1273	+ var _hotspotID = getUrlVars()["hotspot"];
1274	+ var default_tabs = ['general', 'scene', 'hotspot', 'video'];
1275	+ if (_q_activeTab) {
1276	+ if (default_tabs.includes(_q_activeTab)) {
1277	+ activeTab = _q_activeTab;
1278	+ vr_main_tab.find('li:not(:first)').removeClass('active');
1279	+ vr_main_tab.find('.' + activeTab).addClass('active');
1280	+
1281	+ // scene screens
1282	+ var_main_tab_contents.addClass('active');
1283	+ if (activeTab === 'scene' \|\| activeTab === 'hotspot') {
1284	+ var_main_tab_contents.not('#scenes').removeClass('active');
1285	+ } else {
1286	+ var_main_tab_contents.not('#' + activeTab).removeClass('active');
1287	+ }
1288	+
1289	+ // scene contents
1290	+ if (_sceneID) {
1291	+ var scenesIds = [];
1292	+ var sceneID = '#scene-' + _sceneID;
1293	+ var scene_nav_items = scene_nav.find('li');
1294	+ scene_nav.find('li').each(function() {
1295	+ var index = $(this).find('span').attr('data-index');
1296	+ if (index) {
1297	+ scenesIds.push(index);
1298	+ }
1299	+ });
1300	+ if (scenesIds.includes(_sceneID)) {
1301	+ scene_nav_items.removeClass('active');
1302	+ scene_nav.find('li').each(function() {
1303	+ var index = $(this).find('span').attr('data-index');
1304	+ if (_sceneID == index) {
1305	+ $(this).addClass('active');
1306	+ }
1307	+ });
1308	+ if (activeTab == 'scene' \|\| _sceneID) {
1309	+ single_scene.removeClass('active');
1310	+ $(sceneID).addClass('active');
1311	+ }
1312	+ } else {
1313	+ scene_nav.find('li:first').addClass('active');
1314	+ }
1315	+
1316	+ if (activeTab === 'scene') {
1317	+ if (scenesIds.includes(_sceneID)) {
1318	+ $(single_scene).removeClass('active');
1319	+ $(sceneID).addClass('active');
1320	+ }
1321	+ } else {
1322	+ $(delete_scene_btn).hide();
1323	+ $(scene_nav).hide();
1324	+ $('.scene-content').hide();
1325	+ $(sceneID).find('.hotspot-setup').show();
1326	+ }
1327	+
1328	+ //hotspot contents
1329	+ var hotspot_nav = $('.single-scene.active').find('.hotspot-nav');
1330	+ var hotspotIds = [];
1331	+ var hotspot_nav_items = $('.single-scene.active').find('.hotspot-nav').find('li');
1332	+ var activeHotspotId = '#scene-' + _sceneID + 'hotspot-' + _hotspotID;
1333	+ hotspot_nav_items.each(function() {
1334	+ var index = $(this).find('span').attr('data-index');
1335	+ if (index) {
1336	+ hotspotIds.push(index);
1337	+ activeHotspotId = $(this).find('span').attr('data-href');
1338	+ }
1339	+ });
1340	+ if (hotspotIds.includes(_hotspotID)) {
1341	+ hotspot_nav_items.removeClass('active');
1342	+ hotspot_nav.find('li').each(function() {
1343	+ var index = $(this).find('span').attr('data-index');
1344	+ if (_hotspotID === index) {
1345	+ $(this).addClass('active');
1346	+ }
1347	+ });
1348	+ if (activeHotspotId) {
1349	+ $(sceneID).find('.single-hotspot').removeClass('active');
1350	+ $(activeHotspotId).addClass('active');
1351	+ }
1352	+ }
1353	+ }
1354	+ }
1355	+ }
1356	+ });
1357	+
1358
1359	})(jQuery);

admin/partials/wpvr-meta-box-builder-display.php CHANGED Viewed

	@@ -13,6 +13,7 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
13	*/
14	?>
15	<?php

16	$post = '';
17	$id = '';
18	$postdata = array();
	@@ -29,6 +30,7 @@ if (isset($postdata['vidid'])) {
29	<i class="fa fa-times" id="cross"></i>
30	<div id="custom-ifram" style="display: none;">
31

32	</div>
33	<div id="<?php echo 'pano'.$id; ?>" class="pano-wrap" style="height: 100%;">
34	<?php
	@@ -428,12 +430,13 @@ if (isset($postdata['panodata'])) {
428	if (!empty($response)) {
429	$response = json_encode($response);
430	}

431	?>
432
433	<div class="iframe-wrapper">
434	<i class="fa fa-times" id="cross"></i>
435	<div id="custom-ifram" style="display: none;">
436	-
437	</div>
438	<div id="<?php echo 'pano'.$id; ?>" class="pano-wrap" style="direction:ltr;">
439
	@@ -459,6 +462,17 @@ if (isset($postdata['panodata'])) {
459
460	</div>
461











462
463
464	<script>


13	*/
14	?>
15	<?php
16	+
17	$post = '';
18	$id = '';
19	$postdata = array();

30	<i class="fa fa-times" id="cross"></i>
31	<div id="custom-ifram" style="display: none;">
32
33	+
34	</div>
35	<div id="<?php echo 'pano'.$id; ?>" class="pano-wrap" style="height: 100%;">
36	<?php

430	if (!empty($response)) {
431	$response = json_encode($response);
432	}
433	+
434	?>
435
436	<div class="iframe-wrapper">
437	<i class="fa fa-times" id="cross"></i>
438	<div id="custom-ifram" style="display: none;">
439	+
440	</div>
441	<div id="<?php echo 'pano'.$id; ?>" class="pano-wrap" style="direction:ltr;">
442

462
463	</div>
464
465	+ <?php
466	+ /**
467	+ * Nasim
468	+ * include alert modal
469	+ */
470	+
471	+ ?>
472	+ <?php include('wpvr_confirmation_alert.php');?>
473	+
474	+
475	+
476
477
478	<script>

admin/partials/wpvr_confirmation_alert.php ADDED Viewed

	@@ -0,0 +1,19 @@


1	+ <div class="wpvr-delete-alert-wrapper">
2	+ <div class="wpvr-delete-confirmation">
3	+ <span class="icon">
4	+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
5	+ <path d="M11.1667 1.72266L1.72223 11.1671" stroke="#7A8B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6	+ <path d="M1.72223 1.72266L11.1667 11.1671" stroke="#7A8B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7	+ </svg>
8	+ </span>
9	+ <h3><?php echo __('Turning On The Video Option Will Erase Your Virtual Tour Data. Are You Sure?', 'wpvr'); ?></h3>
10	+ <ul class="wpvr-delete-confirm-btn">
11	+ <li><button class="btn-default cancel"><?php echo __('Cancel', 'wpvr'); ?></button></li>
12	+ <li>
13	+ <button type="button" class="btn-default yes delete-checkout-field tcf_delete_row">
14	+ <?php echo __('Yes', 'wpvr'); ?>
15	+ </button>
16	+ </li>
17	+ </ul>
18	+ </div>
19	+ </div>

admin/partials/wpvr_documentation.php CHANGED Viewed

	@@ -672,7 +672,7 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
672	</span>
673	</li>
674
675	- <li class="enqueue-script">
676	<h6><?php echo __( 'List of allowed pages to load WP VR scripts (The URLs of the pages on your site with virtual tours):', 'wpvr' ); ?> </h6>
677
678	<span class="wpvr-tooltip">
	@@ -760,3 +760,4 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
760	</div>
761
762	</div>


672	</span>
673	</li>
674
675	+ <li class="enqueue-script wpvr_enqueue_script_list">
676	<h6><?php echo __( 'List of allowed pages to load WP VR scripts (The URLs of the pages on your site with virtual tours):', 'wpvr' ); ?> </h6>
677
678	<span class="wpvr-tooltip">

760	</div>
761
762	</div>
763	+ <?php include('wpvr_confirmation_alert.php');?>

elementor/elements/Wpvr-widget.php CHANGED Viewed

	@@ -99,6 +99,24 @@ class Wpvr_Widget extends Widget_Base {
99	* @access protected
100	*/
101	protected function _register_controls() {


















102	$this->start_controls_section(
103	'section_content',
104	[
	@@ -106,16 +124,19 @@ class Wpvr_Widget extends Widget_Base {
106	]
107	);
108
109	-



110	$this->add_control(
111	- 'vr_id',
112	- [
113	- 'label' => __( 'ID:', 'wpvr' ),
114	- 'type' => Controls_Manager::~~TEXT~~,
115	- '~~input_type~~' => '~~number~~',
116	- '~~placeholder~~' => ~~__( '', 'wpvr' ),~~
117	- ]
118	- );
119
120	$this->add_control(
121	'vr_width',
	@@ -180,7 +201,7 @@ class Wpvr_Widget extends Widget_Base {
180	if (empty($radius)) {
181	$radius = "0px";
182	}
183	-
184	if ($id) {
185	$shortcode = do_shortcode( shortcode_unautop( '[wpvr id="'.$id.'" width="'.$width.'" height="'.$height.'" radius="'.$radius.'"]' ) );
186	echo $shortcode;


99	* @access protected
100	*/
101	protected function _register_controls() {
102	+
103	+
104	+ /**
105	+ * Nasim
106	+ * get all tour info and store in $wpvr_post
107	+ */
108	+ $the_posts = get_posts(array('post_type' => 'wpvr_item','posts_per_page' => -1));
109	+
110	+ $wpvr_post = array();
111	+
112	+ foreach($the_posts as $post){
113	+ if($post->post_title){
114	+ $wpvr_post[$post->ID] = $post->post_title.' : '.$post->ID;
115	+ }else{
116	+ $wpvr_post[$post->ID] = 'No title' .' : '.$post->ID;
117	+ }
118	+ }
119	+
120	$this->start_controls_section(
121	'section_content',
122	[

124	]
125	);
126
127	+ /**
128	+ * Nasim
129	+ * add a select type field instead of text field
130	+ */
131	$this->add_control(
132	+ 'vr_id',
133	+ [
134	+ 'label' => __( 'ID:', 'wpvr' ),
135	+ 'type' => \Elementor\Controls_Manager::SELECT,
136	+ 'default' => 'solid',
137	+ 'options' => $wpvr_post
138	+ ]
139	+ );
140
141	$this->add_control(
142	'vr_width',

201	if (empty($radius)) {
202	$radius = "0px";
203	}
204	+
205	if ($id) {
206	$shortcode = do_shortcode( shortcode_unautop( '[wpvr id="'.$id.'" width="'.$width.'" height="'.$height.'" radius="'.$radius.'"]' ) );
207	echo $shortcode;

public/css/wpvr-public.css CHANGED Viewed

	@@ -148,7 +148,7 @@
148	top: 50%;
149	transform: translateY(-50%);
150	}
151	- .fullscreen {
152	top: 50%;
153	left: 50%;
154	transform: translate(-50%, -50%);


148	top: 50%;
149	transform: translateY(-50%);
150	}
151	+ .ctrl.fullscreen {
152	top: 50%;
153	left: 50%;
154	transform: translate(-50%, -50%);

public/js/wpvr-public.js CHANGED Viewed

@@ -1,87 +1,90 @@
-            -
            (function( $ ) {
-            -
            	'use strict';
-            -
            	/**
-            -
            	 * All of the code for your public-facing JavaScript source
-            -
            	 * should reside in this file.
-            -
            	 *
-            -
            	 * Note: It has been assumed you will write jQuery code here, so the
-            -
            	 * $ function reference has been prepared for usage within the scope
-            -
            	 * of this function.
-            -
            	 *
-            -
            	 * This enables you to define handlers, for when the DOM is ready:
-            -
            	 *
-            -
            	 * $(function() {
-            -
            	 *
-            -
            	 * });
-            -
            	 *
-            -
            	 * When the window is loaded:
-            -
            	 *
-            -
            	 * $( window ).load(function() {
-            -
            	 *
-            -
            	 * });
-            -
            	 *
-            -
            	 * ...and/or other possibilities.
-            -
            	 *
-            -
            	 * Ideally, it is not considered best practise to attach more than a
-            -
            	 * single DOM-ready or window-load handler for a particular page.
-            -
            	 * Although scripts in the WordPress core, Plugins and Themes may be
-            -
            	 * practising this, we should strive to set a better example in our own work.
-            -
            	 */
-            -
            })( jQuery );
             function wpvrhotspot(hotSpotDiv, args) {
-            -
            	var argst = args.replace(/\\/g, '');
-            -
            	jQuery(document).ready(function($){
-            -
            		$(hotSpotDiv.target).parent().siblings(".custom-ifram-wrapper").find('.custom-ifram').html(argst);
-            -
            		$(hotSpotDiv.target).parent().siblings(".custom-ifram-wrapper").fadeToggle();
-            -
            		$(hotSpotDiv.target).parent().parent(".pano-wrap").toggleClass("show-modal");
-            -
            	});
+            }
             function wpvrtooltip(hotSpotDiv, args) {
-            -
            	hotSpotDiv.classList.add('custom-tooltip');
-            -
            	var span = document.createElement('span');
-            -
            	args = args.replace(/\\/g, "");
-            -
            	span.innerHTML = args;
-            -
            	hotSpotDiv.appendChild(span);
-            -
            	span.style.marginLeft = -(span.scrollWidth - hotSpotDiv.offsetWidth) / 2 + 'px';
-            -
            	span.style.marginTop = -span.scrollHeight - 12 + 'px';
+            }
-            -
            jQuery(document).ready(function($){
-            -
            	$(".cross").on("click", function(e){
                     e.preventDefault();
-            -
            		$(this).parent(".custom-ifram-wrapper").fadeOut();
                     $(this).parents(".pano-wrap").removeClass("show-modal");
-            -
            		$('iframe').attr('src', $('iframe').attr('src'));
-            -
            		if($('#wpvr-video').length != 0) {
-            -
            			$('#wpvr-video').get(0).pause();
-            -
            		}
                 });
             });
-            -
            jQuery(document).ready(function($){
-            -
            		var notice_active = wpvr_public.notice_active;
-            -
            		var notice = wpvr_public.notice;
-            -
            		if (notice_active == "true") {
-            -
            			if (!$.cookie("wpvr_mobile_notice")) {
-            -
            				if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
-            -
            					if ($(".pano-wrap")[0]){
-            -
            						$('body').append("<div class='wpvr-mobile-notice'><p>"+notice+"</p> <span class='notice-close'><i class='fa fa-times'></i></span></div>");
-            -
            					}
-            -
            				}
-            -
            			}
-            -
            		}
-            -
              $('.wpvr-mobile-notice .notice-close').on('click', function(){
-            -
                  $('.wpvr-mobile-notice').fadeOut();
-            -
                  $.cookie('wpvr_mobile_notice', 'true');
-            -
              });
-            -
            });


1	+ (function($) {
2	+ 'use strict';
3
4	+ /**
5	+ * All of the code for your public-facing JavaScript source
6	+ * should reside in this file.
7	+ *
8	+ * Note: It has been assumed you will write jQuery code here, so the
9	+ * $ function reference has been prepared for usage within the scope
10	+ * of this function.
11	+ *
12	+ * This enables you to define handlers, for when the DOM is ready:
13	+ *
14	+ * $(function() {
15	+ *
16	+ * });
17	+ *
18	+ * When the window is loaded:
19	+ *
20	+ * $( window ).load(function() {
21	+ *
22	+ * });
23	+ *
24	+ * ...and/or other possibilities.
25	+ *
26	+ * Ideally, it is not considered best practise to attach more than a
27	+ * single DOM-ready or window-load handler for a particular page.
28	+ * Although scripts in the WordPress core, Plugins and Themes may be
29	+ * practising this, we should strive to set a better example in our own work.
30	+ */
31
32	+ })(jQuery);
33
34	function wpvrhotspot(hotSpotDiv, args) {
35	+ var argst = args.replace(/\\/g, '');
36	+ jQuery(document).ready(function($) {
37	+ $(hotSpotDiv.target).parent().siblings(".custom-ifram-wrapper").find('.custom-ifram').html(argst);
38	+ $(hotSpotDiv.target).parent().siblings(".custom-ifram-wrapper").fadeToggle();
39	+ $(hotSpotDiv.target).parent().parent(".pano-wrap").toggleClass("show-modal");
40	+ });
41	}
42
43	function wpvrtooltip(hotSpotDiv, args) {
44	+ hotSpotDiv.classList.add('custom-tooltip');
45	+ var span = document.createElement('span');
46	+ args = args.replace(/\\/g, "");
47	+ span.innerHTML = args;
48	+ hotSpotDiv.appendChild(span);
49	+ span.style.marginLeft = -(span.scrollWidth - hotSpotDiv.offsetWidth) / 2 + 'px';
50	+ span.style.marginTop = -span.scrollHeight - 12 + 'px';
51	}
52
53
54	+ jQuery(document).ready(function($) {
55	+
56	+
57
58	+ $(".cross").on("click", function(e) {
59	e.preventDefault();
60
61	+ $(this).parent(".custom-ifram-wrapper").fadeOut();
62	$(this).parents(".pano-wrap").removeClass("show-modal");
63
64	+ $('iframe').attr('src', $('iframe').attr('src'));
65	+ if ($('#wpvr-video').length != 0) {
66	+ $('#wpvr-video').get(0).pause();
67	+ }
68
69	});
70	+
71	});
72
73	+ jQuery(document).ready(function($) {
74	+ var notice_active = wpvr_public.notice_active;
75	+ var notice = wpvr_public.notice;
76	+ if (notice_active == "true") {
77	+ if (!$.cookie("wpvr_mobile_notice")) {
78	+ if (/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) {
79	+ if ($(".pano-wrap")[0]) {
80	+ $('body').append("<div class='wpvr-mobile-notice'><p>" + notice + "</p> <span class='notice-close'><i class='fa fa-times'></i></span></div>");
81	+ }
82	+ }
83	+ }
84	+ }
85
86	+ $('.wpvr-mobile-notice .notice-close').on('click', function() {
87	+ $('.wpvr-mobile-notice').fadeOut();
88	+ $.cookie('wpvr_mobile_notice', 'true');
89	+ });
90	+ });

wpvr.php CHANGED Viewed

	@@ -16,7 +16,7 @@
16	* Plugin Name: WP VR
17	* Plugin URI: https://rextheme.com/wpvr/
18	* Description: WP VR - 360 Panorama and virtual tour creator for WordPress is a customized panaroma & virtual builder tool for WordPress Website.
19	- * Version: 7.2.3
20	* Author: Rextheme
21	* Author URI: http://rextheme.com/
22	* License: GPL-2.0+
	@@ -34,7 +34,7 @@ require plugin_dir_path(__FILE__) . 'elementor/elementor.php';
34	* Start at version 1.0.0 and use SemVer - https://semver.org
35	* Rename this for your plugin and update it as you release new versions.
36	*/
37	- define('WPVR', '7.2.3');
38	define('WPVR_FILE', __FILE__);
39	define("WPVR_PLUGIN_DIR_URL", plugin_dir_url(__FILE__));
40	define("WPVR_PLUGIN_PUBLIC_DIR_URL", plugin_dir_url(__FILE__) .'public/');
	@@ -108,9 +108,11 @@ function appsero_init_tracker_wpvr()
108	require_once __DIR__ . '/appsero/src/Client.php';
109	}
110
111	- ~~$client~~ ~~= new~~ Appsero\Client('~~cab9761e-b067-4824-9c71-042df5d58598',~~ ~~'WP VR', __FILE__);~~
112	- $client~~->insights~~()~~->init()~~;
113	- $client->~~updater~~();


114	}
115
116	appsero_init_tracker_wpvr();


16	* Plugin Name: WP VR
17	* Plugin URI: https://rextheme.com/wpvr/
18	* Description: WP VR - 360 Panorama and virtual tour creator for WordPress is a customized panaroma & virtual builder tool for WordPress Website.
19	+ * Version: 7.2.4
20	* Author: Rextheme
21	* Author URI: http://rextheme.com/
22	* License: GPL-2.0+

34	* Start at version 1.0.0 and use SemVer - https://semver.org
35	* Rename this for your plugin and update it as you release new versions.
36	*/
37	+ define('WPVR', '7.2.4');
38	define('WPVR_FILE', __FILE__);
39	define("WPVR_PLUGIN_DIR_URL", plugin_dir_url(__FILE__));
40	define("WPVR_PLUGIN_PUBLIC_DIR_URL", plugin_dir_url(__FILE__) .'public/');

108	require_once __DIR__ . '/appsero/src/Client.php';
109	}
110
111	+ if (class_exists('Appsero\Client')) {
112	+ $client = new Appsero\Client('cab9761e-b067-4824-9c71-042df5d58598', 'WP VR', __FILE__);
113	+ $client->insights()->init();
114	+ $client->updater();
115	+ }
116	}
117
118	appsero_init_tracker_wpvr();

WP VR – 360 Panorama and virtual tour creator for WordPress - Version 7.2.4

Version Description

Release Info

Code changes from version 7.2.3 to 7.2.4