page-garagedetail {
    .fm_garage_detail_wrapper{
        width: 100%;
        height:100%;
        .fm_garage_banner{
            width: 100%;
            padding: 20px;
            background: #f4f3ee;
            .fm_garage_pic{
                width:60px;
                height:60px;
                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% - 60px);
                float: left;
                padding: 10px;
                padding-left: 15px;
                h4{
                    margin:0px;
                    padding: 0px;
                    color: #07426a;
                    text-align: left;
                    font-size: 15px;
                 
                }
                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_garage_detail{
            width:100%;
            height:calc(100% - 100px);
            overflow: scroll;
            ul{
                padding:0px;
                margin:0px;
                li{
                    padding:0px;
                    list-style: none;
                    width:100%;
                    color: #7d7d7d;
                    font-size: 16px;
                    padding: 10px;
                    p{
                        margin:0px;
                        padding:0px;
                        color: #07426a;
                    }
                    .recall{
                        background: #e3e3e3;
                        border:1px solid #7fd5e8;
                        border-radius: 20px;
                        padding: 2px;
                        text-align: center;
                    }
                }
            }
        }
    }
}

.fm_footer{
    padding: 30px;
    .recall_history{
        background: #449db2;
        color: #fff;
        height:30px;
        border-radius: 20px;
        text-transform: capitalize;
        font-weight: 300;
        padding-left: 30px;
        padding-right: 30px;
    }
}


