/** Colors
  *
  * Dark Blue:   #0060a9
  * Grey:        #F1F1F1
  * Dark Grey:   #4C4C4D
  * Medium Grey: #E4E4E4
  * Yellow:      #FFF9BD
  * Dark Yellow: #FFE01A
  */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFFFF;
	font-family: Roboto,Helvetica,Arial,sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #000000;
	scrollbar-base-color: #F1F1F1;
	scrollbar-3d-light-color: #F1F1F1;
	scrollbar-arrow-color: #D1D1D1;
	scrollbar-darkshadow-color: #E1E1E1;
	scrollbar-face-color: #F1F1F1;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #F1F1F1;
	scrollbar-track-color: #F1F1F1;
	
}

img.Behavior
{
	behavior: url("pngbehavior.htc");
}

span.Overflow
{
	text-overflow: ellipsis;
	overflow:      hidden;
	white-space:   nowrap;
	/*float:         left;*/
	margin-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

td {
	vertical-align: top;
	background-color: #ffffff;
}

.backgroundDarkBlue
{
	background-color: #0060a9;
}

.backgroundGrey
{
	background-color: #F1F1F1;
}

.backgroundMediumGrey
{
	background-color: #E4E4E4;
}

.backgroundDarkGrey
{
	background-color: #4C4C4D;
}

.backgroundYellow {
	background-color: #FFF9BD;
}

.backgroundMenuItem {
	/*background-color: #FFFFFF;*/
	color: #000000;
	font-size: 14px;
}

a {
	color: #0060a9;
	font: bold;
	text-decoration: none;
}

a:link, a:visited {
	color: #0060a9;
}

a:hover {
	cursor: pointer;
	color: #4C4C4D;
	text-decoration: underline;
}

div.NavigationItem,
div.NavigationItemActive
{
	padding-top:    4px;
	padding-bottom: 4px;
}

div.NavigationItemActive {
	color: #0060a9;
}

a.NavigationItem
{
	text-transform: uppercase;
	text-decoration: none;
	font-weight:    bold;
	color: #000;
}

a.NavigationItem:hover
{
	cursor: pointer;
	text-decoration: none;
	color: #0060a9;
}

div.SubnavigationItem, 
div.SubnavigationItemActive
{
	padding-left: 16px;
	padding-top:  4px;
	padding-bottom: 4px;
}

div.SubnavigationItemActive
{
	color: #0060a9;
}

a.SubnavigationItem
{ 
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}

a.SubnavigationItem:hover
{
	cursor: pointer;
	color:  #0060a9;
	background: url(../img/current.gif) 17px 7px  no-repeat;
	text-decoration: none;
}

a.EnquiryList
{
	color: #000000;
	text-decoration: none;	
}

a.EnquiryList:hover
{
	cursor: hand;
	color:  #0060a9;
	text-decoration: none;		
}

	span.Login, a.Login {
		
		color: #000000;
	}

input.Login
{
	/*border:				1px solid #000000;*/
	height:				14px;
	font-size:          11px;
	width:              180px;	
}

span.Error
{
	color: #ff0000;
}


span.PageTitle
{
	font-size:     24px;
	font-weight:   bold;
}

.SubTitle {
	font-size: 18px;
	font-weight: bold;
}

td.PageTitle
{
	padding-top: 15px;
	padding-bottom: 15px;
}

td.PageDescription
{
	padding-bottom: 5px;
}


td.PaddingTable
{
	padding-top:    1px;
	padding-bottom: 1px;
}


span.Title
{
	font-weight: bold;	
}

span.LargeTitle {
	font-size: 16px;
}

div.Title {
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}

td.Title
{
	padding-top:    10px;
	padding-bottom: 10px;
}

span.GreyText
{
	color: #4C4C4D;
}

span.Required
{
	color: #FF0000;
}

input.TextBox
{
	height:    14px;
	font-size: 12px;	
}

select
{
	height:    20px;
	font-size: 12px;		
}

input.Button
{
	font-size: 12px;
	width:     100px;
}

.InfoDate
{
	color:				#4C4C4D;
	font-size:			10px;
	margin-top: 15px;
}
.InfoTitle
{
	color:				#000000;
	font-size:			14px;
	font-weight:		bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.navigation-padding-left {
	padding-left: 0.5em !important;
}

.navigation-padding-top {
	margin-top: 2em !important;
}

.position-relative {
	position: relative;
}


@media (min-width:767px) {
	.navbar-custom {
		background-color: black;
		color: white;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.header-background {
		height: 100px;
	}

	.panel-burger, 
	.navbar-panel {
		display: none;
	}

	.logo-small {
		display: none !important;
	}
}

@media (max-width:500px) {
	.process-table-width {
		width: 480px !important;
		max-width: 480px !important;
	}

	.text-wide,
	.TextBox,
	.select {
		width: 320px !important;
	}
}

@media (max-width:460px) {
	.process-table-width {
		width: 345px !important;
		max-width: 345px !important;
	}

	.text-wide,
	.TextBox,
	.select {
		width: 220px !important;
	}

	.paletten-kreislauf {
		width: 330px !important;
	}

	.paletten-header-label {
		margin-top: 20px !important;
	}

	.paletten-header {
		width: 100px;
		height: 15px;
	}
}

.nav-item-large {
	font-size: small;
	padding-right: 10px !important;
}

.nav-item-small {
	padding-top: 5px;
	padding-right: 10px;
}

.TextBox {
	height: 20px !important;
}

.person-table {
	width: 710px;
}

.processes-table {
	width: auto;
}

.navigation-item {
	color: #FFFFFF !important;
	font-size: 12px;
}

.navigation-item-margin-left {
	margin-left: 6px;
}

.navigation-item-margin-top {
	margin-top: 20px;
}

.header-margin-top {
	margin-top: 6px;
}

.button-primary {
	color: #FFFFFF;
}

.btn {
	font-size: 14px;
}

.btn-primary {
	background-color:#0060a9 !important; 
}

.header {
	flex-shrink: 0;
	height: 30px;
}

.footer {
	flex-shrink: 0;
	margin-top: 20px;
	height: 60px;
}

@media (max-width:1000px) {


	.person-table {
		width: auto;
	}

}

.form-control {
	font-size: 14px;
}

.form-control:focus {
	box-shadow: none;
}

.form-control-width {
	width: 400px !important;
	margin-bottom: 8px !important;
}

@media (max-width:768px) {
	.standard-header {
		display: none !important;
	}
}

@media (max-width:420px) {
	.form-control-width {
		width: 320px !important;
	}
}

.form-control-small-width {
	width: 250px !important;
}

.form-select {
	height: 35px;
}

.menu-toggler {
	display: none;
}

.burger-navigation-item {
	color: #0060a9 !important;
	font-size: medium;
}

.burger-navigation {
	display: none !important;
}

.burger-navigation-container {
	padding-left: 0px !important;
	padding-right: 0px!important;
}

.burger-navigation-title {
	text-transform: uppercase;
}

@media (max-width:768px) {
	.menu-toggler {
		display: block !important;
	}

	.process-navigation {
		display: none;
	}

	.burger-navigation {
		display: block !important;
	}

	.navigation-padding-left {
		padding-left: 1em !important;
	}
}

.navbar-toggler:focus {
	box-shadow:none !important;
}

.navbar-toggler {
	border: none !important;
}

.logo-small {
	padding-bottom: 1em;
	text-align: right; 
}