/*! WARNING: Don't edit the .css files by hand! libSASS (CodeKit or Prepros) and edit the .scss files. (More information at http://compass-style.org) */
@-ms-viewport { width: device-width; }

@viewport { width: device-width; }

/*************/
/* Variables */
/*************/
/***********/
/* Imports */
/***********/
/* Third-party / Vendors */
/* Table styles */
table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; vertical-align: top; /* Header and footer styles */ /* Body styles */ }

table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; }

table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active { outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; }

table.dataTable thead .sorting { background-image: url("/gfx/sort_both.png"); }

table.dataTable thead .sorting_asc { background-image: url("/gfx/sort_asc.png"); }

table.dataTable thead .sorting_desc { background-image: url("/gfx/sort_desc.png"); }

table.dataTable thead .sorting_asc_disabled { background-image: url("/gfx/sort_asc_disabled.png"); }

table.dataTable thead .sorting_desc_disabled { background-image: url("/gfx/sort_desc_disabled.png"); }

table.dataTable tbody tr { background-color: #ffffff; }

table.dataTable tbody tr.selected { background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; }

table.dataTable.no-footer { border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* Control feature layout */
.dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; }

.dataTables_wrapper .dataTables_length { float: left; }

.dataTables_wrapper .dataTables_filter { float: right; text-align: right; }

.dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate { float: left; text-align: right; padding-top: 0.25em; margin-right: 15%; margin-top: -10px; }

.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }

.dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; }

.dataTables_wrapper .dataTables_scroll { clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; }

.dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

@media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } }

@media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before { display: none; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; }

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 12px; }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; }

table.dataTable > tbody > tr.child { padding: 0.5em 1em; }

table.dataTable > tbody > tr.child:hover { background: transparent !important; }

table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; }

table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }

table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; }

table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; }

table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }

.hide { display: none; }

