@import "reboot.css";

@import "foundation/prisma_base_colors.css";
@import "foundation/prisma_colors.css";
@import "foundation/prisma_borders.css";
@import "foundation/prisma_space.css";
@import "foundation/prisma_font.css";
@import "foundation/prisma_typography.css";

@import "base/icomoon.css";
@import "base/prisma_icons.css";


@import "settings/grid.css";
@import "settings/layout.css";
@import "settings/display.css";
@import "settings/flex.css";
@import "settings/sizing.css";
@import "settings/color.css";
@import "settings/typography.css";
@import "settings/space.css";
@import "settings/icon.css";

@import "components/prisma_header.css";
@import "components/prisma_header_secondary.css";
@import "components/omgevingIndicator.css";
@import "components/layTitlebar.css";
@import "components/laySearchbar.css";
@import "components/laySide.css";
@import "components/toggle.css";
@import "components/ui-widget.css";
@import "components/menu-slider.css";
@import "components/button.css";
@import "components/prisma_button.css";
@import "components/prisma_ghostbutton.css";
@import "components/prisma_link.css";
@import "components/table.css";
@import "components/table_data.css";
@import "components/card.css";
@import "components/zorgvierkant.css";
@import "components/list-group.css";
@import "components/prisma_alert.css";
@import "components/modal.css";

@import "header.css";
@import "widget-menu.css";
@import "resultaten.css";
@import "accordion.css";
@import "form.css";
@import "agenda.css";

/* Niet productie omgeving achtergrond kleur. */
body.achtergrond1 {
    background-color: var(--color-bg-surface-info);
}

/* produtie omgeving achtergrond kleur */
body.achtergrond2 {
    background-color: var(--color-bg);
}

/* BEGIN Footer
================================================================= */

.layFooter {
    padding: 12px 0;
}

/* END Footer
================================================================= */

/* BEGIN ajaxIndicator
================================================================= */
.ajaxIndicator {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translate(0%, -50%);
}

.ajaxIndicator .image {
    display: none;
    width: 32px;
    height: 32px;
    background-image: url("../../../../assets/img/widgets/ajax-loader.gif");
}

/* END ajaxIndicator
================================================================= */

/* BEGIN Caption
================================================================= */
.caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0 2px 10px;
    margin-bottom: 2px;
}

.caption .caption-title {
    font-size: var(--text-body-sm);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
    color: var(--color-text-primary);
}

.caption .tblButtons {
    display: flex;
    align-items: center;
    gap: var(--space-200);
    padding: 0 var(--space-200);
    float: right;
}

.caption a {
    text-indent: 0;
}

/* END caption
================================================================= */

/* BEGIN Pasfoto
================================================================= */
.imgPasfoto {
    display: block;
    /*width: 116px;*/
    /*padding: 0 0 8px 0;*/
    /*margin: 20px 12px;*/
}

.imgPasfoto img {
    width: 100%;
    max-width: 100px;
    height: auto;
}

/* END Pasfoto
================================================================= */

/* BEGIN Menu container
================================================================= */
div.leftThirdMenuContainer {
    float: left;
    width: 125px;
    padding-right: 10px;
}

div.leftThirdMenuContainer div > br {
    display: none;
}

div.leftThirdMenuContainer img {
    width: 13px;
}

div.leftThirdMenuContainer .leftSubMenuItem {
    display: flex;
    align-items: center;
    gap: var(--space-200);
    font-size: var(--text-body-sm);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    color: var(--color-text-primary);
    background-color: var(--color-bg-surface-secondary);
    width: 100%;
    padding: var(--space-200) var(--space-100);
    margin-bottom: var(--space-100);
    cursor: pointer;
}

div.leftThirdMenuContainer span.leftSubMenuItem {
    color: #bbb;
}

div.leftThirdMenuContainer span.noVerificationImage {
    margin-left: 16px;
}

div.leftThirdMenuContainer .leftSubMenuItem.activeSubmenuItem {
    color: var(--color-text-brand);
    background-color: var(--color-bg-surface-brand);
}

div.leftThirdMenuContainer .leftSubMenuItem:hover {
    color: var(--color-text-brand);
    background-color: var(--color-bg-surface-hover);
}

div.middleThirdContentContainer {
    float: left;
    width: 430px;
    padding: 0 10px;
}

div.rightThirdContentContainer {
    float: left;
    width: 410px;
    margin-left: 10px;
}

div.combinedThirdContentContainer {
    float: left;
    margin-left: 10px;
    width: 800px;
    padding-left: 20px;
    padding-top: -20px;
    margin-bottom: 10px;
}

div.combinedThirdContentContainer div.contHalf.left {
    max-width: 370px;
    padding: 0;
}

div.combinedThirdContentContainer div.contHalf.right {
    max-width: 370px;
    padding: 0;
    float: left;
    clear: none;
    position: relative;
    left: -20px;
}

.contDetail {

}

.contDetailBare {
    margin-left: 20px;
    overflow: auto;
    border: 1px solid var(--color-border-primary);
    border-radius: var(--border-radius-200);
}

.contDetail .contHalf {
    width: 50%;
}

.contDetail .contHalf.left {
    padding-left: 0;
}

.contDetail .contHalf.right {
    padding-right: 0;
}

