p{font-size:15px;font-weight:lighter}h1,h2,h3,h4,h5{color:var(--secondary-color)}.error-main-container{background-color:#eee;border:1px solid red;border-radius:10px;box-shadow:0 4px 10px #0000004d;width:80%;color:red;padding:0 10px}.application-main-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0}.application-container{display:flex;width:100%;height:100%}.application-side-menu-main-container{display:flex;flex-direction:column;width:10%;height:100%}.application-pages-main-container{display:flex;flex-direction:column;width:90%;height:100%;overflow-y:auto}.application-pages-user-info-main-container{display:flex;width:100%;height:10%;flex-direction:column}.application-pages-container{display:flex;width:100%;height:90%}:root{--primary-color: #1A3D6B;--secondary-color:#0088CB;--primary-box-shadow: 0 7px 10px rgba(0, 0, 0, .418)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.success-text-color{color:#0f0}.error-text-color{color:red}a{text-decoration:none;color:#000}h1,h2,h3,h4,h5{color:var(--primary-color)}.application-inputfield{border:1px solid var(--primary-color);border-radius:6px;height:25px;width:80%}.error-main-container{background-color:#eee;border:1px solid red;border-radius:10px;box-shadow:0 4px 10px #0000004d;width:80%;color:red;padding:0 10px;margin:0 auto}.success-main-container{background-color:#eee;border:1px solid lime;border-radius:10px;box-shadow:0 4px 10px #0000004d;width:80%;color:#0f0;padding:0 10px;margin:0 auto}.submit-icon{color:var(--secondary-color);margin:auto;transition:transform .2s ease,opacity .2s ease;height:20px;width:20px}.submit-icon:hover{color:var(--secondary-color);cursor:pointer;transform:scale(1.2);opacity:.8}.delete-icon{color:red;margin:auto;transition:transform .2s ease,opacity .2s ease;height:20px;width:20px}.delete-icon:hover{color:#8b0000;cursor:pointer;transform:scale(1.2);opacity:.8}body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.icon{display:flex;color:orange;width:50px}.page-component-table-main-container{display:flex;flex-direction:column;overflow-x:auto;overflow-y:auto;width:100%}.pages-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:1rem;text-align:left;table-layout:fixed}.pages-table th,.pages-table td{padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;text-align:center;vertical-align:middle}.pages-table th.table-header-column{background-color:var(--primary-color);font-weight:700;text-align:center;color:#fff}.pages-table tbody .table-row{background-color:#fff}.pages-table tr:nth-child(2n){background-color:#e6e6e6}.table-column-row{align-items:center;margin:auto;width:100%}.submission-status-icon{width:20px;height:20px}.submission-status-main-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-evenly}.submission-status-main-valid-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-evenly;color:green}.submission-status-main-pending-qa-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-evenly;color:orange}.submission-status-main-rejected-container,.submission-status-main-expired-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-evenly;color:red}.submission-status-main-no-submission-container{font-style:italic;color:gray}.login-page-main-container{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));display:flex;flex-direction:row;width:100%;height:100%}.login-page-left-main-container{display:flex;width:50%;justify-content:center}.login-page-left-container{display:flex;flex-direction:column;width:80%;height:90%;margin:auto;overflow:hidden;justify-content:space-between}.login-logo{display:flex;width:300px;height:150px;margin:0 auto}.login-text-container{color:#fff;font-size:30px;font-weight:lighter;width:100%;text-align:center}.login-contact-container{display:flex;flex-direction:column}.login-page-right-main-container{display:flex;flex-direction:column;justify-content:center;width:50%;height:100%}.login-page-right-container{background-color:#fff;border-radius:30px;display:flex;flex-direction:column;justify-content:center;width:80%;height:90%;box-shadow:0 4px 10px #0000004d}.login-page-right-inner-container{display:flex;flex-direction:column;justify-content:space-evenly;width:90%;height:90%;margin:0 auto}.login-page-inputfield-right-main-container,.login-page-header-right-main-container{display:flex;flex-direction:column;width:100%}.login-page-foot-right-main-container{display:flex;width:100%}.login-page-button-right-main-container{display:flex;width:20%}.login-page-inputfield-right-container{width:70%;display:flex;justify-content:space-evenly;align-items:center}.login-page-inputfield-icon{width:25px;height:25px}.page-component-main-container{display:flex;width:100%;height:100%}.page-component-container{display:flex;flex-direction:column;width:98%;margin:0 auto}.page-component-body-main-container{display:flex;flex-direction:column;width:100%}.page-component-body-section-main-container{width:98%;box-shadow:0 4px 10px #0000004d;border:1px solid var(--primary-color);border-radius:15px;padding:10px 0;margin:10px 0}.page-component-body-section-container{display:flex;flex-direction:column;width:98%;margin:0 auto}.page-component-body-section-blocks-main-container{display:flex;flex-direction:row;width:100%;justify-content:flex-start;overflow-x:auto}.page-component-body-section-blocks-container{display:flex;flex-direction:column;border-radius:15px;border:1px solid var(--primary-color);box-shadow:0 7px 10px #0000006b;width:250px;height:250px;margin-right:15px;cursor:pointer;margin-bottom:15px}.page-component-body-section-blocks-blocks-container{display:flex;flex-direction:column;align-items:center;width:95%;height:95%;justify-content:space-evenly;margin:auto;text-align:center}.page-component-body-section-blocks-icon-header-container{display:flex;justify-content:center;width:100%;height:30%;align-items:center}.page-component-body-section-blocks-icon-body-container{display:flex;justify-content:center;width:100%;height:10%;align-items:center}.page-component-body-section-blocks-icon-footer-container{display:flex;justify-content:center;width:100%;height:30%;align-items:center}.page-component-body-section-blocks-icon{color:var(--primary-color);width:40px;height:40px}.page-component-body-inputfield-section-main-container{display:flex;width:100%;margin:5px 0}.page-component-body-inputfield-left-section-container{width:50%}.page-component-body-inputfield-right-section-container{background-color:#f1f1f1;border-radius:15px;width:50%;padding:5px}.page-component-existing-categories-container{border:1px solid var(--primary-color);border-radius:10px;margin:10px 0;height:20px;display:flex;align-items:center;width:90%;padding:5px}.page-component-body-section-question-main-container{width:30%;display:flex;flex-direction:row;justify-content:space-evenly;padding:10px 0}.page-component-body-inputfield-right-eisiting-categories-section-container{display:flex;flex-direction:column;height:95%;overflow-y:auto}.page-component-fill-in-questions-main-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;overflow-y:auto}.page-component-fill-in-question-container{display:flex;flex-direction:column;width:100%}.page-component-fill-in-question-category-main-container{margin:10px 0;border:1px solid var(--primary-color);box-shadow:var(--primary-box-shadow);border-radius:15px;padding:5px}.category-questions-container{display:flex;flex-wrap:wrap;flex:1;max-width:100%;justify-content:flex-start;margin:auto}.page-component-fill-in-question-item-main-container{display:flex;width:50%;padding:10px 0}.page-component-fill-in-question-item-container{background-color:#fff;display:flex;flex-direction:column;width:95%;margin:0 auto;border-radius:20px;border:1px solid var(--primary-color);box-shadow:var(--primary-box-shadow);padding:10px 0}.create-compliance-pack-section-main-container{display:flex;width:100%;flex-direction:row;justify-content:space-between}.create-compliance-pack-section-left-main-container{display:flex;flex-direction:column;width:70%;margin:5px 0}.create-compliance-pack-section-left-category-score-main-container{display:flex;flex-direction:column;width:50%;padding:10px;box-shadow:var(--primary-box-shadow);margin:10px 0 0;border:1px solid var(--primary-color);border-radius:20px}.create-compliance-pack-section-left-category-score-scores-container{display:flex}.create-compliance-pack-section-left-category-score-scores-item-container{display:flex;width:80%;justify-content:space-between;margin:0 10px}.create-compliance-pack-section-right-main-container{display:flex;flex-direction:column;width:30%;justify-content:center;align-items:center}.fill-in-checklist-upload-file-main-container{width:90%;display:flex;align-items:center;justify-content:space-between}.fill-in-checklist-upload-file-icon-main-container{align-items:center;width:30%}.fill-in-checklist-upload-file-icon{color:var(--secondary-color);width:100px;height:30px;cursor:pointer}.fill-in-submit-page-component-footer-section-main-button-container{align-items:center;display:flex;flex-direction:column}.page-component-fill-in-question-item{width:95%;margin:auto;padding:0 0 10px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.page-component-fill-in-question-header-item{display:flex;width:100%;justify-content:space-between;align-items:center;height:30%}.page-component-fill-in-question-body-question-item{display:flex;flex-direction:column;height:70%}.question-response-update-main-container{display:flex;flex-direction:row}.question-response-update-saved-container{display:flex;justify-content:space-evenly;width:95%;align-items:center}.question-response-update-submitted-container{display:flex;justify-content:space-evenly;width:95%;color:var(--primary-color);align-items:center;margin:10px 0}.question-response-update-in-progress-container{display:flex;justify-content:space-evenly;width:95%;align-items:center}.submission-select-drop-down{width:100%}.qa-action-main-container{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;margin:auto;align-items:center}.qa-action-approve-icon{color:green;width:25px;height:25px;cursor:pointer;transition:transform .3s ease,color .3s ease}.qa-action-approve-icon:hover{transform:scale(1.3)}.qa-action-reject-icon{color:red;width:20px;height:20px;cursor:pointer;transition:transform .3s ease,color .3s ease}.qa-action-reject-icon:hover{transform:scale(1.3)}.qa-approve-reject-confirmation-main-container{background-color:#d3d3d31e;width:100%;height:100%;z-index:9999999;position:fixed;left:0;top:0;display:flex;align-items:center}.qa-approve-reject-confirmation-container{background-color:#fff;display:flex;justify-content:space-evenly;flex-direction:column;height:60%;width:50%;border-radius:50px;box-shadow:var(--primary-box-shadow);padding:20px;margin:auto}.users-page-component-body-main-container{display:flex;flex-direction:column;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.users-page-component-body-section-main-container{display:flex;flex-direction:column;border-radius:15px;border:1px solid var(--primary-color);box-shadow:0 7px 10px #0000006b;width:97%;padding:10px;margin:10px auto}.users-page-component-body-section-inputfields-main-container{display:flex;width:100%;justify-content:space-between}.users-page-component-body-section-inputfields-container{display:flex;flex-direction:column;width:45%;padding:5px 0}.users-page-component-body-section-address-inputfields-container{display:flex;flex-direction:column;width:95%;padding:5px 0}.users-page-component-footer-section-main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:20px}.users-page-component-footer-section-main-button-container{display:flex;width:40%;justify-content:space-evenly}.dashboard-page-component-body-section-main-container{display:flex;flex-direction:column;width:98%;padding:10px;margin:10px auto;border-bottom:1px solid var(--primary-color)}.dashboard-page-component-body-section-header-main-container{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between}.dashboard-page-component-body-section-header-container{width:30%;display:flex;align-items:center;justify-content:space-evenly}.dashboard-page-component-body-section-header-date-container{width:40%;display:flex;align-items:center}.dashboard-header-icon{width:20px;height:20px;color:var(--primary-color)}.dashboard-header-icon.non-compliant{color:red}.dashboard-header-icon.compliant{color:#0f0}.dashboard-page-component-body-section-graphs-and-data-main-container{display:flex;width:100%;justify-content:space-between}.dashboard-input-field-date{border-radius:5px;border:1px solid var(--primary-color);height:50%;margin:auto}.dashboard-employee-vehicle-top-bottom-main-container{display:flex;width:100%;flex-direction:column}.dashboard-page-component-body-section-graphs-and-data-company-main-container{display:flex;width:100%}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-main-container{border-top:1px solid var(--primary-color)}.dashboard-page-component-body-section-graphs-and-data-company-left-main-container{display:flex;flex-direction:column;width:50%;padding:10px 0;margin:10px 0;align-items:center}.dashboard-page-component-body-section-graphs-and-data-company-left-header-main-container{display:flex;flex-direction:row;width:80%;justify-content:space-evenly;margin:10px 0;align-items:center}.dashboard-page-component-body-section-graphs-and-data-company-left-body-main-container{background-color:#fff;display:flex;flex-direction:row}.dashboard-page-component-body-section-graphs-and-data-company-left-body-container{background:conic-gradient(#0f0 0% 100%,#e0e0e0);display:flex;border-radius:100px;height:200px;width:200px;margin:10px auto;align-items:center;justify-content:center}.dashboard-page-component-body-section-graphs-and-data-company-left-body-container.non-compliant{background:conic-gradient(red 0% var(--percentage),#e0e0e0 var(--percentage) 100%)}.dashboard-page-component-body-section-graphs-and-data-company-inner-circle-left-body-container{background-color:#fff;display:flex;border-radius:100px;height:150px;width:150px;margin:10px auto;align-items:center;justify-content:center}.dashboard-page-component-body-section-graphs-and-data-company-inner-text-circle-left-body-container{font-size:40px}.dashboard-page-component-body-section-graphs-and-data-company-right-main-container{display:flex;flex-direction:column;width:50%;padding:10px 0}.dashboard-page-component-body-section-graphs-and-data-company-right-header-main-container{display:flex;flex-direction:row;justify-content:space-between}.dashboard-page-component-body-section-graphs-and-data-company-right-body-main-container{display:flex;flex-direction:row;max-height:300px;overflow-y:auto}.dashboard-page-component-body-section-graphs-and-data-company-right-body-container{display:flex;flex-direction:column;width:100%;margin:10px auto;align-items:center;justify-content:center}.dashboard-page-component-body-section-graphs-and-data-company-right-body-item--main-main-container{display:flex;flex-direction:row;width:95%;flex-direction:column}.dashboard-page-component-body-section-graphs-and-data-company-employee-right-body-item-container{display:flex;width:90%;height:50px;margin:auto}.dashboard-page-component-body-section-graphs-and-data-company-right-body-item-container{display:flex;justify-content:space-between;width:95%;align-items:center;border-bottom:1px solid var(--primary-color)}.dashbaord-compliant-company-documents-index-container,.dashbaord-compliant-company-documents-icon-container{display:flex;width:5%}.dashbaord-compliant-company-documents-name-container{display:flex;width:50%}.dashbaord-compliant-company-submission-status-container{display:flex;width:30%}.dashbaord-compliant-company-document{color:var(--secondary-color);margin:auto;transition:transform .2s ease,opacity .2s ease;height:20px;width:20px}.dashboard-page-component-employee-documents-body-section-drop-down-menu-right-main-container{display:flex}.dashboard-page-component-employee-documents-body-section-graphs-and-data-company-right-main-container{display:flex;flex-direction:column;width:100%;max-height:400px}.dashboard-compliant-employee-documents-main-main-container{width:100%;display:flex;flex-direction:column}.dashboard-compliant-employee-documents-body-main-main-container{display:flex;flex-direction:column;width:100%}.dashboard-compliant-employee-documents-body-item-main-main-container{display:flex;justify-content:space-between;width:100%;margin:0 auto;align-items:center;border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color)}.dashboard-compliant-employee-documents-column-index-body-item-main-main-container,.dashboard-compliant-employee-documents-column-icon-body-item-main-main-container{display:flex;width:10%;align-items:center;justify-content:center}.dashboard-compliant-employee-documents-column-name-body-item-main-main-container{display:flex;width:50%;align-items:center;justify-content:center}.dashboard-compliant-employee-documents-column-submission-status-body-item-main-main-container{display:flex;width:30%;align-items:center;justify-content:center}.dashboard-data-analytics-compliant-employee-documents-column-submission-status-body-item-main-main-container{display:flex;width:100%;align-items:center;justify-content:center}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-main-container{display:flex;width:100%;flex-direction:column}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-table-main-container{display:flex;flex-direction:column}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-filter-main-container{display:flex;flex-direction:column;width:100%}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-filter-items-main-container{display:flex;justify-content:space-evenly}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-table-items-main-container{display:flex;flex-direction:column;width:98%;margin:0 auto}.dashboard-employee-vehicle-analytics-bottom-compartment-bottom-filter-items-container{width:20%}.table-header-heading-main-container{display:flex;flex-direction:row;text-align:left;width:100%;justify-content:space-between}.table-header-heading-employee-main-container{display:flex;flex-direction:row;text-align:left;width:95%;justify-content:space-between;align-items:center}.page-component-dashboard-analytics-main-container{display:flex;width:100%;height:100%}.page-component-dashboard-analytics-container{display:flex;flex-direction:column;width:99%;margin:0 auto}.page-component-dashboard-analytics-header-main-container{width:100%}.page-component-dashboard-analytics-body-main-container{display:flex;width:100%}.page-component-dashboard-analytics-body-container{display:flex;flex-direction:column;width:99%;margin:0 auto}.page-component-dashboard-analytics-body-company-selection-main-container{display:flex;flex-direction:column;width:50%;padding:0 0 5px}.page-component-dashboard-analytics-body-company-inputfield-container{display:flex;flex-direction:column;width:100%}.page-component-dashboard-analytics-body-company-button-main-container{width:100%;margin:10px 0}.page-component-dashboard-analytics-body-compliance-section-overview-main-container{display:flex;flex-direction:column;width:100%}.page-component-dashboard-analytics-body-compliance-section-overview-header-main-container{display:flex;flex-direction:row;width:100%;justify-content:space-between}.page-component-dashboard-analytics-body-compliance-section-overview-item-main-container{display:flex;flex-direction:row;width:100%}.dashboard-analytics-page-component-body-section-graphs-and-data-site-body-container{background:conic-gradient(#0f0 0% 100%,#e0e0e0);display:flex;border-radius:100px;height:200px;width:200px;margin:10px auto;align-items:center;justify-content:center}.dashboard-analytics-page-component-body-section-graphs-and-data-site-body-container.non-compliant{background:conic-gradient(red 0% var(--percentage),#e0e0e0 var(--percentage) 100%)}.dashboard-analytics-page-component-body-section-graphs-and-data-site-inner-circle-left-body-container{background-color:#fff;display:flex;border-radius:100px;height:150px;width:150px;margin:10px auto;align-items:center;justify-content:center}.dashboard-analytics-page-component-body-section-graphs-and-data-site-inner-text-circle-left-body-container{font-size:40px}.page-component-dashboard-analytics-body-compliance-section-overview-item-selected-company-main-container{width:100%}.page-component-dashboard-analytics-body-compliance-section-overview-item-circle-and-scores-main-container{display:flex;width:95%;margin:auto;cursor:pointer}.page-component-dashboard-analytics-body-compliance-section-overview-item-circle-main-container{display:flex;width:50%}.page-component-dashboard-analytics-body-compliance-section-overview-item-site-main-container{display:flex;flex-direction:column;align-items:center;width:50%;justify-content:center}.page-component-dashboard-analytics-body-compliance-section-overview-item-site-header-main-container{display:flex;width:99%;align-items:center;justify-content:space-between}.page-component-header-main-container{display:flex;align-items:center;justify-content:space-between}.page-component-dashbaord-analytics-compliancy-compliant-icon-main-contianer{color:#32cd32;display:flex;align-items:center;width:100%}.page-component-dashbaord-analytics-compliancy-not-compliant-icon-main-contianer{color:red;display:flex;align-items:center;width:100%}.complaincy-compliant-icon{color:var(--primary-color);margin:auto;transition:transform .2s ease,opacity .2s ease;height:20px;width:20px}.complaincy-not-compliant-icon{color:red;margin:auto;transition:transform .2s ease,opacity .2s ease;height:20px;width:20px}.page-component-dashboard-analytics-body-compliance-section-total-overview-employee-sites-main-container{display:flex;width:100%}.page-component-dashboard-analytics-body-compliance-section-total-overview-main-container,.page-component-dashboard-analytics-body-compliance-section-emplyee-sites-graphs-overview-main-container{display:flex;width:50%}.page-component-dashboard-analytics-body-compliance-sitesand-employees-section-overview-header-main-container{display:flex;flex-direction:column;width:100%;justify-content:space-evenly}.page-component-dashboard-analytics-body-compliance-section-total-overview-header-main-container{display:flex;flex-direction:column;width:100%}.page-component-dashboard-analytics-body-compliance-section-total-overview-item-main-container{width:100%}.page-component-dashboard-analytics-body-compliance-section-total-overview-item-circle-main-container{display:flex;flex-direction:column;align-items:center;width:90%;height:600px;margin:auto}.dashboard-analytics-page-component-body-section-graphs-and-data-site-total-overview-body-container{background:conic-gradient(#0f0 0% 100%,#e0e0e0);display:flex;border-radius:250px;height:500px;width:500px;margin:10px auto;align-items:center;justify-content:center}.dashboard-analytics-page-component-body-section-graphs-and-data-site-total-overview-body-container.non-compliant{background:conic-gradient(red 0% var(--percentage),#e0e0e0 var(--percentage) 100%)}.dashboard-analytics-page-component-body-section-graphs-and-data-site-inner-circle-left-total-overview-body-container{background-color:#fff;display:flex;border-radius:200px;height:400px;width:400px;margin:10px auto;align-items:center;justify-content:center}.dashbaord-login-logo{width:200px;height:100px}.employee-table-document-upload-main-main-container{background-color:#d3d3d371;width:100%;height:100%;z-index:9999999;position:fixed;left:0;top:0;display:flex;align-items:center}.employee-table-document-upload-footer-main-container{display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--primary-color);width:95%;margin:0 auto}.employee-table-document-upload-main-container{background-color:#fff;display:flex;flex-direction:column;margin:auto;height:80%;width:70%;justify-content:space-between;border-radius:20px}.dashboard-confirm-back-button-main-container{display:flex;width:30%;justify-content:space-evenly}.dashboard-analytics-employee-table-document-upload-main-container{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.employee-table-document-upload-header-main-container{display:flex;width:95%;margin:0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid var(--primary-color)}.employee-table-document-upload-body-main-container{display:flex;width:95%;margin:0 auto}.employee-table-document-upload-body-item-main-container{width:30%}.reporting-employee-table-main-container{display:flex;width:100%;overflow-x:scroll}.qa-reject-text-area{width:90%;min-height:50px}.users-page-component-body-section-inputfields-employee-upload-container{background-color:#f1f1f1;display:flex;width:50%;align-items:center;justify-content:space-evenly;border-radius:15px;border:1px solid var(--primary-color);box-shadow:0 7px 10px #0000006b;cursor:pointer;margin:auto 0}.employee-upload-icon-image{color:var(--primary-color);height:25px;width:25px}.employee-upload-icon-text{color:var(--secondary-color);font-size:11px}.users-page-component-body-section-inputfields-equipment-make-main-container{background-color:#ebebeb;width:90%;border-radius:10px;padding:10px 0;margin:10px 0}.users-page-component-body-section-inputfields-equipment-make-container{display:flex;width:70%;justify-content:space-between}.users-page-component-body-section-inputfields-equipment-make{width:70%}.users-page-component-body-section-profile-picture-main-container{display:flex;width:90%;align-items:center;justify-content:space-between}.users-page-component-body-section-profile-picture-container{display:flex;width:150px;height:150px;border-radius:100px;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 7px 10px #0000006b;border:2px solid var(--secondary-color)}.employee-profile-picture{display:flex;width:100%;height:100%}.complaince-button-main-container{display:flex;justify-content:flex-end}:root{--primary-color: #1A3D6B;--secondary-color:#0088CB}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.primary-color-text{color:var(--primary-color)}.secondary-color-text{color:var(--secondary-color)}a{text-decoration:none}.succes-text-color{color:green}.confirm-button{background-color:var(--primary-color);border-radius:10px;color:#fff;border:none;box-shadow:0 7px 10px #0000006b;height:25px;transition:transform .2s ease;cursor:pointer}.confirm-button:hover{transform:scale(1.05)}.confirm-button.disabled{opacity:.6;cursor:not-allowed}.checklist-confirm-button{background-color:var(--secondary-color);border-radius:10px;color:#fff;border:none;box-shadow:0 7px 10px #0000006b;height:25px;transition:transform .2s ease;cursor:pointer}.checklist-confirm-button:hover{transform:scale(1.05)}.checklist-confirm-button.disabled{opacity:.6;cursor:not-allowed}.cancel-button{background-color:#d3d3d3;border-radius:10px;color:#000;border:none;box-shadow:0 7px 10px #0000006b;height:25px;transition:transform .2s ease;cursor:pointer}.cancel-button:hover{transform:scale(1.05)}.side-bar-menu-main-container{background-color:var(--primary-color);width:100%;height:100%}.side-bar-menu-container{display:flex;flex-direction:column;align-items:center;width:98%;height:98%;margin:auto}.side-bar-menu-header-container{display:flex;height:10%;width:100%;align-items:center;justify-content:center}.sidebar-menu-logo{width:100px;height:50px}.side-bar-menu-body-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:90%;width:100%}.side-bar-menu-body-item-main-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:85%;color:#fff;cursor:pointer;transition:transform .2s ease;border-radius:15px}.side-bar-menu-body-item-main-container.active{transform:scale(1.1);background-color:#e0e0e0a4;border-right:3px solid white;border-left:3px solid var(--secondary-color)}.side-bar-menu-body-item-main-container:hover{transform:scale(1.1);background-color:#add8e6;border-right:3px solid white;border-left:3px solid var(--secondary-color)}.side-bar-menu-body-item-icon{width:20px;height:20px}.user-info-header-component-main-container{display:flex;width:100%;height:100%;border-bottom:1px solid var(--primary-color)}.user-info-header-component-container{display:flex;width:98%;justify-content:space-between;align-items:center;margin:0 auto}.user-info-header-component-user-initials-container{width:40px;height:40px;border-radius:60px;border:1px solid var(--primary-color);box-shadow:0 7px 10px #0000006b;align-items:center;text-align:center;display:flex;justify-content:center;cursor:pointer}.user-info-profile-header-component-main-container{position:fixed;top:0;left:0;background-color:#ececec9d;display:flex;justify-content:end;width:100%;height:100%;border-bottom:1px solid var(--primary-color)}.user-info-profile-header-component-container{background-color:#fff;display:flex;width:60%;height:80%;margin:auto;border-radius:15px;box-shadow:0 7px 10px #0000006b}.user-info-profile-header-component-container-container{display:flex;flex-direction:column;width:95%;height:95%;margin:auto;overflow-y:auto}.user-info-profile-header-component-header-main-container{display:flex;height:20%;width:100%;padding:10px 0;border-bottom:1px solid var(--primary-color)}.user-info-profile-header-component-header-left-main-container{display:flex;flex-direction:column;width:80%}.user-info-profile-header-component-header-right-main-container{width:20%;display:flex;justify-content:center;align-items:center}.user-info-profile-header-component-body-main-container{display:flex;flex-direction:column;height:80%;width:100%}.user-info-profile-header-component-user-inititals-and-name-main-container{display:flex;justify-content:space-evenly;align-items:center}.user-info-profile-header-component-user-inititals-main-container{display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);width:100px;height:100px;border-radius:50px;box-shadow:0 7px 10px #0000006b;margin:10px auto;font-size:20px}.user-info-profile-header-component-user-inititals-main-container p{font-size:20px;color:var(--primary-color)}.user-info-profile-header-component-user-details-main-container{display:flex;flex-direction:column;border:1px solid var(--primary-color);border-radius:15px;box-shadow:0 7px 10px #0000006b;width:90%;margin:10px auto;padding:15px}.user-info-profile-header-component-user-details-heading-main-container{display:flex;align-items:center;text-align:center;width:100%;justify-content:center}.user-info-profile-header-component-user-details-row-main-container{display:flex;width:100%;justify-content:space-between;align-items:center}.user-info-profile-header-component-user-password-heading-main-container{display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center}.user-info-profile-header-component-user-password-input-and-instructions-main-container{display:flex}.user-info-profile-header-component-user-password-input-main-container{display:flex;flex-direction:column;width:50%}.user-info-profile-header-component-user-instructions-input-main-container{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-info-profile-header-component-user-button-heading-main-container{display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;padding:10px 0}.notification-toaster-main-container{position:fixed;top:20px;left:0;width:100%;height:80px}.notification-toaster-container{background-color:#f3f3f3;display:flex;width:30%;margin:auto;align-items:center;justify-content:center;border-radius:15px;box-shadow:0 7px 10px #0000006b;border:1px solid red;height:70%;justify-content:space-evenly}.error-icon{color:red;width:30px;height:30px}.notification-success-toaster-container{background-color:#f3f3f3;display:flex;width:30%;margin:auto;align-items:center;justify-content:center;border-radius:15px;box-shadow:0 7px 10px #0000006b;border:1px solid green;height:70%;justify-content:space-evenly}.notification-success-icon{color:green;width:30px;height:30px}.full-screen-notification-toaster-main-container{background-color:#ffffff98;position:fixed;width:100vw;height:100vh;display:flex;top:0;left:0}.full-notification-toaster-container{background-color:#fff;opacity:1;display:flex;flex-direction:column;width:30%;margin:auto;align-items:center;justify-content:center;border-radius:15px;box-shadow:0 7px 10px #0000006b;height:70%;justify-content:space-evenly}.full-screen-notification-toaster-icon{color:#0f0;width:100px;height:100px}.full-screen-notification-toaster-header-text-container{text-align:center}.side-menu-logout-main-container{position:fixed;background-color:#d3d3d356;width:100vw;height:100vh;left:0;top:0}