.headerStatus {
    float: right;
}

.headerColumns {
    display: inline-block;
    width: 100%;
}

.headerColumn1 {
    float: left;
    width: 50%;
}

.headerColumn2 {
    float: left;
    width: 50%;
}

.headerColumn1 h3,
.headerColumn2 h3 {
    padding: 0px;
    margin: 0px;
}

.headerColumn1 label,
.headerColumn2 label {
    width: 191px;
    padding: 0px;
    margin: 0px;
}

.headerColumn1 span.readOnly,
.headerColumn2 span.readOnly {
    width: 200px;
    padding: 0px;
    margin: 0px;
}

.panelRow {
    float: left;
    width: 844px;
    margin: 0px;
    padding: 0px
}

.panelLeftColumn {
    float: left;
    width: 422px;
    margin: 0px;
    padding: 0px
}

.panelRightColumn {
    float: right;
    width: 422px;
    margin: 0px;
    padding: 0px
}

.meldingen .panelLeftColumn {
    width: 438px;
}

.meldingen .panelRightColumn {
    width: 406px;
}

.afmeldingen .panelLeftColumn {
    width: 344px;
}

.afmeldingen .panelRightColumn {
    width: 500px;
}

/*------------------------------------------------------------------------
- TAGS
------------------------------------------------------------------------*/
body {
    color: #2E2E2E;
    background: #fff;
    font: 75%/1.6em "Trebuchet MS", "Helvetica Neue", Arial, Helvetica,
    Geneva, sans-serif;
}

select {
    -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #2C8300;
    font-weight: bold;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.6em;
    line-height: 37px;
}

h2.tabTitle {
    line-height: 24px;
}

h2 span, h2 span > a {
	font-size: 0.8em;
	font-weight: normal;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1em;
}

a {
    font-size: inherit;
}

textarea {
    width: 300px;
}

br {
    clear: both;
}

legend {
    font-weight: bold;
}

a img {
    border: none;
}

a img:hover {
    border: 1px;
}

/*------------------------------------------------------------------------
- LAYOUT
------------------------------------------------------------------------*/
.kolom {
    width: 100%;
    float: left;
}

.header {
    background: url('../resources/images/header-slices.png') 0px -89px no-repeat;
    height: 157px;
    color: #347caf;
    position: relative;
}

.header h1,
.header h2,
.header h3,
.header h4 {
    margin: 10px;
    color: #347caf;
    padding-left: 10px;
}

.header h1 {
    padding-top: 30px;
}

.header #user {
    position: absolute;
    top: 10px;
    right: 10px;
    color: gray;
}

.header #user a {
    text-decoration: none;
    color: #FF9409;
}

.header #menu {
    position: absolute;
    bottom: -5px;
    text-align: center;
    width: 100%;
}

.header #menu p {
    margin: 12px 0px; /** IE 7 fix */
}

.header #menu a {
    padding: 6px;
    color: #2C8300;
    text-decoration: none;
    font-size: 14px;
    min-width: 70px;
    display: inline-block;
}

.header #menu a.current {
    padding: 5px 5px 6px 5px;
    border-radius: 5px 5px 0px 0px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    background-color: white;
}

.main {
    border-left: #8AEA5F solid 10px;
    border-right: #8AEA5F solid 10px;
    border-bottom: #8AEA5F solid 10px;
    min-height: 430px;
    padding: 0px 20px;
    overflow: hidden;
}

.footer {
    text-align: center;
    color: #a5a5a5;
    bottom: 0px;
    width: 95%;
    bottom: 0px;
}

.footer .image-link {
    display: inline-block;
    margin: 20px;
}

.footer #miniem {
    background-image: url("../resources/images/footerslice.png");
    background-position: 0 -50px;
    height: 50px;
    width: 180px;
}

.footer #miniem:hover {
    background-position: -0px 0px;
}

.footer #minszw {
    background-image: url("../resources/images/footerslice.png");
    background-position: -275px -50px;
    height: 50px;
    width: 155px;
}

.footer #minszw:hover {
    background-position: -275px 0px;
}

/*------------------------------------------------------------------------
- CONTROLS
------------------------------------------------------------------------*/
label {
    display: block;
    float: left;
    margin: 3px 3px 3px 0px;
    padding: 3px 14px 3px 0px;
    height: 17px;
    width: 283px;
}

label.required,
.rf-pick.required
.rf-pick-tgt-cptn {
    background: url('../resources/images/iconRequired.gif') no-repeat center right;
}

