@font-face{
    font-family: helveticaNeueLT_light ;
    src:url(../fonts/helveticaNeueLT_light.woff2) format('woff2'),
    url(../fonts/helveticaNeueLT_light.woff) format('woff'),
    url(../fonts/helveticaNeueLT_light.ttf) format('truetype'),
    url(../fonts/helveticaNeueLT_light.svg#helveticaNeueLT_light) format('svg')
}

@font-face {
    font-family: HelveticaNeue-Medium;
    src: url('../fonts/HelveticaNeueMedium.woff2') format('woff2'),
    url('../fonts/HelveticaNeueMedium.woff') format('woff'),
    url('../fonts/HelveticaNeueMedium.ttf') format('truetype'),
    url('../fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
}

/* Algemeen ---------------------------------------------------------------------------------------- */
html {
    overflow-y: scroll;
    height: 100.1%;
    font-size: 17px;
    color: #171717;
}

body {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif;
    font-size: 1rem;
    font-weight: 300;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.42857143rem;
    margin-top: 2.05882353rem;
    font-smooth: auto;
    -webkit-font-smoothing: auto;
    -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: autook;
}

body {overflow: hidden; overflow-y: hidden;}
body.display-xs,
body.display-sm {overflow-y: scroll;}

.body-innerwrapper {
    overflow-x: hidden;
    overflow-y: hidden;
}
h1, h1 a {margin-bottom: 2.8rem; text-decoration: none;}
h2, h2 a {margin-bottom: 2.8rem; text-decoration: none;}
h3, h3 a {margin-bottom: 1.4rem;}
p {margin-bottom: 1.4rem; color: #171717;}
a {font-family:inherit; font-size: inherit; font-weight: inherit; text-decoration: underline; color: #171717; }
strong {font-family: HelveticaNeue-Medium, Arial, Sans-Serif;font-style: normal;}

form {display: block; float: left; width: 100%; height: auto; margin-bottom: 0;}
.inner {overflow-y: auto;}

.edge {border: 0px solid #ccc; border-radius: .58823529rem; overflow: hidden;}
.edge-transparent {border: 1px solid transparent; background-color: transparent; border-radius: .58823529rem; }
.edge-background, .background-grey {border: 1px solid transparent; background-color: #E7E5E6; border-radius: .58823529rem; }

.alert.alert-notice {background-color: #eee; }

.article-details .article-can-edit {display:none !important; height: 0; margin-bottom: 0;}

.page-header {padding: 0 15px;}
.page-header h1 {font-family: HelveticaNeue-Medium, Arial, Sans-Serif;font-style: normal; font-size: 1rem; margin-left: 21px !important; margin-bottom: .5rem;}
.display-xs .page-header {padding-left: 23px; padding-right: 23px;}
.display-xs .page-header h1 {margin-left: 0 !important;}

.display-xs #sp-main-body {min-height: 425px;}
.display-sm #sp-main-body {min-height: 100px;}
.display-md #sp-main-body {min-height: 600px;}

.hidden {display: none !important;}

.cancelled, .cancelled p {text-decoration: line-through;}

#sp-main-body .container {
    /*max-height: calc(100vh - 2.52941176rem - 66px - 46.6333px - 34.2833px - 85px);*/
    overflow-y: auto;
    overflow-x: hidden;
}

.display-xs #sp-main-body .container,
.display-sm #sp-main-body .container {max-height:inherit;}

/* BS4 buttons ------------------------------------------- */
.btn {font-size: 0.94117647rem; font-weight: 400; line-height: 1.4; border-radius: 0.58823529rem; text-decoration: none;}
.btn-primary, .sppb-btn-primary , #filter .btn-primary , .btn-primary.filter-button {font-family: helveticaNeueLT_light; font-weight: 300; font-size: .88235294rem ; border-color: #252525; background-color: #252525; text-decoration: none; padding: 7px 10px 8px 7px; line-height: .9411764705882353em; border-radius: 6px;}
.btn.focus, .btn:focus,
.btn-primary.focus, .btn-primary:focus,
.btn-primary:hover,
.sppb-btn-primary:hover,
.btn-primary:active,
.sppb-btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.sppb-btn-primary:focus,
.btn-primary:active:focus,
.sppb-btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle {border-color: #252525; background-color: #252525; box-shadow: none; opacity: 0.5;}

.btn-primary:focus,
.sppb-btn-primary:focus,
.btn-primary:active,
.sppb-btn-primary:active {box-shadow: none;}

#filter .btn-primary, .btn-primary.filter-button {
    font-family: helveticaNeueLT_light !important;
    font-weight: 300 !important;
    font-size: .88235294rem !important;
    color: #fff !important;
    border-color: #252525 !important;
    background-color: #252525 !important;
    text-decoration: none !important;
    padding: 7px 10px 8px 7px !important;
    line-height: .9411764705882353em !important;
    border-radius: 6px !important;
}

/*.login .btn {padding: 7px;}*/

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.actions .btn.focus,
.actions .btn:focus,
.actions .btn-primary.focus,
.actions .btn-primary:focus,
.actions .btn-primary:hover,
.actions .sppb-btn-primary:hover,
.actions .btn-primary:active,
.actions .sppb-btn-primary:active,
.actions .btn-primary:not(:disabled):not(.disabled).active,
.actions .btn-primary:not(:disabled):not(.disabled):active,
.actions .btn-primary:focus,
.actions .sppb-btn-primary:focus,
.actions .btn-primary:active:focus,
.actions .sppb-btn-primary:active:focus,
.actions .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.actions .show > .btn-primary.dropdown-toggle {border-color: transparent; background-color: transparent; box-shadow: none; opacity: 0.5;}

.buttons .btn {display: inline-block;}

.btn.back-button {float: left !important; }
.btn.ok-button {float: right !important; margin-left: 15px;}
.btn.content_mobile {float: right; margin-left: 15px;}

.mod-article-single button#toggle {background-color: #7B7979;}
.mod-article-single button#toggle:hover, .mod-article-single button#toggle:active {opacity: 0.5}


.buttons-footer {padding-left: 21px; padding-right: 21px; padding-bottom: 21px}




/* BS4 input fields -------------------------------------- */
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {border-top-left-radius: .25rem; border-bottom-left-radius: .25rem;}

input:focus,
input[type="text"]:not(.form-control):focus,
input[type="email"]:not(.form-control):focus,
input[type="url"]:not(.form-control):focus,
input[type="date"]:not(.form-control):focus,
input[type="password"]:not(.form-control):focus,
input[type="search"]:not(.form-control):focus,
input[type="tel"]:not(.form-control):focus,
input[type="number"]:not(.form-control):focus,
select:not(.form-control):focus,
.form-control:focus {
    border-color: #80bdff;
    box-shadow: none;
}

input:-internal-autofill-selected {
    background-color: #fff !important;
    box-shadow: 0 0 0px 1000px white inset;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-image: none !important;
    color: -internal-light-dark-color(#000, #fff) !important;
}

input:-webkit-autofill {
    transition: all 0s ease 1000000s;
}

/* Select fields ------------------------------------------ */

/* Boxed layout */
.layout-boxed .body-innerwrapper {box-shadow: none;}

/* Breadcrumbs */
.breadcrumb {
    padding: 0;
    margin-bottom:0;
    background-color: transparent;
    border-radius: 0;
}


.separator {padding: 0 0.5rem;}

/* Datepicker ----------- */
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer;
}
/*top row*/
.datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover {
    background: #eee;
}
.datepicker tfoot tr th, .datepicker thead tr:first-child th {
    cursor: pointer;
}
.datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
    padding: 4px 5px;
}
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}


.datepicker table tr td span.focused.focused, .datepicker table tr td span.focused.disabled.focused, .datepicker table tr td span.focused.disabled:active, .datepicker table tr td span.focused.disabled:focus, .datepicker table tr td span.focused.disabled:hover, .datepicker table tr td span.focused.disabled:hover.focused, .datepicker table tr td span.focused.disabled:hover:active, .datepicker table tr td span.focused.disabled:hover:focus, .datepicker table tr td span.focused.disabled:hover:hover, .datepicker table tr td span.focused:active, .datepicker table tr td span.focused:focus, .datepicker table tr td span.focused:hover, .datepicker table tr td span.focused:hover.focused, .datepicker table tr td span.focused:hover:active, .datepicker table tr td span.focused:hover:focus, .datepicker table tr td span.focused:hover:hover, .open .dropdown-toggle.datepicker table tr td span.focused, .open .dropdown-toggle.datepicker table tr td span.focused.disabled, .open .dropdown-toggle.datepicker table tr td span.focused.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.focused:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    /*-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);*/
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    /*-moz-background-clip: padding;*/
    background-clip: padding-box;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
}

.table-condensed {
    width: 100%;
}

.datepicker .datepicker-days .active {
    background-color: #000;
    color: #fff;
}
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 200px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    /*-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);*/
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    /*-moz-background-clip: padding;*/
    background-clip: padding-box;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
}
.datepicker {
    padding: 6px 12px;
}

input.datepicker:invalid {
    background: #fff ;
    border: 1px solid #ced4da;
    color: rgba(0,0,0,.85) ;
    box-shadow: none ;
}

/* Tabellen met werkelijke gegevens vs. geplande gegevens */
.reality {
    color: #7B7979;
}

th span.reality {
   color: #171717;
   opacity: 0.5;
}


/* SP Cookies styling ------------------------------------------------------------------------------ */

#sp-cookie-consent.position-bottom {
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    z-index: 10000002;
    background-color: rgba(23,23,23,0.5);
}

#sp-cookie-consent.position-bottom > div {
    width: auto;
    max-width: 585px;
    margin: 1.9rem auto;
    z-index: 10000003;
    background: #e7e5e6;
    margin: 2rem auto;
    display: block;
    position: relative;

    border-radius: 15px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);

}

#sp-cookie-consent.position-bottom > div > .sp-cookie-consent-content,
#sp-cookie-consent.position-bottom > div > .sp-cookie-consent-action {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

#sp-cookie-consent.position-bottom > div > .sp-cookie-consent-content {
    margin-bottom: 1em !important;
}




/* Template posities ------------------------------------------------------------------------------- */

.display-xs section,
.display-sm section {
    display: inline-block;
}

/* sp-header - Balk met logo en menu*/
#sp-header {height: auto; margin-top: 0; padding-bottom: 0px; box-shadow: none;}

.display-xs .row.sp-header,
.display-sm .row.sp-header {display: block; float: left; height: auto; margin-left: 0; width: 100%;}
.display-xs #offcanvas-toggler.offcanvas-toggler-right,
.display-sm #offcanvas-toggler.offcanvas-toggler-right {
    float: left !important;
    margin-left: 21px !important;
}

/* smallest display: header general */
.display-xs #sp-header,
.display-sm #sp-header  {display: block; margin-bottom: 21px; float: left; width: 100%; height: auto;}

/* smallest display: general */
.display-xs #sp-logo,
.display-sm #sp-logo {width: 50%; margin-right: 25% !important; float: right; padding: 0;  height: auto;}
.display-xs #sp-menu,
.display-sm #sp-menu { width: 25%; margin-right: 0; padding-right: 0;float: left;  height: 46.65px;}
.display-xs #sp-menu #offcanvas-toggler,
.display-sm #sp-menu #offcanvas-toggler {height: 46.65px; line-height: 46.65px;}

.display-xs .menu-divider,
.display-sm .menu-divider {display: none !Important;}

/* smallest display: login page */
.view-login.display-xs #sp-logo,
.view-login.display-sm #sp-logo {background: transparent; width: 50%; margin: 0 auto; padding: 0;; height: 50.7167px; float: none;}
.view-login.display-xs #sp-menu,
.view-login.display-sm #sp-menu {display: none;}



/* sp-logo ----------*/
#sp-logo .sp-column {display: block; /*vertical-align: middle;*/ margin: 0 auto;}
#sp-logo.col-md-3 {max-width: 23.5%;}
#sp-logo.col-sm-6 {width: 50% !important; height: auto;}

.view-login #sp-logo {margin: 0 auto;}

/* Sp-logo */
#sp-logo img {max-height: 65px;}


/* sp-menu ----------*/
#sp-menu {padding-left: 0;}
#sp-menu.col-9 {flex: 0 0 76.5%; max-width: 76.5%;}

.view-welcomes #sp-menu.col-sm-3 {width: 25%;}


/* Hide on home page */
.view-login #sp-menu #offcanvas-toggler {display: none !important;}

/* sp-second-menu */
#sp-second-menu {min-height: 1.7rem; margin: 0; padding-top: 14px; padding-bottom: 5px; /* border-top: 1px solid #999; border-bottom: 1px solid #999; */}

/* sp-ident-breadcrumbs */
#sp-ident-breadcrumb .container {margin: 0; padding: 5px 15px;}
/*#sp-ident-breadcrumb .container {padding-left: 0; padding-right: 0;}*/
#sp-ident-breadcrumb .sp-module {display: inline-block; width: auto; margin-right: 0;}
#sp-ident-breadcrumb .sp-module p {margin-bottom: 0;}

#sp-ident-breadcrumb #sp-ident,
#sp-ident-breadcrumb .breadcrumb {font-family: HelveticaNeue-Medium,Arial,sans-serif;color: #000;}
.sp-module .breadcrumb .breadcrumb-item, .sp-module .breadcrumb .breadcrumb-item.active {color: #999;}

.sp-module .breadcrumb,
.sp-module .breadcrumb li {display: inline-block; height: 12px;}



/* sp-above-content -------------------------------------------------------------------------------- */
#sp-above-content {
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 0.58823529rem;
    margin: 0 auto; padding: 21px;
}

