.progressbar_widget{
    .pos_single_progressbar{
        margin-bottom: 30px;
        h4{
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 0;
            margin-bottom: 10px;
            span{
                margin-left: 11px;
                &.grren_text{
                    color: #4BCF90;
                }
                &.yellow_text{
                    color: #FFAD1F;
                }
                &.blue_text{
                    color: #6276F7;
                }
                &.red_text{
                    color: #FF6D68;
                }
                &.sky_text{
                    color: #20D5EE;
                }
            }
        }
    }
}

.pos_progress{
    &.progress{
        height: 18px;
        border-radius: 30px;
        background: transparent;
        .progress-bar{
            background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-size: 1rem 1rem;
            border-radius: 30px;
            &.green_bar{
                background-color: #4BCF90;
            }
            &.yellow_bar{
                background-color: #FFAD1F;
            }
            &.blue_bar{
                background-color: #6276F7;
            }
            &.red_bar{
                background-color: #FF6D68;
            }
            &.sky_bar{
                background-color: #20D5EE;
            }
            
        }
    }
}

.supplier_img{
    img{
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
}

.purchage_widget{
    background: #F6FCFF;
    padding: 30px;
    border-left: 3px solid #7c32ff;
    min-height: 218px;
    h4{

    }
    .grid_template{

    }
}