.reportPop{
       width: 100%; height: 100vh;
        position: fixed; top: 0; left: 0; z-index: 9;
        pointer-events: auto; /* default */
        display: flex; 
        background: #00000016;
        justify-content: end; align-items: center;
}

.report-card{
    width:300px; margin-right: 20px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 20px 10px #00000051;
}

.report-card-child{
    width:80%; 
    margin-left: 10%;
     margin-top: 20px;
}


.reportTop{
   display: flex;
     justify-content: end;
    
}

.reportTop div{
   display: flex;
    justify-content: end;
    align-items: center;
    width: 50px; height: 50px;
    cursor: pointer;
    border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
}

.reportToptwo{
   width: 100%;
    
     font-weight: 700;
     font-size: 16px;
     text-align: center;
}

.reportmenus{
    width: 100%;
     display: flex;
     align-items: center;
     margin: 20px 0 10px;

}

.reportTypes{
    width: 70%;

}

.reportRadioBtns{
    width: 30%;
     display: flex;
    justify-content: end;

}

.report-input-section{
    width: 100%; height: 100px;
    background-color: #fff;
    border-radius: 20px;
    border: solid 0.1px #C0C0C0;
    margin-top: 20px;
}

.report-input-section input{
    border: none; width: 90%;
    margin-left: 5%; margin-top: 10px;

}

.report-section{
    with: 100%; display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.summit-report{
    background-color: #BF2829;
    width: 100px; height: 30px;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width:500px) {
    .reportPop{
        background: #ffffffba;
       justify-content: center; align-items: center;
    }

    .report-card{
            width:80%; margin-right: 0px;
            background-color: #fff;
            border-radius: 20px;
            box-shadow: 5px 5px 20px 10px #00000051;
    }


}