	<script>

				// function showToast(message,type = "green",time = 3000) {
				// 			var color;
				// 			if(type == "green"){
				// 			color = "#198754";
				// 			}
				// 			else if(type == "red"){
				// 			color = "#dc3545";

				// 			}
				// 			else if(type == "yellow"){
				// 			color = "#ffc107";

				// 			}
				// 			else{
				// 			color = "#0d6efd";

				// 			}


				// 		Toastify({
				// 			text: message,
				// 			duration: time, // duration in milliseconds
				// 			close: true, // show close button
				// 			gravity: "top", // "top" or "bottom"
				// 			position: "right", // "left", "center" or "right"
				// 			backgroundColor: color, // custom background color
				// 		}).showToast();
				// }



		</script>

		<style type="text/css">
					/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* button */
::-webkit-scrollbar-button {
    background: #222;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* Track */
::-webkit-scrollbar-track {
    background: #585858;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
}

/* Corner */
::-webkit-scrollbar-corner {
    background: #999;
}

/* Resizer */
::-webkit-resizer {
    background: #111;
}

</style>




	<!-- Fonts and icons -->

	<!-- toast -->
	<script>
		WebFont.load({
			google: {
				"families": ["Lato:300,400,700,900"]
			},
			custom: {
				"families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands",
					"simple-line-icons"
				],
				urls: ['/wp-content/plugins/vtupress-templates/templates/msorg/msorg_template/fonts.min2.css']
			},
			active: function () {
				sessionStorage.fonts = true;
			}
		});
	</script>

	<style>
		.swal-overlay {
			background-color: rgba(43, 165, 137, 0.45);
		}

		.swal-button {
			padding: 7px 19px;
			border-radius: 2px;
			background-color: <?php echo $color_from; ?> !important;
			font-size: 12px;
			color: white;
			border: 1px solid #3e549a;
			text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
		}

		/* Template Colors */
		.bg-secondary-gradient, .bg-info-gradient {
			/* background: linear-gradient(132deg, #680ee3, #090d54) !important; */
			/* default msorg-temp :     background: linear-gradient(132deg, #F83AC3, #121068) !important; */
			/* #1e293be6, #0f172acc */
		/*
		const palettes = [
            { name: "01. Midnight Aurora", grad: "linear-gradient(132deg, #1e293b, #0f172a)", side: "#1a2035" },
            { name: "02. Deep Oceanic", grad: "linear-gradient(132deg, #0f3443, #30e8bf)", side: "#0a1921" },
            { name: "03. Slate Frost", grad: "linear-gradient(132deg, #2c3e50, #000000)", side: "#111827" },
            { name: "04. Royal Glass", grad: "linear-gradient(132deg, #051937, #004d7a)", side: "#020c1b" },
            { name: "05. Violet Night", grad: "linear-gradient(132deg, #2d1b4e, #1a1a2e)", side: "#12122b" },
            { name: "06. Emerald Dusk", grad: "linear-gradient(132deg, #064e3b, #022c22)", side: "#022c22" },
            { name: "07. Carbon Fiber", grad: "linear-gradient(132deg, #232526, #414345)", side: "#1a1a1a" },
            { name: "08. Electric Indigo", grad: "linear-gradient(132deg, #4338ca, #1e1b4b)", side: "#1e1b4b" },
            { name: "09. Cyberpunk Blue", grad: "linear-gradient(132deg, #000428, #004e92)", side: "#000212" },
            { name: "10. Arctic Mist", grad: "linear-gradient(132deg, #334d50, #cbcaa5)", side: "#1e293b" },
            { name: "11. Dark Nebula", grad: "linear-gradient(132deg, #000000, #434343)", side: "#0a0a0a" },
            { name: "12. Steel Teal", grad: "linear-gradient(132deg, #243b55, #141e30)", side: "#0f172a" },
            { name: "13. Amethyst Dream", grad: "linear-gradient(132deg, #4b0082, #000000)", side: "#1a1033" },
            { name: "14. Crimson Night", grad: "linear-gradient(132deg, #450a0a, #000000)", side: "#280000" },
            { name: "15. Forest Shadow", grad: "linear-gradient(132deg, #065f46, #064e3b)", side: "#022c22" },
            { name: "16. Space Gray", grad: "linear-gradient(132deg, #414345, #232526)", side: "#1e1e1e" },
            { name: "17. Twilight Rose", grad: "linear-gradient(132deg, #312e81, #1e1b4b)", side: "#1e1b4b" },
            { name: "18. Deep Sapphire", grad: "linear-gradient(132deg, #1e3a8a, #172554)", side: "#1e3a8a" },
            { name: "19. Obsidian", grad: "linear-gradient(132deg, #0f172a, #020617)", side: "#020617" },
            { name: "20. Phantom Purple", grad: "linear-gradient(132deg, #1e1b4b, #312e81)", side: "#1a1033" },
            { name: "21. Purple Blue", grad: "linear-gradient(132deg, #F83AC3, #121068)", side: "#121068" },

        ];
		*/
			background: linear-gradient(132deg, <?php echo $color_from; ?>,  <?php echo $color_to;?>) !important;
		}

		/* Sidebar color : background: #1a2035 !important; */
		.sidebar[data-background-color="dark"] {
			background: <?php echo $color_sidebar; ?> !important;
		}

		.swal2-styled.swal2-confirm{
			background-color: <?php echo $color_from; ?> !important;
		}

		.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{
			background: rgb(7 39 118 / 58%) !important;
		}
	</style>



