﻿@font-face
{
	font-family: 'Glyphicons Halflings';
	src: url('/css/fonts/glyphicons-halflings-regular.eot');
	src: url('/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/css/fonts/glyphicons-halflings-regular.woff') format('woff'),url('/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/css/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
@font-face
{
	font-family: 'Font Awesome Solid';
	src: url('/css/fonts/fa-solid-900.eot');
	src: url('/css/fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),url('/css/fonts/fa-solid-900.woff') format('woff'),url('/css/fonts/fa-solid-900.ttf') format('truetype'),url('/css/fonts/fa-solid-900.svg#glyphicons-halflingsregular') format('svg');
}

body
{
	background-color: #eeeeee;
	color: #000000;
}

.navbar { background-color: #333333 !important; }
.footer { background-color: #333333 !important; }

#navbarLogoImg 
{ 
	background-image: url(/img/logo-navbar.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#footerLogoImg 
{ 
	background-image: url(/img/logo-footer.png);
}

.generic-button,
.generic-button:link,
.generic-button:visited { background-color: #00ff00; color: #000000; font-weight: normal; }


.wait-overlay 
{ 
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0; 
	left: 0;
	bottom: 0;
	right: 0;
}
.wait-overlay:before 
{
	content: '';
	display: block;
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0, 0, 0, 0.8 );
}
.wait-overlay:not(:required) { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.wait-overlay:not(:required):after 
{ 
	content: ''; 
	display: block; 
	font-size: 10px; 
	width: 1em; 
	height: 1em; 
	margin-top: -0.5em; 
	-webkit-animation: waitspinner 150ms infinite linear; 
	-moz-animation: waitspinner 150ms infinite linear; 
	-ms-animation: waitspinner 150ms infinite linear; 
	-o-animation: waitspinner 150ms infinite linear; 
	animation: waitspinner 150ms infinite linear; 
	border-radius: 0.5em; 
	-webkit-box-shadow: 
		rgba(255,255,255, 0.75) 1.5em 0 0 0, 
		rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, 
		rgba(255,255,255, 0.75) 0 1.5em 0 0, 
		rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, 
		rgba(255,255,255, 0.75) -1.5em 0 0 0, 
		rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, 
		rgba(255,255,255, 0.75) 0 -1.5em 0 0, 
		rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; 
	box-shadow: 
		rgba(255,255,255, 0.75) 1.5em 0 0 0, 
		rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, 
		rgba(255,255,255, 0.75) 0 1.5em 0 0, 
		rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, 
		rgba(255,255,255, 0.75) -1.5em 0 0 0, 
		rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, 
		rgba(255,255,255, 0.75) 0 -1.5em 0 0, 
		rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; 
}
@-webkit-keyframes waitspinner 
{
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes waitspinner 
{
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes waitspinner 
{
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes waitspinner 
{
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

.hl-hover:hover,
.hl-hover-yellow:hover { background-color: rgba(255,255,0,0.75) !important; }
.hl-hover-red:hover { background-color: rgba(255,0,0,0.75) !important; }
.hl-hover-blue:hover { background-color: rgba(0,0,255,0.75) !important; }
.hl-hover-green:hover { background-color: rgba(0,255,0,0.75) !important; }

.text-responsive { font-size: 1rem; xxx-color: #00ffff !important; }
@media(max-width:575px) { .text-responsive { font-size: calc(50% + 1vw); } }
@media(min-width:576px) { .text-responsive { font-size: calc(50% + 1vw); } }
@media(min-width:768px) { .text-responsive { font-size: calc(25% + 1vw); } }
@media(min-width:992px) { .text-responsive { font-size: calc(10% + 1vw); } }
@media(min-width:1200px) { .text-responsive { font-size: 0.9vw; } }
@media(min-width:1600px) { .text-responsive { font-size: 1rem; } }

.debug-pink { background-color: #ff00ff !important; color: #000000 !important; }
.debug-green { background-color: #00ff00 !important; color: #000000 !important; }
.debug-yellow { background-color: #ffff00 !important; color: #000000 !important; }