body {
			background-attachment: fixed;
			background-image: url(../images/bg.jpg);
			background-repeat: no-repeat;
			background-size: cover;
		}
	.box .tableheader{
		
		padding: 7px;
		background-color: #1a1a1a;
		border: 1px solid #1a1a1a;
		cursor: pointer;
	}	
	.box .tablesummary{
		
		padding: 7px;
		font-weight: 100;
		background-color: #303030;
		border: 1px solid #1a1a1a;


	}
		.box a {
			color: white;
		}
		.box .hidden {
			display: none;
		}
		.box label {
			background-color: rgba(255,156,0,1);
			padding: 4.7px;
			color: black;
			font-weight: 800;
			margin-left: 5px;
			font-size: 1em;
			position: absolute;
		}
		.box input:checked + label {
			background-color: rgb(11, 173, 12);
		}
		.box .food tr{
			cursor: pointer;
		}
		.box tr:hover {
			background-color: rgba(48,48,48,0.2);
		}
		.box .autocomplete {
			width: 50%;
		}
		.box p.subheading {
			margin-top: 0px;
			font-size: 0.7em;
		}
		.box p.footer {
			margin-top: 0px;
			font-size: 0.8em;
		}
		 table {

			background: linear-gradient(rgba(48,48,48,0.6), rgba(48,48,48,0.3));
			margin-bottom: 15px;
			width: 100%;
			/*min-width: 400px;*/
			
		}
		.box div.tablesummary {
			margin-bottom: 15px;
		}
		.box td {
			margin: 2px;
			padding:5px;
		}
		.box thead {
			font-weight: bold;
		}
		.box caption, .box .tableheader {
		color: #ff9c00;
		font-weight: 100;
		}
		.box .hiderows caption, .tableheader.dimmed {
			color: #999999;
		}
		.box .hiderows tr {
			display: none;
		}
		.box .hiderows {
			margin-bottom:0px;
		}
		.box input, .box select {
			padding: 4px;
			width: 52%;
			background-color: rgba(255,156,0,3);
			border-width: 0px;
			color: black;
    font-weight: 800;
			
			font-size: 10pt;
		}
		.box form.ng-valid {
			display: block;
		}
		.box option {
			background-color: rgba(255, 156, 0, 1);
			text-shadow: none;
			font-size: 10pt;
			min-width: 40px;
		}
		.box input {
			width: 50%;
			color: black;
			font-weight: 800;
			min-width: 40px;
		}
		.label {
			font-weight: bold;
		}
		.box {
			width: 100%;
			text-align: center;
		}
		.box .messagebox {
    		max-width: 400px;
    		display: inline-block;
    		margin-bottom: 5px;
		}
		.box .wrapperbox {
			width:100%;
			display:inline-flex;
			justify-content: center;
			align-items:center;
			flex-wrap: wrap;
		}
		.box .helpbox {
			margin-left: 10px;
			margin-right: 10px;
			max-width: 50%;
			display: inline-flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-shadow: none;

		}
		.box .helpbox .box {
			background: linear-gradient(rgba(48,48,48,0.6), rgba(48,48,48,0.3));
			margin-bottom:10px;
		}
		.box .hidden {
			visibility: hidden;
			display: none;
		}
		.box .fillfood {
			text-shadow: -1px -1px 0 rgba(85, 85, 85, 0.8), 1px -1px 0 rgba(85, 85, 85, 0.8), -1px 1px 0 rgba(85, 85, 85, 0.8), 1px 1px 0 rgba(85, 85, 85, 0.8)
		}
		.box td.fillfood{
			background-color: rgba(48,48,48,1);
			}
		.box .timeractive {
			color: lime;
		}
		.box .timeralert {
			color: red;
		}