/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=4e056967fc07be9496e5bd57993421be)
 * Config saved to config.json and https://gist.github.com/4e056967fc07be9496e5bd57993421be
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 
body { background-color: aliceblue; font-family: 'Roboto', sans-serif; }
// body { background-color: lightgray; font-family: 'Roboto', sans-serif; }
.btn { transition: all 0.3s ease; }
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-primary, .btn-succes, .btn-info, .btn-danger, .navbar .btn-clear,
.btn-primary:hover, .btn-succes:hover, .btn-info:hover, .btn-danger:hover, .navbar .btn-clear:hover,
.btn-primary:active, .btn-succes:active, .btn-info:active, .btn-danger:active, .navbar .btn-clear:active,
.btn-primary:focus, .btn-succes:focus, .btn-info:focus, .btn-danger:focus, .navbar .btn-clear:focus,
.btn-primary.active, .btn-succes.active, .btn-info.active, .btn-danger.active, .navbar .btn-clear.active { color: #fafafa; }
.btn-default, .btn-warning,
.btn-default:hover, .btn-warning:hover,
.btn-default:active, .btn-warning:active,
.btn-default:focus, .btn-warning:focus,
.btn-default.active, .btn-warning.active { color: #212121; }

.btn-clear { background: transparent; background-color: transparent; border-color: transparent; }
.btn-clear:hover, .btn-clear:focus, .btn-clear:active, .btn-clear.active { background: #1e88e5; border-color: #1e88e5; }

.btn-icon { font-size: 20px !important; padding: 2px 9px; }

.btn-default { background-color: #e0e0e0; border-color: #e0e0e0; }
.btn-default:hover, .btn-default:focus,
.btn-default:active, .btn-default.active { background-color: #fff; border-color: #fff; }
.btn-default:active, .btn-default.active { border-color: #dbdbdb; }
.hovercolor-default:hover { color: #dbdbdb; }

.btn-success { background-color: #31b12a; border-color: #31b12a; }
.btn-success:hover, .btn-success:focus,
.btn-success:active, .btn-success.active { background-color: #5ac155; border-color: #5ac155; }
.btn-success:active, .btn-success.active { border-color: #5ac155; }
.hovercolor-success:hover { color: #5ac155; }

.btn-info, .btn-primary { background-color: #1e88e5; border-color: #1e88e5; }
.btn-primary:hover, .btn-primary:focus,
.btn-primary:active, .btn-primary.active,
.btn-info:hover, .btn-info:focus,
.btn-info:active, .btn-info.active { background-color: #4ba0ea; border-color: #4ba0ea; }
.btn-primary:active, .btn-primary.active,
.btn-info:active, .btn-info.active { border-color: #4ba0ea; }
.hovercolor-info:hover { color: #4ba0ea; }

// JDS: gele knop gemaakt ipv mosterdkleur
.btn-warning { background-color: #fff2cc; border-color: #fff2cc; }
.btn-warning:hover, .btn-warning:focus,
.btn-warning:active, .btn-warning.active { background-color: lightyellow; border-color: lightyellow; color: #424242; }
.btn-warning:active, .btn-warning.active { border-color: lightyellow; }
.hovercolor-warning:hover { color: lightyellow; }

.btn-danger { background-color: #E74C3C; border-color: #E74C3C; }
.btn-danger:hover, .btn-danger:focus,
.btn-danger:active, .btn-danger.active { background-color: #ec7063; border-color: #ec7063; }
.btn-danger:active, .btn-danger.active { border-color: #ec7063; }
.hovercolor-danger:hover { color: #ec7063; }


.btn.disabled, .btn[disabled],
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active  {
    pointer-events: none;
    opacity: 0.7;
    background-color: #ccc;
    color: #424242;
    border-color: #ccc;
}

.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-color: #2e6da4;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background: #113145;
  box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.34);
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success, .card.has-success {
  background: #dff0d8;
  border-color: #b2dba1;
}
.alert-info, .card.has-info {
  background: #d9edf7;
  border-color: #9acfea;
}
.alert-warning, .card.has-warning {
  background: #fcf8e3;
  border-color: #f5e79e;
}
.alert-danger, .card.has-danger, .card.has-error {
  background: #f2dede;
  border-color: #dca7a7;
}

.menu-current > label {
  background: lightblue;
  border-color: black;
  margin-left: -8px;
  padding-left: 8px;
}

.item-current > .ellipsis {
  text-decoration: none;
  color: black;
  background: lightblue;
  font-weight: bold;
}

.item-current:hover > .ellipsis {
  text-decoration: none;
  color: black;
  background: lightblue;
  font-weight: bold;
}

.item-nocurrent:hover > .ellipsis {
  text-decoration: none;
  color: black;
  background: lightblue;
  font-weight: bold;
}

.menukader > li > a:hover {
  text-decoration: none;
  color: black;
  background: lightblue;
  font-weight: bold;
}

.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}


    html { height: 100%; }
    body { min-height: 100%; }
    section { padding-top: 5rem; }
    @font-face {
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      src: local('Material Icons'),
           local('MaterialIcons-Regular'),
           url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
           url(../fonts/MaterialIcons-Regular.woff) format('woff');
    }
    .micon, .btn-icon, .slick-sort-indicator:after {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: inherit;
        display: inline-block;
        line-height: inherit;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        vertical-align: bottom;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
    }

    [hidden],template, .hide { display : none !important; }
    .disabled { pointer-events: none; opacity: 0.5;}
    ::-webkit-scrollbar { width: 0.7rem; height: 0.7rem; }
    ::-webkit-scrollbar-track { background: #e0e0e0; }
    ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.4); }
    ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.1); }
    .main_topmargin { height: 2.4rem; }
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    h1,h2,h3,h4,h5,h6 { font-weight: 300; margin: 0; }
    h1, .size1 { font-size: 3rem; letter-spacing: -0.1rem; line-height: 1.1; }
    h2, .size2 { font-size: 2.6rem; letter-spacing: -0.1rem; line-height: 1.15; }
    h3, .size3 { font-size: 2.2rem; letter-spacing: -0.1rem; line-height: 1.2; }
    h4, .size4 { font-weight: 400; font-size: 1.7rem; letter-spacing: -0.08rem; line-height: 1.25; }
    h5, .size5 { font-size: 1rem; letter-spacing: -0.05rem; line-height: 1.4; }
    h6, .size6 { font-size: 0.6rem; letter-spacing: 0; line-height: 1.3; }
    .size15 { font-size: 1.5rem; }
    @media (min-width: 40rem){
        h1, .size1 { font-size: 4rem; } h2, .size2 { font-size: 3.2rem; } h3, .size3 { font-size: 2.3rem; } h4, .size4 { font-size: 1.8rem; } h5, .size5 { font-size: 1.3rem; } h6, .size6 { font-size: 0.5rem; }
    }

    .color_primary, body, .nav li:hover > a, .nav li:hover > label, .nav input:checked ~ label, .nav li.current > a, h1,h2,h3,h4,h5,h6 { color: black; }
    .color_secondary, .nav a, label { color: #757575; }
    .color_muted { color: #9E9E9E; }
    .color_white_primary, a.color_white_primary { color: #fafafa; }
    .color_white_secondary { color: #e0e0e0; }
    .bg_white { background-color: white; }

.card {
    margin-bottom: 0.1rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: white;
    line-height: 1.3;
    padding: 1rem 1.4rem 0.8rem 1rem;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important; 
    box-shadow: 0 0 10px 0 rgba(100, 100, 100, 1.00);
}
    .card[onclick]{ cursor: pointer; transition: all 0.35s ease; }
    // .card[onclick]:hover { box-shadow: 0 0 0.9rem rgba(0,0,0,0.2); z-index: 3; }
    .card[onclick]:hover { box-shadow: 0 0 1.5rem rgba(0,0,0,1.0); z-index: 3; }
    .card.card_bottomicon { line-height: 1.4; }
    .card.card_bottomicon > .micon { position: absolute; right: 1rem; bottom: 0.2rem; font-size: 2.4rem; }
    .card.card_bottomicon .color_secondary { padding-right: 2rem; }
/* JDS
    section [class*="col-"] { padding-left: 4px; padding-right: 4px; }
    section .row { margin-left: -4px; margin-right: -4px; }
*/
    [class*="col-"] { padding-left: 4px; padding-right: 4px; }
    .row { margin-left: -4px; margin-right: -4px; }
/* Nav */
    .navbar-fixed-side {
        list-style: none;
/* JDS  line-height: 4rem; */
        line-height: 2.5rem;
/* JDS  border-right: 0.1rem solid #e0e0e0; nieuwe layout*/
    }
    .navbar-fixed-side .nav { margin-top: 0rem; }
    .navbar-fixed-side label, .navbar-fixed-side a {
        color: black;
        padding: 0 0rem;
        margin: 0;
    }
        .navbar-fixed-side > ul > li:first-child { padding-top: 1.2rem; }
        /* JDS	.navbar-fixed-side > ul > li:nth-child(3) { padding-bottom: 1.2rem; margin-bottom: 1.6rem; border-bottom: 0.1rem solid #e0e0e0; } */
        .navbar-fixed-side li a:nth-child(2){ padding-right: 0px; padding-left: 0px}
        .navbar-fixed-side li { position: relative; padding-left: 0px}
        .navbar-fixed-side li ul {
            display: none; list-style: none;
            padding-left: 0.8rem; list-style: none;
        }
            .navbar-fixed-side input:checked ~ ul, .faq_answers input:checked + .faq_answer { display: block; }
            .navbar-fixed-side a, .navbar-fixed-side label {
                display: block;
                cursor: pointer;
            }
		/* JDS: menu background color aangepast */
                /* .navbar-fixed-side li:hover > a, .navbar-fixed-side li:hover > label, .navbar-fixed-side .hassub input:checked ~ label, .navbar-fixed-side li.current > a { */
                .navbar-fixed-side li:hover > label, .navbar-fixed-side .hassub input:checked ~ label, .navbar-fixed-side li.current > a {
		    text-decoration: none;
		    color: black;
		    background: lightblue;
		    font-weight: 500;
		}
                .navbar-fixed-side label { font-weight: normal; }
                .navbar-fixed-side li.hassub:after, .navbar-fixed-side li.supportlink:after {
                    font-family: 'Material Icons';
                    font-weight: 400;
    		    content: 'more_horiz';
    		    color: #989898; pointer-events: none;
    		    position: absolute; right: 1.2rem; top: 0;
    		}
                .navbar-fixed-side > ul > li:first-child.hassub:after { top: 1.2rem; }
                .navbar-fixed-side li.supportlink:after { content: 'help'; }
                .navbar-fixed-side .nav-expand { position: absolute; right: 1.2rem; top: 0; height: 100%; width: 3rem; text-align: center; }

        .navbar-fixed-side li.has-divider { margin-top: 1.6rem; }
        .navbar-fixed-side li.nav-user { margin-bottom: 1.6rem; line-height: 2.4rem; cursor: pointer; }
        .navbar-fixed-side li.has-divider:before, .navbar-fixed-side li.nav-user:before {
            content: '';
            // height: 0.1rem;
            height: 2px;
	    position: absolute;
/* JDS nieuwe layout - was white */
            left: 0;
	    right: 0;
	    // top: -0.8rem;
	    top: -1rem;
            background: lightblue;
        }
        .navbar-fixed-side li.nav-user:before { bottom: -1rem; top:auto; }
/* End-Nav */
/* Grid updates */
    .slick-header .ui-state-default {
        color: #757575;
        font-size: 1.4rem;
        font-weight: normal;
    }
    .slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default { height: 30px; line-height: 30px; }
    .slick-pane .micon { font-size: 16px; }
    .ui-widget { font-family: inherit; font-size: inherit; border-radius: 10px; }
/* JDS BEGIN */
    /* .slick-pane .ui-widget-content a:not(:hover) { color: #757575; } */
    .slick-pane .ui-widget-content .bootstrap-select .selected a:not(:hover) { color: #000; }
/* JDS END */
    .slick-pane .ui-widget-content a:hover { text-decoration: none; }
    .slick-row { line-height: 25px; }
    .slick-header-menubutton { border-left: 0; }
    .slick-cell.frozen:last-child, .slick-header-column.frozen:last-child { border-right: 2px dotted #000 !important; }
/* End-Grid updates */
/* Home */
    .bg_lightgray { background-color: #fafafa; }
    .stat-linebar {
        background-color: #e0e0e0;
        display: block; height: 0.8rem;
    }
    /* JDS .stat-linebar div { display: block; height: 100%; background: #7f8f99; border-radius: 0 0.4rem 0.4rem 0; } */
    .stat-linebar div { display: block; height: 100%; background: lightblue; border-radius: 0 0.4rem 0.4rem 0; }
    .cardpadding-reset { padding: 1rem 1.4rem 1.6rem 1rem; margin: 0 -1.4rem -1.6rem -1rem; }
    .card-home { padding-bottom: 1.6rem; }
    .card-home .bg_lightgray { margin-top: 1.6rem; }
    .card-home > div:not(.row), .card-home .row > div {
        padding-top: 0.8rem;
    }
/* End-Home */
/* Loading */
    body > .loader {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        z-index: 1040; background: rgba(255,255,255,0.4);
        display: none;
        -webkit-animation: 0.2s fadeInDown;
        animation: 0.2s fadeInDown;
    }
        body > .loader div {
            height: 60px; width: 60px;
            border-radius: 50%;
            left: 50%; top: 50%;
            margin: -30px 0 0 -30px;
            position: absolute;
        }
        body.loading > .loader { display: block; }
        
        .loader div:before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            border-radius: 50%;
            opacity: 0;
            border: 8px solid transparent; border-top-color: #1e88e5; z-index: 5;
        }
        body.loading > .loader div:before {
            -webkit-animation: 1.5s rotate linear infinite;
            animation: 1.5s rotate linear infinite;
            opacity: 1;
        }
/* End-Loading */
/* Animations */
    .fadeInDown {
        -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
        -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
    }
    .rotate { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }
    @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
    @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }}
    @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.25rem); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
    @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-1.25rem); } 100% { opacity: 1; transform: translateY(0); } }
/* End-Animations */

// JDS: @media (max-width: 768px){.navbar-fixed-side{margin-left:-15px;margin-right:-15px}}@media (min-width: 768px){.navbar-fixed-side{position:fixed;margin:0 -15px;height:98vh;width:inherit;overflow:hidden;overflow-y:auto;border-top-width:0;border-bottom-width:0;border-radius:0}.navbar-fixed-side .container,.navbar-fixed-side .container-fluid{width:auto;padding-left:0;padding-right:0}.navbar-fixed-side .navbar-header{float:none}.navbar-fixed-side .navbar-brand{height:auto}.navbar-fixed-side>.container .navbar-brand,.navbar-fixed-side>.container-fluid .navbar-brand{margin-left:0}.navbar-fixed-side .navbar-collapse{width:100%;border-top:1px solid #e7e7e7}.navbar-fixed-side .navbar-nav{float:none;}.navbar-fixed-side .navbar-nav>li{float:none}.navbar-fixed-side .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}.navbar-fixed-side .navbar-form{margin:0;margin-left:-15px;margin-right:-15px;}.navbar-fixed-side .navbar-text{float:none;margin-left:0;margin-right:0}.navbar-fixed-side .navbar-left,.navbar-fixed-side .navbar-right{float:none !important}.navbar-fixed-side .navbar-nav .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;border-bottom:1px solid #e7e7e7}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a,.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a{line-height:20px;color:#777}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{background-image:none}.navbar-fixed-side .navbar-nav .dropdown-menu>.active>a{background-color:#e7e7e7;color:#555}.navbar-fixed-side .navbar-nav>li>a:hover,.navbar-fixed-side .navbar-nav>li>a:focus,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{background-color:#f0f0f0;color:#333}.navbar-fixed-side .dropdown>.dropdown-toggle,.navbar-fixed-side .dropdown-menu>.dropdown-header{background-color:transparent !important;color:#9d9d9d !important;cursor:default;font-size:0.8em;text-transform:uppercase;border-bottom:none;padding-bottom:0}.navbar-fixed-side .dropdown-toggle .caret{display:none}.navbar-fixed-side .dropdown-menu{display:block}.navbar-fixed-side.navbar-inverse .navbar-collapse,.navbar-fixed-side.navbar-inverse .navbar-nav>li>a,.navbar-fixed-side.navbar-inverse .navbar-form,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu{border-color:#363636}.navbar-fixed-side.navbar-inverse .divider{background-color:#363636}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a{color:#9d9d9d}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a{background-color:#090909;color:#fff}.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus{background-color:#2f2f2f;color:#fff}.navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle{color:#777777 !important}}
@media (max-width: 768px){.navbar-fixed-side{margin-left:1px;margin-right:-15px}}@media (min-width: 768px){.navbar-fixed-side{position:fixed;margin:0 1px;height:98vh;width:inherit;overflow:hidden;overflow-y:auto;border-top-width:0;border-bottom-width:0;border-radius:0}.navbar-fixed-side .container,.navbar-fixed-side .container-fluid{width:auto;padding-left:0;padding-right:0}.navbar-fixed-side .navbar-header{float:none}.navbar-fixed-side .navbar-brand{height:auto}.navbar-fixed-side>.container .navbar-brand,.navbar-fixed-side>.container-fluid .navbar-brand{margin-left:0}.navbar-fixed-side .navbar-collapse{width:100%;border-top:1px solid #e7e7e7}.navbar-fixed-side .navbar-nav{float:none;}.navbar-fixed-side .navbar-nav>li{float:none}.navbar-fixed-side .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}.navbar-fixed-side .navbar-form{margin:0;margin-left:1px;margin-right:-15px;}.navbar-fixed-side .navbar-text{float:none;margin-left:0;margin-right:0}.navbar-fixed-side .navbar-left,.navbar-fixed-side .navbar-right{float:none !important}.navbar-fixed-side .navbar-nav .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;border-bottom:1px solid #e7e7e7}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a,.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a{line-height:20px;color:#777}.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{background-image:none}.navbar-fixed-side .navbar-nav .dropdown-menu>.active>a{background-color:#e7e7e7;color:#555}.navbar-fixed-side .navbar-nav>li>a:hover,.navbar-fixed-side .navbar-nav>li>a:focus,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{background-color:#f0f0f0;color:#333}.navbar-fixed-side .dropdown>.dropdown-toggle,.navbar-fixed-side .dropdown-menu>.dropdown-header{background-color:transparent !important;color:#9d9d9d !important;cursor:default;font-size:0.8em;text-transform:uppercase;border-bottom:none;padding-bottom:0}.navbar-fixed-side .dropdown-toggle .caret{display:none}.navbar-fixed-side .dropdown-menu{display:block}.navbar-fixed-side.navbar-inverse .navbar-collapse,.navbar-fixed-side.navbar-inverse .navbar-nav>li>a,.navbar-fixed-side.navbar-inverse .navbar-form,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu{border-color:#363636}.navbar-fixed-side.navbar-inverse .divider{background-color:#363636}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a{color:#9d9d9d}.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a{background-color:#090909;color:#fff}.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus{background-color:#2f2f2f;color:#fff}.navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle{color:#777777 !important}}