html {
    position: relative;
    min-height: 100%;
}



body {
margin: 0 0 100px; /* bottom = footer height */
padding:0 0 0 0;
font-family: 'Roboto', sans-serif;
height:auto;
width:auto;
background-color:#eee;
zoom:0;

}

#historySelect {
margin: 0px auto;
display: block;
width: 300px;
height: 40px;
background-color: #eee;
}

#magazijnForm
{
	width:700px;

}



#handTekeningVeld
{
	width:940px;
	height:auto;
	margin:0px auto;
	visibility: hidden;
	
}

.infotop
{
	border:1px solid black;
	width:240px;
	height:100px;
	margin-bottom:15px;
	padding:0px;
	
	
}

#terugButton {
display:block;
margin:0px auto;
}

.infotop > ul
{
 list-style-type: none;
 text-align:left;
}

#infodiv
{
text-align:center;
width:auto;
}

#infolinks
{
	float:left;
}

#inforechts
{
float:right;
}

#handtekening1 {
float:left;
}

#handtekening2 {
float:right;
}

input[disabled]
{
width:100%;
cursor:not-allowed !important;
}

body > button.btn.btn-info {
margin:0px auto;
display:block;
margin-top:20px;
}

#top-wrapper {
height:100px;
background-color:#FFF200;
width:100%;
padding:0;
z-index:-1;
}

h1,h2 {
text-align:center;
padding:5px;
font-family: 'Roboto', sans-serif;
}

.jumbotron h1 { 
font-size: 48px;
}

.content {
width:980px;
margin:0px auto;
height:auto;
margin-bottom:50px;
}

body > div > div > form > input.btn.btn-default {
float:left;
clear:both;
}

#download {
width:20px;
}

form {
width:400px;
display:block;
margin:0px auto;
height:250px;
//background-color:white;
opacity:0.8;
padding:10px;
//border-radius:10px;
//border:1px solid gray;
}

form#index {
margin-top:10px;
}

.wrap {
border:1px solid black;
width:400px;
height:40px;
}


input[type="number"],input[type="text"]
{
    font-size:24px !important;
	height:50px;
	margin:1px;
	width:100%;
	font-family: 'Maven Pro', sans-serif;
}

input[type="text"] {
font-family: 'Maven Pro', sans-serif;
font-size:15px;
float:left;
}

input[type="text"] {
width:150px;
height:50px;
}

input[type="date"] {
width:150px;
}

tr{
text-align:left;
}

table {
table-layout: fixed;
}

/* Side notes for calling out things
-------------------------------------------------- */
 
/* Base styles (regardless of theme) */
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

.bs-callout-success { 
border-left-color: #5cb85c !important;
 background-color: #fcf2f2;
  border-color: #dFb5b4;
}	

.bs-callout-success > h4 { 
color:#5cb85c;
}	

#printen {
margin:0px auto;
display:block;
margin-top:20px;
margin-bottom:20px;
}

.bs-callout-danger {
border-left-color: #d9534f;
}
.bs-callout {
padding: 20px;
margin: 20px 0;
border-left-width: 5px;
border-radius: 3px;
}

table {
vertical-align: top;
border-collapse: collapse;
margin-left:5px;
border-top:20px;
}

footer {
width:100%;
position:absolute;
height:100px;
background-color:#FFF200;
bottom:-20;
clear:both;

}

table, th, td {
  border: 1px solid #98bf21;
  padding:5px;

}

tr.alt td {
color: #000;
background-color: #EAF2D3;
}

th {
font-size: 15px;
text-align: left;
padding-top: 5px;
padding-bottom: 4px;
background-color: #A7C942 !important;
color: #fff;

}

button {
width:150px;
height:50px;
display:block;
margin:0px auto;
border:0;
color:white;
font-size:30px;
padding:5px;
margin:5px;
	
}

input[type="button"] {
background-color: #A5C942;
border:0;
color:white;
font-size:18px;
}



input[value="Verwijder"] {
width:150px;
height:50px;
}


#buttonRood {
background-color:#FF0700;
border-color: #d43f3a;
display:block;
}

#buttonGroen {
background-color: #5cb85c;
border-color: #4cae4c;
display:block;
}


a:active {
text-decoration:none;
}

input[value="Printen"] {
width:150px;
height:50px;
margin:0px auto;
display:block;
margin-top:45px;
float:none;
padding:5px;
font-size:30px;
}

.navbar-header {
border-radius:0px;
padding:0;

}

.container2 {
width:900px;
margin:0px auto;
}

.jumbotron {
background-color:#ABB2E7;
}


table#section1 > tbody > tr:nth-child(1) {
background-color:red;
}

table#section1 td  {
font-size:16px;
}

table#section1 input, table#overschot input {
font-size:18px !important;
height:30px !important;
}

.stad {
width:600px;
height:100px;
border:2px solid black;
margin:0px auto;
background-color:#d9534f;
border-radius:10px;
color:white;
margin-top:20px;
}


.buttonstatus {
width:90px;
height:45px;
color:white;
border-radius:5px;
text-align:center;
margin:5px;
display: inline-block;
}

table#bestelstatus {
width:600px;
min-height:600px;
margin:0px auto;
padding:10px;
}

table#bestelstatus tr td {
text-align:center;
}

table#bestelstatus th {
text-align:center;
}

.statusRood {
background-color:#FF0700;
color:white;
font-weight:800;
}
.statusGroen {
background-color:green;
color:white;
font-weight:800;
}
.statusGroen > a {
background-color:green;
color:white;
font-weight:800;
width:100%;
height:100%;
}

#user_name,#user_password {
height:50px;
margin:0px;
}

.form-group {
margin-bottom: 0px;
}

#index > button {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}


.centerthis {
text-align:center;
margin-top:5px;
padding:5px;
}

#historySelect {
margin:0px auto;
}