@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(../fonts/open-sans-v16-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(../fonts/open-sans-v16-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans-v16-latin-300.woff2) format("woff2"),url(../fonts/open-sans-v16-latin-300.woff) format("woff"),url(../fonts/open-sans-v16-latin-300.ttf) format("truetype"),url(../fonts/open-sans-v16-latin-300.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(../fonts/open-sans-v16-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(../fonts/open-sans-v16-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans-v16-latin-regular.woff2) format("woff2"),url(../fonts/open-sans-v16-latin-regular.woff) format("woff"),url(../fonts/open-sans-v16-latin-regular.ttf) format("truetype"),url(../fonts/open-sans-v16-latin-regular.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(../fonts/open-sans-v16-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(../fonts/open-sans-v16-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans-v16-latin-600.woff2) format("woff2"),url(../fonts/open-sans-v16-latin-600.woff) format("woff"),url(../fonts/open-sans-v16-latin-600.ttf) format("truetype"),url(../fonts/open-sans-v16-latin-600.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(../fonts/open-sans-v16-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(../fonts/open-sans-v16-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans-v16-latin-700.woff2) format("woff2"),url(../fonts/open-sans-v16-latin-700.woff) format("woff"),url(../fonts/open-sans-v16-latin-700.ttf) format("truetype"),url(../fonts/open-sans-v16-latin-700.svg#OpenSans) format("svg")}


body {
  margin: 0;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 22px;
  color: #333;
  font-weight: 400;
  background-color: #EBEBEB;
}

.bl.lang-wrap .moduletable {
  display: inline-block;
}


#cj-wrapper .panel-default h4.media-heading {
  font-size: 22px !important;
}

#cj-wrapper .panel-default h4.media-heading a{
  color: #333;
}

.lang-wrap {
  text-align: center;
  padding: 22px 0 22px;
}

.lang-wrap a {
  color: #333;
}

a.btn.btn-default.print {
    display: none;
}

.number-table-wrap {
    display: none;
}

.logo-l {
  float: left;
  width: 70%;
  text-align: left;
  padding-right: 10px;
  box-sizing: border-box;
}

.logo-r {
  float: left;
  width: 30%;
  text-align: right;
  padding-left: 10px;
  box-sizing: border-box;
}

#cj-wrapper .panel-title {
    font-size: 18px !important;
}

input[type="radio"].mgr:checked {
  border-color: #929191 !important;
}

input[type="radio"].mgr:checked::before {
  background-color: #929191 !important;
}

#cj-wrapper .abc-radio label {
 padding-left: 0 !important;
}

.survey-form td.text-center {
  width: 8%;
}

.survey-form h3.page-header, nav.navbar.navbar-default, .survey-wrapper .panel-footer {
  display: none !important;
}

#cj-wrapper .table-bordered>thead>tr>th, #cj-wrapper .table-bordered>tbody>tr>th, #cj-wrapper .table-bordered>tfoot>tr>th, #cj-wrapper .table-bordered>thead>tr>td, #cj-wrapper .table-bordered>tbody>tr>td, #cj-wrapper .table-bordered>tfoot>tr>td {
  border: none !important;
}

#cj-wrapper .table-bordered>thead>tr>th, #cj-wrapper .table-bordered>tbody>tr>th, #cj-wrapper .table-bordered>tfoot>tr>th, #cj-wrapper .table-bordered>thead>tr>td, #cj-wrapper .table-bordered>tbody>tr>td, #cj-wrapper .table-bordered>tfoot>tr>td {
  border-left: 1px solid #ddd !important;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

#cj-wrapper .row-fluid.search-form, #cj-wrapper .media-body .actions, #cj-wrapper ul.inline.list-inline.forum-info.text-muted, #cj-wrapper .media-left.hidden-xs {
  display: none !important;
}

.comp-wrap ul.nav.nav-tabs.nav-stacked {
  display: none;
}

.category-details .panel-heading {
  display: none;
}

::-moz-selection{background:rgba(255, 66, 45, 0.25)}
::selection{background:rgba(255, 66, 45, 0.25)}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(255, 66, 45, 0.4);box-shadow:0 1px 1px rgba(255, 66, 45, 0.4) inset,0 0 8px rgba(255, 66, 45, 0.4);outline:0 none !important}



#cj-wrapper .abc-radio-primary input[type="radio"]:checked + label::before {
  outline: none !important;
}