.contHalf {
    /*width: 450px;*/
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.contHalf .contHalf {
    width: 100%;
}

.contHalf.left .contHalf {
    padding: 0;
}

.contHalf.right {

}

.contHalf.right.wrapLeft {
    position: relative;
    left: -70px;
    top: 10px;
}

.contHalf.right select.selectAanbodPeriode {
    margin-left: 20px;
}

div.contHalf.right.ols {
    margin-left: 0;
    height: 100%;
    padding: 0;
    width: 500px;
}

.contHalf.left {
    padding-left: 0;
}

.contThird {
    padding: 0 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.contThird.left {
    width: 130px;
}

.contThird.middleLeft {
    width: 380px;
    float: left;
}

.contThird.middleRight {
    width: 370px;
}

/* END
================================================================= */

/* BEGIN
================================================================= */

.removeStylingTableData .tblData {
    border: 0 none;
    margin-bottom: 0;
}

.removeStylingTableData .tblData td {
    padding: 0;
}

/* END
================================================================= */

/* BEGIN Old CSS
================================================================= */

/* TODO: Test omgeving andere kleur balk geven als dan op produtie */
/*body.achtergrond1 .top_button a[href].mainMenuItem {*/
/*    color: var(--secondary-100);*/
/*    text-decoration: none;*/
/*}*/

/*body.achtergrond1 .top_button a[href].mainMenuItem:hover {*/
/*    color: var(--color-text-inverse);*/
/*    background: linear-gradient(179.58deg, rgba(var(--tertiary-rgb), 0.16) -51.15%, rgba(var(--primary-rgb), 0.34)  307.58%);*/
/*    text-decoration: none;*/
/*}*/

/*body.achtergrond1 .top_button.top_button_active a.mainMenuItem {*/
/*    color: var(--color-text-inverse);*/
/*    background: linear-gradient(179.92deg, var(--tertiary-700) -44.62%, var(--primary-500) 190.4%);*/
/*}*/


div.wicket-tree-table {
    border-collapse: collapse;
    font-size: .9em;
    border: 1px solid #dededb;
    margin-right: 0;
    background: #fff;
    margin-bottom: 1px;
}

/* periodeWrapper */
div.periodeWrapper {
    background-color: #f1f1f1;
    padding: 10px;
}

/* undefined */
div.undefined {
    font-size: 12px;
    margin-top: 15px;
    padding: 5px;
}

/* selectable */
ingeleverdol.selectable.jaar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    display: block;
}

ol.selectable.jaar {
    margin-left: 10px;
}

ol.selectable.jaar li {
    display: inline-block;
    margin-right: 4px;
    padding: 4px 10px;
    border-radius: var(--border-radius-200);
    text-align: center;
    color: #fff;
    background-color: #909eb7;
}

ol.selectable.jaar li div.jaarlink {
    height: 100%;
    width: 80px;
}

ol.selectable.jaar li.selected {
    color: #627490;
    background: none;
    font-weight: bold;
    border: 1px solid #909eb7;
}

ol.selectable.jaar li:hover {
    background: none;
    color: #627490;
    cursor: pointer;
}

ol.selectable.programmaregel {
    margin-top: 13px;
}

ol.selectable.programmaregel li.regel:hover {
    background: #e2e6ec;
    cursor: pointer;
}

ol.selectable.programmaregel li.regel.selected:hover {
    cursor: auto;
}

ol.selectable.programmaregel li.regel.selected {
    background-color: #e2e6ec;
}

ol.selectable.programmaregel li.regel.bpv {
    background-color: #fff;
}

ol.selectable.programmaregel li.regel.bpv span,
ol.selectable.programmaregel li.regel.bpv span.status,
ol.selectable.programmaregel li.regel.bpv.selected span.status,
ol.selectable.programmaregel li.regel.bpv span.titel,
ol.selectable.programmaregel li.regel.bpv.selected span.titel {
    color: #0cf;
}

ol.selectable.programmaregel li.bpv:hover {
    cursor: auto;
}

ol.selectable.programmaregel li.regel {
    margin-left: 10px;
    margin-top: 10px;
    padding: 8px;
    display: block;
    width: 400px;
    min-height: 17px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
}

ol.selectable.programmaregel li.regel div {
    width: 400px;
    min-height: 17px;
    display: block;
}

ol.selectable.programmaregel li.regel.vast {
    background-color: #e6e6e6;
}

ol.selectable.programmaregel li.regel.vast td,
ol.selectable.programmaregel li.regel.vast span.status {
    color: #999;
}

ol.selectable.programmaregel li.regel.vrij td,
ol.selectable.programmaregel li.regel.vrij span.status,
ol.selectable.programmaregel li.regel.vrij.selected span.status,
ol.selectable.programmaregel li.regel.vrij span.titel,
ol.selectable.programmaregel li.regel.vrij.selected span.titel {
    color: #89a02c;
}

ol.selectable.programmaregel li.regel.vast span.titel {
    color: #b3b3b3;
}

ol.selectable.programmaregel li.regel.vast:hover {
    cursor: default;
}

ol.selectable.programmaregel li.regel span.titel {
    font-size: 16px;
    font-weight: bolder;
    color: #627490;
    width: 290px;
    display: block;
}

ol.selectable.programmaregel li.regel span.status {
    font-size: 11px;
    color: #465777;
    text-align: right;
    float: right;
    position: relative;
    top: -16px;
}

ol.selectable.programmaregel li.regel li.keuzes {
    font-size: 11px;
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
    display: block;
    width: 350px;
    clear: both;
    color: #465777;
}

ol.selectable.programmaregel li.regel li.keuzes span.belasting {
    margin-right: 20px;
    position: relative;
    float: right;
    top: -14px;
}

ol.selectable.programmaregel li.regel li.keuzes span.over {
    margin-right: 0;
    position: relative;
    float: right;
    top: -14px;
}

ol.selectable.programmaregel li.regel span.keuzesHeader {
    color: #465777;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
    clear: both;
    display: block;
    text-align: left;
    font-size: 11px;
    margin-left: 10px;
}

/* modal */
div.wicket-modal h3.w_captionText {
    font-size: 100%;
}

/* os-orderselect */
.os-label {
    font-size: var(--text-heading-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
}

ul.os-orderselect {
    list-style: none;
    background-color: var(--color-bg-fill-secondary);
    width: 400px;
    height: 450px;
    margin: 0;
    padding: 0 4px;
    overflow-x: hidden;
    overflow-y: auto;
}

ul.os-orderselect li {
    display: inline-block;
}

.os-orderselect .os-name {
    margin: 3px 0 0 5px !important;
}


.widget-slidemenu {
    padding: 0;
    margin: 0;
    border-top: 1px solid #858585;
    border-bottom: 1px solid #565656;
    height: 31px;
    background: #e7e7e7 url("../../../../assets/img/widgets/widget-slidemenu_bg.gif") no-repeat right top;
}

.widget-slidemenu a {
    background: #e7e7e7 url("../../../../assets/img/widgets/widget-slidemenu.gif") repeat-x;
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    padding: 6px;
    height: 19px;
    color: #dedede;
    border-left: 1px solid #8d8d8d;
    border-right: 1px solid #6e6e6e;
    float: left;
}

.widget-slidemenu span ul {
    display: none;
}

.widget-slidemenu span:hover :first-child ul {
    display: block;
}

.widget-slidemenu a li {
    float: left;
    width: auto;
}

.widget-slidemenu li a {
    width: auto;
}

.modalLayLeft .widget-feedback {
    margin-left: 0;
}

.widget-tabs {
    background: #fff;
    font-size: .8em;
    text-align: center;
    color: #534e4b;
    width: 100%;
    height: 19px;
    padding: 3px 0 0 1px;
    border-left: 1px solid #918e8d;
    border-right: 1px solid #918e8d;
}

.widget-tabs ul {
    margin: 0;
    padding: 0 0 0;
    list-style: none;
}

.widget-tabs li {
    display: inline;
}

.widget-tabs a {
    float: left;
    margin-left: 6px;
    padding: 0;
    text-decoration: none;
}

.widget-tabs a span {
    float: left;
    display: block;
    color: #37abc8;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 15px 3px 6px;
    white-space: nowrap;
    cursor: pointer;
}

.widget-tabs a span {
    float: none;
}

.widget-tabs a:hover span {
    color: #534e4b;
}

.widget-tabs .current a {
    border-width: 0;
    border-bottom: 1px solid #fff;
}

.widget-tabs .current a span {
    padding-bottom: 0;
    color: #08a;
    border-bottom: 1px solid #fff;
}

.widget-tabs a:hover {
    background-position: 0 -19px;
}

.widget-tabs a:hover span {
    background-position: 100% -19px;
}

.widget-panel {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
}

.widget-stretchToggle {
    height: 16px;
    background: #eee url("../../../../assets/img/widgets/slideBar.png") no-repeat left top;
    border-right: 1px solid #a6a6a6;
    margin: 1px 5px 1px 20px;
    color: #3a3a3a;
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 1px;
    cursor: pointer;
    font-size: 12px;
}

.widget-stretcher {
    margin: 1px 5px 1px 20px;
    background: #fff;
    padding: 0 10px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.wicket-mfu-container {
    margin: 3px 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dededb;
    font-size: .9em;
    width: 250px;
}

.wicket-mfu-container div {
    padding: 3px 5px;
    border-bottom: #e6e6e6 1px dotted;
}

.wicket-mfu-caption {
    font-weight: bold;
    font-style: italic;
    background: #dededb;
    color: #909eb7;
    padding: 0 5px;
}

.wicket-mfu-container input {
    margin-left: 5px;
    background: url("../../../../assets/img/icons/delete.gif") no-repeat scroll 0 0 transparent;
    border: none;
    cursor: pointer;
    float: right;
    width: 16px;
}


div.addresEditPaddingFix {
    padding: 1em .7em !important;
}

#validationFilterReport {
    overflow: auto !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
}

.taalkeuzebox {
    color: #999;
    float: left;
    font-size: .9em;
    height: 14px;
    margin-top: -79px;
}

.taalkeuzebox img {
    margin-top: 2px;
}

.keuzetd {
    padding-left: 10px;
}

.signalen {
    display: none;
}

.zoekresultaten_menu_item {
    background: transparent url("../../../../assets/img/icons/dropdown.gif") no-repeat scroll 2px 6px !important;
    border-left: 0 none !important;
    padding: 0 5px !important;
}

.zoekresultaten_dropdown_menu_item:hover {
    background: #e7e7e7 url("../../../../assets/img/icons/dropdown.gif") no-repeat scroll 50% 5px !important;
    border-left: 0 none !important;
    padding: 0 5px !important;
}

table.freezedPane {
    position: absolute;
    left: 0;
    top: 0;
    table-layout: fixed;
    margin: 0;
}

table.freezedPane.topPane {
    z-index: 2;
    box-shadow: 0 5px 5px -5px rgba(36, 36, 36, 0.5);
}

table.freezedPane.leftPane {
    z-index: 2;
    box-shadow: 5px 0 5px -5px rgba(36, 36, 36, 0.5);
}

table.freezedPane.topLeftPane {
    z-index: 3;
    box-shadow: 5px 0 5px -5px rgba(36, 36, 36, 0.5);
}

.scrollBox-inner {
    position: relative;
}

.contHeader {
    width: 450px;
    padding: 0 10px 0 0;
}

.layDetails {
    position: relative;
    height: 150px;
    border-top: 1px solid #d5d5d5;
    text-align: left;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    background-color: #f9f9f9;
    border-radius: 10px 0 10px 10px;
    box-shadow: 3px 3px 5px #999;
    float: left;
    width: 1024px;
}

.deelnemerpanel_foto {
    height: 120px;
}

.deelnemerpanel_tekst {
    float: none;
    padding: 0;
    margin: 10px 0 0 0;
    width: auto;
}

.deelnemerpanel_tekst.waarnemingen {
    margin-left: 20px;
}

.layLeft.forDetails {
    bottom: 156px;
}

.layLeft.wizard {
    min-height: 600px;
}

.layFooter.wizard {
    position: absolute;
    right: 0;
    bottom: 0;
}

#infoButton {
    background: url("../../../../assets/img/icons/infotab.png") no-repeat;
    position: sticky;
    top: calc(100% - 15px);
    bottom: 0;
    height: 15px;
    width: 40px;
    margin-left: 10px;
}

#infoButton:hover {
    background: url("../../../../assets/img/icons/infotab_ovr.png") no-repeat;
}

#mobileButton {
    background: url("../../../../assets/img/icons/mobile-icon.png") no-repeat;
    position: absolute;
    bottom: 0;
    height: 15px;
    width: 40px;
    margin-left: 50px;
}

#mobileButton:hover {
    background: url("../../../../assets/img/icons/mobile-icon_ovr.png") no-repeat;
}

.beheer .ui-tabs .ui-tabs-nav {
    padding-left: 0;
}

.beheer .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-bottom: none !important;
}

.ui-state-default a, .beheer .ui-state-default a {
    color: #627490;
}

.beheer .ui-tabs-nav li a {
    padding: 2px !important;
    text-transform: capitalize;
}

