﻿         .displayAnOccupant-main {
                position: fixed;
                inset: 0;  z-index: 6;
                width: 100%; height: 100%;
               
                background-color: #0000004f;

                display: flex;  align-items: center;
                justify-content: center;
            }

            .displayAnOccupant-child{
               width: 80%; border-radius: 50px;
               box-shadow: 10px 10px 10px 10px #0000002d;
              min-width: 800px; background-color: #fff;
                

            }

            .displayAnOccupant-child > section{ 
               width: 100%;                 

            }

            .displayAnOccupant-close{
                width:40px; height: 40px;
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;

                background-image: url('/imgs/icons/close-31.svg');
                background-size: 15px;
                background-position:center;
                background-repeat: no-repeat;
                cursor: pointer; margin:20px 20px;  
                
            }

            .displayAnOccupant-body{
               display: flex;
               justify-content: center;

            }

            .displayAnOccupant-body > div{
               width: 45%;   

            }

            .displayAnOccupant-ocProfile > section{
                 width: 100%;  
            }

               .displayAnOccupant-profileDiv {
                width:100%;display: flex;
                justify-content: center;
               }

         
               


             .displayAnOccupant-profile {
                width:70px; height: 70px;
                border-radius: 35px;

                background-image: url('/imgs/test/testimg1.jpg');
               
                background-position:center;
                background-repeat: no-repeat;
            }


               .displayAnOccupant-username {
                width:100%; display: flex;
                justify-content: center;
                font-weight: 700;
                background-color: blue;
                margin-top: 20px;
               }

            .displayAnOccupant-username div {
                width:60%; text-align: center;
                background-color: aqua;
                 white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
               
               }

               .displayAnOccupant-btnDivs{
                    display: flex;
                    justify-content: space-around;
               }

            .displayAnOccupant-btnDivs{
                    display: flex;
                    justify-content: space-around;
               }

               .displayAnOccupant-btns >:first-child{
                    width:50px; height: 50px;
                    border-radius: 35px;

                    background-size: 20px;
                    background-position:center;
                    background-repeat: no-repeat;
                    cursor: pointer;
               }


            .displayAnOccupant-rentDetails{
                 width: 45%;  
            }







   
/* 
        @media (min-width: 860px) {
        .bNeigh-main{
        width: 100%;
}
}


             white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;



             background-color: #BF2829;

               display: flex; align-items: center;
                justify-content: center;

                 height: 40px; border-radius: 20px;
                color: #fff;

        .addAptW-add-cardsBtn{
                margin-top: 20px;
                width:40px; height: 40px;
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;

                background-image: url('/imgs/icons/add.svg');
                background-size: 30px;
                background-position: left center;
                background-repeat: no-repeat;
                cursor: pointer;
            }



                .userProfile-MenuMain{
            width:400px;
            position: fixed;
            background: #ffffff;
            z-index: 4;  inset: 0;
            margin-top: 150px;
        }
                
            */

