@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Regular.ttf) ;
}
@font-face{font-family:"Poppins-Medium";src:url(../fonts/Poppins/Poppins-Medium.ttf);font-weight:700}
@font-face{font-family:"Poppins-Italic";src:url(../fonts/Poppins/Poppins-Italic.ttf);font-weight:700}
@font-face{font-family:"Poppins-Bold";src:url(../fonts/Poppins/Poppins-Bold.ttf);font-weight:700}

 :root{
     --brd-scroll_bar: #C5D7F8;
     --fill-scroll_def: #FFFFFF;
     --fill-scroll_bar: #C5D7F8;
     --fill-scroll_bar_hvr: #3a77ee;
}
 body {
	 background-color: #ffffff;
     font-family:"Poppins",sans-serif;
     font-size: 10px;
     line-height: 1;
     color: #666;
}
 .min_scroll {
     overflow-x:auto;
     overflow-y:auto;
}
 .x_min_scroll {
     overflow-x:auto;
     overflow-y:hidden;
}
 .y_min_scroll {
     overflow-x:hidden;
     overflow-y:auto;
}
 .min_scroll::-webkit-scrollbar , .x_min_scroll::-webkit-scrollbar ,.y_min_scroll::-webkit-scrollbar {
     background-color: var(--fill-scroll_def);
     -webkit-box-shadow: inset 3px 3px 0 rgba(120,120,120,0.10),inset 0 -2px 0 rgba(120,120,120,0.07);
     height: 6px;
     overflow: visible;
     width: 8px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: var(--brd-scroll_bar) solid 1px;
}
/* .scroll:hover::-webkit-scrollbar {
     display:block;
     position:absolute;
}
 */
 .min_scroll::-webkit-scrollbar-corner, .x_min_scroll::-webkit-scrollbar-corner, .y_min_scroll::-webkit-scrollbar-corner {
     background-color: rgba(120,120,120,0);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .min_scroll::-webkit-scrollbar-thumb, .x_min_scroll::-webkit-scrollbar-thumb, .y_min_scroll::-webkit-scrollbar-thumb {
     background-color: var(--fill-scroll_bar);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     cursor:pointer;
    /* -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(255,255,255,0.07);
     */
    /* -webkit-border-radius:5px;
     */
}
 .min_scroll::-webkit-scrollbar:hover, .x_min_scroll::-webkit-scrollbar:hover, .y_min_scroll::-webkit-scrollbar:hover {
     border:rgba(120,120,120,0.2) solid 1px;
}
 .min_scroll::-webkit-scrollbar-thumb:hover, .x_min_scroll::-webkit-scrollbar-thumb:hover, .y_min_scroll::-webkit-scrollbar-thumb:hover{
     background-color: var(--fill-scroll_bar_hvr);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .min_scroll::-webkit-scrollbar-corner, .x_min_scroll::-webkit-scrollbar-corner, .y_min_scroll::-webkit-scrollbar-corner {
     background: var(--fill-scroll_def);
}
 .logo {
     margin: 20px auto 20px auto;
     width: 200px;
     height: 40px;
     background-image: url('../images/job_application/omnion_logo.png');
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
}
 #outer_wizard_panel {
     margin: 0px auto;
     min-width: 200px;
     max-width: 800px;
}
 .normal_text {
     margin: 5px 0px 0px 0px;
     font-family: "Poppins";
     font-size: 11px;
     line-height: 16px;
     letter-spacing: 1px;
     display: block;
     color: #666;
}
 .wizard_steps {
     display: flex;
	 margin: 0px 0px 20px 0px;
}
 .wizard_step {
     flex: 1;
     text-align: center;
     padding: 10px 0;
     position: relative;
}
 .wizard_step_icon {
     margin: 0px auto;
     padding: 0px;
     width: 50px;
     height: 50px;
     background-color: #C8C8C8;
     border: #b6b6b6 solid 1px;
     font-family:"Poppins-Medium";
     font-size: 18px;
     line-height: 35px;
     letter-spacing: 1px;
     text-align: center;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 20px;
     box-sizing: border-box;
}
 .wizard_step[data-step="1"] .wizard_step_icon {
     background-image: url("../images/job_application/basic_information.svg");
}
 .wizard_step[data-step="2"] .wizard_step_icon {
     background-image: url("../images/job_application/qualification_n_experience.svg");
}
 .wizard_step[data-step="3"] .wizard_step_icon {
     background-image: url("../images/job_application/application_questions.svg");
}
 .wizard_step[data-step="4"] .wizard_step_icon {
     background-image: url("../images/job_application/voluntary_disclosures.svg");
}
 .wizard_step[data-step="5"] .wizard_step_icon {
     background-image: url("../images/job_application/final_review.svg");
}
 .wizard_steps .wizard_step.active {
}
 .wizard_steps .wizard_step::before {
     content: "";
     position: absolute;
     top: 32px;
     left: 0px;
     width: calc(50% - 25px);
     height: 4px;
     background-color: #C8C8C8;
}
 .wizard_steps .wizard_step::after {
     content: "";
     position: absolute;
     top: 32px;
     left: calc(50% + 25px);
     width: calc(50% - 25px);
     height: 4px;
     background-color: #C8C8C8;
}
 .wizard_steps .wizard_step.status_completed::before, .wizard_steps .wizard_step.status_completed::after {
     background-color: #3e7beb;
}
 .wizard_steps .wizard_step.status_completed .wizard_step_icon {
     background-color: #3a77ee;
     border: #0047d2 solid 1px;
}
 .wizard_steps .wizard_step.status_completed .wizard_step_label {
     color: #0F5EF7;
}
 .wizard_steps .wizard_step.active::before, .wizard_steps .wizard_step.active::after {
     background-color: #ffc107;
}
 .wizard_steps .wizard_step.active .wizard_step_icon {
     background-color: #ffc107;
     border: #ecac18 solid 1px;
}
 .wizard_steps .wizard_step.active .wizard_step_label {
     color: #ecac18;
}
 .wizard_steps .wizard_step:first-child::before {
     display: none;
}
 .wizard_steps .wizard_step:last-child::after {
     display: none;
}
 .wizard_step_number {
     margin: 0px auto;
     padding: 0px;
     width: 40px;
     height: 40px;
     background-color: #C8C8C8;
     font-family:"Poppins-Medium";
     font-size: 18px;
     line-height: 35px;
     letter-spacing: 1px;
     text-align: center;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}
 .wizard_step_label {
     margin: 5px 0px 0px 0px;
     display: block;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 1.5;
     letter-spacing: 1px;
     color: #b6b6b6;
}
 .wizard_step.active {
     color: #333;
}
 .wizard_step.completed {
     color: #999;
}
 #wizard {
     overflow: hidden;
}
 .wizard_page {
     margin: 0px;
     padding: 0px 5px;
     width: calc(100% - 10px);
     height: calc(100vh - 220px);
     display: none;
     overflow: auto;
}
 .root_group {
     margin: 10px 0px;
     padding: 20px;
     border: #C5D7F8 solid 1px;
     border: #ebf2ff solid 1px;
    /* background-color: #f9fbff;
     */
     background-color: #ffffff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: inset -1px 0 0 0 #f2f2f3;
     box-shadow: inset -1px 0 0 0 #f2f2f3;
}
 .group {
     padding: 1px 0px;
}
 .sub_heading_2 {
     margin: 0px 0px 10px 0px;
     padding: 0px 5px;
     font-family: "Poppins-Medium";
     font-size: 14px;
     line-height: 2;
     letter-spacing: 1px;
     color: #276df4;
     display: block;
     text-transform: uppercase;
     border-bottom: #f1f6ff solid 2px;
     border-bottom: #ebf2ff solid 2px;
     position: sticky;
     top: 1px;
     background-color: #FFF;
     z-index: 1;
}
 .sub_heading_3 {
     margin: 0px 0px 5px 0px ;
     padding: 0px 0px 0px 3px;
     font-family: "Poppins-Medium";
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
     color: #000;
     display: block;
}
 .sub_heading_5 {
     margin: 0px 0px 5px 0px ;
     padding: 0px 0px 0px 3px;
     font-family: "Poppins-Medium";
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 1px;
     color: #000;
     display: block;
}
 .sub_heading_4 {
     margin: 0px;
     padding: 0px;
     font-family: "Poppins-Medium";
     font-size: 10px;
     line-height: 20px;
     letter-spacing: 1px;
     color: #666;
     display: block;
}
 .sub_heading_label {
     margin: 0px;
     padding: 0px;
     font-family: "Poppins-Medium";
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
     color: #2c2c2c;
     display: block;
     white-space: pre;
}
 .sub_heading_value {
     margin: 0px;
     padding: 0px;
     font-family: "Poppins-Medium";
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
     color: #909090;
     display: block;
     white-space: pre;
}
 .success_message_title {
     margin: 30px 0px;
     padding: 0px;
     font-family: "Poppins-Medium";
     font-size: 30px;
     line-height: 30px;
     letter-spacing: 1px;
     text-align: center;
     color: #2c2c2c;
     display: block;
     white-space: pre-line;
     text-transform: uppercase;
}
 .success_message_title b {
     font-family: "Poppins-Medium";
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 1px;
     color: #000000;
}
 .success_message_information {
     margin: 0px;
     padding: 0px;
     font-family: "Poppins-Medium";
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
     text-align: center;
     color: #858585;
     display: block;
     white-space: pre-line;
}
 .sub_group {
     margin: 0px;
     padding: 0px;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     flex-direction: row;
}
 .sub_group_column {
     margin: 0px;
     padding: 0px;
     display: block;
     flex-grow: 1;
     width: 30%;
}
 .sub_group_column label {
     margin: 5px 0px 0px 0px;
     padding: 2px 0px;
     min-height: 20px;
     font-family:"Poppins";
     font-size: 11px;
     line-height: 16px;
     letter-spacing: 1px;
     display: block;
     color: #666;
     white-space: pre-line;
}
 .sub_group_column label > span, span.required {
     margin: 5px 0px 0px 0px;
     font-family:"Poppins";
     font-size: 11px;
     line-height: 1;
     letter-spacing: 1px;
     display: inline;
     color: red;
}
 .sub_group_column .sub_label > label {
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 2;
     letter-spacing: 1px;
}
 .sub_group_column input {
     margin: 0px;
     padding: 0px 10px;
     font-family:"Poppins";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     color: #303030;
     display: block;
     border: 1px solid #C5D7F8;
     box-shadow: inset 0 1px 3px #f1f6ff;
     border-radius: 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     height: 32px;
     outline: none;
     background-color: #f9fbff;
}
 .sub_group_column textarea {
     margin: 0px;
     padding: 0px 10px;
     font-family:"Poppins";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     color: #303030;
     display: block;
     border: 1px solid #C5D7F8;
     box-shadow: inset 0 1px 3px #f1f6ff;
     border-radius: 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     height: 80px;
     outline: none;
     background-color: #f9fbff;
}
 .sub_group_column select {
     margin: 0px;
     padding: 0px 10px;
     font-family:"Poppins";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     color: #303030;
     display: block;
     border: 1px solid #C5D7F8;
     box-shadow: inset 0 1px 3px #f1f6ff;
     border-radius: 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     height: 32px;
     outline: none;
     appearance: none;
     background-color: #f9fbff;
     background-image: url('../images/job_application/arrow_down.svg');
     background-repeat: no-repeat;
     background-position: calc(100% - 8px) center;
     background-size: 18px;
}
 .sub_group_column input, .sub_group_column select, .sub_group_column textarea {
     transition: outline,border 2s;
}
 .error_highlight {
     border: red solid 1px !important;
     outline: red solid 1px !important;
}
 .wizard_footer {
     display: flex;
     flex-direction: row;
     gap:10px;
     background-color: #ffffff;
     border-top: #f9fbff solid 10px;
     position: sticky;
     bottom: 0px;
     height: 32px;
     z-index: 2;
}
 .wizard_footer_note {
     flex-grow: 1;
}
 .button_back {
     margin: 0px 0px 0px auto;
     padding: 0px 10px 0px 30px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     text-align: center;
     color: #3a77ee;
     white-space: pre;
     display: block;
     border: 1px solid #3a77ee;
     background-color: #FFFFFF;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 100px;
     min-width: 100px;
     max-width: 100px;
     box-sizing: border-box;
     cursor: pointer;
     flex-grow: 0;
     background-image: url('../images/job_application/button_back.svg');
     background-repeat: no-repeat;
     background-position: 10px center;
     background-size: 18px;
}
 .button_next {
     margin: 0px 0px 0px auto;
     padding: 0px 30px 0px 10px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     text-align: center;
     color: #FFFFFF;
     white-space: pre;
     display: block;
     border: 1px solid #3a77ee;
     background-color: #3a77ee;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 100px;
     min-width: 100px;
     max-width: 100px;
     box-sizing: border-box;
     cursor: pointer;
     flex-grow: 0;
     background-image: url('../images/job_application/button_next.svg');
     background-repeat: no-repeat;
     background-position: 65px center;
     background-size: 18px;
}
 .button_submit {
     margin: 0px 0px 0px auto;
     padding: 0px 30px 0px 10px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     text-align: center;
     color: #FFFFFF;
     white-space: pre;
     display: block;
     border: 1px solid #3a77ee;
     background-color: #3a77ee;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 100px;
     min-width: 100px;
     max-width: 100px;
     box-sizing: border-box;
     cursor: pointer;
     flex-grow: 0;
     background-image: url('../images/job_application/check.svg');
     background-repeat: no-repeat;
     background-position: 65px center;
     background-size: 18px;
}
 .button_add {
     margin: 5px auto 0px 0px;
     padding: 0px 10px 0px 30px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     text-align: center;
     color: #FFFFFF;
     white-space: pre;
     display: inline-block;
     border: 1px solid #3a77ee;
     background-color: #3a77ee;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: auto;
     cursor: pointer;
     flex-grow: 0;
     background-image: url('../images/job_application/button_add.svg');
     background-repeat: no-repeat;
     background-position: 10px center;
     background-size: 18px;
}
 .button_normal {
     margin: 5px auto 0px 0px;
     padding: 0px 10px 0px 10px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 30px;
     letter-spacing: 1px;
     text-align: center;
     color: #FFFFFF;
     white-space: pre;
     display: block;
     border: 1px solid #3a77ee;
     background-color: #3a77ee;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 100px;
     cursor: pointer;
     flex-grow: 0;
}
 #add_skill {
     margin: 5px 0px 0px 0px;
     padding: 0px;
}
 #add_skill > div {
     margin: 5px 10px 5px 0px;
     padding: 0px;
     display: inline-block;
     background-color: #C8C8C8;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
}
 #add_skill > div > label {
     margin: 0px;
     padding: 0px 5px 0px 10px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 2;
     letter-spacing: 1px;
}
 #add_skill > div > span {
     margin: 0px;
     padding: 0px;
     width: 24px;
     height: 24px;
     background-image: url('../images/job_application/button_close.svg');
     background-repeat: no-repeat;
     background-position: calc(100% - 5px) center;
     background-size: 18px;
     display: inline-block;
     float: right;
     cursor: pointer;
}
 #add_relatives_employed_name {
     margin: 5px 0px 0px 0px;
     padding: 0px;
}
 #add_relatives_employed_name > div {
     margin: 5px 10px 5px 0px;
     padding: 0px;
     display: inline-block;
     background-color: #C8C8C8;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
}
 #add_relatives_employed_name > div > label {
     margin: 0px;
     padding: 0px 5px 0px 10px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 2;
     letter-spacing: 1px;
}
 #add_relatives_employed_name > div > span {
     margin: 0px;
     padding: 0px;
     width: 24px;
     height: 24px;
     background-image: url('../images/job_application/button_close.svg');
     background-repeat: no-repeat;
     background-position: calc(100% - 5px) center;
     background-size: 18px;
     display: inline-block;
     float: right;
     cursor: pointer;
}
 .delete {
     margin: 0px;
     padding: 0px;
     width: 20px;
     height: 20px;
     background-image: url('../images/job_application/button_delete.svg');
     background-repeat: no-repeat;
     background-position: calc(100% - 5px) center;
     background-size: 18px;
     display: block;
     cursor: pointer;
     position: absolute;
     top: 0px;
     right: 0px;
}
 .single_radio_option {
     -webkit-appearance:none;
     -moz-appearance:none;
     appearance:none;
     background-color: #fff;
     margin: 2px;
     padding:0px;
     width: 18px;
     height: 18px;
     border: var(--bdr-input_box) solid 2px;
     border: green solid 2px;
     outline: white solid 1px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     cursor: pointer;
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center;
}
 .single_radio_option_label {
     margin: 0px;
     padding: 0px 20px 0px 0px;
     font-family:"Poppins-Medium";
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
     cursor: pointer;
     display: block;
}
 .single_radio_option:checked {
     border: green solid 2px;
     background-color: green;
     background-image: url(../images/job_application/check.svg);
}
 .single_checkbox_option {
     -webkit-appearance:none;
     -moz-appearance:none;
     appearance:none;
     background-color: #fff;
     margin: 2px;
     padding:0px;
     width: 18px;
     height: 18px;
     border: var(--bdr-input_box) solid 2px;
     border: green solid 2px;
     outline: white solid 1px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     cursor: pointer;
}
 .single_checkbox_option_label {
     cursor: pointer;
}
 .single_checkbox_option:checked {
     border: green solid 2px;
     background-color: green;
     background-image: url(../images/job_application/check.svg);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center;
}
 .single_experience {
     margin: 10px 0px 0px 0px;
     position: relative;
     padding-bottom: 5px;
     border-bottom: #c6d8f7 dashed 1px;
}
 .single_education {
     margin: 10px 0px 0px 0px;
     position: relative;
     padding-bottom: 5px;
     border-bottom: #c6d8f7 dashed 1px;
}
 .single_language {
     margin: 10px 0px 0px 0px;
     position: relative;
     padding-bottom: 5px;
     border-bottom: #c6d8f7 dashed 1px;
}
 .single_certification {
     margin: 10px 0px 0px 0px;
     position: relative;
     padding-bottom: 5px;
     border-bottom: #c6d8f7 dashed 1px;
}
 .single_reference {
     margin: 10px 0px 0px 0px;
     position: relative;
     padding-bottom: 5px;
     border-bottom: #c6d8f7 dashed 1px;
}