.beheer li.ui-state-default,
.beheer li.ui-widget-content .ui-state-default {
    background-color: #fff !important;
}

li.ui-state-active,
li.ui-widget-content .ui-state-active,
.beheer li.ui-state-active,
.beheer li.ui-widget-content .ui-state-active {
    background-color: #cecece !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.beheer .ui-tabs .ui-tabs-panel {
    border-top: none !important;
}

.deelnemer .ui-accordion-content h3.caption span {
    color: #b3b3b3;
}

.ui-dropdownchecklist {
    height: 18px !important;
}

.groep .widget-stretchToggle {
    margin: 1px 5px 1px 0;
}

.groep .widget-stretcher {
    margin: 1px 5px 1px 0;
}

.ui-dropdownchecklist-text {
    height: 13px !important;
    line-height: 18px !important;
    overflow: visible !important;
}

.placed {
    height: 14px;
    width: 18px;
    background: url("../../../../assets/img/agenda/icon_invite_required.gif") no-repeat;
    margin-left: 2px;
}

.invited {
    height: 14px;
    width: 18px;
    background: url("../../../../assets/img/agenda/icon_invite.gif") no-repeat;
    margin-left: 2px;
}


.layDetailIcon {
    margin-left: 50%;
    margin-top: 5px;
}

.newItem,
.newItem_grey,
.deleteItem,
.deleteItem_grey,
.actionItem,
.actionItem_grey,
.referenceItem,
.newLink,
.activateItem,
.activateItem_grey,
.deactivateItem,
.deactivateItem_grey,
.selectItem,
.orderDown,
.orderUp {
    display: block;
    width: 18px;
    height: 18px;
}

.presentieVerwerktItem,
.presentieNietVerwerktItem {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.aangevinkt,
.uitgevinkt {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.verified, .falsified, .notverified, .malformed {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.newItem {
    background: transparent url("../../../../assets/img/icons/newitem.png") no-repeat;
}

.newItem_grey {
    background: transparent url("../../../../assets/img/icons/newitem_grey.png") no-repeat;
}

.deleteItem {
    background: transparent url("../../../../assets/img/icons/delete.gif") no-repeat;
}

.deleteItem_grey {
    background: transparent url("../../../../assets/img/icons/delete_grey.gif") no-repeat;
}

.actionItem {
    background: transparent url("../../../../assets/img/icons/action.png") no-repeat;
}

.actionItem_grey {
    background: transparent url("../../../../assets/img/icons/action_grey.png") no-repeat;
}

.referenceItem {
    background: transparent url("../../../../assets/img/icons/action2.png") no-repeat;
}

.newLink {
    background: transparent url("../../../../assets/img/icons/newlink.png") no-repeat;
}

.selectItem {
    background: transparent url("../../../../assets/img/icons/select.png") no-repeat;
}

.selectItem_grey {
    background: transparent url("../../../../assets/img/icons/select_grey.png") no-repeat;
}

.presentieVerwerktItem {
    background: transparent url("../../../../assets/img/icons/icon_absentiereg_done.png") no-repeat;
}

.presentieNietVerwerktItem {
    background: transparent url("../../../../assets/img/icons/icon_absentiereg_notdone.png") no-repeat;
}

.aangevinkt {
    background: transparent url("../../../../assets/img/icons/aangevinkt.png") no-repeat;
}

.uitgevinkt {
    background: transparent url("../../../../assets/img/icons/uitgevinkt.png") no-repeat;
}

.verified {
    background: transparent url("../../../../assets/img/icons/verified.png") no-repeat;
}

.falsified {
    background: transparent url("../../../../assets/img/icons/notverified.png") no-repeat;
}

.notverified {
    background: transparent url("../../../../assets/img/icons/verified-grey.png") no-repeat;
}

.malformed {
    background: transparent url("../../../../assets/img/icons/error.png") no-repeat;
}

.activateItem {
    background: transparent url("../../../../assets/img/icons/activatebutton.gif") no-repeat;
}

.activateItem_grey {
    background: transparent url("../../../../assets/img/icons/activatebutton0.gif") no-repeat;
}

.deactivateItem {
    background: transparent url("../../../../assets/img/icons/deactivatebutton.gif") no-repeat;
}

.deactivateItem_grey {
    background: transparent url("../../../../assets/img/icons/deactivatebutton0.gif") no-repeat;
}

.orderUp {
    background: transparent url("../../../../assets/img/icons/selection_up.png") no-repeat;
}

.orderDown {
    background: transparent url("../../../../assets/img/icons/selection_down.png") no-repeat;
}

.deleteItemSlim {
    display: block;
    width: 18px;
    height: 14px;
    margin-right: 5px;
    background: transparent url("../../../../assets/img/icons/delete_slim.gif") no-repeat;
}

.resendItem {
    display: block;
    width: 20px;
    height: 18px;
    background: transparent url("../../../../assets/img/agenda/icon_reminder.gif") no-repeat;
}

.expandItem {
    display: block;
    width: 20px;
    height: 18px;
    background: transparent url("../../../../assets/img/agenda/icon_expand.gif") no-repeat;
}

.lesuurSelect {
    display: block;
    width: 20px;
    height: 18px;
    background: transparent url("../../../../assets/img/agenda/icon_roosterafspraak.png") no-repeat;
}

.tijdSelect {
    display: block;
    width: 20px;
    height: 18px;
    background: transparent url("../../../../assets/img/agenda/icon_timeafspraak.png") no-repeat;
}

.checkBoxNoCheck {
    display: block;
    width: 20px;
    height: 18px;
    background: transparent url("../../../../assets/img/icons/nocheck.png") no-repeat;
}

.afdrukLink {
    display: block;
    width: 20px;
    height: 18px;
    margin-right: 4px;
    background: transparent url("../../../../assets/img/icons/printPDF.png") no-repeat;
}

.navigeerLinks {
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url("../../../../assets/img/icons/navigate_l.png") no-repeat;
}

.navigeerRechts {
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url("../../../../assets/img/icons/navigate_r.png") no-repeat;
}

.comment {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/icons/comments.png") no-repeat;
}

.cog_go {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/icons/cog_go.png") no-repeat;
}

.deelnemerNotitie {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/icons/document_attachment.png") no-repeat;
}

.deelnemerNotitie.grey {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/icons/document_attachment_grey.png") no-repeat;
}

.linkext {
    display: block;
    float: left;
    width: 18px;
    height: 11px;
    background: transparent url("../../../../assets/img/icons/linkext.png") no-repeat;
    margin-right: 5px;
}

.infoballoon {
    display: block;
    float: left;
    width: 18px;
    height: 11px;
    clear: both;
    background: transparent url("../../../../assets/img/icons/infoballoon.png") no-repeat;
}

.inschrijvenIcon {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/OLS/inschrijven.png") no-repeat;
}

span.arrow {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/OLS/pijltje_closed.png") no-repeat;
}

span.arrow.open {
    background: transparent url("../../../../assets/img/OLS/pijltje_opened.png") no-repeat;
}

.waarschuwingsniveauDropDown img {
    vertical-align: text-top;
}


.rotateHeader {
    display: block;
    position: relative;
    text-align: left;
    top: 75px;
    left: 77px;
    width: 20px;
    height: 170px;
    transform: rotate(-90deg);
}

.rotateSmall {
    height: 90px;
    width: 10px !important;
}

.sidepanel_header {
    font-size: 1.1em;
}

.sidepanel_subcontent {
    font-size: 1em;
    color: #878787;
}

.loginPage {
    background-color: #f1f1f1;
    padding-top: 50px;
}

#loginBox {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    color: #999;
    margin-left: auto;
    margin-right: auto;
    width: 643px;
}

#loginBox_top {
    background: url("../../../../assets/img/login/loginBox_top2.png") no-repeat scroll 0 0 transparent;
    color: #eb6b0a;
    height: 44px;
    margin-left: -2px;
    width: 647px;
}

#loginBox_center {
    background: url("../../../../assets/img/login/loginBox_center2.png") repeat-y scroll 0 0 transparent;
    color: #999;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 577px;
}

.loginBox_centerTop {
    background: url("../../../../assets/img/login/loginBox_centerTop2.png") no-repeat scroll 0 0 transparent;
    height: 14px;
    width: 577px;
}

.loginBox_centerBottom {
    background: url("../../../../assets/img/login/loginBox_centerBottom.png") no-repeat scroll center bottom transparent;
    height: 10px;
    width: 577px;
}

#loginBox_bottom {
    color: #627490;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}

#loginBox #loginForm .widget-button {
    min-width: 77px;
}

.loginTitle {
    font-weight: bold;
    height: 50px;
    line-height: 25px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 5px;
    text-align: left;
}

.loginError {
    overflow: visible;
    line-height: 15px;
    margin-top: 10px;
    margin-left: 28px;
}

.loginFormBox {
    font-size: 80%;
    height: auto;
    padding-left: 25px;
    position: relative;
    text-align: left;
}

.loginFormBox td {
    line-height: 20px;
    padding: 3px 30px 3px 3px;
}

.loginFormBox td label {
    font-size: 90%;
}

