page-garage {
    .fm_garage_wrapper{
        padding-top:10px;
        height: 100%;
        h4{
            color: #07426a;
            text-align: center;
            font-weight:400;

        }
        hr{
            border:2px solid #449db2;
            width:50px;
            border-radius: 10px;
            margin:0 auto;
            height:0px;
            margin-bottom: 15px;
        }
        ul{
            padding: 0px;
            
            margin:0px;
            width: 100%;
            height: calc(100% - 65px);
            overflow: scroll;

            li{
                list-style: none;
                background-color: #f1f1f1 !important;
                margin-bottom: 10px;
                padding: 15px;
                background-image:url('../../assets/imgs/fm_arrow.png') !important;
                background-position: right 10px top 40px;
                background-repeat: no-repeat;
                background-size: 35px;
                .fm_garage_pic{
                    width:90px;
                    height:90px;
                    border-radius: 50%;
                    float: left;
                    background: #449db2;
                    position: relative;
                    img{
                        width:100%;
                        height:100%;
                        border-radius: 50%;
                        object-fit:cover;
                        object-position: center;
                    }
                    .ex{
                        width:30px;
                        height:30px;
                        border-radius: 50%;
                        background-color: #f43400;
                        color: #fff;
                        position: absolute;
                        top:0px;
                        left:0px;
                        text-align: center;
                        font-size: 18px;
                        padding: 4px;
                    }
                }
                .fm_garage_detail{
                    width:calc(100% - 90px);
                    float: left;
                    padding-left: 15px;
                    h4{
                        margin:0px;
                        padding: 0px;
                        color: #07426a;
                        text-align: left;
                        font-size: 14px;
                     
                    }
                    p{
                        margin:0px;
                        padding:0px;
                        color: #828282;
                        padding-top: 4px;
                        padding-bottom: 4px;
                    }
                    button{
                        border:1px solid #07426a;
                        color: #07426a;
                        background: transparent;
                        border-radius: 20px;
                        text-transform: capitalize;
                        height: 25px;
                        font-size: 13px;
                    }
                }
            }
        }
    }
}
.fm_footer{
    padding: 30px;
    p{
        margin:0px;
        padding:0px;
        color: #15b3d5;
        text-align: center;
        padding-top: 15px;
        font-size: 16px;
        padding-bottom: 15px;
    }
}
.fm_circle{
    width: 50px;
    height:50px;
    border-radius: 50%;
    border:2px solid #15b3d5;
    color: #15b3d5;
    text-align:center;
    background: transparent;
    font-weight: 500;
    font-size: 26px;
}
.recall_history{
    background: #449db2;
    color: #fff;
    height:30px;
    border-radius: 20px;
    text-transform: capitalize;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
}
