@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

*{
  font-family: 'Roboto', sans-serif;
}



.m-payment{
    padding-top: 135px;
    .m-payment_note{
        background: #fdfdea;
        .container{
            padding-bottom: 10px;
            padding-top: 80px;
            .m-payment_note_search
            {
                  
                background: #fff;
               text-align: center;
               border: 1px solid #d0d0d0;
                border-radius: 30px;
             
                height: 60px;
                .row{
                    .col-md-6{
                        input{
                            width: 100%;
                            padding: 11px;
                            border: none;
                            background: transparent;
                            font-size: 15px;
                            outline: none;
                            &::placeholder{
                                color:  #d0d0d0;
                                          }
                        
                        }
                        .rht-bro{
                            border-right: 1px solid #c717c7;
                            margin-top: 7px;
                        }
                        }
                        .col-md-5{
                            padding-left: 0px;
                            input{
                                width: 100%;
                                padding: 11px;
                                border: none;
                                background: transparent;
                                font-size: 15px;
                                outline: none;
                                margin-top: 7px;
                                &::placeholder{
                                    color:  #d0d0d0;
                                              }
                            
                            }
                        }
                        .col-md-1{
                            .btn-edit{
                                width: 100%;
                                padding: 8px;
                                border: none;
                               background: transparent;
                                font-size: 15px;
                                outline: none;
                                border-radius: 22px;
                                height: 50px;
                            }
                        }

                    }
                }
        }
        
      
    }
    .m-payment_table{
        margin-top: 20px;
        .container{
            .m-payment_table_header{
               
                h5{
                    color: #515151;
                    font-weight: 600;
                    font-size: 21px;
                    text-transform: uppercase;
                    margin: 5px 0;
                    padding: 20px 0 0 0;
                }
                p{
                    font-weight: 400;
                    font-size: 15px;
                    margin: 0 0 20px 0;
                }
            }
                .table{
                    thead{
                        text-align: center;
                        .m_table_color-head{
                            background-color: #8b8b8b;
                            color: #fff;
                            font-weight: 400;
                            font-size: 16px;
                            padding: 15px;
                        }
                        th{
                            
                            border-right: 2px solid white;
                            border-bottom:none;
                        }
                    }
                    tbody{
                        tr{
                            text-align: center;
                            .m_table_color-head{
                                background-color: #8b8b8b;
                                color: #fff;
                                font-weight: 400;
                                font-size: 16px;
                                padding: 15px;
                                border-right: 2px solid white;
                                border-bottom:2px solid white;
                            }
                            .fst-colm{
                                color: red;
                                text-align: center;
                                font-weight: 600;
                                font-size: 18px;
                                margin-bottom: 15px;
                            }
                            td{
                                
                                .btn-pay-select{
                                    color: #fefef5;
                                    font-family: 'Roboto', sans-serif;
                                    font-weight: 400;
                                    font-size: 15px;
                                    background: #ffa311;
                                    border: 1px solid #ffa311;
                                    padding: 5px 20px;
                                    border-radius: 30px;
                                    outline: none;
                                    margin-bottom: 10px;
                                    &:hover{
                                        background: transparent;
                                        color:black;
                                    }
                                } 
                        }
                        .m-pay-table-fstpart{
                                
                            color: #7d7d7d;
                          
                            font-weight: 600;
                            font-size: 16px;
                            background-color: #dfdfdf;
                            margin: 2px 0;
                            text-align: center;
                            padding: 15px 10px;
                            border-right: 2px solid white;
                            border-bottom:2px solid white;
                        
                    }
                    .m-pay-table-scndpart{
                        color: #616161;
                      
                        font-weight: 400;
                        font-size: 14px;
                        background-color: #f2f2f2;
                        margin: 2px 0;
                        padding: 10px;
                        text-align: center;
                        border-right: 2px solid white;
                        border-bottom:4px solid white;
                    
                    }
                    }
                }
              
                }
            }
        }
    }
    