.loginFormBox input {
    color: #4a003d;
    background: #fff !important;
    border: 1px solid #d0e7f2;
    padding: 0;
    width: 200px;
}

.loginFormBox select {
    color: #4a003d;
    background: #fff !important;
    border: 1px solid #d0e7f2;
    padding: 0;
    width: 202px;
}

.loginFormBox input.submit {
    width: auto;
    height: auto;
    border: none;
}

.loginFormBox img {
    cursor: pointer;
}

input.checkbox {
    width: auto;
    border: 0;
    background: transparent;
}

.loginFooter {
    font-size: 75%;
    padding-right: 34px;
    padding-top: 34px;
    text-align: right;
}

.loginPage .widget-button a span, .loginPage .widget-button > span span {
    padding: 1px 5px 5px !important;
}

.loginPage .loginError .feedbackPanelERROR {
    color: #c00;
}

.wachtwoord-vergeten {
    padding: 2px;
}

#ie6warn .highlight {
    color: #d00;
    font-weight: bold;
}

#ie6warn td {
    text-align: center;
    padding: 7px 3px;
}

#ie6warn .logolink {
    display: block;
    width: 100%;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center center;
}

#ie6warn #continueLink {
    color: #00f;
}

#ie6warn .browsernames {
    font-size: 11px;
}

#ie6warn .browsernames td {
    padding-top: 0;
}

#chromelink {
    background-image: url('../../../../assets/img/logos/chrome.png');
}

#firefoxlink {
    background-image: url('../../../../assets/img/logos/ff.png');
}

#ielink {
    background-image: url('../../../../assets/img/logos/ie.png');
}

#safarilink {
    background-image: url('../../../../assets/img/logos/safari.png');
}

#operalink {
    background-image: url('../../../../assets/img/logos/opera.png');
}

div.wicket-mask-extra-dark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    -moz-opacity: .9;
    background-color: #000;
    filter: alpha(opacity=90);
    background-image: url('transparent2.png');
}

.contScreensaver {
    width: 452px;
    padding: 0 0 0 0;
    margin: 0;
    overflow: hidden;
}

/*a[disabled] .nav_bar, */
/*a[disabled] .nav_bar:hover {*/
/*    padding: 3px 5px;*/
/*    border: 1px solid #627490;*/
/*    color: #7b8aa2;*/
/*    background: #fff;*/
/*    -moz-border-radius: 5px;*/
/*    -webkit-border-radius: 5px;*/
/*    border-radius: 5px;*/
/*    cursor: auto;*/
/*}*/

a[disabled]:hover {
    text-decoration: none;
    cursor: unset;
}

/*a[href].nav_first:hover,*/
/*a[href].nav_prev:hover,*/
/*a[href] .nav_bar:hover,*/
/*a[href].nav_next:hover,*/
/*a[href].nav_last:hover {*/
/*    background: #7888a0;*/
/*    cursor: pointer;*/
/*    border-radius: 5px;*/
/*}*/

/*a[href].nav_first,*/
/*a[href].nav_prev,*/
/*a[href] .nav_bar,*/
/*a[href].nav_next,*/
/*a[href].nav_last {*/
/*    border: 1px solid #627490;*/
/*    background: #7888a0;*/
/*    color: #fff;*/
/*    padding: 3px 7px;*/
/*    border-radius: 5px;*/
/*}*/

.inpGeaccepteerd {
    background-color: #f0f6c8;
}

.inpGeweigerd {
    background-color: #ffdecb;
}

.inpUitgenodigd {
    background-color: #e2cfff;
}

.lblGeaccepteerd {
    background-color: #f0f6c8;
}

.lblGeweigerd {
    background-color: #ffdecb;
}

.lblUitgenodigd {
    background-color: #e2cfff;
}

img.margin2 {
    margin: 0 2px;
}

.container.home.withCalendar,
.container.deelnemer.withCalendar {
    min-width: 1000px;
}

.withCalendar .laySide {
    display: none;
}

.home.withCalendar #scrollBox,
.deelnemer.withCalendar #scrollBox {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-x: hidden;
    width: 1020px !important;
    margin-top: -4px;
    margin-left: 5px;
}

@media screen and (max-width: 1200px) {
    .home.withCalendar #scrollBox,
    .deelnemer.withCalendar #scrollBox {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow-x: hidden;
        width: 1020px !important;
        margin-top: -4px;
        margin-left: 5px;
    }
}

@media screen and (min-width: 1200px) {
    .container.home.withCalendar,
    .container.deelnemer.withCalendar {
        min-width: 1200px;
    }

    .home.withCalendar #scrollBox,
    .deelnemer.withCalendar #scrollBox {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow-x: hidden;
        width: 1020px !important;
        margin-top: -4px;
        margin-left: 13px;
    }
}

.hours {
    position: absolute;
    top: 0;
    left: -1px;
    padding-bottom: 2px;
    background-color: #fff;
}

.hours .hour {
    display: block;
    position: relative;
    height: 40px;
}

.hour .header {
    height: 40px;
    width: 45px;
    font-size: 17px;
    font-weight: bold;
    color: #909eb7;
    display: block;
    padding-right: 5px;
    text-align: right;
}

.hour:hover {
    text-decoration: none;
}

.hour .min30 {
    position: absolute;
    top: 20px;
    left: 50px;
    width: 840px;
    border-top: 1px solid #ddd;
    display: block;
}

.hour .min60 {
    position: absolute;
    top: 0;
    left: 35px;
    width: 855px;
    border-top: 1px solid #b6bfd0;
    display: block;
}

.schedule .current-time {
    position: absolute;
    left: 0;
    height: 2px;
    width: 840px;
    z-index: 100;
    background-color: #f60;
}

.grating {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.grating .lesson {
    width: 890px;
}

.grating .number {
    border-right: 1px solid #7888a0;
    height: 100%;
    width: 19px;
    color: #909eb7;
    text-align: center;
    font-size: 1.2em;
}

.grating-contents {
    border-top: 1px solid #7888a0;
    border-bottom: 1px solid #7888a0;
}

.grating .lesson .number {
    background-color: #e2e6ec;
}

.grating .break .number {
    background-color: #b6bfd0;
    border-top: 1px solid #7888a0;
    border-bottom: 1px solid #7888a0;
}

.grating .overlay {
    float: right;
    height: 100%;
    width: 840px;
    opacity: .6;
    filter: "alpha(opacity = 60)";
    background-color: #fff;
}

.grating .handle {
    height: 75px;
    background-image: url("../../../../assets/img/agenda/lesuren.png");
}

.schedule {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50px;
    width: 840px;
    height: 960px;
}

.schedule .schedule-drag-canvas {
    top: 0;
    left: 0;
    width: 840px;
    height: 960px;
    position: absolute;
    -moz-user-select: none;
    z-index: 1;
    background-image: url("../../../../assets/img/agenda/transparent.png");
}

.schedule .schedule-drag-display {
    display: none;
    position: absolute;
    background-color: #f60;
    opacity: .7;
    filter: "alpha(opacity = 70)";
    z-index: 900;
    border: 2px solid #909eb7;
}

.schedule .item {
    position: absolute;
    font-size: 11px;
    z-index: 2;
}

.schedule .item.invited {
    opacity: .5;
    filter: "alpha(opacity = 50)";
}

.schedule .item.someone-notaccepted .content {
    background-image: url("../../../../assets/img/agenda/notaccepted.png");
}

.schedule .item.someone-declined .content {
    background-image: url("../../../../assets/img/agenda/declined.png");
}

.schedule .item .title td {
    white-space: nowrap;
}

.schedule .item .title, .day-cal .item .content {
    color: #fff;
    font-weight: bold;
    padding: 0 2px;
    white-space: nowrap;
}

.schedule .item .title {
    margin: -3px -3px 0 -3px;
    width: 1000px;
}

.schedule .item .title .presentie-on,
.schedule .item .title .presentie-off,
.schedule .item .title .presentie-block,
.schedule .item .title .no-presentie {
    width: 17px;
    height: 17px;
    display: block;
}

.schedule .item .title .presentie-on {
    background-image: url("../../../../assets/img/agenda/presentiereg_on.png");
}

.schedule .item .title .presentie-off {
    background-image: url("../../../../assets/img/agenda/presentiereg_off.png");
}

.schedule .item .title .presentie-block {
    background-image: url("../../../../assets/img/agenda/presentiereg_block.png");
}

.schedule .item .title .herhalingAanwezig {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../../../assets/img/agenda/herhaling.png");
}

.schedule .item .title .bijlageAanwezig {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../../../assets/img/agenda/bijlage.png");
}

.item .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 3px;
    right: 3px;
    overflow: hidden;
    z-index: 3;
    padding: 3px;
}

.item .shade {
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 0;
    right: 0;
    background-color: #999;
    z-index: 2;
}

.day-item:hover .content,
.item:hover .content {
    border: 3px solid #33f;
    margin: -3px;
}

.day-item:hover,
.item:hover {
    z-index: 200;
}

.day-cal .item {
    position: relative;
    height: 18px;
    overflow: hidden;
    font-size: 11px;
}

.agenda .sidebar {
    position: absolute;
    width: 140px;
    top: 0;
    right: -95px;
    height: 962px;
    background-color: #fff;
    z-index: 1;
}

