.individual_procress_step1 {
    background-color: #F4F6F9;
    border-radius: 7px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.individual_procress_image1 {
    border-radius: 50px;
    width: 60px;
    height: 60px;
}

.procress_step_name {
    font-weight: 700;
    font-size: 15px;
    padding-top: 10px;
}

.procress_step_namecompany {
    font-size: 10px;
    letter-spacing: -0.2px;
    color: black;
}

.procress_step_country {
    font-size: 11px;
    font-weight: 500;
    padding-top: 5px;
}

.individual_procress_image2 {
    width: 13px;
    height: 13px;
    border-radius: 50px;
}

.individual_procress_step2 {
    background-color: #F4F6F9;
    border-radius: 7px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.individual_procress_step3 {
    background-color: #F4F6F9;
    border-radius: 7px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.procress1_mid {
    font-size: 14px;
    font-weight: 500;
    color: #7E7E7E;
    text-align: center;
}

.procress2_approval {
    font-size: 11px;
    text-align: center;
}

/* css */

.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;

    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #1d8fd5;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #e9eaec;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9eaec;
    margin-bottom: 6px;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.completed .step-counter {
    background-color: hsl(199, 78%, 68%);
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid hsl(199, 78%, 68%);
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.submit_bcg {
    background-color: #F4F6F9;
    border-radius: 7px;
    margin-top: 20px;

}

.procress_step_card {
    background-color: #f2f2f2;
    border-radius: 6px;
    margin-left: 50px;
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.individual_step_kgi {
    width: 20px;
}

.shadow_badgewhite {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    background-color: #ffff;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.right_cir {
    color: #06B217;
    font-size: 20px;
}

.right_cir_1st {
    color: #06B217;
    font-size: 13px;
}

.right_cir_nf {
    color: #C7EBFF;
    font-size: 20px;
}

.right_cir_1st_nf {
    color: #C7EBFF;
    font-size: 13px;
}

.Submit_Progress1 {
    font-size: 13px;
    font-weight: 700;
}

.individual_procress_kfi {
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
}

.submitprogress_arrow {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 3px;
    background-color: #D1E5F9;
    border: none;
    color: #004DB0;
    font-weight: 700;
    letter-spacing: -0.7px;
}

.text_b_kgi {
    font-weight: 700;
    color: #004DB0;
    font-size: 15px;
}

.progressindividual_deadline_day {
    border: 1px lightgray solid;
    border-radius: 30px;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 4px;
    font-size: 9px;
}

.individual_pim_step1 {
    background-color: #F4F6F9;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.MY_PIM_PANEL {
    color: #004DB0;
    font-size: 17px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
}

.button1_dualpim {
    background-color: #D1E5F9;
    border-radius: 3px;
    margin-left: 5px;
    margin-top: 10px;
}

.color-004DB0-E2 {
    color: #004DB0;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
}

.color-004DB0-none {
    color: #004DB0;
    font-size: 11px;
    padding-top: 5px;
    font-weight: 500;
}

.pim1-imageslinegroup {
    width: 12px;
}

.pim1_formatnumkfi {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #D1E5F9;
    color: #004DB0;
    border-radius: 3px;
    font-size: 14px;
}

.Priority {
    border-radius: 50px;
    border: 2px #2F80ED solid;
    font-size: 10px;
    font-weight: 400;
    width: 20px;
}

.name-priority {
    font-size: 10px;
}

.individual_PIM_target1 {
    width: 12px;
}

.width-ccal {
    width: 13px;
}

.but_showmore {
    background-color: #BCE0FD;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 60px;
}

.showmore_pim {
    color: #1262AF;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.pim_no {
    font-size: 12px;
    font-weight: 600;
    color: gray;
    text-align: center;
}

.backgroudwhite-solid {
    background-color: #ffff;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.iamges_usersipm {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    margin-left: 15px;
}

.txt_bingname_individualpim {
    font-size: 17px;
    font-weight: 700;
}

.txt_smallname_individualpim {
    font-size: 12px;
    padding-top: 3px;
}

.images_pimtry {
    width: 13px;
    height: 13px;
    border-radius: 50px;
}

.Thickness {
    font-weight: 500;
    font-size: 11px;
}

.Thickness_company {
    font-weight: 500;
}

.select_checkboxright {
    border-radius: 30px;
    border: 1px #1d8eec solid;
    font-size: 13px;
    color: #004DB0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.update_textcal {
    font-size: 17px;
    font-weight: 500;
}