#sp-above-main-body .container {padding-bottom: 18px;}
.display-xs #sp-above-main-body,
.display-sm #sp-above-main-body {display: none;}

#sp-ident-breadcrumb ,
#sp-ident-breadcrumb a, #sp-ident-breadcrumb a:hover {font-family: HelveticaNeue-Medium,Arial,sans-serif;font-size: 0.70588rem;color: #000; text-transform: uppercase; text-decoration: none;}
#sp-ident-breadcrumb a:hover {opacity: 0.5}
#sp-ident-breadcrumb .separator {opacity: 0.5;}
#sp-ident-breadcrumb .breadcrumb-item.active {color: #000;}

#sp-ident-breadcrumb .divider.icon-location {display: none;}
#sp-ident-breadcrumb .divider {opacity: 0.5;}
#sp-ident-breadcrumb .divider {padding: 0 0.5rem;}



/* SIMON 19-04*/

/* sp-main-body */
#sp-main-body {width: 100%; margin: 0; padding: 0;}
#sp-main-body .container {padding: 0;}

/* sp-component ------------------------------------------------------------------------------------ */
#sp-component {margin-bottom: 0;}

#sp-component .sp-column {float: left; width: 100%;}

/* sp-footer --------------------------------------------------------------------------------------- */

#sp-footer {background-color: #fff;}
#sp-footer {/* background-color: transparent;*/ color: #333; border-top: 1px solid #000; margin-top: 10px; margin-bottom: 30px; padding-bottom: 10px; text-align: center;}
#sp-footer .container-inner {padding: 15px 0 22px 0; border-top: none;}

#sp-footer .separator {font-size: 2rem; padding: 0 0.2rem;}
#sp-footer .footercontent {display: inline-block; margin: 0 auto;}
#sp-footer .footertext, #sp-footer .footertext p, #sp-footer .footertext a, #sp-footer .footertext a:hover, #sp-footer .separator { color: #171717; text-decoration: none;line-height: 1.42857143rem; vertical-align: middle;}
#sp-footer .footertext a:hover {opacity: 0.5}


.display-xs #sp-footer,
.display-sm #sp-footer  {
    background-color: transparent;
    margin-top: 21px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.display-xs #sp-footer .organisation_name,
.display-sm #sp-footer .organisation_name,
.display-xs #sp-footer .organisation_address,
.display-sm #sp-footer .organisation_address,
.display-xs #sp-footer .organisation_contacts,
.display-sm #sp-footer .organisation_contacts {display: block; width: 100%; clear: both;}
.display-xs #sp-footer .organisation_name,
.display-sm #sp-footer .organisation_name {font-weight: 600;}
.display-xs #sp-footer .organisation_site,
.display-sm #sp-footer .organisation_site {display: none;}

/* Bootstrap additions ----------------------------------------------------------------------------- */
.col-12 {float: left;}
.hidden {display: none;}


/* Menu's ------------------------------------------------------------------------------------------ */
.sp-megamenu-parent {width: 100%; margin: 0; max-height: 63px; overflow: hidden;}
.sp-megamenu-parent .sp-menu-item {min-height: 63px; }
.sp-megamenu-parent .sp-menu-item a {border-radius: 10px; font-size: 1.0rem; text-transform: uppercase;}

