/* common */

* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; color: #000; }
input, select, textarea, button { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; color: #fff; }
.information button{background-color: #3f3f3f; cursor:pointer;max-width: 190px;  border: 0; height: 35px; width: 100%; text-transform:uppercase; font-weight:600;}
.information button:hover{border:2px solid #000; background-color:#fff; color:#3f3f3f; }
input[type="submit"] { -webkit-appearance: none; }
body { background-color: #f6f6f4; padding-right: 0 !important}
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
ul, ol { list-style: none; }
::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }
.verlof_a{text-decoration: none; color: #000;}
.verlof-table th{text-align:left;}
.verlof-table .ra{text-align:right; padding-right: 10px;}
.verlof-table td {font-size: 13px;}
.nodesktop { display: none; }
.ui-autocomplete { z-index: 9999999; }
.sceditor-container { width: auto !important; height: auto !important; }
.sceditor-emoticons img, .sceditor-more-emoticons img { display: inline-block; }
.little_title{ font-size: 20px;  margin-bottom: 5px; color: #000; border-bottom: 1px solid #ccc; margin-bottom: 10px; height: 30px; }

.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.pretty * {
    box-sizing: border-box;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  z-index:99999999999;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none !important;
  outline: 0;
  background-color: #1e91cf;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 11px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
#popper-element,
#popper-element-info {
	display: none;
	border-radius: 0px;
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    max-width: 400px;
}
.show-holder {
	display: none;
}

.show-holder .canvas-container {
	margin: 0 auto;
}

.ui-widget.ui-widget-content {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

#popper-element-info {
	text-align: left;
}

#popper-element-info strong {
	color: #015790;
}

#popper-element-info .buttons {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#popper-element-info .buttons #button-cancel-info:hover {
	color: red;
	cursor: pointer;
}

.form-group.required label:after {
	content: ' *';
	display: inline-block;
	padding-left: 5px;
	color: #EF9A9A;
}

#popup-detail {
	display: none;
}

.text-center {
	text-align: center;
}

.swal2-container .swal2-popup {
	padding: 0px;
	border-radius: 0px;
}

.swal2-container .swal2-content {
	text-align: left !important;
	padding: 0px 20px;
}

.swal2-content .error-holder {
	color: red;
}

.swal2-actions .swal2-styled.swal2-confirm,
.swal2-actions .swal2-styled.swal2-cancel {
	border-radius: 0px;
}

.swal2-header .swal2-title {
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
	padding: 15px 20px;
	background: rgba(0, 0, 0, 0.05);
}

.swal2-header .swal2-close {
	color: #000;
	background: rgba(0, 0, 0, 0.05);
	height: 56px;
}

.swal2-content label {
	font-weight: 700;
}

#holder-error {
	display: none;
}

#holder-images .image {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 500;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px dashed rgba(0, 0, 0, 0.05);
}

#holder-images img {
	max-width: 90px;
	display: inline-block;
	float: left;
}

#holder-image-input {
	display: none;
}

#holder-images .image input {
	display: none;
}