.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse { background: #8BBEF0; }

.yadcf-filter-reset-button { display: none; }

.yadcf-filter-reset-button.range-number-slider-reset-button { position: relative; top: -6px; }

.yadcf-filter { color: #000; padding: 2px !important; border-radius: 5px; border: 0; font-weight: normal; width: 100%; }

.yadcf-filter > option { background: white; }

.ui-autocomplete .ui-menu-item { font-size: 13px; }

#ui-datepicker-div { font-size: 13px; }

th { position: relative; }

.yadcf-filter-wrapper { display: block; white-space: nowrap; /*margin-left: 2px; position: absolute; top: 8px; right: 25px; width: 40%;*/ }

.yadcf-filter-range-number { width: 40px; }

.yadcf-filter-range-number-seperator { margin-left: 10px; margin-right: 10px; }

.yadcf-filter-range-date { width: 80px; }

.yadcf-filter-range-date-seperator { margin-left: 10px; margin-right: 10px; }

.yadcf-filter-wrapper-inner { display: inline-block; border: 1px solid #ABADB3; }

.yadcf-number-slider-filter-wrapper-inner { display: inline-block; width: 200px; margin-bottom: 7px; }

.yadcf-filter-range-number-slider .ui-slider-handle { width: 10px; height: 10px; margin-top: 1px; }

.yadcf-filter-range-number-slider .ui-slider-range { position: relative; height: 5px; }

.yadcf-filter-range-number-slider { height: 5px; margin-left: 6px; margin-right: 6px; }

.yadcf-filter-range-number-slider { overflow: visible; }

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip { font-size: 13px; font-weight: normal; position: absolute; outline-style: none; }

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip { font-size: 13px; font-weight: normal; position: absolute; outline-style: none; }

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip-inner { position: absolute; top: 11px; }

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip-inner { position: absolute; top: 11px; }

.yadcf-exclude-wrapper { display: inline-block; vertical-align: middle; margin-right: 5px; }

.yadcf-label.small { font-size: 10px; }

.yadcf-filter-wrapper input { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon { cursor: help; margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }

.tooltipster-base .tooltipster-content { overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade-show { opacity: 1; }

.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }

.tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }

.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }

.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

span[for="route-description-web-id"] .tooltip, .sub-field-wrapper .tooltip { display: none !important; }

.ajax-file-upload-statusbar { border: 1px solid #0ba1b5; margin-top: 10px; width: 420px; margin-right: 10px; margin: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 5px 5px 15px; }

.ajax-file-upload-filename { width: 300px; height: auto; margin: 0 5px 5px 0px; }

.ajax-file-upload-filesize { width: 50px; height: auto; margin: 0 5px 5px 0px; display: inline-block; vertical-align: middle; }

.ajax-file-upload-progress { margin: 5px 10px 5px 0px; position: relative; width: 250px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; display: inline-block; color: #FFFFFF; }

.ajax-file-upload-bar { background-color: #0ba1b5; width: 0; height: 20px; border-radius: 3px; color: #FFFFFF; }

.ajax-file-upload-percent { position: absolute; display: inline-block; top: 3px; left: 48%; }

.ajax-file-upload-red { -moz-box-shadow: inset 0 39px 0 -24px #e67a73; -webkit-box-shadow: inset 0 39px 0 -24px #e67a73; box-shadow: inset 0 39px 0 -24px #e67a73; background-color: #e4685d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; text-shadow: 0 1px 0 #b23e35; cursor: pointer; vertical-align: top; margin: 5px 10px 5px 0px; }

.ajax-file-upload-green { background-color: #77b55a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; padding: 0; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; cursor: pointer; text-shadow: 0 1px 0 #5b8a3c; vertical-align: top; margin: 5px 10px 5px 0px; }

.ajax-file-upload { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 15px 20px; cursor: pointer; line-height: 20px; height: 25px; margin: 0 10px 10px 0; display: inline-block; background: #fff; border: 1px solid #e8e8e8; color: #888; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 2px 0 0 #e8e8e8; -webkit-box-shadow: 0 2px 0 0 #e8e8e8; box-shadow: 0 2px 0 0 #e8e8e8; padding: 6px 10px 4px 10px; color: #fff; background: #2f8ab9; border: none; -moz-box-shadow: 0 2px 0 0 #13648d; -webkit-box-shadow: 0 2px 0 0 #13648d; box-shadow: 0 2px 0 0 #13648d; vertical-align: middle; }

.ajax-file-upload:hover { background: #3396c9; -moz-box-shadow: 0 2px 0 0 #15719f; -webkit-box-shadow: 0 2px 0 0 #15719f; box-shadow: 0 2px 0 0 #15719f; }

.ajax-upload-dragdrop { border: 1px dotted #A5A5C7; width: 420px; color: #DADCE3; text-align: left; vertical-align: middle; padding: 10px 10px 0px 10px; }

.state-hover { border: 2px solid #A5A5C7; }

.ajax-file-upload-container { margin: 20px 0px 20px 0px; }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch { overflow: hidden !important; }

#swipebox-overlay img { border: none !important; }

#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; user-select: none; }

#swipebox-container { position: relative; width: 100%; height: 100%; }

#swipebox-slider { transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; }

#swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; }

#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }

#swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }

#swipebox-slider .slide-loading { background: url(/gfx/swipebox/loader.gif) no-repeat center center; }

#swipebox-bottom-bar, #swipebox-top-bar { transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; }

#swipebox-bottom-bar { bottom: -50px; }

#swipebox-bottom-bar.visible-bars { transform: translate3d(0, -50px, 0); }

#swipebox-top-bar { top: -50px; }

#swipebox-top-bar.visible-bars { transform: translate3d(0, 50px, 0); }

#swipebox-title { display: block; width: 100%; text-align: center; }

#swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(/gfx/swipebox/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; }

#swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; }

#swipebox-prev { background-position: -32px 13px; float: left; }

#swipebox-next { background-position: -78px 13px; float: right; }

#swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close { display: none; }

#swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { backface-visibility: hidden; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; }

.swipebox-touch #swipebox-container:before { left: 0; box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after { right: 0; box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; }

@keyframes rightSpring { 0% { left: 0; }
  50% { left: -30px; }
  100% { left: 0; } }

@keyframes leftSpring { 0% { left: 0; }
  50% { left: 30px; }
  100% { left: 0; } }

@media screen and (min-width: 800px) { #swipebox-close { right: 10px; }
  #swipebox-arrows { width: 92%; max-width: 800px; } }

/* Skin 
--------------------------*/
#swipebox-overlay { background: #0d0d0d; }

#swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; }

#swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; }

/* General styling */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

@font-face { font-family: "bego-guides"; src: url("../font/bego-guides.eot"); src: url("../font/bego-guides.eot?#iefix") format("embedded-opentype"), url("../font/bego-guides.woff") format("woff"), url("../font/bego-guides.ttf") format("truetype"), url("../font/bego-guides.svg#bego-guides") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "bego-guides" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="i-"]:before, [class*=" i-"]:before { font-family: "bego-guides" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.i-map:before { content: "\62"; }

.i-building:before { content: "\63"; }

.i-marker:before { content: "\64"; }

.i-photo:before { content: "\61"; }

.i-version:before { content: "\65"; }

.i-globe:before { content: "\66"; }

.i-language:before { content: "\67"; }

.i-eye:before { content: "\69"; }

.i-arrows:before { content: "\6b"; }

.i-plus-round:before { content: "\6a"; }

.i-trash:before { content: "\6c"; }

.i-cog:before { content: "\68"; }

.i-star:before { content: "\6d"; }

.i-copy:before { content: "\6e"; }

.i-search:before { content: "\6f"; }

/* SVG sprite

Comment: Zet de .sprite class op alle html elementen die een sprite gebruiken. 
Berekening SVG sprite background-size: width / font-size & height / font-size, waardes in em */
.sprite, .sprite-before:before, .sprite-after:after { background: url("/gfx/sprite/sprite.svg") no-repeat; font-size: 16px; }

.no-svg .sprite, .no-svg .sprite-before:before, .no-svg .sprite-after:after { background: url("/gfx/sprite/sprite.png") no-repeat; }

/* Boxmodel
	
Comment: Boxmodel op content-box zetten voor bepaalde externe plugins, zoals Google Maps. */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#map-canvas, #map-canvas * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Html & body */
html { height: 100%; font-size: 62.5%; overflow-x: hidden; overflow-y: scroll; }

body { background: #f7f7f7; color: #000; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; }

/* Headings */
h1 { font-size: 20px; font-size: 2rem; }

h2 { font-size: 18px; font-size: 1.8rem; color: #00ac9c; border-bottom: 3px solid #00ac9c; padding: 10px 10px 10px 0px; }

h3 { font-size: 16px; font-size: 1.6rem; }

h4 { font-size: 14px; font-size: 1.4rem; }

h5 { font-size: 12px; font-size: 1.2rem; }

h6 { font-size: 12px; font-size: 1.2rem; }

h1, h2, h3, h4, h5, h6 { margin: 0.23em 0; -webkit-font-smoothing: antialiased; }

/* Links */
a, a:link, a:visited { cursor: pointer; color: #000; font-weight: 400; text-decoration: none; }

a:hover { cursor: pointer; text-decoration: underline; }

/* Tables */
table { width: 100%; }

tr:nth-of-type(odd) { background: #eee; }

th { color: white; font-weight: bold; text-align: left; background: #27282C; }

td, th { padding: 6px; border: 1px solid #ccc; text-align: left; }

/* Generic mobile classes 
	
Comment: Zet de .mobile-add class op elementen die op mobile getoond moeten worden. 
Comment: Zet de .mobile-delete class op elementen die niet op mobile getoond moeten worden.
Comment: Zet de .mobile-open class op elementen die op mobile getoond moeten worden na bijvoorbeeld een click van een menu, voeg deze toe met jquery en verwijder ze bij een tweede klik. */
.scrollbar-measure { position: absolute; overflow: scroll; top: -9999px; width: 100px; height: 100px; }

.mobile-add { display: block; }

.mobile-delete { display: none; }

.tablet-add { display: none; }

.mobile-open { display: block !important; }

/* Grids & responsive settings */
.grid-row { position: relative; overflow: hidden; width: 100%; }

.grid-column { float: left; }

.grid-column.grid-column-2 { width: 50%; }

.grid-column.grid-column-3 { width: 33.33%; }

.grid-column.grid-column-4 { width: 25%; }

img, iframe, object, embed, video { max-width: 100%; }

img, video { height: auto; }

input[type=search], input[type=text], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=password], input[type=number], select, .selector, textarea { box-sizing: border-box; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; padding: 7px; background-color: #ffffff; }

input[type=search].readonly, input[type=text].readonly, input[type=email].readonly, input[type=url].readonly, input[type=tel].readonly, input[type=date].readonly, input[type=password].readonly, input[type=number].readonly, select.readonly, .selector.readonly, textarea.readonly { background-color: #dedede !important; }

#container { height: 100%; }

html, body, #inner-container { display: block; width: 100%; height: 100%; margin: 0; padding: 0; }

#inner-container { padding: 10px; }

#header, #main, #footer { display: table-row; }

#main { display: block; width: 100%; }

#footer { height: 1px; }

#main { clear: both; }

/* Generic styling */
.btn-save-translation, .btn-close-translation { position: absolute; top: 0; right: 0; height: 26px; width: 26px; padding-left: 3px; }

/* Generic helper classes */
.hidden, .nietinvullen { display: none; }

.click { cursor: pointer; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

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

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.pie, .pie:after, .pie:before { position: relative !important; behavior: url(/css/PIE.htc); }

.list-reset { margin: 0; padding: 0; list-style: none; }

/* Custom reset tags */
address { font-style: normal; }

img { font-size: 0; line-height: 0; display: block; }

fieldset { border: none; margin: 0; padding: 0; }

/* Upgrade message */
#upgrade-message { position: relative; padding: 30px; width: 100%; background: #fff; color: #000; font-size: 30px; line-height: 34px; text-align: center; }

#upgrade-message a { color: #000; text-decoration: underline; }

@media (min-width: 768px) { .mobile-delete { display: block; }
  .mobile-add { display: none; }
  .tablet-add { display: block; }
  .tablet-delete { display: none; } }

.affix { position: fixed; }

/** Loader */
#mapLoader, #pageLoader { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: rgba(100, 100, 100, 0.5); }

#mapLoader.hidden, #pageLoader.hidden { display: none; }

.sk-folding-cube { margin: 30% auto; width: 80px; height: 80px; position: relative; /*  -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);*/ }

.sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

body.modal-open { overflow: visible; }

.bootbox { width: 100%; height: 100%; display: table; position: fixed; }

#cookie-container { width: 100%; height: 90px; margin: 0; background: #CDCDCD; }

#cookie { width: 950px; margin: 0 auto; }

#cookie-message { width: 80%; float: left; }

.cookie-btn { float: right !important; line-height: 90px; font-weight: bold; font-size: 14px; }

/* Clear */
#cookie-container .cookie-clear:after { display: block; height: 0; clear: both; line-height: 0; visibility: hidden; content: "."; }

/* Main parts of layout */
.btn { display: inline-block; color: #fff; font-size: 13px; text-align: center; border: none; padding: 6px 10px; outline: none; border-bottom: 2px solid #ffa30b; background: #ffa30b; color: #ffffff; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.btn:link, .btn:visited { color: #fff; }

.btn:hover, .btn:focus, .btn.focus { color: #000000; text-decoration: none; border-color: #d78600; }

.btn:active { border-color: #d78600; }

.btn .icon { vertical-align: middle; display: inline-block; }

.btn.btn-default, .btn.btn-grey { background-color: #aaaaaa; border-color: #aaaaaa; }

.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default.focus, .btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey.focus { background-color: #aaaaaa; border-color: #919090; }

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus { background-color: #ffa30b; border-color: #d78600; }

.btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary[disabled].focus { background-color: #ffb63e; border-color: #ffb63e; }

.btn.btn-warning, .btn.red { background-color: #e74c3c; border-color: #e74c3c; }

.btn.btn-warning:hover, .btn.red:hover { border-color: #c0392b; }

.btn.btn-warning:active, .btn.red:active { background-color: #c0392b; border-color: #c0392b; }

.btn.btn-success, .btn.green { background-color: #00ac9c; border-color: #00ac9c; }

.btn.btn-success:hover, .btn.green:hover { border-color: #006d60; }

form { padding: 10px; }

form .radio, form .checker { display: inline-block; }

form input, form textarea { border: 1px solid #cccccc; width: 100%; }

form input[type="radio"]:not(:checked) + label, form input[type="checkbox"]:not(:checked) + label { color: grey; }

form label { font-weight: normal; margin-bottom: 0; }

form .form-row .label-wrapper .field-info { color: #666666; cursor: help; }

form .form-row .label-wrapper .field-info.has-no-content { color: #cccccc; cursor: pointer; }

form .form-row .selector.error, form .selector.error, form input.error, form textarea.error { border: 1px solid #ff0000; color: #ff0000; }

form label.error { display: none !important; }

form > .field-wrapper, form > .label-wrapper { display: block; zoom: 1; }

form > .field-wrapper:before, form > .field-wrapper:after, form > .label-wrapper:before, form > .label-wrapper:after { content: ''; display: table; }

form > .field-wrapper:after, form > .label-wrapper:after { clear: both; }

form .sub-field-wrapper > label { display: inline-block; padding: 5px 10px; position: relative; z-index: 10; color: #fff; font-size: 12px; margin: 0 0 -1px 0; text-transform: uppercase; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

form .sub-field-wrapper.print > label { background-color: rgba(44, 62, 80, 0.7); }

form .sub-field-wrapper.pdf > label { background-color: rgba(231, 76, 60, 0.7); }

form .sub-field-wrapper.app > label { background-color: rgba(46, 204, 113, 0.7); }

form .sub-field-wrapper.web > label { background-color: rgba(52, 152, 219, 0.7); }

form .sub-field-wrapper.combo > label { background-color: rgba(127, 140, 141, 0.7); }

form .sub-field-wrapper.title > label { background-color: #ffffff; color: #000; border: solid 1px #cccccc; border-bottom: 0; }

form .sub-field-wrapper > label.checkbox-label { background-color: transparent; color: #666666; text-transform: lowercase; }

form .sub-field-wrapper .js-copy-btn { float: right; margin-right: 34px; padding-right: 4px; height: 26px; border-bottom: none; }

form .sub-field-wrapper .js-copy-btn:focus, form .sub-field-wrapper .js-copy-btn:hover { background-color: #666666; cursor: pointer; }

form .sub-field-wrapper .field-info { margin-left: 5px; display: inline-block; color: #666666; cursor: help; }

form .sub-field-wrapper .field-info.has-no-content { color: #cccccc; cursor: pointer; }

form span.error { position: relative; z-index: 99; display: inline-block; height: 16px; margin: 4px 0 0 4px; overflow: visible !important; width: 16px; background: url(/gfx/icon-error-validation.png) no-repeat; cursor: pointer; }

form span.error label { position: absolute; right: 0; bottom: 20px; z-index: 9; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: none !important; height: 30px; padding: 6px 9px; width: 180px !important; background: #000; background: rgba(0, 0, 0, 0.7); behavior: url(/css/PIE.htc); color: #fff; font-size: 11px; line-height: 17px; text-align: left; }

form span.error:hover label { display: block !important; }

form .fieldset { margin-top: 20px; }

form .fieldset:first-child { margin-top: 0; }

form .fieldset > .fieldset-label { background-color: #c4c4c4; color: #27282C; display: block; padding: 5px 10px; background-clip: padding-box; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; position: relative; z-index: 10; margin-bottom: -1px; border: solid 1px #ddd; border-bottom: none; font-weight: bold; text-transform: uppercase; }

form .fieldset > .fieldset-fields { background-clip: padding-box; -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -ms-border-radius: 0 5px 5px 5px; -o-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; border: solid 1px #ddd; background-color: #EDEDED; padding: 10px; }

.fields, .fieldset-fields { zoom: 1; }

.fields:before, .fields:after, .fieldset-fields:before, .fieldset-fields:after { content: ''; display: table; }

.fields:after, .fieldset-fields:after { clear: both; }

.fields .spacer, .fieldset-fields .spacer { margin-top: 10px; }

.fields .last, .fieldset-fields .last { margin-right: 0; }

.fields > .form-row, .fieldset-fields > .form-row { margin-top: 10px; zoom: 1; }

.fields > .form-row:before, .fields > .form-row:after, .fieldset-fields > .form-row:before, .fieldset-fields > .form-row:after { content: ''; display: table; }

.fields > .form-row:after, .fieldset-fields > .form-row:after { clear: both; }

.fields > .form-row.pad, .fieldset-fields > .form-row.pad { padding: 15px 0 0 0; }

.fields > .form-row > .label-wrapper, .fieldset-fields > .form-row > .label-wrapper { display: block; padding: 37px 0 0 0; }

.fields > .form-row > .label-wrapper .field-tooltip, .fieldset-fields > .form-row > .label-wrapper .field-tooltip { display: inline-block; width: 18px; height: 18px; padding: 0; margin-left: 5px; color: #fff; background: #aaa; border-radius: 50%; line-height: 18px; vertical-align: middle; text-align: center; }

.fields > .form-row > .field-wrapper, .fieldset-fields > .form-row > .field-wrapper { display: block; padding: 5px; }

.fields > .form-row > .field-wrapper.has-subfields, .fieldset-fields > .form-row > .field-wrapper.has-subfields { padding: 0; }

.fields > .form-row input[type=text], .fields > .form-row input[type=search], .fields > .form-row input[type=email], .fields > .form-row input[type=url], .fields > .form-row input[type=tel], .fields > .form-row input[type=date], .fields > .form-row input[type=password], .fields > .form-row input[type=number], .fields > .form-row select, .fields > .form-row .selector, .fields > .form-row textarea, .fieldset-fields > .form-row input[type=text], .fieldset-fields > .form-row input[type=search], .fieldset-fields > .form-row input[type=email], .fieldset-fields > .form-row input[type=url], .fieldset-fields > .form-row input[type=tel], .fieldset-fields > .form-row input[type=date], .fieldset-fields > .form-row input[type=password], .fieldset-fields > .form-row input[type=number], .fieldset-fields > .form-row select, .fieldset-fields > .form-row .selector, .fieldset-fields > .form-row textarea { width: 100%; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; padding: 7px; background-color: #ffffff; }

.fields > .form-row select, .fieldset-fields > .form-row select { height: 30px; border-color: #cccccc; }

.fields > .form-row .selector, .fieldset-fields > .form-row .selector { height: 31px; display: block; padding: 0; border: solid 1px #cccccc; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields > .form-row .selector select, .fieldset-fields > .form-row .selector select { height: 29px; border: none; background: none; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields > .form-row .textarea ol li, .fieldset-fields > .form-row .textarea ol li { padding-left: 31px; }

.fields > .form-row .spacer, .fieldset-fields > .form-row .spacer { padding: 0 !important; margin: 0 !important; height: 0 !important; }

.fields > .form-row ol.formfield-list, .fields > .form-row ul.formfield-list, .fieldset-fields > .form-row ol.formfield-list, .fieldset-fields > .form-row ul.formfield-list { padding-left: 0px; margin-top: 0px; list-style: none; }

.fields > .form-row ol.formfield-list > li, .fields > .form-row ul.formfield-list > li, .fieldset-fields > .form-row ol.formfield-list > li, .fieldset-fields > .form-row ul.formfield-list > li { padding-bottom: 5px; position: relative; }

.fields > .form-row ol.formfield-list > li input, .fields > .form-row ol.formfield-list > li textarea, .fields > .form-row ul.formfield-list > li input, .fields > .form-row ul.formfield-list > li textarea, .fieldset-fields > .form-row ol.formfield-list > li input, .fieldset-fields > .form-row ol.formfield-list > li textarea, .fieldset-fields > .form-row ul.formfield-list > li input, .fieldset-fields > .form-row ul.formfield-list > li textarea { vertical-align: top; }

.fields > .form-row ol.formfield-list > li input, .fields > .form-row ul.formfield-list > li input, .fieldset-fields > .form-row ol.formfield-list > li input, .fieldset-fields > .form-row ul.formfield-list > li input { padding-left: 40px; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.fields > .form-row ol.formfield-list > li input.first, .fields > .form-row ul.formfield-list > li input.first, .fieldset-fields > .form-row ol.formfield-list > li input.first, .fieldset-fields > .form-row ul.formfield-list > li input.first { background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields > .form-row ol.formfield-list > li textarea, .fields > .form-row ul.formfield-list > li textarea, .fieldset-fields > .form-row ol.formfield-list > li textarea, .fieldset-fields > .form-row ul.formfield-list > li textarea { background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields > .form-row ol.formfield-list > li .number, .fields > .form-row ul.formfield-list > li .number, .fieldset-fields > .form-row ol.formfield-list > li .number, .fieldset-fields > .form-row ul.formfield-list > li .number { position: absolute; display: block; height: 32px; width: 32px; text-align: right; padding: 9px 5px 0px 7px; border-right: 1px solid #cccccc; color: rgba(0, 0, 0, 0.4); }

.fields > .form-row ol.formfield-list > li .number-area, .fields > .form-row ul.formfield-list > li .number-area, .fieldset-fields > .form-row ol.formfield-list > li .number-area, .fieldset-fields > .form-row ul.formfield-list > li .number-area { position: absolute; top: 0; left: 0; background-color: #fff; border: 1px solid #cccccc; border-right: 0; display: block; width: 32px; height: 32px; padding: 9px 5px 0px 7px; color: rgba(0, 0, 0, 0.4); background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.fields > .form-row ol.formfield-list > li .number-area.first, .fields > .form-row ul.formfield-list > li .number-area.first, .fieldset-fields > .form-row ol.formfield-list > li .number-area.first, .fieldset-fields > .form-row ul.formfield-list > li .number-area.first { background-clip: padding-box; -webkit-border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; -ms-border-radius: 0 0 0 3px; -o-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; }

.fields > .form-row .checkbox-list, .fieldset-fields > .form-row .checkbox-list { background-clip: padding-box; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border: solid 1px #cccccc; background-color: #ffffff; height: 200px; overflow: auto; }

.fields > .form-row .checkbox-list li, .fieldset-fields > .form-row .checkbox-list li { padding: 5px; }

.fields > .form-row .checkbox-list li label, .fieldset-fields > .form-row .checkbox-list li label { display: inline-block; margin-left: 5px; }

.fields > .form-row .checkbox-list li input, .fieldset-fields > .form-row .checkbox-list li input { display: inline-block; width: auto; }

.fields > .form-row .checkbox-group-searchfield, .fieldset-fields > .form-row .checkbox-group-searchfield { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; -o-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; border: solid 1px #cccccc; border-bottom: none; padding: 5px; }

.fields > .form-row .checkbox-group-search-footer, .fieldset-fields > .form-row .checkbox-group-search-footer { padding: 5px; zoom: 1; font-size: 12px; color: #aaaaaa; }

.fields > .form-row .checkbox-group-search-footer:before, .fields > .form-row .checkbox-group-search-footer:after, .fieldset-fields > .form-row .checkbox-group-search-footer:before, .fieldset-fields > .form-row .checkbox-group-search-footer:after { content: ''; display: table; }

.fields > .form-row .checkbox-group-search-footer:after, .fieldset-fields > .form-row .checkbox-group-search-footer:after { clear: both; }

.fields > .form-row .checkbox-group-search-footer > a, .fieldset-fields > .form-row .checkbox-group-search-footer > a { display: block; }

.fields > .form-row .checkbox-group-search-footer .select-all, .fieldset-fields > .form-row .checkbox-group-search-footer .select-all { float: left; }

.fields > .form-row .checkbox-group-search-footer .show-all, .fieldset-fields > .form-row .checkbox-group-search-footer .show-all { float: right; }

.fields > .form-row .sub-field-wrapper, .fieldset-fields > .form-row .sub-field-wrapper { display: block; float: left; padding: 5px; /** relatieve positie voor de translate popup */ position: relative; }

.fields > .form-row .sub-field-wrapper.field-full, .fieldset-fields > .form-row .sub-field-wrapper.field-full { width: 100%; }

.fields > .form-row .sub-field-wrapper.field-sm, .fieldset-fields > .form-row .sub-field-wrapper.field-sm { width: 25%; }

.fields > .form-row .sub-field-wrapper.field-md, .fieldset-fields > .form-row .sub-field-wrapper.field-md { width: 33.33%; }

.fields > .form-row .sub-field-wrapper.field-mdplus, .fieldset-fields > .form-row .sub-field-wrapper.field-mdplus { width: 40%; }

.fields > .form-row .sub-field-wrapper.field-lg, .fieldset-fields > .form-row .sub-field-wrapper.field-lg { width: 50%; }

.fields > .form-row .sub-field-wrapper.field-lgr, .fieldset-fields > .form-row .sub-field-wrapper.field-lgr { width: 66.66%; }

.fields > .form-row .sub-field-wrapper.field-xl, .fieldset-fields > .form-row .sub-field-wrapper.field-xl { width: 75%; }

.fields > .form-row .sub-field-wrapper .field-tooltip, .fieldset-fields > .form-row .sub-field-wrapper .field-tooltip { display: none !important; }

.fields > .form-row .sub-field-wrapper .translate-btn, .fieldset-fields > .form-row .sub-field-wrapper .translate-btn { display: block; position: absolute; right: 5px; top: 0; padding: 5px 7px; cursor: pointer; background-color: #cccccc; color: #000; font-size: 15px; }

.fields > .form-row .sub-field-wrapper .translate-popup, .fieldset-fields > .form-row .sub-field-wrapper .translate-popup { position: absolute; width: 300px; top: 30px; right: -305px; background-color: #ffffff; z-index: 80; border: solid 1px #cccccc; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 5px 5px 5px #888888; }

.fields > .form-row .sub-field-wrapper .translate-popup:after, .fieldset-fields > .form-row .sub-field-wrapper .translate-popup:after { position: absolute; top: 2px; left: -10px; content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #cccccc; }

.fields > .form-row .sub-field-wrapper .translate-popup .label, .fieldset-fields > .form-row .sub-field-wrapper .translate-popup .label { font-weight: bold; display: block; padding: 5px 10px; background-color: #cccccc; text-transform: uppercase; }

.fields > .form-row .sub-field-wrapper .translate-popup .row, .fieldset-fields > .form-row .sub-field-wrapper .translate-popup .row { display: block; padding: 10px; }

.fields > .form-row .field-type-sortable, .fieldset-fields > .form-row .field-type-sortable { padding: 10px; padding-top: 35px; border: solid 1px #cccccc; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; margin-top: 20px; position: relative; }

.fields > .form-row .field-type-sortable .label, .fieldset-fields > .form-row .field-type-sortable .label { display: block; position: absolute; top: -24px; }

.fields > .form-row .field-type-sortable .column-sort, .fieldset-fields > .form-row .field-type-sortable .column-sort { float: left; display: block; width: 25%; position: relative; }

.fields > .form-row .field-type-sortable .column-sort.first, .fieldset-fields > .form-row .field-type-sortable .column-sort.first { padding-right: 10px; }

.fields > .form-row .field-type-sortable .column-sort:last-child, .fieldset-fields > .form-row .field-type-sortable .column-sort:last-child { padding-left: 10px; }

.fields > .form-row .field-type-sortable .column-sort .sort-option-row, .fieldset-fields > .form-row .field-type-sortable .column-sort .sort-option-row { padding: 10px 0; }

.fields > .form-row .field-type-sortable .column-sort .sort-option-row > label, .fieldset-fields > .form-row .field-type-sortable .column-sort .sort-option-row > label { display: block; margin-bottom: 10px; }

.fields > .form-row .field-type-sortable .column-sort .sort-option-row.search, .fieldset-fields > .form-row .field-type-sortable .column-sort .sort-option-row.search { position: relative; }

.fields > .form-row .field-type-sortable .column-sort .sort-option-row.search input, .fieldset-fields > .form-row .field-type-sortable .column-sort .sort-option-row.search input { background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.fields > .form-row .field-type-sortable .column-sort .sort-option-row.search .icon, .fieldset-fields > .form-row .field-type-sortable .column-sort .sort-option-row.search .icon { position: absolute; right: 5px; right: 5px; top: 15px; font-size: 22px; }

.fields > .form-row .field-type-sortable .column-sort .sortable, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable { border: solid 1px #cccccc; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #ffffff; min-height: 20px; margin: 0; margin-top: 5px; padding: 10px; list-style: none; max-height: 250px; overflow-x: hidden; overflow-y: auto; }

.fields > .form-row .field-type-sortable .column-sort .sortable li, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable li { width: 100%; background-color: #eeeeee; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: solid 1px #cccccc; margin-bottom: 5px; padding: 5px; cursor: pointer; cursor: move; }

.fields > .form-row .field-type-sortable .column-sort .sortable li:hover, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable li:hover { background-color: #cccccc; }

.fields > .form-row .field-type-sortable .column-sort .sortable li:last-child, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable li:last-child { margin-bottom: 0px; }

.fields > .form-row .field-type-sortable .column-sort .sortable li .number, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable li .number { display: inline-block; width: 20px; color: #999999; }

.fields > .form-row .field-type-sortable .column-sort .sortable.readonly li, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable.readonly li { cursor: default; }

.fields > .form-row .field-type-sortable .column-sort .sortable.readonly li:hover, .fieldset-fields > .form-row .field-type-sortable .column-sort .sortable.readonly li:hover { background-color: #dedede; }

.fields > .form-row .field-type-sortable .column-sort#city-pois, .fieldset-fields > .form-row .field-type-sortable .column-sort#city-pois { position: relative; }

.fields > .form-row .field-type-sortable .column-sort#city-pois ul.sortable, .fieldset-fields > .form-row .field-type-sortable .column-sort#city-pois ul.sortable { min-height: 30px; margin-bottom: 5px; }

.fields > .form-row .field-type-sortable .column-sort#city-pois:after, .fieldset-fields > .form-row .field-type-sortable .column-sort#city-pois:after { position: absolute; top: 10px; right: -10px; content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #cccccc; }

.fields > .form-row .field-type-sortable .column-sort#tips-and-tricks, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks { width: 40%; }

.fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li { position: relative; }

.fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li .add-to-web, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li .add-to-web, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li .add-to-web, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li .add-to-web { display: block; top: 0; right: 0; position: absolute; padding-left: 20px; padding-right: 5px; font-size: 12px; color: #666666; }

.fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li .add-to-web input, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li .add-to-web input, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li .add-to-web input, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li .add-to-web input { display: block; position: absolute; top: 6px; left: 0; }

.fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li .add-to-web .label-text, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li .add-to-web .label-text, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable > li .add-to-web .label-text, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable > li .add-to-web .label-text { padding-top: 5px; display: block; }

.fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable.not-selected > li .number, .fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable.not-selected > li .add-to-web, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable.not-selected > li .number, .fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable.not-selected > li .add-to-web, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable.not-selected > li .number, .fieldset-fields > .form-row .field-type-sortable .column-sort#tips-and-tricks > .sortable.not-selected > li .add-to-web, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable.not-selected > li .number, .fieldset-fields > .form-row .field-type-sortable .column-sort#route-tips-and-tricks > .sortable.not-selected > li .add-to-web { display: none; }

.fields > .form-row .formfield-duplicate li, .fieldset-fields > .form-row .formfield-duplicate li { position: relative; padding-right: 40px; }

.fields > .form-row .formfield-duplicate li .remove-row, .fields > .form-row .formfield-duplicate li .insert-row, .fieldset-fields > .form-row .formfield-duplicate li .remove-row, .fieldset-fields > .form-row .formfield-duplicate li .insert-row { position: absolute; cursor: pointer; top: 7px; }

.fields > .form-row .formfield-duplicate li .remove-row.disabled, .fields > .form-row .formfield-duplicate li .insert-row.disabled, .fieldset-fields > .form-row .formfield-duplicate li .remove-row.disabled, .fieldset-fields > .form-row .formfield-duplicate li .insert-row.disabled { cursor: default; color: #bbbbbb; }

.fields > .form-row .formfield-duplicate li .remove-row, .fieldset-fields > .form-row .formfield-duplicate li .remove-row { right: 20px; }

.fields > .form-row .formfield-duplicate li .insert-row, .fieldset-fields > .form-row .formfield-duplicate li .insert-row { right: 0px; }

.fields > .form-row .info-text, .fieldset-fields > .form-row .info-text { padding: 5px; background-color: #cccccc; }

.fields > .form-row#row-index-pois-id .index-list, .fieldset-fields > .form-row#row-index-pois-id .index-list { max-height: 150px; overflow-y: auto; }

.fields > .form-row#row-index-pois-id .index-list > li, .fieldset-fields > .form-row#row-index-pois-id .index-list > li { padding: 3px; }

.fields > .form-row#row-index-pois-id .translate-btn, .fieldset-fields > .form-row#row-index-pois-id .translate-btn { right: 45px; }

.fields > .form-row#row-pois-route-id .label-wrapper, .fieldset-fields > .form-row#row-pois-route-id .label-wrapper { padding-top: 5px; }

.fields > .form-row .g-recaptcha, .fieldset-fields > .form-row .g-recaptcha { margin-left: 12%; }

.fields > .form-row .cke_chrome, .fieldset-fields > .form-row .cke_chrome { border: solid 1px #cccccc; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields > .form-row .cke_chrome .cke_inner, .fieldset-fields > .form-row .cke_chrome .cke_inner { background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.fields > .form-row .cke_chrome .cke_inner iframe, .fieldset-fields > .form-row .cke_chrome .cke_inner iframe { background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.fields > .form-row.readonly .cke_top, .fieldset-fields > .form-row.readonly .cke_top { display: none; }

.fields > .form-row.readonly .cke_inner, .fieldset-fields > .form-row.readonly .cke_inner { background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #dedede; }

.fields > .form-row.readonly .cke_inner iframe, .fieldset-fields > .form-row.readonly .cke_inner iframe { background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #dedede; }

.fields > .form-row.readonly .cke_inner iframe body, .fieldset-fields > .form-row.readonly .cke_inner iframe body { background-color: transparent; }

.fields > .form-row#row-top-10-list-id > .field-wrapper > .sub-field-wrapper > label, .fieldset-fields > .form-row#row-top-10-list-id > .field-wrapper > .sub-field-wrapper > label { color: #000000; }

.fields > .form-row #btn-copy-poi-name, .fieldset-fields > .form-row #btn-copy-poi-name { display: inline-block; margin-left: 5px; font-size: 12px; text-decoration: underline; }

.fields .phonenumber-field, .fieldset-fields .phonenumber-field { display: block; white-space: nowrap; background-color: #ffffff; border: solid 1px #cccccc; padding: 5px; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields .phonenumber-field input, .fieldset-fields .phonenumber-field input { display: inline; padding: 2px !important; padding-right: 0; border: none; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.fields .phonenumber-field input.country, .fieldset-fields .phonenumber-field input.country { width: 14%; width: 40px; text-align: center; border-bottom: solid 1px #cccccc; }

.fields .phonenumber-field input.zero, .fieldset-fields .phonenumber-field input.zero { width: 10%; width: 15px; text-align: center; border-bottom: solid 1px #cccccc; }

.fields .phonenumber-field input.areacode, .fieldset-fields .phonenumber-field input.areacode { width: 18%; width: 30px; text-align: right; border-bottom: solid 1px #cccccc; }

.fields .phonenumber-field input.subscribe, .fieldset-fields .phonenumber-field input.subscribe { width: 50%; min-width: 80px; text-align: left; border-bottom: solid 1px #cccccc; }

.fields .images-select-wrapper, .fieldset-fields .images-select-wrapper { background-color: #ffffff; border: solid 1px #cccccc; padding: 2px; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.fields .images-select-wrapper > .images, .fieldset-fields .images-select-wrapper > .images { zoom: 1; max-height: 220px; overflow: auto; }

.fields .images-select-wrapper > .images:before, .fields .images-select-wrapper > .images:after, .fieldset-fields .images-select-wrapper > .images:before, .fieldset-fields .images-select-wrapper > .images:after { content: ''; display: table; }

.fields .images-select-wrapper > .images:after, .fieldset-fields .images-select-wrapper > .images:after { clear: both; }

.fields .images-select-wrapper > .images .thumbnail, .fieldset-fields .images-select-wrapper > .images .thumbnail { background-color: #ffffff; float: left; min-height: 100px; width: 32.33%; min-width: 90px; max-width: 115px; border: solid 1px #cccccc; padding: 0; margin: 3px; overflow: hidden; position: relative; }

.fields .images-select-wrapper > .images .thumbnail > img, .fieldset-fields .images-select-wrapper > .images .thumbnail > img { max-width: 100%; height: auto; }

.fields .images-select-wrapper > .images .thumbnail .image-overlay, .fieldset-fields .images-select-wrapper > .images .thumbnail .image-overlay { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); color: #ffffff; padding: 0px; font-size: 12px; z-index: 90; }

.fields .images-select-wrapper > .images .thumbnail:hover .image-overlay, .fieldset-fields .images-select-wrapper > .images .thumbnail:hover .image-overlay { display: block; }

.fields .images-select-wrapper > .images .thumbnail .img-options, .fieldset-fields .images-select-wrapper > .images .thumbnail .img-options { position: absolute; z-index: 998; display: block; left: 0px; right: 0px; bottom: 0; background-color: rgba(255, 255, 255, 0.7); }

.fields .images-select-wrapper > .images .thumbnail .img-options a, .fieldset-fields .images-select-wrapper > .images .thumbnail .img-options a { display: block; float: left; text-align: center; padding: 4px; font-size: 14px; text-decoration: none; }

.fields .images-select-wrapper .toolbar, .fieldset-fields .images-select-wrapper .toolbar { padding-top: 10px; text-align: right; }

.fields .images-select-wrapper .toolbar .btn, .fieldset-fields .images-select-wrapper .toolbar .btn { padding-top: 3px; padding-bottom: 3px; }

.fields .images-select-wrapper .no-images-message, .fieldset-fields .images-select-wrapper .no-images-message { display: block; padding: 10px; text-align: center; color: #c4c4c4; }

.fields > .form-row .sub-field-wrapper.field-sm.field-type-phonenumber, .fieldset-fields > .form-row .sub-field-wrapper.field-sm.field-type-phonenumber { width: 100%; }

@media (min-width: 768px) { .fields > .form-row .sub-field-wrapper.field-sm.field-type-phonenumber, .fieldset-fields > .form-row .sub-field-wrapper.field-sm.field-type-phonenumber { width: 50%; } }

@media (min-width: 1140px) { .fields > .form-row .sub-field-wrapper.field-sm.field-type-phonenumber, .fieldset-fields > .form-row .sub-field-wrapper.field-sm.field-type-phonenumber { width: 25%; } }

.fields > .form-row textarea.texteditor, .fieldset-fields > .form-row textarea.texteditor { height: 200px; }

.fields .field-type-checkbox, .fieldset-fields .field-type-checkbox { padding-top: 37px !important; }

.fields .field-type-checkbox input, .fields .field-type-checkbox label, .fieldset-fields .field-type-checkbox input, .fieldset-fields .field-type-checkbox label { float: left; width: auto; margin-right: 10px; }

#mc_embed_signup div.mce_inline_error { display: block; clear: both; margin: 22px 0 0 0 !important; zoom: 1; }

#mc_embed_signup div.mce_inline_error:before, #mc_embed_signup div.mce_inline_error:after { content: ''; display: table; }

#mc_embed_signup div.mce_inline_error:after { clear: both; }

#mce-error-response, #mce-success-response { margin-bottom: 10px; }

@media (min-width: 768px) { .fields, .fieldset-fields { zoom: 1; }
  .fields:before, .fields:after, .fieldset-fields:before, .fieldset-fields:after { content: ''; display: table; }
  .fields:after, .fieldset-fields:after { clear: both; }
  .fields .last, .fieldset-fields .last { margin-right: 0; }
  .fields > .form-row > .label-wrapper, .fieldset-fields > .form-row > .label-wrapper { display: block; float: left; width: 12%; zoom: 1; }
  .fields > .form-row > .label-wrapper:before, .fields > .form-row > .label-wrapper:after, .fieldset-fields > .form-row > .label-wrapper:before, .fieldset-fields > .form-row > .label-wrapper:after { content: ''; display: table; }
  .fields > .form-row > .label-wrapper:after, .fieldset-fields > .form-row > .label-wrapper:after { clear: both; }
  .fields > .form-row > .field-wrapper, .fieldset-fields > .form-row > .field-wrapper { display: block; margin-left: 12%; zoom: 1; }
  .fields > .form-row > .field-wrapper:before, .fields > .form-row > .field-wrapper:after, .fieldset-fields > .form-row > .field-wrapper:before, .fieldset-fields > .form-row > .field-wrapper:after { content: ''; display: table; }
  .fields > .form-row > .field-wrapper:after, .fieldset-fields > .form-row > .field-wrapper:after { clear: both; }
  .fields > .form-row input[type=text], .fields > .form-row input[type=email], .fields > .form-row input[type=url], .fields > .form-row input[type=date], .fields > .form-row input[type=password], .fields > .form-row input[type=number], .fields > .form-row select, .fields > .form-row .selector, .fields > .form-row textarea, .fieldset-fields > .form-row input[type=text], .fieldset-fields > .form-row input[type=email], .fieldset-fields > .form-row input[type=url], .fieldset-fields > .form-row input[type=date], .fieldset-fields > .form-row input[type=password], .fieldset-fields > .form-row input[type=number], .fieldset-fields > .form-row select, .fieldset-fields > .form-row .selector, .fieldset-fields > .form-row textarea { width: 100%; }
  .fields > .form-row .sub-field-wrapper, .fieldset-fields > .form-row .sub-field-wrapper { display: block; float: left; }
  .fields > .form-row .sub-field-wrapper.field-full, .fieldset-fields > .form-row .sub-field-wrapper.field-full { width: 100%; }
  .fields > .form-row .sub-field-wrapper.field-sm, .fieldset-fields > .form-row .sub-field-wrapper.field-sm { width: 25%; }
  .fields > .form-row .sub-field-wrapper.field-md, .fieldset-fields > .form-row .sub-field-wrapper.field-md { width: 33.33%; }
  .fields > .form-row .sub-field-wrapper.field-mdplus, .fieldset-fields > .form-row .sub-field-wrapper.field-mdplus { width: 40%; }
  .fields > .form-row .sub-field-wrapper.field-lg, .fieldset-fields > .form-row .sub-field-wrapper.field-lg { width: 50%; }
  .fields > .form-row .sub-field-wrapper.field-xl, .fieldset-fields > .form-row .sub-field-wrapper.field-xl { width: 75%; }
  .fields > .form-row #sub-row-RouteHighlightsId textarea, .fieldset-fields > .form-row #sub-row-RouteHighlightsId textarea { height: 30px; }
  .fields > .form-row .g-recaptcha, .fieldset-fields > .form-row .g-recaptcha { margin-left: 12%; } }

/* @font-face { font-family: "univers"; src:url("../class/3rdparty/mpdf/ttfontdata/UniversLTStd-Light.ttf"); src:url("../class/3rdparty/mpdf/ttfontdata/UniversLTStd-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }*/
.field-type-map .map-wrapper, .field-type-routeMap .map-wrapper { background-color: #cccccc; }

.field-type-map .map-wrapper.map-medium, .field-type-routeMap .map-wrapper.map-medium { width: 500px; height: 300px; }

.field-type-routeMap .map-wrapper.map-medium { width: 100%; height: 600px; }

.field-type-routeMap .map-file-container { padding-top: 10px; }

.field-type-routeMap .map-file-container a.map-preview { color: #666666; }

.field-type-text.distance-field .distance-field-wrapper { position: relative; display: block; max-width: 100px; }

.field-type-text.distance-field .distance-field-wrapper input { background-color: #cccccc; cursor: default; }

.field-type-text.distance-field .distance-field-wrapper .distance-label { position: absolute; right: 10px; top: 5px; z-index: 10; color: #999; }

.bootbox.generateMapPdf .modal-footer { position: absolute !important; right: 0; top: 10px; border-top: none; background-color: rgba(255, 255, 255, 0.8); width: 170px; }

.bootbox.generateMapPdf .modal-footer button { display: block; width: 100%; margin: 5px auto; }

.bootbox.generateMapPdf .modal-lg { margin-top: 10px; width: 972px; }

.bootbox.generateMapPdf .route-export-map-explanation { display: block; padding: 0 0 20px; color: #000000; text-align: left; font-size: 12px; }

.bootbox.generateMapPdf .route-export-map-wrapper { display: block; width: 100%; height: 100%; overflow: auto; position: relative; }

.bootbox.generateMapPdf #dummyLegendaOverlay { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; right: 154px; height: 70px; padding: 12px; font-size: 12px; color: #888888; }

.bootbox.generateMapPdf #dummyLegendaOverlay::before { display: block; content: " "; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border-top: solid 1px #000000; }

.bootbox.generateMapPdf #dummyLegendaOverlay h2 { font-size: 12px; color: inherit; padding: 0; padding-bottom: 5px; float: left; margin: 0; margin-right: 10px; border: none; }

#container { padding-left: 140px; padding-top: 50px; }

.menu-bar { position: fixed; top: 0px; left: 140px; right: 0; height: 50px; background: #fff; border-bottom: 1px solid #ccc; z-index: 999; }

.menu-bar > * { z-index: 1000; }

.menu-bar .detail-btn { position: fixed; top: 0; right: 0; display: block; z-index: 9999; }

.menu-bar h1 { display: inline-block; padding: 14px 0 0 10px; margin: 0; text-transform: uppercase; z-index: 9999; }

.menu-bar h1 > span { text-transform: none; }

.menu-bar .version { display: inline-block; position: relative; top: -2px; color: #fff; background-color: #27282C; padding: 3px 5px; border-radius: 5px; margin: 0 0 0 10px; text-transform: uppercase; z-index: 9999; font-size: 12px; line-height: 12px; vertical-aling: middle; }

.menu-bar .language-switch { float: right; margin: 14px 0 0 0; }

.menu-bar #top-info { float: left; }

.menu-bar #top-menu-bar { float: right; display: block; padding: 10px; text-align: right; }

.menu-bar #top-menu-bar > a { display: block; margin-left: 10px; float: left; }

.menu-bar #top-menu-bar #remarks-wrapper { position: relative; display: block; float: left; }

.menu-bar #top-menu-bar #remarks-wrapper > a { float: none; }

.menu-bar #top-menu-bar #remarks-wrapper > a .badge { margin-left: 5px; font-size: 11px; }

.menu-bar #top-menu-bar #remarks-container { background-clip: padding-box; -webkit-border-radius: 4px 0px 4px 4px; -moz-border-radius: 4px 0px 4px 4px; -ms-border-radius: 4px 0px 4px 4px; -o-border-radius: 4px 0px 4px 4px; border-radius: 4px 0px 4px 4px; position: absolute; right: 0px; top: 30px; background-color: #ffffff; padding: 0; border: solid 1px #cccccc; width: 350px; }

.menu-bar #top-menu-bar #remarks-container .remark-actions { padding: 10px; }

.menu-bar #top-menu-bar #remarks-container .remarks-overview { min-height: 0px; max-height: 600px; overflow-y: auto; text-align: left; position: relative; }

.menu-bar #top-menu-bar #remarks-container .remarks-overview .remark { font-size: 12px; padding-bottom: 15px; }

.menu-bar #top-menu-bar #remarks-container .remarks-overview .remark .remark-header { padding: 5px 10px; background-color: #eeeeee; border-bottom: solid 1px #c4c4c4; }

.menu-bar #top-menu-bar #remarks-container .remarks-overview .remark .remark-content { padding: 5px 15px; }

.menu-bar.has-submit-btn #top-menu-bar { margin-right: 174px; }

#header { position: fixed; top: 0px; left: 0px; bottom: 0px; width: 140px; background-color: #27282C; }

#header-navigation { padding: 0 0 0 0; }

#header-navigation .logo { position: relative; display: block; width: 100%; height: 49px; background-color: #fff; border-bottom: 1px solid #ccc; padding: 9px 5px 0 5px; margin-bottom: 10px; }

#header-navigation .icon { padding: 10px 10px 10px 35px; position: relative; }

#header-navigation .icon:before { font-size: 1.4em; color: #c4c4c4; position: absolute; top: 7px; left: 10px; }

#header-navigation .icon.active, #header-navigation .icon:hover { background-color: rgba(255, 255, 255, 0.2); }

#header-navigation .icon.active:before, #header-navigation .icon:hover:before { color: #00ac9c; }

#header-navigation span.divider { display: block; height: 0; border-top: solid 1px rgba(255, 255, 255, 0.4); border-bottom: solid 1px rgba(255, 255, 255, 0.2); margin: 10px; }

#header-navigation a { display: block; color: #fff; vertical-align: top; }

#header-navigation a:hover { text-decoration: none; }

.user { position: absolute; bottom: 20px; left: 0px; right: 0px; text-align: left; padding: 10px; color: #ffffff; }

.user .current-destination { padding: 0; text-align: left; color: #fff; margin-bottom: 10px; border-bottom: 2px solid rgba(255, 255, 255, 0.3); }

.user .current-destination .label { color: #aaa; display: block; }

.user .current-destination .destination { display: block; font-weight: normal; margin: 10px 0; }

.user .label { color: #aaa; display: block; }

.user .user-name { display: block; font-weight: normal; margin: 0; margin-bottom: 10px; }

.user #logout { margin-top: 20px; display: block; }

.user .userimg { position: relative; display: block; width: 90px; height: 90px; border-radius: 50%; border: 2px solid #fff; z-index: 99; }

.user .settings { position: relative; background: #00ac9c; width: 45px; height: 45px; top: -55px; left: 45px; display: block; color: #fff; margin: 10px 0 -40px 0; padding: 29px 0 0 0; text-decoration: none; font-size: 1.1em; z-index: 9; }

.btn { /*	&.pdf-preview{ position: fixed; top: 10px; right: 282px; z-index: 9999; }*/ /*&.new-item{ position: fixed; top: 10px; right:20px; z-index: 9999; }*/ }

.btn.cancel { /*position: fixed; top: 10px; right: 80px; z-index: 9999;*/ background-color: #e74c3c; border-color: #e74c3c; }

.btn.cancel:hover { border-color: #c0392b; }

.btn.cancel:active { background-color: #c0392b; border-color: #c0392b; }

.btn#submit-id { right: 72px !important; }

/* Grids */
.sitemap li { line-height: 20px; line-height: 2rem; }

.sitemap ol { margin-left: 20px; }

.faq-list { margin-top: 40px; }

.faq-list:first-child { margin-top: 0; }

.faq-list .faq-header { font-size: 16px; padding-bottom: 10px; }

.faq-list .faq-question { width: 100%; float: left; display: block; }

.faq-list .faq-question .faq-title { position: relative; display: block; cursor: pointer; width: 100%; font-weight: bold; padding-right: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.faq-list .faq-question .faq-answer { display: none; }

.search-results li { margin-top: 10px; }

.search-results li:first-child { margin-top: 0; }

#form-upload .fieldset { display: block; width: 100%; }

#form-upload .fieldset .form-row { display: block; width: 100%; margin: 5px 0; }

#form-upload .fieldset .form-row label { display: block; width: 100%; }

#form-upload .fieldset .form-row input[type="text"], #form-upload .fieldset .form-row input[type="password"], #form-upload .fieldset .form-row input[type="email"] { display: block; width: 100%; }

#form-upload .fieldset .form-row textarea { display: block; width: 100%; height: 100px; }

#form-upload .fieldset .form-row select { display: block; width: 100%; }

#form-upload .fieldset .form-row input:disabled { color: #000; }

#form-upload .fieldset #image-upload { display: block; }

#form-upload .fieldset #image-upload input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

#form-upload .fieldset #image-upload .fileinput-button { float: left; margin: 10px; cursor: pointer; }

#form-upload .fieldset #image-upload .upload-info { display: block; height: 50px; padding: 10px; font-size: 12px; }

#form-upload .fieldset .progress { clear: both; display: block; margin-top: 15px; }

#form-upload .fieldset input[type="submit"] { cursor: pointer; padding: 5px 10px; }

#form-upload .fieldset input[type="submit"]:hover { background-color: #CCC; }

@media (min-width: 1140px) { #form-upload { display: block; width: 80%; }
  #form-upload .fieldset .form-row label { display: inline-block; width: 20%; float: left; }
  #form-upload .fieldset .form-row input[type="text"], #form-upload .fieldset .form-row input[type="password"], #form-upload .fieldset .form-row input[type="email"] { display: inline-block; width: 80%; float: left; }
  #form-upload .fieldset .form-row textarea { display: inline-block; width: 80%; height: 100px; float: left; }
  #form-upload .fieldset .form-row select { display: inline-block; width: 80%; float: left; } }

/* Responsive table */
.responsive-cont { display: block; overflow: auto; width: 100%; }

.dt-toolbar { text-align: center; margin: 10px 0 10px; }

.dt-toolbar.bottom .dataTables_paginate { display: inline-block; float: none; margin: 0 auto; }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Responsive table */
  table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { display: block; }
  table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
  table.responsive tr { border: 1px solid #ccc; }
  table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
  table.responsive tr:nth-of-type(odd) td { border-bottom: 1px solid #fff; }
  table.responsive td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
  table.responsive td:before { content: attr(data-table-header); }
  .gte-ie9 table.responsive { display: table; width: auto; }
  .gte-ie9 table.responsive thead { display: table-header-group; }
  .gte-ie9 table.responsive tbody { display: table-row-group; }
  .gte-ie9 table.responsive th { display: table-cell; }
  .gte-ie9 table.responsive td { display: table-cell; padding-left: 6px; }
  .gte-ie9 table.responsive tr { display: table-row; }
  .gte-ie9 table.responsive thead tr { position: relative; top: auto; left: auto; }
  .gte-ie9 table.responsive td:before { display: none; } }

/* Templates */
label[for="route-pois--id"] { display: none !important; }

.nr-icon-round { display: inline-block; background-color: #999999; color: #ffffff; font-weight: bold; width: 18px; height: 18px; line-height: 18px; font-size: 12px; vertical-align: middle; text-align: center; margin-right: 5px; background-clip: padding-box; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }

#tpl-default #row-submit-id button { position: fixed; top: 10px; right: 80px; z-index: 999; }

#tpl-default #form-index-menu { position: fixed; right: 10px; top: 50px; z-index: 999; text-align: right; }

#tpl-default #form-index-menu > .btn { position: fixed; top: 10px; right: 10px; }

#tpl-default #form-index-menu > a { text-decoration: none; }

#tpl-default #form-index-menu > ul { background-color: rgba(255, 255, 255, 0.8); background-clip: padding-box; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; text-align: left; webkit-transition: width 0.8s; -moz-transition: width 0.8s; transition: width 0.8s; margin-top: 0; }

#tpl-default #form-index-menu > ul > li a { display: block; padding: 8px 15px; color: #333333; }

#tpl-default #form-index-menu > ul > li a:hover { background-color: #eeeeee; text-decoration: none; }

#tpl-default #form-index-menu > ul > li.active a { color: #000000; background-color: #c4c4c4; border-left: 1px solid #fff; border-right: 1px solid #fff; }

#tpl-default .inner-container { width: 100%; overflow: hidden; }

.modal-form form { margin: 0; padding-top: 0; }

.modal-form form .fields .label-wrapper { padding-top: 10px; display: block; width: 100%; float: none; padding-left: 5px; }

.modal-form form .fields .field-wrapper { display: block; width: 100%; float: none; margin-left: 0; }

.modal-form form .fields .field-wrapper input { background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.modal-form form .fields .row-form-action { display: none; }

.modal-form#addNewUser .form-row .label-wrapper { display: none; }

/** Aanvullende styling voor object overzichten */
.dataTable tbody tr.inactive td { color: #666666; background-color: #eeeeee; }

#tpl-home .login-form-wrapper { max-width: 450px; margin: 0 auto; }

#tpl-home .login-form-wrapper .login-form-inner { background-color: #27282C; background-clip: padding-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #EDEDED; border: solid 1px #ddd; margin-top: 10px; margin-bottom: 10px; }

#tpl-home .login-form-wrapper form .form-title { background-color: #c4c4c4; }

#tpl-home .login-form-wrapper form .fields .form-row .label-wrapper { display: none; }

#tpl-home .login-form-wrapper form .fields .form-row .field-wrapper { margin: 0; }

#tpl-home .login-form-wrapper form .fields .form-row .field-wrapper input { background-clip: padding-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

#tpl-home .login-form-wrapper form .fields .form-row .field-type-checkbox { padding-top: 10px !important; }

#tpl-home .login-form-wrapper form .fields .form-row.pad { padding: 0; }

#tpl-home .login-form-wrapper form .fields .form-row#row-login-cookie-id { float: left; width: 70%; }

#tpl-home .login-form-wrapper form .fields .form-row.row-form-action { text-align: right; width: 30%; float: right; }

#tpl-home .login-form-wrapper form .fields .info-text { background-color: transparent; }

#tpl-home .login-form-wrapper form .fields#row-formTitle-id { margin-top: 0; }

#tpl-home .login-form-wrapper form .fields#row-formTitle-id .label-wrapper { display: none; }

#tpl-home .login-form-wrapper .alert { margin: 10px; margin-top: 0; background-clip: padding-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

#tpl-home a#askPassBtn { display: block; padding: 5px 10px; }

@media (min-width: 768px) { #tpl-home .login-form-wrapper { margin-top: 80px; } }

#tpl-default.tpl-import form .fields .form-row .label-wrapper { padding-top: 5px; }

#tpl-default.tpl-import form #row-submit-id button { position: relative; top: auto !important; left: auto !important; right: auto !important; }

/* Print stylesheet */
@media print { /* Generic */
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  /* Site specific */ }