label.double {
    height: 36px;
}

span.readOnly {
    display: block;
    float: left;
    margin: 3px 3px 3px 2px;
    padding: 3px 14px 3px 0px;
    height: 17px;
    width: 283px;
}

input[type='text'],
input[type='hidden'] {
    float: left;
    width: 270px;
    margin: 3px 0px;
    padding: 3px 0px;
}

input.rf-au-inp {
    margin: 0px 0px;
}

textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
select[disabled] {
    color: #202020;
}

textarea {
    float: left;
    height: 60px;
    width: 270px;
    margin: 3px 0px;
}

/** Radio **/
table.radio {
    float: left;
    margin-top: 0px;
}

table.radio.doubleLabel {
    margin: 10px 0px 0px 0px;
}

table label,
table.radio label {
    float: none;
    display: inline;
    width: auto;
    margin: 0px;
    padding: 0px;
}

.calendarWrapper {
    float: left;
}

.calendarWrapper input[type='text'] {
    width: 250px;
}

.calendarWrapper img {
    margin: 4px 1px;
}

.selectWrapper {
    float: left;
    height: 22px;
    width: 272px;
    margin: 3px 0px;
    overflow: hidden;
    font-size: 11px;
    background: url("../resources/images/downButton.png") no-repeat right;
}

.selectWrapper select {
    float: left;
    height: 22px;
    width: 292px;
    background: transparent;
}

.inputfile {
    position: relative;
    float: left;
}

.inputfile input[type="file"] {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 2;
    width: 270px;
    margin: 3px 0px;
    padding: 3px 0px;
}

.inputfile input[type="file"]:hover {
    cursor: pointer;
}

.inputfile .fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 23px;
    width: 275px;
    margin: 3px 0px;
}

.inputfile .fakefile {
    background-position: right bottom;
    cursor: pointer;
}

.inputfile .fakefile input[type="text"] {
    width: 245px;
    margin: 0px;
}

.inputfile .fakefile img {
    float: left;
    display: block;
    height: 23px;
    width: 23px;
    margin: 0px 0px 0px 2px;
    background: url("../resources/images/icon-file.png") no-repeat right top;
}

/*------------------------------------------------------------------------
- WIDGETS
------------------------------------------------------------------------*/
#help {
    background-image: url("../resources/images/help-icon.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

#help-text {
    float: right;
}

#help-text .image-link {
    display: inline-block;
    margin: 10px 0px 3px 3px;
}

.horizontal-center-container {
    width: 950px;
    position: relative;
    left: 50%;
    margin-left: -475px;
}

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

.login {
    width: 25%;
    float: left;
    margin-right: 5%;
}

