.checklist-container{font-family:Arial,sans-serif;padding-left:20px}.checklist{display:flex}.checklist .item{margin-right:50px;width:500px}.toggle-form-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:20px}.toggle-form-button:hover{background-color:#0056b3}.new-item-form{width:600px;margin-bottom:20px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.new-item-form h2{margin-bottom:20px}.form-input,.form-textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #ddd;margin-bottom:10px;box-sizing:border-box}.form-textarea{resize:vertical;min-height:80px}.form-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.form-button:hover{background-color:#0056b3}.color-picker-wrapper{position:relative;margin-bottom:10px}.color-box{width:40px;height:40px;border-radius:5px;cursor:pointer;border:1px solid #ddd}.checklist-item{border-left:5px solid;padding:15px;margin-bottom:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.item-header{display:flex;align-items:center;cursor:pointer}.item-header h3{margin:0 10px}.item-meta{display:flex;align-items:center}.deadline{margin-left:10px}.overdue{color:red}.completed{background-color:#f0f0f0;text-decoration:line-through}.item-details{margin-top:10px;padding-right:20px}.item-details input,.item-details textarea{width:100%;margin-bottom:10px;padding:10px;border-radius:5px;border:1px solid #ddd}.item-details button{background-color:#ff6f6f;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:5px}.item-details button:hover{background-color:#e55b5b}.color-picker-popup{position:absolute;background:white;border:1px solid #ddd;padding:10px;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;z-index:1000}.color-option{width:40px;height:40px;border-radius:5px;cursor:pointer;border:1px solid #ddd}.color-option:hover{border:1px solid #000}.item-meta{display:flex}.assigned-to{margin-left:20px;justify-self:flex-end}*{font-family:Arial,Helvetica,sans-serif}body{margin:0;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;min-height:100vh;padding-left:50px;padding-top:50px}.leadmanager{max-width:600px;margin:20px auto;padding:20px;background:white;border-radius:8px;box-shadow:0 0 10px #0000001a}form{display:flex;flex-direction:column}form label{margin:10px 0 5px;font-weight:700}form input[type=text],form input[type=email],form input[type=date],form input[type=submit]{padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}form input[type=submit]{background-color:#4eb8f5;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}form input[type=submit]:hover{background-color:#87c8ee}.data-display{margin-top:20px}.data-item{background:#e9ecef;margin-bottom:10px;padding:10px;border-radius:4px}.data-item p{margin:5px 0}.data-item p:first-child{font-weight:700;font-size:1.1em}textarea{margin-bottom:20px}.customer-list{display:flex;flex-direction:column;margin:0;padding:0}.customer-item{margin:0;border:2px solid #000;box-shadow:0 2px #000}.customer-list th{text-align:left;padding-left:10px}.customer-list td{min-width:100px;padding-right:15px;padding-left:10px;padding-bottom:5px}.customer-item button{background-color:#ff4d4d;color:#fff;border:none;margin-left:20px;font-size:20px;font-weight:900;padding:5px 10px;border-radius:5px;cursor:pointer;box-shadow:0 0 5px #999;transition:.3s}.customer-item button:hover{background-color:#ff1a1a;box-shadow:0 0 #333}.sort-dropdown{margin-bottom:20px;text-align:left}.sort-select{padding:8px 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;cursor:pointer}.filter-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;border:1px solid #999;padding:20px;width:800px}.filter-group{display:flex;flex-direction:column}.filter-group label{margin-bottom:5px;font-weight:700}.filter-group input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.download-buttons{display:flex;gap:20px;margin-bottom:20px}.download-buttons button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s}.download-buttons button:hover{background-color:#45a049}.loginpage{display:flex;justify-content:center}.loginWidget{padding:20px 40px;font-size:30px;background-color:#fff}.loginWidget input{margin-left:10px;margin-top:20px;padding:10px;font-size:20px}.loginWidget form button{margin-top:30px;font-size:20px;padding:10px 20px;cursor:pointer}.logoutBtn{font-size:20px;background-color:#fe5a5a;border-radius:5px;font-weight:900;border:none;padding:14px 0 16px 14px;transition:.3s;display:flex;justify-content:center;align-items:center}.logoutBtn:hover{cursor:pointer;background-color:#faa}.navbtn{margin-top:30px;margin-bottom:80px}.navbtn button{font-size:20px;box-shadow:0 0 4px #999;border-radius:10px;font-weight:900;border:none;padding:10px 20px;transition:.3s;margin-right:20px;color:#fff}.navbtn button:hover{cursor:pointer}.leadmanagerbtn{background-color:#2e74f6}.leadviewerbtn{background-color:#9365f7}.leadmanagerbtn:hover{background-color:#90d3fa}.leadviewerbtn:hover{background-color:#c3adf5}.checklistbtn{background-color:#ff7321}.checklistbtn:hover{background-color:#f4b794}.download-buttons button{display:flex;align-items:center}.download-buttons img{width:50px;margin-right:10px}.upload-section{display:flex;align-items:center;gap:10px;margin-bottom:20px}.upload-section input[type=file]{display:none}.upload-label{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.upload-label:hover{background-color:#0056b3;box-shadow:0 4px 10px #0003}.import-button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.import-button:hover{background-color:#218838;box-shadow:0 4px 10px #0003}.edit-form{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.edit-form form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-form label{font-weight:700}.edit-form input,.edit-form textarea{padding:8px;border-radius:4px;border:1px solid #ccc}.edit-form button{padding:10px 15px;border-radius:5px;cursor:pointer;border:none}.edit-form button[type=button]:first-child{background-color:#007bff;color:#fff;margin-right:10px}.edit-form button[type=button]:first-child:hover{background-color:#0056b3}.edit-form button[type=button]:last-child{background-color:#6c757d;color:#fff}.edit-form button[type=button]:last-child:hover{background-color:#5a6268}.customer-list table{width:100%;border-collapse:collapse;margin-top:20px}.customer-list th,.customer-list td{border:1px solid #ddd;padding:8px}.customer-list th{background-color:#f2f2f2;text-align:left}.customer-list tr:nth-child(2n){background-color:#f9f9f9}.customer-list tr:hover{background-color:#ddd}.customer-list button{padding:5px 10px;border-radius:3px;cursor:pointer;border:none}.customer-list button:first-child{background-color:#007bff;color:#fff}.customer-list button:first-child:hover{background-color:#0056b3}.customer-list button:last-child{background-color:#dc3545;color:#fff}.customer-list button:last-child:hover{background-color:#c82333}.editRemove{display:flex;align-items:center}.pencilImg{width:14px}.icon{width:30px;margin-right:10px;margin-bottom:-5px}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:50%;border-radius:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-content label{font-weight:700}.modal-content input,.modal-content textarea{padding:8px;border-radius:4px;border:1px solid #ccc}.modal-content button{padding:10px 15px;border-radius:5px;cursor:pointer;border:none;margin-top:10px}.modal-content button[type=button]:first-child{background-color:#007bff;color:#fff}.modal-content button[type=button]:first-child:hover{background-color:#0056b3}.modal-content button[type=button]:last-child{background-color:#6c757d;color:#fff}.modal-content button[type=button]:last-child:hover{background-color:#5a6268}.status{display:flex}.status-circle{width:15px;height:15px;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle}.sorteerrij th:hover{cursor:pointer;color:#555}