body,html{margin:0;padding:0;font-family:Arial,sans-serif;box-sizing:border-box}.login-page{display:flex;height:100vh}.login-container{display:flex;flex:1}.login-content{flex:1;max-width:600px;height:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a}.login-form{height:100%}.login-volvo-logo{border-bottom:1px solid #302f2f52}.login-volvo-logo img{width:30%;margin:25px 10px 20px 15px}.login-details{margin:50% 3%}h2{font-size:20px;color:#333;margin:10px 0 25px}.login-details h3{font-size:24px;font-weight:700;color:#000;margin:10px 0 30px}.form-group{display:flex;align-items:center;border-bottom:2px solid #ccc;margin-bottom:45px}.input-icon{color:#999;margin-right:10px}input{flex:1;border:none;outline:none;padding:8px;font-size:14px}input::placeholder{color:#ccc}.login-button{width:100%;padding:12px;font-size:14px;color:#fff;background-color:#005bac;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#003f7d}.forgot-password{display:block;margin-top:10px;text-align:center;color:#005bac;text-decoration:none;font-size:12px}.forgot-password:hover{text-decoration:underline}.login-image{flex:1;background-color:#f4f4f4}.login-image img{width:70%;height:100%;object-fit:cover;position:fixed}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:999;transition:ease-in-out}.popup-content{margin-top:5%;position:relative;background-color:#fff;padding:33px;border-radius:8px;box-shadow:0 0 10px #0000004d;text-align:center}.close-btn{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}@media (max-width: 768px){.login-container{flex-direction:column}.login-image{display:none}.login-content{padding:15px;max-width:100%}.volvo-logo img{width:60px}h2{font-size:18px}h3{font-size:20px}input{padding:6px;font-size:12px}.login-button{padding:10px;font-size:12px}.forgot-password{font-size:10px}}.error-message{color:red;font-size:14px;margin-bottom:10px;text-align:center}.attempts-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:8px 12px;border-radius:4px;margin:10px 0;text-align:center;font-size:14px;font-weight:500}.forgot-password-section{margin-top:15px;text-align:center}.forgot-password-link{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:14px;padding:5px 0;transition:color .3s ease}.forgot-password-link:hover{color:#0056b3}.blocked-account-options{margin-top:15px;padding:15px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;text-align:center}.blocked-account-options p{color:#721c24;margin-bottom:10px;font-size:14px}.reset-account-button{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.reset-account-button:hover{background-color:#c82333}.reset-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.reset-modal{background:#fff;border-radius:8px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.reset-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;border-bottom:1px solid #eee}.reset-modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.reset-modal-header .close-btn{font-size:24px;color:#666;cursor:pointer;background:none;border:none;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.reset-modal-header .close-btn:hover{background-color:#f5f5f5;color:#333}.reset-modal-content{padding:25px}.reset-step{text-align:center}.reset-step h4{margin:0 0 10px;color:#333;font-size:18px;font-weight:600}.reset-step p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.4}.reset-step .form-group{position:relative;margin-bottom:20px;text-align:left}.reset-step .form-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;z-index:1}.reset-step .form-group input{width:100%;padding:12px 15px 12px 45px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.reset-step .form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.reset-step .form-group .toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;cursor:pointer;font-size:16px;transition:color .3s ease}.reset-step .form-group .toggle-password:hover{color:#333}.otp-input{text-align:center;font-size:18px;font-weight:600;letter-spacing:2px;padding-left:15px!important}.reset-button{width:100%;background-color:#007bff;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px}.reset-button:hover:not(:disabled){background-color:#0056b3}.reset-button:disabled{background-color:#6c757d;cursor:not-allowed}.back-button{width:100%;background-color:#6c757d;color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.back-button:hover{background-color:#5a6268}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;border:1px solid #f5c6cb;margin-top:15px;font-size:14px;text-align:center}@media (max-width: 768px){.reset-modal{width:95%;margin:10px}.reset-modal-content{padding:20px}.reset-modal-header{padding:15px 20px 10px}}.login-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.popup{position:fixed;top:20px;right:20px;z-index:1001;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.popup-content{background:#fff;padding:15px 20px;border-radius:6px;box-shadow:0 4px 12px #00000026;border-left:4px solid #dc3545;min-width:300px;position:relative}.popup-content .close-btn{position:absolute;top:5px;right:10px;font-size:18px;color:#666;cursor:pointer;background:none;border:none;padding:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.popup-content .close-btn:hover{color:#333}.popup-content p{margin:0;color:#721c24;font-size:14px;font-weight:500}.loading-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-popup{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-container{margin-top:1%}.cards{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;justify-content:center;padding:8px 15px}.cards h3{font-size:22px;color:#fff}.card{padding:24px 23px;color:#aea9e9;border-radius:8px;text-align:center;width:75%}.main-content{margin:17px 41px}.main-second-row{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch}.row2-frames{width:48%;background-color:#fff;padding:10px;border-radius:9px;height:290px;overflow-y:scroll}.main-third-row{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;margin-top:20px}.row3-frames{width:48%;background-color:#fff;padding:10px;border-radius:9px;height:290px;overflow-y:scroll}.main-fourth-row{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;margin-top:20px}.row4-frames{width:48%;background-color:#fff;padding:10px;border-radius:9px;height:290px;overflow-y:scroll}@media (max-width: 1500px){.cards{grid-template-columns:repeat(2,1fr);gap:1rem}.main-second-row,.main-third-row,.main-fourth-row{flex-wrap:wrap;gap:2rem}.row2-frames,.row4-frames,.row3-frames{width:100%}.topbar .lms-heading{font-size:26px}}@media (max-width: 900px){.topbar{gap:5rem;padding-left:20px}.main-second-row,.main-third-row,.main-fourth-row{flex-direction:column;gap:1rem}.row2-frames,.row4-frames,.row3-frames{width:100%;padding:8px}.topbar .lms-heading{font-size:20px}}@media (max-width: 480px){.topbar{flex-direction:column;gap:1rem}.topbar .search-bar{width:100%;margin-bottom:10px}.cards{grid-template-columns:1fr}.card{width:100%}.main-second-row,.main-third-row,.main-fourth-row{flex-direction:column;gap:1rem}.row2-frames,.row4-frames,.row3-frames{width:100%;padding:8px}.topbar .lms-heading{font-size:10px}}.chart-container{border-radius:10px;position:relative;background-color:#e9e9e9;width:100%;margin-top:2%;transition:all .3s ease-in-out}.courseactiviy-dropdown-container .select__menu{max-height:300px!important;overflow-y:auto!important}.courseactiviy-heading{font-size:18px;margin:15px}.course-activity-clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.course-activity-clear-button:hover{background-color:#d32f2f}.courseactiviy-dropdown-container{display:flex;gap:36px;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.dropdown-container select{padding:8px 12px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.courseactiviy-dropdown-container p{font-size:18px;margin:10px 6px;display:flex;align-items:center}.chart-wrapper{position:relative;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff;padding:30px 20px}.courseactiviy-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.courseactiviy-back-button:hover{background-color:#da5656}.courseactiviy-back-button-icon{margin-right:10px}.courseactiviy-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.courseactiviy-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.courseactiviy-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.chart-container.widget{width:100%;background-color:#fff;position:relative;margin-top:1px}.courseactiviy-heading.widget{font-size:18px;margin:5px}.courseactiviy-dropdown-container.widget{gap:10px}.chart-wrapper.widget{width:100%;position:relative;height:310px;margin:0;box-shadow:none;border:none;padding:0}.trainer-disabled{opacity:.6;cursor:not-allowed}.trainer-info{background-color:#f0f8ff;border:1px solid #d0d7de;border-radius:6px;padding:10px;margin:10px 0}.trainer-info-text{margin:0;font-size:14px;color:#24292f}@media (max-width: 1770px){.chart-container{margin-top:4%}.dropdown-container select{font-size:12px;padding:6px 10px}.chart-wrapper{position:relative;height:550px;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff;padding:30px 20px}}@media (max-width: 1460px){.chart-container{margin-top:3%}.courseactiviy-dropdown-container{gap:30px}.courseactiviy-dropdown-container p{font-size:17px}.chart-wrapper{position:relative;height:400px;padding:25px 18px;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff}}@media (max-width: 1160px){.chart-container{margin-top:2%;width:100%}.courseactiviy-dropdown-container{gap:36px}.chart-wrapper{height:300px;padding:30px 20px}}@media (max-width: 990px){.chart-container{margin-top:2%;width:100%}.courseactiviy-dropdown-container{gap:36px}.chart-wrapper{height:200px;padding:30px 20px}}.user-training-performance{display:flex;justify-content:space-between;height:auto;width:100%;overflow:auto;flex-direction:column}.user-performance-heading p{font-size:21px;margin:15px}.user-performance-dropdown-box{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.user-performance-sections{display:flex;background-color:#fff;margin:10px;padding:30px 25px;flex-direction:row;align-items:center;border-radius:3px}.user-progress-section{flex:1;margin:20px;display:flex;flex-direction:column;justify-content:center;gap:2rem}.user-dropdown-section{flex:1;margin-top:24px}.user-progress-section p{font-size:18px;margin:5px 42px}.user-progress-bar{margin-bottom:32px;margin-top:27px}.user-progress-label{display:flex;align-items:center;justify-content:center}.user-progress-circle{width:45px;height:45px;background-color:#262f47;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.user-progress-track{height:3px;position:relative;border-radius:5px;display:flex;align-items:center;justify-content:space-evenly}.user-progress-fill{height:100%;position:absolute;right:0;top:0;transition:width .5s ease-in-out;border-radius:5px;transform:scaleX(-1)}.user-progress-fill-wrapper{width:60%;height:8px;background-color:#404f79;position:relative;margin-top:5px;border-radius:5px;display:flex;align-items:center;transform:scaleX(-1)}.user-dropdown{margin-bottom:20px}.user-dropdown select{padding:8px 12px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.user-dropdown-box{display:flex;justify-content:space-around}.user-legend{margin-top:-8px;display:flex;gap:4rem;flex-direction:column;align-items:stretch}.user-legend-item{display:flex;align-items:center;margin:9px 17px 11px 27px;gap:2rem}.user-right-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user-circle{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.user-training-performance.widget{display:flex;justify-content:space-between;height:auto;width:100%;overflow:auto;flex-direction:column}.user-performance-dropdown-box.widget{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;margin:7px 10px}.user-performance-heading.widget p{font-size:18px;margin:5px 6px}.user-performance-sections.widget{display:flex;margin:0;padding:0}.user-progress-section.widget{flex:1;gap:0;margin:0}.user-dropdown-section.widget{flex:1;padding:0}.user-legend{margin-top:-8px;display:flex;flex-direction:column;gap:15px;align-items:stretch;margin-left:20px}.performance-comparison{justify-content:space-between;height:239px;width:100%}.performance-clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.performance-clear-button:hover{background-color:#d32f2f}.performance-heading{font-size:18px;margin:15px}.performance-dropdown select{padding:8px 3px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.performance-dropdown-box{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;margin:20px 10px}.performance-sections{display:flex;background-color:#fff;margin:10px;padding:30px 25px;flex-direction:row;align-items:center;border-radius:3px}.progress-section{flex:1;margin:20px;display:flex;flex-direction:column;justify-content:center;gap:2rem}.dropdown-section{flex:1;margin-top:120px}.titles{display:flex;flex-direction:row;justify-content:space-between}.title-box{margin-bottom:10px;color:#fff;font-weight:700;color:#000;display:flex;flex-direction:column;align-items:flex-start;font-size:14px}.rectangle-1{height:38px;width:23px;background-color:#6ad1fa}.rectangle-2{height:38px;width:23px;background-color:#787af0}.rectangle span{color:#000}.progress-bar{margin-bottom:32px;margin-top:16px}.progress-label{display:flex;align-items:center;justify-content:space-between}.progress-circle{width:53px;height:45px;background-color:#262f47;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;left:50%;z-index:1}.progress-track{height:3px;position:relative;border-radius:5px;display:flex;align-items:center}.progress-fill-1{height:100%;position:absolute;left:0;top:0;transition:width .5s ease-in-out;border-radius:5px}.progress-fill-2{height:100%;position:absolute;right:0;top:0;transition:width .5s ease-in-out;border-radius:5px}.dropdown select{padding:8px 12px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.dropdown-box{display:flex;justify-content:space-around}.legend{margin-top:-8px;display:flex;gap:3rem;flex-direction:column;align-items:stretch}.legend-item{display:flex;align-items:center;margin:9px 17px 11px 27px;gap:2rem}.right-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.legend-item span{font-size:16px}.circle{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;left:50%;transform:translate(-50%);position:absolute}.progress-fill-1-wrapper,.progress-fill-2-wrapper{width:50%;height:8px;background-color:#404f79;position:relative;margin-top:5px;border-radius:5px;display:flex;align-items:center}.performance-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.performance-back-button:hover{background-color:#da5656}.performance-back-button-icon{margin-right:10px}.performance-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.performance-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.performance-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.performance-comparison.widget{justify-content:space-between;width:100%;background-color:#fff;position:relative;margin-top:1px}.performance-heading.widget{font-size:18px;margin:5px}.performance-dropdown select.widget{padding:8px 3px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.performance-dropdown-box.widget{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;margin:0 10px}.performance-sections.widget{display:flex;margin:0;padding:0}.progress-section.widget{flex:1;margin-right:20px;gap:0}.dropdown-section.widget{flex:1;padding:0;margin-top:76px}.titles.widget{display:flex;flex-direction:row;justify-content:space-between}.title-box.widget{margin-bottom:10px;color:#fff;font-weight:700;color:#000;display:flex;flex-direction:column;align-items:flex-start;font-size:14px}.rectangle-1.widget{height:38px;width:23px;background-color:#6ad1fa}.rectangle-2.widget{height:38px;width:23px;background-color:#787af0}.progress-bar.widget{margin-bottom:32px;margin-top:16px}.progress-label.widget{display:flex;align-items:center;justify-content:space-between}.progress-circle.widget{width:53px;height:45px;background-color:#262f47;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;left:50%;z-index:1}.progress-track.widget{height:3px;position:relative;border-radius:5px;display:flex;align-items:center}.progress-fill-1.widget{height:100%;position:absolute;left:0;top:0;transition:width .5s ease-in-out;border-radius:5px}.progress-fill-2.widget{height:100%;position:absolute;right:0;top:0;transition:width .5s ease-in-out;border-radius:5px}.dropdown select.widget{padding:8px 12px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.dropdown-box.widget{display:flex;justify-content:space-around}.legend.widget{margin-top:-8px;display:flex;flex-direction:column;gap:15px;align-items:stretch;margin-left:20px}.legend-item.widget{display:flex;align-items:center;margin:9px 17px 11px 27px;gap:2rem}.right-circle.widget{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.legend-item span.widget{font-size:16px}.circle.widget{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;left:50%;transform:translate(-50%);position:absolute}.progress-fill-1-wrapper.widget,.progress-fill-2-wrapper.widget{width:50%;height:8px;background-color:#404f79;position:relative;margin-top:5px;border-radius:5px;display:flex;align-items:center}.performance-back-button.widget{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.performance-back-button.widget:hover{background-color:#da5656}.performance-back-button-icon.widget{margin-right:10px}.performance-fullscreen-button.widget{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.performance-fullscreen-button.widget:hover{background-color:#3f3f3f;transform:scale(1.05)}.fullscreen-icon.widget{margin-right:10px;transition:transform .3s ease}.performance-fullscreen-button.widget:hover .fullscreen-icon.widget{transform:rotate(90deg)}.inline-btn{background:none;border:none;cursor:pointer;font-size:inherit;position:relative;padding:6px 1px 6px 8px;border-radius:4px;background-color:#d1cccc;display:flex;flex-direction:row;align-items:center;gap:4px}.inline-btn:hover{background-color:#bdb7b7}.inline-btn2{background:none;border:none;cursor:pointer;font-size:inherit;position:relative;padding:6px 9px 6px 14px;border-radius:4px;background-color:#d1cccc;display:flex;flex-direction:row;align-items:center;gap:4px}.inline-btn2:hover{background-color:#bdb7b7}.small-popup{position:absolute;top:-60%;left:149px;background:#fff;border:1px solid #ccc;padding:8px 12px;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:10;white-space:nowrap}.popup-list{list-style-type:disc;padding-left:20px;margin:0}.popup-list li{margin-bottom:4px}.driverrankingfs-container{background-color:#e9e9e9;border-radius:10px;width:100%;margin-top:2%;transition:all .3s ease-in-out}.driverrankingfs-heading p{font-size:21px;margin:15px}.driverrankingfs-container.widget{width:100%;background-color:#fff;position:relative;margin-top:1px}.driverrankingfs-dropdown select{padding:8px 3px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.driverrankingfs-dropdown-box{display:flex;justify-content:space-around;margin-bottom:16px;flex-wrap:wrap;gap:1rem}.driverrankingfs-table-container{max-height:400px;overflow-y:auto;display:block}.driverrankingfs-table{width:100%;border-collapse:collapse}.css-b62m3t-container{width:300px!important}.driverrankingfs-table th{position:sticky;top:-25px;background-color:#f1f1f1;z-index:0;border:1px solid #ddd;padding:8px}.driverrankingfs-table td{border:1px solid #ddd;padding:8px}.driverrankingfs-table td{text-align:center;padding:8px}.driverrankingfs-btn-group{display:flex;gap:10px}.driverrankingfs-btn-view{padding:5px 10px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.driverrankingfs-btn-view{background-color:#318ba4;color:#fff}.driverrankingfs-btn-danger{background-color:#db4141;color:#fff}.driverrankingfs-btn:hover{opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;position:relative;display:flex;flex-direction:column;align-items:center}.close-button{position:absolute;top:10px;right:10px;background:#ff5e57;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:20px}.modal-driver-photo{width:100px;height:100px;border-radius:50%;margin-bottom:15px}.modal-content p{margin:10px 0}.driverrankingfs-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.driverrankingfs-back-button:hover{background-color:#da5656}.driverrankingfs-back-button-icon{margin-right:10px}.driverrankingfs-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.driverrankingfs-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.driverrankingfs-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.driverrankingfs-heading.widget p{font-size:18px;margin:5px 6px}.clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.clear-button:hover{background-color:#d32f2f}.seatallotment-container{border-radius:10px;position:relative;width:100%;transition:all .3s ease-in-out}.seatallotment-heading{font-size:21px;margin:15px}.seatallotment-content-container{display:flex;flex-direction:row;justify-content:center;background-color:#fff;padding:30px 25px;height:auto;gap:2rem}.seat-allotment-clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.seat-allotment-clear-button:hover{background-color:#d32f2f}.calendar{background-color:#fff;color:#333;width:50%;text-align:center}.cal-dropdowns{margin-bottom:26px;display:flex;justify-content:center;gap:5rem}.cal-dropdowns select{border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;font-size:19px}.cal-dropdowns select::-ms-expand{display:none}.cal-dropdowns option{padding:5px;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);height:500px}.day-label{font-weight:700;color:orange;font-size:27px}.day,.empty-day{height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:20px}.day{cursor:pointer}.day:hover{background-color:#ddd}.selected,.today{background-color:orange;color:#fff}.occupancy-container{width:50%;background-color:#fff;height:auto}.seat-allotment{display:flex;flex-direction:column;align-items:center}.dropdowns{display:flex;justify-content:space-evenly;margin-bottom:13px;gap:1rem;flex-wrap:wrap}.dropdowns select{padding:5px;border-radius:5px;font-size:14px;border:1px solid #ccc}.seat-grid{display:flex;flex-direction:column;border:2px solid #ddd;padding:10px;border-radius:10px;overflow-y:auto;width:100%;height:500px;align-items:center;justify-content:space-around}.seat-row{display:flex;margin:1px 0;justify-content:space-around}.seat{width:45px;height:45px;margin:7px;border-radius:3px}.seat-status{display:flex;width:100%;margin-top:15px;gap:29rem}.status-colors{display:flex}.status-row{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;align-items:center;margin-right:15px;font-size:23px}.status-color{width:20px;height:20px;margin-right:5px;border-radius:2px}.seat-label{font-size:14px;margin-right:10px}.occ-text p{font-size:25px;font-weight:unset}.occupancy-percentage{font-size:35px;color:#c0b1e2}.seatallotment-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.seatallotment-back-button:hover{background-color:#da5656}.seatallotment-back-button-icon{margin-right:10px}.seatallotment-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.seatallotment-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.seatallotment-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.seatallotment-container.widget{border-radius:10px;position:relative;background-color:#fff;width:100%;transition:all .3s ease-in-out}.seatallotment-content-container.widget{display:flex;flex-direction:row;justify-content:center;padding:0;margin:0}.seatallotment-heading.widget{font-size:18px;margin:5px}.calendar.widget{background-color:#fff;color:#333;width:50%;text-align:center;height:295px;height:unset}.cal-dropdowns.widget{margin-bottom:26px;display:flex;justify-content:center;gap:1rem}.cal-dropdowns.widget select{padding:3px;font-size:14px;height:30px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.calendar-grid.widget{display:grid;grid-template-columns:repeat(7,1fr);height:0}.day-label.widget{font-weight:700;color:orange;font-size:unset}.day.widget,.empty-day.widget{height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:unset}.occupancy-container.widget{width:50%;background-color:#fff;height:auto}.seat-allotment.widget{display:flex;flex-direction:column;align-items:center}.dropdowns.widget{display:flex;justify-content:space-evenly;margin-bottom:4px;gap:4px;flex-wrap:wrap}.dropdowns.widget select{padding:5px;border-radius:5px;font-size:14px;border:1px solid #ccc}.seat-grid.widget{display:flex;flex-direction:column;border:2px solid #ddd;padding:10px;border-radius:10px;overflow-y:auto;width:unset;height:unset}.seat-row.widget{display:flex;margin:1px 0}.seat.widget{width:30px;height:13px;margin:5px;border-radius:3px}.seat-status.widget{display:flex;width:80%;margin-top:8px;gap:2rem}.status-colors.widget{display:flex}.status-row.widget{display:flex;flex-direction:column;gap:2px}.status-item.widget{display:flex;align-items:center;margin-right:15px;font-size:17px}.status-color.widget{width:20px;height:5px;margin-right:5px;border-radius:2px}.seat-label.widget{font-size:14px;margin-right:10px}.occupancy.widget span{font-size:26px;font-weight:700}.occ-text.widget p{font-size:19px;font-weight:unset}.occupancy-percentage.widget{font-size:22px;color:#c0b1e2}.para-graph-container{border-radius:10px;position:relative;background-color:#e9e9e9;width:100%;margin-top:2%;transition:all .3s ease-in-out}.para-graph-heading{font-size:18px;margin:15px}.parameters-graph-clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.parameters-graph-clear-button:hover{background-color:#d32f2f}.para-graph-dropdown-container .select__menu{max-height:300px!important;overflow-y:auto!important}.para-graph-dropdown-container{display:flex;gap:36px;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.para-graph-dropdown-container select{padding:8px 12px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.para-graph-dropdown-container p{font-size:18px;margin:10px 6px;display:flex;align-items:center}.para-graph-chart-wrapper{position:relative;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff;padding:30px 20px}.para-graph-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.para-graph-back-button:hover{background-color:#da5656}.para-graph-back-button-icon{margin-right:10px}.para-graph-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.para-graph-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.para-graph-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.para-graph-container.widget{width:100%;background-color:#fff;position:relative;margin-top:1px}.para-graph-heading.widget{font-size:18px;margin:5px}.para-graph-dropdown-container.widget{gap:10px}.para-graph-chart-wrapper.widget{width:100%;position:relative;height:310px;margin:0;box-shadow:none;border:none;padding:0}@media (max-width: 1770px){.para-graph-chart-container{margin-top:4%}.dropdown-container select{font-size:12px;padding:6px 10px}.para-graph-chart-wrapper{position:relative;height:550px;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff;padding:30px 20px}}@media (max-width: 1460px){.para-graph-chart-container{margin-top:3%}.para-graph-dropdown-container{gap:30px}.para-graph-dropdown-container p{font-size:17px}.para-graph-chart-wrapper{position:relative;height:400px;padding:25px 18px;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff}}@media (max-width: 1160px){.para-graph-chart-container{margin-top:2%;width:100%}.para-graph-dropdown-container{gap:36px}.para-graph-chart-wrapper{height:300px;padding:30px 20px}}@media (max-width: 990px){.para-graph-chart-container{margin-top:2%;width:100%}.para-graph-dropdown-container{gap:36px}.para-graph-chart-wrapper{height:200px;padding:30px 20px}}.upcoming-trainings-container{font-family:Arial,sans-serif;height:245px;width:100%;margin:0 auto;position:relative}.upcomingTrainings-clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.upcomingTrainings-clear-button:hover{background-color:#d32f2f}.upcoming-trainings-heading p{font-size:21px;margin:15px}.filter-bar{display:flex;margin-bottom:20px;flex-direction:row;justify-content:center}.upcoming-trainings-dropdowns{display:flex;flex-direction:row;gap:1rem}*/ .table{width:100%;border-collapse:collapse;margin-bottom:20px}.upcoming-trainings-table{width:80%;margin:0 auto 20px;border-collapse:collapse;overflow:hidden;background-color:#fff}.upcoming-trainings-table th,table td{padding:12px;text-align:left;border:1px solid #ccc;font-size:.9em}.upcoming-trainings-table thead{background-color:#f5f6fa}.upcoming-trainings-table table th{font-weight:700}.upcoming-trainings-table tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:hover{background-color:#f1f1f1}.upcoming-trainings-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.upcoming-trainings-back-button:hover{background-color:#da5656}.upcoming-trainings-back-button-icon{margin-right:10px}.upcoming-trainings-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.upcoming-trainings-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.upcoming-trainings-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.upcoming-trainings-container.widget{margin:auto;font-family:Arial,sans-serif;height:245px;width:100%}.upcoming-trainings-heading.widget p{font-size:18px;margin:5px 6px}.filter-bar.widget{display:flex;margin-bottom:9px;flex-direction:row;justify-content:center}.upcoming-trainings-dropdowns.widget{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.upcoming-trainings-table.widget{width:100%;border-collapse:collapse;margin-bottom:20px;overflow:hidden}.user-seatallotment-container{border-radius:10px;position:relative;width:100%;transition:all .3s ease-in-out}.user-seatallotment-heading{font-size:21px;margin:15px}.user-seatallotment-content-container{display:flex;flex-direction:row;justify-content:center;background-color:#fff;padding:30px 25px;height:auto;gap:2rem}.user-calendar{background-color:#fff;color:#333;width:50%;text-align:center}.user-cal-dropdowns{margin-bottom:26px;display:flex;justify-content:center;gap:5rem}.user-cal-dropdowns select{border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;font-size:19px}.user-cal-dropdowns select::-ms-expand{display:none}.user-cal-dropdowns option{padding:5px;font-size:14px}.user-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);height:500px}.user-day-label{font-weight:700;color:orange;font-size:27px}.user-day,.empty-day{height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:20px}.user-day{cursor:pointer}.user-day:hover{background-color:#ddd}.selected,.user-today{background-color:orange;color:#fff}.user-occupancy-container{width:50%;background-color:#fff;height:auto}.user-seat-allotment{display:flex;flex-direction:column;align-items:center}.user-dropdowns{display:flex;justify-content:space-evenly;margin-bottom:13px;gap:7rem;flex-wrap:wrap}.user-dropdowns select{padding:5px;border-radius:5px;font-size:14px;border:1px solid #ccc}.user-seat-grid{display:flex;flex-direction:column;border:2px solid #ddd;padding:10px;border-radius:10px;overflow-y:auto;width:100%;height:500px}.user-seat-row{display:flex;margin:1px 0;justify-content:space-around}.user-seat{width:45px;height:45px;margin:7px;border-radius:3px}.user-seat-status{display:flex;width:100%;margin-top:15px;gap:29rem}.user-status-colors{display:flex}.user-status-row{display:flex;flex-direction:column;gap:1rem}.user-status-item{display:flex;align-items:center;margin-right:15px;font-size:23px}.user-status-color{width:20px;height:20px;margin-right:5px;border-radius:2px}.user-seat-label{font-size:14px;margin-right:10px}.occupancy span{font-size:26px;font-weight:700}.user-occ-text p{font-size:25px;font-weight:unset}.user-occupancy-percentage{font-size:35px;color:#c0b1e2}.user-seatallotment-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.user-seatallotment-back-button:hover{background-color:#da5656}.user-seatallotment-back-button-icon{margin-right:10px}.user-seatallotment-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.user-seatallotment-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.user-seatallotment-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.user-seatallotment-container.widget{border-radius:10px;position:relative;background-color:#fff;width:100%;transition:all .3s ease-in-out}.user-seatallotment-content-container.widget{display:flex;flex-direction:row;justify-content:center;padding:0;margin:0}.user-seatallotment-heading.widget{font-size:18px;margin:5px}.user-calendar.widget{background-color:#fff;color:#333;width:50%;text-align:center;height:295px;height:unset}.user-cal-dropdowns.widget{margin-bottom:26px;display:flex;justify-content:center;gap:1rem}.user-cal-dropdowns.widget select{padding:3px;font-size:14px;height:30px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.user-calendar-grid.widget{display:grid;grid-template-columns:repeat(7,1fr);height:0}.user-day-label.widget{font-weight:700;color:orange;font-size:unset}.user-day.widget,.empty-day.widget{height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:unset}.user-occupancy-container.widget{width:50%;background-color:#fff;height:auto}.user-seat-allotment.widget{display:flex;flex-direction:column;align-items:center}.user-dropdowns.widget{display:flex;justify-content:space-evenly;margin-bottom:4px;gap:4px;flex-wrap:wrap}.user-dropdowns.widget select{padding:5px;border-radius:5px;font-size:14px;border:1px solid #ccc}.user-seat-grid.widget{display:flex;flex-direction:column;border:2px solid #ddd;padding:10px;border-radius:10px;overflow-y:auto;width:unset;height:unset}.user-seat-row.widget{display:flex;margin:1px 0}.user-seat.widget{width:30px;height:13px;margin:5px;border-radius:3px}.user-seat-status.widget{display:flex;width:80%;margin-top:8px;gap:2rem}.user-status-colors.widget{display:flex}.user-status-row.widget{display:flex;flex-direction:column;gap:2px}.user-status-item.widget{display:flex;align-items:center;margin-right:15px;font-size:17px}.user-status-color.widget{width:20px;height:5px;margin-right:5px;border-radius:2px}.user-seat-label.widget{font-size:14px;margin-right:10px}.user-occupancy.widget span{font-size:26px;font-weight:700}.user-occ-text.widget p{font-size:19px;font-weight:unset}.user-occupancy-percentage.widget{font-size:22px;color:#c0b1e2}.user-para-graph-container{border-radius:10px;position:relative;background-color:#e9e9e9;width:100%;margin-top:2%;transition:all .3s ease-in-out}.user-para-graph-dropdown-container .select__menu{max-height:300px!important;overflow-y:auto!important}.user-para-graph-dropdown-container{display:flex;gap:36px;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.user-para-graph-dropdown-container select{padding:8px 12px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;font-size:14px}.ca-head-icon{font-size:27px;color:#101010;margin:1px 4px 4px 2px}.user-para-graph-dropdown-container p{font-size:18px;margin:10px 6px;display:flex;align-items:center}.user-para-graph-chart-wrapper{position:relative;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff;padding:30px 20px}.y-axis-labels{position:absolute;top:0;bottom:0;left:100px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:700;color:#000}.completed{margin-top:75px;color:green;font-size:25px}.reschedule{margin-bottom:100px;color:red;font-size:25px}canvas{margin-left:42px}.user-para-graph-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.user-para-graph-back-button:hover{background-color:#da5656}.user-para-graph-back-button-icon{margin-right:10px}.user-para-graph-fullscreen-button{position:sticky;bottom:2px;background-color:#3f3f3f69;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.user-para-graph-fullscreen-button:hover{background-color:#3f3f3f;transform:scale(1.05)}.fullscreen-icon{margin-right:10px;transition:transform .3s ease}.user-para-graph-fullscreen-button:hover .fullscreen-icon{transform:rotate(90deg)}.user-para-graph-container.widget{width:100%;background-color:#fff;position:relative;margin-top:1px}.user-para-graph-dropdown-container.widget{gap:10px;flex-wrap:nowrap}.user-para-graph-chart-wrapper.widget{width:100%;position:relative;height:310px;margin:0;box-shadow:none;border:none;padding:0}.y-axis-labels.widget{position:absolute;top:0;bottom:0;left:25px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.vertical-label.widget{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:700;color:#000}.completed.widget{margin-top:41px;color:green;font-size:15px}.reschedule.widget{margin-top:67px;color:red;font-size:15px}@media (max-width: 1770px){.user-para-graph-chart-container{margin-top:4%}.dropdown-container select{font-size:12px;padding:6px 10px}.user-para-graph-chart-wrapper{position:relative;height:550px;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff;padding:30px 20px}}@media (max-width: 1460px){.user-para-graph-chart-container{margin-top:3%}.user-para-graph-dropdown-container{gap:30px}.user-para-graph-dropdown-container p{font-size:17px}.user-para-graph-chart-wrapper{position:relative;height:400px;padding:25px 18px;display:flex;justify-content:center;margin:5px 10px;border-radius:3px;box-shadow:0 4px 6px #0000001a;background-color:#fff}}@media (max-width: 1160px){.user-para-graph-chart-container{margin-top:2%;width:100%}.user-para-graph-dropdown-container{gap:36px}.user-para-graph-chart-wrapper{height:300px;padding:30px 20px}}@media (max-width: 990px){.user-para-graph-chart-container{margin-top:2%;width:100%}.user-para-graph-dropdown-container{gap:36px}.user-para-graph-chart-wrapper{height:200px;padding:30px 20px}}.addmaster-container{margin-top:1%}.addmaster-container-heading{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;width:fit-content;margin-left:25px;display:flex;gap:1rem;border-radius:5px}.addmaster-btn-toggle{padding:10px 20px;cursor:pointer;background-color:#f0f0f0;border:none;outline:none;border:1px solid #ddd;border-radius:5px;font-size:16px}.addmaster-btn-toggle.active{background-color:#007bff;color:#fff}.addmaster-form-container{width:80%;margin:20px auto;padding:20px;background-color:#f7f7f7;border-radius:8px;box-shadow:0 4px 6px #0000001a}.addmaster-tab-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addmaster-form,.addmaster-form-row{display:flex;flex-direction:column;gap:16px}.addmaster-form-group{display:flex;flex-direction:column;gap:8px}.addmaster-form-group label{font-size:14px;margin-bottom:4px}.addmaster-form-group .addmaster-input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addmaster-form-actions{display:flex;justify-content:flex-end;gap:8px}.addmaster-btn-add{background-color:#605c93;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addmaster-btn-cancel{background-color:#db4141;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addmaster-btn-add:hover{background-color:#6f6c94}.addmaster-btn-cancel:hover{background-color:#db5252}.latest-added-master-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.addmaster-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addmaster-header{border:1px solid #ddd;font-weight:700;margin-bottom:10px}.addmaster-table th,.addmaster-table td{border:1px solid #ddd;padding:8px;text-align:left}.addmaster-table th{background-color:#333;color:#fff;font-weight:700}.addmaster-table tr:nth-child(2n){background-color:#f7f7f7}.addmaster-table tr:nth-child(odd){background-color:#fff}.addmaster-btn-group{display:flex;gap:10px;text-decoration:none!important}.addmaster-btn{padding:5px 10px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.addmaster-btn-info{background-color:#4caf50;color:#fff}.addmaster-btn-danger{background-color:#db4141;color:#fff}.addmaster-btn:hover{opacity:.9}.addmaster-total-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.totaladdmaster-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addmaster-header{font-size:18px;font-weight:700;margin-bottom:10px}.addmaster-table{width:100%;border-collapse:collapse;margin-bottom:16px}.totaladdmaster-table th,.totaladdmaster-table td{border:1px solid #ddd;padding:8px;text-align:left}.totaladdmaster-table th{background-color:#333;color:#fff;font-weight:700}.totaladdmaster-table tr:nth-child(2n){background-color:#f7f7f7}.totaladdmaster-table tr:nth-child(odd){background-color:#fff}.addmaster-btn-active{background-color:#4caf50;color:#fff}.addmaster-btn-inactive{background-color:#db4141;color:#fff}.addmaster-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.addmaster-modal-container{background:#fff;border-radius:8px;padding:20px;width:400px;max-width:90%;box-shadow:0 2px 10px #0000001a}.addmaster-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:#333;color:#fff;font-weight:700;padding:6px 17px;font-size:14px}.addmaster-modal-close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#fff}.addmaster-modal-form{display:flex;flex-direction:column;gap:1rem}.addmaster-modal-form-row{display:flex;flex-direction:column;gap:13px;margin-bottom:6px;padding-left:5px}.addmaster-modal-form-group{display:flex;flex-direction:column;gap:3px}.addmaster-modal-form-group input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addmaster-modal-btn-submit{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}.addmaster-modal-btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 15px;margin-left:10px;cursor:pointer;border-radius:5px}.addmaster-modal-btn-submit:hover,.addmaster-modal-btn-cancel:hover{opacity:.9}.addmaster-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addmaster-delete-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.addmaster-delete-modal-header h3{margin:0}.addmaster-delete-modal-body p{margin:20px 0}.addmaster-delete-modal-actions button{margin:5px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.addmaster-delete-modal-btn-confirm{background-color:#d9534f;color:#fff}.addmaster-delete-modal-btn-cancel{background-color:#5bc0de;color:#fff}.addmaster-success-message,.addmaster-error-message{position:fixed;right:20px;padding:10px 20px;border-radius:5px;display:flex;align-items:center;font-size:14px;z-index:1009}.addmaster-success-message{background-color:#d4edda;color:#155724}.addmaster-error-message{background-color:#f8d7da;color:#721c24}.addmaster-message-icon{margin-right:8px;font-size:16px}.addmaster-success-icon{color:#28a745}.addmaster-btn-state{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.addmaster-btn-state:hover{background-color:#0056b3}.totaladdmaster-table .inactive td{text-decoration:line-through;color:gray}.addmaster-status-change-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addmaster-status-change-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #0003;text-align:center}.addmaster-status-change-modal-header h3{font-size:20px;margin-bottom:15px}.addmaster-status-change-modal-body p{font-size:16px;margin-bottom:20px;color:#333}.addmaster-status-change-modal-actions{display:flex;justify-content:space-evenly;margin-top:20px}.addmaster-status-change-modal-btn-confirm,.addmaster-status-change-modal-btn-cancel{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.addmaster-status-change-modal-btn-confirm{background-color:#4caf50;color:#fff}.addmaster-status-change-modal-btn-confirm:hover{background-color:#45a049}.addmaster-status-change-modal-btn-cancel{background-color:#ccc;color:#333}.addmaster-status-change-modal-btn-cancel:hover{background-color:#bbb}.master-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.master-back-button:hover{background-color:#da5656}.master-back-button-icon{margin-right:10px}.addcustomer-container{margin-top:1%}.addcustomer-container-heading{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;width:fit-content;margin-left:25px;display:flex;gap:1rem;border-radius:5px}.addcustomer-btn-toggle{padding:10px 20px;cursor:pointer;background-color:#f0f0f0;border:none;outline:none;border:1px solid #ddd;border-radius:5px;font-size:16px}.addcustomer-btn-toggle.active{background-color:#007bff;color:#fff}.addcustomer-form-container{width:80%;margin:20px auto;padding:20px;background-color:#f7f7f7;border-radius:8px;box-shadow:0 4px 6px #0000001a}.addcustomer-tab-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addcustomer-form,.addcustomer-form-row{display:flex;flex-direction:column;gap:16px}.addcustomer-form-group{display:flex;flex-direction:column;gap:8px}.addcustomer-form-group label{font-size:14px;margin-bottom:4px}.addcustomer-form-group .addcustomer-input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addcustomer-form-actions{display:flex;justify-content:flex-end;gap:8px}.addcustomer-btn-add{background-color:#605c93;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addcustomer-btn-cancel{background-color:#db4141;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addcustomer-btn-add:hover{background-color:#6f6c94}.addcustomer-btn-cancel:hover{background-color:#db5252}.latest-added-customer-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.addcustomer-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addcustomer-table th,.addcustomer-table td{border:1px solid #ddd;padding:8px;text-align:left}.addcustomer-table th{background-color:#333;color:#fff;font-weight:700}.addcustomer-table tr:nth-child(2n){background-color:#f7f7f7}.addcustomer-table tr:nth-child(odd){background-color:#fff}.addcustomer-btn-group{display:flex;gap:10px;text-decoration:none!important}.addcustomer-btn{padding:5px 10px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.addcustomer-btn-info{background-color:#4caf50;color:#fff}.addcustomer-btn-danger{background-color:#db4141;color:#fff}.addcustomer-btn:hover{opacity:.9}.addcustomer-total-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.totaladdcustomer-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addcustomer-header{font-size:18px;font-weight:700;margin-bottom:10px}.addcustomer-table{width:100%;border-collapse:collapse;margin-bottom:16px}.totaladdcustomer-table th,.totaladdcustomer-table td{border:1px solid #ddd;padding:8px;text-align:left}.totaladdcustomer-table th{background-color:#333;color:#fff;font-weight:700}.totaladdcustomer-table tr:nth-child(2n){background-color:#f7f7f7}.totaladdcustomer-table tr:nth-child(odd){background-color:#fff}.addcustomer-btn-active{background-color:#4caf50;color:#fff}.addcustomer-btn-inactive{background-color:#db4141;color:#fff}.addcustomer-error-message{color:#da3434}.addcustomer-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.addcustomer-modal-container{background:#fff;border-radius:8px;padding:20px;width:400px;max-width:90%;box-shadow:0 2px 10px #0000001a}.addcustomer-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:#333;color:#fff;font-weight:700;padding:6px 17px;font-size:14px}.addcustomer-modal-close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#fff}.addcustomer-modal-form{display:flex;flex-direction:column;gap:1rem}.addcustomer-modal-form-row{display:flex;flex-direction:column;gap:13px;margin-bottom:6px;padding-left:5px}.addcustomer-modal-form-group{display:flex;flex-direction:column;gap:3px}.addcustomer-modal-form-group input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addcustomer-modal-btn-submit{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}.addcustomer-modal-btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 15px;margin-left:10px;cursor:pointer;border-radius:5px}.addcustomer-modal-btn-submit:hover,.addcustomer-modal-btn-cancel:hover{opacity:.9}.addcustomer-modal-error-message{color:red;margin-bottom:10px}.addcustomer-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addcustomer-delete-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.addcustomer-delete-modal-header h3{margin:0}.addcustomer-delete-modal-body p{margin:20px 0}.addcustomer-delete-modal-actions button{margin:5px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.addcustomer-delete-modal-btn-confirm{background-color:#d9534f;color:#fff}.addcustomer-delete-modal-btn-cancel{background-color:#5bc0de;color:#fff}.addcustomer-success-message,.addcustomer-error-message{position:fixed;right:20px;padding:10px 20px;border-radius:5px;display:flex;align-items:center;font-size:14px;z-index:1999}.addcustomer-success-message{background-color:#d4edda;color:#155724}.addcustomer-error-message{background-color:#f8d7da;color:#721c24}.addcustomer-message-icon{margin-right:8px;font-size:16px}.addcustomer-success-icon{color:#28a745}addcustomer- .addcustomer-error-icon{color:#dc3545}.addcustomer-btn-state{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.addcustomer-btn-state:hover{background-color:#0056b3}.totaladdcustomer-table .inactive td{text-decoration:line-through;color:gray}.addcustomer-status-change-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addcustomer-status-change-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #0003;text-align:center}.addcustomer-status-change-modal-header h3{font-size:20px;margin-bottom:15px}.addcustomer-status-change-modal-body p{font-size:16px;margin-bottom:20px;color:#333}.addcustomer-status-change-modal-actions{display:flex;justify-content:space-evenly;margin-top:20px}.addcustomer-status-change-modal-btn-confirm,.addcustomer-status-change-modal-btn-cancel{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.addcustomer-status-change-modal-btn-confirm{background-color:#4caf50;color:#fff}.addcustomer-status-change-modal-btn-confirm:hover{background-color:#45a049}.addcustomer-status-change-modal-btn-cancel{background-color:#ccc;color:#333}.addcustomer-status-change-modal-btn-cancel:hover{background-color:#bbb}.customer-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.customer-back-button:hover{background-color:#da5656}.customer-back-button-icon{margin-right:10px}.addtrainer-container{margin-top:1%}.addtrainer-container-heading{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;width:fit-content;margin-left:25px;display:flex;gap:1rem;border-radius:5px}.addtrainer-btn-toggle{padding:10px 20px;cursor:pointer;background-color:#f0f0f0;border:none;outline:none;border:1px solid #ddd;border-radius:5px;font-size:16px}.addtrainer-btn-toggle.active{background-color:#007bff;color:#fff}.addtrainer-form-container{width:80%;margin:20px auto;padding:20px;background-color:#f7f7f7;border-radius:8px;box-shadow:0 4px 6px #0000001a}.addtrainer-tab-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addtrainer-form,.addtrainer-form-row{display:flex;flex-direction:column;gap:16px}.addtrainer-form-group{display:flex;flex-direction:column;gap:8px}.addtrainer-form-group label{font-size:14px;margin-bottom:4px}.addtrainer-form-group .addtrainer-input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addtrainer-form-actions{display:flex;justify-content:flex-end;gap:8px}.addtrainer-btn-add{background-color:#605c93;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addtrainer-btn-cancel{background-color:#db4141;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addtrainer-btn-add:hover{background-color:#6f6c94}.addtrainer-btn-cancel:hover{background-color:#db5252}.latest-added-trainer-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.addtrainer-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addtrainer-table th,.addtrainer-table td{border:1px solid #ddd;padding:8px;text-align:left}.addtrainer-table th{background-color:#333;color:#fff;font-weight:700}.addtrainer-table tr:nth-child(2n){background-color:#f7f7f7}.addtrainer-table tr:nth-child(odd){background-color:#fff}.addtrainer-btn-group{display:flex;gap:10px;text-decoration:none!important}.addtrainer-btn{padding:5px 10px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.addtrainer-btn-info{background-color:#4caf50;color:#fff}.addtrainer-btn-danger{background-color:#db4141;color:#fff}.addtrainer-btn:hover{opacity:.9}.addtrainer-total-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.totaladdtrainer-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addtrainer-header{font-size:18px;font-weight:700;margin-bottom:10px}.addtrainer-table{width:100%;border-collapse:collapse;margin-bottom:16px}.totaladdtrainer-table th,.totaladdtrainer-table td{border:1px solid #ddd;padding:8px;text-align:left}.totaladdtrainer-table th{background-color:#333;color:#fff;font-weight:700}.totaladdtrainer-table tr:nth-child(2n){background-color:#f7f7f7}.totaladdtrainer-table tr:nth-child(odd){background-color:#fff}.addtrainer-btn-active{background-color:#4caf50;color:#fff}.addtrainer-btn-inactive{background-color:#db4141;color:#fff}.addtrainer-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.addtrainer-modal-container{background:#fff;border-radius:8px;padding:20px;width:400px;max-width:90%;box-shadow:0 2px 10px #0000001a}.addtrainer-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:#333;color:#fff;font-weight:700;padding:6px 17px;font-size:14px}.addtrainer-modal-close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#fff}.addtrainer-modal-form{display:flex;flex-direction:column;gap:1rem}.addtrainer-modal-form-row{display:flex;flex-direction:column;gap:13px;margin-bottom:6px;padding-left:5px}.addtrainer-modal-form-group{display:flex;flex-direction:column;gap:3px}.addtrainer-modal-form-group input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addtrainer-modal-btn-submit{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}.addtrainer-modal-btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 15px;margin-left:10px;cursor:pointer;border-radius:5px}.addtrainer-modal-btn-submit:hover,.addtrainer-modal-btn-cancel:hover{opacity:.9}.addtrainer-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addtrainer-delete-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.addtrainer-delete-modal-header h3{margin:0}.addtrainer-delete-modal-body p{margin:20px 0}.addtrainer-delete-modal-actions button{margin:5px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.addtrainer-delete-modal-btn-confirm{background-color:#d9534f;color:#fff}.addtrainer-delete-modal-btn-cancel{background-color:#5bc0de;color:#fff}.addtrainer-success-message,.addtrainer-error-message{position:fixed;right:20px;padding:10px 20px;border-radius:5px;display:flex;align-items:center;font-size:14px;z-index:1009}.addtrainer-success-message{background-color:#d4edda;color:#155724}.addtrainer-error-message{background-color:#f8d7da;color:#721c24}.addtrainer-message-icon{margin-right:8px;font-size:16px}.addtrainer-success-icon{color:#28a745}.addtrainer-error-icon{color:#dc3545}.addtrainer-btn-state{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.addtrainer-btn-state:hover{background-color:#0056b3}.totaladdtrainer-table .inactive td{text-decoration:line-through;color:gray}.addtrainer-status-change-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addtrainer-status-change-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #0003;text-align:center}.addtrainer-status-change-modal-header h3{font-size:20px;margin-bottom:15px}.addtrainer-status-change-modal-body p{font-size:16px;margin-bottom:20px;color:#333}.addtrainer-status-change-modal-actions{display:flex;justify-content:space-evenly;margin-top:20px}.addtrainer-status-change-modal-btn-confirm,.addtrainer-status-change-modal-btn-cancel{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.addtrainer-status-change-modal-btn-confirm{background-color:#4caf50;color:#fff}.addtrainer-status-change-modal-btn-confirm:hover{background-color:#45a049}.addtrainer-status-change-modal-btn-cancel{background-color:#ccc;color:#333}.addtrainer-status-change-modal-btn-cancel:hover{background-color:#bbb}.trainer-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.trainer-back-button:hover{background-color:#da5656}.trainer-back-button-icon{margin-right:10px}.addtrainee-container{margin-top:1%}.addtrainee-container-heading{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;width:fit-content;margin-left:25px;display:flex;gap:1rem;border-radius:5px}.addtrainee-btn-toggle{padding:10px 20px;cursor:pointer;background-color:#f0f0f0;border:none;outline:none;border:1px solid #ddd;border-radius:5px;font-size:16px}.addtrainee-btn-toggle.active{background-color:#007bff;color:#fff}.addtrainee-form-container{width:80%;margin:20px auto;padding:20px;background-color:#f7f7f7;border-radius:8px;box-shadow:0 4px 6px #0000001a}.addtrainee-tab-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addtrainee-form,.addtrainee-form-row{display:flex;flex-direction:column;gap:16px}.addtrainee-form-group{display:flex;flex-direction:column;gap:8px}.addtrainee-form-group label{font-size:14px;margin-bottom:4px}.addtrainee-form-group .addtrainee-input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addtrainee-form-actions{display:flex;justify-content:flex-end;gap:8px}.addtrainee-btn-add{background-color:#605c93;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addtrainee-btn-cancel{background-color:#db4141;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:4px;cursor:pointer}.addtrainee-btn-add:hover{background-color:#6f6c94}.addtrainee-btn-cancel:hover{background-color:#db5252}.latest-added-trainee-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.addtrainee-table th,.addtrainee-table td{border:1px solid #ddd;padding:8px;text-align:left}.addtrainee-table th{background-color:#333;color:#fff;font-weight:700}.addtrainee-table tr:nth-child(2n){background-color:#f7f7f7}.addtrainee-table tr:nth-child(odd){background-color:#fff}.addtrainee-btn-group{gap:10px;text-decoration:none!important}.addtrainee-btn{padding:5px 10px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.addtrainee-btn-info{background-color:#4caf50;color:#fff}.addtrainee-btn-danger{background-color:#db4141;color:#fff}.addtrainee-btn:hover{opacity:.9}.addtrainee-total-container{width:90%;margin:20px auto;background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.totaladdtrainee-table-header{font-size:16px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin-bottom:16px}.addtrainee-header{font-size:18px;font-weight:700;margin-bottom:10px}.addtrainee-table{width:100%;border-collapse:collapse;margin-bottom:16px}.totaladdtrainee-table th,.totaladdtrainee-table td{border:1px solid #ddd;padding:8px;text-align:left}.totaladdtrainee-table th{background-color:#333;color:#fff;font-weight:700}.totaladdtrainee-table tr:nth-child(2n){background-color:#f7f7f7}.totaladdtrainee-table tr:nth-child(odd){background-color:#fff}.addtrainee-btn-active{background-color:#4caf50;color:#fff}.addtrainee-btn-inactive{background-color:#db4141;color:#fff}.addtrainee-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.addtrainee-modal-container{background:#fff;border-radius:8px;padding:20px;width:400px;max-width:90%;box-shadow:0 2px 10px #0000001a}.addtrainee-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:#333;color:#fff;font-weight:700;padding:6px 17px;font-size:14px}.addtrainee-modal-close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#fff}.addtrainee-modal-form{display:flex;flex-direction:column;gap:1rem}.addtrainee-modal-form-row{display:flex;flex-direction:column;gap:13px;margin-bottom:6px;padding-left:5px}.addtrainee-modal-form-group{display:flex;flex-direction:column;gap:3px}.addtrainee-modal-form-group input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.addtrainee-modal-btn-submit{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px}.addtrainee-modal-btn-cancel{background-color:#f44336;color:#fff;border:none;padding:10px 15px;margin-left:10px;cursor:pointer;border-radius:5px}.addtrainee-modal-btn-submit:hover,.addtrainee-modal-btn-cancel:hover{opacity:.9}.addtrainee-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addtrainee-delete-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.addtrainee-delete-modal-header h3{margin:0}.addtrainee-delete-modal-body p{margin:20px 0}.addtrainee-delete-modal-actions button{margin:5px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.addtrainee-delete-modal-btn-confirm{background-color:#d9534f;color:#fff}.addtrainee-delete-modal-btn-cancel{background-color:#5bc0de;color:#fff}.addtrainee-success-message,.addtrainee-error-message{position:fixed;right:20px;padding:10px 20px;border-radius:5px;display:flex;align-items:center;font-size:14px;z-index:1009}.addtrainee-success-message{background-color:#d4edda;color:#155724}.addtrainee-error-message{background-color:#f8d7da;color:#721c24}.addtrainee-message-icon{margin-right:8px;font-size:16px}.addtrainee-success-icon{color:#28a745}.addtrainee-btn-state{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.addtrainee-btn-state:hover{background-color:#0056b3}.totaladdtrainee-table .inactive td{text-decoration:line-through;color:gray}.addtrainee-status-change-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addtrainee-status-change-modal-container{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #0003;text-align:center}.addtrainee-status-change-modal-header h3{font-size:20px;margin-bottom:15px}.addtrainee-status-change-modal-body p{font-size:16px;margin-bottom:20px;color:#333}.addtrainee-status-change-modal-actions{display:flex;justify-content:space-evenly;margin-top:20px}.addtrainee-status-change-modal-btn-confirm,.addtrainee-status-change-modal-btn-cancel{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.addtrainee-status-change-modal-btn-confirm{background-color:#4caf50;color:#fff}.addtrainee-status-change-modal-btn-confirm:hover{background-color:#45a049}.addtrainee-status-change-modal-btn-cancel{background-color:#ccc;color:#333}.addtrainee-status-change-modal-btn-cancel:hover{background-color:#bbb}.trainee-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.trainee-back-button:hover{background-color:#da5656}.trainee-back-button-icon{margin-right:10px}.navbar{width:270px;background-color:#fff;color:#616381;display:flex;flex-direction:column;overflow:overlay}.navbar-container{width:270px;transition:width .3s ease;overflow:hidden}.root-dashboard-content{flex-grow:1;transition:margin-left .3s ease}.root-width-container{position:relative;padding:20px;overflow-y:auto;height:calc(100vh - 50px)}.navbar{width:270px;background-color:#fff;color:#616381;display:flex;flex-direction:column;overflow:overlay;transition:width .3s ease}.navbar-hidden{width:0px}.navbar-visible{width:270px}.navbar-logo{display:flex;justify-content:space-between;align-items:center;padding-top:37px;padding-left:10px;padding-right:10px}.navbar-logo img{max-width:100%;height:19px}.volvo-logo{height:40px;object-fit:contain}.navbar-nav{margin-top:35px}.navbar-nav ul{list-style-type:none;padding:0;margin:0}.navbar-nav ul li{padding:20px;display:flex;align-items:center;transition:background .3s;font-size:14px;border-bottom:1px solid #302f2f52;font-weight:700}.navbar-nav ul li:hover,.navbar-nav ul li:hover .icon{color:#2640c9;cursor:pointer}.navbar-nav ul li .icon{margin-right:7px;font-size:20px;color:#616381}.navbar-nav ul li.active{background-color:#4d5687;color:#fff}.navbar-nav ul li.active .icon{color:#fff}@media (max-width: 768px){.navbar-header{padding:10px}.volvo-logo{height:30px}.hamburger-menu .line{width:20px}}.topbar{color:#fff;height:9%;display:flex;justify-content:space-between;align-items:center;padding:7px 52px 7px 10px;background-color:#fff;z-index:2;border-bottom:1px solid #302f2f52}.topbar-left-content{display:flex;gap:2rem;justify-content:flex-start;align-items:stretch}.topbar-volvo-logo{height:19px;object-fit:contain;display:block;transition:opacity .3s ease,visibility .3s ease}.hidden{display:none}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;height:20px;cursor:pointer}.hamburger-menu .line{width:26px;height:3px;background-color:#4d5687;border-radius:2px}.topbar .lms-heading{display:flex;align-items:center;padding:0 10px;font-size:30px;color:#000}.topbar .user-info{display:flex;align-items:center;gap:2px}.topbar-icon{color:#000}.user-info span{color:#000;font-size:1rem;display:flex;align-items:center;position:relative}.user-top-icon{padding:0 4px 2px 5px;font-size:1.5rem;color:#24b7e5}.topbar-dropdown{position:relative;display:inline-block;cursor:pointer}.topbar-dropdown-menu{position:absolute;top:35px;right:0;background-color:#4d5687;border-radius:5px;padding:10px;width:120px;box-shadow:0 8px 16px #0000001a;z-index:1000}.user-drop-icon{display:flex;flex-direction:row;align-items:center;color:#000}.topbar-dropdown-item{color:#fff;padding:8px 10px;cursor:pointer}.topbar-dropdown-item:hover{background-color:#6a708a}.notification-dot{position:absolute;top:5px;right:-5px;width:8px;height:8px;background-color:#ffaf37;border-radius:50%;border:1px solid white}.divider{height:20px;width:1px;background-color:#fff;margin:0 10px}.topbar-icon{color:#fff;font-size:1.2rem;position:relative}*{margin:0;padding:0;font-family:Arial,sans-serif}.root-dash-container{display:flex;height:100vh;width:100vw}.root-dashboard-content{display:flex;width:100vw;flex-direction:column;width:calc(100vw - 313px)}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);border-radius:20px;background-color:#f5f5f500}::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:20px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.26);background-color:#000000a9}.root-width-container{background-color:#e9e9e9;margin:0;padding:0;overflow:auto;height:100vh}.profile-container{max-width:500px;margin:20px auto auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a}.profile-heading{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.profile-picture-section{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.profile-choosefile{display:flex;align-items:center}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:2px solid #007BFF}.placeholder-picture{width:120px;height:120px;border-radius:50%;background-color:#ccc;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:150px}.file-input{margin:10px auto;display:block;font-size:14px}.upload-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:14px;cursor:pointer;margin-top:10px}.upload-button:hover{background-color:#0056b3}.profile-details{margin-bottom:20px}.profile-item{margin-bottom:10px;font-size:16px;color:#555}.changepassword-button{padding:10px 20px;background-color:#384d64;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.changepassword-button:hover{background-color:#4a5b6d}.settings-button{padding:10px 20px;background-color:#384d64;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-left:7px}.settings-button:hover{background-color:#4a5b6d}.loading{text-align:center;font-size:18px;color:#555}.profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.profile-modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 2px 10px #0003}.profile-modal-content h3{margin-bottom:15px;color:#333}.profile-modal-content label{display:block;margin-bottom:10px;font-weight:700;color:#555}.profile-modal-content input{width:90%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.profile-modal-buttons{text-align:right}.update-button{background-color:#28a745;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.update-button:hover{background-color:#218838}.cancel-button{background-color:#dc3545;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.cancel-button:hover{background-color:#c82333}.message{position:fixed;right:20px;bottom:80%;padding:10px 20px;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:14px;box-shadow:0 2px 10px #0003;z-index:1009}.message.success{background-color:#28a745;color:#fff}.message.error{background-color:#e04352;color:#fff}.profile-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.profile-back-button:hover{background-color:#da5656}.profile-back-icon{margin-right:10px}.settings-container{margin-top:10px}.settings-headline{font-size:23px;font-weight:700;padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;width:fit-content;margin:20px 60px}.settings-page-clear-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;position:absolute;right:0;top:10px}.settings-page-clear-button:hover{background-color:#d32f2f}.settings-page-dropdown-container{display:flex;justify-content:space-around;flex-wrap:wrap}.settings-page{max-width:80%;margin:50px auto;padding:20px;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:8px}.settings-heading{margin-bottom:20px;font-size:24px;color:#333}.dropdown-container{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:wrap}.dropdown{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;background:#fff}.input-container{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.input-label{font-size:16px;color:#333}.seat-input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a}.seat-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 6px #007bff80}.save-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.save-button:hover{background-color:#0056b3}.saved-info{margin-top:20px;font-size:16px;color:#28a745;text-align:center}.css-b62m3t-container{min-width:170px!important}.success-message{color:green;font-size:16px;margin-top:10px}.error-message{color:red;font-size:16px;margin-top:10px}.uploadsitedetails-container{padding:20px;margin:auto}.uploadsitedetails-container h2{margin-bottom:15px;font-size:1.5rem;color:#333}.upload-container{display:flex;flex-direction:column;align-items:center}.upload-container h4{padding-right:109px;margin-bottom:2px}.upload-input{display:block;margin-bottom:10px;padding:5px;font-size:1rem;background-color:#fff;border-radius:6px}.file-name{font-size:1rem;color:#555;margin-top:5px}.table-container{overflow-x:auto;width:95%;margin:20px auto}.data-table{width:100%;border-collapse:collapse;border:1px solid #ccc;background-color:#f9f9f9}.data-table th,.data-table td{border:1px solid #ddd;padding:8px;text-align:left}.data-table th{background-color:#4caf50;color:#fff}.data-table tr:nth-child(2n){background-color:#f2f2f2}.data-table tr:hover{background-color:#ddd}.placeholder-text{color:#999;text-align:center;margin-top:50px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.upload-db-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;position:fixed}.upload-db-button:disabled{background-color:#ccc;cursor:not-allowed}.upload-db-button:hover:not(:disabled){background-color:#0056b3}.uploadsitedetails-back-button{position:fixed;bottom:35px;background-color:#d94141;color:#fff;border:none;padding:10px 20px;border-radius:20px;display:flex;align-items:center;cursor:pointer;left:85px}.uploadsitedetails-back-button:hover{background-color:#da5656}.uploadsitedetails-back-button-icon{margin-right:10px}.uploadmessage{position:fixed;right:20px;bottom:80%;padding:10px 20px;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;box-shadow:0 2px 10px #0003;z-index:1009;background-color:#fff}.uploadmessage.success{background-color:#28a745;color:#fff}.uploadmessage.error{background-color:#dc3545;color:#fff}.upload-message{margin-top:20px;padding:10px 15px;border-radius:6px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.upload-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.upload-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.close-message-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:inherit;margin-left:10px}