.agenda .sidebar .narrow,
.agenda .sidebar .wide {
    position: fixed;
    padding-top: 10px;
    width: 50px;
}

.agenda .sidebar .component {
    margin: 0 2px 10px 2px;
}

.agenda .sidebar .narrow .component {
    width: 132px;
}

.agenda .sidebar .wide .component {
    margin-left: 20px;
    margin-right: 10px;
}

.agenda .sidebar .narrow .narrow-handle_nl {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 10px;
    margin-left: -15px;
    margin-top: -1px;
    height: 90px;
    width: 15px;
    background-image: url("../../../../assets/img/agenda/btn_sidebaruit2.png");
    z-index: 2001;
}

.agenda .sidebar .narrow .narrow-handle_en {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 10px;
    margin-left: -15px;
    margin-top: -1px;
    height: 90px;
    width: 15px;
    background-image: url("../../../../assets/img/agenda/expand.png");
    z-index: 2001;
}

.agenda .sidebar .wide .wide-handle_nl {
    position: absolute;
    left: 0;
    top: 10px;
    cursor: pointer;
    margin-top: 0;
    height: 90px;
    width: 15px;
    background-image: url("../../../../assets/img/agenda/btn_sidebarin.png");
    z-index: 10;
}

.agenda .sidebar .wide .wide-handle_en {
    position: absolute;
    left: 0;
    top: 10px;
    cursor: pointer;
    margin-top: 0;
    height: 90px;
    width: 15px;
    background-image: url("../../../../assets/img/agenda/collapse.png");
    z-index: 10;
}

.agenda .sidebar .wide {
    display: none;
    width: 304px;
    margin-left: -160px;
    height: 100%;
    background-color: #fff;
    opacity: .95;
    filter: "alpha(opacity = 95)";
    z-index: 200;
    margin-top: -10px;
}

.agenda .component {
    border: 1px inset #08a;
    background-color: #fff;
    font-size: 12px;
}

.agenda .component .c-caption {
    background-color: #e8f0f2;
    font-weight: bold;
    color: #08a;
    text-align: center;
    padding: 2px 5px;
    border-bottom: 1px solid #b6bfd0;
}

.agenda .component .c-caption.no-padding {
    padding: 2px 0;
    background-color: #f0ebe9;
    font-weight: bold;
    color: #6a7b96;
}

.agenda .component .c-content {
    padding: 5px;
}

.agenda .c-caption .button .next {
    background-image: url("../../../../assets/img/agenda/btn_arrowright0.png");
}

.agenda .c-caption .button .prev {
    background-image: url("../../../../assets/img/agenda/btn_arrowleft0.png");
}

.agenda .c-caption .button .prev-prev {
    background-image: url("../../../../assets/img/agenda/btn_2arrowsleft0.png");
}

.agenda .c-caption .button .next-next {
    background-image: url("../../../../assets/img/agenda/btn_2arrowsright0.png");
}

.agenda .c-caption .button .next:hover {
    background-image: url("../../../../assets/img/agenda/btn_arrowright2.png");
}

.agenda .c-caption .button .prev:hover {
    background-image: url("../../../../assets/img/agenda/btn_arrowleft2.png");
}

.agenda .c-caption .button .prev-prev:hover {
    background-image: url("../../../../assets/img/agenda/btn_2arrowsleft2.png");
}

.agenda .c-caption .button .next-next:hover {
    background-image: url("../../../../assets/img/agenda/btn_2arrowsright2.png");
}

.agenda .c-caption .button .next:active {
    background-image: url("../../../../assets/img/agenda/btn_arrowright1.png");
}

.agenda .c-caption .button .prev:active {
    background-image: url("../../../../assets/img/agenda/btn_arrowleft1.png");
}

.agenda .c-caption .button .prev-prev:active {
    background-image: url("../../../../assets/img/agenda/btn_2arrowsleft1.png");
}

.agenda .c-caption .button .next-next:active {
    background-image: url("../../../../assets/img/agenda/btn_2arrowsright1.png");
}

.agenda .c-caption table {
    width: 100%;
}

.agenda .wide .c-caption .button {
    width: 20px;
    padding: 0 2px;
}

.agenda .narrow .c-caption .button {
    width: 18px;
    padding: 0;
}

.agenda .wide .calendar-navbar .month {
    width: 68px;
    padding: 0 5px;
    text-align: right;
}

.agenda .wide .calendar-navbar .year {
    width: 53px;
    padding: 0 5px;
    text-align: left;
}

.agenda .narrow .calendar-navbar .month {
    width: 31px;
    text-align: center;
}

.agenda .narrow .calendar-navbar .year {
    width: 31px;
    text-align: center;
}

.agenda .wide .c-caption a.button {
    width: 20px;
}

.agenda .c-caption a.button {
    display: block;
    height: 12px;
    background-position: center center;
    background-repeat: no-repeat;
}

.agenda table.calendar {
    width: 100%;
}

.agenda table.calendar td {
    text-align: center;
    padding: 3px;
}

.agenda table.calendar th {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.agenda table.calendar th.weekend {
    background-color: #adb3bf;
}

.agenda table.calendar td.weekend {
    background-color: #f0ebe9;
}

.agenda table.calendar .week-number {
    color: #08a;
    font-weight: bold;
    width: 30px;
}

.agenda table.calendar td.today {
    color: #f60;
}

.agenda table.calendar td.selected {
    background-color: #f0ebe9;
}

.agenda table.calendar td.other-month {
    color: #bbb;
}

.agenda table.calendar tr:hover td.working,
.agenda table.calendar.weekend-hover tr:hover td.weekend {
    background-color: #d2dfe0;
}

.days-5.days .day,
.days-5 .days .day,
.days-5 .days .day .day-cal,
.days-5 .days .day .header {
    width: 159px;
}

.days-7 .day,
.days-7 .day .day-cal,
.days-7 .day .header {
    width: 113px;
}

.agenda .days .day {
    position: relative;
    left: 50px;
}


.txtcenter {
    font-weight: bold !important;
}

.calendar-navbar {
    font-weight: bold !important;
}

.competentieEditor {
    z-index: 100;
    display: none;
    font-size: 80%;
    width: 50px;
    position: absolute;
}


.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 1 !important;
    font-weight: bold !important;
}

.slider_terug {
    min-height: 800px;
    width: 16px;
    float: right;
    cursor: pointer;
    z-index: 400;
}

.bpvDragDrop {
    width: 300px;
    height: 32px;
    margin: 1px;
    cursor: move;
    background-color: #909eb7;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
}

.bpvDragDropLabel {
    width: 300px;
    height: 32px;
    margin: 1px;
    margin-left: 150px;
    background-color: #f1f1f1;
    color: #627490;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
}

.voorkeurLabel {
    margin: 5px;
    white-space: nowrap;
}

.bpvDragDropPanel {
    width: 250px;
    height: 34px;
}

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

.bpvPlaatsen {
    width: 30%;
    float: left;
}

.bpvInpDescription {
    float: none !important;
}

.bpvDetail {
    background: url("../../../../assets/img/layout/cbdetail2.png") repeat-y -15px 0;
}

.bpvDetail table {
    margin-left: 12px;
    width: 98%;
}

.bpvDetail div {
    margin-left: 12px;
    font-style: italic;
    color: #777;
}

.bpvDetailVeld {
    margin: 5px;
}

.mergeFieldDescription.inpDescription {
    float: none !important;
    border-bottom: 1px dashed;
}

.map {
    width: 500px;
    height: 300px;
    margin: 0 auto;
    margin-left: 20px;
    margin-bottom: 10px;
}

.centreer {
    margin-left: 45%;
    color: #465777;
}

.bpvTable {
    table-layout: fixed;
    width: 97%;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.bpv-table-no-margin {
    table-layout: fixed;
    width: 97%;
    word-wrap: break-word;
}

.bpv-sort {
    margin-top: 15px;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #e2e6ec !important;
    border: none !important;
    margin: 10px 0 !important;
}

/*hier*/


.layBorder {
    border: 1px solid #afdde9;
    margin-top: 13px;
    margin-bottom: 7px;
    overflow: hidden;
    height: auto;
    min-width: 360px;
    padding-bottom: 2px;
}

.layBorder input {
    max-width: 170px;
}

div.layBorder a {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.modalLayLeft.special {
    height: 310px;
}

div.feedback.special {
    width: 390px;
}

div.modalLayFooter.special {
    bottom: 0;
    left: 0;
    width: 378px;
}

div.widget-button.right a.spaceTop {
    position: relative;
    top: 5px;
}

div.carouselContent {
    float: left;
    width: 310px;
}

div.carouselContent.left {
    clear: both;
}

h2.carouselTitle {
    color: #b3b3b3 !important;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 6px;
    margin-top: -2px;
    float: right;
}

h1.bpv {
    color: #f00;
    margin-left: 14px;
    font-size: 12px;
}

div.opafnames {
    padding-left: 30px;
}

.eduarteLogo {
    background: transparent url("../../../../assets/img/logos/eduarte_logo.png") no-repeat;
}

.eduarteLogo2 {
    background: transparent url("../../../../assets/img/logos/eduarte_logo2.png") no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}

.absentie_checked {
    background: transparent url("../../../../assets/img/icons/absentie_checked.png") no-repeat;
    display: block;
    width: 37px;
    height: 40px;
    margin-left: 2px;
}

.absentie_notchecked {
    background: transparent url("../../../../assets/img/icons/absentie_notchecked.png") no-repeat;
    display: block;
    width: 37px;
    height: 40px;
    margin-left: 2px;
}

.logout {
    background: transparent url("../../../../assets/img/icons/logout.png") no-repeat;
    display: block;
    width: 32px;
    height: 32px;
}

.display {
    background: transparent url("../../../../assets/img/icons/display.png") no-repeat;
    display: block;
    width: 32px;
    height: 32px;
}

#centerDiv {
    text-align: center;
}

#content {
    border-top: 2px solid #d8d8d8;
    background: #fff;
    padding-left: 70px;
    padding-right: 20px;
    padding-bottom: 100%;
}

