:root{--darkPrimary:#041c62;--primary:#0036b6;--lightPrimary:#d2e0ff;--secundary:#fadb3b;--lightSecundary:#ffec8e;--zwart:#050505;--wit:#f1f1f1;--errorRed:#ff4500;--successGreen:#adff2f;--greenBorder:#35bf35;--redBorder:#bf3535}body{margin:0;padding:0;font-family:inherit}.h2,h2{color:var(--primary);font-size:1.5rem;padding:1rem 0}nav{display:flex;align-items:center;padding:0 2rem;height:-moz-fit-content;height:fit-content;color:#fff;font-weight:800}nav,nav .logo{background-color:var(--darkPrimary)}nav .logo{width:2rem}Nav .logo:hover{cursor:pointer}nav ul{display:flex;width:100%;list-style:none;justify-content:space-evenly}nav li{padding:1rem;font-size:1.2rem}nav li:hover{background-color:var(--primary)}nav a{text-decoration:none;color:#fff}main{padding:0 1rem 0 0}main .h1,main h1{font-size:2rem;font-weight:800;color:var(--darkPrimary);width:-moz-fit-content;width:fit-content;margin:0 auto;padding:2rem 0}.login-screen{background-color:var(--lightPrimary);height:100vh}.login-screen,.loginform{display:flex;justify-content:center;align-items:center;flex-direction:column}.loginform{padding:2rem 8rem;margin:0 auto;color:var(--zwart);font-weight:800;width:-moz-fit-content;width:fit-content;background-color:var(--primary);border-radius:.5rem}.loginform:active,.loginform:hover{box-shadow:0 0 10px 0 var(--zwart)}.loginform label{font-size:1.5rem;font-weight:800;color:#fff}.loginform button,.loginform input{margin:1rem 0;padding:.5rem;border:3px solid var(--darkPrimary);border-radius:.5rem;color:var(--zwart);font-weight:800;width:300px}.loginform input:active{border:3px solid #fff}.loginform button{width:100%;background-color:var(--secundary);color:var(--darkPrimary);font-weight:800}.loginform button:hover{background-color:var(--lightSecundary);cursor:pointer}.personTable{border-collapse:collapse;border:3px solid var(--darkPrimary);border-radius:.5rem;width:70%;min-width:300px;margin:auto}.personTable thead th{text-align:start;padding:.5rem 0 .5rem .5rem;border-bottom:2px solid var(--darkPrimary)}.personTable tbody th{text-align:start;padding:.8rem;width:40%;min-width:100px}.personTable tbody tr:nth-child(2n){background-color:#fff}.personTable tbody tr:nth-child(odd){background-color:var(--lightPrimary)}.personTable tbody td{width:40%;min-width:200px;padding:.5rem 0 .5rem .5rem}.personTable tbody input{width:90%;min-width:300px;border:2px solid var(--darkPrimary);border-radius:.5rem;padding:.5rem;align-items:flex-start;align-self:flex-start;text-align:start}.personTable tbody input:active{border:2px solid var(--secondary)}.personTable tbody select{width:93.5%;min-width:300px;border:2px solid var(--darkPrimary);border-radius:.5rem;padding:.5rem;align-items:center;align-self:center;text-align:start;margin:0 auto;background-color:#fff}.personTable tbody select:active{border:2px solid var(--secondary)}.personTable tbody input[type=checkbox]{width:20px;height:20px;margin:0 .5rem}.text-center{text-align:center}.pagination{color:#fff;background-color:var(--lightPrimary)}.pagination li:hover{background-color:transparent}.succes{background-color:var(--successGreen)}.fail,.succes{width:70%;margin:1rem auto;padding:1rem;border-radius:.5rem;text-align:center}.fail{background-color:var(--errorRed);color:#fff}.insured{background-color:var(--greenBorder)}.insured,.uninsured{color:var(--wit);width:-moz-fit-content;width:fit-content;padding:.5rem;margin:.5rem;border-radius:.5rem}.uninsured{background-color:var(--redBorder)}.action{background-color:orange;color:#fff;margin:1rem auto;padding:1rem;border-radius:.5rem}.action,.tempbox{width:70%;text-align:center}.tempbox{margin:0 auto}.tempbox button{margin:1rem 0;padding:.5rem;border:2px solid var(--darkPrimary);border-radius:.5rem;color:var(--zwart);min-width:300px;width:70%;background-color:var(--secundary);color:var(--darkPrimary);font-weight:800}.tempbox button:hover{background-color:var(--lightSecundary);cursor:pointer}.centre{width:70%;margin:auto;text-align:center}.box{width:70%;min-width:300px;margin:0 auto;padding:0 1rem;flex-wrap:wrap;justify-content:space-between}.inputsearch{width:99%;padding:1rem .5rem}.inputSelect,.inputsearch{min-width:300px;border:2px solid #000;border-radius:.5rem}.inputSelect{width:48%;padding:1rem;margin:1rem 1rem 1rem 0}.button{margin:2rem auto;padding:.5rem;border:2px solid var(--darkPrimary);border-radius:.5rem;color:var(--zwart);min-width:300px;width:100%;background-color:var(--secundary);color:var(--darkPrimary);font-weight:800}.button:hover{background-color:var(--lightSecundary);cursor:pointer}.single{padding:1rem 0;margin:1rem;width:30%}.voegtoe{padding:.8rem 0;margin:0 0 1rem;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center}.addUser{margin:0 .5rem;cursor:pointer}.list{text-align:left;width:-moz-fit-content;width:fit-content;margin:auto}.list li{padding:.5rem 0 0}.red{background-color:#ff4500;color:#fff}.red:hover{background-color:red}.green{background-color:green;color:#fff}.green:hover{background-color:#67ac00}.ma1{margin:1rem}.tegelVPK{width:25%;min-width:300px;min-height:150px;max-height:350px;background-color:#90ee90;color:#000;border-radius:.5rem;padding:1rem}.tegelVPK h1{font-size:1.6rem;color:#000;padding:0}.tegelVPK table{border-collapse:collapse;border:3px solid #000;border-radius:.5rem}.tegelVPK table tr{border:1px solid #000;border-radius:.5rem}.tegelVPK table tr th{margin:0 1rem;padding:.5rem}.tegelVPK table tr td{width:100%;text-align:end;margin:0 2rem 0 0}.tegelVPK table tr td a{color:#000}.tegelARTS{width:25%;min-width:300px;min-height:150px;max-height:350px;background-color:#ff4500;color:#fff;border-radius:.5rem;padding:1rem}.tegelARTS h1{font-size:1.6rem;color:#fff;padding:0}.tegelARTS table{border-collapse:collapse;border:3px solid #fff;border-radius:.5rem}.tegelARTS table tr{border:1px solid whiteblack;border-radius:.5rem}.tegelARTS table tr th{margin:0 1rem;padding:.5rem}.tegelARTS table tr td{width:100%;text-align:end;margin:0 2rem 0 0}.tegelARTS table tr td a{color:#fff}.memberMenu,.membertegels{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}.memberMenu{margin:1rem auto;background-color:var(--lightPrimary);width:81%;position:sticky;top:0;z-index:1}.memberMenu,.memberMenu li{border-radius:.5rem;border:2px solid var(--zwart)}.memberMenu li{list-style:none;color:var(--zwart);font-weight:800;min-width:100px;width:15%;margin:.5rem auto;padding:.5rem;text-align:center;background-color:var(--secundary);display:flex;justify-content:center;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}.memberMenu li:hover{background-color:var(--lightSecundary);cursor:pointer}.memberMenu li a{text-decoration:none;color:var(--zwart)}.memberMenu li a:hover{color:var(--darkPrimary)}.soft{font-weight:100}