#cj-wrapper .list-group-item {
  background-color: transparent;
  padding: 14px 15px;
}

#cj-wrapper .panel-default>.panel-heading, #cj-wrapper .panel-default {
  border-color: #EBEBEB;
}

#cj-wrapper .table-bordered>thead>tr>th, #cj-wrapper .table-bordered>tbody>tr>th, #cj-wrapper .table-bordered>tfoot>tr>th, #cj-wrapper .table-bordered>thead>tr>td, #cj-wrapper .table-bordered>tbody>tr>td, #cj-wrapper .table-bordered>tfoot>tr>td {
  border-color: #EBEBEB;
}

#cj-wrapper .panel {
  box-shadow: none !important;
}

#cj-wrapper .list-group-item {
  border-bottom: none !important;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: none;
  background-color: rgba(255, 66, 45, 0.085);
  border: 1px solid rgba(255,255,255,0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
}

.alert h4 {
    color: #333;
    margin: 0;
    font-weight: 600;
    margin-bottom: 4px;
}

h4.media-heading.no-margin-top {
  margin-bottom: 0 !important;
  padding: 4px;
}

#cj-wrapper .list-group-item {
  background-color: transparent !important;
}

.well {
  border: none;
}

strong {
  font-weight: 600;
}

body.page.bat strong, body.page.4dkl strong {
  font-weight: normal;
}

#cj-wrapper .error {
    font-weight: normal !important;
    color: #929191;
    padding-top: 10px;
}

input[type="radio"].mgr {
    border: 1px solid #b6b6b6 !important;
}


body.page.bat .panel-heading.question-header {
  display: none !important;
}

body.page.bat #question-27 .panel-heading.question-header, body.page.bat #question-83 .panel-heading.question-header, body.page.bat #question-48 .panel-heading.question-header {
  display: block !important;
}

#question-18 input, #question-27 input, #question-83 input, #question-48 input {
  width: 270px;
}



h2 {
  font-size: 30px;
  font-weight: 600;
}

h3, h4 {
  font-size: 24px;
  font-weight: 600;
}









































.docman_list__content table {
    border: 1px solid #ddd;
}

.docman_list__content .k-ui-namespace table td {
    border-top: 1px solid #ddd;
    padding: 4px;
}

.profile-edit label#jform_username-lbl {
    text-align: right;
}





.comp-wrap a:hover.backbtn, .comp-wrap a:focus.backbtn {
  text-decoration: none;
  color: #929191;
}

.comp-wrap .comp-l {
  position: relative;
}

.event-wrap a:hover .event-txt, .event-wrap a:focus .event-txt,
.event-wrap a:hover, .event-wrap a:focus{
    text-decoration: none !important;
    color: #929191 !important;
}

p {
    margin: 0 0 16px;
}
.fadeInLeft{opacity:1;animation-name:fadeInLeft}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{opacity:1;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}

.fadeIn{opacity:1;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


.event-bl {
    width: 48%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
    margin: 1%;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
}

.event-img {
    height: 194px;
}

.event-txt {
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    font-size: 15px;
}

.btn-group.pull-right {
  position: absolute;
  right: 10px;
  top: 11px;
}

.comp-r .logo-wtd {
  text-align: left;
}


.comp-r .logo-wtd img {
  max-width: 230px;
}

.comp-r th {
    text-align: left;
    padding-bottom: 7px;
}

.comp-r .hikashop_cart table {
    font-size: 14px;
    width: 100%;
}


.mainmenu li a {
  position: relative;
}

.mainmenu li a::before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  line-height: 30px;
  color: #035f31;
  margin: 0;
  text-align: center;
  font-size: 31px;
  display: inline-block;
  font-weight: 400;
  width: 100%;
  left: 0;
  top: 23px;
}

.comp-l {
  width: 72%;
  min-height: 1px;
  float: left;
}

.comp-r {
    width: 28%;
    padding-left: 30px;
    box-sizing: border-box;
    float: left;
}

.comp-r th {
    text-align: left;
}

.content-inner {
    background-color: #fff;
    border-radius: 3px;
}


.max-width {
  max-width: 1300px;
  margin: auto;
  box-sizing: border-box;
}