</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-217912780-1');
</script>

<style data-styled="active" data-styled-version="5.1.1"></style>
	<div class="wrapper">
		<div class="main-header">
			<!-- Logo Header -->
			<div class="logo-header bg-secondary-gradient ">
				<a href="/vpaccount" class="logo" style="color: white;font-size: 19px;font-weight: bold;margin-right: -70px;">Welcome</a>
				<button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse" data-target="collapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon">
						<i class="fas fa-bars"></i>
					</span>
				</button>
				<button class="topbar-toggler more"><i class="fas fa-ellipsis-v"></i></i></button>
				<div class="nav-toggle">
					<button class="btn btn-toggle toggle-sidebar"><i class="fas fa-bars"></i></button>
				</div>
			</div>
			<!-- End Logo Header -->

			<!-- Navbar Header -->
			<nav class="navbar navbar-header navbar-expand-lg bg-secondary-gradient">

				<div class="container-fluid">

					


					<ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
						<li class="nav-item toggle-nav-search hidden-caret">
							<a class="nav-link" data-toggle="collapse" href="#" role="button" aria-expanded="false" aria-controls="search-nav">
								<i class="fa fa-search"></i>
							</a>
						</li>


						<li class="nav-item dropdown hidden-caret">
							<a class="nav-link" href="<?php echo wp_logout_url(get_permalink()); ?>">
								<i class="fas fa-power-off"></i> Logout
							</a>
						</li>
					</ul>
				</div>
			</nav>
			<!-- End Navbar -->
		</div>

		<!-- Sidebar -->
		<div class="sidebar sidebar-style-2" data-background-color="dark">
			<div class="scroll-wrapper sidebar-wrapper scrollbar scrollbar-inner" style="position: relative;">
				<div class="sidebar-wrapper scrollbar scrollbar-inner scroll-scrollx_visible scroll-scrolly_visible" style="height: auto; margin-bottom: 0px; margin-right: 0px; max-height: 648px;">
				<div class="sidebar-content">
					<div class="user">
						<div class="avatar avatar-online avatar-sm float-left mr-2">
							<img src="<?php echo plugins_url('vtupress-templates/templates/msorg');?>/msorg_template/avatar.png" alt="..." class="avatar-img rounded-circle">
						</div>
						<div class="info">
							<a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
								<span>
									<?php echo strtolower($wpuserdata->user_login);?>
									<span class="user-level">balance: ₦ <?php echo number_format(intval(do_shortcode("[vtupress get='balance']")));?></span>
								</span>
							</a>
							<div class="clearfix"></div>
						</div>
					</div>
					<!--NAV-->
<?php include(__DIR__."/navigator.php");?>
				</div>
			</div>


				</div>
		</div>
		<!-- End Sidebar -->

		<div class="main-panel ">

<script src="<?php echo plugins_url('vtupress-templates/templates/msorg');?>/msorg_template/sweetalert2.js"></script>

<style>
	#process,
	#process2,
	#output {
		display: none;
	}


	.swal-overlay {
		background-color: rgba(43, 165, 137, 0.45);
	}


	.swal-button {
		padding: 7px 19px;
		border-radius: 2px;
		background-color: #4962B3;
		font-size: 12px;
		border: 1px solid #3e549a;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
	}
</style>



<script src="<?php echo plugins_url('vtupress-templates/templates/msorg');?>/msorg_template/sweetalert2@11"></script>


	
	<!--
			<script>
				Swal.fire("Notifications", '<p>Dear Partners Airtel Corporate Gifting now going smoothly </p>

<p>Monnify Automated Funding is now going smoothly</p>

<p>To enjoy our referral program, refer friends and family to and ensure they upgrade their accounts (AFFILIATE USER #1500- TOP USER #2000). EARN N250-N500 immediately the person upgrade his/her account to AFFILIATE USERS/TOP USERS . THIS IS PARTNERSHIP PROFIT...</p>

<p>Also get commission on every data transaction your non upgrade referral makes as the option is now activated.... Remember you can move your bonus into your wallet by clicking bonus to wallet on the website..</p>

<p>+1.5% DISCOUNT ON ALL CABLE SUB (GOTV,DSTV &amp; STARTIME)</p>

<p> CARES</p>')
			</script>
	-->