@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0}.layout,.toggle{display:flex}.toggle .toggle-btn{background:none;border:none}.notification{position:fixed;right:40px;bottom:40px;background:#f60;padding:10px;border-radius:10px;min-width:100px;text-align:center}.filter{border-radius:10px;border:2px solid #000000;padding:10px;background-color:#fff}.task-name-highlight{border:2px solid #000000;padding:2px 6px;border-radius:4px;background-color:#3398db;color:#fff}#logout{position:relative;left:15px;margin-right:30px;margin-bottom:-5px}#sidebar-open{height:100vh;width:250px;background:#005886;color:#fff;transition:width .3s ease;padding:5px 1em;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;justify-content:flex-start}#sidebar-closed{height:100vh;padding:5px;width:30px;background:#005886;transition:width .3s ease;position:sticky;top:0;align-self:start}#sidebar-open ul{list-style:none;color:#fff;padding:0;margin:0;display:flex;flex-direction:column}.save{background-color:#007304}.delete-me{background-color:#8e0a0a;float:right}#sidebar-open a,#sidebar-open .dropdown-btn,#sidebar-open .username{border-radius:.5em;padding:.85em;text-decoration:none;display:flex;align-items:center;color:#fff;gap:1em}.dropdown-btn{width:250px;text-align:left;background:none;border:none;cursor:pointer;padding:.85em}.container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;margin-right:0;width:100%}.border-wrapper{flex:1;min-width:250px;max-width:100%;border:1px solid black;border-radius:20px;text-align:center;overflow:hidden;width:100%;background-color:#c3c3c3}.border1::-webkit-scrollbar{width:20px}.border1::-webkit-scrollbar-thumb{background-color:#005886;border-radius:20px}.border1::-webkit-scrollbar-thumb:hover{background-color:#007bff}.border1::-webkit-scrollbar-track{background:#5e5e5e;border-radius:0 0 20px}.border1{height:90vh;overflow-y:auto;overflow-x:hidden;min-width:350px}.task{min-width:350px;border:1px solid black}.menu{display:flex;justify-content:center;background-color:#005886;margin-bottom:10px}.menu .buttons{display:flex;justify-content:center;align-items:center;position:relative;right:50%;gap:10px}.input{padding:10px;border:none;background-color:#0ff0}.input:focus{outline:none;border:none}.maak{display:flex;justify-content:center;align-items:center;gap:10%}.form{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#005886}.invul_password{display:flex}.title{text-align:center;font-family:Roboto,sans-serif;position:relative;left:-5px}.title2{position:relative;right:-100px}.invuller{background-color:#fff;padding-inline:80px;padding-bottom:40px;padding-top:40px;border-radius:10px}.klaar{padding:10px;border:0;margin-top:20px;margin-bottom:20px}.cancel{background-color:#ff6f00;padding:10px;border:0;margin-top:20px;margin-bottom:20px;text-decoration:none;color:#fff}.showPasswd{background-color:#0ff0;border:none;float:right}.relative{border-bottom:black 1px solid;margin-bottom:20px}.main-container{display:flex;justify-content:space-around;align-items:center;margin-right:0;margin-left:0;width:100%}.sections{background-color:10px}.deel{background-color:#005886;padding:70px;border-radius:20px}.user-list{font-family:Arial,Helvetica,sans-serif;display:flex;font-size:large}.user-list .info-user{display:flex}.container2{display:flex;margin-top:30px;justify-content:center;gap:16px;margin-right:0;width:100%}.part{border:1px solid black;border-collapse:collapse;padding:5%;width:100vh}.user-title{padding-top:10px;padding-bottom:10px;background-color:#005886;margin-top:40px;padding-left:10px}.adminMaker,.delete{background-color:#fc0;padding:10px;border:0;border-radius:20px;width:100%;height:50px;font-size:17px}.create{background-color:green;width:100px;height:50px;padding:3%;border-radius:20px}.delete{background-color:#a10000}