.login-button {
    border: 1px black solid;
    width: 250px;
    height: 200px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.login-button p {
    padding-top: 50px;
}

.login-button .bottom {
    position: absolute;
    bottom: 0px;
    font-size: smaller;
    width: 100%;
}

.login-button .bottom a {
    color: inherit;
}

.eHerkenning {
    background-image: url('../resources/images/slices.png');
    background-position: -275px 0px;
}

.eHerkenning:hover {
    background-position: -275px -440px;
}

.eHerkenning:active {
    background-position: -275px -880px;
}

.even-row {
    background-color: #FCFFFE;
}

.odd-row {
    background-color: #ECF3FE;
}

.gray h1,
.gray h2,
.gray h3,
.gray h4 {
    color: #2E2E2E;
}

.placeholder {
    border-style: dashed;
    border-color: #cbcbcb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-repeat: no-repeat;
    height: 80px;
    padding: 15px 20px;
}

.placeholder p {
    color: #a5a5a5;
    font-weight: bold;
    background: url(pointToButton.gif) no-repeat center top;
    position: relative;
}

.sidebar {
    background-color: #677;
    float: right;
    margin-left: -300px
}

.sidebar h3 {
    background: url(stipllijnGroen.gif) repeat-x 0 22px;
    height: 24px;
    color: #339900;
    margin-top: 1.7em;
}

.fileupload {
    height: 300px;
}

.field {
    width: 100%;
    height: 30px;
}

.field-row {
    clear: both;
}

.field-left {
    width: 50%;
    float: left;
}

.field-right {
    width: 50%;
    float: right;
}

.field-left-smal {
    width: 67%;
    float: left;
}

.field-right-smal {
    width: 33%;
    float: right;
}

.field .label,
.field-row .label {
    float: left;
    width: 300px;
}

.field .value,
.field-row .value {
    float: left;
    width: 300px;
}

.field .value input[type=radio],
.field-row .value input[type=radio] {
    width: auto;
}

.field .value textarea,
.field-row .value textarea {
    width: 270px;
}

.field .message,
.field-row .message {
    float: left;
    width: 200px;
}

td.action {
    width: 50px;
    text-align: center;
}

.button-wrapper-opdracht-overzicht {
    float: none;
}

.button-container {
    position: relative;
    background-image: url("/lavs-web/resources/images/button-slices.png");
    margin: 3px 15px 3px 3px;
    display: inline-block;
}

.button-container:hover {
    background-position: left -25px;
}

.button-container:active {
    background-position: left -50px;
}

.button-container[disabled] {
    background-position: left -75px;
}

.button-container button,
.button-container input[type="reset"],
.button-container input[type="submit"],
.button-container input[type="button"],
.button-container a {
    background-image: url("/lavs-web/resources/images/button-slices.png");
    background-color: transparent;
    background-position: right top;
    padding-right: 20px;
    right: -15px;
    border-width: 0;
    color: white;
    height: 25px;
    position: relative;
    display: inline-block;
}

.button-container:hover button,
.button-container:hover input[type="reset"],
.button-container:hover input[type="submit"],
.button-container:hover input[type="button"],
.button-container:hover a {
    background-image: url("/lavs-web/resources/images/button-slices.png");
    background-position: right -25px;
}

.button-container:active button,
.button-container:active input[type="reset"],
.button-container:active input[type="submit"],
.button-container:active input[type="button"],
.button-container:active a {
    background-image: url("/lavs-web/resources/images/button-slices.png");
    background-position: right -50px;
}

.button-container button[disabled],
.button-container input[type="reset"][disabled],
.button-container input[type="submit"][disabled],
.button-container input[type="button"][disabled] {
    background-image: url("/lavs-web/resources/images/button-slices.png");
    background-position: right -75px;
}

.button-container a {
    text-decoration: none;
    font-size: 11px;
    vertical-align: middle;
}

.buttonWrapper {
    float: left;
    display: block;
    margin: 5px 0px;
}

.button-wrapper-opdracht-overzicht {
	float: none;
}

.buttonWrapper input[type="submit"] {
    position: relative;
    display: block;
    float: left;
    height: 25px;
    width: 100px;
    background-color: transparent;
    background-image: url("/lavs-web/resources/images/button-default.png");
    border: none;
    margin-right: 5px;
}

.buttonWrapper input[type="submit"].small {
    width: 50px;
    background-image: url("/lavs-web/resources/images/button-small.png");
}

.buttonWrapper input[type="submit"].medium {
    width: 150px;
    background-image: url("/lavs-web/resources/images/button-medium.png");
}

.buttonWrapper input[type="submit"].wide {
    width: 200px;
    background-image: url("/lavs-web/resources/images/button-wide.png");
}

.buttonWrapper input[type="submit"]:hover {
    background-position: 0px -25px;
}

.buttonWrapper input[type="submit"]:active {
    background-position: 0px -50px;
}

.buttonWrapper input[type="submit"][disabled] {
    background-position: 0px -75px;
}

/*------------------------------------------------------------------------
- RICHFACES OVERRULING STYLES
------------------------------------------------------------------------*/
/* messages */
.inline span {
    display: inline;
    width: 100%;
}

ul.rf-msgs {
    list-style: none;
    padding-left: 0px;
    height: auto;
}

.rf-msg.doubleLabel {
    float: left;
    margin-top: 10px;
    height: auto;
}

.rf-msg-inf,
.rf-msg-wrn,
.rf-msg-err {
    float: left;
    margin: 4px 4px 4px 25px;
}

.rf-msg-inf {

}

.rf-msg-wrn {

}

.rf-msg-err {
    font-size: 11px;
}

.rf-msgs-inf,
.rf-msgs-wrn,
.rf-msgs-err {
    border: 1px solid;
    margin: 10px 0px;
    padding: 5px 10px 5px 20px;
}

.rf-msgs-inf {
    color: blue !important;
    background-color: #BDE5F8;
}

.rf-msgs-wrn {
    color: orange !important;
    background-color: #FEEFB3;
}

.rf-msgs-err {
    color: red !important;
    background-color: #FFBABA;
}

/** table **/
.rf-dt input {
    width: auto;
}

.rf-edt-tbl input[type='text'],
.rf-edt-tbl input[type='hidden'] {
    width: auto;
    margin: 0px;
}

.rf-edt-hdr-c-cnt a,
.rf-dt-shdr-c a {
    float: left; /** IE 7 fix */
    width: 100%; /** IE 7 fix */
    color: #005000;
}

.rf-edt-tbl-hdr {
    text-align: right !important;
}

#onderzoek-tab .rf-edt-c,
#onderzoek-tab .rf-edt-hdr-c {
    width: 123px !important;
}