.bl {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.menu-wrap.bl {
  background-color: #fff;
}


.btn-primary, .btn-success {
    background-color: #929191;
    color: #fff;
}

.btn-primary, .btn-success, .btn, .button {
    text-shadow: none;
    background-image: none;
    border-color: transparent;
    border: 0;
    padding: 8px 18px;
    border-radius: 2px;
    color: #fff;
    box-shadow: none;
    outline: none;
    font-size: 17px;
}

.moduletable input:-internal-autofill-selected {
  background-color: #929191 !important;
  color: rgb(0, 0, 0) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #fff;
    background-color: rgba(255, 66, 45, 0.8);
}

a {color:#929191;}
a:hover, a:focus {color:#929191;text-decoration:underline;}

.header-wrap {
  background-color: #929191;
  height: 60px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  position: relative;
  font-size: 15px;
}

.ft-wrap, .ft-wrap a, .ft-wrap a:hover, .ft-wrap a:visited {
  text-align: center;
  font-size: 13px;
  color: #888;
  margin-bottom: 30px;
}

.profedit {
    line-height: 60px;
    color: #fff;
    float: right;
    padding: 0 30px;
    text-align: center;
}

.header-wrap .login-greeting, .header-wrap .login-greeting a, .header-wrap .login-greeting a:hover {
    font-size: 14px;
    color: #fff;
}

.profedit a, .profedit a:hover, .profedit a:active {
    color: #fff;
}

.content {
    background-color: #fff;
    min-height: 580px;
    margin: 60px 0 28px;
    padding-bottom: 30px;
    border-radius: 3px;
}

.btn-primary:hover{background-color:#rgba(255, 66, 45, 0.8);color:#fff}

.login-wrap {
    width: 400px;
    min-height: 460px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -230px 0 0 -200px;
    border-radius: 2px;
    background-color: #fff;
}

.login-wrap .login img {
    padding-bottom: 30px;
}


.login-wrap input[type="text"], .login-wrap input[type="password"] {
    display: inline-block;
    height: 20px;
    padding: 8px 11px;
    margin-bottom: 4px;
    font-size: 14px;
    width: 276px;
    border-radius: 3px;
    box-shadow: none;
    font-size: 15px;
}

.login-wrap #form-login-remember {
    margin: 0 0 11px;
    display: inline-block;
}

.logo img {
  padding: 8px 0;
  max-height: 80px;
}

.logo {
  width: 100%;
  float: left;
}

.mainmenu {
  width: 70%;
  float: left;
}

.mainmenu li a {
    font-weight: 600;
    float: left;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding: 64px 0 20px;
    font-size: 0.98em;
    text-transform: uppercase;
    color: #333;
}

.mainmenu li.item-102 a  {
    border-left: 1px solid #eee;
}

.mainmenu li a {
    color: #333;
    border-right: 1px solid #eee;
}

.comp-wrap {
  position: relative;
  min-height: 550px;
}

.comp-inner {
    padding: 30px 30px 58px;
    box-sizing: border-box;
}

.content-inner {
  margin-bottom: 30px;
}

.nav>li>a:hover, .nav>li>a:focus {
  background-color: transparent;
}

.header-wrap .hd {
    float: left;
    color: #fff;
    min-height: 1px;
    padding: 10px 30px;
    box-sizing: border-box;
}

.header-wrap .hd.hd-1 {
    width: 23%;
}

.header-wrap .hd.hd-2 {
    width: 23%;
}

.header-wrap .hd.hd-3 {
    width: 54%;
}

.hd-2 .user {
    border-left: 1px solid rgba(255,255,255,0.35);
}

.content-wrap.bl, .menu-wrap.bl {
    padding-left: 30px;
    padding-right: 30px;
}

.well {
    background-color: transparent !important;
    box-shadow: none;
}

legend {
    border-bottom: none;
}

.user-top, .time-top {
    font-weight: 600;
    color: #fff;
}

.header-wrap .hd.hd-2, .header-wrap .hd.hd-3 {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.header-wrap i.far.fa-lock-alt {
    margin-right: 3px;
}

.header-wrap .hd.hd-5 {
    line-height: 40px;
    text-align: right;
    float: right;
    margin-right: 127px;
    font-size: 14px;
}

.login-greeting {
    display: none;
}

.hd.hd-4 {
    position: absolute;
    top: 0;
    right: 0;
}

.logout-button {
    position: absolute;
    top: 0;
    right: 0;
}

.logout-button input, .logout-button a {
  border-top-right-radius: 3px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 20px 24px;
  background-color: rgba(255, 255, 255, 0.12);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  text-shadow: none;
  color: #fff;
  display: inline-block;
}

.logout-button a:hover, .logout-button a:focus {
  text-decoration: none;
}

.logout-button .btn-primary:hover, .logout-button .btn-primary:focus {
  background-color: rgba(255, 255, 255, 0.26);
}

.table th, th {
  font-weight: 600;
}

.page-wrap{width:96%;padding:2%}
.page-width,.doc-header{position:relative}

.container-fluid{padding-right:0;padding-left:0}
.form_16_751 .legend{display:none}
.menu-bl{width:16.66666%;float:left}
.header-wrap .welcome{color:#fff;font-size:16px}

.timeico {float: left;}
.menu-wrap.first{border-left:1px solid #eee}
.menu-wrap .menu-ico .fa{font-size:36px;color:#0798bc}
.menu-wrap .menu-txt{color:#0798bc;padding-top:10px;display:inline-block;font-size:13px}

.nav{margin-bottom:0}
.login-wrap .login{padding:30px 40px 20px}



.hd {float: left;}

.hd-1 {
	width: 25%;
}

.hd-2 {
	width: 45%;
}

.hd-3 {
	width: 30%;
}

.k-ui-namespace .k-toolbar {
    background: none;
    border-bottom: none;
}

.profedit .fa-user-circle-o {padding-right: 3px;}

#cj-wrapper .form-check span {
    display: none;
}

@media(max-width:768px){
.docs-wrap-l,.docs-wrap-r{width:100%}
.page-width{width:96%}
.hd-2, .submenu-width, .profedit{display:none}
.hd-1 {width: 70%}
.logo{margin:0 auto}
.mainmenu .span3{width: 100% !important;}
.mainmenu .span9 .menu-admin{display: none;}
.mainmenu .span9 {width: 100%}
.menu-artsen-bl {width: 33.33333%}

body.page.bat [class*="span"], body.page.bat .uneditable-input[class*="span"], body.page.bat .row-fluid [class*="span"] {
    display: block !important;
    float: left !important;
    width: 20% !important;
}

body.page.bat .row-fluid.grid-row.hidden-phone {
  display: block !important;
}

body.page.bat .row-fluid.grid-row .span7, body.page.bat #cj-wrapper .grid-label-xs {
  display: none !important;
}

body.page.bat .survey-form h3.page-header {
    display: block !important;
}



body {
    padding-right: 0;
    padding-left: 0;
}

.header-wrap {
    display: none;
}
.content-wrap {
    padding-top: 20px;
}

.content-wrap.bl, .menu-wrap.bl {
    padding-left: 20px;
    padding-right: 20px;
}

.comp-inner {
    padding: 20px 20px 30px;
    box-sizing: border-box;
}

#cj-wrapper .form-check-input.mgr.mgr-primary {
  float: left;
  margin-right: 10px;
}

#cj-wrapper .form-check-label .grid-label-xs {
    display: none !important;
}

#cj-wrapper .form-check span {
    display: block !important;
}


}

@media(min-width:768px) and (max-width:979px){

.docs-wrap-l,.docs-wrap-r{width:100%}
.page-width{width:96%}
.hd-2, .submenu-width, .profedit{display:none}
.hd-1 {width: 70%}
.logo{margin:0 auto}
.mainmenu .span3{width: 100% !important;}
.mainmenu .span9 .menu-admin{display: none;}
.mainmenu .span9 {width: 100%}
.menu-artsen-bl {width: 33.33333%}
}

@media(min-width:980px) and (max-width:1200px){

}

@media(min-width:1200px){

}

.bat-final-score {
    display: none;
}
.bat-results-table {
    display: none;
}


a.btn.btn-default, .btn.btn-default.btn-previous {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #888;
}

.btn {
  margin-bottom:8px !important;

}

a.btn.btn-default:hover, a.btn.btn-default:focus, .btn.btn-default.btn-previous:hover, .btn.btn-default.btn-previous:focus {
    background-color:rgba(255, 66, 45, 0.8);
    color: #fff;

}

#question-160 .panel-heading.question-header,
#question-158 .panel-heading.question-header,
#question-159 .panel-heading.question-header {
    display: block !important;
}