body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
body.mini-navbar #page-wrapper{
    left: 70px;
}
body.mini-navbar .navbar-static-side {
    position: fixed;
    height: 100vh;
    background-color: #2f4050;
}

body .release {
    float: right;
    font-size: 10px;
}

span.select2-dropdown.select2-dropdown--below {
    z-index: 2051;
}

.tooltip-inner {
    max-width: inherit !important;;
}
.tooltip-participant-days td {
    white-space: nowrap;
    text-align: left;
    padding: 0px 5px;
}


.ibox-content {
  width: 100%;
}
.dataTable.linkRegel tr {
  cursor: pointer;
}
table.dataTable {
  border-collapse: collapse !important;
}
.table-responsive .dataTables_wrapper>.ibox-title, .table-responsive .dataTables_wrapper>.ibox-content {
  width: 100%;
  border: none;
  padding: 0px;
}
.table-responsive .dataTables_wrapper>.ibox-title>.filteritems>div.dataTables_filter{
  float:rgith;
}
.table-responsive .dataTables_paginate .pagination, .table-responsive .dataTables_filter {
  float:right;
}

table.rapportage-medewerkers tbody>tr.active{
  background-color: #1ab394;
}
table.rapportage-medewerkers tbody>tr.active, table.rapportage-medewerkers tbody>tr.active * {
  color: white;
}

.contactenTable td {
  white-space: nowrap;
}


.statussen > .status {
  display: inline-block;
  padding: 2px 5px;
  margin-right: 5px;
}

.declaratie_toevoegen .form-group label.col-sm-2 {
  display: block;
  width: 100%;
  max-width: 100%;
}
.declaratie_toevoegen .form-group>.col-sm-10 {
  display: block;
  width: 100%;
}

.declaratie_toevoegen .geselecteerdeMedewerkers>div, .declaratie_toevoegen .geselecteerdeClienten>div,.declaratieBewerken .geselecteerdeMedewerkers>div, .declaratieBewerken .geselecteerdeClienten>div {
  background-color: #1ab394;
  color: white;
  padding: 2px 5px;
  margin: 0 5px 5px 0;
  display: inline-block;
}
.declaratie_toevoegen .geselecteerdeMedewerkers>div span.remove, .declaratie_toevoegen .geselecteerdeClienten>div span.remove, .declaratieBewerken .geselecteerdeMedewerkers>div span.remove, .declaratieBewerken .geselecteerdeClienten>div span.remove {
    padding-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00d";
    color: white;
    cursor: pointer;
}
.declaratie_toevoegen .geselecteerdeMedewerkers>div span.remove::after, .declaratie_toevoegen .geselecteerdeClienten>div span.remove::after, .declaratieBewerken .geselecteerdeMedewerkers>div span.remove::after, .declaratieBewerken .geselecteerdeClienten>div span.remove::after {
  content: "\f00d";
}

.declaratieBewerken .selectedItems {
  margin-top: -15px;
  margin-bottom: 15px;
}

.handtekening {
  font-family: "Calibri";
  color: black;
  font-size: 11pt;
}


.dataTables_wrapper > .row {
  width: 100%;
}


.mini-navbar .beheerdersTitle {
  display: none;
}


.form-group.row .input.checkbox label {
  padding-left: 10px;
}

ul.nav-third-level > li {
  padding-left: 10px;
}



#calendar .footer {
  padding: 0px;
  border-top: 0px;
}


/*
Form
 */

form label {
    width: 250px;
}
form input, form select , form textarea {
    min-width: calc(100% - 250px);
}

form .input.checkbox > label {
    margin-left: 250px;
}
.form-text {
    margin-top: 0px;
    margin-left: 3px;
}


/* Tasks popup */
#eventPopup .modal-header {
    padding: 10px 0px;
}
#eventPopup input, #eventPopup select {
    width: 100%;
}

.eventTaken .taak, .eventTaken .taak .taskSub {
    display: inline-block;
    width: 100%;
    padding-bottom: 6px;
}
.eventTaken .taak .taskSub {
    padding-top: 6px;
}

.eventTaken .taak .checkbox, .eventTaken .taak .content {
    float: left;
}
.eventTaken .taak .checkbox {
    padding-top: 3px;
}
.eventTaken .taak .content {
    margin-left: 5px;
}
.eventTaken .taskSub {
    margin-left: 15px;
}

.eventTaken form label, .eventTaken form input, .eventTaken form select {
    width: 100%;
}


div.participany-invoice-status {
    border-radius: 50%;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
    width: 12px;
    display: inline-block;
}
div.participany-invoice-status.invoice-status-none, div.participany-invoice-status.invoice-status-concept {
    background-color: #6f7070;
}
div.participany-invoice-status.invoice-status-paid, div.participany-invoice-status.invoice-status-voldaan {
    background-color: #56b838;
}
div.participany-invoice-status.invoice-status-reminded, div.participany-invoice-status.invoice-status-herinnering {
    background-color: #ff8200;
}
div.participany-invoice-status.invoice-status-partially {
    background-color: #efea00;
}
div.participany-invoice-status.invoice-status-sent, div.participany-invoice-status.invoice-status-factuur {
    background-color: #5897ce;
}

div.addTaak {
    cursor: pointer;
}


.ui-widget.ui-widget-content {
    z-index: 9999;
}


@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1250px;
    }
}