page-viewoffers {
    .page_background{
        background:url('../../assets/imgs/fm_login_bg.png');
        background-size: cover;
        background-position: center;
    }
    .fm_list{
        width: 100%;
        .fm_list_tab{
            ul{
                padding:0px;
                margin:0px;
                border:1px solid #1c8aa4;
                border-radius: 30px;
                li{
                    list-style:none;
                    float: left;
                    width:33.33%;
                    text-align: center;
                    padding: 8px;
                    color: #919191;
                    font-weight:600;
                    border-radius: 30px;
                    font-size: 12px;
                }
                .active{
                    background: #1c8aa4;
                    color: #fff;
                    border-radius: 30px;
                }
            }
        }
        .fm_slide{
            .list{
                .item{
                    border-radius: 0px;
                    padding: 0px;
                    padding-top: 15px;
                    padding-bottom: 15px;
                    border-top:1px solid #919191; 
                    margin-bottom: 10px;
                    .left_image{
                        width:120px;
                        height: 120px;
                        float: left;
                        background: #a8a8a8;
                        img{
                            width:100%;
                            height:100%;
                            object-fit: cover;
                            object-position: center;
                        }
                    }
                    .right_details{
                        width:calc(100% - 120px) !important;
                        padding: 10px;
                        padding-top: 0px;
                        padding-bottom: 0px;
                        float: left;
                        h4{
                            color: #000;
                            margin:0px;
                            font-size: 18px;
                            font-weight: 500;
                        }
                        .row{
                            padding-bottom:5px;
                        }
                        p{
                            width:100%;
                            font-size: 18px;
                            text-align: right;
                        }
                        .discount{
                            color: #ee2203;
                            font-size: 16px;
                            font-weight: 700;
                        }
                        .strike{
                            color: #929292;
                            font-size: 20px;
                            font-weight: 500;
                            text-decoration: line-through;
                        }
                        .green{
                            color: #1DB100;
                            font-size: 20px;
                            margin-left: 10px;
                            font-weight: 500;
                        }
                        .expiry{
                            color: #0076ba;
                            padding-top: 10px;
                            width:100%;
                        }
                    }

                    .label{
                        padding: 0px;
                        margin:0px;
                    }
                    .fm_list_left{
                        width:calc(100% - 120px);
                        float: left;
                        .fm_list_top{
                            width:100%;
                            .fm_list_top_circle{
                                width:30px;
                                height:30px;
                                border-radius: 50%;
                                background: #a8a8a8;
                                img{
                                    width:100%;
                                    height:100%;
                                    border-radius: 50%;
                                    object-fit: cover;
                                    object-position: center;
                                }
                            }
                            h4{
                                margin:0px;
                                padding:0px;
                                color: #07426a;
                                font-size: 18px;
                                padding: 5px;
                                strong{
                                    color: #5c5c5c;
                                    font-size: 12px;
                                    font-weight: 400;
                                    padding-left:5px;
                                }
                            }
                            
                        }
                        p{
                            margin:0px;
                            padding: 0px;
                            color: #1c8aa4;
                            font-weight: 300;
                            padding-top:8px;
                            padding-bottom:8px;
                            font-size: 16px;
                            padding-left: 5px;
                            strong{
                                font-size: 16px;
                                padding-top: 10px;
                            }
                        }
                        
                    }
                    .fm_list_right{
                        width:120px;
                        float: right;
                        .fm_list_img{
                            width:113px;
                            height:113px;
                            border-radius: 50%;
                            img{
                                width:100%;
                                height:100%;
                                border-radius: 50%;
                                object-fit: cover;
                                object-position: center;
                            }
                        }
                        
                        .fm_list_bottom{
                            width: 100%;
                            ul{
                                margin:0px;
                                padding:0px;
                                border:none;
                                li{
                                    list-style: none;
                                    background: #e2e2e2;
                                    color:#646464;
                                    border-radius: 20px;
                                    padding: 3px;
                                    font-weight: 300;
                                    margin: 1px;
                                    font-size: 10px;
                                }
                                .decision{
                                    width:100%;
                                    font-size: 14px;
                                    padding:0px;
                                    margin:0px;
                                    padding: 5px;
                                    margin-top: 16px;
                                }
                                .approved{
                                    color: green;
                                }
                                .pending{
                                    color: tomato;
                                }
                            }
                        }
                       
                    }

                    
                }
               
            }
            
        }
    }
    .add_offer{
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 10px;
        border-radius: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