#header {
    border-bottom: 3px solid #fff;
    width: 100%;
    border-radius: 0 0 0 20px;
    -moz-border-radius: 0 0 0 20px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(1, #fff));
    background-image: -moz-linear-gradient(center bottom, #e6e6e6 0, #fff 100%);
}

.headerLabel {
    font-weight: bold;
    padding-left: 20px;
}

.titel {
    color: #ffa500;
}

.greyLeftBorder {
    border-left: 2px solid #dbdbdb;
}

.center {
    text-align: center;
}

.afwezig {
    background-color: #cc91a3 !important;
}

.overlappend {
    background-color: #dbdbdb !important;
}

.aanwezig {
    background-color: #c0d15e !important;
}

.teLaatVerwijderd {
    background-color: #e3c23d !important;
}

.ui-listview {
    margin: 5px 10px 10px 10px !important;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    background: #7888a0;
    display: inline;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #fff;
    padding: 2px !important;
}

.ui-btn-down-m, .ui-btn-hover-m, .ui-btn-hover-z a.ui-link-inherit {
    background-color: #b6bfd0 !important;
    color: #7888a0 !important;
}

.ui-btn-up-m, .ui-btn-hover-m, .ui-btn-down-m {
    color: #fff;
    background-color: #7888a0;
    border-color: #535d6c #fff #fff;
    border-style: solid;
    border-width: 1px;
}

.ui-btn-icon-left .ui-btn-inner {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.openlayerMap {
    height: 200px;
}

div.olControlAttribution {
    top: 188px;
}

#map_GroupDiv {
    border: 2px solid #f00;
}

div.wrapper {
    height: 80px;
    overflow: hidden;
}

div.studiemeter {
    position: relative;
    background-image: url('../../../../assets/img/studiemeter/meter_leeg.png');
    width: 745px;
    height: 76px;
    display: block;
    background-repeat: no-repeat;
    z-index: 3;
    top: -97px;
}

div.ssResultatenZoekFilter {
    position: relative;
    top: -70px;
    left: 760px;
    width: 200px;
    height: 0;
}

div.studiemeter a:hover {
    text-decoration: none;
}

div.studiemeter div.boog {
    position: relative;
    width: 98px;
    height: 33px;
}

div.studiemeter div.boog.left {
    background-image: url('../../../../assets/img/studiemeter/boog_groen.png');
    left: 20px;
    top: -20px;
}

div.studiemeter div.boog.right {
    background-image: url('../../../../assets/img/studiemeter/boog_blauw.png');
    left: -490px;
    top: -61px;
}

div.studiemeter .studietotaal {
    font-size: 9px;
    position: relative;
    z-index: 3;
    color: #00aad4;
    top: -20px;
    left: 174px;
}

div.studiemeter a .studietotaal {
    text-decoration: underline;
}

div.studiemeter a .studietotaal:hover {
    text-decoration: none;
}

div.studiemeter .huidigefase {
    font-size: 9px;
    position: relative;
    z-index: 3;
    color: #86ad0f;
    top: 23px;
    left: -122px;
}

div.studiemeter a .huidigefase {
    text-decoration: underline;
}

div.studiemeter a .huidigefase:hover {
    text-decoration: none;
}

div.studiemeter div.toggle {
    position: relative;
    left: 135px;
    top: -36px;
    width: 15px;
    height: 28px;
    z-index: 3;
    display: block;
}

div.studiemeter div.meter {
    background-repeat: no-repeat;
    height: 33px;
    width: 60px;
    z-index: 3;
    display: block;
}

div.studiemeter div.meter.left {
    position: relative;
    left: -58px;
    background-image: url('../../../../assets/img/studiemeter/pijltjes_groen.png');
    background-position: 0 0;
    top: -14px;
    z-index: 3;
}

div.studiemeter div.meter.right {
    position: relative;
    left: -406px;
    top: -58px;
    background-image: url('../../../../assets/img/studiemeter/pijltjes_blauw.png');
    z-index: 3;
    background-position: 0 0;
}

div.behaald, .inpDescription.behaald {
    z-index: 2;
    position: relative;
    left: 315px;
    top: -39px;
    width: 0;
    height: 13px;
    background-color: #86ad0f;
    float: none;
    display: block;
}

div.behaald.studietotaal {
    background-color: #00aad4;
}

div.vrijstellingen, .inpDescription.vrijstellingen {
    z-index: 3;
    position: relative;
    left: 315px;
    top: -27px;
    width: 20px;
    height: 13px;
    background-color: #396b06;
    float: none;
    display: block;
}

.inpDescription.behaald.transparant, .inpDescription.gedaan.transparant, .inpDescription.vrijstellingen.transparant {
    background: none;
    top: -13px;
    cursor: help;
}

.inpDescription.vrijstellingen.transparant {
    z-index: 10;
    top: 15px;
}

.inpDescription.behaald.transparant {
    z-index: 9;
    top: 0;
}

.inpDescription.gedaan.transparant {
    z-index: 8;
}

.inpDescription.vrijstellingen.studietotaal {
    background-color: #072194;
}

div.gedaan, .inpDescription.gedaan {
    z-index: 1;
    position: relative;
    left: 315px;
    top: -62px;
    width: 0;
    height: 13px;
    background-color: #acc75b;
    float: none;
    display: block;
}

div.gedaan.studietotaal {
    background-color: #83d6ea;
}

.inpDescription.nominaal {
    z-index: 4;
    position: relative;
    top: -63px;
    width: 10px;
    height: 10px;
    background-image: url('../../../../assets/img/studiemeter/oranje_driehoekje.png');
    display: block;
    float: none;
}

div.studiemeter div.getallen {
    z-index: 3;
    position: relative;
    left: 316px;
    top: -55px;
    width: 420px;
    height: 10px;
    color: #c3c3c3;
    font-size: 10px;
    overflow: visible;
}

div.studiemeter div.getallen span {
    min-width: 97px;
    display: block;
    float: left;
}

div.studiemeter div.getallen span.third {
    margin-left: 6px;
}

div.studiemeter div.getallen span.fourth {
    margin-left: 5px;
    min-width: 95px;
}

div.studiemeter div.getallen span.fifth {
    min-width: 10px;
}

div.studiemeter div.legenda {
    color: #fff;
    position: relative;
    top: 45px;
    left: 280px;
    font-size: 10px;
    display: block;
    width: 430px;
    height: 26px;
    line-height: 12px;
}

div.programmaJaarWrapper {
    background-color: #f1f1f1;
    padding: 10px;
}

div.deelnemerKeuzePeriodesHeader {
    font-size: 16px;
    font-weight: bolder;
    padding: 6px 0 0 20px;
}

li.deelnemerKeuzesPeriodesMain {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
}

li.deelnemerKeuzesPeriodesMain.open {
    background-color: #e2e6ec;
}

div.keuzePeriodesVoortgangContainer {
    padding: 15px 20px 10px 5px;
    display: block;
}

div.deelnemerKeuzePeriodesListWrapper {
    margin: auto;
}

ol.deelnemerKeuzePeriodes {
    display: block;
}

ol.deelnemerKeuzePeriodes li {
    width: 400px;
    margin-left: 15px;
    margin-top: 10px;
    color: #465777;
}

ol.deelnemerKeuzePeriodes li.op {
    margin-top: 2px;
}

ol.deelnemerKeuzePeriodes li a {
    display: block;
    float: left;
    width: 330px;
}

ol.deelnemerKeuzePeriodes li span.belasting {
    margin-right: 53px;
    width: 25px;
    text-align: right;
}

ol.deelnemerKeuzePeriodes li a:hover {
    text-decoration: none;
}

ol.deelnemerKeuzePeriodes li span.star {
    display: block;
    margin-left: 345px;
    width: 18px;
    height: 18px;
}

ol.deelnemerKeuzePeriodes li span.Goedgekeurd {
    background: transparent url("../../../../assets/img/OLS/goedgekeurd.png") no-repeat;
}

ol.deelnemersPeriodes li span.Afgekeurd {
    background: transparent url("../../../../assets/img/OLS/afgekeurd.png") no-repeat;
}

ol.deelnemerKeuzePeriodes li span.Open {
    background: transparent url("../../../../assets/img/OLS/nietgekeurd.png") no-repeat;
}

ol.deelnemerKeuzePeriodes li span.Ingeleverd {
    background: transparent url("../../../../assets/img/OLS/ingeleverd.png") no-repeat;
}

div.deelnemerKeuzePeriodesHeader span.opengeklapt {
    background: transparent url("../../../../assets/img/OLS/pijltje_opened.png") no-repeat;
}

div.deelnemerKeuzePeriodesHeader span.dicht {
    background: transparent url("../../../../assets/img/OLS/pijltje_closed.png") no-repeat;
}

div.deelnemerKeuzePeriodesHeader span.periodetitel {
    margin-left: 10px;
}

div.deelnemerKeuzePeriodesHeader:hover span.periodetitel {
    color: #45456e;
}

div.periodeKeuzes {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-color: #d6dbe4;
}

div.periodeKeuzes li {
    min-height: 14px;
}

div.periodeKeuzes li span.keuze {
    margin-left: 0;
    width: 260px;
}

div.periodeKeuzes div.keuzeHeader span.onderwijsproduct {
    float: left;
    margin-left: 16px;
    padding-top: 4px;
    padding-bottom: 0;
    clear: both;
    width: 160px;
}

div.periodeKeuzes div.keuzeHeader span.belasting {
    float: right;
    margin-right: 60px;
    clear: none;
    width: 20px;
    padding-top: 4px;
}

div.periodeKeuzeVoortgang {
    border: 1px solid #000;
    width: 398px;
    max-width: 398px;
    height: 17px;
    margin: 10px;
}

ol.periodekeuzes li a {
    width: 20px;
    float: left;
}

ol.periodekeuzes li span.keuze, ol.periodekeuzes li span.belasting {
    float: right;
}

div.bpvVoortgang {
    width: 20px;
}

div.periodeKeuzes ol li.bpv {
    margin-top: 3px;
    color: #0cf;
}

div.periodeKeuzeVoortgang div.bpvVoortgang {
    float: left;
    width: 25px;
    height: 17px;
    background-color: #827aff;
    z-index: 1;
}

div.periodeKeuzeVoortgang {
    z-index: 2;
}

div.periodeKeuzeVoortgang div.opVoortgang {
    float: left;
    width: 50px;
    height: 17px;
    background-color: #e440e6;
    z-index: 1;
}


ol.programmaregelkeuzes li.keuzes {
    clear: both;
}

ol.programmaregelkeuzes li.keuzes div.progDetails {
    float: left;
    width: 50px;
}

ol.programmaregelkeuzes li.keuzes span.progBelasting {
    float: left;
    width: 40px;
    text-align: right;
}

ol.programmaregelkeuzes li.keuzes span.progOnderwijsproduct {
    float: left;
    width: 245px;
}

ol.programmaregelkeuzes li.keuzes span.progBehaald {
    float: left;
    width: 40px;
    text-align: center;
}

ol.programmaregelkeuzes li.keuzes div.details {
    float: left;
    width: 50px;
    clear: both;
}

ol.programmaregelkeuzes li.keuzes span.belasting {
    float: left;
    width: 40px;
    text-align: right;
}

ol.programmaregelkeuzes li.keuzes span.onderwijsproduct {
    float: left;
    width: 245px;
}

ol.programmaregelkeuzes li.keuzes span.behaald {
    float: left;
    width: 40px;
    text-align: center;
}

ol.selectable.programmaregel li.regel span.keuzesHeader span.belasting {
    float: right;
    margin-right: 20px;
}

ol.selectable.programmaregel li.regel span.keuzesHeader span.over {
    float: right;
    margin-right: 20px;
}

span.pijl {
    float: right;
    clear: none;
    font-size: 28px;
    color: #465777;
    margin-top: -10px;
    width: 10%;
    text-align: right;
}

div.voortgangcontainer {
    clear: both;
    margin-top: 10px;
    width: 410px;
    height: 30px;
    margin-left: 10px;
    float: none;
}

div.voortgangcontainerperiode {
    width: 370px;
}

div.voortgangcontainer div.voortgangbalk {
    float: left;
    height: 30px;
}

div.voortgangcontainer div.voortganguiteinde {
    width: 15px;
}

div.voortgangcontainer div.voortganglinksvrij {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_vrij_links.png") no-repeat;
}

div.voortgangcontainer div.voortganglinksopen {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_leeg_links.png") no-repeat;
}

div.voortgangcontainer div.voortganglinksverplicht {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_plicht_links.png") no-repeat;
}

div.voortgangcontainer div.voortgangrechtsvrij {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_vrij_rechts.png") no-repeat;
}

div.voortgangcontainer div.voortgangrechtsopen {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_leeg_rechts.png") no-repeat;
}

div.voortgangcontainer div.voortgangrechtsverplicht {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_plicht_rechts.png") no-repeat;
}

div.voortgangcontainer div.voortgangverplicht {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_plicht_mid.png") repeat-x;
}

div.voortgangcontainer div.voortgangopen {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_leeg_mid.png") repeat-x;
}

div.voortgangcontainer div.voortgangvrij {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_vrij_mid.png") repeat-x;
}

div.voortgangcontainer div.voortganglinksperiode {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_periodevakken_links.png") no-repeat;
}

div.voortgangcontainer div.voortgangrechtsperiode {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_periodevakken_rechts.png") no-repeat;
}

div.voortgangcontainer div.voortganglinksbpv {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_bpv_links.png") no-repeat;
}

div.voortgangcontainer div.voortgangrechtsbpv {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_bpv_rechts.png") no-repeat;
}

div.voortgangcontainer div.voortgangperiode {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_periodevakken_mid.png") repeat-x;
}

div.voortgangcontainer div.voortgangbpv {
    background: transparent url("../../../../assets/img/OLS/voortgangOLS_bpv_mid.png") repeat-x;
}

div.periodeKeuzeTotaal {
    clear: both;
    float: right;
    display: block;
    width: 100%;
    background-color: #d6dbe4;
    padding-bottom: 7px;
}

div.periodeKeuzeTotaal span {
    float: right;
    width: 40px;
    margin-right: 38px;
    margin-top: 10px;
    text-align: right;
    padding-top: 4px;
}

div.periodeKeuzeTotaal span.totaal {
    border-top: 1px solid #fff;
}

span.category {
    font-weight: bold;
    color: #f00;
    clear: both;
    float: left;
    padding: 4px;
}

div.category {
    font-weight: bold;
    clear: both;
    float: left;
    padding: 4px;
    color: #465777;
}

span.programmaregelUitleg {
    background-color: #e6e6e6;
    display: block;
    width: 402px;
    margin-left: 0;
    position: relative;
    left: -8px;
    bottom: -8px;
    font-size: 11px;
    color: #465777;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 4px;
    padding-left: 10px;
    font-style: italic;
}

span.programmaregelUitleg.orange {
    color: #ffa500;
}

div.keuzestatus {
    color: #465777;
    font-style: italic;
    margin-left: 40px;
    margin-top: 10px;
}

div.keuzestatus.green {
    color: #008000;
}

span.jaarIncompleteKeuzes {
    padding: 2px;
    background-color: #ffa500;
    margin-top: 0;
    border-radius: 4px;
    font-size: 10px;
    float: right;
}

span.jaarIncompleteKeuzes.green {
    background-color: #008000;
    color: #fff;
}

span.optitel {
    width: 250px;
    display: block;
}

div.keuzeTitel {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #465777;
    max-width: 399px;
}

div.keuzeHeader span {
    color: #465777;
    padding-bottom: 5px;
    font-weight: bold;
}

div.keuzeHeader span.onderwijsproduct {
    clear: both;
    float: left;
    margin-left: 83px;
}

div.keuzeHeader span.belasting {
    float: left;
    margin-left: 123px;
}

div.keuzeHeader span.behaald {
    float: left;
    margin-left: 20px;
}

ol.programmaregelkeuzes li span {
    color: #465777;
    padding: 2px;
}

ol.programmaregelkeuzes li input {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

ol.programmaregelkeuzes li span.onderwijsproduct {
    float: right;
    width: 150px;
}

ol.programmaregelkeuzes li span.belasting {
    float: right;
    width: 20px;
}

ol.programmaregelkeuzes li span.behaald {
    float: right;
}

ol.programmaregelkeuzes li a {
    margin-top: 3px;
}

div.keuzescroll {
    display: block;
    position: relative;
    clear: both;
    overflow: auto;
    margin-left: 0;
    margin-top: 0;
    padding: 15px;
    min-height: 337px;
    max-height: 367px;
    width: 400px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #e2e6ec;
}

div.hint {
    margin-left: 0;
    margin-top: 30px;
    padding: 6px;
    padding-top: 18px;
    padding-left: 90px;
    padding-bottom: 50px;
    float: left;
    clear: both;
    border: 1px solid #abc837;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #89a02c;
    background-color: #fff;
    background-image: url("../../../../assets/img/OLS/biginfoicon.png");
    background-position: 4% center;
    background-repeat: no-repeat;
    font-size: 17px;
}

div.hint span {
    float: left;
    clear: none;
    width: 300px;
}

div.hint div {
    float: right;
    text-align: left;
    width: 40px;
    height: 40px;
    clear: none;
}

div.modalWindowTitel {
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    padding-bottom: 5px;
}

div.modalWindowOmschrijving {
    padding: 15px;
    padding-top: 0;
}

div.modalWindowBelasting {
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 15px;
}

input.zoekveldOLSKeuzevak {
    float: left;
    width: 385px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 20px;
    padding-left: 10px;
    margin-bottom: 9px;
}

.uitgebreidZoekenIcon {
    margin: 4px;
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url("../../../../assets/img/icons/searchicon.gif") no-repeat;
}

div.periodeKeuzeTitel {
    font-weight: bold;
    font-size: 17px;
    padding: 5px;
}

div.periodeKeuzeStatus {
    font-size: 13px;
    padding-left: 5px;
}

div.periodeKeuzeStatus span.stat {
    display: block;
    padding: 2px;
}


ol.filterDefinitiePropertyList {
    margin-left: 180px;
    margin-top: 10px;
}

ol.filterDefinitiePropertyList li {
    padding: 2px;
    float: left;
    width: 250px;
}

ul.medewerkerList {
    list-style-type: none;
    margin-left: 0;
}

ul.medewerkerList li {
    width: 100px;
}

ul.medewerkerList li span {
    text-align: left;
    margin-left: 0;
    float: left;
    clear: both;
    width: 100px;
}

div.bottomInfo {
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
    width: 400px;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    color: #465777;
    font-size: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #e2e6ec;
}

strong {
    font-weight: bold;
}

var {
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

.warning, .information {
    background-color: #ffffe2 !important;
    padding: 6px;
    margin: 10px 20px 10px 10px;
    font-size: 1.1em;
    color: #333;
}

.warning {
    border: 1px solid #b10000 !important;
}

.information {
    border: 1px solid #b1b1b1 !important;
}

input.error, select.error {
    border-color: #f00 !important;
}


.subcaption {
    font-size: 13px;
    color: #989898;
    padding-bottom: 2px;
    margin-bottom: 0;
    padding-top: 2px;
    margin-top: 12px;
    padding-left: 11px;
    font-weight: bold;
}

.label {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    color: #999;
    font-weight: bold;
}

.layDash {
    border-top: 1px dashed #d5d5d5;
    margin-top: 20px;
}

.laySeparator {
    height: 30px;
}

.laySeparator10 {
    height: 10px;
}

.multiline-radio label:after {
    content: "\a";
    white-space: pre;
}


.inpSnelzoek {
    width: 120px;
}

.inpAutoComplete {
    border: 1px solid #c5c5c5;
    background: #fff url("../../../../assets/img/icons/autoCompleet2.gif") no-repeat left center;
    padding-left: 14px;
}

.inpAutoCompleteFail {
    border-color: #f00 !important;
    background: #fff url("../../../../assets/img/icons/autoCompleetFail.gif") no-repeat left center;
}

.inpAutoComplete:disabled {
    background-color: #f0f0f0;
    color: #808080;
}

.inpDescription {
    float: right;
    cursor: pointer;
}


.inpGeaccepteerd {
    background-color: #f0f6c8 !important;
}

.inpGeweigerd {
    background-color: #ffdecb !important;
}

.inpUitgenodigd {
    background-color: #e2cfff !important;
}

.lblGeaccepteerd {
    background-color: #f0f6c8 !important;
}

.lblGeweigerd {
    background-color: #ffdecb !important;
}

.lblUitgenodigd {
    background-color: #e2cfff !important;
}

img.margin2 {
    margin: 0 2px;
}

div.inpSearchEntity {
    height: 20px !important;
    background: none;
    margin-right: 10px;
    border: 1px solid #c5c5c5;
}

.widget-tabs {
    border: none !important;
    height: 16px !important;
}

.widget-tabs #current a {
    border-bottom: 1px solid #918e8d !important;
}

.spanBijlage {
    background: url("../../../../assets/img/icons/attach.png") no-repeat left top;
    padding-left: 20px;
}

.spanError {
    background: url("../../../../assets/img/icons/error.png") no-repeat left top;
    padding-left: 20px;
}

.spanErrorRight {
    background: url("../../../../assets/img/icons/error.png") no-repeat right top;
    padding-left: 20px;
}

.spanBijlage a:hover {
    text-decoration: underline;
}


.wicket-aa {
    text-align: left;
    border: 1px solid #454545;
    background-color: #fff;
    font-size: .8em;
}

.wicket-aa ul li {
    color: #454545;
    vertical-align: top;
    text-align: left;
    border-left: 1px dotted #afdde9;
    border-bottom: 1px dotted #e6e6e6;
}

.wicket-aa ul li img.lstCompleteImage {
    padding-right: 5px;
}

.selected {
    background-color: #afdde9;
    cursor: default;
}

.shaded {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.wicket-tree-table select {
    width: 118px;
    font-size: 11px;
    height: 1.6em;
}

.redenvak {
    width: 940px;
    margin-left: 20px;
    padding-left: 5px;
    margin-top: 8px;
    margin-bottom: 5px;
}

ul.bullets li {
    list-style: disc inside;
}

.help {
    cursor: help;
}

span.list {
    padding-left: 10px;
    color: #999;
    margin-top: 5px;
    clear: both;
    float: left;
}

.irislogo {
    height: 38px;
    width: 105px;
    background: url("../../../../assets/img/irisplus_logo.png") no-repeat top left;
    background-position: 10px 10px;
    position: relative;
    right: 5px;
    top: 5px;
    display: block;
    float: right;
}

ul.templates {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #aaa;
    padding: 2px;
    cursor: pointer;
}

ul.templates li {
    margin: 2px 0;
    padding: 2px;
}

ul.templates li:hover {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
}

div.plattegrond canvas {
    border: 1px solid #aaa;
}

.plattegrond_settings {
    float: left;
}

.plattegrond_settings_widget_top {
    width: 104px;
    border: 1px solid #808080 !important;
    margin-left: 10px;
    padding: 5px;
}

.plattegrond_settings_widget_top > .knob {
    height: auto !important;
    color: #808080 !important;
}

.plattegrond_settings_widget {
    width: 104px;
    border: 1px solid #808080 !important;
    margin-left: 10px;
    padding: 5px;
    margin-top: 10px;
}

.plattegrond_settings_widget_inner {
    width: 98px;
    color: #fff;
    padding: 3px;
    margin-bottom: 5px;
    font-size: 16px;
    background-color: #808080 !important;
    text-align: center;
}

.plattegrond_setting {
    color: #627490 !important;
    font-size: 16px;
    border: 1px solid #627490 !important;
    text-align: center;
    cursor: pointer;
}

.knob {
    position: relative !important;
    margin-top: -100px !important;
}

.extraAuthenticatie {
    padding-left: 10px;
    background-image: url("../../../../assets/img/icons/mobile_phone.png");
    background-position: left;
    background-repeat: no-repeat;
}

.htmlLabel ol, .htmlLabel ul {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 40px;
}

.htmlLabel ul li {
    list-style-type: disc;
}

.htmlLabel ol li {
    list-style-type: decimal;
}

.htmlLabel h1 {
    display: block;
    font-size: 2em;
    margin-top: .67em;
    margin-bottom: .67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.htmlLabel h2 {
    display: block;
    font-size: 1.5em;
    margin-top: .83em;
    margin-bottom: .83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.htmlLabel h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.htmlLabel h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.htmlLabel h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.htmlLabel h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

label.inline {
    white-space: nowrap;
}

label.inline span {
    display: inline-block;
}

label.inline input.inline {
    vertical-align: top;
}

.verticalspace {
    height: 22px;
}

.multiline p + p {
    margin-top: 1em;
}

.ui-multiselect-required {
    background: #ffffd0 none !important;
}


.sbMain {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: 0 !important;
}

.splitButton {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.splitButton:after {
    content: " ";
    position: relative;
    top: -5px;
    left: 0;
    border-top: 0;
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-bottom: .4em solid #fff;
}

.popupCenter2FA {
    text-align: center;
}

.elementSpacing2FA {
    margin-top: 10px;
}

.secret2FA {
    font-weight: bold;
}

input.token2FA {
    width: 220px;
}

.ui-sortable {
    cursor: move;
}

.ui-sortable tr:hover {
    background: #d7eef4;
}

.ui-sortable-helper {
    border: 1px solid #afdde9;
    background-color: #fff;
}

.ui-sortable-placeholder {
    border: 1px solid #808080;
    height: 25px;
    background-color: #f1f1f1;
}

.maximumExceeded {
    color: #900;
    background-color: #fee;
    padding: 1px 2px;
    font-weight: bold;
    border: 1px solid #900;
}

input.moneyinputfield, span.moneyinputfield {
    text-align: right;
    background: url("../../../../assets/img/icons/euro.png") left no-repeat;
}

span.moneyinputfield {
    padding-left: 22px;
}

/* verbintenis tonen */
.verbintenisToonPanel .contHeader {
    flex: 0 0 auto;
    width: 50%;
}

.verbintenisToonPanel .contHeader .caption {
    padding-left: 18px;
}

.form-text {
    font-size: var(--text-body-sm);
    color: var(--color-text-tertiary);
}