.swal2-content .form-control {
	color: #000;
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.alert {
	position: relative;
	display: block;
	padding: 5px;
	background: rgba(0, 0, 0, 0.05);
	margin-bottom: 10px;
}

.alert.alert-danger {
	background: #EF9A9A;
	border: 1px solid rgba(0,0,0,.12);
}

.alert.alert-success {
	background: #59a03b;
	border: 1px solid rgba(0,0,0,.12);
}

.alert.alert-info {
	background: rgba(1, 87, 144, 0.1);
	color: #015790;
}

.alert.alert-info .icon {
	padding: 5px 25px;
}

#alert-add.alert-info p {
	margin-left: -40px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btntrans{
	position: absolute;
    height: 40px;
    width: 130px;
    left: 48px;
    top: 210px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.account_menu .home-btn {
    color: #000000 !important;
    font-size: 15px !important;
}
.p100{ width:100% !important;}
.dagstaat_select{ width:100%; height:30px; border: 1px solid #ccc; color:#000;}
.message_error { color: #f00; }
.message_success { color: #03b128 !important; }
.message { margin: 10px 0px; font-weight: bold; }

.margin-first { margin-top: 20px; }

.centering { margin: 0 auto; width: 924px; }
.centering_login { margin: 0 auto; text-align: -webkit-center;}
.full-width { width: 100% !important; }

a.button { margin-bottom: 15px; padding: 0 14px; float: left; height: 36px; font-size: 15px; line-height: 33px; color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
a.button:hover { color: #fff; background-color: #96a8b2;  }
a.button.margin-right { margin-right: 10px; }

.datepicker { position: relative;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #fff; }
h1 { font-size: 32px; line-height: 38px; }
h2 { font-size: 18px; line-height: 25px; font-weight: 400; color: #212121; }
h3 { font-size: 14px; line-height: 20px; font-weight: 700; color: #323234; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

	opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}

.inbox-ui-select img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	display: inline-block;
	margin: 10px;
}

.inbox-ui-select .info {
	display: inline-block;
}

#block-inbox a img {
	border-radius: 50%;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}

#block-inbox a .info {
	display: inline-block;
	max-width: 230px;
	word-break: break-all;
}

#message-block p {
	padding: 0px 10px;
}

.inputfile {
	display: none;
}

.inputfile + label {
	font-size: 1.25em;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px;
	color: #96a8b2 !important;
	border: 1px solid #96a8b2;
	background: rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}

.inputfile:focus + label,
.inputfile + label:hover {
	background: #96a8b2;
	color: #fff !important;
	cursor: pointer;
}

/* Margins and paddings */
.mt-10 { display: block; margin-top: 10px; }
.mb-10 { display: block; margin-bottom: 10px; }
.pt-10 { display: block; padding-top: 10px; }
.pb-10 { display: block; padding-bottom: 10px; }
.pl-10 { display: block; padding-left: 10px; }
.p-20 { display: block; padding: 20px; }

/* Borders */
.bt-black { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.bl-black { border-left: 1px solid rgba(0, 0, 0, 0.05); }
.bb-black { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.br-black { border-right: 1px solid rgba(0, 0, 0, 0.05); }

.float-right { float: right; }

.account_menu .link li ul li.title { padding: 0px; }

/* paination bar */
.pagination-bar { padding: 40px 0 20px 20px; overflow: hidden; display: block; background: rgba(14,14,14,0.6); }
.pagination-bar ul li { margin-right: 5px; display: inline-block; text-align: center; }
.pagination-bar ul li{ display: table-cell; font-size: 16px; width: 31px; height: 30px; vertical-align: middle; color: #ffffff; text-decoration: none; }
.pagination-bar ul li a { display: table-cell; font-size: 16px; width: 31px; height: 30px; vertical-align: middle; color: #ffffff; text-decoration: none; }
.pagination-bar ul li.active, .pagination-bar ul li.active a, .pagination-bar ul li:hover a { color: #ffffff; text-decoration: underline; }
.pagination-bar.bg { padding: 16px 0 19px 20px; margin-bottom: -13px; background: #090909; }

/* section  */
#section { position: relative; display: block; width: 100%; min-height: 100%; }






	/* content */
	#content-wrap { padding-bottom: 120px; width: 100%; }

		/* center */
		#center-wrap { margin-top: 20px; float: left; width: 100%; }
		#center-wrap_login { margin-top: -30px; width:100%; max-width: 400px; text-align: -webkit-left; }

			.flexslider { border: none; }
			.slider_img{height:230px; overflow:hidden;}
			.slider-block { float: left; width: 50%; position: relative; margin-bottom: 10px; }
			.slider-block .flexslider.loading { display: none; }
			.slider-block a.more_news { position: absolute; z-index: 10; right: 20px; top: 20px }
			.slider-block .slider { width: 100%; overflow: hidden; position: relative; background-color: #f1f1f1; height: 60px; border-right: 1px }
			.slider-block ul.slides { width: 100%; list-style: none; }
			.slider-block ul.slides li { width: 100%; height: 245px; position: relative; }
			.slider-block li h2 { width: 100%; color: #000; position: absolute; }
			.slider-block ol.flex-control-nav { position: absolute; right: 23px; bottom: 24px; z-index: 99; }
			.slider-block ol.flex-control-nav li { margin-left: 4px; float: left; cursor: pointer; text-indent: -9999px; }
			.slider-block ol.flex-control-nav li a { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url('../images/nav_img.png') left top no-repeat; }
			.slider-block ol.flex-control-nav li a.flex-active { background-position: left bottom; }
            .slides h2{ position:absolute; z-index:10; color:#fff;font-weight: 600;margin-top: 190px;margin-left: 20px; }
			.slides .gradient{ position:absolute; bottom: 0; z-index:9; margin-top: 140px; height:90px; width:100%; background-image: linear-gradient(0deg, black, rgba(0, 0, 0, 0)); opacity:0.7;}
			.slides .title_content{ position: absolute; bottom: 0; left: 0; z-index:10; color:#fff; font-weight: 600; font-size:20px; padding:20px;}

			/* calender block */
			.calender-block { width: 25%; height: 277px; float: left; padding: 0 1px 0 1px; background: #f1f1f1; border-right: 1px solid #f1f1f1; box-sizing: border-box; margin-bottom: 10px; }
			.calender-block .calender { width: 100%; overflow: hidden; position: relative; background-color: #f1f1f1; }
			.calender-block a.pre { width: 9px; height: 16px; display: block; position: absolute; left: 19px; top: 22px; background: url('../images/pre_img.png') left top no-repeat; }
			.calender-block a.next { width: 9px; height: 16px; display: block; position: absolute; right: 16px; top: 22px; background: url('../images/next_img.png') left top no-repeat; }
			.calender-block h2 { line-height: 60px; text-align: center; }
			.calender-block ul { padding: 0px 12px 0; width: 100%; list-style: none;  }
            .calender-block ul:hover { cursor: pointer; }
			.calender-block li { margin-bottom: 8px; width: 100%; float: left; }
			.calender-block li span  { margin-right: 2px; float: left; width: 27px; height: 27px; line-height: 23px; color: #212121; font-weight: 400; text-align: center; border: 2px solid rgba(255,255,255,0); }
			.calender-block li:first-child  { margin-bottom: 6px; }
			.calender-block li:first-child span { font-size: 14px; color: #000; font-weight: 700; border: 0; }
			.calender-block li a { float: left; }
			.calender-block li a span { display: block; color: #000; text-decoration: none; border: 2px solid #00a2e2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

			/* photo block */
            .photo-block { background: url('../images/photo_img.jpg') center no-repeat; background-size: cover; float: left; width: 25%; height: 277px; position: relative; margin-bottom: 10px; }
            .photo-block img { max-height: 100%; }
            .photo-block a { display: block; position: relative; }
            .photo-block h2 { position: absolute; left: 19px; top: 16px; color: #fff; }
            .photo-block.evenement a { height: 50%; overflow: hidden; padding-top: 1px; }

            /* profile block */
			.profile-v2-block { float: left; width: 25%; height: 253px; position: relative; background: #fff; margin-bottom: 10px;}
			.profile-v2-block h2 { padding: 0 18px; line-height: 60px; color: #212121; position: relative; left: auto; top: auto; background-color: #f1f1f1; }
			.profile-v2-block .mid { padding: 11px 16px; width: 100%; overflow: hidden; }
			.profile-v2-block .profile { width: 100%; overflow: hidden; padding-top: 15px; }
			.profile-v2-block .photo img { margin: 3px 13px 0 0; float: left; width: 55px; height: 55px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #5d5d5d; }
			.profile-v2-block .name { float: left; width: 125px; margin-top: 7px;}
			.profile-v2-block .name span { font-size: 14px; line-height: 20px; color: #7f7f7f; display: block; }
			.profile-v2-block p { padding: 26px 0 38px; font-size: 14px; line-height: 22px; color: #000; }
			.profile-v2-block a { margin-top: 30px; margin-left: 20px; padding: 0 15px; float: left; height: 37px; font-size: 15px; line-height: 35px; width: 149px; text-align: -webkit-center; color: #3f3f3f; font-weight: 600;
				text-transform: uppercase; text-decoration: none; background-color: #fff; border: 1px solid #3f3f3f; }
			.profile-v2-block a:hover { color: #fff; background-color: #3f3f3f; }

			/* tweet block */
			.tweet-block { float: left; overflow: hidden; margin-bottom: 10px; }
			.tweet-block h2 { padding: 0 20px; line-height: 61px; background-color: #f1f1f1; }
			.tweet-block .tweet { padding: 15px 18px 14px 15px; width: 100%; border-bottom: 1px solid #eeeeee; }
			.tweet-block .photo { margin-right: 10px; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
			.tweet-block .name { float: left; }
			.tweet-block .name span { font-size: 14px; line-height: 16px; color: #000; font-weight: 700; }
			.tweet-block .name em { font-style: normal; color: #7f7f7f; display: block; font-weight: 400; }
			.tweet-block a.like { margin-top: 8px; float: right; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; color: #000; text-decoration: none; }
			.tweet-block a.like img { margin-right: 5px;float: left; }
			.tweet-block .text { padding-bottom: 26px; width: 100%; overflow: hidden; background-color: #fff; }
			.tweet-block p { padding: 14px 19px 20px; }
			.tweet-block span { padding: 0px 19px 20px; }
            .tweet-block p img { width: 100%; heigth: auto; }
			.tweet-block a.view { padding: 10px; margin: 5px 20px; font-size: 15px; line-height: 33px; text-decoration: none; text-transform: uppercase; font-weight: 600; background-color: #fff; color: #3f3f3f; border: 1px solid #3f3f3f; }
			.tweet-block a.view:hover { color: #fff; background-color: #3f3f3f; }

			.tweet-block .resp img{ border-radius:50px; width: 45px; float: left;}
			.tweet-block .resp li{ display: -webkit-box; margin-bottom:10px;}
			.tweet-block .tweetit { margin-left: 13px; float: left; overflow:auto !important; position: relative; border-left: 1px solid #ebebeb; max-width:300px !important; padding-bottom:0px;}
			.tweet-block .tweetit span { padding-bottom: 7px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.tweet-block .tweetit em { font-weight:100 ; }
			.tweet-block .tweetit p { padding-top:0px; padding-bottom:0px; }
			.tweet-block .tweetcomment span { width: 60px; }
			.tweet-block .tweetcomment span.icon { width: auto; font-size: 20px; font-weight: 700; }
			/*.tweet-block .tweetcomment .like { position: relative; }
			.tweet-block .tweetcomment .like-count { position: absolute;
				top: 0;
				right: 0;
				padding: 0px; }*/

			.tegel-block{overflow: auto;}
			@media only screen and (min-width: 720px) and (max-width: 920px) {
			.tweet-block input[name="bericht"] { width: 70% !important;	}
			}
			@media only screen and (min-width: 780px) {
				.tweet-block .resp { margin-left: 20px; margin-bottom: 10px; overflow: auto; }
			}
			@media only screen and (max-width: 780px) {
				.tweet-block .100p { font-size: 13px !important; }
				.tweet-block .resp { margin-left: 20px; margin-bottom: 10px; overflow: auto; max-width: 85%; padding-right: 10px; }
				.tweet-block .tweetit em { display: block; }
				.tweet-block .tweetit p { padding-top: 0px; padding-bottom: 0px; width: 90%;}
			}

			/* button block */
			.button-block { width: 50%; float: right;  margin-bottom: 10px; }
			.button-block ul { width: 100%; overflow: hidden; list-style: none; }
			.button-block li { float: left; width: 50%; border-top: 1px solid #fff; border-right: 1px solid #fff; }
			.button-block li:nth-child(2n) { border-right: 0; }
			.button-block li  a { padding: 32px 5px 5px; height: 145px; font-size: 15px; line-height: 18px; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: 600;  display: block; }
			.button-block li img { margin: 0 auto 10px; }
			.button-block li a:hover { color: #ffff; }


			.button-block li.green a { color: #ffcd01; background-color: #07421f !important; }
			.button-block li.yellow a {  color: #07421f; background-color: #ffcd0a; }
			.button-block li.lblue a {  color: #fff; background-color: #00a2e2; }
			/*itc*/
			.button-block li.lblue a {  color: #fff; background-color: #00a2e2; }
			.button-block li.black a { color:#fff !important;; background-color:#000 !important;}
			.button-block li.white a { color: #000; background-color: #fff; }
			.button-block li.dblue a { color: #fff; background-color: #00528c; }
			/*.button-block li.blue a { background-color: #0c243c; }
			.button-block li.gry a { background-color: #96a8b2; }
			.button-block li.gray a { background-color: #e6e4e0; color: #000 }
			.button-block li.dark-gray a { background-color: #3f3f3f; }*/

			/* college block */
			.college-block { width: 100%; overflow: hidden; }
			.college-block ul { width: 100%; overflow: hidden; list-style: none; }
			.college-block li { float: left; width: 25%; min-height: 304px; position: relative; background: #fff; }
			.college-block li h2 { padding: 0 20px; line-height: 60px; background-color: #f1f1f1; margin-bottom: 25px; }
			.college-block li a { padding: 0 10px 0 20px; display: block; text-decoration: none; overflow: hidden; }
			.college-block li a img { margin: 24px auto 10px; }
			.college-block li span { margin-bottom: 11px; width: 100%; overflow: hidden; font-size: 14px; line-height: 22px; color: #000; display: block; letter-spacing:-0.25px; }
			.college-block li small { padding: 0 13px; float: left; font-size: 15px; line-height: 36px;  color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; }
			.college-block li a:hover small { color: #fff; background: #96a8b2; }
			.college-block li.social { background: url('../images/college_img3.png') left top no-repeat;}
			.college-block li a.logo { padding: 0; }
			.college-block li a.logo img { margin: 0px auto 10px; }
			.college-block li ul { text-align: center; position: absolute; left: 0; bottom: 14px; }
			.college-block li  li { margin: 0 1px; width: auto; min-height: inherit; float: none; display: inline-block; background: none; }
			.college-block li  li a { padding: 0; }
			.college-block li  li a  img { margin: 0; }
			.college-block li.latest a { padding-top: 20px; }
			.college-block li.latest span { padding: 13px 0 10px; }
			.college-block li.latest a img { margin: 14px 13px 0 0; float: left; }
			.college-block li.latest em { float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #323234; font-style: normal; }
			.college-block li.profile a { padding-top: 20px; }
			.college-block li.profile span { padding: 13px 0 10px; }
			.college-block li.profile a img { margin: 14px 13px 0 0; float: left; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.college-block li.profile em { float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #323234; font-style: normal; }
			.college-block li.profile em em { font-weight: 400; color: #adadad; }

			.college-block.v2 li { min-height: 253px; margin-top: 1px; }
			.college-block.v2 li.college { width: 50%; }
			.college-block.v2 li.college .mid { padding: 15px 38px 20px 20px; width: 100%; overflow: hidden; }
			.college-block.v2 li h2 { background-color: #f1f1f1; }
			.college-block.v2 li .left { margin-top: 4px; float: left; width: 40%; }
			.college-block.v2 li .right { float: right; width: 60%;}
			.college-block.v2 li a.coll { padding: 0 13px; height: 37px; float: left; font-size: 15px; line-height: 33px; color: #3f3f3f; background-color: #fff; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #3f3f3f; }

			.college-block.v2 li a.coll:hover { color: #fff; background-color: #3f3f3f; }
			.college-block.v2 li.social { background: url('../images/college_img6.png') left top no-repeat; }
			.college-block.v2 li.social span.contact-info { color: #fff; margin: 0px; display: block; text-align: center; width: 100%; }
			.college-block.v2 li span { margin-bottom: 18px; }
			.college-block.v2 li li { min-height: inherit; }
			.college-block.v2 li.latest .mid { padding: 0 35px 15px 17px; width: 100%; overflow: hidden; }

			/* Checkbox */
			label.container-checkbox {
				display: block;
				position: relative;
				padding-left: 35px;
				margin-bottom: 12px;
				cursor: pointer;
				font-size: 22px;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				text-align: left;
			}

			/* Hide the browser's default checkbox */
			.container-checkbox input {
				position: absolute;
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
			}

			/* Create a custom checkbox */
			.checkmark-checkbox {
				position: absolute;
				top: 0;
				left: 0;
				height: 20px;
				width: 20px;
				background-color: #fff;
				border: 1px solid rgba(0, 0, 0, 0.05);
			}

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

			/* When the checkbox is checked, add a blue background */
			.container-checkbox input:checked ~ .checkmark-checkbox {
				background-color: rgba(0, 0, 0, .2);
			}

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

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

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

			/* Home inbox */
			#block-home-inbox { background: #fff; padding: 20px; }
			#block-home-inbox table { width: 100%;  border-spacing: 0px;}
			#block-home-inbox tr td { padding: 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; }
			#block-home-inbox tr:last-child td { border-bottom: none; }
			#block-home-inbox tr td.date { font-weight: 700; width: 120px; padding-left: 5px; }
			#block-home-inbox tr:hover td { background: rgba(0, 0, 0, 0.05); }
			#block-home-inbox span { padding: 0px; display: inline-block; }
			#block-home-inbox span.icon-custom-image_error { color: #ff3f00 }

			/* Inbox */
			#block-home-video { display: block; }
			#block-home-video iframe { width: 100%; height: 250px; border: none; }
			#block-home-video .flex-control-paging { display: block; }
			#block-home-video .flex-control-nav { position: inherit; }
			#block-home-video .flex-direction-nav .flex-next { display: none; }
			#block-home-video .flex-direction-nav .flex-prev { display: none; }

			.swal2-header {
				padding: 0px !important;
			}

			.inbox-left .btn.btn-round {
				display: inline-block;
				padding: 0px 20px;
				margin: 10px 0px;
			}

			.inbox-left .pagination-holder {
				display: block;
				padding: 20px 0px;
			}

			.inbox-left ul.pagination li a, .inbox-left ul.pagination li span {
				padding-top: 0px;
			}

			.inbox-left ul.pagination li.active {
				background: rgba(0, 0, 0, 0.05);
				color: #000;
				font-weight: 700;
			}

			/* login block */
			.login.tab { display: none; }
			.login-block label.container-checkbox { display: inline-block; float: left; line-height: 20px; font-weight: 500; }
			.login-block { width: 100%; overflow: hidden; background: #fff; }
			.login-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.login-block .login { float: left; width: 100%; padding: 25px; }
			.login-block label { font-size: 14px; line-height: 34px; color: #000; font-weight: 700; display: block; }
			.login-block input[type="text"], .login-block input[type="password"] { z-index: 1; position: relative; padding: 8px 35px; margin-bottom: 15px; width: 100%; height: 40px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0;  }
			.login-block input[type="submit"] { background-color: rgba(0, 0, 0, 0.05); padding: 0 15px; margin-bottom: 7px; float: left; height: 40px; font-size: 15px; font-weight: 700; line-height: 33px; color: #000; text-decoration: none; width: 100%; cursor:pointer; border: none; }
			.login-block input[type="submit"]:hover { color: #3f3f3f; background-color: rgba(0, 0, 0, 0.2); }
            .login-block .help  { text-align: right; margin-bottom: 15px; }
            .login-block .help span { float: left; }
            .login-block a { color: #000; text-decoration: underline; }
			.login-block a:hover { text-decoration: none; }
			.login-block .input.user { position: relative; }
			.login-block .input.user:after { opacity: .5; z-index: 2; position: absolute; font-size: 26px; top: 8px; left: 6px; display: inline-block; content: "\e71e"; color: #000; font-family: 'Linearicons'; width: 20px; height: 20px;  }
			.login-block .input.password { position: relative; }
			.login-block .input.password:after { opacity: .5; z-index: 2; position: absolute; font-size: 26px; top: 8px; left: 6px; display: inline-block; content: "\e66b"; color: #000; font-family: 'Linearicons'; width: 20px; height: 20px;  }

			/* Language choose login */
			.choose.tab:not(.start) { display: none; }
			.choose.tab ul.languages li { display: inline-block; padding: 10px; }
			.choose.tab ul.languages li.current { border: 1px solid rgba(0, 0, 0, 0.05); }
			.choose.tab ul.languages li img { opacity: 0.6; }
			.choose.tab ul.languages li.current img { opacity: 1; }
			.choose.tab ul.languages li:not(.current):hover { cursor: pointer; }
			.choose.tab ul.languages li:not(.current):hover img { opacity: 0.8; }
			.choose-container, .start-container { padding: 0px 25px; padding-top: 10px; }

			/* Login copyright */
			.login-copyright { text-align: center; color: #000; padding: 10px 0px; }
			.login-copyright p { opacity: .5; }
			.login-copyright a { color: #000; opacity: .5; padding: 0px 5px; text-decoration: none; }
			.login-copyright a:hover { opacity: 1; }

			/* news block */
			.news-block { width: 100%; overflow: hidden; background: #fff; }
			.news-block img { max-width: 100%; }
			.news-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.news-block ul { padding: 23px 30px 19px 18px; width: 100%; overflow: hidden; list-style: none; }
			.news-block li { width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; cursor: pointer; }
			.news-block li:last-child { border-bottom: 0; }
			.news-block li .photo { width: 230px; overflow: hidden; float: left; position: relative; }
			.news-block li .photo::before { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; content: ''; background: linear-gradient(to top, rgba(35,31,32, 0.6), rgba(35,31,32, 0)); }
			.news-block li .news { padding: 6px 0 0 16px; width: 625px; float: left; }
			.news-block li  span { font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.news-block li em { margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #7f7f7f; font-style: normal; display: block; }



			/* messages */
			.messages-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
			.messages-list li:last-child { border-bottom: none }
			.messages-list li a { cursor: pointer; background: none !important; padding: 10px 0px; line-height: 20px !important; font-size: 15px !important; }
			.messages-list li a small { display: block; font-size: 13px !important; color: #000; }
            .messages-list li a small.not-read { padding-left: 25px; }
			.messages-list li a .newicon { color: #ff3f00; font-size: 17px; position: absolute; padding-left: 0px; font-weight: bold;}
			.messages-list li .checkbox { float: left; display: inline-block; padding: 45px 20px; }
			.messages-list li .checkbox .fa { width: 15px; }
			.messages-list li .checkbox input { display: none; }
			.messages-list li .checkbox:hover { background: rgba(0, 0, 0, 0.02); cursor: pointer; }
			.messages-list li.message-container { padding: 20px 40px; }
			.messages-list li.message-container a.btn-default { opacity: .7; background: #000 !important; }
			.messages-list li.message-container a.btn-default:hover { opacity: 1; color: #fff !important; }
			.messages-list li.message-container:hover a { color: #fff !important; }

			.overview-block span#message-sent-on { float: right; color: #9a9995 }

			/* today block */
			.today-block { padding-bottom: 25px; width: 100%; overflow: hidden; background: #fff; }
			.today-block .today { padding: 18px 20px; width: 100%; overflow: hidden; background-color: #f1f1f1; }
			.today-block ul { width: 100%; overflow: hidden; list-style: none; }
			.today-block li { padding: 15px 20px 0; width: 100%; float: left; font-size: 14px; line-height: 21px; color: #000; }
			.today-block li span { padding: 0 0 0 30px; color: #000; display: block; text-decoration: none; }
			.today-block  li.icon1 span { background: url(../images/icon3.png) left 0 no-repeat; }
            .today-block  li.icon5 span { background: url(../images/icon5.png) left 0 no-repeat; }
			.today-block li span:hover { color: #003772; }
			.today-block li a { padding: 0 0 0 30px; color: #000; display: block; text-decoration: none; }
			.today-block  li.icon1 a { background: url(../images/icon3.png) left 0 no-repeat; }
			.today-block li a:hover { color: #003772; }
            .today-block p { padding: 15px 20px 0; }

			/* overview block */
			.overview-block { padding-bottom: 29px; width: 100%; overflow: hidden; background: #fff; }
			.overview-block h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.overview-block p { padding: 18px 19px; }
			.overview-block ul { padding: 18px 0 0; width: 100%; overflow: hidden; list-style: none; }
			.overview-block li { padding: 0 19px; width: 100%; float: left; }
			.overview-block li a { font-size: 14px; line-height: 22px; color: #000; display: block; }
			.overview-block li a:hover { color: #003772; }
			.overview-block label { padding-left: 5px; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; color: #000; font-weight: 600; }
            .overview-block textarea { padding: 10px 14px; width: 95%; min-height: 101px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border-radius:4px; border: 1px solid #e0e0e0; resize: none; -webkit-resize: none; -moz-resize: none; }
            .overview-block .form-group { margin: 30px 0 0 10px; }
            .overview-block .form-group.required label:after { content: ' *'; display: inline-block; padding-left: 5px; color: #EF9A9A; }
            .overview-block .form-group:last-of-type { margin: 15px 0 0 10px; }
            .overview-block input[type="submit"].short-submit { display: none; }
            .overview-block input[type="submit"] { cursor: pointer; padding: 15px; margin: 0 0 10px 10px; font-size: 15px; line-height: 5px; text-decoration: none; text-transform: uppercase; font-weight: 600; background-color: #fff; color: #3f3f3f; border: 1px solid #3f3f3f; }
            .overview-block input[type="submit"]:hover { color: #fff; background-color: #3f3f3f; }
            .overview-block input[type="text"].form-control { padding: 5px 14px; width: 95%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
            .overview-block.planningberichten { padding-bottom: 0; }

			/* inbox */
                        /*.inbox-top { Height: 50px; background: #f1f1f1; }*/
			.inbox-header ul { padding: 0px; width: 100%; overflow: hidden; list-style: none; }
			.inbox-header li { padding: 0px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
			.inbox-header li span { color: #595959; font-weight: 400; display: block; padding: 10px; line-height: 20px !important; font-size: 15px !important; }
			.inbox-header li span small { display: block; font-size: 13px !important; color: #000;  }
			.inbox-content { padding: 20px 13px;  }
            .inbox-header li span small, .inbox-content small.read { display: block; font-size: 13px !important; color: #000;  }
            .inbox-content small.read { float: right; }
            .inbox-content:last-of-type { border-bottom: none; }
			.inbox-top { text-align: right;}
			.inbox-top span { cursor: pointer; }
			.inbox-close { float: left;  }
			.inbox-delete i.fa { font-size: 20px; }

			/* search block */
			.search-block { width: 100%; overflow: hidden; background: #fff; }
			.search-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.search-block ul { float: left; width: 100%; list-style: none; border-bottom: 1px solid #f2f2f2; }
			.search-block li { float: left; border-right: 1px solid #f5f5f5; }
			.search-block li a { padding: 20px 18px; height: 64px; display: block; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,0); }
			.search-block li.active a { border-bottom: 2px solid #003772; }
			.search-block .about { padding: 24px 16px 23px 20px; width: 100%; overflow: hidden; }
			.search-block a.photo { padding-left: 28px; display: block; font-size: 14px; line-height: 22px; color: #000; background: url('../images/selectphoto_icon.png') left center no-repeat; }
			.search-block textarea { padding: 10px; margin: 12px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
			.search-block input[type="submit"] { cursor: pointer; padding: 15px; margin: 0 auto; font-size: 15px; line-height: 5px; text-decoration: none; text-transform: uppercase; font-weight: 600; background-color: #fff; color: #3f3f3f; border: 1px solid #3f3f3f; }
			.search-block input[type="submit"]:hover { color: #fff; background-color: #3f3f3f; }
            .search-block #image_preview { margin-top: 10px; }

			/* find block */
			.find-block { width: 100%; overflow: hidden; background: #fff; }
			.find-block  h2 { padding: 18px 18px; background-color: #f1f1f1; }
			.find-block .find { padding: 18px 18px 22px; width: 100%; overflow: hidden; }
			.find-block p { padding-bottom: 18px; }
			.find-block .search { width: 100%; float: left; border: 1px solid #e5e5e5; margin-bottom: 10px; }
			.find-block input[type="text"] { width: 82%; height: 36px; float: right; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; border: 0; }
			.find-block input[type="submit"] { width: 17%; height: 36px; float: left; border: 0; text-indent: -9999px; cursor: pointer; background: url('../images/search_icon.png') center no-repeat; }
            .find-block button#button-search { width: 17%; height: 36px; float: left; border: 0; text-indent: -9999px; cursor: pointer; background: url('../images/search_icon.png') center no-repeat; }
			.find-block label { font-weight: bold; }
			.find-block .well { background: rgba(0, 0, 0, 0.05); padding: 10px; margin-bottom: 10px; }
			.find-block .well:last-child { margin-bottom:0px; }
			.find-block .well label { font-weight: normal; display: block; }

			/* information block */
			.information-block { width: 100%; overflow: hidden; background: #fff; }
			.information-block  h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
			.information-block .information { padding: 9px 25px 23px 19px;  width: 100%; overflow: hidden; }
            .information-block .leave_balance { font-weight: bold; margin: 3px 0 5px 0; }
			.information-block p { letter-spacing: -0.23px; }
            .information-block .leave p { margin-bottom: 10px; }
			.information-block .leave .leave_balance { font-weight: bold; }
            .information-block .leave a { margin-top: 10px; display: block;}
			.information-block ul { padding-bottom: 22px; width: 100%; overflow: hidden; list-style: none; }
			.information-block li { width: 100%; overflow: hidden; position: relative; letter-spacing: -0.15px; }
			.information-block li small { width: 4px; height: 4px;display: inline-block; position: relative; top: -3px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: #000; }

			/* over block */
			.over-block { width: 100%; overflow: hidden; background: #fff; }
			.over-block  h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
			.over-block ul { padding: 18px 18px 29px; width: 100%; overflow: hidden; list-style: none; }
			.over-block li { width: 100%; float: left; }
			.over-block li a { padding-left: 10px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/cat_pointer.png') left 10px no-repeat; }
			.over-block li a:hover { color: #3f3f3f; }
            .over-block li a.selected { color: #3f3f3f; font-weight: bold; }
            .over-block p { padding: 15px 20px 20px; }
			.over-block .padding { padding: 0px 10px 29px; }

			/* over block */
			.message-block { width: 100%; overflow: hidden; background: #fff; }
			.message-block  h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
			.message-block ul { padding: 0px; width: 100%; overflow: hidden; list-style: none; }
			.message-block li { width: 100%; float: left; }
			.message-block li a { font-size: 14px; line-height: 30px; color: #595959; font-weight: 400; display: inline-block; text-decoration: none; background: url('../images/cat_pointer.png') left 10px no-repeat; }
			.message-block li a:hover { color: #3f3f3f; }
			.message-block li a.no-hover { color: #000; text-align: center; cursor: auto; }
			.message-block li a.selected { color: #3f3f3f; font-weight: bold; }
                        .message-block li a.to-box { padding-left: 20px; font-weight: bold; }
			.message-block p { padding: 15px 20px 20px; }

			/* categories block */
			.categories-block { width: 100%; overflow: hidden; background: #fff; }
			.categories-block h2 { padding: 0 19px; line-height: 60px; background-color: #f1f1f1; }
			.categories-block ul { padding: 12px 10px 19px 18px; width: 100%; overflow: hidden; list-style: none; }
			.categories-block li { width: 100%; overflow: hidden; }
			.categories-block li a { padding-left: 10px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/cat_pointer.png') left 10px no-repeat; }
			.categories-block li a:hover { color: #3f3f3f; }
            .categories-block li a.active { font-weight: bold; color: #3f3f3f; }

			/* manual block */
			.manual-block { width: 100%; overflow: hidden; background: #fff; }
			.manual-block h2 { padding: 0 19px 0 20px; line-height: 60px; position: relative;  background-color: #f1f1f1; }
			.manual-block h2::before { width: 36px; height: 37px; position: absolute; left: 22px; top: 11px; content: '';  }
            .manual-block.planning h2::before { width: 37px;  }
            .manual-block.document h2::before { width: 37px;  }
			.manual-block .mid { padding: 13px 21px 0; width: 100%; overflow: hidden; }
			.manual-block h3 { padding-bottom: 5px; color: #000; }
			.manual-block .general { padding-bottom: 20px; width: 100%; overflow: hidden; }
			.manual-block ul { width: 100%; overflow: hidden; list-style: none; }
			.manual-block li { width: 100%; overflow: hidden; }
			.manual-block li a { font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; float: right; }
            .manual-block li { padding-left: 23px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/manual_img2.png') left 5px no-repeat; }
			.manual-block li a:hover { color: #3d3a3a; }
			.manual-block li a.button { height:30px !important; }
            .manual-block li:hover, .display-block li.newli:hover { color: #3d3a3a; cursor: pointer; }
			.agree{  display: inline !important;
}

			.information-block li a {
				padding-left: 10px;
				font-size: 14px;
				line-height: 30px;
				color: #000;
				font-weight: 400;
				display: block;
				text-decoration: none;
				background: url(../images/cat_pointer.png) left 10px no-repeat;
			}

			/* profilephoto block */
			.profilephoto-block { width: 100%; overflow: hidden; text-align: center; }
			.profilephoto-block .photo { width: 210px; height: 210px; overflow: hidden; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.profilephoto-block a { padding-left: 26px; margin-top: 10px; font-size: 14px; line-height: 20px; color: #000; display: inline-block; text-decoration: underline; background: url('../images/profile_icon.png') left 3px no-repeat; }
			.profilephoto-block a:hover { color: #3d3a3a; }




			/* album block */
			.album-block { width: 100%; overflow: hidden; background: #fff; }
			.album-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.album-block ul { padding: 20px 19px 23px; width: 100%; overflow: hidden; list-style: none; }
			.album-block li { margin: 0 2px 3px 0; width: 24.7%; float: left; }
			.album-block li:nth-child(4n) { margin-right: 0; }
			.album-block li a { height: auto; display: block; overflow: hidden; background-color: #dfdfdf; }
            .album-block li a img { width: 100%; height: auto;}

			/* customer block */
			.customer-block  { width: 100%; overflow: hidden; }
			.customer-block .customer { padding-bottom: 19px; margin-bottom: 11px; width: 100%; overflow: hidden; background: #fff; }
			.customer-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.customer-block	.top { padding: 12px 25px 10px 15px; width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #efefef; }
			.customer-block	.top a.close { width: 15px; height: 15px; display: block; position: absolute; right: 29px; top: 26px; background: url('../images/close.png') no-repeat; }
			.customer-block .photo { margin-right: 12px; float: left; width: 41px; height: 42px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.customer-block .top span { font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.customer-block .top em { display: block; color: #7f7f7f; font-weight: 400; font-style: normal; }
			.customer-block	.detail { padding: 15px 25px 0 15px; width: 100%; overflow: hidden; }
			.customer-block	.detail p { padding-bottom: 36px; }
			.customer-block ul { padding-bottom: 10px; width: 100%; overflow: hidden; list-style: none; }
			.customer-block li { margin-bottom: 30px; width: 100%; float: left; position: relative; }
			.customer-block li a.close { width: 12px; height: 12px; display: block; position: absolute; right: 4px; top: 7px; background: url('../images/close2.png') no-repeat; }
			.customer-block	.detail .image { margin-right: 26px; float: left; width: 41px; height: 42px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.customer-block .detail .text { padding-left: 13px; float: left; width: 480px; position: relative; border-left: 1px solid #ebebeb; }
			.customer-block .detail .text::before { width: 15px; height: 27px; position: absolute; left: -15px; top: 8px; content: ''; background: url('../images/arrow.png') no-repeat; }
			.customer-block .detail .text span { padding-bottom: 7px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.customer-block .detail em { color: #7f7f7f; font-weight: 400; font-style: normal; }
			.customer-block .detail .text  p { word-break: break-word; padding-bottom: 2px; font-family: 'Roboto', sans-serif; }
			.customer-block .comment { width: 100%; overflow: hidden; }
			.customer-block .comment input[type="text"] { padding: 5px 13px; float: left; width: 85%; height: 37px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400;  border: 1px solid #f0f0f0; }
			.customer-block a.like { margin: 5px 4px 0 0; float: right; font-family: "Roboto",sans-serif; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; text-decoration: none; }
			.customer-block a.like img { margin-right: 5px; float: left; }
			.customer-block .info { padding-bottom: 19px; margin-bottom: 11px; width: 100%; overflow: hidden; background-color: #fff; }
			.customer-block	.info .mid { padding: 20px 25px 0 15px; width: 100%; overflow: hidden; }
			.customer-block	.info .video { margin-bottom: 13px; width: 100%; overflow: hidden; }
			.customer-block	.info .detail { padding: 20px 25px 0 15px;  }
			.customer-block	.info .detail p { padding-bottom: 42px; }
			.customer-block  .info .detail .text  p  { padding-bottom: 2px; }
			.customer-block  .info ul { padding-bottom: 2px; }
			.customer-block	.info .detail.gap { padding-top: 15px; }
			.customer-block	.info .detail.gap p { padding-bottom: 22px; }

			/* info block */
			.info-block { padding-bottom: 0; width: 100%; background: #fff; }
			.info-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.info-block .sort { padding: 18px 22px 20px; width: 100%; border-bottom: 1px solid #f5f5f5; }
			.info-block label { padding: 0 16px 0 3px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; float: left; cursor: pointer; }
			.info-block .checkbox { width: 23px; height: 22px; display: block; float: left; cursor: pointer; background: url(../images/checkbox.png) no-repeat; }
			.info-block .DivSelectyze { float: right; position : relative; width : 150px; }
			.info-block .DivSelectyze a.selectyzeValue { position: relative; z-index: 9999; font-family: "Roboto",sans-serif; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; background: url('../images/select_icon.png') right 10px no-repeat; }
			.info-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; top : 22px; left : 0px; width : 100%; float: left; list-style : none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f1f1f1; }
			.info-block .DivSelectyze li { width: 100%; overflow: hidden; }
			.info-block .DivSelectyze li a { padding: 0 5px; font-family: "Roboto",sans-serif; font-size: 14px; line-height: 24px; color: #000; font-weight: 400; display : block; text-decoration : none;  }

			/* manage block */
            .manage-block { width: 100%; float: left; background: #fff; min-height: 200px; }
			.manage-block ul.collega_rows { width: 100%; float: left; list-style: none; }
			.manage-block li.collega_row { padding: 0 22px; width: 100%; min-height: 64px; float: left; border-bottom: 1px solid #f5f5f5; }
			.manage-block .direction { padding: 14px 22px 10px; width: 100%; position: relative;  }
			.manage-block .direction .photo { width: 60px; height: 40px;  float: left; }
            .manage-block .direction .photo img { width: 40px; height: 40px; overflow: hidden; }
            .manage-block .direction .photo.round img { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.manage-block .direction span.info { float: left; font-size: 14px; line-height: 22px; color: #323234; font-weight: 700; }
            .manage-block .direction small { font-size: 14px; line-height: 17px; display: block; color: #7f7f7f; font-weight: 400; }
			.manage-block .direction em { margin: 8px 64px 0 0; float: right; font-size: 14px; line-height: 22px; color: #7f7f7f; font-weight: 400; font-style: normal; }
            .manage-block .direction span.location { float: right; margin-right: 65px; margin-top: 7px; color: #7f7f7f;}
			.manage-block .direction a.toggle { float: right; width: 64px; position: absolute; right: 0; top: 0; height: 100%; border-left: 1px solid #f5f5f5; background: url('../images/select_icon2.png') center no-repeat; }
            .manage-block .direction a.show { background: url('../images/close.png') center no-repeat; }
            .manage-block .contact { padding: 25px 22px 30px; width: 100%; overflow: hidden; border-bottom: 1px solid #f5f5f5; display: none;}
            .manage-block .contact.display { display: block;}
			.manage-block .contact .left { margin-right: 44px; width: 160px; float: left; }
			.manage-block .contact .photo { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden;}
            .manage-block .contact .photo.round { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.manage-block .contact ul { width: 100%; overflow: hidden; list-style: none; text-align: center; }
			.manage-block .contact .left li { margin: 3px; display: inline-block; }
			.manage-block .contact .left li a { display: block; }
			.manage-block .contact .right { width: 390px; float: left; }
			.manage-block .contact span { margin-bottom: 16px; font-size: 14px; line-height: 22px; color: #323234; font-weight: 700; display : block; }
			.manage-block .contact .right a { line-height: 18px; color: #7f7f7f; font-weight: 400; display : block; }
			.manage-block .contact .right a:hover { color: #000; }
			.manage-block .contact .right em { line-height: 18px; color: #7f7f7f; font-weight: 400; display : block; font-style: normal; }
            .manage-block p { margin: 20px; text-align: center; }

			/* report block */
/*			.report-block { width: 100%; overflow: hidden; background: #fff;}*/
           /* .report-block { width: 100%; background: #fff;}
			.report-block  h2 { padding: 0 19px;  background-color: #f1f1f1; }
			.report-block  h2 span { padding-left: 40px; line-height: 61px; display: block; background: url(../images/report_icon.png) left center no-repeat; }
            .report-block input[type="text"].date { background-image: url(../images/date_img.png); background-position: center right 5px; background-repeat: no-repeat; }
            .report-block input[type="text"].time { background-image: url(../images/time_img.png); background-position: center right 5px; background-repeat: no-repeat; }
			.report-block .report { padding: 15px 35px 17px 19px; width: 100%; }
			.report-block .line { margin-bottom: 6px; width: 256px; float: left; }
			.report-block .line.line2 { margin-bottom: 19px; }
			.report-block .report span { font-size: 14px; line-height: 30px; color: #000; font-weight: 700; display: block; }
			.report-block input[type="text"] { padding: 5px 14px; width: 100%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.report-block input[type="submit"]{ margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #3f3f3f; background: #fff; font-weight: 600; text-transform: uppercase; border: 1px solid #3f3f3f; cursor: pointer; }
			.report-block input[type="submit"]:hover { color: #fff; background: #3f3f3f; }
            .report-block button { margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; border: 0; cursor: pointer; background: #003772; }
			.report-block button:hover { background: #14579f; }
			.report-block label { padding-left: 5px; float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; cursor: pointer; }
			.report-block .checkbox { margin-top: 3px; width: 12px; height: 12px; display: block; float: left; background: url('../images/checkbox2.png') no-repeat; cursor: pointer; }
			.report-block p { margin-top: 3px; overflow: hidden; }
			.report-block .radio { margin-top: 3px; width: 12px; height: 12px; display: block; float: left; background: url('../images/radio.png') no-repeat; cursor: pointer; }
			.report-block .full { padding: 0 0 17px 5px; width: 100%; overflow: hidden; }
			.report-block .full span { margin-bottom: 6px; }
			.report-block textarea { padding: 5px 14px; width: 100%; min-height: 101px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; resize: none; -webkit-resize: none; -moz-resize: none; }
			.report-block .full a { padding-left: 28px; float: left; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; background: url(../images/selectphoto_icon.png) left center no-repeat; }
            .report-block .full a.first { margin-bottom: 20px; }
			.report-block.apply  h2 span { padding-left: 47px; background: url(../images/report_icon2.png) left center no-repeat; }
			.report-block.apply .report a.date { margin-bottom: 2px; width: 100%; float: left; text-decoration: none; }
			.report-block.apply .report em { padding: 0 13px; margin-right: 5px; width: 266px; height: 32px; float: left; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; font-style: normal; border: 1px solid #e0e0e0; }
			.report-block.apply .report small { width: 21px; height: 32px; float: left; background: url(../images/date_img.png) left center no-repeat; }
			.report-block.apply .line { margin-bottom: 13px; width: 306px; float: left; }
			.report-block.apply .line.line2 { margin-bottom: 25px; }
			.report-block.apply .full { padding: 5px 0 2px; }
            .report-block.onderhoud  h2 span { padding-left: 47px; background: url(../images/report_icon3.png) left center no-repeat; }
            .report-block.gesprek  h2 span { padding-left: 47px; background: url(../images/report_icon4.png) left center no-repeat; }
			.report-block .DivSelectyze { float: left; position : relative; width : 100%; height: 32px; border: 1px solid #e0e0e0; }
			.report-block .DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.report-block .DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.report-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; }
			.report-block .DivSelectyze li { width: 100%; overflow: hidden; }
			.report-block .DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.report-block .DivSelectyze li a:hover { background: #e0dcdc; }
            .report-block .left { width: 50%; float: left; }
            .report-block .right { width: 50%; float: right; }
            .report-block .dayrow { margin-bottom: 13px; width: 100%; background: #f1f1f1; padding: 0px 10px 10px 10px; }
            .report-block .dayrow span.rowhead  { display: block; text-align: right; font-weight: 300; }
            .report-block .dayrow span.rowhead span.text  { float: left; font-weight: 700; }
            .report-block .dayrow span.rowhead span.remove  { font-weight: 300; }
            .report-block .dayrow span.remove:hover  { cursor: pointer; text-decoration: underline; }
            .report-block .dayrow textArea  { min-height: 50px; }
            .report-block .imagebox { float: left; margin-right: 20px; margin-bottom: 30px; }
            .report-block .imagebox img { margin-top: 10px; }*/

			/*Dagstaat*/
			.h2_datum{height: 60px; text-align: center; padding-top: 18px !important; font-weight: 600;}
			.h2_btn_left{float:left !important; margin-top: -5px !important;  border: 1px solid #666 !important;}
			.h2_btn_right{float:right !important; margin-top: -30px !important;  border: 1px solid #666 !important;}
			.plusbtn{
				border-radius: 30px !important;
				height: 32px !important;    width: 32px;
				padding-left: 10px !important;
				padding-top: 0px !important;
				margin-top: 0px !important;
				background-color: #4286d6 !important;
				color:#fff !important;
				border:1px solid #4286d6 !important;
			}
			.plusbtn:hover{
				border:1px solid #e3003a !important;
				color:#4286d6 !important;
				background-color:#fff !important;
			}

			.minbtn{
				border-radius: 30px !important;
				height: 32px !important;    width: 32px;
				padding-left: 10px !important;
				padding-top: 0px !important;
				margin-top: 0px !important;
				background-color: #e3003a !important;
				color:#fff !important;
				border:1px solid #e3003a !important;
			}
			.minbtn:hover{
				border:1px solid #e3003a !important;
				color:#e3003a !important;
				background-color:#fff !important;
			}
			/* report block */
/*			.report-block { width: 100%; overflow: hidden; background: #fff;}*/
            .report-block { width: 100%; background: #fff;}
			.report-block.uren { margin-bottom: 20px; }
			.report-block  h2 { padding: 0 19px;  background-color: #f1f1f1; }
			.report-block  h2 span { line-height: 61px; display: block; }
            .report-block input[type="text"].date { background-image: url(../images/date_img.png); background-position: center right 12px; background-repeat: no-repeat; }
            .report-block input[type="text"].time { background-image: url(../images/time_img.png); background-position: center right 12px; background-repeat: no-repeat; }
			.report-block .report { padding: 15px 35px 17px 19px; width: 100%; }
			.report-block .report2 { padding: 15px 10px 17px 10px; width: 100%; }
			.report-block .line { margin-bottom: 6px; width: 256px; float: left; }
			.report-block .line2 { margin-bottom: 6px; width: 100%; float: left; }
			.report-block .line.line2 { margin-bottom: 19px; }
			.report-block .report span { font-size: 14px; line-height: 30px; color: #000; font-weight: 700; display: block; }
			.report-block .report2 span { font-size: 14px; line-height: 30px; color: #000; font-weight: 700; display: block; }
			.report-block input[type="select"] { padding: 5px 14px; width: 100%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.report-block input[type="text"],input[type="date"] { padding: 5px 14px; width: 100%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.report-block input[type="number"] { padding: 5px 14px; width: 100%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			/*.report-block input[type="submit"]{ margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #fff; background: #373737; font-weight: 600; text-transform: uppercase; border: 1px solid #373737; cursor: pointer; }
			.report-block input[type="submit"]:hover { color: #373737; background: #fff; }*/
            .report-block button { color:#000; margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; border: 0; cursor: pointer; background: #373737; border:1px solid #373737; }
			.report-block button:hover { background: #fff; color:#373737;}

			.report-block label { padding-left: 5px; float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; cursor: pointer; }
			.report-block .checkbox { margin-top: 3px; width: 12px; height: 12px; display: block; float: left; background: url('../images/checkbox2.png') no-repeat; cursor: pointer; }
			.report-block p { margin-top: 3px; overflow: hidden; }
			.report-block .radio { margin-top: 3px; width: 12px; height: 12px; display: block; float: left; background: url('../images/radio.png') no-repeat; cursor: pointer; }
			.report-block .full { padding: 0 0 17px 0px; width: 100%; overflow: hidden; }
			.report-block .full span { margin-bottom: 6px; }
			.report-block textarea { padding: 5px 14px; width: 100%; min-height: 101px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; resize: none; -webkit-resize: none; -moz-resize: none; }
			.report-block .full a { padding-left: 28px; float: left; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; background: url(../images/selectphoto_icon.png) left center no-repeat; }
            .report-block .full a.icon-camera { background: url(../images/selectphoto_camera_icon.png) left center no-repeat; }
            .report-block .full a.icon-folder { background: url(../images/selectphoto_folder_icon.png) left center no-repeat; }
            .report-block .full a.first { margin-bottom: 20px; }
			.report-block.apply  h2 span { background: url(../images/report_icon2.png) left center no-repeat; }
			.report-block.apply .report a.date { margin-bottom: 2px; width: 100%; float: left; text-decoration: none; }
			.report-block.apply .report em { padding: 0 13px; margin-right: 5px; width: 266px; height: 32px; float: left; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; font-style: normal; border: 1px solid #e0e0e0; }
			.report-block.apply .report small { width: 21px; height: 32px; float: left; background: url(../images/date_img.png) left center no-repeat; }
			.report-block.apply .line { margin-bottom: 13px; width: 306px; float: left; }
			.report-block.apply .line.line2 { margin-bottom: 25px; }
			.report-block.apply .full { padding: 15px 0 0; border-bottom: 1px solid #eee;}
            /*.report-block.onderhoud h2 span { padding-left: 47px; background: url(../images/report_icon3.png) left center no-repeat; }
            .report-block.gesprek h2 span { padding-left: 47px; background: url(../images/report_icon4.png) left center no-repeat; }
            .report-block.brandstof h2 span { padding-left: 47px; background: url(../images/report_icon5.png) left center no-repeat; }
            .report-block.tol h2 span { padding-left: 47px; background: url(../images/report_icon6.png) left center no-repeat; }
            .report-block.uren h2 span { padding-left: 47px; background: url(../images/report_icon7.png) left center no-repeat; }*/
			.report-block .DivSelectyze { float: left; position : relative; width : 100%; height: auto; border: 1px solid #e0e0e0; }
			.report-block .DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.report-block .DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.report-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; max-height: 300px; overflow-y: scroll; }
			.report-block .DivSelectyze li { width: 100%; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
			.report-block .DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.report-block .DivSelectyze li a:hover { background: #e0dcdc; }
            .report-block .left { width: 50%; float: left; }
            .report-block .right { width: 50%; float: right; }
            .report-block .dayrow { margin-bottom: 13px; width: 100%; background: #f1f1f1; padding: 0px 10px 10px 10px; }
            .report-block .dayrow span.rowhead  { display: block; text-align: right; font-weight: 300; }
            .report-block .dayrow span.rowhead span.text  { float: left; font-weight: 700; }
            .report-block .dayrow span.rowhead span.remove  { font-weight: 300; }
            .report-block .dayrow span.remove:hover  { cursor: pointer; text-decoration: underline; }
            .report-block .dayrow textArea  { min-height: 50px; }
            .report-block .imagebox { float: left; margin-right: 20px; margin-bottom: 30px; }
            .report-block .imagebox img { margin-top: 10px; }
			.report-block.uren .line.half { width: 49%; display: inline-block; padding-right: 10px; }
			.report-block.uren .line.full { width: 100%; display: inline-block }

            /*        Toolbox Block */
            .toolbox-block { width: 100%; background: #fff;}
            .toolbox-block h2 { background: #f1f1f1;}
            .toolbox-block h2 span { display: block; padding: 1.3rem }
            .toolbox-block h3 {font-weight: 400; font-size: 16px; line-height: 50px; padding-left: 10px;}
            .toolbox-block .history ,  .toolbox-block > div{margin:10px 3% 10px 3%}
            .toolbox-block .legenda {margin: 10px auto; display: flex; column-gap: 35px; flex-wrap: wrap}
            .toolbox-block .legenda .overdue .color { float: left; width: 30px; height: 30px; background-color: #ff4a4a; border: 1px solid black}
            .toolbox-block .legenda .overdue span:nth-child(2){ line-height: 30px; padding-left: 40px}
            .toolbox-block .legenda .lending .color { float: left; width: 30px; height: 30px; background-color: #4caf50; border: 1px solid black}
            .toolbox-block .legenda .lending span:nth-child(2){ line-height: 30px; padding-left: 40px}
            .toolbox-block .dataTable thead{ background: #f9f9f9}
            .toolbox-block .dataTable tbody .even{background: #f9f9f9}
            .toolbox-block .dataTable tbody .overdue{background: #ff4a4a; color: #fff; transition: background-color 100ms ease-in-out, color 100ms ease-in-out;}
            .toolbox-block .dataTable tbody .overdue:hover{color: #000}
            .toolbox-block .dataTable tbody .lending{background: #4caf50; transition: background-color 100ms ease-in-out;}
            .toolbox-block .dataTable tbody tr:hover {background: #efefef; cursor: pointer}
            .toolbox-block .line {margin-bottom: 6px; width: 256px; float: left}
            .toolbox-block .line.inline {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap}
            .toolbox-block .line.inline .btn {padding: 0 10px }
            .toolbox-block .seperator { display: flex; align-items: center; text-align: center; margin: 1rem 0; font-weight: bold}
            .toolbox-block .seperator::before, .toolbox-block .seperator::after { content: ''; flex: 1; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; }
            .toolbox-block .seperator:not(:empty)::before { margin-right: 1.25rem}
            .toolbox-block .seperator:not(:empty):after { margin-left: 1.25rem}
            .toolbox-block .line span:first-child {font-size: 14px; line-height: 30px; color: #000; font-weight: 700; display: block;margin-right: 15px}
            .toolbox-block .line.inline span:first-child::after {content: ' : '}
            .toolbox-block .line.inline span.error {font-size: .9rem}
            .toolbox-block .line.inline #btn-scan {margin-left: -35px; width: 35px;}
            .toolbox-block .line.inline input[name="gereedschapsnummer"]{padding-right: 35px;}
            .toolbox-block .line.inline input, .toolbox-block .line.inline select {flex:1; width: 100%; min-width: 150px}
            .toolbox-block input[type="text"], .toolbox-block select {padding: 5px 14px; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0}
            .toolbox-block #btn-search {margin-top: 1.25rem; margin-bottom: .75rem;}
            .toolbox-block #reader { margin: .25rem auto; width: 100%; border: 1px #f1f1f1 solid; position: relative }
            .search-tools {margin: 1rem 0; max-height: 400px; overflow-y: scroll}
            .search-tools .tool {background: #f1f1f1; width: 100%; display: flex; padding: .5rem; align-items: center; column-gap: 2rem; color: #333; margin: .5rem 0; cursor: pointer}
            .toolbox-block .tool-info {display: flex; flex-wrap: wrap; justify-content: space-around; line-height: 2;}
            .toolbox-block .tool-info img {margin: .75rem}
            .toolbox-block .tool-info div:nth-child(1) {flex: 1 1}
            .toolbox-block .tool-info div:nth-child(3) {flex: 1 1 100%}
            .toolbox-block .tool-info div:nth-child(3) .btn {margin-top: 1.25rem; margin-bottom: .75rem;}


			/* overzicht block */
			.overzicht-block { display: block; margin-bottom: 20px; }
			.overzicht-block .heading { padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }
			.overzicht-block .heading a.button { float: right; margin-right: 0px; margin-top: 10px; }
			.overzicht-block table { width: 100%; }
			.overzicht-block table thead tr th { text-transform: uppercase; color: #000; padding: 10px 0px; height: 50px; }
			.overzicht-block table thead tr th:first-child { text-align: left; }
			.overzicht-block table thead tr th a.btn { width: 50px; display: block; text-align: center; background: #211c54; border: 2px solid #211c54; color: #fff; padding: 10px; text-decoration: none; }
			.overzicht-block table thead tr th a.btn:hover { color: #211c54; background: #bbbbbb }
			.overzicht-block table thead tr th a.btn img { margin: 0 auto; max-width: 100%; }
			.overzicht-block table tbody tr td { background: #fff; padding: 10px; text-align: center; margin-bottom: 5px; }
			.overzicht-block table tbody tr td:first-child { border-left: 3px solid #211c54; text-align: left; }
			.overzicht-block table tbody tr td a { text-decoration: none; color: #000; }
			.overzicht-block table tfoot tr th:first-child { padding: 10px; background: #fff; border-top: 3px solid #211c54; text-align: right; }
			.overzicht-block table tbody tr.weekstaat td:first-child { border-left: 3px solid transparent }

			/* display block */
			.display-block { width: 100%; overflow: hidden; background: #fff; }
			.display-block h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
			.display-block.lab h2 { padding: 0 19px 0 60px; line-height: 60px; position: relative;  background-color: #f1f1f1; }
			.display-block.lab h2::before { width: 31px; height: 41px; position: absolute; left: 22px; top: 11px; content: ''; background:  url('../images/funnel_img.png') left center no-repeat; }
			.display-block .display { padding: 18px 18px 9px; width: 100%; overflow: hidden; }
			.display-block .display.noheight { height: auto !important; }
            .display-block .display .button { margin-top: 20px; }
			.display-block .photo { width: 100%; overflow: hidden; }
			.display-block .photo img { max-width: 100%; height: auto; }
			.display-block .faq-items .faq-item { margin-bottom: 3px; }
			.display-block li .news.faq-description { display: none; }
			.display-block em { padding: 17px 0 9px; color: #7f7f7f; font-style: normal; display: block; }
			.display-block em.author-name { padding-top: 0; margin-top: -7px; }
			.display-block span { padding-bottom: 22px; color: #000; font-weight: 700; font-style: normal; display: block; }
			.display-block p { padding-bottom: 0px; letter-spacing: -0.18px; }
                        .display-block.p-margin p { padding-bottom: 10px; }
			.display-block:not(#block-nieuws) ul { padding: 23px 30px 19px 18px; width: 100%; overflow: hidden; list-style: none; }
			.display-block:not(#block-nieuws) li:not(.newli) { width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; cursor: pointer; }
			.display-block li:last-child { border-bottom: 0; }
			.display-block li .photo { width: 230px; overflow: hidden; float: left; position: relative; }
			.display-block li .photo::before { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; content: ''; background: linear-gradient(to top, rgba(35,31,32, 0.6), rgba(35,31,32, 0)); }
			.display-block li .news { padding: 6px 0 10px 16px; width: 400px; float: left; }
			.display-block li  span { padding-bottom: 0px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.display-block li em { padding: 0px 0 9px;  margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #7f7f7f; font-style: normal; display: block; }
			.display-block li em.author-name { margin-top: -15px; }
			.display-block.evenement em { color: #000; }
			.display-block ul.pdf-list { list-style: none; padding-left: 0px; }
			.display-block ul.pdf-list li { list-style: none; background: url(../images/cat_pointer.png) left 10px no-repeat; padding: 5px 0px 0px 10px; color: #00a4e9 }
			.display-block .search-block input[type="text"] { width: 20%; height: 36px; float: right; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; border: 0; }
			.display-block .search-block input[type="submit"] { width: 17%; height: 36px; float: left; border: 0; text-indent: -9999px; cursor: pointer; background: url('../images/search_icon.png') center no-repeat; }
			.display-block .search-block button#button-search { width: 17%; height: 36px; float: left; border: 0; text-indent: -9999px; cursor: pointer; background: url('../images/search_icon.png') center no-repeat; }

			/* display block #evenement */
			.display-block#section-evenement-list span { font-weight: normal; }
			.display-block#section-evenement-list span span { color: rgba(0, 0, 0, 0.8); }
			.display-block#section-evenement-list span.name { font-weight: bold; font-size: 18px; padding-bottom: 5px; }
			.display-block#section-evenement-list span.time { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0px; }
			.display-block#section-evenement-list span.time:before { position: absolute; content: "\e8e8"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-list span.time span { padding-left: 25px; }
			.display-block#section-evenement-list span.location { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0px; }
			.display-block#section-evenement-list span.location:before { position: absolute; content: "\e77a"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-list span.location span { padding-left: 25px; }
			.display-block#section-evenement-list span.close { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0px; }
			.display-block#section-evenement-list span.close:before { position: absolute; content: "\e785"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-list span.close span { padding-left: 25px; }
			.display-block#section-evenement-list .news span:last-child { border-bottom: none; }
			.display-block#section-evenement-list li { margin-bottom: 20px; border-bottom: none; }
			.display-block#section-evenement-list li .date { width: 50px; margin-right: 5px; height: 50px; padding: 3px 0px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50%; float: left; display: inline-block; text-align: center; }
			.display-block#section-evenement-list li .date .number { font-weight: bold; font-size: 18px; }
			.display-block#section-evenement-list li .news { width: 410px; }
			.display-block#section-evenement-list li .photo { width: 180px; }
			.display-block#section-evenement-list li .photo::before { display: none; }

			.display-block#section-evenement-view span { padding-bottom: 0px; font-weight: normal; }
			.display-block#section-evenement-view .info>span { margin-top: 10px; }
			.display-block#section-evenement-view strong { font-size: 16px; }
			.display-block#section-evenement-view span .icon span { margin-bottom: 10px; margin-left: 25px; }
			.display-block#section-evenement-view span.icon.time:before { position: absolute; content: "\e8e8"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-view span.icon.location:before { position: absolute; content: "\e77a"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-view span.icon.close:before { position: absolute; content: "\e785"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-view .buttons { margin: 10px 0px; }
			.display-block#section-evenement-view .evenementform { background: #f6f6f4; padding: 0px 10px; }
			.display-block#section-evenement-view .evenementform .title { padding: 20px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 20px; }
			.display-block#section-evenement-view .evenementform .description { color: rgba(0, 0, 0, 0.9); margin-bottom: 0px; }
			.display-block#section-evenement-view .question { border-left: 2px solid rgba(0, 0, 0, 0.05); padding-left: 10px; margin-bottom: 20px; }
			.display-block#section-evenement-view .question .name { font-weight: bold; padding-bottom: 5px; }

			.display-block#section-evenement-view.formulieren hr { padding-top: 10px; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.05); }
			.display-block#section-evenement-view.formulieren .question { padding: 10px 20px; }
			.display-block#section-evenement-view.formulieren .file-list-display { background: #fff; padding: 20px; margin-top: 10px; }
			.display-block#section-evenement-view.formulieren .file-list-display li { padding: 5px 0px; width: auto; }
			.display-block#section-evenement-view.formulieren .file-list-display li:last-child { border: none; }
			.display-block#section-evenement-view.formulieren .file-list-display li:hover { color: red; list-style: none; }
			.display-block#section-evenement-view.formulieren .file-list-display li:hover:after { content: "\e794"; font-family: 'Linearicons'; float: left; padding-right: 10px; }
			.display-block#section-evenement-view.formulieren input[type="file"] { color: #000; }
			.display-block#section-evenement-view.formulieren canvas { background: #fff; }


			/* profile block */
			.profile-block { width: 100%; overflow: hidden; background: #fff; margin-bottom: 20px; }
			.profile-block h2 { padding: 0 19px; line-height: 60px; background-color: #f1f1f1; }
			.profile-block a.date { margin-bottom: 2px; width: 100%; float: left; text-decoration: none; }
			.profile-block em { padding: 0 13px; margin-right: 5px; width: 246px; height: 32px; float: left; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; font-style: normal; border: 1px solid #e4e4e4; }
			.profile-block small { width: 21px; height: 32px; float: left; background: url(../images/date_img.png) left center no-repeat; }
			.profile-block form { padding: 17px 29px 0 20px; width: 100%; overflow: hidden; }
			.profile-block .full { margin-bottom: 20px; width: 100%; float: left; }
            .profile-block .line { float: left; margin-bottom: 20px; width: 256px; clear: left; }
			.profile-block label { font-size: 14px; font-weight: 700; line-height: 28px; color: #000; display: block; }
			.profile-block input[type="text"], .profile-block input[type="password"] { padding: 5px 13px; width: 100%; height: 32px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; border: 1px solid #e4e4e4; }
			.profile-block select { padding: 5px 13px; width: 100%; height: 32px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; border: 1px solid #e4e4e4; }
			.profile-block a.save { padding: 0 15px; margin-bottom: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #96a8b2; text-decoration: none; text-transform: uppercase; border: 1px solid #96a8b2; }
			.profile-block a.save:hover { color: #fff; background-color: #96a8b2; }
			.profile-block input[type="submit"] { padding: 0 15px; margin-bottom: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #3f3f3f; text-decoration: none; text-transform: uppercase; border: 1px solid #3f3f3f; background-color:#fff; cursor:pointer;}
			.profile-block button { padding: 0 15px; margin-bottom: 7px; margin-right: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #3f3f3f; text-decoration: none; text-transform: uppercase; border: 1px solid #3f3f3f; background-color:#fff;  cursor:pointer; }
			.profile-block button:hover { color: #fff; background-color: #3f3f3f; }
			.profile-block input[type="submit"]:hover { color: #fff; background-color: #3f3f3f; }
			.profile-block .DivSelectyze { float: left; position : relative; width : 100%; height: 32px; border: 1px solid #e0e0e0; }
			.profile-block .DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.profile-block .DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.profile-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; }
			.profile-block .DivSelectyze li { width: 100%; overflow: hidden; }
			.profile-block .DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.profile-block .DivSelectyze li a:hover { background: #e0dcdc; }

			.vergaderruimte-block { display: block; }
			.vergaderruimte-block h2 { padding: 0 19px; line-height: 61px; background-color: #f37c21; color: #fff; }
			.vergaderruimte-block h3 { background: #e5e9ec; padding: 20px 19px; }
			.vergaderruimte-block h3 a { float: right; color: #40474e; text-decoration: none; margin-top: -5px; }
			.vergaderruimte-block h3 a img { max-width: 80%; }
			.vergaderruimte-block .body { background: #fff; padding: 15px 19px; }
			.vergaderruimte-block .body table { width: 100% }
			.vergaderruimte-block .body table tr td { padding: 10px; border-bottom: 1px solid transparant; }
                        .vergaderruimte-block .body table tr td + td + td { text-align: right; }
			.vergaderruimte-block .body table tr td.time { width: 150px; font-weight: 600; }
			.vergaderruimte-block .body table tr td img { float: right; padding-top: 5px; }
			.vergaderruimte-block .body table tr td.no-result { border: none; }
			.vergaderruimte-block label { display: block;  }
			.vergaderruimte-block .line { margin-bottom: 10px; }
			.vergaderruimte-block .line .DivSelectyze { position : relative; width : 300px; height: 32px; border: 1px solid #e0e0e0; display: block; }
			.vergaderruimte-block .line .DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.vergaderruimte-block .line .DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.vergaderruimte-block .line .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; }
			.vergaderruimte-block .line .DivSelectyze li { width: 100%; overflow: hidden; }
			.vergaderruimte-block .line .DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.vergaderruimte-block .line .DivSelectyze li a:hover { background: #e0dcdc; }
			.vergaderruimte-block input[type="text"] { padding: 5px 14px; width: 300px; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.vergaderruimte-block input[type="text"].date { background-image: url(../images/date_img.png); background-position: center right 5px; background-repeat: no-repeat; }
			.vergaderruimte-block input[type="text"].time { background-image: url(../images/time_img.png); background-position: center right 5px; background-repeat: no-repeat; }
			.vergaderruimte-block input[type="submit"] { padding: 0 15px; margin-bottom: 7px; height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #96a8b2; text-decoration: none; text-transform: uppercase; border: 1px solid #96a8b2; }
			.vergaderruimte-block input[type="submit"]:hover { color: #fff; background-color: #96a8b2; }
                        .vergaderruimte-block span.icon.icon-all-pencil5 { font-size: 20px; line-height: 0.5; margin-top: 10px}
                        .vergaderruimte-block span.icon.icon-all-trash { font-size: 20px; line-height: 0.5; color: #f00;}
                        .vergaderruimte-block a.delete2 { float: right; margin-right: 7px; margin-top: 6px;}
                        .vergaderruimte-blk h4 { font-weight: bold; padding-left: 20px;  color: #40474e; }
                        .vergaderruimte-blk input[type="text"] { margin: 0 20px 20px 20px; padding: 5px 14px; display: block; height: 30px; font-size: 14px; line-height: 20px; color: #40474e; font-weight: 400; border: 1px solid #e0e0e0; }

			.DivSelectyze { float: left; position : relative; width : 100%; height: 32px; border: 1px solid #e0e0e0; }
			.DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; }
			.DivSelectyze li { width: 100%; overflow: hidden; }
			.DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.DivSelectyze li a:hover { background: #e0dcdc; }

			.find-block .DivSelectyze { float: none; }
			.find-block .form-group {float: left; width: 100%;}
			.find-block .DivSelectyze .UlSelectize { top: 0px; position: relative; }

            .evenementform textarea { padding: 10px; margin: 35px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
            .evenementform button { margin-bottom: 15px; margin-right: 20px; padding: 0 14px; float: left; height: 36px; font-size: 15px; line-height: 33px; color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
            .evenementform button:hover { color: #fff; background-color: #96a8b2;  }
            .evenementform button.active { color: #f00; border: 1px solid #f00; }
            .evenementform button.active:hover { color: #f00; border: 1px solid #f00; background-color: transparent; }
            .evenementform p { color: #f00; margin: 20px 0;  }
            button.evenement { margin-top: 20px; margin-bottom: 15px; margin-right: 20px; padding: 0 14px; evenement: left; height: 36px; font-size: 15px; line-height: 33px; color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
            button.evenement:hover { color: #fff; background-color: #96a8b2;  }

	/* width wrap */
	.width-wrap { margin-top: -15px; float: left; width: 100%; }

		/* rittenlijst block */
		.rittenlijst-block { display: block; margin-top: -15px; margin-bottom: 20px; }
		.rittenlijst-block h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
		.rittenlijst-block table { background: #fff; display: inline-block; float: left; width: 33.3%; border-right: 1px solid #f1f1f1; padding: 15px; }
		.rittenlijst-block table:last-child { border-right: none }
		.rittenlijst-block table tr td { padding: 0px 10px; }
		.rittenlijst-block table tr td:first-child { text-transform: uppercase; font-weight: 700 }

		/* rittenlijst item */
		.rittenlijst-item { display: block; margin-top: 20px; float: left; }

		.rittenlijst-item .heading { display: inline-block; background: #008d5d; width: 306px; padding: 20px; color: #fff; float: left; min-height: 185px; }
		.rittenlijst-item .heading h2 { color: #fff; font-size: 48px; font-weight: 700; margin: 15px 0px 30px }
		.rittenlijst-item .heading table { width: 100%; }
		.rittenlijst-item .heading table tr td:first-child { font-weight: 700; padding-right: 45%; }

		.rittenlijst-item .info { display: inline-block; width: 618px; background: #fff; float: left; min-height: 185px }
		.rittenlijst-item .info ul { padding: 20px; display: inline-block; width: 50%; float: left; }
		.rittenlijst-item .info ul.arrow:before { content: ''; position: relative; left: 0; top: 0; display: block; float: left; background: url('../images/path_icon.png') no-repeat; width: 14px; height: 60px; margin-left: -35px }
		.rittenlijst-item .info ul li { text-transform: none; font-weight: 600; font-size: 15px }
		.rittenlijst-item .info ul.alert { border-top: 1px solid #f1f1f1; width: 100% }
		.rittenlijst-item .info ul.alert li { font-weight: 500; color: #f38955 }
		.rittenlijst-item .info ul.alert li:before { content: ''; position: relative; left: 0; top: 0; display: block; float: left; background: url('../images/remark_icon.png'); width: 22px; height: 22px; margin-right: 10px }
		.rittenlijst-item .info ul.alert li.none:before { background: url('../images/remark_icon_none.png'); }
		.rittenlijst-item .info ul.alert li.none { color: #bababa }

		.rittenlijst-item .values ul { -webkit-margin-before: 0px; -webkit-margin-after: 0px; }
		.rittenlijst-item .values ul li { padding: 15px; padding-right: 10px; display: inline-block; width: 151px; background: #e6e5e0; text-transform: uppercase; font-size: 15px; font-weight: 600 }
		.rittenlijst-item .values ul li:last-child { width: 150px; }
		.rittenlijst-item .values ul li span { display: block; font-weight: 700; font-size: 23px; margin-top: 5px }

        /* Kleding */
        .report-block.apply.kleding h2 span { background: none; }
        .kleding-tab .kleding-container { display: none; width: 100%; background: #f6f6f4;}
        .kleding-tab .product.show .kleding-container { display: block; }
        .kleding-tab .kleding-image { max-width: 50%; float: left; margin: 20px 0 20px 20px;  }
        .kleding-tab div.product { padding: 15px; cursor: pointer; border-bottom: 1px solid #f1f1f1; background: none; font-size: 15px; }
        .kleding-tab div.product span {  line-height: 20px; }
        .kleding-tab div.product p { font-weight: normal;  font-size: 13px; }
        .kleding-tab div.product:before { content: ''; float: right; background: url(../images/select_icon2.png) top center no-repeat; height: 40px; width: 27px; margin-right: 10px; }
        .kleding-tab div.product.show:before { content: ''; float: right; background: url(../images/close.png) top center no-repeat; height: 40px; width: 27px; margin-right: 10px; }
        .kleding-tab div.product .kleding-image-small { width: 70px; float: left;}
        .kleding-tab .price { color: #009ce3; }
        table.kleding-table { width: 30%;  float: right; margin: 20px 20px 20px 0; }
        table.kleding-table thead tr th { text-align: center }
        table.kleding-table tbody tr td { text-align: center; border: none; padding-left: 2px; padding-right: 2px;}
        table.kleding-table tbody tr td.size { background: #f1f1f1  }
        table.kleding-table tbody tr td input[type="text"] { width: 100%; text-align: center; border: none; padding-right: 10px; -moz-appearance:textfield; margin-left: 5px; }
        table.kleding-table tbody tr td input[type="text"]::-webkit-inner-spin-button { margin-left: 10px; }
        table.kleding-history-table { width: 100% }
        table.kleding-history-table th{text-align:left; vertical-align: text-top}
        table.kleding-history-table td {font-size: 13px;  vertical-align: text-top}
        table.kleding-history-table thead tr th { text-align: left; background: #fff; padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.05) }
        table.kleding-history-table tbody tr td { background: #fff; padding: 5px; font-weight: normal;}

        /* Rittenplanning */
        .rittenplanning-block .heading { text-align: center; position: relative; display: inline-block; width: 100%; }
        .rittenplanning-block .heading h3 { font-size: 14px; line-height: 20px; font-weight: 700; color: #323234; padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }
        .rittenplanning-block .heading a.pre { width: 9px; height: 16px; display: block; position: absolute; left: 25px; top: 24px; background: url('../images/pre_img.png') left top no-repeat; }
        .rittenplanning-block .heading a.next { width: 9px; height: 16px; display: block; position: absolute; right: 25px; top: 24px; background: url('../images/next_img.png') left top no-repeat; }
        .rittenplanning-block .content { background: #fff; padding: 20px }
        .rittenplanning-block .content .info-block { background: #e5e9ec; padding: 15px; margin-bottom: 20px; }
        .rittenplanning-block .content .info-block label { text-transform: uppercase; font-size: 15px; font-weight: 700; display: block; float: none; padding: 10px 0px; }
        .rittenplanning-block .content .info-block span { text-transform: uppercase; font-size: 20px; display: block; font-weight: 300; float: none; padding: 10px 0px; }
        .rittenplanning-block .content .info-block.black { background: #000 }
        .rittenplanning-block .content .info-block.black label { color: #fff }
        .rittenplanning-block .content .info-block.black span { color: #fff }
        .rittenplanning-block .content .info-block.red { background: #ff3e00 }
        .rittenplanning-block .content .info-block.red label { color: #fff }
        .rittenplanning-block .content .info-block.red span { color: #fff }
        .rittenplanning-block .content .thumbnail { border: 2px solid #e5e9ec; padding: 10px; }
        .rittenplanning-block .content .thumbnail table { width: 100%; }
        .rittenplanning-block .content .thumbnail table tbody tr td:first-child { width: 100px; font-weight: bold; }
		.rittenplanning-block .content .thumbnail table tbody tr td { border-bottom: 1px solid #e5e9ec; padding: 10px; word-break: break-all; }
		.rittenplanning-block .content .thumbnail table tbody tr:last-child td { border-bottom: none; }
        .rittenplanning-block .content .thumbnail .opmerking { background: url('../images/icon_opmerking.png') left center no-repeat; padding-left: 25px; margin-top: 25px; }
        .rittenplanning-block .content .thumbnail .opmerking:before {  }

	/* Pagination */
	ul.pagination { padding: 10px 20px; margin-top: -30px; display: block; }
	ul.pagination li { width: auto; margin-right: 3px; }
	ul.pagination li:last-child { margin-right: 0px; }
	ul.pagination li a, ul.pagination li span { background: none !important; display: inline-block; line-height: normal; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0px 5px; padding-top: 3px;  }
	ul.pagination li span { padding-top: 0px; border: none; }
	ul.pagination li.active { background: rgba(0, 0, 0, 0.2); color: #fff }

        /* infobulletin */
        .infobulletin {  margin-top: 10px; margin-bottom: 5px; clear: both; width: 100%; min-height: 114px; position: relative; background: #f3e3e1 url('../images/post_it_center.png') repeat-x; padding: 44px 75px 30px 65px;  }
        .infobulletin .left { background: url('../images/post_it_left_corner.png') no-repeat; width: 43px; height: 63px; position: absolute; left: 0; top: 0;  }
        .infobulletin .right { background: url('../images/post_it_right_corner.png') no-repeat; width: 105px; height: 55px; position: absolute; right:0; bottom:0;  }
        .infobulletin p { margin-bottom: 10px; }

        /* voorman verlof goedkeuren table */
        .verlof-table { width: 100% }
        .verlof-table thead tr th { text-align: left; background: #fff; padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.05) }
        .verlof-table tbody tr td span.show_desktop {display: inline; font-weight: normal; }
        .verlof-table tbody tr td span.show_mobile { display: none; font-weight: normal; }
        .verlof-table tbody tr td { background: #fff; padding: 5px; font-weight: normal;}
        .verlof-table tbody tr.active td, .verlof-table tbody tr.active td span { color: #009933; font-weight: bold; }
        .verlof-table tbody tr td a { text-decoration: none; color: #000 }
        .verlof-table tbody tr.active td a, .verlof-table tbody tr.active td a span { color: #009933; font-weight: bold; }
        .verlof-table textarea { padding: 10px; margin: 12px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
        .verlof-table tbody tr.new td a { text-decoration: none; color: #f00 }
        .verlof-table.form tbody tr td:first-child { width: 120px; padding-left: 20px; }
        .verlof-table button.btn { padding: 5px; border: 1px solid transparent; background-color: #0073aa; font-weight: 600; color: #fff; text-transform: uppercase; cursor: pointer; }
        .verlof-table button.btn:hover { border: 3px solid #0073aa; background: transparent; color: #0073aa }
        .verlof-table button.btn-accept-reservation { background-color: #0073aa; }
        .verlof-table button.btn-accept-reservation:hover { background-color: transparent; border: 1px solid #0073aa; color: #0073aa }
        .verlof-table button.btn-accept { background-color: #03b128; }
        .verlof-table button.btn-accept:hover { background-color: transparent; border: 1px solid #03b128; color: #03b128 }
        .verlof-table button.btn-decline { background-color: #f00; }
		.verlof-table button.btn-decline:hover { background-color: transparent; border: 1px solid #f00; color: #f00 }


	.post-block em a { color: rgb(1, 87, 144); text-decoration: none; }
	.post-block em a:hover { color: rgba(1, 87, 144, 0.7); }

	#collapse-search { cursor: pointer; }
	#collapse-search h2:after { content: "\e92b"; font-family: 'Linearicons'; float: right; font-size: 25px; }
	#collapse-search .find { display: none; }
	#collapse-search .find.active { display: block; }

	#block-nieuws { overflow-x: auto; }
        #block-nieuws .pdfdownload h3 { margin-top: 30px; text-decoration: underline; }
	#block-nieuws ul { list-style-type: circle; margin-left: 20px; }
	#block-nieuws ol { list-style-type: decimal; margin-left: 20px; }
	#block-nieuws ul li { border: none; cursor: default; }
	#block-nieuws img { max-width: 100% !important; }
	#block-nieuws table { width: 100%; }
	#block-nieuws table tr td { border: 1px solid #000; word-break: break-all; }

	#column-history #image { margin: 10px 0px; }
	ul.list-image { list-style: none; }
	ul.list-image li { padding: 5px;
		padding-left: 0px; font-weight: bold; }
	ul.list-image li.warning:before { content: '';
		width: 21px;
		height: 21px;
		margin-right: 10px;
		float: left;
		display: inline-block;
		background: url(../images/meld_schade/schadeformulier/uitroepteken.jpg); }

	ul.list-image li.check:before { content: '';
		width: 21px;
		height: 21px;
		margin-right: 10px;
		float: left;
		display: inline-block;
		background: url(../images/meld_schade/schadeformulier/vinkje.png); }

	ul.list-image li.info-item:before { content: '';
		width: 21px;
		height: 21px;
		margin-right: 10px;
		float: left;
		display: inline-block;
		background: url(../images/meld_schade/schadeformulier/info-icoontje.png); }
	ul.list-image li.info-no-text:before { content: '';
		width: 21px;
		height: 21px;
		margin-right: 10px;
		float: left;
		display: inline-block;
		background: none; }

	#section-inbox #block-inbox { border: 3px solid rgba(0, 0, 0, 0.05); border-top: none; }
	#section-inbox .message-block li.selected { background: rgba(0, 0, 0, 0.02); }
	#section-inbox .col-sm-3, #section-inbox .col-sm-9 { padding: 0px; }
	#section-inbox .row { margin: 0px; }
	#section-inbox #folder.inbox-left { border-bottom: 3px solid rgba(0, 0, 0, 0.05); position: relative; }
	#section-inbox #folder.inbox-left .message-block { display: block; width: 24.8%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; position: fixed; top: 45px; }
	#section-inbox #folder.inbox-left .message-block.top { top: 0px; z-index: 3; }
	#section-inbox #folder.inbox-left .message-block h2 { background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
	#section-inbox #folder.inbox-left .message-block li a.to-box { padding: 20px 40px; width: 100%; }
	#section-inbox #folder.inbox-left .message-block li:hover { background: rgba(0, 0, 0, 0.02); }
	#section-inbox #block-selected { height: 55px; display: none; position: fixed; bottom: 0px; width: 100%; background: lightgray; text-align: right; }
	#section-inbox #block-selected .content { position: relative; }
	#section-inbox #block-selected .info { display: inline-block; float: left; padding: 17px; font-weight: bold; }
	#section-inbox #block-selected .info span { display: inline-block; }
	#section-inbox #block-selected .action { display: block; float: right; }
	#section-inbox #block-selected .action .btn { display: inline-block; height: 55px; margin-right: -3px; padding-top: 16px; }
	#section-inbox #block-selected .action .btn:last-child { margin-right: 0px; }
    #section-inbox #block-selected .action .btn.short-permanent { display: none; }
    #section-inbox #block-selected .action .btn.short-restore { display: none; }
    #section-inbox #block-selected .action .btn.icon-permanent { display: none; }
    #section-inbox #block-selected .action .btn.icon-restore { display: none; }
    #section-inbox #block-selected .info.short-info { display: none; }
	#section-inbox #block-selected.show { display: block; }




.timepicker { z-index: 9999; }

	/* Tablet Portrait size to Smaller than standard 924 (devices and browsers) */
	@media only screen and (max-width: 923px) {
            .verlof-table tbody tr td span.show_desktop {display: none; }
            .verlof-table tbody tr td span.show_mobile { display: inline; }

            .centering { padding: 0 15px; width: auto; }
            .menu { padding: 80px 15px 0 20px; }
            .menu a.cross { top: 25px; right: 40px; }

            /* calender block */
            .calender-block ul { padding: 11px 5px 0px; }
            .calender-block li span { width: 22px; height: 22px; font-size: 13px; line-height: 19px; }
            .calender-block a.pre { left: 8px; }
            .calender-block a.next { right: 8px; }

            /* slider block */
            .slider-block ul.slides li, .calender-block, .photo-block { height: 250px; }

            /* college block */
            .college-block li { min-height: 290px; }
            .college-block li a { padding: 0px 5px; }
            .college-block li.latest a { padding-top: 0; }
            .college-block li.latest span { padding: 5px 0 0; }
            .college-block li.profile a { padding-top: 0; }
            .college-block li.profile span { padding: 5px 0 0; }
            .college-block li span { margin-bottom: 10px; line-height: 20px; }
            .college-block li a img { max-width: 100%; height: auto; }
            .college-block li.latest a img { margin: 15px 10px 0 0; }
            .college-block li.latest h2 { margin-bottom: 15px; }
            .college-block li.profile a img { margin: 15px 10px 0 0; }
            .college-block li.profile h2 { margin-bottom: 15px; }

            /* today block */
            .today-block li { padding: 15px 10px 0; }
            .today-block .today { padding: 18px 10px; }

            /* post block */
            .post-block ul { padding: 4px 10px 0; }
            .post-block a.pre { left: 14px; }
            .post-block a.next { right: 14px; }
			.post-block li em { width: 60%;}

            /* search block */
            .search-block h2 { padding: 18px 19px; }
            .search-block .about { padding: 24px 10px 23px; }

            /* customer block */
            .customer-block h2 { padding: 18px 19px; }
            .customer-block .top { padding: 12px 10px 10px; }
            .customer-block .detail { padding: 15px 20px 0 10px; }
            .customer-block .top a.close { right: 24px; }
            .customer-block .detail .text { width: 81%; }
            .customer-block .comment input[type="text"] { width: 88%; }
            .customer-block .info .detail { padding: 20px 20px 0 10px; }

            /* find block */
            .find-block h2 { padding: 18px 10px; }
            .find-block .find { padding: 18px 10px 22px; }

            /* info block */
            .info-block h2 { padding: 18px 10px; }
            .info-block .contact .left { margin-right: 30px; }
            .info-block .contact .right { width: 62%; }
            .info-block .sort { padding: 18px 22px 20px 10px; }
            .info-block .direction { padding: 14px 22px 10px 10px; }
            .info-block .contact { padding: 25px 22px 30px 10px; }

            /* manage block */
            .manage-block li { padding: 0 22px 0 10px; }

            /* overview block */
            .overview-block h2 { padding: 18px 10px; }
            .overview-block li { padding: 0 10px; }

            /* album block */
            .album-block h2 { padding: 18px 10px; }
            .album-block ul { padding: 20px 10px 23px; }

            /* login block */
            .login-block h2 { padding: 18px 10px; }
            .login-block .login { margin: 10px 0 0 10px; }

            /* over block */
            .over-block h2 { padding: 0 10px; }
            .over-block ul { padding: 18px 10px 29px; }

            /* display block */
            .display-block h2 { padding: 0 10px; }
            .display-block .display { padding: 18px 10px 10px; }

            /* news block */
            .news-block h2 { padding: 18px 10px; }
            .news-block ul { padding: 23px 20px 20px 10px; }
            .news-block li .photo img { max-width: 100%; height: auto; }
            .news-block li .news { padding: 5px 0 0 15px; width: 66%; }
            .news-block li p { line-height: 20px; }
            .news-block li em { margin-bottom: 5px; }

            /* information block */
            .information-block h2 { padding: 0 10px; }
            .information-block .information { padding: 10px 10px 20px; }

            /* report block */
            .report-block h2 { padding: 0 10px; }
            .report-block .report { padding: 15px 20px 17px 10px; }

            .kleding-tab .kleding-table.table-full-width { display: table !important; }
            .kleding-tab .kleding-table { width: 70%; float: none; margin: 0 auto; }
            .kleding-tab .kleding-container { width: 100%; padding-bottom: 10px; padding-top: 5px }
            .kleding-tab .kleding-image { margin-bottom: 20px; float: none; display: block; margin: 20px auto; }

        /* klant block */
        .klant-block .album li { padding: 0; }
	}

	@media all and (max-width: 735px) {
		#column-damage .col-sm-6 { display: block; max-width: 100%; }
	}

@media all and (min-width: 520px){
	.mobile-only { display: none; }
}

@media all and (max-width: 991px) {
	.customer-block .comment input[type="text"] { width: 80%; }
}

@media all and (max-width: 575px) {
    #section-inbox #folder.inbox-left .message-block { position: relative; width: 100%; top: auto; margin-bottom: 20px; }
}

@media all and (max-width: 520px){
	.desktop-only { display: none; }
	.nomobile { display: none; }
	.centering { width: 100%; }
	.mobile-center { text-align: center; }

	#header-wrap {  position: fixed;  top: 0px; }

	.nav-block  { margin-bottom: 10px; }
	.nav-block .logo { margin-left: 0px; }
	.nav-block .link {  margin-right: 40px; }
	.nav-block .link li a { padding: 14px 15px 0;}
	.nav-block .link li ul { box-sizing: border-box; padding: 18px 0 5px; width: 300px; right: -50px; overflow: hidden; }
	.nav-block .link li li { box-sizing: border-box;  overflow: hidden}

	.slider_img { height: 180px; }

	.banner-block { width: 100%; overflow: hidden; background: url(../images/banner_img2.png) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
	.banner-block.bg { margin-top: 80px; height: 225px; overflow: hidden; width: 100%; background: url(../images/banner_img2.png) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
	.banner-block .centering { height: 225px; overflow: hidden; position: relative; }
	.banner-block h1 { font-size: 16px; line-height: 20px; top: 112px;  }

	.menu { width: 100% !important; }
	.menu ul { margin-top: 0px !important; }

	a.button { font-size: 14px; }

	.slider-block { width: 100%; position: relative;  margin-bottom: 10px;}
	.slider-block .slider { border-right: none; min-height: 70px;}
	.slider-block ul.slides li { width: 100%; height: auto;  }
	.slider-block ul.slides li img { width: 100%; height: auto;  }
	.slider-block li h2 { top: -60px; left: 10px; width: 83%;}
	.slider-block a.more_news { right: 10px;}
	.slides .gradient { margin-top: 0px; height: 170px; }
	/*.flexslider .slides > li { height: 170px !important; }*/
	/*.grid-row #grid-nieuws { height: 236px !important; }*/

	.calender-block { width: 100%; float: none; margin-bottom: 20px; clear: both; margin-bottom: 10px; background-color: #ebf1f5;}
	.calender-block ul { display: block; margin: 0 auto;}
	.calender-block ul { width: 190px; }

	.calender-block h2 { background: #f1f1f1; }
	.calender-block .calender { width: 100%; overflow: hidden; position: relative; background-color: #fff; }

	.photo-block {  width: 100%; height: 200px; overflow: hidden; }
	.photo-block a { margin: 0 auto;  }
	.photo-block a img { width: 100%; height: auto;  }

	.slider-block ul.slides li, .calender-block  { height: auto; }

	.tweet-block { float: none; width: 100%; margin-bottom: 20px; }
	.tweet-block h2 span { display: none; }
	.tweet-block a.view { float: none; margin-left: 0;  }

	.button-block { width: 100%; float: none; }
	.button-block li  a { height: 150px; }

	#content-wrap { padding-bottom: 0px; }

	#left-wrap {  margin-top: -30px; float: none; width: 100%; margin-bottom: 10px; }
	#left-wrap-2 {  margin-top: -30px; float: none; width: 100% !important; margin-bottom: 10px; }

	#right-wrap { margin-top: 0px; float: none; width: 100%; }
	#right-wrap-2 { margin-top: 0px; float: none; width: 100% !important; }

	.inbox-item-open { display: none; }

	.college-block li small { float: none; display: block; width: 60%; margin-left: 20%; margin-right: 20%; text-align: center; margin-bottom: 20px; }
	.college-block li {min-height: 200px;   }
	.college-block li { float: none; width: 100%; min-height: 304px; position: relative; background: #fff; }
	.college-block li.social { background: url('../images/college_img3.png') left top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;}
	.college-block.v2 li { margin-bottom: 10px; }
	.college-block.v2 li.social { background: url('../images/college_img6.png') left top no-repeat; background-size: cover; }
	.college-block.v2 li .left { width: 100%; }
	.college-block.v2 li.college { width: 100%; }
	.college-block.v2 li.college .mid { padding-right: 15px; padding-left: 15px; }
	.college-block.v2 li.latest .mid { padding-right: 17px; padding-left: 17px; }

	.manage-block li.collega_row { padding: 0 22px 0 0px;  }
	.manage-block .direction a.toggle { float: right; width: 20px; position: absolute; right: 0; top: 0; border-left: none; }
	.manage-block .direction { padding: 14px 5px 10px;  }
	.manage-block .direction span.location { margin-right: 20px; margin-top: 0px; display: block; width: 100%;  text-align: right;}

	.report-block .line { width: 100%; float: none; }
	.report-block .dayrow .left { width: 100%; float: none; }
	.report-block .dayrow .right { width: 100%; float: none; }
	.report-block.dagstaat button { float: none;width: 55%; margin-left: 22%; margin-right: 23% ; padding-left: 5px; padding-right: 5px; }
	.report-block.dagstaat input[type="submit"] { float: right; margin-right: -10px; }
	.report-block.apply .line { margin-bottom: 13px; width: 100%; float: none; }
	.report-block h2 span { font-size: 14px; }

	.news-block li { margin-bottom: 30px; }
	.news-block li .news { padding: 10px 0 0 5px; width: 100%; float: none; }
	.news-block li p { margin-bottom: 10px; }
	.news-block li .photo { width: 100%; height: auto; overflow: hidden; float: none; position: relative; margin-bottom: 15px;  }
	.news-block li .photo img { width: 100%; height: auto; }

	.album-block li { margin: 0 2px 3px 0; width: 32.7%; float: left; }
	.album-block li:nth-child(4n) { margin-right: 2px; }
	.album-block li:nth-child(3n) { margin-right: 0; }

	.login-block .login { margin: 10px 0 0 19px; float: none; width: 100%; }
	.login-block .help  { text-align: left; margin-bottom: 15px; }
	.login-block .help span { float: none; display: block;margin-bottom: 15px;  }
	.login-block input[type="text"], .login-block input[type="password"] { width: 90%; }

	.customer-block	.info .video img { width: 100%; height: auto; }
	.customer-block .comment input[type="text"] {  display: block; float: none; width: 100%; }
	.customer-block a.like img { width: auto !important; }

	.fancybox-prev span { left: -20px !important;  }
	.fancybox-next span { right: -20px !important; }

	.display-block ul { padding: 23px 10px 19px 10px; box-sizing: border-box; }
	.display-block li .photo { width: 100%; float: none; }
	.display-block li .photo img { width: 100%; height: auto; }
	.display-block li .news { padding: 0; width: 100%; float: none; }
	.display-block span { padding-bottom: 0px; }
	.display-block em { padding: 5px 0 9px; }
	.display-block li { padding-bottom: 10px; margin-bottom: 10px; }
	/*.display-block h2 { line-height: 30px; }*/
	.display-block .display img { width: 100% !important; height: auto !important; }

	.profile-block .line { width: 100%; }
	.profile-block h2 { padding: 0 10px; line-height: 60px; background-color: #f1f1f1; font-size: 14px;}
	.profile-v2-block { float: none; clear: both; width: 100%; height: auto; margin-bottom: 10px; }
	.profile-v2-block p br { display: none; }
	.profile-v2-block .photo { float: right;  }
	.profile-v2-block .photo img { margin: 3px 13px 0 0; float: left; width: 110px; height: 110px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #5d5d5d; }
	.profile-v2-block .name { float: left; width: 125px; }
	.selectbox {max-width: 256px !important; height: 30px!important; color: #000!important;}

	.tweet-block { margin-bottom: 10px; }

	.button-block { margin-bottom: 10px; }

	.manage-block .contact .right { width: 100%;}

	.manage-block .klant .left {
		width: 100% !important;
	}


	.rittenlijst-block table { display: block; width: 100%; border-right: none; border-bottom: 1px solid #f1f1f1; }
	.rittenlijst-block table tr td:first-child { min-width: 135px; }

	.rittenlijst-item .heading { display: block; width: 100%; }
	.rittenlijst-item .heading table tr td:first-child { min-width: 150px; }
	.rittenlijst-item .info { display: block; width: 100%; }
	.rittenlijst-item .info ul { display: block; width: 100%; }
	.rittenlijst-item .values ul li { display: inline-block; width: 49.4%; margin-bottom: 1px; }
	.rittenlijst-item .values ul li:last-child { display: inline-block; width: 49.4%; }
	.rittenlijst-item .info ul.arrow:before { background: none }

	.message-block { display: block; width: 100%; }

	.overview-block { display: block; width: 100%; }

	#alert-add { text-align: center; }
	.panel .panel-body img { margin: 0 auto; }
	#alert-add.alert-info p { margin-left: 0px; }

	.display-block#section-evenement-list li .date { float: right; background: rgba(0, 0, 0, 0.05); }
	.display-block#section-evenement-list li .news { padding: 20px 0px; }
	.display-block#section-evenement-list li:last-child .news { padding-bottom: 0px; }
	.display-block#section-evenement-list li:last-child { margin-bottom: 0px; }

    .klant-block li.collega_row { padding: 0 22px 0 0px;  }
    .klant-block .direction a.toggle { float: right; width: 20px; position: absolute; right: 0; top: 0; border-left: none; }
    .klant-block .direction { padding: 14px 5px 10px;  }
    .klant-block .direction span.location { margin-right: 20px; margin-top: 0px; display: block; width: 100%;  text-align: right;}
    .klant-block .contact .bedrijfinfo { float: non; width: 100%; }
    .klant-block .contact .contactinfo { float: non; width: 100%;margin-top: 20px; }
    .klant-block .album li { padding: 0; }
    .manage-block .klant .left { width: 100% !important; }

    .klant-block .contact .right { width: 100%;}
    .klant-block .klant .left { width: 100% !important; }
}



.text-right {
	text-align: right;
}

.button-right-float {
	float: right;
	margin: 5px;
}

.timeline-wrapper {
	min-width: 400px;
}

.StepProgress {
	box-sizing: unset;
	position: relative;
	padding-left: 45px;
	list-style: none;
}
.StepProgress::before {
	box-sizing: unset;
	display: inline-block;
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	width: 10px;
	height: 100%;
	border-left: 2px solid #CCC;
}
.StepProgress-item {
	box-sizing: unset;
	position: relative;
	counter-increment: list;
}
.StepProgress-item:not(:last-child) {
	padding-bottom: 20px;
}
.StepProgress-item::before {
	box-sizing: unset;
	display: inline-block;
	content: '';
	position: absolute;
	left: -30px;
	height: 100%;
	width: 10px;
}
.StepProgress-item::after {
	box-sizing: unset;
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -37px;
	width: 12px;
	height: 12px;
	border: 2px solid #CCC;
	border-radius: 50%;
	background-color: #FFF;
}
.StepProgress-item.is-done::before {
	border-left: 2px solid orange;
}
.StepProgress-item.is-done::after {
	/*content: "?";*/
	font-size: 10px;
	color: #FFF;
	text-align: center;
	border: 2px solid orange;
	background-color: orange;
}
.StepProgress strong {
	display: block;
}

pre {
	background-color: #eee;
	border: 1px solid #999;
	display: grid;
}

code {
	display: block;
}

.dropdown-container {
	display: none;
	padding-left: 10px;
}

.dropdown-btn {
	cursor: pointer;
}

.dropdown-container .dropdown-container-item {
	padding: 0px 20px;
}

@media screen and (max-width: 600px) {
	table.responsive-table {
		border: 0;
	}

	table.responsive-table caption {
		font-size: 1.3em;
	}

	table.responsive-table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table.responsive-table tr {
		display: block;
		margin: 0 .5rem;
		margin-bottom: 1rem;
		border: 1px solid #ddd;
		border-radius: 3px;
		border-bottom: 3px solid #ddd;
	}

	table.responsive-table td {
		border-bottom: 1px solid #ddd;
		padding: .625rem;
		display: block;
		font-size: .8em;
		text-align: right !important;
	}

	table.responsive-table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}


	table.responsive-table td:last-child {
		border-bottom: 0;
	}
}

/* klant block */
.klant-block { width: 100%; float: left; background: #fff; min-height: 200px; }
.klant-block ul.klanten_rows { width: 94%; float: left; list-style: none; margin: 10px 3% 10px 3%;  }
.klant-block li.klanten_row { margin-bottom: 10px;  border: 1px solid #f1f1f1}
.klant-block .direction {padding: 14px 22px 10px; width: 100%; position: relative; background: #f1f1f1; }
.klant-block .direction .photo { width: 60px; height: 40px;  float: left; }
.klant-block .direction .photo img { width: 40px; height: 40px; overflow: hidden; }
.klant-block .direction .photo.round img { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.klant-block .direction .logo{ margin: 0 5px; }
.klant-block .direction span.info {line font-size: 14px; line-height: 2rem; color: #323234; font-weight: 700; }
.klant-block .direction small { font-size: 14px; line-height: 17px; display: block; color: #7f7f7f; font-weight: 400; }
.klant-block .direction em { margin: 8px 64px 0 0; float: right; font-size: 14px; line-height: 22px; color: #7f7f7f; font-weight: 400; font-style: normal; }
.klant-block .direction span.location { float: right; margin-right: 65px; margin-top: 7px; color: #7f7f7f;}
.klant-block .direction a.toggle { float: right; width: 35px; position: absolute; right: 0; top: 0; height: 100%; border-left: 1px solid #f5f5f5; background: #eaeaea url('../images/select_icon3.png') center no-repeat; }
.klant-block .direction a.show { background: #eaeaea url('../images/close.png') center no-repeat; }
.klant-block .contact { width: 100%; overflow: hidden; padding: 20px; }
.klant-block .contact.display { display: block;}
.klant-block .contact .left { margin-right: 44px; width: 160px; float: left; }
.klant-block .contact .photo { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden;}
.klant-block .contact .photo.round { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.klant-block .contact ul { width: 100%; overflow: hidden; list-style: none; text-align: center; }
.klant-block .contact .left li { margin: 3px; display: inline-block; }
.klant-block .contact .left li a { display: block; }
.klant-block .contact span.info-title { margin-bottom: 16px; font-size: 14px; line-height: 40px; color: #323234; font-weight: 700; display : block; }
.klant-block .contact .right a { color: #323234; font-weight: 400; display : block; }
.klant-block .contact .right a:hover { text-decoration: none; }
.klant-block .contact .right em { line-height: 18px; color: #7f7f7f; font-weight: 400; display : block; font-style: normal; }
.klant-block .contact .bedrijfinfo { float: left;width: 49.9% }
.klant-block .contact .contactinfo { float: left; width: 50% }
.klant-block .contact .album { width: 100%; overflow: hidden; }
.klant-block .contact .album ul { padding: 0; width: 100%; overflow: hidden; list-style: none; }
.klant-block .contact .album li { margin: 0 2px 3px 0; width: 100px; float: left; }
.klant-block .contact .klant-block .contact .album li:nth-child(4n) { margin-right: 0; }
.klant-block .contact .album li a { height: auto; display: block; overflow: hidden; background-color: #dfdfdf; }
.klant-block .contact .album li a img { width: 100%; height: auto;}
.klant-block .contact .toelichting { padding: 14px 22px 10px; width: 100%; background: #f1f1f1; margin: 5px 0;  }
.klant-block .contact .toelichting .title { font-weight: bold; }
.klant-block .contact .bloktop { margin-top: 30px; }
.klant-block .klant_icon:before { font-size: 23px; color: #cc131e; position: absolute; top: 7px; left: 8px; }
.klant-block .klant_icon {position: relative;border: 1px solid #eaeaea;width: 40px;height: 40px;float: left;margin-right: 10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}


.kalender-year{
    width: 100%;
    font-size: .85rem;
    border-left: 2px solid var(--mainColor);
    border-collapse: collapse;
}
.kalender-year thead > tr{
    background: var(--mainColor);
    color: var(--mainTextColor);
}
.kalender-year th:not(:last-child){
    text-align: center;
    width: 10%;
}
.kalender-year th:last-child{
    text-align: left;
    width: 60%;
}
.kalender-year tr > th{
    padding: .25rem .5rem;
    border-right: 1px solid white;
}
.kalender-year tr > td{
    padding: .25rem .5rem;
    border-right: 1px solid white;
}
.kalender-year tr > td a {
    color: rgba(1, 87, 144, 0.7);
    text-decoration: none;
}
.kalender-year tr > td:not(:last-child),.kalender-year tr > th:not(:last-child){
    text-align: center;
}
.kalender-year tr > td:nth-child(1) > span{
    font-weight: bold;
    color: var(--mainColor);
}

.kalender-year tr > td:nth-child(1):not([class=first-month]) > span{
    visibility: hidden;
}

@media screen and (max-width: 600px) {
    .kalender-year tr > td:nth-child(1) > span{
        visibility: visible !important;
    }
}

.kalender-year tr:nth-child(2n){
    background: #f1f1f1;
}
.post-block .pagination-bar { padding: 20px; display: flex; height: 75px;  }
.post-block .pagination-bar .limit { display: flex; margin-left: auto }
.post-block .pagination-bar .limit label { color: var(--mainTextColor); line-height: 2.5rem; font-size: 1.2rem; margin-right: .5rem}
.post-block ul.pagination { padding: 0 !important;margin: 0 auto; display: block; width: auto }
.post-block ul.pagination li { width: auto; margin-right: 3px; border: 0; line-height: unset; overflow: auto; padding: unset }
.post-block ul.pagination li:last-child { margin-right: 0px; }
.post-block ul.pagination li a, ul.pagination li span { background: none !important; display: inline-block; line-height: normal; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0px 5px; padding-top: 3px;  }
.post-block ul.pagination li span { padding-top: 0px; border: none; color: #fff; float: none; width: auto; font-size: inherit; font-weight: normal }
.post-block ul.pagination li.active { background: rgba(0, 0, 0, 0.2); color: #fff }