body
	{
		font-family: Arial, sans-serif
	}

h1 
	{
		font-size: 30px;
	}


.content.klantgegevens
	{
		display: block;	
	}

.login
	{
		width: 300px;
		margin: 50px auto 0 auto;
	}
.login a
	{
		font-size: 9px;
	}


.wachtwoord_vergeten, .uitlog_link
	{
		font-size: 9px;
		cursor: pointer;
		color: #2e6da4;
	}


  canvas {
    width: 100%;
    height: 500px;
	border: #ccc 1px dashed;
	background-color: #fff;
  }

.navbar {
	border: 0;
}

img.logo, .navbar-brand>img {
	width: 150px;
}

.navbar-inverse > .container-fluid {
	background-color: #eee;
	border-bottom: #ccc 1px solid;
}

#signature-pad.hide-signature-pad {
	display: none;
}

.bedankt-tekst {
	color: #0ABF57;
	font-weight: bold;
	font-size: 18px;
}


.bedankt-tekst-small {
	color: #0ABF57;
}


  .uw-gegevens input {
  	width: 300px;
  }

@media (max-width: 768px) {
  .uw-gegevens input {
  	width: 150px;
  }
  canvas {
    height: 300px;
  }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none;
	border: none;
	
}

img.logo, .navbar-brand > img {
    width: 60px;
	margin-top: -5px;
}
}



/* html_table_hosting_situation */

.html_table_hosting_situation table.berekening {
	width: 100%;
	border: 1px solid #e2e2e2;
	border-collapse: collapse;
}

.html_table_hosting_situation table.berekening td {
	margin: 0;
	padding: 5px;
	border-top: 0px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 0px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	font-size: 12px;
}
.html_table_hosting_situation table.berekening th {
	font-style:italic;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	border-top: 0px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	background-color:#EEEEEE;

}

.html_table_hosting_situation table.berekening th:nth-child(1) {
	width: 70%;
}

.html_table_hosting_situation table.berekening td:nth-child(2) {
	text-align: right;
}

.html_table_hosting_situation table.berekening tr.even > td {
	background-color:#EEEEEE;
}


label.akkoord {
	color:#01A054
}
label.niet_akkoord {
	color:#f00
}



.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}