@import url('https://fonts.googleapis.com/css?family=Roboto');

* { margin: 0; }
* html .container { display: table; height: 100% }   /* IE7 Fix */
* { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }   /* Opera Fix */

html, body { margin: 0; height: 100%; width: 100%; }
body, span, p, a, li, ul { font-family: 'Roboto', sans-serif; font-size: 14px; }
textarea { resize: none; }

.page-wrapper { min-height: 100%; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2.0rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }

a:link, a:visited, a:hover { color: #000000; font-size: 14px; text-decoration: none; }
a:hover { outline: none !important; color: #000000; }

.clickable 						      { cursor: pointer; }
.content-header					   { width: 100%; height: 50px; background-color: #343a40; line-height: 50px;}
.content-header-text 			   { color: #ffffff; font-size: 18px; padding-left: 5px; }
.content-header .dropdown-menu 	{ height: auto; line-height: 20px; }
.btn_height						      { height: 130px; }
.btn_img						         { padding-top: 10px; }
.btn_title					      	{ font-size: 24px; }
.btn-autosize 				      	{ padding: 12px 10px; font-size: 24px; }
.text-wit					      	{ color: #ffffff; }
.text-grijs					      	{ color: #555555; }
.text-rood					      	{ color: #ee3124; }
.text-groen					      	{ color: #24ac00; }
.text-blauw					      	{ color: #337ab7; }
.text-bold						      { font-weight: bold; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { .container { max-width: 546px; } }
@media (min-width: 768px) { .container { max-width: 738px; } }
@media (min-width: 992px) { .container { max-width: 962px; } }
@media (min-width: 1200px) { .container { max-width: 90%; } }

.row-striped:nth-of-type(odd) { background-color: #efefef; }
.row-striped:nth-of-type(even) { background-color: #ffffff; }
.table td { padding: 5px; }

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.toggle.off { border-color: rgba(0, 0, 0, .25); }
.toggle-handle { background-color: white; border: thin rgba(0, 0, 0, .25) solid; }
.toggle-on.btn-sm { padding-right: 10px !important; }
.toggle-off.btn-sm { padding-left: 10px !important; }

.footer { width: 100%; background-color: #ffffff; }
a.footer_text:link, a.footer_text:visited, a.footer_text:hover, .footer_text { color: #000000; font-size: 16px; text-decoration: none; }