/* */ @charset "UTF-8"; /* /fidelis_onboarding/static/src/scss/joining_form_template.scss */ .s_website_form{padding: 20px; font-family: Roboto, sans-serif;}.joining-form, #bgv_multi_step_form{margin: 25px auto; padding: 30px; background: #fff; border-radius: 20px; box-shadow: -4px 14px 27px 0px rgba(28, 30, 68, 0.42); color: black; width: 80%;}.custom-error{color: red; font-size: 0.875em; display: none;}.custom-error.show{display: block;}header{width: 100%;}header .header-container{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;}header .header-container img.logo{height: 40px; margin-right: 30px;}header .steps-container{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 800px; margin: 20px auto; position: relative; padding: 0 20px;}header .steps-container .step{flex: 1; text-align: center; position: relative;}header .steps-container .step .circle{width: 40px; height: 40px; border-radius: 50%; background-color: #ddd; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #666; font-weight: bold; position: relative; z-index: 2; transition: all 0.3s ease;}header .steps-container .step .circle.active{background-color: #4CAF50; color: white;}header .steps-container .step .circle.completed{background-color: #4CAF50; color: white;}header .steps-container .step .line{position: absolute; top: 20px; left: 50%; width: 100%; height: 2px; background-color: #ddd; transform: translateX(0%); z-index: 1;}header .steps-container .step .line.active{background-color: #4CAF50;}header .steps-container .step:last-child .line{display: none;}header .steps-container .step .label{margin-top: 10px; color: #666; font-size: 14px;}.step{flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; position: relative; padding: 0 10px; max-width: 150px;}.step:first-child{margin-left: auto;}.step:last-child{margin-right: auto;}.step .circle{width: 45px; height: 45px; border-radius: 50%; background-color: #fff; border: 2px solid #ddd; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; color: #666; transition: all 0.3s ease; position: relative; z-index: 2;}.step .circle.active{background-color: #4CAF50; border-color: #4CAF50; color: white;}.step .circle.completed{background-color: #4CAF50; border-color: #4CAF50; color: white;}.step .label{margin-top: 8px; font-size: 14px; color: #666; text-align: center; white-space: nowrap;}.step .line{position: absolute; top: 22px; left: calc(50% + 22px); right: calc(-50% + 22px); height: 2px; background-color: #ddd; z-index: 1;}.step .line.active{background-color: #4CAF50;}.step:last-child .line{display: none;}.form h1, #bgv_multi_step_form h1{font-size: 32px; font-weight: bold; color: #1d3e68; margin-bottom: 20px; text-align: center;}.form h3, #bgv_multi_step_form h3{margin-bottom: 15px; color: #333; font-size: 20px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 8px;}.form h4, #bgv_multi_step_form h4{color: #444; font-size: 18px; margin: 15px 0;}.form .form-section, .form .form-step, #bgv_multi_step_form .form-section, #bgv_multi_step_form .form-step{margin-bottom: 30px;}.form .form-section .section-header, .form .form-step .section-header, #bgv_multi_step_form .form-section .section-header, #bgv_multi_step_form .form-step .section-header{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}.form .grid-container, #bgv_multi_step_form .grid-container{display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px;}.form .grid-item, #bgv_multi_step_form .grid-item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.form .grid-item label, #bgv_multi_step_form .grid-item label{margin-bottom: 5px; color: #555; font-weight: 500;}.form .grid-item input, .form .grid-item select, .form .grid-item textarea, #bgv_multi_step_form .grid-item input, #bgv_multi_step_form .grid-item select, #bgv_multi_step_form .grid-item textarea{padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; width: 100%; background: #eee;}.form .grid-item input:focus, .form .grid-item select:focus, .form .grid-item textarea:focus, #bgv_multi_step_form .grid-item input:focus, #bgv_multi_step_form .grid-item select:focus, #bgv_multi_step_form .grid-item textarea:focus{outline: none; border-color: #4CAF50; box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);}.form .grid-item input.error, .form .grid-item select.error, .form .grid-item textarea.error, #bgv_multi_step_form .grid-item input.error, #bgv_multi_step_form .grid-item select.error, #bgv_multi_step_form .grid-item textarea.error{border-color: #ff4444; background-color: #fff8f8;}.form .grid-item textarea, #bgv_multi_step_form .grid-item textarea{min-height: 100px; resize: vertical;}#bgv_multi_step_form .form-step{display: none;}#bgv_multi_step_form .form-step.active{display: block;}#bgv_multi_step_form .previous-addresses, #bgv_multi_step_form .education-entries, #bgv_multi_step_form .employment-entries{margin-top: 20px;}#bgv_multi_step_form .previous-addresses .address-entry, #bgv_multi_step_form .previous-addresses .education-entry, #bgv_multi_step_form .previous-addresses .employment-entry, #bgv_multi_step_form .education-entries .address-entry, #bgv_multi_step_form .education-entries .education-entry, #bgv_multi_step_form .education-entries .employment-entry, #bgv_multi_step_form .employment-entries .address-entry, #bgv_multi_step_form .employment-entries .education-entry, #bgv_multi_step_form .employment-entries .employment-entry{background: #fff; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}#bgv_multi_step_form .previous-addresses .address-entry h4, #bgv_multi_step_form .previous-addresses .education-entry h4, #bgv_multi_step_form .previous-addresses .employment-entry h4, #bgv_multi_step_form .education-entries .address-entry h4, #bgv_multi_step_form .education-entries .education-entry h4, #bgv_multi_step_form .education-entries .employment-entry h4, #bgv_multi_step_form .employment-entries .address-entry h4, #bgv_multi_step_form .employment-entries .education-entry h4, #bgv_multi_step_form .employment-entries .employment-entry h4{color: #444; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #eee;}#bgv_multi_step_form .documents-section .document-preview{max-width: 150px; max-height: 150px; margin-top: 10px; display: none;}button{background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s ease;}button:hover{background-color: #45a049;}button.next-step-bgv{display: block; margin: 20px auto; padding: 12px 30px; font-size: 16px;}button.prev-step, button.next-step{min-width: 100px; margin: 0 10px;}button.add-previous-address, button.add-education, button.add-employment, button.add-family{background-color: #007bff; margin-bottom: 15px;}button.add-previous-address:hover, button.add-education:hover, button.add-employment:hover, button.add-family:hover{background-color: #0056b3;}button.remove-family, button.remove-address, button.remove-education, button.remove-employment{background-color: #ff4444; margin-top: 10px;}button.remove-family:hover, button.remove-address:hover, button.remove-education:hover, button.remove-employment:hover{background-color: #cc0000;}#family-section .section-header{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e9ecef;}#family-section .section-header .family-controls{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 1rem;}#family-section .section-header .family-controls .family-count{color: #6c757d; font-size: 0.9rem;}#family-section .section-header .family-controls .add-family{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background-color: transparent; border: none; color: #007bff; font-size: 1rem; cursor: pointer; transition: all 0.2s ease;}#family-section .section-header .family-controls .add-family:hover{color: #0056b3; text-decoration: underline;}#family-section .section-header .family-controls .add-family i{font-size: 1.5rem;}#family-section .section-header .family-controls .add-family[disabled]{cursor: not-allowed; opacity: 0.7;}#family-section .section-header .family-controls .add-family[disabled]:hover{color: #007bff !important; text-decoration: none !important;}#family-section #family-empty-state{background-color: #f8f9fa; border-radius: 8px; padding: 2rem; margin-bottom: 1.5rem;}#family-section #family-empty-state i{display: block; color: #adb5bd; margin-bottom: 1rem;}#family-section #family-empty-state p{margin: 0; font-size: 0.95rem;}#family-section .family-members-container{margin-top: 1rem;}#family-section .family-members-container .grid-container{margin-bottom: 1rem; padding: 1rem; border: 1px solid #ddd; border-radius: 4px;}#family-section .family-members-container .grid-container:hover{background-color: #f9f9f9;}#family-section .family-members-container .remove-family{margin-top: 0.5rem;}#family-section .family-error{margin-bottom: 1rem; padding: 0.75rem 1rem; border-radius: 4px; background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; animation: fadeIn 0.3s ease-in-out;}@keyframes fadeIn{from{opacity: 0; transform: translateY(-10px);}to{opacity: 1; transform: translateY(0);}}@media (max-width: 768px){#family-section .section-header{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; gap: 1rem;}#family-section .section-header .family-controls{width: 100%; justify-content: space-between;}#family-section .family-member .family-member-header{padding: 1rem;}#family-section .family-member .family-member-content{padding: 1rem;}#family-section .family-member .family-member-content .grid-container{grid-template-columns: 1fr; gap: 1rem;}}.form-navigation{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; gap: 20px; margin-top: 30px;}.documents-table{width: 100%; border-collapse: collapse; margin-top: 15px;}.documents-table th, .documents-table td{border: 1px solid #ddd; padding: 12px; text-align: left;}.documents-table th{background-color: #f5f5f5; font-weight: 600;}.documents-table td{vertical-align: middle;}.documents-table input[type="file"]{width: 90%; padding: 5px; border: 1px solid #ccc; border-radius: 4px;}.grid-container button.remove-family{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; margin-top: 1.5rem; width: 36%; height: 40%; gap: 4px;}button.form-submit{background-color: darkgrey; cursor: not-allowed; opacity: 0.6;}@media (max-width: 768px){header .header-container{padding: 15px;}header .header-container img.logo{height: 20px; margin-right: 20px;}header .steps-container{flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; max-width: none; padding: 0 10px; gap: 5px;}.step{flex: 1; max-width: none; min-width: 0; padding: 0 5px;}.step .circle{width: 35px; height: 35px; font-size: 14px;}.step .label{font-size: 12px; margin-top: 8px; white-space: normal; text-align: center;}.step .line{top: 17px; left: calc(50% + 17px); right: calc(-50% + 17px); width: auto; height: 2px;}}@media (max-width: 480px){header .header-container{padding: 10px;}header .header-container img.logo{height: 50px; margin-right: 15px;}header .steps-container{padding: 0 5px; gap: 2px;}.step{padding: 0 2px;}.step .circle{width: 30px; height: 30px; font-size: 12px;}.step .label{font-size: 10px; margin-top: 6px;}.step .line{top: 15px; left: calc(50% + 15px); right: calc(-50% + 15px);}}.form-control{background-color: #eee;}.roboto-onboarding{font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100;} /* /fidelis_onboarding/static/src/scss/onboarding_steps.scss */ .step-container{display: -webkit-box; display: -webkit-flex; display: flex; gap: 3rem; align-items: flex-start; max-width: 1000px; margin: 2rem auto; padding: 0 1.5rem;}.steps{position: relative; width: 200px; flex-shrink: 0; padding: 1rem 0;}.steps::before{content: ''; position: absolute; left: 15px; top: 40px; bottom: 40px; width: 2px; background-color: #e9ecef; z-index: 1;}.steps .step-item{position: relative; padding-left: 45px; margin-bottom: 2.5rem; min-height: 60px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; z-index: 2;}.steps .step-item:last-child{margin-bottom: 0;}.steps .step-item .step-circle{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 2px solid #dee2e6; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; background: white; z-index: 2; transition: all 0.3s ease;}.steps .step-item .step-circle::before{content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: transparent; transition: all 0.3s ease; z-index: -1;}.steps .step-item .step-circle.active{background-color: #007bff; border-color: #007bff; color: white; box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);}.steps .step-item .step-circle.completed{background-color: #28a745; border-color: #28a745; color: white;}.steps .step-item .step-circle.completed::before{content: '✓'; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 16px;}.steps .step-item .step-label{font-size: 15px; font-weight: 500; color: #6c757d; line-height: 1.4; transition: all 0.3s ease;}.steps .step-item .step-label.active{color: #2c3e50; font-weight: 600;}.steps .step-item.active .step-circle{background-color: #007bff; border-color: #007bff; color: white;}.steps .step-item.active .step-label{color: #2c3e50; font-weight: 600;}.steps .step-item.completed .step-circle{background-color: #28a745; border-color: #28a745; color: white;}.steps .step-item.completed .step-label{color: #28a745;}.onboarding-content{flex: 1; min-width: 0; background: white; border-radius: 12px; padding: 2.5rem; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease;}.onboarding-content h3{color: #2c3e50; margin-bottom: 1.75rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; font-weight: 600; font-size: 1.75rem;}.onboarding-content .alert{border-radius: 8px; border-left: 4px solid #17a2b8; padding: 1.25rem; margin-bottom: 2rem;}.onboarding-content .alert .alert-heading{color: #0c5460; font-size: 1.15rem; margin-bottom: 0.75rem; font-weight: 600;}.onboarding-content .alert ul{margin-bottom: 0; padding-left: 1.5rem;}.onboarding-content .alert ul li{margin-bottom: 0.5rem;}.onboarding-content .alert ul li:last-child{margin-bottom: 0;}.onboarding-content .d-flex.align-items-center{margin-bottom: 2rem; padding: 1.5rem; background: #f8f9fa; border-radius: 8px; transition: all 0.3s ease;}.onboarding-content .d-flex.align-items-center:hover{background: #f1f3f5; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}.onboarding-content .d-flex.align-items-center i{font-size: 1.75rem; min-width: 48px; text-align: center; margin-right: 1.25rem; color: #007bff; transition: all 0.3s ease;}.onboarding-content .d-flex.align-items-center h5{color: #2c3e50; margin-bottom: 0.5rem; font-weight: 600;}.onboarding-content .d-flex.align-items-center p{color: #6c757d; margin-bottom: 0; font-size: 0.95rem;}.onboarding-content .d-flex.align-items-center .fa-check-circle{color: #28a745;}.onboarding-content .btn{padding: 0.75rem 1.75rem; font-weight: 500; font-size: 1rem; border-radius: 8px; transition: all 0.3s ease; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; min-width: 200px; margin-top: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.onboarding-content .btn:hover{transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); color: white;}.onboarding-content .btn:active{transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}.onboarding-content .btn i{margin-right: 0.5rem; transition: none;}.onboarding-content .btn i:hover{color: white;}.onboarding-content .btn:hover i{color: white;}.onboarding-content #start_form_btn.btn{border: 2px solid #1d3e68; color: #1d3e68; background: transparent;}.onboarding-content #start_form_btn.btn:hover{background: #1d3e68; color: white; border-color: #1d3e68;}.onboarding-content #start_form_btn.btn:hover i{color: white;}.onboarding-content #start_form_btn.btn i{color: #1d3e68;}.onboarding-content #download_offer_letter.btn, .onboarding-content #accept_offer.btn{padding: 0.75rem 1.75rem;}.onboarding-content #download_offer_letter.btn i, .onboarding-content #accept_offer.btn i{margin-right: 0.5rem;}.onboarding-content .btn.btn-outline-primary{border: 2px solid #1d3e68; color: #1d3e68; background: transparent;}.onboarding-content .btn.btn-outline-primary:hover{background: #1d3e68; color: white; border-color: #1d3e68;}.onboarding-content .btn.btn-outline-primary:hover i{color: white;}.onboarding-content .btn.btn-outline-primary i{color: #1d3e68;}.onboarding-content .btn.btn-outline-success{border: 2px solid #28a745; color: #28a745; background: transparent;}.onboarding-content .btn.btn-outline-success:hover{background: #28a745; color: white; border-color: #28a745;}.onboarding-content .btn.btn-outline-success:hover i{color: white;}.onboarding-content .btn.btn-outline-success i{color: #28a745;}.onboarding-content .btn[disabled]{opacity: 0.7; cursor: not-allowed; transform: none !important; box-shadow: none !important;}.onboarding-content .document-list .list-group-item{padding: 1rem 1.5rem; border-left: 4px solid transparent; transition: all 0.3s ease; margin-bottom: 0.75rem; border-radius: 8px; font-size: 0.95rem; border: 1px solid #eee; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.onboarding-content .document-list .list-group-item i{margin-right: 0.75rem; color: #6c757d; min-width: 24px; text-align: center;}.onboarding-content .document-list .list-group-item:hover{border-left-color: #007bff; background-color: #f8f9fa; transform: translateX(4px);}.onboarding-content .document-list .list-group-item small{display: block; font-size: 0.85rem; color: #6c757d; margin-top: 0.25rem; font-weight: 400;}#signature_preview{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 10px; margin-top: 10px;}#signature_preview img{max-height: 50px; max-width: 150px; border: 1px solid #ddd; border-radius: 4px;}#signature_preview .btn-link{padding: 0; line-height: 1;}.btn:disabled{opacity: 0.6; cursor: not-allowed;}#select_signature{position: relative; overflow: hidden;}#signature_upload{position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}.input-group{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.form-text{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;}.btn-link.text-danger{text-decoration: none;}.d-flex{gap: 10px;}@media (max-width: 768px){.step-container{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 1.5rem; padding: 1rem;}.steps{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0.5rem 0 1.5rem; margin-bottom: 1.5rem; position: relative;}.steps::before{content: ''; position: absolute; bottom: 0; left: 10%; right: 10%; height: 2px; background: #e9ecef; z-index: 1;}.steps .step-item{flex: 1; text-align: center; padding: 0 5px 40px; margin: 0; min-height: auto;}.steps .step-item .step-circle{position: relative; left: 0; top: 0; transform: none; margin: 0 auto 0.5rem;}.steps .step-item .step-label{padding: 0; font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.onboarding-content{padding: 1.5rem;}.onboarding-content h3{font-size: 1.5rem; margin-bottom: 1.5rem;}.onboarding-content .d-flex.align-items-center{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center; padding: 1.5rem 1rem;}.onboarding-content .d-flex.align-items-center > div{width: 100%;}.onboarding-content .d-flex.align-items-center i{margin: 0 0 1rem 0; font-size: 2rem;}.onboarding-content .d-flex.align-items-center .btn{width: 100%; margin-top: 1rem;}} /* /fidelis_onboarding/static/src/scss/mis_report.scss */ .o_mis_report .o_control_panel{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; background: #f8f9fa; border-bottom: 1px solid #dee2e6; width: 100%;}.o_mis_report .o_control_panel .o_cp_left{margin-right: auto;}.o_mis_report .o_control_panel .o_cp_right{margin-left: auto;}.o_mis_report .o_control_panel .o_cp_searchview .form-select{width: auto; min-width: 180px; margin-right: 10px;}.o_mis_report .o_control_panel .o_cp_searchview .date-range-picker{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; margin-left: 10px;}.o_mis_report .o_control_panel .o_cp_searchview .date-range-picker input[type="date"]{width: 140px; margin: 0 5px;}