<!DOCTYPE html><html lang="en"><head>
	<meta charset="utf-8">
	<title>NetToMet</title>
	<base href="/">

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
	<link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#da532c">
	<meta name="theme-color" content="#ffffff">
	<!--<link rel="stylesheet" href="assets/bootstrap/bootstrap.min.css">-->
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
	
	<style>
		.accordion .card {
			margin-bottom: -1px;
		}

		.pointer {
			cursor: pointer;
		}

		.table.table-sm .btn {
			padding: 0.25rem 0.5rem;
			font-size: 0.875rem;
			line-height: 1.5;
			border-radius: 0.2rem;
		}

		.breadcrumb-button {
			border: none;
			background: transparent;
			text-decoration: underline;
			color: #0d6efd;
		}

		.modal.modal-background {
			display: block;
			background: rgba(0, 0, 0, 0.5);
		}

		.form-inline .form-control {
			display: inline-block;
			width: auto;
			vertical-align: middle;
		}

		@media (min-width: 768px) {
            .h-md-100 {
                height: 100%;
            }
        }

		.chart-50w {
			height: 25vh;
		}

		.chart-100w {
			height: 25vh;
		}

		@media (min-width: 768px) {
			.chart-50w {
				height: 50vh;
			}

			.chart-100w {
				height: 50vh;
			}
		}

		@media (min-width: 1200px) {
			.chart-50w {
				height: 50vh;
			}

			.chart-100w {
				height: 50vh;
			}
		}

		@media (max-width: 991px) {
			.mobile-float-end {
				float: right;
				clear: both;
			}
		}

		.btn .spinner-border {
			width: 1rem;
			height: 1rem;
		}
	</style>

	<script>
		/**
 * Convert a Date object to a string, according to W3C date time format: yyyy-mm-ddThh:ii:ss+zz:zz
 *
 * @memberOf Date
 * @access public
 * @license MIT
 * @copyright 2013 Tristan Lins
 * @author Tristan Lins <tristan.lins@bit3.de>
 * @link https://gist.github.com/tristanlins/6585391
 */
Date.prototype.toW3CString = function () {
	var year = this.getFullYear();
	var month = this.getMonth();
	month ++;
	if (month < 10) {
		month = '0' + month;
	}
	var day = this.getDate();
	if (day < 10) {
		day = '0' + day;
	}
	var hours = this.getHours();
	if (hours < 10) {
		hours = '0' + hours;
	}
	var minutes = this.getMinutes();
	if (minutes < 10) {
		minutes = '0' + minutes;
	}
	var seconds = this.getSeconds();
	if (seconds < 10) {
		seconds = '0' + seconds;
	}
	var offset = -this.getTimezoneOffset();
	var offsetHours = Math.abs(Math.floor(offset / 60));
	var offsetMinutes = Math.abs(offset) - offsetHours * 60;
	if (offsetHours < 10) {
		offsetHours = '0' + offsetHours;
	}
	if (offsetMinutes < 10) {
		offsetMinutes = '0' + offsetMinutes;
	}
	var offsetSign = '+';
	if (offset < 0) {
		offsetSign = '-';
	}
	return year + '-' + month + '-' + day +
		'T' + hours + ':' + minutes + ':' + seconds +
		offsetSign + offsetHours + ':' + offsetMinutes;
}
	</script>