#vervolgonderzoek-tab .rf-edt-c,
#vervolgonderzoek-tab .rf-edt-hdr-c {
    width: 173px !important;
}

#bedrijfsbeheer-medewerkers-tab .rf-edt-c,
#bedrijfsbeheer-medewerkers-tab .rf-edt-hdr-c {
    width: 216px !important;
}

#monster-datatable .rf-edt-c,
#monster-datatable .rf-edt-hdr-c {
    width: 130px !important;
}

.monster-datatable.rf-dt input {
    width: 130px !important;
}

.monster-datatable.rf-dt td {
    width: 130px;
}

.monster-datatable.rf-dt th {
    width: 130px;
}

.bronnen-datatable.rf-dt input {
    width: 180px !important;
}

.bronnen-datatable.rf-dt input[type="checkbox"] {
    width: 50px !important;
}

.brontypes-datatable.rf-dt input {
    width: 185px !important;
}

/* file upload*/
.rf-fu {
    float: left;
}

/* tabs */
.rf-tbp {
    width: 890px;
}

.rf-tab-cnt {
    float: left;
    width: 868px;
    margin-bottom: 10px;
}

.sub-tabs.rf-tbp {
    width: 866px;
}

.sub-tabs .rf-tab-cnt {
    width: 844px;
}

.inventarisatieTabs.rf-tbp {
    width: 864px;
}

.inventarisatieTabs .rf-tab-cnt {
    width: 842px;
}

.inventarisatieTabs .rf-tab-hdr {
    width: 20%;
    text-align: center;
}

#zaak-form-ro\3a zaak-gegevens\3a content {
    height: 205px;
}

/* collapsible panel */
.rf-cp {
    float: left;
    width: 864px;
}

.rf-cp-wide {
    float: left;
    width: 886px;
}

.collapsible-panel-2.rf-cp {
    float: left;
    width: 838px;
}

/* select */
.rf-sel {
    float: left;
    margin: 2px 0px;
}

.rf-sel input[type='text'] {
    margin: 0px;
}

.rf-sel .rf-sel-cntr {
    width: 270px;
}

.rf-sel .rf-sel-inp {
    padding: 3px 1px;
    width: 270px;
}

.rf-sel .rf-sel-btn {
    height: 21px;
}

.rf-sel .rf-sel-lst-scrl {
    margin: 0px 4px;
    padding: 0px 4px;
}

.rf-sel-lst-scrl {
    width: 272px !important;
}

.rf-sel-opt.rf-sel-sel {
    color: white;
}

.rf-sel-sel {
    background-color: #005000;
}

