:root {
	--screen-h: 0px;
	--screen-hw: 0px;
}

.page-header {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}
.page-footer,.page-header{background-color:#343a40 !important;}
.pointer-active { cursor: pointer; }
.pointer-off { cursor: none; }
.pointer-disabled { cursor: no-drop; }
.hover:hover {
	background: #f0f0f0;
	cursor: pointer;
	opacity: 0.8;
	width: 98%;
	margin: auto;
}
.hover-element:hover {
	background: #f0f0f0;
	cursor: pointer;
	opacity: 0.8;
}
.auto .auto-show { display: none; }
.auto .auto-hide { display: inline; }
.auto .auto-hide-icon { display: inline; }
.auto:hover .auto-show { display: inline; }
.auto:hover .auto-hide { display: none; }
.search-engine { position: relative; }
.search-engine .search-engine-icon { 
	position: absolute;
	top: 11px;
	right: 10px;
	color: blue;
}
.search-engine .search-engine-button { 
	position: absolute;
	top: 4.2px;
	right: 10px;
	color: blue;
	font-size: 0.7rem;
	border: 1px solid blue;
	border-radius: 50px 50px 50px 50px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.search-engine-button:hover { 
	background-color: #000000; color: #ffffff; border-color: blue;
	cursor: pointer;
}
.search-engine .search-engine-result {
	display: none;
	position: absolute;
	border: 1px solid #e2e2e2;
	border-radius: 5px 5px 5px 5px;
	width: 100%;
	top: 40px;
	z-index: 2;
	background-color: #ffffff;
}

.list-dark > a {
	background-color:#343a40 !important;
	color: #ffffff;
	Width: 100%;
}
.list-dark > li > a {
	background-color:#343a40 !important;
	color: #ffffff;
	Width: 100%;
	
}

.text-glow-green{
	color: #fff;
	text-align: center;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glowgreen 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glowgreen {
	from { text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4x #fff, 0 0 5px #fff, 0 0 6px #fff;
	}to{ text-shadow: 0 0 2px #fff, 0 0 3px #B5FF33, 0 0 4px #B5FF33, 0 0 5px #B5FF33, 0 0 6px #B5FF33, 0 0 7px #B5FF33, 0 0 8px #B5FF33; }
}
.text-glow-dark{
	color: #fff;
	text-align: center;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glowdark 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glowdark {
	from { text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4x #fff, 0 0 5px #fff, 0 0 6px #fff;
	}to{ text-shadow: 0 0 2px #fff, 0 0 3px #000000, 0 0 4px #000000, 0 0 5px #000000, 0 0 6px #000000, 0 0 7px #000000, 0 0 8px #000000; }
}
.text-border-dark{ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
.text-border-light{ text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; }
.background-muted{ background-color: #eee!important; }
.btn-outline-control{
	--bs-btn-color: #6c757d;
	--bs-btn-border-color: #ced4da;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6c757d;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: #ced4da;
	--bs-btn-active-bg: #6c757d;
	--bs-btn-active-border-color: #ced4da;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #ced4da;
	--bs-gradient: none;
}
.mobile-show{ display: none; }

@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
	.mobile-show{ display: none; }
}	
@media (max-width: 991px) {
	.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}
	.dropdown-menu > li:hover > .submenu{ display: block; border-color: #ffffff; }
	.page-header {
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0;
	}
}
@media (max-width: 761px) {
	.auto .auto-hide-icon { display: none; }
	.mobile-hide{ display: none; }
	.mobile-show{ display: inline; }
}