.onoffswitch-inner:before {
    content: "Aan";

}

.onoffswitch-inner:after {
    content: "Uit";

}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F4F6F7;
}

/* Aangemaakt op 13-08-2018 omdat rijen in tabellen altijd een bovenkant row hebben in boorstrap, en dit vind ik persoonlijk niet mooi. */
.table.xcs-no-border tbody tr td, .table.xcs-no-border thead tr th {
    border: 0px;
}

.table.table-hover tbody tr:hover td, .table.table-hover tbody tr:hover th {
    background-color: #A3E1D4;
}

.ibox
{
    /* Deze zijn alleen van toepassing op de schaduw effect */
    border-radius: 16px;
  
}

.ibox-title h5
{
    color: #00877B;
}

.ibox-title
{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-bottom: 1px;
}

.btn
{
    border-radius: 16px;
}

.ibox-content
{
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}


.landing-page section p, .landing-page .pricing-plan li
{
    color: #999999;

}

.landing-page li.pricing-title
{
    color: #FFFFFF;
}

/* Aangemaakt op 25-9-2018. Anders komt de klok onder het modal scherm */
.clockpicker-popover {
    z-index: 999999 !important;
}

/* Icon types die in het hoofd menu staan als primaire. */
.xcs-icon-mainmenu-thirst {
    width: 22px;
    height: 22px;
    margin-right:0px;
    margin-top:-4px;
}


/* Onderste zorgt er voor dat een eventueel icoontje in het titel balk netjes passend wordt gemaakt */
.xcs-ibox-icon {
    width: 18px;
    height: 18px;
    margin-right:10px;
    margin-top:-4px;
}

/* Onderste zorgt er voor dat een eventueel icoontje in de breadcrumbs knoppen */
.xcs-breadcrumb-icon {

    height: 24px;
    margin-top: 4px;
    margin-right:  0px;
    margin-bottom: 4px;
    margin-left: 0px;
}

/* Deze kan je gebruiken om een icoontje binnen in een cell te stoppen als extra info zoals een waarschuwings icoontje */
.xcs-table-cell-icon {

    height: 16px;
    margin-top: 0px;
    margin-right:  10px;
    margin-bottom: 0px;
    margin-left: 0px;
}
/* Onderstaande zijn ge kleuren voor prioriteiten in de meldingen lijst
    1 = Zeer laag
    2 = Laag
    3 = Normaal
    4 = Hoog
    5 = Zeer hoog
*/

.xcs-priority-1 {
    background-color: #1ab394;
    color: #FFFFFF;
}

.xcs-priority-2 {
    background-color: #23c6c8;
    color: #FFFFFF;
}

.xcs-priority-3 {
    background-color: #1c84c6;
    color: #FFFFFF;
}

.xcs-priority-4 {
    background-color: #f8ac59;
    color: #FFFFFF;
}

.xcs-priority-5 {
    background-color: #ed5565;
    color: #FFFFFF;
}

.xcs-coverage-0 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #a5d6a7;
    color: #000000;
}

.xcs-coverage-1 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #ef9a9a;
    color: #000000;
}

.xcs-coverage-2 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #a5d6a7;
    color: #000000;
}

.xcs-coverage-3 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #ffab91;
    color: #000000;
}

.xcs-coverage-4 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #ffcc80;
    color: #000000;
}

.xcs-form-label {
    max-width: 180px;
    min-width: 180px;
    /*white-space: nowrap;  VERWIJDERD OP 20-12-2022*/
    font-weight: lighter;
    color: grey;


}

.xcs-form-content {
    padding-left: 20px;
}

/* Wordt gebruikt in diverse plekken waarbij de knoppen een laden circle krijgen, maar voor de zekerheid de volledige input van de pagina wordt geblokeerd, zonder dat je het ziet */
.xcs-invisible_inputdisabled {
    pointer-events: none;
}

.xcs-inputdisabled {
    pointer-events: none;
    opacity: 0.4;
}

.xcs-buttondisabled {
    pointer-events: none;
    opacity: 0.4;
    filter: grayscale(100%);
}

/*Selects (combos) hebben standaard een grotere input padding aan de linker kant. Met deze CSS worden ze een beetje naar links getrokken. Volgens mij is standaard voor selects op 12px.*/
.xcs-input-select {
    padding-left: 8px;
}

/*Een kleine balletje bij menu knoppen die een selecteerbare state hebben*/
.xcs-small-button-ball {
    width: 14px;
}

/* Schoonmaak: Verwijderd */
.xcs-cleaning_status_-1 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #cccccc;
    color: #000000;
}

/* Schoonmaak: Gepland */
.xcs-cleaning_status_0 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #ef9a9a;
    color: #000000;
}

/* Schoonmaak: Bezig */
.xcs-cleaning_status_1 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #ffcc80;
    color: #000000;
}

/* Schoonmaak: Schoon */
.xcs-cleaning_status_2 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #a5d6a7;
    color: #000000;
}

/* Schoonmaak: Controle */
.xcs-cleaning_status_3 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #74B9FF;
    color: #000000;
}

/* Schoonmaak: Vrijgegeven */
.xcs-cleaning_status_9 {
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.75em;
    line-height: 2;
    white-space: nowrap;
    font-size: 10px;
    background-color: #a5d6a7;
    color: #000000;
}


/* XCS Colors */
:root {
    --xcs-lightyellow: #FFFCE9;
    --xcs-lightred: #FDE0DC; 
    --xcs-darkred: #E74E40; 
    --xcs-lightgreen : #CFF8CE;

}