/* radio */
.disk {
    background-image: url("../resources/images/disk-icon.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.smallheader table {
    width: 400px;
}

.smallcol_0 {
    width: 50px;
}

.smallcol_1 {
    width: 130px;
}

.smallcol_2 {
    width: 210px;
}

.collapsable {
    padding-left: 10px;
    border-left: 10px solid green;
}

.smallerLabel {
    float: left;
    width: 190px;
}

.smallerLabelRight {
    float: left;
    width: 190px;
    margin-left: 26px;
}

.smallerLabelRight2 {
    float: left;
    width: 190px;
    margin-left: 28px;
}

.smallerLabelRightPad {
    float: left;
    width: 190px;
    margin-left: 426px;
}

.smallerLabelRightInAPanelInAPanel {
    float: left;
    width: 170px;
    margin-left: 26px;
}

.smallerLabelRightPadInAPanelInAPanel {
    float: left;
    width: 170px;
    margin-left: 426px;
}

.smallerLabel input[type="text"],
.smallerLabel textarea[disabled],
.smallerLabel input[type="text"][disabled],
.smallerLabel input[type="password"][disabled],
.smallerLabel select[disabled] {
    float: left;
    width: 190px;
}

.smallerLabelSelectable {
    float: left;
    width: 190px;
    margin-right: 1px;
}

.smallTableSelectable {
    float: left;
    width: 118px;
    margin-right: 1px;
}

.mediumTableSelectable {
    float: left;
    width: 138px;
    margin-right: 1px;
}

.smallerLabelSelectable input[type="text"],
.smallerLabelSelectable textarea[disabled],
.smallerLabelSelectable input[type="text"][disabled],
.smallerLabelSelectable input[type="password"][disabled],
.smallerLabelSelectable select[disabled] {
    float: left;
    width: 190px;
}

.smallTableSelectable input[type="text"],
.smallTableSelectable textarea[disabled],
.smallTableSelectable input[type="text"][disabled],
.smallTableSelectable input[type="password"][disabled],
.smallTableSelectable select[disabled] {
    float: left;
    width: 100px;
}

.mediumTableSelectable input[type="text"],
.mediumTableSelectable textarea[disabled],
.mediumTableSelectable input[type="text"][disabled],
.mediumTableSelectable input[type="password"][disabled],
.mediumTableSelectable select[disabled] {
    float: left;
    width: 120px;
}

input[type="text"][disabled].smallerLabel {
    float: left;
    width: 190px;
}

input[type="text"].smallerLabel {
    float: left;
    width: 190px;
}

span.smallerLabelTextOnly {
    padding-top: 5px;
    padding-left: 2px;
}

span.smallerLabelMultiLine {
    display: table;
}

input[type="text"].smallTableInput {
    float: left;
    width: 55px;
}

.rf-sel.smallerLabel .rf-sel-cntr {
    width: 190px;
}

.rf-sel.smallerLabelSelectable .rf-sel-cntr {
    width: 190px;
}

.rf-sel.smallTableSelectable .rf-sel-cntr {
    width: 118px;
}

.rf-sel.mediumTableSelectable .rf-sel-cntr {
    width: 138px;
}

.widerColumn {
    width: 150px;
}

.lavs-ro {
    color: #666;
    font-style: italic;
}

.highlight-row {
    background-color: #E2F6E2 !important;
}

.field .valuelarge textarea,
.field-row .valuelarge textarea {
    width: 600px;
}

.bron-datatable.rf-dt input.width110 {
    width: 110px !important;
}

.opdracht-datatable.rf-dt th.action {
    width: 50px;
    text-align: center;
}

.opdracht-datatable.rf-dt th.width80 {
    width: 80px;
}

.opdracht-datatable.rf-dt th.width150 {
    width: 150px;
}

.opdracht-datatable.rf-dt th.width300 {
    width: 300px;
}

.opdracht-datatable .rf-dt-c.action {
    width: 50px !important;
    text-align: center;
}

.opdracht-datatable.rf-dt th.kenmerk {
    width: 200px !important;
}

.opdracht-datatable .rf-dt-c.kenmerk {
    width: 200px !important;
}

.opdracht-datatable .rf-dt-c.action {
    width: 50px !important;
}

.opdracht-datatable {
    display: inline-block;
}

.bijlageDocumentNummerWidth80 {
    width: 80px;
}

table.verwijder-bronnen .tableControls {
    width: 40px;
}

table.verwijder-bronnen .rowControls {
    width: 60px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.listSelector {
    display: block;
    float: left;
}

.listSelector .listSelectorHeader {
    display: block;
    float: left;
    height: 24px;
    width: 876px;
    font-weight: bold;
    font-size: 1.3em;
    padding: 4px 0px 0px 10px;
    color: #fff;
    background: #43BD43;
}

.listSelector .listSelectorContent {
    display: block;
    float: left;
    border-left: 1px solid #C0C0C0;
}

.listSelector .listSelectorContentBlock {
    display: block;
    float: left;
    height: 26px;
    width: 284px;
    padding: 4px 0px 0px 10px;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}

.listSelector .listSelectorContentBlock.selected {
    background: #DDD;
}

.rf-cst-c.width80 {
    width: 80px !important;
}

.rf-cst-c.width150 {
    width: 150px !important;
}

.rf-cst-c.width300 {
    width: 300px !important;
}

.rf-dt.berichten-datatable td.rf-dt-c.width80 {
    width: 80px !important;
}

.rf-dt.berichten-datatable td.rf-dt-c.width150 {
    width: 150px !important;
}

.rf-dt.berichten-datatable td.rf-dt-c.width300 {
    width: 300px !important;
}

*.rf-dt-c {
    padding: 2x;
}

.greenLabel {
    color: #046917;
    font-weight: 600;
}

.lzTableDiv {
    display: block;
    float: left;
}

.lzTableDiv.container {
    width: 800px;
}

.lzTableDiv.container2nd {
    width: 750px;
}

.lzTableDiv.separator {
    width: 100px;
}

.lzTableDiv.separator2nd {
    width: 50px;
}

.lzTableDiv.table {
    width: 300px;
}

.columnSize150p {
    width: 150px;
}

.columnSize200p {
    width: 200px !important;
}

.columnSize30percent {
    width: 30% !important;
}

.size1250p {
    width: 1250px !important;
}

.columnSize500p {
    width: 500px !important;
}

.columnSize400p {
    width: 400px !important;
}

.columnSize300p {
    width: 300px !important;
}

.columnSize300pNoBorder {
    width: 300px;
    border: 0px;
}

.columnSize300p {
    width: 300px !important;
    border-collapse: collapse;
}

.noBorderPaddingSpacing {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    spacing: 0px !important;
    width: 100% !important;
}

.noPaddingSpacing {
    margin: 0px !important;
    padding: 0px !important;
    spacing: 0px !important;
    width: 100% !important;
}

.columnSize201pNoBorder {
    width: 201px !important;
    border: 0px;
}

.columnSize201pWithBottomBorder {
    width: 201px !important;
    border-right: 0px;
}

.bronHerkomst {
    font-family: sans-serif;
}

.bronHerkomst.true {
    font-style: italic;
    color: blue;
}

.bronHerkomst.false {
    color: black;
}

div.scrollable-table-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

div.scrollable-table-wrapper table {
    width: 100%;
}

.badge {
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    background-color: lightgray;
    font-size: 8px;
    text-shadow: none;
    padding: 1px 3px 1px;
    margin: 0px;
    cursor: default;
}

.badge-overlap-right-side {
    margin-left: -2px;
}

.badge-warning {
    background-color: #f9d36d;
    margin-left: 5px;
    font-size: 10px;
    font-weight: bold;
}

.badge-error {
    background-color: #cc5555;
    color: white;
    margin-left: 5px;
    font-size: 10px;
    font-weight: bold;
}

.badge-info {
    margin-left: 5px;
}

.collapseAllToggler {
    float: left;
}

div.scrollable-complexadres-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    width: 320px !important;
    height: 200px !important;
    float: left;
}

div.scrollable-complexdeel-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    width: 500px !important;
    height: 200px !important;
    float: left;
}

