@openziti/ziti-console-lib 0.3.0

package/assets/scripts/ziti.js

@@ -0,0 +1,372 @@
+/*
+Copyright 2020 NetFoundry, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+https://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+var page;
+
+$(document).ready(function(e) {
+	if (window.isSPA) {
+		return;
+	}
+	app.init();
+});
+
+var app = {
+	keys: [],
+	isDirty: false,
+	identityRoles: null,
+	hostedRoles: null,
+	idRoles: null,
+	typedIn: false,
+	init: function() {
+		app.events();
+		app.setupLock();
+		app.binding();
+		if (locale) locale.init();
+		if (page) page.init();
+		if (header) header.init();
+		if (user) user.init();
+		if (modal) modal.init();
+		if (growler) growler.init();
+		if (dragging) dragging.init();
+		if (tags) tags.init();
+		if (settings) settings.init();
+		if (restrictions) restrictions.init();
+		if (commands) commands.init();
+		$('*[data-go="'+window.location.pathname+'"]').addClass("selected");
+
+		if (window.location.pathname!="/login") {
+			app.identityRoles = new MultiSelect("IdRoles", 10, true);
+			app.identityRoles.addSource(new SelectSource("identity-role-attributes", "", "id")); 
+			app.identityRoles.init();
+	
+			app.hostedRoles = new MultiSelect("WhereHosted", 10, true);
+			app.hostedRoles.appendHash = true;
+			app.hostedRoles.addSource(new SelectSource("identities", "@", "name", "role")); 
+			app.hostedRoles.addSource(new SelectSource("identity-role-attributes", "#", "id")); 
+			app.hostedRoles.init();
+	
+			app.idRoles = new MultiSelect("WhoAccesses", 10, true);
+			app.idRoles.appendHash = true;
+			app.idRoles.addSource(new SelectSource("identities", "@", "name", "role")); 
+			app.idRoles.addSource(new SelectSource("identity-role-attributes", "#", "id")); 
+			app.idRoles.init();
+		}
+ 	},
+	events: function() {
+		if (localStorage.getItem("hideTags")=="yes") $("#TagArea").addClass("hidden");
+		$("input").on("keyup", app.enter);
+		$("select").on("keyup", app.enter);
+		$(".lock").click(app.lock);
+		$(".toggle").click(app.toggle);
+		$("main").mouseover(app.hideNav);
+		$("body").keyup(app.keypress);
+		$("input").blur(app.trim);
+		$("#ClearNotificationsButton").click(app.clearNotifications);
+		$(".modal").find("input").change((e) => { app.isDirty = true; });
+		$(".copy").click(app.copy);
+		context.addListener(settings.name, app.settingsReturned);
+		context.addListener("version", app.versionReturned);
+		$("#SServiceName").keyup(app.name);
+		$("#SServiceHost").keyup(app.typed);
+		$("#CreateButton").click(app.createSService);
+		$("#CreateIdButton").click(app.createId);
+		$("#IdentityDownload").click(app.download);
+		$("#DoneIdButton").click(app.idReset);
+		$("#DoneServiceButton").click(app.idReset);
+		$("#InlineAddIdentityButton").click(app.showInlineId);
+		$("#InlineAddServiceButton").click(app.showInlineService);
+	},
+	copy: function(e) {
+		var copyField = $("#"+$(e.currentTarget).data("copy"));
+		if (copyField.is("input")) {
+			var copied = copyField.val();
+			navigator.clipboard.writeText(copied);
+			growler.info(copied+" - copied to clipboard")
+		} else {
+			if (copyField.attr("id")=="ApiJson") {
+				var copied = commands.params.getValue();
+				navigator.clipboard.writeText(copied);
+				growler.info("JSON copied to clipboard");
+			} else if (copyField.attr("id")=="ApiParams") {
+				var copied = page.apiParams.getValue();
+				navigator.clipboard.writeText(copied);
+				growler.info("JSON copied to clipboard");
+			}
+
+		}
+	},
+	showInlineService: function() {
+		if (!$("#SimpleEncryptionRequired").hasClass("on")) $("#SimpleEncryptionRequired").addClass("on");
+		$("#Select1").hide();
+		$("#InlineServiceArea").show();
+	},
+	showInlineId: function() {
+		app.identityRoles.val([]);
+		$("#IdName").val("");
+		$("#Identity2").hide();
+		$("#Identity1").show();
+		$("#Select1").hide();
+		$("#InlineIdentityArea").show();
+	},
+	idReset: function(e) {
+		app.identityRoles.val([]);
+		$("#IdName").val("");
+		$("#Identity2").hide();
+		$("#Identity1").hide();
+		$("#Select1").show();
+		modal.close();
+	},
+	createSService: function(e) {
+		$("#Service1").hide();
+		$("#SServiceLoader").show();
+		var params = {
+			name: $("#SServiceName").val(),
+			protocol: $("#HostedProtocol").val(),
+			host: $("#HostedHost").val(),
+			port: $("#HostedPort").val(),
+			encrypt: $("#SimpleEncryptionRequired").hasClass("on"),
+			zitiHost: $("#HowTo").val(),
+			zitiPort: $("#HowToPort").val(),
+			hosted: app.hostedRoles.val(),
+			access: app.idRoles.val(),
+		};
+		service.call("service", params, (e) => {
+			$("#SServiceLoader").hide();
+			if (e.error) {
+				growler.error(e.error);
+				$("#Service1").show();
+			} else {
+				let html = "";
+				let lastTitle = "";
+				for (let i=0; i<e.data.length; i++) {
+					let log = e.data[i];
+					if (log.type!=lastTitle) {
+						html += '<label>'+app.validate(log.type)+'</label>';
+						lastTitle = log.type;
+					}
+					html += '<div class="grid split"><div>'+app.validate(log.name)+'</div><div>'+app.validate(log.id)+'</div></div>';
+				}
+				$("#ServiceHappen").html(html);
+				$("#Service2").show();
+				commands.set(e.services, e.cli);
+			}
+		});
+
+	},
+	createId: function(e) {
+		$("#IdentityLoader").show();
+		$("#Identity1").hide();
+		var params = {
+			name: $("#IdName").val(),
+			roles: app.identityRoles.val()
+		}
+		service.call("identity", params, (e) => {
+			$("#IdentityLoader").hide();
+			if (e.error) {
+				growler.error(e.error);
+				$("#Identity1").show();
+			} else {
+				app.lastId = e.data;
+				$("#Identity2").show();
+				app.genQR();
+				commands.set(e.services, e.cli);
+			}
+		});
+	},
+	download: function(e) {
+		var identity = app.lastId;
+		var jwt = "";
+		if (identity&&identity.enrollment&&identity.enrollment.ott&&identity.enrollment.ott.jwt) jwt = identity.enrollment.ott.jwt;
+		else jwt = identity.enrollment.updb.jwt;
+		var name = identity.name.split(" ").join("");
+		var element = document.createElement('a');
+		element.setAttribute('href', 'data:application/ziti-jwt;charset=utf-8,' + encodeURIComponent(jwt));
+		element.setAttribute('download', name+".jwt");
+		element.style.display = 'none';
+		document.body.appendChild(element);
+		element.click();
+		document.body.removeChild(element);
+	},
+	genQR: function(e) {
+		var identity = app.lastId;
+		var jwt = "";
+		if (identity&&identity.enrollment&&identity.enrollment.ott&&identity.enrollment.ott.jwt) jwt = identity.enrollment.ott.jwt;
+		else jwt = identity.enrollment.updb.jwt;
+		$("#QRCode").html("");
+		new QRCode("IdentityQrCode", {
+			text: encodeURIComponent(jwt),
+			width: 300,
+			height: 300,
+			colorDark : "#000000",
+			colorLight : "#ffffff",
+			correctLevel : QRCode.CorrectLevel.M
+		});
+	},
+	typed: function(e) {
+		app.typedIn = true;
+	},
+	name: function(e) {
+		if (!app.typedIn) {
+			var currentUrl = $("#SServiceName").val().trim().split(' ').join('').replace(/[^a-z0-9]/gi, '').toLowerCase();
+			$("#HowTo").val(currentUrl+".ziti");
+		}
+	},
+	keypress: function(e) {
+		if (e.keyCode === 27) {
+			if (!$(':focus').is("select")) {
+				if (app.isDirty) {
+					if (confirm(locale.get("ConfirmClose"))) modal.close();
+				} else modal.close();
+			}
+		}
+		if (e.keyCode == 13) {
+			if ($("#ConfirmModal").hasClass("open")) {
+				$("#YesButton").click();
+			}
+		} else app.isDirty = true;
+	},
+	trim: function(e) {
+		$(e.currentTarget).val($(e.currentTarget).val().trim());
+	},
+	validate: function(val) {
+		return sanitizeHtml(val);
+	},
+	postLoad: function() {
+		$(".selector").off("click");
+		$(".selector").click(app.select);
+		$(".dots").click(app.dots);
+		if (window.location.href.endsWith("#a")) page.add();
+		$(".col").each(function(i, obj) {
+			var value = $(obj).text().split('\n').join(' ').split('  ').join(' ').split('"').join('');
+			if (!$(obj).hasClass("notitle")&&!$(obj).hasClass("allowOver")&&!$(obj).parent().hasClass("template")) $(obj).attr("title", value);
+		});
+	},
+	settingsReturned: function() {
+		var edges = settings.data.edgeControllers;
+	},
+	versionReturned: function(e) {
+		if (settings.versionData&&settings.versionData.data&&settings.versionData.data.version) {
+			$("#Version").html("Controller: "+settings.versionData.data.version+" ZAC: "+settings.versionData.zac);
+		}
+	},
+	clearNotifications: function(e) {
+		modal.confirm("Are you sure you want to clear the notification history?", () => {
+			growler.clear();
+		});
+	},
+	dots: function(e) {
+		var menu = $(e.currentTarget).children(".gridMenu");
+		if (menu.hasClass("open")) menu.removeClass("open");
+		else {
+			$(".gridMenu.open").removeClass("open");
+			menu.addClass("open");
+		}
+	},
+	enter: function(e) {
+		if (e.keyCode == 13) {
+			var id = $(e.currentTarget).data("enter");
+			if ($("#"+id).length>0) $("#"+id).click();
+		}
+	},
+	binding: function() {
+		if (page&&page.binding) {
+			var props = Object.entries(page.binding);
+			props.forEach(entry => {
+				var key = entry[0];
+				var value = entry[1];
+				$('*[data-bind="'+key+'"]').html(value);
+			});
+		}
+	},
+	hideNav: function(e) {
+		var isLocked = context.get("locked");
+		if (!isLocked) header.close();
+	},
+	setupLock: function() {
+		var isLocked = context.get("locked");
+		if (isLocked==null||isLocked==undefined||isLocked.toString().trim().length==0) {
+			isLocked = "true";
+			context.set("locked","true");
+		}
+		if (isLocked=="true") $(".lock").addClass("locked");
+		else $(".lock").removeClass("locked");
+	},
+	lock: function() {
+		var isLocked = $(".lock").hasClass("locked");
+		if (isLocked) {
+			$(".lock").removeClass("locked");
+			context.set("locked", "false");
+		} else {
+			$(".lock").addClass("locked");
+			context.set("locked", "true");
+		}
+	},
+	toggle: function(e) {
+		// Normally in extended UI controls
+		if ($(e.currentTarget).hasClass("on")) {
+			$(e.currentTarget).removeClass("on");
+		} else {
+			$(e.currentTarget).addClass("on");
+		}
+		if (page.toggled) page.toggled();
+	},
+	check: function(e) {
+		if ($(e.currentTarget).hasClass("checked")) {
+			$(e.currentTarget).removeClass("checked");
+		} else {
+			$(e.currentTarget).addClass("checked");
+		}
+	},
+	select: function(e) {
+		var selector = $(e.currentTarget);
+		if (selector.hasClass("selected")) {
+			selector.removeClass("selected");
+			if (selector.hasClass("all")) $(".selector").removeClass("selected");
+			else {
+				if ($(".rows").find(".selector.selected").length==0) {
+					if ($(".head").find(".selector.selected").hasClass("all")) $(".head").find(".selector.selected").removeClass("selected");
+				}
+			}
+		} else {
+			selector.addClass("selected");
+			if (selector.hasClass("all")) $(".selector").addClass("selected");
+			if ($(".rows").find(".selector.selected").length==page.data.length) $(".head").find(".selector").addClass("selected");
+		}
+		app.setAction();
+	},
+	setAction() {
+		if ($(".rows").find(".selector.selected").length>0) {
+			$(".action").removeClass("icon-add");
+			$(".action").addClass("icon-minus");
+			$(".action").addClass("remove");
+			$(".action").data("action", "remove");
+		} else {
+			$(".action").addClass("icon-add");
+			$(".action").removeClass("icon-minus");
+			$(".action").removeClass("remove");
+			$(".action").data("action", "add");
+		}
+	},
+	reset: function() {
+		$(".action").addClass("icon-add");
+		$(".action").removeClass("icon-minus");
+		$(".action").removeClass("remove");
+		$(".action").data("action", "add");
+	},
+	areas: [{
+		name: "Ziti Policies",
+		sections: [
+			{name:"Edge Router Policies", url: "/router-polocies", singular: "Router Policy", plural: "Router Policies", data: "edge-router-policies" },
+			{name:"Service Policies", url: "/service-polocies", singular: "Service Policy", plural: "Service Policies", data: "service-policies" }
+		]
+	}]
+}

package/assets/styles/chart.min.css

@@ -0,0 +1 @@
+@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}

package/assets/styles/dark.css

@@ -0,0 +1,52 @@
+
+body {
+    --highlighted: #f5a93d;
+    --navigation: #1d2024;
+    --red: #ff104b;
+    --white: #18191D;
+    --green: #00db48;
+	--menu: #434c5e;
+	--stroke: #2A2B31;
+	--black: #FFF;
+	--shaded: #1D2024;
+    --formBackground: #1D2024;
+	--background: #18191D;
+	--placeholder: #2A2B31;
+	--text: #FFF;
+    --subText: #97a0b2;
+    --shadow: 0px 0px 8px 2px rgba(255,255,255,0.08);
+    --shadowColor: rgba(255,255,255,0.08);
+    --transition: 0.5s;
+    --offWhite: #2A2B31;
+}
+
+.filters .navigate {
+    background-color: var(--primary);
+}
+
+.title {
+    filter: brightness(100%);
+}
+nav .title {
+    filter: brightness(100%);
+}
+
+#NotificationsMenu {
+    background-color: var(--white);
+}
+
+label {
+    color: var(--black);
+}
+
+.launcher {
+    background-color: var(--offWhite);
+}
+
+option {
+    background-color: var(--shaded);
+}
+
+nav .navList .navButton:hover .iconArea {
+	box-shadow: 0 14px 20px rgba(255, 255, 255, .05), 0 14px 20px rgba(255, 255, 255, .05);
+}

package/assets/styles/datetimepicker.css

@@ -0,0 +1 @@
+.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}