page-notification {
    .fm_notification_wrapper{
        width: 100%;
        height: 100%;
        .clearall_btn{
            height:30px;
            border-radius: 20px;
            border:2px solid #15b3d5;
            color: #15b3d5;
            background: transparent;
            padding-left: 20px;
            padding-right: 20px;
            margin:0 auto;
            font-weight: 500;
            text-transform: capitalize;
        }
        ul{
            margin:0px;
            padding:0px;
            width: 100%;
            width:100%;
            height:calc(100% - 15px);
            overflow:scroll;
            li{
                width:100%;
                list-style: none;
                border-bottom:1px solid #dcdcdc;
                padding-bottom:10px;
                padding-top: 10px;
                .fm_notification_box{
                    width:calc(100% - 50px);
                    float: left;
                    h4{
                        color: #144b6d;
                        font-size: 16px;
                        margin:0px;
                        padding:0px;
                    }
                    p{
                        color: #848484;
                        font-weight: 300;
                        margin:0px;
                        padding-top: 5px;
                    }
                }
                .fm_notification_close{
                    width:50px;
                    float: right;
                    height: 50px;
                    background-image:url('../assets/imgs/fm_close_not.png') !important;
                    background-position: center;
                    background-size: 18px;
                    background-repeat: no-repeat;
                }
            }
        }
    }
}
