@charset "UTF-8";
    
* { box-sizing: border-box }

html {
    font-size: 62.5%;
    font-family: verdana;
}

.container-a { margin: 0; }
.container {
    width: 36rem;
    border-radius: 4.5rem 6rem;
    margin: 10vh 0 0 36vw;
    background-color: #4262e3;
}

.titleAL {
    font-size: 2.6rem;
    font-family: georgia;
}

.adminH2 {
    text-align: center;
    padding-top: 2rem;
}

.modalfield { margin: .2rem; }

.labelModelZM, .labelOpmk { font-size: 1.4rem; }

.labelOpmk { padding-left:  1.5rem; }

.labelModelZM {
    display: inline-block;
    width: 7rem;
    padding-left: 1.5rem;
    margin: .1rem;
}

.adminTextf, .adminSelectf { max-width: 18rem; }

.opmerkingZM { margin-top: 1.8rem; }

.typeZM {
    height: 4rem;
    padding-top: .8rem;
}

.adminTexta { 
    width: 30rem;
    height: 16.5rem;
    margin: 1.5rem 0 0 1.5rem; 
}

.rediButton {
    width: 10rem;
    padding: .8rem 0;
    border: .1rem solid black;
    border-radius: .5rem;
    margin: 3rem 13rem 3rem 13rem;
    background-color: green;
    color: #fefefe;
}

/*CSS voor index.php*/
.titleTabZMO {
    font-size: 2rem;
    margin-left: 9.5rem;
}

.boxFormfields { margin: 4rem 0; }

.alignZM, input { margin: 2rem 0; }

.alignZM {
    width: 10rem;
    font-size: 1.4rem;
    white-space: normal;
    float: left;
}

ul {
    list-style-position: inside;
    padding: 0px;
    border: 0px solid black;
    margin: 0 30%; 
}

li {
    text-align: left;
    padding-left: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgba(255, 0, 0, 0.5);
}

.loginBlock {
    width: 33rem;
    height: 33rem;
    padding: 1rem 0 0 3rem;
    border-radius: 4.5rem 6rem;
    margin: 20rem 0 0 50vh;
    background-color: #4262e3;
}

.inloggenZM {
    width: 10rem;
    padding: .5rem;
    border: .1rem solid black;
    border-radius: .5rem;
    margin: 0 0 0 15rem;
    background-color: green;
    color: #fefefe;
}

/*CSS voor overzichtpagina administrator*/
table, td, th { border: .1rem solid black; }
table {  
    border-collapse: collapse;
    margin: 1vh 10vw 0 10vw;
    background-color: bisque;
}

caption, td, th { font-size: 1.4rem; }
caption { margin-bottom: .5rem; }
td, th { padding: 0 10px; }
.buttonGroup { padding-left: .8vw; }

.button-modal, .deleteBlock {
    display: block;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: .5rem;
}

a {
    text-decoration: none;
    color: black;
}

.button-modal { 
    padding-left: .7rem;
    margin: 1rem 0 .5rem 0; 
    
}
.btnInsert { background-color: green; }
.btnUpdate { background-color: orange; }

.deleteBlock { 
    margin: .5rem 0 1rem 0;
    background-color: red;
}

.confirmMsg {
    font-size: 1.4rem;
    font-style: italic;
    text-align: center;
    padding: .3rem .5rem;
    border-radius: 1.5rem;
    margin: 2vw 10vw 0 10vw;
    background-color: rgb(125, 255, 122);
    color: rgb(225, 255, 224);
}

/*Logout knop*/
.logoutBtn {
    padding: 8px;
    border: 1px solid deepskyblue;
    border-radius: 15px;
    background-color: lightskyblue;
    color: antiquewhite;
}