﻿/* wdContextMenu/contextmenu.css */
.b-m-mpanel{background-color:#F0F0F0;border:1px solid #718BB7;padding:2px 0;position:absolute;z-index:99997;left:0;top:0;color:#000;font-size:12px;cursor:default}.b-m-split{height:0;border-top:1px solid #D0CFCF;border-bottom:1px solid #FFF;font-size:0;margin:2px}.b-m-idisable,.b-m-item{padding:4px 2px;margin:0 2px 0 3px;cursor:normal;line-height:100%}.b-m-idisable{color:grey}.b-m-arrow,.b-m-ibody{overflow:hidden;text-overflow:ellipsis}.b-m-arrow{background:url(data:image/gif;base64,R0lGODlhBQAJAMQUAFSg6UGJ2TyE04rD/CluvlWUzo7D9ixwwDiC1j2I3UeLyTmE0zJ1v2eg1Tp6zmKq8ZXL/ypxv1Kg7Ct1yv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABQALAAAAAAFAAkAAAUcIEKNVCKQE7SMkzEE1AQ8DTNJRRQrBHuQDhIlBAA7) right no-repeat}.b-m-idisable .b-m-arrow{background:0 0}.b-m-icon{display:inline-block;vertical-align:middle;margin-right:8px;width:16px;height:16px}.b-m-ifocus{background:url(data:image/gif;base64,R0lGODlhAQAWAIAAAOvz/dno+yH5BAAAAAAALAAAAAABABYAAAIFhI+hy1oAOw==) bottom repeat-x;border:1px solid #AACCF6;padding:3px 1px;margin:0 2px 0 3px;cursor:normal;line-height:100%}.b-m-idisable .b-m-icon{visibility:hidden}
/**
		* Html5 Placeholder Polyfill - v2.1.0 - 2016-02-26
		* web: http://blog.ginader.de/dev/jquery/HTML5-placeholder-polyfill/
		* issues: https://github.com/ginader/HTML5-placeholder-polyfill/issues
		* Copyright (c) 2016 Dirk Ginader; Licensed MIT, GPL
		*/

span.placeholder
{
	position: absolute;
	font-size: 75%;
	color: #999;
	font-family: sans-serif;
	padding: 4px 3px;
	z-index: 1;
	cursor: text;
}

span.placeholder-hide-except-screenreader
{
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

span.placeholder-hide
{
	display: none;
}

label.visuallyhidden-with-placeholder
{
	height: auto !important;
	overflow: visible !important;
	position: absolute !important;
	left: -999em;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder, label .placeholder
{
}

input:placeholder-shown, input.placeholder-shown
{
}

html
{
	height: 100%;
}

body
{
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	background: #212325; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}

svg.icon
{
	fill: currentColor;
	width: 100%;
	height: 100%;
	transform: scaleY(-1);
	pointer-events: none; /* Firefox otherwise fires document.mouseleave when mousing over svg */
}

.b-m-mpanel
{
	font-family: Consolas, Arial, sans-serif;
}

#login
{
	position: absolute;
	max-width: 90%;
	max-height: 90%;
}

h1
{
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin: 0 0 20px 0;
	text-align: center;
}

input
{
	outline: none;
}

.text, .btn
{
	width: 100%;
	font-size: 1.15em;
	margin: 0 0 10px 0;
	background: #333333;
	background: rgba(0,0,0,0.3);
	padding: 10px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	transition: box-shadow .2s ease;
	box-sizing: border-box;
}

	.text:focus
	{
		background: #444444;
		background: rgba(0,0,0,0.3);
		box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2);
	}

	.btn:focus
	{
		box-shadow: inset 0 -5px 45px rgba(100,100,100,0.7), 0 1px 1px rgba(255,255,255,0.6);
	}

.btn
{
	margin: 0 0 10px 0;
	display: block;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	vertical-align: middle;
	background-color: #1D4D7B;
	cursor: pointer;
}

	.btn:hover
	{
		background-color: #225b91;
		transition: background-color 0.1s linear;
	}

	.btn:active
	{
		color: #DDDDDD;
		background-color: #184167;
		transition: none;
	}

.checkboxWrapper
{
	padding: 5px 0 15px 0;
}

label
{
	font-size: 1.15em;
	color: #bfbfbf;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

#status
{
	color: white;
	padding: 5px 0 15px 0;
	text-align: center;
	display: none;
}

a, a:visited
{
	color: #00ffff;
}
/* Custom Checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked
{
	position: absolute;
	left: -9999px;
}

	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label
	{
		position: relative;
		padding-right: 75px;
		cursor: pointer;
		user-select: none;
	}

		[type="checkbox"]:not(:checked) + label:before,
		[type="checkbox"]:checked + label:before,
		[type="checkbox"]:not(:checked) + label:after,
		[type="checkbox"]:checked + label:after
		{
			content: '';
			position: absolute;
		}

		[type="checkbox"]:not(:checked) + label:before,
		[type="checkbox"]:checked + label:before
		{
			right: 0;
			top: -3px;
			width: 65px;
			height: 30px;
			background: #2B2D30;
			box-shadow: 0 0 1px rgba(255,255,255,0.75);
			border-radius: 15px;
			transition: background-color .2s;
		}

		[type="checkbox"]:not(:checked) + label:after,
		[type="checkbox"]:checked + label:after
		{
			width: 20px;
			height: 20px;
			transition: all .2s;
			border-radius: 50%;
			background: #a9b2bc;
			top: 2px;
			right: 40px;
		}

		/* on checked */
		[type="checkbox"]:checked + label:before
		{
			background: #3C3F43;
		}

		[type="checkbox"]:checked + label:after
		{
			background: #6ea8dd;
			top: 2px;
			right: 5px;
		}

		[type="checkbox"]:checked + label .ui,
		[type="checkbox"]:not(:checked) + label .ui:before,
		[type="checkbox"]:checked + label .ui:after
		{
			position: absolute;
			right: 6px;
			width: 65px;
			border-radius: 15px;
			font-size: 14px;
			font-weight: bold;
			line-height: 22px;
			transition: all .2s;
		}

		[type="checkbox"]:not(:checked) + label .ui:before
		{
			content: "no";
			right: -32px;
			color: #A9A9A9;
		}

		[type="checkbox"]:checked + label .ui:after
		{
			right: -18px;
			content: "yes";
			color: #6ea8dd;
		}

[type="checkbox"]:focus + label:before
{
	border: 1px dashed #777;
	margin-top: -1px;
}

.theme-blue-iris-6:root body
{
	background-image: url(login_logo.webp);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	backdrop-filter: blur(16px);
}

.theme-blue-iris-6:root .btn:focus
{
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.25), 0 1px 1px rgba(255,255,255,0.6);
	outline: 2px solid rgba(255,255,255,0.1);
}

.theme-blue-iris-6:root .btn
{
	background-color: hsl(245deg 45% 38%);
	box-shadow: inset 0 -5px 45px rgba(0,0,0,0.25), 0 1px 1px rgb(255,255,255,0.25);
}

	.theme-blue-iris-6:root .btn:hover
	{
		background-color: hsl(245deg 50% 45%);
	}

	.theme-blue-iris-6:root .btn:active
	{
		background-color: hsl(245deg 55% 53%);
	}

.theme-blue-iris-6:root a, .theme-blue-iris-6:root a:visited
{
	color: #889eff;
}

.theme-blue-iris-6:root [type="checkbox"]:checked + label:after
{
	background: #889eff;
}

.theme-blue-iris-6:root [type="checkbox"]:checked + label .ui:after
{
	color: #889eff;
}