div.scrollable-machtiging-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    width: 400px !important;
    height: 200px !important;
    float: left;
}

.complex-unit-panel {
    max-height: 200px;
}

.columnSize50p {
    width: 50px !important;
}

.columnSize70p {
    width: 70px !important;
}

.columnSize100p {
    width: 100px !important;
}

.columnSize110p {
    width: 110px !important;
}

.columnSize120p {
    width: 120px !important;
}

.columnSize145p {
    width: 145px !important;
    word-break: break-all;
    white-space: normal;
}

.columnSize200p {
    width: 200px !important;
}

.fixedtable {
    table-layout: fixed;
    min-width: 480px !important;
}

#complexGrid > tbody > tr > td {
    vertical-align: top;
}

table label.requiredComplex {
    background: url('../resources/images/iconRequired.gif') no-repeat center right;
    float: left;
}

.large-panel {
    max-height: 700px;
}

.large-panel {
    max-height: 700px;
}

.medium-panel {
    max-height: 400px;
}

.rf-pick-src-cptn,
.rf-pick-tgt-cptn {
    color: #2C8300;
}

.rf-pick-sel {
    color: #000000;
    background-color: #2C8300;
}

.statusBlockPage {
    background-color: black;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 100%;
    top: 0px;
    left: 0px;
}

.statusBlockPage img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wrapIfNeededCol {
    word-break: break-all !important;
    white-space: normal !important;
}

.neverWrapCol {
    white-space: nowrap !important;
}

.columnSize200pWrap {
    width: 200px !important;
    word-break: break-all !important;
    white-space: normal !important;
}

.noPaddingSpacingWrap {
    margin: 0px !important;
    padding: 0px !important;
    spacing: 0px !important;
    width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
}

.output-panel-inline-block {
    display: inline-block;
}

.opdracht-invoer-zaken {
    height: 23px;
}

.contactpersoon-zaken {
    height: 16px;
}

.verwijder-selectie {
    display: flex;
    height: auto;
}

.output-panel-inline-outputlabel {
    display: flex;
    width: 100%;
}