@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');
}

.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.6 );
}
.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); }
}

.bg-lightgray { background-color: #dddddd !important; }

.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; }
.debug-red { background-color: #ff0000 !important; color: #ffffff !important; }
.debug-blue { background-color: #0000ff !important; color: #ffffff !important; }

.navbar-bg-pos { background-color: #330000 !important; }
.navbar-bg-dc { background-color: #000066 !important; }

.navbar-toggler-icon-white { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }
.navbar-notify-icon-white { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,1.0)' d='M4 0c-1.1 0-2 .9-2 2 0 1.04-.52 1.98-1.34 2.66-.41.34-.66.82-.66 1.34h8c0-.52-.24-1-.66-1.34-.82-.68-1.34-1.62-1.34-2.66 0-1.1-.89-2-2-2zm-1 7c0 .55.45 1 1 1s1-.45 1-1h-2z' /%3E%3C/svg%3E") !important; }
.navbar-notify-icon-disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,0.25)' d='M4 0c-1.1 0-2 .9-2 2 0 1.04-.52 1.98-1.34 2.66-.41.34-.66.82-.66 1.34h8c0-.52-.24-1-.66-1.34-.82-.68-1.34-1.62-1.34-2.66 0-1.1-.89-2-2-2zm-1 7c0 .55.45 1 1 1s1-.45 1-1h-2z' /%3E%3C/svg%3E") !important; }
.navbar-printer-icon-white { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,0.8)' d='M2 0v2h4v-2h-4zm-1.91 3c-.06 0-.09.04-.09.09v2.81c0 .05.04.09.09.09h.91v-2h6v2h.91c.05 0 .09-.04.09-.09v-2.81c0-.06-.04-.09-.09-.09h-7.81zm1.91 2v3h4v-3h-4z' /%3E%3C/svg%3E") !important; }
.navbar-settings-icon-white { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,0.8)' d='M3.5 0l-.5 1.19c-.1.03-.19.08-.28.13l-1.19-.5-.72.72.5 1.19c-.05.1-.09.18-.13.28l-1.19.5v1l1.19.5c.04.1.08.18.13.28l-.5 1.19.72.72 1.19-.5c.09.04.18.09.28.13l.5 1.19h1l.5-1.19c.09-.04.19-.08.28-.13l1.19.5.72-.72-.5-1.19c.04-.09.09-.19.13-.28l1.19-.5v-1l-1.19-.5c-.03-.09-.08-.19-.13-.28l.5-1.19-.72-.72-1.19.5c-.09-.04-.19-.09-.28-.13l-.5-1.19h-1zm.5 2.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5z'/%3E%3C/svg%3E") !important; }
.navbar-logout-icon-white { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,0.8)' d='M3 0v1h4v5h-4v1h5v-7h-5zm-1 2l-2 1.5 2 1.5v-1h4v-1h-4v-1z' /%3E%3C/svg%3E") !important; }
.navbar-mail-icon-white { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,0.8)' d='M0 0v1l4 2 4-2v-1h-8zm0 2v4h8v-4l-4 2-4-2z' transform='translate(0 1)' /%3E%3C/svg%3E") !important; }
.navbar-mail-icon-disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(255,255,255,0.25)' d='M0 0v1l4 2 4-2v-1h-8zm0 2v4h8v-4l-4 2-4-2z' transform='translate(0 1)' /%3E%3C/svg%3E") !important; }

.nb-main-menu 
{ 
	margin-top: 0em;
	position: absolute;
	z-index: 999;
	float: left;
}
.nb-main-menu > ul > li.nav-item > a.nav-link 
{ 
	padding-left: 10px !important;
	padding-right: 10px !important;
	background-color: #dbd8d1;
}
.nb-main-menu-section-header,
.nb-main-menu-section-header:link,
.nb-main-menu-section-header:active, 
.nb-main-menu-section-header:visited
{ 
	display: block;
	padding: 3px 3px 3px 30px;
	border: solid 1px #000000;
	background-color: #c0c0c0;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
.nb-main-menu-section-header:hover { background-color: #a4aabd; }

.nb-main-menu-section-list 
{ 
	background-color: #dbd8d1;
	padding: 0px 5px 0px 5px;
	margin-top: -2px;
	margin-bottom: -2px;
}
.nb-main-menu-section-item 
{ 
	display: block;
	padding-left: 30px;
	background-color: #f9f8f7;
	xxx-background-color: #dbd8d1;
	background-position: 5px center;
	background-repeat: no-repeat;
}
.nb-main-menu-section-item:hover { background-color: #b6bdd2 !important; border: solid 1px #0a246a; }
.nb-main-menu-section-link,
.nb-main-menu-section-link:link,
.nb-main-menu-section-link:active,
.nb-main-menu-section-link:visited 
{ 
	display: block;
	padding: 1px 1px 1px 10px;
	background-color: #dbd8d1;
	color: #000000;
	text-decoration: none;
}
.nb-main-menu-section-link:hover { background-color: #b6bdd2 !important; }


/*################################################################################*/
/*################################################################################*/
/*################################################################################*/

.input-group.date .input-group-append .input-group-text,
.input-group.time .input-group-append .input-group-text,
.input-group.datetime .input-group-append .input-group-text  
{ 
	font-family: 'Icons';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

.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); xxx-color: #ff6a00 !important; } }
@media(min-width:576px) { .text-responsive { font-size: calc(50% + 1vw); xxx-color: #ff00ff !important; } }
@media(min-width:768px) { .text-responsive { font-size: calc(25% + 1vw); xxx-color: #00ff00 !important; } }
@media(min-width:992px) { .text-responsive { font-size: calc(10% + 1vw); xxx-color: #ff0000 !important; } }
@media(min-width:1200px) { .text-responsive { font-size: 0.9vw; xxx-color: #0000ff !important; } }
@media(min-width:1600px) { .text-responsive { font-size: 1rem; xxx-color: #000000 !important; } }

.small-90 { font-size: 90%; }
.small-80 { font-size: 80%; } /* default small */
.small-75 { font-size: 75%; }
.small-70 { font-size: 70%; }
.small-60 { font-size: 60%; }
.small-50 { font-size: 50%; }
.small-40 { font-size: 40%; }
.small-30 { font-size: 30%; }
.small-25 { font-size: 25%; }
.small-20 { font-size: 20%; }
.small-10 { font-size: 10%; }
.small-5  { font-size:  5%; }

/* small screens */
@media(max-width:720px) 
{
	.navbar-brand { font-size: 90%; } 
	.nb-main-menu { width: 100% !important; font-size: 125%; margin-top: 0.3em; }

	.navbar-toggler-icon-white, .navbar-toggler-icon-disabled { width: 15px; height: 15px;  }
	.navbar-notify-icon-white, .navbar-notify-icon-disabled { width: 15px; height: 15px; }
	.navbar-printer-icon-white, .navbar-printer-icon-disabled { width: 15px; height: 15px; }
	.navbar-settings-icon-white, .navbar-settings-icon-disabled { width: 15px; height: 15px; }
	.navbar-logout-icon-white, .navbar-logout-icon-disabled { width: 15px; height: 15px; }
	.navbar-mail-icon-white, .navbar-mail-icon-disabled { width: 15px; height: 15px; }
}
/* tiny screens */
@media(max-width:320px) 
{ 
	.navbar-brand { font-size: 0.9rem; }
}
@media(max-width:265px) 
{ 
	.navbar-brand { font-size: 0.8rem; padding: 0; }
}
/* large screens*/
@media(min-width:721px) 
{ 
	.nb-main-menu { width: 300px !important; } 
}