#topHeader{background:#6d6d6d;}
#logorow {background:#fff;height:60px;padding-left:22px;padding-right:22px;}
#logo {padding-top:8px;}
.navbar-brand {width:180px;}
#searchbox {float:right;border:0px solid #ffdd00;height:25px;background:#fff;padding-left:3px;padding-top:13px;}
#searchbox input[type="text"] {border:0;border-top:1px solid #0072ae;border-bottom:1px solid #0072ae;height:32px;width:258px;float:left;}
.searchbox {border: 0px solid #ffdd00;padding-left: 0px;padding-bottom:13px;}
.searchbox input[type="text"] {border:0;border-top:1px solid #0072ae;border-bottom:1px solid #0072ae;height:32px;width:258px;float:left;}
#footerlink {color:#000;}
.album {float:left;margin-right:20px;margin-bottom:20px;}
.album img, .news img, .news2 img {display:block;}
.albumDetail img {float:left;margin-right:2px;margin-bottom:2px;}
.news {float:left;padding:15px;background:#fff;margin-right:10px;margin-bottom:15px;}
.news2 {float:left;padding:0px;background:#fff;margin-right:10px;margin-bottom:15px;}
.news h3, .news2 h3 {margin-top:10px;}
.newsDetail {/*float:left;width:68%;*/padding:15px;background:#fff;margin-right:10px;margin-bottom:10px;}
.newsDetail img {margin-bottom:10px;}
.newsList {/*float:right;width:30%;*/margin-right:0px;margin-left:0px;padding-top:15px;padding-bottom:15px;background:#fff;}
.newsListHome {float:right;width:21%;margin-right:20px;margin-left:0px;background:#fff;}
legend {display:none;}
.editor-field {margin-bottom:20px;}
.editor-field input, .editor-field textarea {width:250px;}
.green {background-color:#c0c40a!important;}
.gold {background-color:#ca8e08!important;color:#fff;}
.pers {font-size:14px;}
.userblock {min-width:500px;width:90%;float:left;margin-right:15px;min-height:225px;}
.homeuserblock {min-width:180px;width:100%;float:left;margin-right:0px;min-height:201px;}
.userlabel {/*font-weight:bold;*/text-decoration:none;}
.uservalue {font-weight:normal;text-decoration:none;}
ul.messagelist {margin:0;padding:0;list-style:none;}
.headliner {margin-bottom:20px;}
.headliner img {width:100%;}
.caption {font-size:20px;}
.homeitem {position:relative;/*width:320px;*/margin-bottom:20px;}
.homeitem img {border-radius:10px 10px 10px 10px;border:0px solid white;}
.homeitem h3 {position:absolute;bottom:0;left:0;font-weight:normal;width:100%;margin-bottom:0;}
.homeitem .newslogo {position:absolute;top:205px;left:254px;width:100px;}
.homeitem h3 .bar {display:inline-block;color:white;font-size:16px;background:rgba(0, 102, 177, 0.8);padding:10px 15px;padding-bottom:42px;width:100%;border-radius:0px 0px 10px 10px;}
.homeitem .cat {position:absolute;bottom:15px;left:0;font-size:12px;padding-left:15px;padding-right:10px;color:#fff;}
.homeitem .cat a {color:#fff;padding-right:5px;}
.homeitem .cat a:hover {text-decoration:underline;}
.newsimage {width:33%;margin-right:20px;border-radius:10px 10px 10px 10px;float:left;margin-bottom:10px;}
.voffset  {margin-top:2px;}
.voffset1 {margin-top:5px;}
.voffset2 {margin-top:10px;}
.p-0 {padding:0;}
.p-1 {padding:5px;}
.p-2 {padding:10px;}
.pr-0 {padding-right:0;}
.click-vtc, .click-merk {cursor:pointer;}
.clickable-row:hover {cursor:pointer;background:#ccc;}
.clickable-dir-row:hover {cursor:pointer;background:#ccc;}
.page_link {margin-left:3px;}
.next_link {margin-left:3px;}
.active_page {color: #000;}
.panel-fina {background-color:#539bc9;border-color:#539bc9;}
.panel-gold {background-color:#ca8e08;border-color:#ca8e08;}
.btn i {padding-right:10px;}
.modal-header, .modal-footer {background:#f6f6f6;}
.modal-footer .btn-danger {float:left;}
.modal-footer .btn-gold {float:left;}
.modal-body .control-label {text-align:right;width:100%;}
.tiles-body .badge {background:#0072ae;}
p.tiles-text {padding-left:60px;padding-right:20px;font-size:32px;}
.panel-fina .modal-footer {margin-top:0px;padding:19px 20px 20px;text-align:right;border:1px solid #e5e5e5;border-top:0px solid #e5e5e5;background:#fff;}
.panel-body {padding:10px;}
.panel-bottom {margin-bottom:0;}
.panel-footer {margin-top:0px;border:1px solid #e5e5e5;border-top:0px solid #e5e5e5;background:#fff;}
.btn2 {padding:5px 9px;}
.fa-fina {color:#0072ae;}
.editable {font-size:1.2em;}
#page-leftbar {width:210px;}
#page-content {margin-left:210px;}
a {color:#0d6efd;text-decoration:none;}
a:hover, a:focus {color:#202ca2;text-decoration:none;}
.navbar-inverse {background-color:#1a7dc1;border-color:#1a7dc1;}
.panel-primary .panel-heading {color:#fff;background-color:#0066b1;border-color:#0066b1;padding:5px 10px;}
#page-leftbar {background:#1a7dc1;}
#sidebar > li.active > a {background:#a1daf8;}
#sidebar a:hover {background-color:#a1daf8;}
#sidebar ul li a {padding:5px 10px 5px 32px;}
#sidebar ul {padding:0 0;list-style:none;}
.actie-lead {font-size:28px;font-weight:900;color:#000;}
.actie-lead:hover {color:#000;}
.bg-info {background-color:#fffccb;}
.panel-body img {max-width:100%;height:auto;}
.datatables {font-size:12px;border:0px solid rgba(0, 0, 0, 0.6);}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {padding:5px;border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {padding:5px 5px;border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.form-control.input-validation-error {border-color:#ff0000;}
.form-group {margin-bottom:12px;}
.breadcrumb li {margin-right:8px;}
.card {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.mobilebar {background:#6d6d6d;padding-top:10px;padding-bottom:10px;}
.nav-mobile-text {padding-left:10px;}
.cardlabel {margin-bottom:10px;/*font-size:13px;*/}
.list-group-item {padding-left:15px;padding-right:15px;padding: .3rem .5rem;}
.radio {padding-bottom:5px;}
.radio label {color:#0d6efd;}
.control-label {color:#6c757d;}
#mainBody img {max-width:100%;}
.pollAnswer {background:#0066b1;margin-bottom:20px;}
.click-row, .click-trow {cursor:pointer;}

.card-header {
	font-size:1rem;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

input[type="checkbox"] {
	margin-top:8px;
	margin-left:5px;
	transform: scale(1.5);
}

/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkmark-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkmark-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#navWrap {
    width: 70%;
    position: absolute;
    height: 80%;
    top: 330px;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.table>:not(caption)>*>* {
    padding: .2rem .5rem;
}

.tblOrc {font-size:1rem;}

.form-control {
    display: inline-block;
    padding: .1rem .5rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
	
.vak {text-transform:uppercase;}
input.form-control:read-only {background-color: lightgray;border: 0;}

.dataTables_filter, .dt-buttons {display:inline;}
.dt-button {background: #0d6efd;border:0;color:#fff;padding:6px 10px;border-radius:5px;}
.list-group-item.active {z-index: 2;background-color: #e5e5e5;border-color: var(--bs-list-group-active-border-color);border:0;}

.nav__trigger-icon, .nav__trigger-icon::after, .nav__trigger-icon::before {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #373a3c;
    outline: transparent solid 1px;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    transition-duration: .3s;
}

.nav__trigger-icon {position:relative;margin-top:8px;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.nav__trigger-icon::before {top:-8px;}
.nav__trigger-icon::after, .nav__trigger-icon::before {position:absolute;content:"";}
.nav__trigger-icon, .nav__trigger-icon::after, .nav__trigger-icon::before {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #373a3c;
    outline: transparent solid 1px;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    transition-duration: .3s;
}

.nav__trigger-icon::after {top: 8px;}
.nav__trigger-icon::after, .nav__trigger-icon::before {position: absolute;content: "";}
.nav__trigger-icon, .nav__trigger-icon::after, .nav__trigger-icon::before {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #373a3c;
    outline: transparent solid 1px;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    transition-duration: .3s;
}

#accordionMenu .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: none;
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

/* SVG Organogram */
.org_rect {fill:#5b9bd5;stroke-width:0;stroke:rgb(0,0,0);}
.org_text, .org_text2 {fill:#fff;}
.org_text2 {font-size:12px;}
.org_line {stroke:#477ba9;stroke-width:4}
.org_line2 {stroke:#477ba9;stroke-width:2}
.org_link {display:inline-block}
.org_link:hover {text-decoration:underline;cursor:pointer;}
.org_rect:hover {fill:#477ba9;}
/* end SVG Organogram */

.atable > thead > tr > th, .atable > tbody > tr > th, .atable > thead > tr > td, .atable > tbody > tr > td {padding:3px;}
.clickable-shift {cursor:pointer;}
.grid-section {margin-left:-15px;margin-right:-15px;}
.heading3 h1 {font-size: 2rem;}
h5.card-title {font-size:1rem;margin-bottom:5px;}

#hero {width:100%;height:400px;/*height: 100vh;*/background:url(../media/1024/swm-slider2.jpg) top center;background-size:cover;position:relative;padding:0;}
#hero:before {content:"";background:rgba(75, 75, 75, 0.7);position:absolute;bottom:0;top:0;left:0;right:0;}

#hero .hero-container {
    position: absolute;
    bottom: 0;
    top: 30px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
	color:#fff;
}

.iconlist {padding-left:25px;}
.iconlist .li-fa::marker {color:#0d6efd;}
.iconlist li {margin-bottom:5px;}
.li-fa {list-style-position: outside;padding-left:10px;margin-left:-10px;}
.li-fa-file::marker {font-family: "Font Awesome 6 Pro";content: "\f016";}
.li-fa-file-lines::marker {font-family: "Font Awesome 6 Pro";content: "\f15c";}
.li-fa-file-zipper::marker {font-family: "Font Awesome 6 Pro";content: "\f1c6";}
.li-fa-file-plus::marker {font-family: "Font Awesome 6 Pro";content: "\f319";}
.li-fa-file-check::marker {font-family: "Font Awesome 6 Pro";content: "\f316";}
.li-fa-list-check::marker {font-family: "Font Awesome 6 Pro";content: "\f0ae";}
.li-fa-calendar-days::marker {font-family: "Font Awesome 6 Pro";content: "\f073";}
.li-fa-contract::marker {font-family: "Font Awesome 6 Pro";content: "\f56c";}

.banner-hero {
    position: absolute;
    bottom: 0;
    top: 30px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    color: #fff;
}

.fc .fc-toolbar-title {font-size: 1em;margin: 0px;}
.fc-event {cursor:pointer;}
.fc .fc-button {padding: 0.2em 0.3em;}

.verticalcenter {position:absolute;top:30%;left:50%;margin-top:-186px;margin-left:-200px;}
.panel {width: 400px;}


@media (max-width: 480px){

	.navbar-header{float:left!important}
	ul.toolbar{background-color:#1a7dc1;}
	.actie-lead{font-size:20px;}
	#sidebar{margin-top:10px;}

}

@media (max-width: 767px) {

	#page-content {width: 100%;margin-left: 0;}
	#sidebar {background: #1a7dc1;}
	.userblock {min-width: unset;width:100%;float: left;margin-right: 15px;min-height: 225px;}
	.newsimage {width:100%;}

}

@media print { .modal-dialog { max-width: 100%; width: 100%; } }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */