/* 
    Created on : 25 mrt. 2023, 15:14:08
    Author     : bart
*/

body {
    font-family: Arial, sans-serif;
    background-color: #F0F0F0;
}
.container {
    max-width: 500px;
    margin: auto;
    padding: 20px;
    
    border-radius: 50px;
    background: #e0e0e0;
    box-shadow:  20px 20px 60px #bebebe,
                 -20px -20px 60px #ffffff;
}
.info {
    background-color: lightgreen;
    border: 2px solid green;
    border-radius: 3px;
}
.error {
    background-color: #f7a9a3;
    border: 2px solid red;
    border-radius: 3px;
}

/*
    Factuuropmaak
*/
.factuur {
    margin: 10px;
    padding: 5px;
    border: 2px solid black;
    border-radius: 5px;
}
.factuurkop {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
    .code {
        font-style: italic;
        font-size: 12px;
    }
    .naam {
        font-weight: bold;
        font-size: 15px;
        cursor: url("../images/zoeken.svg") 10 10,auto;
    }
    .betaald {

    }
.factuurinfo {

}
    .opvangitem {
        font-size: 10px;
    }
.factuurfooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
    .totaalbedrag {
        font-weight: bold;
        font-size: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .factuurpdf {

    }
.betalingen {
    cursor:pointer;
}
/*
    Einde factuuropmaak
*/

/*
    Aanmeldknop en afmeldknop
*/
.checkin {
    background: green;
    border: 20px solid green;
    border-radius: 50%;
    width: 50px;
    height: 50px; 
}
.checkuit {
    background: red;
    border: 20px solid red;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}