.sp-megamenu-parent .sp-menu-item .menutitle {
    font-family: Helvetica,helveticaNeueLT_light;
    font-size: 22.5px;
    line-height: 24.75px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 2px;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

.sp-megamenu-parent .sp-menu-item .subtitle {
    font-family: Helvetica,helveticaNeueLT_light;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* color: #fff; */
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 1.324rem;}

.sp-megamenu-parent > li.active > a {
    font-weight: 300;
}

.sp-megamenu-parent .sp-menu-item {padding-left: 12px; padding-right: 0;}
.sp-megamenu-parent .sp-menu-item a {width: 100%;text-decoration: none;}
.sp-megamenu-parent .sp-menu-item a:hover {text-decoration: none;}

.sp-megamenu-parent .sp-menu-item a {background-color: #1a171b; color: #fff;}
.sp-megamenu-parent .sp-menu-item a:hover, .sp-megamenu-parent > li.active:hover > a {background-color: #edebec; color: #000;}
.sp-megamenu-parent .sp-menu-item.active a {background-color: #7B7979; color: #fff;}
.login .sp-megamenu-parent .sp-menu-item a {background-color: #868586;}

#sp-submenu {min-height: 1.165rem;}
#sp-submenu ul.menu {padding-left: 0; text-align: right; list-style: none; margin-bottom: 0;}
#sp-submenu ul.menu li.active a {color: #1a171b;}
#sp-submenu ul.menu li {display: inline-block; width: auto; line-height: 1rem; /*padding: 0 2.55rem; border-left: 1px solid #000;*/}
#sp-submenu ul.menu li::after {content: '|'; font-size: 17px; font-weight: 400; color: #000; padding: 0 2.55rem}
#sp-submenu ul.menu li:last-child::after {content: none; padding: 0;}
#sp-submenu ul.menu li:first-child {border-left: 0;}
#sp-submenu ul.menu li:last-child {padding-right: 0;}

#sp-submenu ul.menu li a {
    font-family: Helvetica,helveticaNeueLT_light;
    font-size: 1.05882353rem;
    font-weight: 400;
    font-style: inherit;
    line-height: 1.5;
    color: #858585;
    text-decoration: none;
    text-transform: uppercase;
}

#sp-submenu ul.menu li a:hover {opacity: 0.5;}

.view-multimenu #sp-submenu .item-383 {display: none !important;}


#offcanvas-toggler, #offcanvas-toggler a {color: #000;}
#offcanvas-toggler a:hover {color: #000; opacity: 0.5;}

.offcanvas-menu {display: none !important;}
.offcanvas-active {display: none !Important; transition: all 0 !important}

.offcanvas-menu,
.offcanvas-overlay {
    -webkit-transition: 0s;
    transition: 0s;
}

/* Content ----------------------------------------------------------------------------------------- */
.content .inner {padding: 21px; width: 100%; height: 100%;}
.home .content,
.chauffeur .content {padding: 0;}
.welcome-image .inner img {width: 100%;}
.content {
    display: flex;
    align-items: stretch;
}
.content .inner.buttons {height: auto;}

/* Content tables ---------------------------------------------------------------------------------- */
.content_table {width: 100%; border: 0; table-layout: fixed; white-space: nowrap;}
.content_table , .content_table td, .content_table p, .content_table a {font-size: 0.88235294rem;}
.content_table th {font-size: .94117647rem;}
.content_table thead tr {padding-bottom: 50px;margin-bottom: 20px;}
.content_table thead th {padding-bottom: 0.6125rem; padding-right: 0.5rem; vertical-align: top; border-bottom: 1px solid #000;}
.content_table thead th:last-child {text-align: right;}
.content_table tbody tr:first-child td {padding-top: .9125rem;}
.content_table td {width: auto; padding-right: 0.5rem; vertical-align: top; line-height: 1.25rem; /* height: 1.25rem */; overflow: hidden;}
.content_table td p, .content_table td a {margin-bottom: 0; vertical-align: middle; text-align: left;}
.content_table td.empty {padding-right: 0;}
.content_table .actions .btn {padding-top: 0;}
.content_table .force_fit_width {width: .75rem;}
.content_table .force_fit_width.date {width: 5.25rem !important;}
.content_table .force_fit_width.time {width: 3.0rem !important;}
.content_table .force_fit_width.rit-id {width: 7.0rem !important;}
.content_table .force_fit_width.name {width: auto;}
.content_table .force_fit_width.address {width: auto;}
.content_table .force_fit_width.empty {width: inherit;}
.content_table .driver_actions.force_fit_width {width: 13rem;}

.content_table .btn, .content_table .btn-primary {font-family: HelveticaNeue-Medium, Arial, Sans-Serif; background-color: transparent; border: transparent; float: right; color: #7B7979; }
.content_table td a {font-family: HelveticaNeue-Medium; font-size: 1rem; color: #7B7979; padding-right: 0;}
.content_table td a:hover, .content_table td a:active {color: rgb(123, 121, 121);}

.content_table td .actions {display: block; width: auto;float: right; }
.content_table td .actions .btn-primary {padding: 3px 0px 3px 7px; }

.table_footer td .actions .btn {font-family: HelveticaNeue-Medium; font-size: 0.88235294rem; color: #7B7979; text-decoration: none;}

.content_table th .planned, .content_table th .reality {display: block; width: 100%; clear: both;}
.content_table tr .planned, .content_table tr .reality {width: 100%; clear: both;}

.actions .btn-primary:not(:disabled):not(.disabled).active, .actions .btn-primary:not(:disabled):not(.disabled):active,
.table_footer .btn:not(:disabled):not(.disabled).active, .table_footer .btn:not(:disabled):not(.disabled):active,
.table_footer .btn:not(:disabled):not(.disabled):focus {
    background-color: transparent;
    border-color: transparent;
}

.content_table .btn {font-size: 0.88235294rem;}
.table_footer .btn:hover {opacity: 0.5}

.display-xs .content_table .edge-background,
.display-xs .content_table .background-grey {
    border: none;
    background-color: transparent;
    border-radius: 0;
}
.display-xs .content_table {border-collapse:collapse;}
.display-xs .content_table thead th {border-bottom: 0}
.display-xs .content_table tr {background: transparent; width: 100%;}

.display-xs .content_table tr td:first-child,
.display-xs .content_table tr th:first-child {padding-left: 15px;}
.display-xs .content_table tr th:last-child {text-align: right;}

.display-xs .content_table tr:first-child td {padding-top: 6px; }
.display-xs .content_table tr td {background-clip: padding-box; border: 2px solid rgba(231,229,230,1.0); border-radius: .23529412rem; padding-top: 6px; padding-bottom: 6px; margin-bottom: 10px; background-color: rgba(231,229,230,0.5); width: auto; }
.display-xs .content_table tr td:first-child {border-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 15px; }
.display-xs .content_table tr td:last-child {border-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: .23529412rem; border-top-right-radius: .23529412rem;}


/* Kolom met tabjes --------------------------------------------------------------------------------- */
.tabs .tabcontainer .nav-tabs .tab-item {
    display: block;
    border-radius: 8px 8px 0 0;
    background-color: #7B7979;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 36px;
    padding-top: 5px;
}

.tabs .tabcontainer .nav-tabs .tab-item.active {
    background-color: #1a171b;
}

.tabs .tabcontainer .nav-tabs .tab-item,
.tabs .tabcontainer .nav-tabs .tab-item:hover,
.tabs .tabcontainer .nav-tabs .tab-item:active,
.tabs .tabcontainer .nav-tabs .tab-item:focus {
    color: #fff;
    text-decoration: none;
}

/* Mobile datatables -------------------------------------------------------------------------------- */

.mobile-view.buttons,
.mobile-view.contenttable,
.mobile-view.contenttable .heading,
.mobile-view.contenttable .contents {width: 100%; float: left;}

.mobile-view.contenttable,
.mobile-view.contenttable .heading,
.mobile-view.contenttable .contents {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif;
    font-size: 0.88235294rem;
    font-weight: 300;
    font-style: normal;
    line-height: 1.42857143rem;
}

.mobile-view.contenttable .heading {
    font-weight: 600;
}

.mobile-view.buttons {margin-bottom: .5rem;}

.mobile-view.contenttable .heading div:first-child {padding-left: 8px;}
.mobile-view.contenttable .heading div:nth-child(2),
.mobile-view.contenttable .heading div:nth-child(3) {padding-left: 7px;}
/*.mobile-view.contenttable .contents div:first-child {padding-left: 8px;}*/
.mobile-view.contenttable .panel-group,
.mobile-view.contenttable .panel-default {
    padding-left: 8px;
}


.mobile-view.contenttable .heading div,
.mobile-view.contenttable .contents div {float: left;}

.mobile-view.contenttable .contents a {
    display: block;
    background-color: rgba(237,235,236,1.0);
    border: 1px solid rgba(33,37,41,0.25);
    color: rgba(33,37,41,1.0);
    padding: 6px;
    border-radius: .23529412rem;
    margin-bottom: 6px;
    text-decoration: none;
    float: left;
    width: 100%;
}

.mobile-view.contenttable .contents a:active,
.mobile-view.contenttable .contents a:focus,
.mobile-view.contenttable .contents a:hover {
    background-color: rgba(237,235,236,0.5);
    border: 1px solid rgba(33,37,41,0.125);
}

.mobile-view.contenttable .contents div {height: 1.42857143rem; float: left; white-space: normal; overflow: hidden;}

form .buttons {width: 100%; clear: both; float: left;}

/* Content tables: chauffeurs ---------------------------------------------------------------------- */
.chauffeur .content_table .force_fit_width,
.chauffeurs .content_table .force_fit_width,
.content_table.chauffeurs .force_fit_width {width: auto;}

.chauffeur .table_footer .btn.btn-primary {
    background-color: transparent;
    border: transparent;
    color: #7B7979;
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif;

}


.mobile-view.drivers .heading .driver_number,
.mobile-view.drivers .contents .driver_number {width: 6rem;}
.mobile-view.drivers .heading .driver_lastname,
.mobile-view.drivers .contents .driver_lastname {width: 65%;}


/* Selection above table --------------------------------------------------------------------------- */
.selection .col-md-2 {min-height: 0;}
.selection .btn {margin-top: 2.3rem;}
.table_footer {width: 100%; float: left; margin-top: 1rem;margin-bottom: 1rem;}
/*.selection input {height: 40px;}*/
.selection .input-group .btn {margin-top:0;}
.selection .filter-field:first-child .control-group {margin-left: 0 !important;}

/* Chauffeur --------------------------------------------------------------------------------------- */
.driver_actions {text-align: right;}
.driver_actions .btn {text-align: right; margin-left: 0.5rem;}
.content_table th:last-child,
.content_table td:last-child {margin-right: 0;padding-right: 0}
.driver_actions .btn:last-child {margin-right: 0;}
.table_footer .btn {float: right; padding-right: 0;}

.display-xs.chauffeur .inner,
.display-sm.chauffeur .inner {padding-top: 0;}

.view-editchauffeurform #sp-main-body .content {height: auto;}
/* Voertuig ----------------------------------------------------------------------------------------- */
.vehicle_mobitab {min-width: 10rem;}

.content_table.vehicles {
    width: 100%;
    table-layout: fixed !important;
}

.vehicles th:nth-child(1),
 .vehicle_licensplate {width: 5rem !important;}
 .vehicles th:nth-child(2),
 .vehicle_licensplate {width: 6.5rem !important;}
 .vehicles th:nth-child(6),
 .vehicle_licensplate {width: 11rem !important;}
 /*
.vehicles .vehicle_type {width: 3rem !Important;}
.vehicles .vehicle_vin {width: 5rem !Important;}
.vehicles .vehicle_vergunning_standplaats,
.vehicles .vehicle_gemeente_standplaats {width: 12.875rem !important;}
.vehicles .vehicle_actions {width: 6rem !important;}
*/

.display-xs.voertuig .inner,
.display-sm.voertuig .inner {padding-top: 0;}

.mobile-view.contenttable .vehicle_license_plate {width: 5.5rem; overflow: hidden;}
.mobile-view.contenttable .vehicle_type {width: 8rem; overflow: hidden;}
.mobile-view.contenttable .vehicle_vin_short {width: 7rem !Important; overflow-x: hidden;}


/* Historie ----------------------------------------------------------------------------------------- */
.planned td {padding-top: 12px;}
.historie .content_table td {vertical-align: top;}





/* Popups / Modals ---------------------------------------------------------------------------------- */
.modal-dialog {margin: 2.4rem auto;}

.modal-dialog {width: 359px;}
.display-xs .modal-dialog {padding: 0 15px; width: 100%;}

.modal-dialog .close {display: none;}

.modal-content {border: 1px solid rgba(0,0,0,.2); border-radius: 10px; padding: 21px; box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.modal-header {padding: 0;border-bottom: none;}
.modal-title {display: none;}

#system-message-container {display: none !important;}

.modal-header{width: 100%; }
.modal-content {float: left; display: block; width: 100%;}
.modal-body {width: 100%; padding: 0 0 5px 0; float: left;}
.modal-body p {font-size: 0.88235294rem !important; color: #555; margin: 0 0 10px !important; line-height: 1.42857143; overflow-wrap: normal; word-wrap: normal; white-space: normal;}
.modal-footer {float: left; width: 100%; clear: both; width: 100%; padding-right: 0; padding-left: 0; padding-bottom: 0;border-top: 1px solid #999;}
.modal-footer {
    display:inherit;
    justify-content:center;
}
.modal-footer form {width: 50%; float: right;}

.modal-footer .btn.back-button {float: left !important;}
.modal-footer .btn.ok-button {float: right !important;}
/*.modal-footer .btn.btn-primary*/

.modal-footer .btn {font-size: 0.88235294rem !important; color: #fff !important;  border-radius: 6px !important; padding: 7px 10px 8px 7px !important; margin-bottom: 0 !important; margin-left: 0; font-family: helveticaNeueLT_light !important; font-weight: 300; border-color: #252525 !important; background-color: #252525 !important; text-decoration: none; line-height: .9411764705882353em; border-radius: 6px;}

.modal-footer .btn:hover {opacity: .5 !important;}
.modal-footer .btn:focus {box-shadow: none;}

#passwordReset .modal-footer {border-top: 0;}

#errorModal {padding-right: 0 !important;}
body.modal-open, .modal-open {padding-right: 0 !important;}

.modal.interaction .modal-footer {
    border-top: 0;
}

.modal.interaction.overview .modal-dialog {
    width: 100%;
    max-width: 1170px;
}

/* Content area ------------------------------------------------------------------------------------ */
.display-xs .col-12.content, .display-sm .col-12.content {height: auto !important;}

/* Views ------------------------------------------------------------------------------------------- */

/* Login ------------------------------------------------------------------------------------------- */

.content .login-form .inner {padding: 21px; width: 100%;}
.welcome-image .inner {padding: 0;}

.view-login span.star {display: none;}
.view-login .password-group .input-group-text {display: none;}
.view-login .form-check.form-group {display: none;}

.view-login .form-group {margin-bottom: 1rem;}
.view-login .form-group button {width: auto; float: right;}

.login img {margin:0;}

.login .edge-transparent {border: 1px solid #ccc;}

.login a.password-reset {color: #171717; text-decoration: none;}
.login a.password-reset:hover {opacity: 0.5;}

.login #username-lbl {font-family: HelveticaNeue-Medium; font-weight: 300; font-size: 1rem;}
.login #password-lbl {font-family: HelveticaNeue-Medium; font-weight: 300; font-size: 1rem;}

.login .form-validate p {margin-bottom: 0;}



/* Mobile (< small) */
.view-login .content .login-form .inner {padding: 15px;}
.view-login .content_mobile .login {margin-bottom: 21px;}
.view-login .content_mobile .welcome-image {padding-left: 0; padding-right: 0;}
.view-login #sp-logo .sp-module-content {display: inline-block; width: 100%;}
.view-login #sp-logo a {display: block; margin: 0 auto; width: 100%;}

.display-xs .content .login-form, .display-sm .content .login-form,
.display-xs .content .welcome-image, .display-sm .content .welcome-image {height: auto;}
.display-xs .login-form,
.display-sm .login-form {padding-left: 0; padding-right: 0;}
.home.display-xs .login-form,
.home.display-sm .login-form {padding-left: 15px; padding-right: 15px;}

/* Extensions and modules -------------------------------------------------------------------------- */

/* Neone version number ---------------------------------------------------------------------------- */
.version-number p {
    font-size: 14px;
    color: #171717;
    line-height: 1.42857143rem;
    margin-bottom: 0;
}

/* Chronoforms & Joomla forms ---------------------------------------------------------------------- */

/* No CF credits... */
.chronoforms6_credits {display: none;}

/* NO stars.... */
.ui.form .required.field > .checkbox::after, .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > label::after {content: none !important;}
label .star {display: none;}

/* group labels and fields together */
.ui.form .field, .control-group  {margin: 0 0 1em !important; float: left; width: 100%;}

/* No inline validation errors (in small red print) */
.ui.form small.custom-error {display: none !important;}

/* Various fields settings */
.ui.form .field input[type="text"], .ui.form .field.error input[type="text"],
.ui.form .field input[type="textarea"], .ui.form .field.error input[type="textarea"],
.ui.form .field select, .ui.form .field.error select,
.control-group input.form-control,
.control-group select,
.control-group select:not(.form-control),
.control-group textarea.form-control {
    width: 66%;
    float: right;
}

.ui.form textarea {width: 66% !important; float: right; min-height: 106px; resize:vertical; }
/* .ui.form textarea {width: 66% !important; float: right; min-height: 104.866px; resize:vertical; } */
.ui.form button {float: right;}

.ui.button {font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;}

.ui.form label, .ui.form .field > label, .control-group label {
    font-family: HelveticaNeue-Medium;
    font-weight: 300 !important;
    font-size: 0.8825294rem !important;
    padding-top: 6.5px;
    /* padding-right: 6px; */
    padding-right: 3px; 
    float: left;
    width: auto;
    margin:0;
    display: block;
}

/* AANPASSINGEN TABEL KOPPEN VOOR VLAANDEREN ----- */
.content_table.histories .row1 .control-group label,
.content_table.histories .row1 .btn,
.history .filter_row_1 label,
.history .filter_row_1 .btn {
    font-size: 1.05882353rem !important;
    margin-top: 0 !important;
}


.history .filter_row_1 .filter-field {display: inline-block;}
.history .filter_row_1 .filter-field:nth-child(1) {width: 350px; margin-right: 0rem;}
.history .filter_row_1 .filter-field:nth-child(2) {width: 210px; margin-right: 0.5rem;}
.history .filter_row_1 .filter-field:nth-child(3) {width: 125px;}
.history .filter_row_1 .filter-field .btn {margin: 0 0 1rem 1rem !important;}


.content_table.planning2.histories .control-group input,
.content_table.planning2.histories .control-group select {float: left; margin-left:0.5rem;}

.content_table.planning2 {table-layout: fixed !important;}
.content_table.planning2 th.date2,
.content_table.planning2 td.date2 {width: 5.25rem !Important;}
.content_table.planning2 th.time2,
.content_table.planning2 td.time2 {width: 3.25rem !Important;}
.content_table.planning2 th.name2,
.content_table.planning2 td.name2 {width: 12.25rem !Important;}
.content_table.planning2 th.address2,
.content_table.planning2 td.address2 {width: auto !Important; padding-right: 10px; overflow: hidden !Important;}
.content_table.planning2 th.actions2,
.content_table.planning2 td.actions2 {width: 5rem !Important;}

.content_table.planning2 td.address2 p {max-width: 100%; overflow: hidden;}

.content_table.planning2 td .actions .btn-primary {
    padding: 2px 0px 3px 7px;
}


/* EINDE AANPASSINGEN TABEL KOPPEN VOOR VLAANDEREN */

.ui.form label:after, .ui.form .field > label:after, .control-group label:after {content: none;}

.semanticui-body button {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.94117647rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    padding: .25rem .5rem !important;
    border-radius: 0.58823529rem !important;
}



/* Errors / validation */

/* Validation errors */
.ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {
    background: #fff !important;
    border-color: #4375BC !important;
    color: rgba(0,0,0,.85) !important;
}
.ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label, field.required.error {color: rgba(0,0,0,.87) !important;}

/* placeholder validation errors */
.ui.form .field.error input::placeholder, .ui.form .field.error textarea::placeholder {color: rgba(0,0,0,.85) !important;}

/* Change Autocomplete / autofill styles */
input {
    filter: none;
}

/* Dimmed background on error/message popups */
.ui.dimmer {text-align: left !important; background-color: rgba(0,0,0,.5) !important;}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],
input, optgroup, textarea, option,
.form-control,
.form-control input,
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
input[type="time"]:not(.form-control) {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.88235294rem !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    height: 2rem;
    color: #495057 !important;
    background-color: #fff !important;
    padding: 0.375rem .75rem !important;
    text-align: left;
}

.form-control::placeholder {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.88235294rem !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    color: #93A0AE !important;
}

select,
select:active,
select:hover,
select:focus,
select:not(.form-control),
select:not([multiple]),
.form-control select,
.form-control select:active,
.form-control select:hover,
.form-control select:focus,
select.form-control {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.88235294rem !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    height: 1.98627647rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    padding: 0.31617647rem .55rem !important;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}

option {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.88235294rem !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    color: #495057 !important;
    background-color: #fff !important;
    padding: 0 !important;
}

option:active,
option:hover,
option:focus {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.88235294rem !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    color: #000 !important;
    background-color: #7B7979 !important;
    padding: 0 !important;
}
option::before {content: none !important;}

/*input[type="checkbox"]:checked {color: #ff0000 !important; background-color: #ccc !important;}*/

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control) {
    padding: .375rem .75rem;
}

.ui.loading.form::before {
    background: transparent !important;
}


.form-check-inline input[type="radio"] {
    display: block;
}

.form-check-inline .form-check-input {
    margin-right: 0.5rem;
    height: inherit;
}

/* Indivial pages ---------------------------------------------------------------------------------- */

/* HOME page --------------------------------------------------------------------------------------- */
.home .login-form .edge-transparent {background-color: #E7E5E6; color: #000;}
.home .greeting {font-family: HelveticaNeue-Medium; font-weight: 300; font-size: 1rem;}

.home.display-xs .login-form {margin-bottom: 15px;}

/* BOEKEN pagina ----------------------------------------------------------------------------------- */

.boeken.display-xs .col-12 {padding-left: 0; padding-right: 0;}
.boeken.display-xs .col-12.inner {padding: 21px;}

.boeken.display-xs .ritboeking #jform_memo {height: 106.866px;}
.boeken.display-xs .ritboeking .left-column .inner {padding-bottom: 0;}

/* CHAUFFEURS page --------------------------------------------------------------------------------- */

/* VOERTUIG page ----------------------------------------------------------------------------------- */
.voertuig .content_table .vehicle_type {width: auto; min-width: 3rem;}

/* PLANNING page ----------------------------------------------------------------------------------- */
.planning #sp-main-body .container {max-height: none;}

.planning .content_table {width: 100%; table-layout:inherit;}
/*.planning .control-group  {margin: 0 0 1rem 0 !important; float: left; width: auto;}*/
.planning .select_date .control-group {margin-left: 0 !important; width: 240px;}
.planning .control-group label {display: block; float: left;padding-right: 4.9px;}
.planning .control-group .field-calendar,
.planning .control-group .driver,
.planning .control-group input,
.planning .control-group select {display: block; float: right; width: auto;}
.planning .control-group .datepicker {width: 120px;}
.planning .selection .btn {margin-top: 0rem; float: right;}
.planning .selection .btn:hover,
.planning .selection .btn:focus {opacity: 0.5;}

/* Breedte van de kolommen */
.planning .row1 th {border-bottom: 0; padding-bottom: 0;}
.planning th.select_date {width: 255px;}
.planning th.select_rpnumber {width: 190px;}
.planning th.select_rpnumber input {width: 104px !important;}
.planning th.select_driver {width: 540px;}
.planning th.select_submit {width: auto;}
.planning th.date {width: 115.233px !important;}
.planning th.time {width: 51.6px !important; max-width: 51.6px !important;}
.planning th.rit-id {width: 85.7333px !important;}
.planning th.name {width: 210px !important;}
.planning th.address {width: 284.0835px !important;}
.planning th.amount {width: 100px !important;}

.planning td.rit-id p {width: 100%; overflow:visible;}
.planning td.date {width: 115.233px !important;}
.planning td.time {width: 51.6px !important; max-width: 51.6px !important;}
.planning td.rit-id {width: 85.7333px !important;}
.planning td.name {width: 210px !important;}
.planning td.address {width: 284.0835px !important; max-width: 284.0835px !important; overflow: hidden;}
.planning td.name p,
.planning td.address p {width: 100%; overflow: hidden; white-space: normal;}
.planning td.amount p {text-align: right;}


.planning .row1 .btn {margin-top: 5.5px;}
.planning .row1 .select_submit input.btn {font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important ; background-color: transparent !important; border-color: transparent !important; color: #7B7979 !important; padding-right: 0 !important;}
.planning .row1 input.btn:hover,
.planning .row1 input.btn:focus {opacity: 0.5;}

.inner.planning {height: auto;}


/* Mobiele weergave planning */
.display-xs.planning .inner,
.display-sm.planning .inner {padding-top: 0;}

.display-xs .heading .planning_date,
.display-xs .contents .planning_date,
.display-sm .heading .planning_date,
.display-sm .contents .planning_date {width: 6rem;}
.display-xs .heading .planning_time,
.display-xs .contents .planning_time,
.display-sm .heading .planning_time,
.display-sm .contents .planning_time {width: 3rem;}
.display-xs .heading .planning_name,
.display-xs .contents .planning_name {width: 9rem !important; height: auto !important; word-break: break-all;}
.display-sm .heading .planning_name,
.display-sm .contents .planning_name {width: 19rem;}

.display-xs .contents .planning_nodata,
.display-sm .contents .planning_nodata {width: 100%;}


/* mobiele weergave planning filter */
.display-xs.planning #filter .control-group {width: 100%;}

.display-xs.planning #filter #jform_ritdatum-lbl,
.display-xs.planning #filter #jform_rp_nummer-lbl,
.display-xs.planning #filter #jform_rl_chauffeurs_nummer-lbl {width: 5rem;}

.display-xs.planning #filter #jform_ritdatum,
.display-xs.planning #filter #jform_rp_nummer,
.display-xs.planning #filter #jform_rl_chauffeurs_nummer {width: 100%;}



/* EDIT PLANNING page ------------------------------------------------------------------------------ */
.edit-planning .field-group {width: 100%; float: left; clear: both;}
.edit-planning .field-group .control-group {margin: 0 0 1rem 1rem !important; float: left; width: auto;}
.edit-planning .field-group .control-group .boekdatum,
.edit-planning .field-group .control-group .ritdatum {width: 120px;}
.edit-planning .field-group .control-group .betaalwijze {width: 120px;}
.edit-planning .field-group .control-group .boektijd,
.edit-planning .field-group .control-group .rittijd,
.edit-planning .field-group .control-group .instaptijd,
.edit-planning .field-group .control-group .uitstaptijd {width: 98px;}
.edit-planning .field-group .control-group .ritbedrag,
.edit-planning .field-group .control-group .afstand {width: 98px;}
.edit-planning .field-group .control-group:first-child {margin-left: 0 !important;}
.edit-planning .field-group .left .control-group {float: left;}
.edit-planning .field-group .right .control-group {float: right;}
/*.edit-planning .control-group label {width: 120.75px;}*/
.edit-planning .control-group label {width: auto;}
.edit-planning .field-group .control-group:first-child label  {width: 121px;}
.edit-planning .field-group .control-group label {width: auto;}
.edit-planning .control-group input,
.edit-planning .control-group textarea,
.edit-planning .control-group select {width: 77%;}
.edit-planning .control-group textarea {height: 8rem; min-height: 8rem;}
.edit-planning .field-group .control-group {width: auto;}
.edit-planning #jform_boektijd-lbl,
.edit-planning #jform_rittijd-lbl {width: 75px;}
.edit-planning #jform_ritId-lbl,
.edit-planning #jform_chauffeur-lbl {width: auto;}
.edit-planning #jform_ritbedrag-lbl,
.edit-planning #jform_betaalwijze-lbl {width: 121px;}
.edit-planning .col-12 .button-group {float: right;}
.edit-planning .button-group .btn {margin-left: 15px;}

/* AANPASSINGEN SIMON 24-09-2020 ------------------------------------------------------ */
.edit-planning .right #jform_instapadres-lbl,
.edit-planning .right #jform_uitstapadres-lbl {display: none;}

.edit-planning .instapadres .right .control-group,
.edit-planning .uitstapadres .right .control-group {width: 55%;}
.edit-planning .instapadres .right .control-group input,
.edit-planning .uitstapadres .right .control-group input {width:100%;}


.edit-planning.display-xs #sp-main-body {padding-left: 15px; padding-right: 15px;}
.edit-planning.display-xs #sp-main-body .content {padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.edit-planning.display-xs #sp-main-body .content .left-column,
.edit-planning.display-xs #sp-main-body .content .right-column {padding-left: 0; padding-right: 0;}
.edit-planning.display-xs #sp-main-body .content .inner {padding-left: 0; padding-right: 0; border: 0;}

.edit-planning.display-xs .edit-planning .field-group .right .control-group {float: left;}
.edit-planning.display-xs .edit-planning .control-group,
.edit-planning.display-xs .edit-planning .control-group label,
.edit-planning.display-xs .edit-planning .control-group input,
.edit-planning.display-xs .edit-planning .control-group textarea,
.edit-planning.display-xs .edit-planning .control-group select {
    width: 100%;
}

.nav li {
    width: 33%;
}

.tab-item {
    display: block;
    border-radius: 8px 8px 0 0;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 36px;
}

.nav-tabs {border-bottom: 0px; }
.nav-tabs li {
    background-color: #7B7979;
}
.nav-tabs .active {
    background-color: #000;
}
.tabcontainer {
    border: 0px solid #868586;
}
.tab-content {
    padding: 21px;
    border: 1px solid #868586;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.feedbackform .form-check-inline input[type="radio"] {
    display: inline;
}



/* Verberg 8ste t/m 10de recent item */
#inrecent .recent-item:nth-child(8),
#inrecent .recent-item:nth-child(9),
#inrecent .recent-item:nth-child(10),
#uitrecent .recent-item:nth-child(8),
#uitrecent .recent-item:nth-child(9),
#uitrecent .recent-item:nth-child(10) {display: none;}


.instap_addresstabs {float: left; width: 100%; margin-bottom: 15px;}
.instap_addresstabs .tabcontainer {float: left; }
.instap_addresstabs .tabcontainer .tab-content {float: left;}

.instap_addresstabs input::placeholder {
    color: #787878;
    /* opacity: 0.5; */
}

.instap_addresstabs .control-group {margin-bottom: 0 !important;}



.recent-item {width: 100%; display: block; float: left; margin-bottom: 8px;}
.recent-item label {margin-bottom: 0;}
.recent-item .column-1,
.recent-item .column-2,
.recent-item .column-3 {display: block; height: 1.4rem; font-size: 0.8825294rem !important;}
.recent-item .column-2 {max-width: 360px; max-height: 1.4rem; overflow: hidden;}
.recent-item .column-1,
.recent-item .column-2 {float: left;}
.recent-item .column-3 {float: right;}

.recent-item .btn.btn-primary {
    padding: 7px 0 0 0;
    background-color: transparent;
    border: transparent;
    color: #7B7979;
    font-size: 15px;
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important;
}

.recent-item .btn.btn-primary:hover {opacity: 0.5}

.display-xs .content_mobile .buttons  .filter-button,
.display-sm .content_mobile .buttons  .filter-button{
    float: right !important;
}



/* EINDE AANPASSINGEN SIMON 24-09-2020 ------------------------------------------------------ */

.itemid-195.display-xs #sp-ident-breadcrumb,
.itemid-195.display-sm #sp-ident-breadcrumb,
.itemid-423.display-xs #sp-ident-breadcrumb,
.itemid-423.display-sm #sp-ident-breadcrumb,
.itemid-521.display-xs #sp-ident-breadcrumb,
.itemid-521.display-sm #sp-ident-breadcrumb {
    display: none;
}

.display-xs #sp-ident-breadcrumb #sp-ident {padding-left: 21px; padding-right: 21px;}

.display-xs #sp-ident-breadcrumb .ident .user-name,
.display-xs #sp-ident-breadcrumb .sp-module.breadcrumbs {display: none;}

.display-xs #sp-ident-breadcrumb .ident a,
.display-xs #sp-ident-breadcrumb .ident.page-header h1,
.display-xs #sp-ident-breadcrumb .ident .ident-pagetitle {
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif;
    font-style: normal;
    font-size: 1rem;
    margin-bottom: .5rem;
    text-transform: none;
}
.display-xs #sp-ident-breadcrumb .ident .ident-pagetitle {
    padding-left: 0.5rem;
    padding-right: 0;
    margin-left: 0.5rem; 
    border-left: 2px solid #000;
    text-transform: none;
}

.display-xs .article-details .article-can-edit,
.display-sm .article-details .article-can-edit  {display: none !important;}

.display-xs .article-details .page-header,
.display-sm .article-details .page-header {display: none;}



.display-xs .col-12.content,
.display-xs .edit-planning .col-12.left-column,
.display-xs .edit-planning .col-12.right-column {padding-left: 0; padding-right: 0;}

.display-xs .edit-planning .col-12.left-column .inner {padding-bottom: 0;}
.display-xs .edit-planning .col-12.right-column .inner {padding-top: 0;}


.display-xs .field-group .left,
.display-sm .field-group .left,
.display-xs .field-group .right,
.display-sm .field-group .right,
.display-xs .field-group .left .control-group,
.display-xs .field-group .right .control-group,
.display-sm .field-group .left .control-group,
.display-sm .field-group .right .control-group,
.display-xs .field-group .left .control-group input,
.display-xs .field-group .right .control-group input,
.display-sm .field-group .left .control-group input,
.display-sm .field-group .right .control-group input,
.display-xs .field-group .left .control-group select,
.display-xs .field-group .right .control-group select,
.display-sm .field-group .left .control-group select,
.display-sm .field-group .right .control-group select,
.display-xs .control-group input.form-control,
.display-sm .control-group input.form-control,
.display-xs .control-group textarea.form-control,
.display-sm .control-group textarea.form-control,
.display-xs .control-group select,
.display-sm .control-group select {
    width: 100% !important;
    text-align: left !important;
    display: block !important;
    float: left !important;
    /*width: 100vw !important;*/
    min-width: calc(100% - 16px);
}

/* Safari on iOS fix  */

input::-webkit-date-and-time-value,
input div::-webkit-date-and-time-value,
.display-xs input::-webkit-date-and-time-value,
.display-xs input div::-webkit-date-and-time-value  {
    text-align: left !important;
    text-align: -webkit-left !important;
    width: 100% !important;
    display: block !important;
}

.display-xs .field-group .control-group label ,
.display-sm .field-group .control-group label {width: 100% !important;}



/* Safari select fix */
select {
    -webkit-appearance: none !important;
    appearance: none !important;
}


.display-xs h4.panel-title a,
.display-sm h4.panel-title a {

    font-size: 15px;
    padding-left: 15px !important;

}

.display-xs  h4.panel-title a.cancelled,
.display-sm  h4.panel-title a.cancelled {text-decoration:line-through;}

/* HISTORIE page ----------------------------------------------------------------------------------- */

.view-histories #sp-main-body .container {max-height: none;}

.historie .planning_rit-id {width: 5rem;}
.historie .selection .actions input.btn {margin-top: 0rem; float: left;}
.historie .selection .actions input.btn {border-color: transparent; background-color: transparent !important; font-family: HelveticaNeue-Medium !important; font-size: 1rem; color: #7B7979 !important; padding-right: 0 !important;}
.historie .selection .actions input.btn:hover,
.historie .selection .actions input.btn:focus {opacity: 0.5;}

.historie .control-group label {display: block; width: auto; clear: both;}
.historie .control-group input#jform_rp_nummer {display: block;}
.historie .selection .btn-primary {margin-top: 1.9rem; float: right;}
.historie .control-group {margin: 0 0 1rem 1rem !important; float: left; width: auto; }
.historie .control-group label {display: block; float: left; padding-right: 6px;}
.historie .control-group .field-calendar,
.historie .control-group .driver,
.historie .control-group input,
.historie .control-group select {display: block; float: right; width: auto;}
.historie .control-group .datepicker {width: 120px;}
.historie .historie_rit-id {width: 5rem;}

.historie .selection .btn-primary {border-color: transparent; background-color: transparent; font-family: HelveticaNeue-Medium; font-size: 0.8825294rem !important; color: #7B7979; padding-right: 0;}
.historie .filter_row_1, .historie .filter_row_2 {float: left; width: 100%; clear: both;}
.historie .filter_row_1 .control-group {padding-top: 0;}
.historie .selection .btn {margin-top: 0; float: right;}
/*.historie .force_fit_width {width: auto;}*/

/* Mobiele weergave */
.display-xs .historie .inner,
.display-sm .historie .inner {padding-top: 0;}

.display-xs .heading .historie_date,
.display-xs .contents .historie_date,
.display-sm .heading .historie_date,
.display-sm .contents .historie_date {width: 6rem;}
.display-xs .heading .historie_time,
.display-xs .contents .historie_time,
.display-sm .heading .historie_time,
.display-sm .contents .historie_time {width: 3rem;}
.display-xs .heading .historie_name,
.display-xs .contents .historie_name {width: 9rem !important; height: auto !important; word-break: break-all;}
.display-sm .heading .historie_name,
.display-sm .contents .historie_name {width: 19rem;}

.display-xs .contents .historie_nodata,
.display-sm .contents .historie_nodata {width: 100%;}

.display-xs.view-histories #filter .control-group {width: 100%;}

.display-xs.view-histories #filter #jform_ritdatum-lbl,
.display-xs.view-histories #filter #jform_rp_nummer-lbl,
.display-xs.view-histories #filter #jform_rl_chauffeurs_nummer-lbl {width: 100%;}

.display-xs.view-histories #filter #jform_startdate,
.display-xs.view-histories #filter #jform_startdate,
.display-xs.view-histories #filter #jform_rp_nummer,
.display-xs.view-histories #filter #jform_rl_chauffeurs_nummer,
.display-xs.view-histories #filter #jform_wp_wagen_nummer {width: 100%;}

/* Mobiele weergave planning */
.display-xs.planning .inner,
.display-sm.planning .inner {padding-top: 0;}


/* HISTORIE DETAILS page ------------------------------------------------------------------------------ */

.content.history-details  {height: auto !important;}

.history-details #jform_instapadres-lbl,
.history-details #jform_uitstapadres-lbl {display: none;}

.history-details .instapadres .right .control-group,
.history-details .uitstapadres .right .control-group {width: 55%;}
.history-details .instapadres .right .control-group input,
.history-details .uitstapadres .right .control-group input {width:100%;}


.history-details.display-xs #sp-main-body {padding-left: 15px; padding-right: 15px;}
.history-details.display-xs #sp-main-body .content {padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.history-details.display-xs #sp-main-body .content .left-column,
.history-details.display-xs #sp-main-body .content .right-column {padding-left: 0; padding-right: 0;}
.history-details.display-xs #sp-main-body .content .inner {padding-left: 0; padding-right: 0; border: 0;}

.history-details.display-xs .edit-planning .field-group .right .control-group {float: left;}
.history-details.display-xs .edit-planning .control-group,
.history-details.display-xs .edit-planning .control-group label,
.history-details.display-xs .edit-planning .control-group input,
.history-details.display-xs .edit-planning .control-group textarea,
.history-details.display-xs .edit-planning .control-group select {
    width: 100%;
}

.history-details.display-xs .edit-planning .inner {padding-bottom: 0;}

.inner.history {height: auto;}

/* RAPPORTAGE page --------------------------------------------------------------------------------- */

.view-reports .content {display: flex; margin-bottom: 0; overflow-y: auto !important;}

.rapportage .col-12 {padding-right: 0;}

.rapportage h3 {font-family:HelveticaNeue-Medium; ; font-size: 1rem; font-weight: 400;}
.rapportage .left .control-group .form-check {width: 100%;float: left; clear: both;}
.rapportage .right .control-group label {width: 34%;}
.rapportage .right .control-group .datepicker {width: 120px; float: left;}

.rapportage .btn {margin-top: 0rem; float: right;}
.rapportage .btn:hover,
.rapportage .btn:focus {opacity: 0.5;}

.report .inner {width: 100%;}
.report .row_1, .report .row_2 {float: left; width: 100%; clear: both;}
.report .column_left, .report .column_middle{float: left;}
.report .column_right {float: right;}
.report .column_right .btn {float: right;}
.report .column_left {width: 15%;}
.report .column_middle {width: 45%;}
.report .column_right {width: 40%;}
.report .column_left p {font-family: HelveticaNeue-Medium;
    font-weight: 300 !important;
    font-size: 0.8825294rem !important;
    padding-top: 0px;
    padding-right: 6px;
    float: left;
    margin: 0;
}
.report .column_left p {padding-top: 6.5px;}
.report .column_middle .form-check {width: 100% !important;}
.report .column_middle .form-check label {width: 90% !important;margin: 0 0 1em -2px !important;}
.report .row_2 .column_left p {padding-top: 6.5px;}
.report .row_2 .column_middle .control-group label {width: 18%; float: left;}
.report .row_2 .column_middle .control-group label input {margin-top: 4px;}
.report .row_2 .column_middle .control-group input,
.report .row_2 .column_middle .control-group select {width: 82%; float: left;}
.report .column_middle .datepicker {width: 120px !important;}

.rapportage .btn {
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #7B7979 !important;
    font-size: 0.8825294rem;
    padding-right: 0 !important;
}

/* BEDRIJF page ------------------------------------------------------------------------------------ */

.view-bedrijfform .content {display: inherit; overflow: auto; margin-bottom: 0;}
.view-bedrijfform .content .inner {height: auto;}

.bedrijf .title-group {display: block; float: left; width: 100%; clear: both;}
.bedrijf .title-group h4 {font-family: HelveticaNeue-Medium; font-weight: 300 !important; font-size: 0.8825294rem !important; /*display: inline-block;*/ font-size: 1rem; font-weight: 400; margin: 0.5rem 0 1rem !important; padding-right: 0.25rem; float: left; color: #171717; background-color: #E7E5E6;}
.bedrijf .field-group {display: block; float: left; width: 100%; clear: both;}


.bedrijf .content .inner {padding: 0;}
.bedrijf .content .inner.header {padding: 15px 31px 0 31px;}
.bedrijf.display-xs .content .inner.header {padding: 15px 0 0 0;}

.bedrijf .content .inner form {padding: 15px; border: 1px solid #000; border-radius: .58823529rem;}
.bedrijf .content .blok_test, .bedrijf .content .blok_acceptatie {padding-bottom: 15px;}
.bedrijf .buttons-footer {padding-left: 15px; padding-right: 15px; padding-bottom: 15px}

.bedrijf .inner.header .control-group {padding-right: 15px;}


/* WMO --------------------------------------------------------------------------------------------- */
.view-wmohistorie .content_table thead th:last-child {
    text-align: left;
}


/* WMO Boeken */
.view-wmoboeking .inner.form-inner {padding-top: 0;}


/* Disabled fields ---- */
#jform_pasnummer.form-control[readonly],
#jform_pasnummer.form-control:disabled,
#jform_tegoed.form-control[readonly],
#jform_tegoed.form-control:disabled,
.instap_addresstabs .form-control:disabled,
.instap_addresstabs .form-control[readonly] {
    background-color: #e9ecef !important;
}

#inaddress .dropdown-item {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif !important;
    font-size: 0.88235294rem !important;
    font-weight: 300 !important;

}



/* Zorginstelling WMO  ----------------------------------------------------------------------------- */

/* Zorginstelling WMO - Boeken --------------------------------------------------------------------- */


.wmo-zorginstelling.boeken .col-12.form-inner {padding-right: 0;}

.wmo-zorginstelling.boeken .tabs .tabcontainer .nav-tabs li {background-color: transparent}

.wmo-zorginstelling.boeken .tabs .tabcontainer .nav li {
    width: 33.333333%;
}

.wmo-zorginstelling.boeken .left-column.top .inner,
.wmo-zorginstelling.boeken .right-column.top .inner,
.wmo-zorginstelling.boeken .left-column .inner,
.wmo-zorginstelling.boeken .right-column .inner {padding-bottom: 0;}

.wmo-zorginstelling.boeken .left-column.top .inner .control-group:last-child,
.wmo-zorginstelling.boeken .right-column.top .inner .control-group:last-child {
    margin-bottom: 0 !important;
}

.wmo-zorginstelling.boeken .bottom label#jform_opmerkingen-lbl {width: auto;}

.wmo-zorginstelling.boeken .left-column:last-child .inner,
.wmo-zorginstelling.boeken .right-column:last-child .inner {padding-bottom: 0;}

.wmo-zorginstelling.boeken .inner .instap,
.wmo-zorginstelling.boeken .inner .uitstap {margin-bottom: 1rem;}

.wmo-zorginstelling.boeken .inner .instap p,
.wmo-zorginstelling.boeken .inner .uitstap p {margin-bottom: 1rem;}

.wmo-zorginstelling.boeken .inner .instap .tab-content,
.wmo-zorginstelling.boeken .inner .uitstap .tab-content {min-height: 17rem;}


.wmo-zorginstelling.boeken .col-12.bottom {padding-left: 0; padding-right: 0;}
.wmo-zorginstelling.boeken .bottom .inner {padding-top: 0;}

.wmo-zorginstelling.boeken .belservice-selector .form-check-inline input[type="radio"] {display: inline-block;}

.wmo-zorginstelling.boeken .left-colum:last-of-type .control-group,
.wmo-zorginstelling.boeken .right-colum:last-of-type .control-group {margin-bottom: 0;}
.wmo-zorginstelling.boeken .control-group textarea.opmerkingen {width: 84.20%;}

.wmo-zorginstelling.boeken .control-group label {width: 34%;}
.wmo-zorginstelling.boeken .control-group label.form-check-label {width : 100%;}
.checkboxes label {width: auto;}

.wmo-zorginstelling.boeken .left-column:last-child .inner,
.wmo-zorginstelling.boeken .right-column:last-child .inner {padding-bottom: 0;}

.wmo-zorginstelling.boeken .recent-item .column-1 {min-width: .75rem; margin-right: 0.5rem; display: inline-block;}
.wmo-zorginstelling.boeken .recent-item .btn {float: right;}

/* Mobiel */

/* In- en uitstapadres */
.mobile-view #collapse_instap ul,
.mobile-view #collapse_uitstap ul {
    width: calc(100% + 3px);
    height: 36px;
}

.mobile-view #collapse_instap ul li,
.mobile-view #collapse_uitstap ul li {
    background-color: transparent;
    height: 36px;
}

.mobile-view #collapse_instap .tab-content,
.mobile-view #collapse_uitstap .tab-content {
    padding: 8px 8px 8px 15px;
}

.mobile-view #collapse_hulpmiddelen label,
.mobile-view #collapse_hulpmiddelen fieldset {
    width: 100%;
}

/* In- en uitstapadres: recente items */
.mobile-view #collapse_instap.show,
.mobile-view #collapse_uitstap.show {margin-bottom: 6px;}

.mobile-view #collapse_instap .recent-item a,
.mobile-view #collapse_uitstap .recent-item a {
    text-align: left;
    color:#171717 !important;
}


/* In- en uitstapadres: hulpmiddelen en indicaties */
.mobile-view #collapse_hulpmiddelen .form-check-label {
    font-family: helveticaNeueLT_light, Arial, Sans-Serif;
}

/* Mobile view: Instap- en uitstapadres */

.mobile-view input::placeholder {opacity: 50%;}

#inpostcode .control-group,
#uitpostcode .control-group {margin-bottom: 0 !important;}

#inpostcode .control-group:last-child,
#uitpostcode .control-group:last-child {margin-bottom: .4rem !important;}

.mobile-view  #jform_instap_postcode__postcode-lbl,
.mobile-view  #jform_uitstap_postcode__postcode-lbl,
.mobile-view  #jform_instap_postcode__huisnummer-lbl,
.mobile-view  #jform_uitstap_postcode__huisnummer-lbl,
.mobile-view  #jform_instap_postcode__toevoeging-lbl,
.mobile-view  #jform_uitstap_postcode__toevoeging-lbl,
.mobile-view  #jform_instap_postcode__adres-lbl,
.mobile-view  #jform_uitstap_postcode__adres-lbl,
.mobile-view  #jform_instap_postcode__plaatsnaam-lbl,
.mobile-view  #jform_uitstap_postcode__plaatsnaam-lbl   {
    display: none;
}

.mobile-view #inpostcode .subform-wrapper .control-group:nth-child(1),
.mobile-view #uitpostcode .subform-wrapper .control-group:nth-child(1) {
    margin-right:0;
    width: 47%;
    float: left;
}

.mobile-view #inpostcode .subform-wrapper .control-group:nth-child(2),
.mobile-view #uitpostcode .subform-wrapper .control-group:nth-child(2),
.mobile-view #inpostcode .subform-wrapper .control-group:nth-child(3),
.mobile-view #uitpostcode .subform-wrapper .control-group:nth-child(3) {
    margin: 0;
    width: 25%;
    float: left;
}

/* Zorginstelling WMO - Planning ------------------------------------------------------------------- */

.wmo-zorginstelling.planning .select_settings {width: 80%;}
.wmo-zorginstelling.planning .select_settings .filter-field label {padding-left: 4.9px;}
.wmo-zorginstelling.planning .select_settings .filter-field:first-child label {padding-left: 0;}

.wmo-zorginstelling.planning .content_table.planning tr:first-child td {padding-top: 12px;}


/* Zorginstelling WMO - Annuleren ------------------------------------------------------------------ */

.wmo-zorginstelling.annuleren .control-group {
    margin: 0 0 1rem 0 !important;
    float: left;
    width: auto;
}
.wmo-zorginstelling.annuleren .control-group .datepicker {
    width: 120px;
}
.wmo-zorginstelling.annuleren .row1 .select_submit input.btn {
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #7B7979 !important;
    padding-right: 0 !important;
}

.wmo-zorginstelling.annuleren .row1 {width: 100%;}
.wmo-zorginstelling.annuleren .row1 .filter-field label {padding-left: 4.9px;}
.wmo-zorginstelling.annuleren .row1 .filter-field:first-child label {padding-left: 0;}

.wmo-zorginstelling.annuleren .select_submit {float: right;}

.wmo-zorginstelling.annuleren .content_table.annuleren {table-layout: fixed;}
.wmo-zorginstelling.annuleren .content_table.annuleren th.date {width: 125px !important; max-width: 125px !important;}
.wmo-zorginstelling.annuleren .content_table.annuleren th.time {width: 70px !important; max-width: 70px !important;}
.wmo-zorginstelling.annuleren .content_table.annuleren th.address {width: auto !important;}
.wmo-zorginstelling.annuleren .content_table.annuleren th.select {width: 125px!important;}
.wmo-zorginstelling.annuleren .content_table.annuleren td {padding-top: 0;}
.wmo-zorginstelling.annuleren .content_table.annuleren tr:first-child td {padding-top: 12px;}

.wmo-zorginstelling.annuleren .content_table.annuleren .actions .btn-primary {padding: 3px 0px 3px 7px;}

/* Zorginstelling WMO - Status --------------------------------------------------------------------- */
.wmo-zorginstelling.status .content_table.status .time-expected,
.wmo-zorginstelling.status .content_table.status .time-expected p {text-align: right;}

.wmo-zorginstelling.status .row1 .select_submit input.btn {
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #7B7979 !important;
    padding-right: 0 !important;
}

.wmo-zorginstelling.status .content_table.status td p {white-space: inherit;}
.wmo-zorginstelling.status .content_table.status tr:first-child td {padding-top: 12px;}

/* Zorginstelling WMO - Mutatie -------------------------------------------------------------------- */

/* Zorginstelling WMO - Budget --------------------------------------------------------------------- */
.wmo-zorginstelling.budget .row1 .control-group {width: auto;}
.wmo-zorginstelling.budget .select_submit {float: right;}
.wmo-zorginstelling.budget .row1 .select_submit input.btn {
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #7B7979 !important;
    padding-right: 0 !important;
}
span.kilometers {margin-left: 0.25rem;}

.wmo-zorginstelling.budget .links {text-align: left;}
.wmo-zorginstelling.budget .right {text-align: right;}

.wmo-zorginstelling.budget .budget_available {font-weight: 700;margin-top: 0.6125rem; padding-top: 0.6125rem;border-top: 1px solid rgba(0,0,0,0.5);}

.wmo-zorginstelling.budget .content_table tbody tr:nth-child(2) td {
    padding-bottom: .9125rem;
}

/* Zorginstelling WMO - Historie ------------------------------------------------------------------- */
.wmo-zorginstelling.historie .content_table thead th:last-child {
    text-align: left;
}

/* Zorginstelling WMO - Feedback ------------------------------------------------------------------- */
.wmo-zorginstelling.feedback  .select_submit a,
.wmo-zorginstelling.feedback  .select_submit a:hover,
.wmo-zorginstelling.feedback  .select_submit a:active {text-decoration: none;}

.wmo-zorginstelling.feedback .content_table.feedback thead th:last-child {text-align: right;}
.wmo-zorginstelling.feedback th.actions {width: 100%;   text-align: right; }
.wmo-zorginstelling.feedback th.actions span.right-align {text-align: right; }




/* Ritboeking pagina ------------------------------------------------------------------------------- */

.content .ritboeking {float: left; background-color: #E7E5E6; border-radius: .58823529rem; }
.content .ritboeking .left-column .inner .control-group:last-child {margin-bottom: 0 !important;}


/* CONTACT page ------------------------------------------------------------------------------------ */
.contact textarea#vraag {height: 106.866px;}

.contact.display-xs .welcome-image, .contact.display-sm .welcome-image {display: none;}
.contact.display-xs .right-column {padding-left: 0 !important; padding-right: 0 !important;}
.contact.display-xs .content, .contact.display-sm .content {overflow-y: scroll;}

.contact.display-xs label, .contact.display-sm label,
.contact.display-xs input, .contact.display-sm input,
.contact.display-xs .ui.form label, .contact.display-xs .ui.form .field > label, .contact.display-xs .control-group label,
.contact.display-sm .ui.form input, .contact.display-sm .ui.form .field > input, .contact.display-sm .control-group input,
.contact.display-xs .ui.form .field input[type="text"], .contact.display-sm .ui.form .field input[type="text"] {width: 100%;}
.contact.display-xs .ui.form textarea, .contact.display-sm .ui.form textarea {width: 100% !important;}

/* Versie informatie ------------------------------------------------------------------------------- */
.wmo-zorginstelling.feedback .view-category p {margin-bottom: 0;}


/* WMO -Feedback - Feedback toeveogen -------------------------------------------------------------- */
.feedbackform #jform_score-lbl {
    width: 175px;
    margin-bottom: 1.4rem;
}


/* ROL_07: account op rekening --------------------------------------------------------------------- */

/* Planing pagina */
.account-op-rekening.planning .newlist.type-2 .content_table thead th:last-child,
.account-op-rekening.planning .newlist.type-2 .content_table td:last-child,
.account-op-rekening.planning .newlist.type-2 .content_table td:last-child p {text-align: right !important;}

/* ROL_08: chauffeur ------------------------------------------------------------------------------- */

/* Planning ----*/

.view-chauffeurplannings .newlist .btn.btn-primary {padding-bottom: 0;}

.view-chauffeurplannings .newlist.type-1 .inzien {width: 5rem !important;}
.view-chauffeurplannings .newlist.type-1 .confirmation {width: 5rem !important;} 
.view-chauffeurplannings .newlist.type-1 .content_table td:nth-child(5) {padding-right: 0 !important;}

.view-chauffeurplanningdetails .content .left-column .inner.edge.edge-transparent {padding-left: 0 !important; padding-right: 0 !important; }
.view-chauffeurplanningdetails .content .right-column .inner.edge.edge-transparent {padding-right: 0 !important;}

/* ROL_09: Veiling ---------------------------------------------------------------------------------- */

/* Veiling */
.view-veilingveiling .newlist.type-2 .content_table thead th:last-child {text-align: right !important;}
.view-veilingveiling .newlist .btn.btn-primary {padding-bottom: 0; padding-top: 4px;}

.view-veilingdetails .edit-planning .field-group .control-group .ritvergoeding {
    width: 98px;
  }

.view-veilingdetails .inner.buttons .claim {float: right;}
.view-veilingdetails .inner.buttons .timer {
    float: right;
    margin-right: 1em;
    font-family: helveticaNeueLT_light;
    font-weight: 300;
    font-size: .88235294rem;
    text-decoration: none;
    padding: 7px 10px 8px 7px;
    line-height: .9411764705882353em;
    border: 1px solid transparent;  
}

/* ROL_10: Lijndienst ------------------------------------------------------------------------------- */

/* Boeken */

.lijnboeking .login-form {padding-right: 0;}
.lijnboeking #jform_retour-lbl {width: 33%; }
.lijnboeking #jform_retour {width: 67%; float: right; padding-left: .5rem;}

.lijnboeking .action-buttons .btn-primary {float: right;}


/* Demoportaal ------------------------------------------------------------------------------------- */

.view-multimenu .welcome-image .inner {
    max-height: 543.433px;
}

.view-multimenu .login-form {padding-left: 15px; padding-right: 0;}
.view-multimenu .login-form ul {
    padding-left: 0;
    margin-bottom: 1.4rem;
}

.view-multimenu .login-form .edge-transparent {
    background-color: #868586;
    color: #000;
}

.view-multimenu .login-form .edge-transparent p,
.view-multimenu .login-form .edge-transparent a {
    font-family: helveticaNeueLT_light !important;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    opacity: 1;
}

.view-multimenu .login-form .edge-transparent a:hover,
.view-multimenu .login-form .edge-transparent a:active,
.view-multimenu .login-form .edge-transparent a:focus {
    color: #000;
    opacity: 0.5;
}

.view-multimenu .content .login-form .inner {height: 100%;}

.view-multimenu .login-form li {
    list-style: none;
    margin-bottom: 1rem;
}

.view-multimenu .login-form p,
.view-multimenu .login-form a,
.view-multimenu .login-form li p,
.view-multimenu .login-form li a {
    color: #fff;
    text-decoration: none;
}

.view-multimenu .login-form li a:hover,
.view-multimenu .login-form li a:active,
.view-multimenu .login-form li a:focus {
    color: #000;
    opacity: 0.5;
    text-decoration: none;
}

.view-multimenu .sp-megamenu-parent {
    display: block;
}

.view-multimenu .sp-megamenu-parent .placeholder,
.view-multimenu .sp-megamenu-parent .placeholder:hover {
    display: block !important;
    background-color: #868586;
}

/* Niet contact tonen in submenu */
.view-multimenu .item-383 {display: none !important;}

/* Mobile view */
.view-multimenu.display-xs ul.roleselect,
.view-multimenu.display-sm ul.roleselect {padding: 0; margin-bottom: 0;}

.view-multimenu.display-xs .roleselect li,
.view-multimenu.display-sm .roleselect li {background-color: #171717; padding: 5px 1rem; margin-bottom: 1rem;border-radius: 10px;}
.view-multimenu.display-sm .roleselect li {background-color: #171717; padding: 5px 1rem; margin-bottom: .75rem;border-radius: 10px;}

.view-multimenu.display-xs .roleselect li a,
.view-multimenu.display-sm .roleselect li a {text-decoration: none; color: #fff;}

.view-multimenu.display-xs #offcanvas-toggler {display: none;}
.view-multimenu.display-xs #offcanvas-toggler {display: none !important;}

.roleselect-item.no-link {opacity: 50%;}

.view-multimenu.display-xs .inner, .view-multimenu.display-sm .inner {padding-bottom: 0;}

.view-multimenu.display-xs .roleselect li:last-child,
.view-multimenu.display-sm .roleselect li:last-child {margin-bottom: 0;}


/* GROEPSVERVOER ----------------------------------------------------------------------------------- */

/* Planning */
.view-ritplanning .content_table thead th:last-child {
    text-align: left;
}

/* Af- en aanmelden */

.block_title, .block_title p {font-size: 1rem !important;}


.view-ritafmelding .periode_afmelden_button {
    font-family: HelveticaNeue-Medium;
    color: #7B7979;
    font-size: 0.88235294rem !important;
    text-decoration: none;
    float: right;
}

.view-ritafmelding .content_table thead th:last-child {
    text-align: right;
}
.view-ritafmelding .content_table .actions {text-align: right;}
.view-ritafmelding .content_table .actions a {
    font-size: 0.88235294rem !important;
    text-decoration: none;
}

/* Periode afmelden */

#periodeAfmelden {padding-right: 0 !important;}

.modal.interaction.overview .block_title {display: block; width: 100%; float: left; clear: both;}
.modal.interaction.overview .block_content {display: block; width: 100%; float: left; clear: both; height: auto !important;}
.modal.interaction.overview  .col-6 {float: left;}

.modal.interaction.overview .newlist {
    height: auto !important;
    padding: 21px;
}

.modal.interaction.overview .newlist .content_table thead th:nth-child(1),
.modal.interaction.overview .newlist .content_table thead th:nth-child(2) {
    width: 5.25rem !important;
    padding-right: 0.5rem;
    text-align: left;
}

.modal.interaction.overview .newlist .content_table thead th:nth-child(3) {
    width: auto !important;
    padding-right: 0.5rem;
    text-align: left;
}
.modal.interaction.overview .newlist .content_table thead th:nth-child(4) {
    width: 10rem !important;
    padding-right: 0.5rem;
    text-align: right;
}

.modal.interaction.overview .newlist .content_table .btn-primary {padding-top: 5px !important;}
.modal.interaction.overview .newlist .content_table .edit_afmelding {float: left;}

.periode_afmelding_form .control-group { margin-bottom: 0;}
.periode_afmelding_form .control-group input,
.periode_afmelding_form .control-group select {width: 66% !important;}
.periode_afmelding_form  .btn {float: right;}

/* EINDE: Periode afmelden */

.view-wmofeedback .content_table.feedback .select_submit a {text-decoration: none;}
.view-wmofeedback .select_submit a {text-align: right; float: none !important;}


/* Status */
.view-ritstatus .content_table thead th:last-child {
    text-align: left;
}

/* Rooster */
.view-ritrooster .content_table tbody tr:first-child td {
    padding-top: 0.5rem;
}

.view-ritrooster .content_table td {padding: 0.5em 0}



/* WMO Rooster */
.view-wmorooster .filter_row_1 .control-group {width: auto;}
.view-wmorooster .filter_row_1 .actions input.btn {
    font-size: 0.941176747rem !important;
    margin-top: 0.11764706rem;
    border-color: transparent;
    background-color: transparent !important;
    font-family: HelveticaNeue-Medium !important;
    color: #7B7979 !important;
    padding-right: 0 !important;
    float: left;
}

.view-wmorooster .content_table {overflow-x:hidden;}

.view-wmorooster .content_table thead th:last-child {
    text-align: left;
}

.view-wmorooster .content_table td.rooster_day:last-child .rooster_rit .tooltiptext {
    left: -65%;
}


.view-wmorooster .content_table {
    width: 100%;
    table-layout: fixed;
}

.view-ritrooster .newlist .content_table thead th:nth-child(1) {width: 2rem !important;}
.view-ritrooster .newlist .content_table thead th:nth-child(2),
.view-ritrooster .newlist .content_table thead th:nth-child(3),
.view-ritrooster .newlist .content_table thead th:nth-child(4),
.view-ritrooster .newlist .content_table thead th:nth-child(5),
.view-ritrooster .newlist .content_table thead th:nth-child(6),
.view-ritrooster .newlist .content_table thead th:nth-child(7),
.view-ritrooster .newlist .content_table thead th:nth-child(8),
.view-ritrooster .newlist .content_table thead th:last-child,
.view-ritrooster .newlist .content_table td:last-child {
    width: auto !important;
    text-align: left !important;
}

.view-wmorooster .newlist .content_table thead th:nth-child(1) {width: 3rem !important;}
.view-wmorooster .newlist .content_table thead th:nth-child(2),
.view-wmorooster .newlist .content_table thead th:nth-child(3),
.view-wmorooster .newlist .content_table thead th:nth-child(4),
.view-wmorooster .newlist .content_table thead th:nth-child(5),
.view-wmorooster .newlist .content_table thead th:nth-child(6),
.view-wmorooster .newlist .content_table thead th:nth-child(7),
.view-wmorooster .newlist .content_table thead th:nth-child(8),
.view-wmorooster .newlist .content_table thead th:last-child,
.view-wmorooster .newlist .content_table td:last-child {
    width: auto !important;
    text-align: left !important;
}




.view-wmorooster .content_table .tooltiptext {text-align: left !Important;}

.content_table.wmo-rooster th:first-child {width: 50px;}


/* Rit datail table ------------- */
.rit_details {
    margin-top: 21px;
}

.rit_details .rit_details_title {
    font-family: HelveticaNeue-Medium;;
    font-weight: 300;
    font-size: 1rem;
}

.rit_details .rit_details_table th:nth-child(1),
.view-ritrooster .newlist .rit_details_table .content_table thead th:nth-child(1) {width: 5.25rem !important;}
.rit_details .rit_details_table th:nth-child(2),
.view-ritrooster .newlist .rit_details_table .content_table thead th:nth-child(2) {width: 3.25rem !important;}
.rit_details .rit_details_table th:nth-child(3),
.view-ritrooster .newlist .rit_details_table .content_table thead th:nth-child(3) {width: auto !important;}
.rit_details .rit_details_table th:nth-child(4),
.view-ritrooster .newlist .rit_details_table .content_table thead th:nth-child(4) {width: auto !important;}





/* END OF Indivial pages --------------------------------------------------------------------------- */



/* NEW LIST STUFF 2021-05 -------------------------------------------------------------------------- */

/* Lijsten met ritgegevens ------------------------------------------------------------------------- */

/* Header boven lijst/formulier met selectievelden en knoppen -------------------------------------- */

.newlist {height: 105%;}

.newlist .selection {
    float: left;
    width: 100%;
    padding: 0;
    margin:0;
}

.newlist .selection form .filter_row_1,
.newlist .selection form .filter_row_2 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.newlist .selection form .filter_row_1 .control-group,
.newlist .selection form .filter_row_2 .control-group {
    margin: 0 0.5rem 1rem 0 !important;
    float: left;
    width: auto !important;
}

.newlist .selection form .filter_row_1 .control-group label,
.newlist .selection form .filter_row_2 .control-group label {
    font-family: HelveticaNeue-Medium;
    font-weight: 300 !important;
    /* font-size: 0.941176747rem !important; */
    /*font-size: 1rem !important;*/
    font-size: 1.125rem !important;
    padding-top: 6.5px;
    padding-right: 0.5rem;
    padding-left: 0;
    float: left;
    width: auto;
    margin: 0;
    display: block;
}

.newlist .selection form .filter_row_1 .control-group input,
.newlist .selection form .filter_row_2 .control-group input {
    padding: 0.44117647rem .75rem 0.375rem .75rem !important;
}

.newlist .selection form .filter_row_1 .control-group input.datepicker,
.newlist .selection form .filter_row_2 .control-group input.datepicker {
    width: 7rem;
}

.newlist .selection form .filter_row_1 .control-group select {
    width: auto !important;
}

.newlist .selection form .filter_row_1 .actions input.btn,
.newlist .selection form .filter_row_2 .actions input.btn,
.newlist .selection form .filter_row_1 .actions a.btn,
.newlist .selection form .filter_row_2 .actions a.btn {
    font-size: 0.941176747rem !important;
    margin-top: 0.11764706rem;
    border-color: transparent;
    background-color: transparent !important;
    font-family: HelveticaNeue-Medium !important;
    color: #7B7979 !important;
    padding-right: 0 !important;
    float: left;
    line-height: 1.25 !important;
}

.newlist .selection .btn {margin-top: 0;}

.newlist .selection .btn.btn-last {padding-right: 0; margin-right: 0;}

.newlist .selection form .filter_row_1 .actions a.btn.add-button {float: right !important;}


/* Tabel met gegevens ----------------------------------------------------------------------------------------------------------- */
/*                                                                                                                                */
/* NIEUWE LAYOUT 05-2021                                                                                                          */
/*                                                                                                                                */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.newlist .content_table {
    table-layout: fixed !important;
    border: 0;
}

.newlist .content_table thead th {
    font-family: HelveticaNeue-Medium !important;
    font-size: 0.941176747rem !important;
    font-weight: 300;
    border-bottom: 1px solid #000;
    padding-bottom: 0.6125rem;
}

.newlist .content_table tbody tr:first-child td {
    padding-top: .9125rem;
    vertical-align: top;
}

.newlist .content_table tbody td {
    padding-top: .64705882rem;
}

.newlist .content_table tbody .reality td {
    padding-top: 2px;
    vertical-align: top;
}

.newlist .content_table thead th span.reality {
    color: #171717;
    opacity: 0.5;
}

.newlist .content_table td.reality,
.newlist .content_table p.reality {
    color: #787979
}

/* List type: fixed columns 1, 2 and 5 */
.newlist .content_table thead th:last-child,
.newlist .content_table td:last-child,
.newlist .content_table td:last-child p,
.newlist .content_table td:last-child a {
    text-align: right !important;
}

.newlist .content_table thead th.reality:last-child,
.newlist .content_table td.reality:last-child,
.newlist .content_table td:last-child p.reality,
.newlist .content_table td:last-child a.reality {
    text-align: left !important;
}

.newlist .content_table td.no-results,
.newlist .content_table td.no-results p {text-align: left !important;}


.newlist .content_table thead th:nth-child(1) {
    width: 5.25rem !important;
    padding-right: 0.5rem;
    text-align: left;
}

.newlist .content_table thead th:nth-child(2),
.newlist .content_table td:nth-child(2) {
    width: 3.0rem !important;
    padding-right: 0.5rem;
    text-align: left;
}

.newlist .content_table thead th:nth-child(5) {
    width: 7.9rem !important;
    padding-right: 0;
    text-align: right;
}

/* List type 1: standard rittenlijst met instap- en uitstapadres */
/*               kolom 3 en 4 50/50 verdeeld                     */

.newlist.type-1 .content_table thead th:nth-child(3),
.newlist.type-1 .content_table td:nth-child(3),
.newlist.type-1 .content_table td:nth-child(3) p,
.newlist.type-1 .content_table thead th:nth-child(4),
.newlist.type-1 .content_table td:nth-child(4),
.newlist.type-1 .content_table td:nth-child(4) p {
    width: auto !important;
    padding-right: 0.5rem;
    text-align: left !important;
}

/* List type 2: standard rittenlijst met instap- en uitstapadres      */
/*               kolom 3 en 4 50/50 verdeeld,  beide links uitlijnend */
/*               geen 5de kolom                                       */

.newlist.type-2 .content_table thead th:nth-child(3),
.newlist.type-2 .content_table td:nth-child(3),
.newlist.type-2 .content_table td:nth-child(3) p,
.newlist.type-2 .content_table thead th:nth-child(4),
.newlist.type-2 .content_table td:nth-child(4),
.newlist.type-2 .content_table td:nth-child(4) p {
    width: auto !important;
    text-align: left !important;
}

.newlist.type-2 .content_table thead th:nth-child(4),
.newlist.type-2 .content_table td:nth-child(4) {
    padding-right: 0rem;
}

.newlist.type-2 .content_table thead th:last-child,
.newlist.type-2 .content_table td:last-child,
.newlist.type-2 .content_table td:last-child p,
.newlist.type-2 .content_table td:last-child a {
    text-align: left !important;
}


/* List type 3: feedback lijst met Type en Status */
/*              kolom 3 vaste breedte             */
/*              kolom 4 uitvullen                 */

.newlist.type-3 .content_table thead th:nth-child(3),
.newlist.type-3 .content_table td:nth-child(3) {
    width: 6.0rem !important;
    padding-right: 0.5rem;
    text-align: left;
}

.newlist.type-3 .content_table thead th:nth-child(4),
.newlist.type-3 .content_table td:nth-child(4) {
    width: auto !important;
    padding-right: 0.5rem;
    text-align: left;
}


/* List type 4: rooster ------------------------- */
.newlist.type-4 .content_table thead th:nth-child(1) {
    width: 3.25rem !important;
}

.newlist.type-4 td:last-child .tooltiptext {margin-left: -100%;}

/* List type 5: 2 kolommen (budget) ------------- */

.newlist.type-5 .content_table thead th:nth-child(1) {
    width: 5.25rem !important;
    padding-right: 0.5rem;
    text-align: left;
}

.newlist.type-5 .content_table thead th:nth-child(2),
.newlist.type-5 .content_table td:nth-child(2) {
    width: 5.75rem !important;
    padding-right: 0rem;
    text-align: right;
}

/* List type 6: rooster chauffeur ------------- */
.newlist.type-6 .content_table thead th:nth-child(1) {width: 3.25rem !important;}

.newlist.type-6 .rit_details .rit_details_table thead th:nth-child(1) {width: 7.25rem !important;}
.newlist.type-6 .rit_details .rit_details_table thead th:nth-child(2) {width: 5.25rem !Important;}
.newlist.type-6 .rit_details .rit_details_table thead th:nth-child(3) {width: 3.75rem !Important;}
.newlist.type-6 .rit_details .rit_details_table thead th:nth-child(4) {width: 5.25rem !Important;}
.newlist.type-6 .rit_details .rit_details_table thead th:nth-child(5) {width: 3.75rem !Important;}

/* List type 7: veiling rittenlijst met instap- en uitstapadres, extra kolom timer en ritdetails (k5 + k6) */
/*               kolom 3 en 4 50/50 verdeeld                     */

.newlist.type-7 .content_table thead th:nth-child(3),
.newlist.type-7 .content_table td:nth-child(3),
.newlist.type-7 .content_table td:nth-child(3) p,
.newlist.type-7 .content_table thead th:nth-child(4),
.newlist.type-7 .content_table td:nth-child(4),
.newlist.type-7 .content_table td:nth-child(4) p {
    width: auto !important;
    padding-right: 0.5rem;
    text-align: left !important;
}

.newlist.type-7 .content_table thead th:nth-child(5),
.newlist.type-7 .content_table td:nth-child(5),
.newlist.type-7 .content_table td:nth-child(5) p {
    width: 70px !important;
    padding-right: 1px;
    text-align: right !important;
}

.newlist.type-7 .content_table thead th:nth-child(6),
.newlist.type-7 .content_table td:nth-child(6),
.newlist.type-7 .content_table td:nth-child(6) p {
    width: 85px !important;
    padding-right: 1px;
    text-align: right !important;
}

/* List type 8: planning chauffeur ------------- */
.newlist.type-8 .planning thead th:nth-child(1) {width: 5.25rem !important;} /* Datum */
.newlist.type-8 .planning thead th:nth-child(2) {width: 51.6px !important;}  /* Tijd*/
.newlist.type-8 .planning thead th:nth-child(3) {width: 4.25rem !important;}  /* Route */
.newlist.type-8 .planning thead th:nth-child(4) {width: auto !important;}    /* Instapadres */
.newlist.type-8 .planning thead th:nth-child(5) {width: auto !important; text-align: left !important}    /* Uitstapadres */
.newlist.type-8 .planning thead th:nth-child(6) {width: 57px !important; padding-right: 0 !Important;} /* Inzien */
.newlist.type-8 .planning thead th:nth-child(7) {width: 5.25rem !important;} /* Datum */

/* List type 9: Lijst facturen ROL_14 */
.newlist.type-9 .content_table th:nth-child(1) {width: 8rem !important;} /* Factuurnummer */
.newlist.type-9 .content_table th:nth-child(2),
.newlist.type-9 .content_table th:nth-child(3),
.newlist.type-9 .content_table th:nth-child(4),
.newlist.type-9 .content_table th:nth-child(5),
.newlist.type-9 .content_table th:nth-child(6) {width: 8rem !important; text-align: left;} /* Datum */




/* END OF NEW STUFF 2021-05 ------------------------------------------------------------------------ */

/* Offcanvas menu ---------------------------------------------------------------------------------- */

.offcanvas-init .offcanvas-overlay,
.offcanvas-init .offcanvas-menu {display: none;}


div[itemprop="articleBody"] .offcanvas-menu {display: block; position: relative; height: auto; margin-top: 0; width: 100%; transition: all 0.4s; }

.responsive-menu .responsive-inner {padding: 15px 24px;}
.responsive-menu .responsive-inner .moduletable:not(:last-child) {margin-bottom: 0;}
.responsive-menu .responsive-inner .moduletable .menu {margin-bottom: .58823529rem;}
.responsive-menu .responsive-inner .moduletable ul {padding-left: 0;}
.responsive-menu .responsive-inner .moduletable ul > li {background-color: rgba(255,255,255,1.0); margin-bottom: .58823529rem; border: 1px solid #999; border-radius: .58823529rem; padding: .58823529rem; list-style: none;}
.responsive-menu .responsive-inner .moduletable ul > li a {text-decoration: none;}
.responsive-menu .responsive-inner .moduletable ul > li .menutitle {font-family: HelveticaNeue-Medium, Arial, Sans-Serif; font-size: 1rem; font-weight: 300;font-size: 1.2rem; font-style: normal; line-height: 1.42857143rem; padding-top: 0; padding-bottom: 0; text-transform: uppercase; color: #999; width: 100%; display: block;}
.responsive-menu .responsive-inner .moduletable ul > li .subtitle {font-family: helveticaNeueLT_light, Arial, Sans-Serif; font-size: 1rem; font-weight: 300;font-size: 1rem; font-style: normal; line-height: 1.42857143rem; padding-top: 0; padding-bottom: 0; text-transform: uppercase; color: #999; width: 100%; display: block;}

.offcanvas-menu .offcanvas-inner .moduletable ul > li.item-393 {display: none;}


.display-xs .no-mobile {display: none;}
/* Pagina boeken */
/* Pagina Rapportage */
.display-xs .item-393,
.display-sm .item-393,
/*Paginas voor rol_4*/
.display-xs .item-461,
.display-sm .item-461,
.display-xs .item-464,
.display-sm .item-464,
.display-xs .item-466,
.display-sm .item-466,
.display-xs .item-467,
.display-sm .item-467,
/*Mobile boeken hiden op lg*/
.display-lg .no-large-screen,
.display-xl .no-large-screen,
/*Mobiel groepsvervoer paginas hiden*/
.display-sm .item-497,
.display-xs .item-497,
.display-sm .item-499,
.display-xs .item-499,
.display-sm .item-500,
.display-xs .item-500,
.display-xs .item-558,
.display-sm .item-558,
.display-xs .item-565,
.display-sm .item-565,
/* Pagina Bedrijf */
.display-xs .item-440,
.display-sm .item-440 {display: none; }

/* CSS SIMON ----------------------------------------------------------------------------------- */

.display-xs.wmo-zorginstelling .modal .control-group input  {
    width: 100% !important;
}

.display-xs #filter .control-group {
    width: 100%;
}

.mobile-view.contenttable #accordion div, .mobile-view.contenttable #accordion {
    height: 100%;
    width: 100%;
}

.mobile-view.contenttable #accordion p {
    margin-bottom: 0;
}

#accordion .panel-default, #accordion .panel-heading {
    width: 100%;
}

.ritplanning_block_mobile {
    width: 100%;
}

.ritplanning_label_mobile {
    font-weight: bold;
}

.planning .content_mobile .selection .filter-button {
    float: right;
}

.display-xs #sp-header .row ,
.display-sm #sp-header .row {
    flex-direction: row-reverse;
}

.overflow-scroll {
    overflow: scroll;
}

.display-xs #sp-second-menu, .display-sm #sp-second-menu,
.display-sm #sp-second-menu, .display-sm #sp-second-menu {
    display: none;
}

.display-xs .report,
.display-sm .report {
    display: none !important;
}

.footertext {
    display: inline-block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.started p {
    opacity: 0.5;
}

.btn-grey {
    font-family: HelveticaNeue-Medium, Arial, Sans-Serif !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #7B7979 !important;
}

.tab-pane .control-group {
    float: none !important;
    display: inline-block !important;
}

.rooster_day, .rooster_week {
    border-bottom: 1px solid #787979;
}

.rooster_rit {
    position: relative;
}

.rooster_rit .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 10px;
    bottom: 100%;
    left: 25%;
    position: absolute;
    z-index: 1000;
    padding: 1rem;
}

.rooster_rit:hover .tooltiptext {
    visibility: visible;
}

.rooster_day {
    overflow: visible !important;
}

.form-check-inline input[type="radio"] {
    display: inline-block;
}

.mobile-view.contenttable .contents div:nth-child(3) .panel-heading {
    padding-left: 2 !important;
}


/*.mobile_boeken .mobile-view.contenttable .contents div:first-child,*/
/*.wmo-annuleren .mobile-view.contenttable .contents div:first-child,*/
/*.wmo-status .mobile-view.contenttable .contents div:first-child,*/
/*.groepsvervoer-planning .mobile-view.contenttable .contents div:first-child,*/
/*.groepsvervoer-status .mobile-view.contenttable .contents div:first-child,*/
/*.wmo-planning .mobile-view.contenttable .contents div:first-child {*/
/*    padding-left: 0;*/
/*}*/
/*.mobile-view.contenttable .contents div:first-child .panel-heading {*/
/*    padding-left: 0 !important;*/
/*}*/

.display-xs .budget-form th:nth-child(2) {
    text-align: right !important;
}

.feedback_row {
    padding-left: 0;
    padding-right: 0;
}

.feedback_row p:nth-child(1) {
    font-weight: bold;
}

.feedback_row .feedback-rit-detail p{
    font-weight: normal;
}
.feedback_row .feedback-rit-detail span{
    font-weight: bold;
    padding-left: 0;
}

.mobile-view.contenttable .contents .afmeld-button,
.mobile-view.contenttable .contents .aanmeld-button {
    width: auto;
    background-color: #000;
    color: #fff;
}


.mobile_afmelden_form {
    margin-bottom: 1rem;
}

.mobile-view.contenttable .contents #periodeAfmeldenMobile .panel-title {
    display: block;
    background-color: rgba(237,235,236,1.0);
    border: 1px solid rgba(33,37,41,0.25);
    color: rgba(33,37,41,1.0);
    padding: 6px;
    border-radius: .23529412rem;
    margin-bottom: 6px;
    text-decoration: none;
    float: left;
    width: 100%;
}

.block-left {
    float: left;
}
.block-right {
    float: right;
}

#jform_score9 {
    margin-right: 0;
}

.newlist .selection form .filter_row_1 .actions a.btn{
    line-height: 0.8 !important;
    margin-right: -1px;
}

.tooltip {
    pointer-events: none;
    top: -2.5rem !important;
    left: -2.3rem !important;
}

.itemid-489 .tooltip {
    left: -2rem !important;
}

.view-chauffeurschedule .tooltip {
    left: -1rem !important;
}

.tooltip-inner {
    max-width: 1000px !important;
}

.view-ritrooster .newlist .content_table thead th:nth-child(8),
.view-wmorooster .newlist .content_table thead th:nth-child(8){
    width: 81px !important;
}

.view-chauffeurschedule .newlist .content_table thead th:nth-child(8) {
    width: 120px !important;
}

.display-xs .menu-divider,
.display-sm .menu-divider {
    display: none;
}


.offcanvas-active {
    display: none !important;
}

.roleselect-item {
    color: #fff;
}

.account-boeken.boeken .control-group textarea.opmerkingen {
    width: 84%;
    height: 1.98627647rem;
}

.account-boeken.boeken .col-12.bottom.block-left {
    padding-right: 15px;
}

.account-boeken.boeken .col-12.bottom.block-right {
    padding-left: 15px;
}

.account-boeken.boeken .col-12.bottom.block-left textarea.opmerkingen {
    width: 66%;
    height: 5rem;
}

.display-xs .budget_available,
.display-sm .budget_available {
    overflow: visible;
}

.account-boeken.boeken .buttons-footer {padding-bottom: 0;}



.left_menu {
    float: left;
}
.left_menu .menu {
    padding: 0;
}
.left_menu li {
    list-style: none;
}
.left_menu li a {
    text-decoration: none;
}

.twoWide {
    width: 50% !important;
}

.threeWide {
    width: 33% !important;
}

/* END CSS SIMON ----------------------------------------------------------------------------------- */



.content form#adminFrom {display: block; width: 250px; overflow: hidden;}
#sp-footer {position: relative; bottom: 0; width: 100%;}


/* Media queries ----------------------------------------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {

    .content_large {display: none !important;}
    .content_mobile {display: block;}

    .no_display_xs {display: none;}

    .bedrijf .welcome-image {display: none !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .layout-boxed .body-innerwrapper {max-width: 540px;}

    /* Bootstrap additions ----------------- */
    .col-12.content, .col-12.above-content {padding-left: 0; padding-right: 0;}

    .content form#adminFrom {display: block; width: 250px; overflow: hidden;}

    #sp-footer {position: relative; bottom: 0; width: 100%;}

    .content_large {display: none !important;}
    .content_mobile {display: block;}

    .no_display_xs {display: none;}

    .bedrijf .welcome-image {display: none !important;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .layout-boxed .body-innerwrapper {max-width: 720px;}

    /* Header */
    #sp-header #sp-logo {padding-left: 0;}
    #sp-header #sp-menu {padding-right: 0;}

    .layout-boxed #sp-main-body .content div.col-12:first-child {padding-left: 0;}
    /*.layout-boxed #sp-main-body .content div.col-12:second-child {padding-right: 0;}*/

    .layout-boxed #sp-main-body .content div.col-12.left-column {padding-left: 0;}
    .layout-boxed #sp-main-body .content div.col-12.right-column {padding-right: 0;}

    .login-form {margin:0}

    .content_large {display: flex !important;}
    .content_mobile {display: none;}

    .no_display_xs {display: none;}

    .bedrijf .welcome-image {display: inherit !important;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .layout-boxed .body-innerwrapper {max-width: 960px;}

    /*.login-form {margin: 15px;}*/

    .article-details .article-header , .article-details .page-header {display: none;}

    /* Logo */
    #sp-logo .sp-column {padding-top: 8.5px;}
    /* Menu */
    .sp-megamenu-parent {margin-top: 9px;}
    .sp-megamenu-parent .sp-menu-item {padding-left: 10.5px; padding-right: 0; float: left;}
    .sp-megamenu-parent .sp-menu-item a {padding: 8px; min-height: 54px; max-height: 54px; min-width: 155px;}
    .sp-megamenu-parent .sp-menu-item .subtitle {
        font-family: Helvetica,helveticaNeueLT_light;
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 1px;}
    .subtitle {display: none;}

    /* Main component */

    /* Welcome page */
    .home .content .login-form ,
    .login .content .login-form {padding-right: 0;}
    .content .login-form,
    .login .content .login-form .inner {height: auto;}
    .welcome-image {display: inline-block !important;}
    /*.login-form {display: inline-block !important; height: 459.167px !important; min-height: 459.167px !important;}*/

    /* Footer */
    #sp-footer {margin: 0 auto; left: 50%; width: 960px; margin-left: -480px;}
    #sp-footer {position: fixed; bottom: 0;}
    .offcanvas-footer #sp-footer {display: none;}

    #sp-footer p {margin-bottom: 0;}

    .no_display_xs {display: inline;}


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .layout-boxed .body-innerwrapper, .container {max-width: 1170px;}

    /* Header */
    #sp-header #sp-logo {padding-left: 0; padding-right: 0;}
    #sp-header #sp-menu {padding-right: 0; padding-right: 0;}

    /* Logo */
    #sp-logo .sp-column {padding-top: 1px;}
    /* Menu */
    .sp-megamenu-parent {margin-top: 2px;}
    .sp-megamenu-parent .sp-menu-item a {padding: 8px; min-height: 63px; max-height: 63px; /* min-width: 211.75px;*/}
    .sp-megamenu-parent .sp-menu-item:first-child {padding-left: 0;}

    /* Main component & content */
    .content .welcome-image, .content .login-form {margin-bottom: 0;}

    /* Welcome page */
    .home .content .login-form ,
    .login .content .login-form {padding-right: 0;}
    .content .login-form .inner {height: auto;}
    .home .login-form .inner {height: 100%;}

    /* Edit chauffeur */
    .view-editchauffeurform .content .login-form {padding-right: 0;}

    /* Edit voertuig */
    .view-editvehicleform .content .login-form {padding-right: 0; height: 560.883px !important;}
    .view-editvehicleform .login-form .inner {height: 100%;}

    /* Bedrijf */
    .content .right-part {padding-right: 0;}

    /* Footer */
    #sp-footer {margin: 0 auto; left: 50%; width: 1170px; margin-left: -585px;}
    #sp-footer p {margin-bottom: 1.4rem;}

}

/* 2.3.0 planning mobiel */