.recruitment_link{
    color: #3b77ee;
    font-size: 11px;
}
.icon_error{
	background-color: #f9fbff;
	background-image: url(../images/job_application/icon_error.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
	background-size: 14px;
}

.icon_success{
	background-color: #f9fbff;
	background-image: url(../images/job_application/icon_success.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
	background-size: 14px;
}
.icon_error_date{
	background-color: #f9fbff;
	background-image: url(../images/job_application/icon_error.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 27px) center;
	background-size: 14px;
}

.icon_success_date{
	background-color: #f9fbff;
	background-image: url(../images/job_application/icon_success.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 27px) center;
	background-size: 14px;
}

 .email_otp_code::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
 }
 .email_otp_code::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
 }


  .mobile_otp_code::-webkit-inner-spin-button { 
     -webkit-appearance: none; 
  }
  .mobile_otp_code::-webkit-outer-spin-button { 
     -webkit-appearance: none; 
  }

 @media only screen and (max-height: 300px) {
     .logo {
         margin: 0px auto 0px auto 
    }
     .wizard_steps .wizard_step .wizard_step_label {
         display: none;
    }
     .wizard_page {
         height: calc(100vh - 125px);
    }
}
 @media only screen and (max-width: 600px) {
     .wizard_steps .wizard_step .wizard_step_label {
         display: none;
    }
     .wizard_page {
         height: calc(100vh - 125px);
    }
     .sub_group_column {
         width: 100%;
    }
     .sub_group_column label:empty {
         display: none;
    }
}
 .div_flex_layout {
     display: flex;
     gap: 5px;
     flex-direction: row;
     flex-wrap: wrap;
}
 .div_flex_layout.flex_2 > div {
     flex-basis: 40%;
     flex-grow: 1;
}
 .div_flex_layout.flex_3 > div {
     flex-basis: 27%;
     flex-grow: 1;
}
 .div_flex_layout.flex_4 > div {
     flex-basis: 23%;
     flex-grow: 1;
}