<style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;}*,:after,:before{box-sizing:border-box;}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth;}}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--bs-body-font-family);font-size:1rem;font-size:var(--bs-body-font-size);font-weight:400;font-weight:var(--bs-body-font-weight);line-height:1.5;line-height:var(--bs-body-line-height);color:#212529;color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:#fff;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}</style><link rel="stylesheet" href="styles.9304bb0f67df75b22fa4.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.9304bb0f67df75b22fa4.css"></noscript></head>
<body>
	<style>
		body {
			background-color: #261339;
			color: #ffffff;
		}

		a:not(.btn),
		a:not(.btn):active,
		a:not(.btn):focus,
		a:not(.btn):hover,
		a:not(.btn):visited,
		.text-purple {
			color: #ff4060;
		}

		.text-primary {
			color: #ff4060!important;
		}

		.text-secondary {
			color: #9767fb!important;
		}

		h1,
		.h1,
		h1 a,
		h1 a:active,
		h1 a:focus,
		h1 a:hover,
		h1 a:visited,
		.h1 a,
		.h1 a:active,
		.h1 a:focus,
		.h1 a:hover,
		.h1 a:visited {
			color: #ffffff;
			text-decoration: none;
		}

		header {
			margin-top: 2rem;
			margin-bottom: 2rem;
		}

		.navbar .container {
			border-radius: 0.75rem;
		}

		@media (min-width: 992px) {
			.navbar .container {
				border-radius: 50rem;
			}
		}

		.card {
			background-color: rgba(83, 29, 153, 0.2);
		}

		.card.border,
		.card .border,
		.card .border-start,
		.card .border-end,
		.card .border-top,
		.card .border-bottom {
			border-color: #6545aa!important;
		}

		.card-header,
		.card-footer {
			background-color: rgb(26, 0, 51);
		}

		.card-header h2 {
			margin-bottom: 0;
		}

		.card.main {
			border-radius: 0.75rem;
			border: 1px solid #000;
			background: rgba(38, 19, 57, 0.10);
			box-shadow: 0px 8px 24px 0px #000, 0px 0px 10px 0px rgba(169, 106, 247, 0.50) inset;
			margin-top: 2rem;
			padding: 1rem;
		}

		.card.main .card-header {
			background: rgba(38, 19, 57, 0.10);
			border-bottom: none;
		}

		.card.main .card {
			border-radius: 0.75rem;
			background: rgba(38, 19, 57, 0.10);
			box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.50);
		}

		.card.main .card .card-header {
			border-bottom: none;
		}

		.rounded-4 {
			border-radius: 0.5rem;
		}

		.rounded-5 {
			border-radius: 0.75rem;
		}

		.table {
			border-color: #5d357b!important;
		}

		.table > :not(:first-child) {
			border-top: 2px solid #5d357b!important;
		}

		header,
		footer,
		nav.navbar {
			/*background: rgba(169, 158, 189, 0.11);*/
		}

		.modal-content {
			background: #261339;
		}

		.dropdown button,
		.dropdown button:hover {
			color: #9767fb!important;
		}

		.dropdown button:active,
		.dropdown button.show {
			border-color: #9767fb!important;
			color: #9767fb!important;
		}

		.dropdown .dropdown-menu {
			background-color: #21083D;
		}

		.dropdown-item {
			color: #9767fb;
		}

		.dropdown-item:focus,
		.dropdown-item:active,
		.dropdown-item:hover {
			background-color: rgba(83, 29, 153, 0.4);
			color: #ffffff;
		}

		.dropdown-divider {
			border-top: 1px solid #6A26FA;
		}

		nav.navbar .nav-link {
			color: #9767fb;
			padding-bottom: 0.25rem;
		}

		nav.navbar .nav-link.active {
			font-weight: bolder;
			/*color: #9767fb;
			border-bottom: 2px solid #9767fb;*/
			color: #333333;
			border-bottom: 2px solid #333333;
		}

		nav.navbar .navbar-brand,
		nav.navbar .navbar-brand:focus,
		nav.navbar .navbar-brand:hover {
			color: #9767fb;
		}

		.btn-primary {
			color: #fff;
			background-color: #9767fb;
			border-color: #9767fb;
		}

		.btn-check:checked + .btn-primary,
		.btn-check:active + .btn-primary,
		.btn-primary:active,
		.btn-primary.active,
		.show > .btn-primary.dropdown-toggle {
			color: #fff;
			background-color: #987eff;
			border-color: #9777ff;
		}

		.btn-check:focus + .btn-primary,
		.btn-primary:focus {
			color: #fff;
			background-color: #987eff;
			border-color: #9777ff;
			box-shadow: 0 0 0 0.25rem #9777ff80;
		}

		.btn-primary:hover {
			color: #fff;
			background-color: #987eff;
			border-color: #9777ff;
		}

		.btn-primary:disabled,
		.btn-primary.disabled {
			color: #fff;
			background-color: #6545aa;
			border-color: #6545aa;
		}

		.btn-outline-primary {
			color: #9767fb;
			border-color: #9767fb;
		}

		.btn-check:checked + .btn-outline-primary,
		.btn-check:active + .btn-outline-primary,
		.btn-outline-primary:active,
		.btn-outline-primary.active,
		.btn-outline-primary.dropdown-toggle.show {
			color: #fff;
			background-color: #9777ff;
			border-color: #9777ff;
		}

		.btn-check:focus + .btn-outline-primary,
		.btn-outline-primary:focus {
			box-shadow: 0 0 0 0.25rem #9777ff80;
		}

		.btn-outline-primary:hover {
			color: #fff;
			background-color: #987eff;
			border-color: #987eff;
		}

		.btn-outline-primary:disabled,
		.btn-outline-primary.disabled {
			color: #999;
			border-color: #6545aa;
		}



		.btn-secondary {
			color: #fff;
			background-color: #ff4060;
			border-color: #ff4060;
		}

		.btn-check:checked + .btn-secondary,
		.btn-check:active + .btn-secondary,
		.btn-secondary:active,
		.btn-secondary.active,
		.show > .btn-secondary.dropdown-toggle {
			color: #fff;
			background-color: #e23854;
			border-color: #ff4060;
		}

		.btn-check:focus + .btn-secondary,
		.btn-secondary:focus {
			color: #fff;
			background-color: #e23854;
			border-color: #ff4060;
			box-shadow: 0 0 0 0.25rem #ff406080;
		}

		.btn-secondary:hover {
			color: #fff;
			background-color: #e23854;
			border-color: #ff4060;
		}

		.btn-secondary:disabled,
		.btn-secondary.disabled {
			color: #fff;
			background-color: #761e2c;
			border-color: #761e2c;
		}

		.btn-outline-secondary {
			color: #ff4060;
			border-color: #ff4060;
		}

		.btn-check:checked + .btn-outline-secondary,
		.btn-check:active + .btn-outline-secondary,
		.btn-outline-secondary:active,
		.btn-outline-secondary.active,
		.btn-outline-secondary.dropdown-toggle.show {
			color: #fff;
			background-color: #ff4060;
			border-color: #ff4060;
		}

		.btn-check:focus + .btn-outline-secondary,
		.btn-outline-secondary:focus {
			box-shadow: 0 0 0 0.25rem #ff406080;
		}

		.btn-outline-secondary:hover {
			color: #fff;
			background-color: #ff4060;
			border-color: #ff4060;
		}

		.btn-outline-secondary:disabled,
		.btn-outline-secondary.disabled {
			color: #999;
			border-color: #761e2c;
		}

		.table {
			color: #fff;
		}

		.table-hover > tbody > tr:hover > * {
			color: #ddd;
		}

		.form-control,
		.form-select {
			/*background-color: #6545aa;*/
			border-color: #6555ba;
			/*color: #fff;*/
		}

		.form-control:focus,
		.form-select:focus {
			/*color: #fff;*/
			/*background-color: #6545aa;*/
			border-color: #806aec;
			outline: 0;
			box-shadow: 0 0 0 0.25rem #9777ff80;
		}

		.form-control:disabled,
		.form-control.disabled,
		.form-select:disabled,
		.form-select.disabled {
			/*background-color: #392c56;*/
			border-color: #473e71;
			/*color: #999;*/
		}

		.btn-switch {
			width: 2rem;
			border-radius: 2rem;
			height: 1rem;
			margin-top: 0.25rem;
			vertical-align: top;
			background-repeat: no-repeat;
			background-size: contain;
			border: 1px solid rgba(0, 0, 0, 0.25);
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			-webkit-print-color-adjust: exact;
			color-adjust: exact;
		}

		.btn-switch.btn-switch-off {
			background-position: left center;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
			background-color: #fff;
		}

		.btn-switch.btn-switch-on {
			background-position: right center;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
			background-color: #6545aa;
			border-color: #6545aa;
		}

		@media (min-width: 992px) {
			.user-bg {
				background: url(assets/nettomet-user-bg.png);
				background-position-x: 50vw;
				background-repeat: no-repeat;
				background-size: cover;
				min-height: calc(100vh + 3rem);
				margin-top: -3rem;
				padding-top: 3rem;
			}
		}
	</style>
<app-root></app-root>

<script type="text/javascript" src="assets/popper/popper.min.js"></script>

<!--
<script type="text/javascript" src="assets/jquery.min.js"></script>
<script type="text/javascript" src="assets/popper/popper.min.js"></script>
<script type="text/javascript" src="assets/bootstrap/bootstrap.min.js"></script>
-->
<!--<script type="text/javascript" src="https://api.trackingcluster.com/track.js"></script>
<script type="text/javascript" src="https://api-dataview-services-wnf.appspot.com/chart.js"></script>-->

<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-7N5LPWGNJC">
</script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'G-7N5LPWGNJC', { 'send_page_view': false });
</script>

<script src="runtime.d50b81a5410e80a96088.js" defer></script><script src="polyfills-es5.5ce0500f03893f709a8c.js" nomodule defer></script><script src="polyfills.04cbb2d6882ee5a09f3e.js" defer></script><script src="scripts.a797fc60e64dbe7a8a8d.js" defer></script><script src="main.9a97da7ead2fa56c9f90.js" defer></script>

</body></html>