.gdstmtflatpopup{
        display: grid;
        display: none;
        position: absolute;
        top: 0;
        background: white;
        z-index: 99999999999;
        width: 100vw;
        height: 100vh;
    }

    .gdstmtflatpopupcontainer{
        display: grid;
        background: white;
        width: 100%;
        height: 100%;
        margin: auto;
        grid-template-rows: 80px 1fr;
    }
    .gdstmtflatpopupheader{
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        background-color: #f0f0f0;
        height: 55px;
        padding: 0 24px 0 24px;
    }
    .gdstmtflatpopupheaderleft{
        display: grid;
        grid-auto-flow: column;
        justify-content: left;
        grid-gap: 20px;
    }
    .gdstmtflatpopupheaderlefttower{
        display: grid;
        font-family: Roboto;
        font-size: 20px;
        font-weight: bold;
        padding: 0 24px 0 0;
        font-stretch: normal;
        font-style: normal;
        border-right: 1px solid #053766;
        line-height: 0.8;
        letter-spacing: normal;
        color: #053766;
    }
    .gdstmtflatpopupheaderleftfloor{
        display: grid;
        font-family: Roboto;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.8;
        letter-spacing: normal;
        color: #053766;
    }
    .gdstmtflatpopupheaderright{
        display: grid;
        grid-auto-flow: column;
        justify-content: end;
        grid-gap: 15px;
    }
    .gdstmtflatpopupheaderrightbutton{
        padding: 12px 12px 14px 12px;
        display: grid;
        /* height: 40px; */
        font-family: Roboto;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        cursor: pointer;
        line-height: 1;
        letter-spacing: normal;
        border-radius: 5px;
        border: solid 1px #9b9b9b;
        color: #9b9b9b;
        border: solid 1px #9b9b9b;
    }
    .gdstmtflatpopupheaderrightbuttonhl{
        display: grid;
        /* width: 74.3px; */
        /* height: 40px; */
        background-color: #ed1d53;
        color: white;
    }
    .gdstmtflatpopupbody{
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 20% 1fr;
        height: calc(100vh - 55px);
    }

    .gdstmtflatpopupbodyleft{
        display: grid;
        grid-gap: 24px;
        /* height: max-content; */
        padding: 31px 25px;
        overflow-y: scroll;
        grid-template-rows: repeat(auto-fit,50px);
    }
    .gdstmtflatpopupbodyleftdiv{
        display: grid;
        grid-gap: 8px;
        grid-template-rows: max-content;
    }
    .gdstmtflatpopupbodylefttitle{
        display: grid;
        font-family: Roboto;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #9b9b9b;
    }
    .gdstmtflatpopupbodylefttext{
        display: grid;
        font-family: Roboto;
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #4a4a4a;
    }
    .gdstmtflatpopupbodyright{
        display: grid;
        grid-template-rows: 80% 20%;
    } .gdstmtflatpopupbodyrightimg{
		
        display: grid;
        background-size: 95% 95%;
        background-repeat: no-repeat;
        border: 1px solid #eee;
    }
    .gdstmtflatpopupbodyrightbtn{
        display: grid;
        grid-auto-flow: column;
        padding: 0 20px 0 20px;
    }
    .gdstmtflatpopupbodyrightbtncls{
        display: grid;
        border-radius: 5px;
        border: solid 1px #ed1d53;
        align-self: center;
        justify-self: center;
        padding: 17px 10px;
        width: 180px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #ed1d53;
    }
	.gdstmtflatpopupbodyrightbtncls:hover{
	display: grid;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.37);
    background-image: linear-gradient(285deg, #bb5b8b 121%, #852e53 0%);
    border: none;
    color: white;
	}
	
		
  .gdstmtflatpopupbodyrightbtnclshl{
      display: grid;
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.37);
      background-image: linear-gradient(285deg, #bb5b8b 121%, #852e53 0%);
      border: none;
      color: white;
  }

  .gdunitlayoutclose{
    background-image: url(../images/shortlisted/backArrow.svg);
    width: 27px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .gdstmtflatpopupbodyrightbtnclsmobile{
      /* padding: 0; */
      font-size: 14px;
    max-width: 141px;
    padding: 10px 0px;
  }
  .gdstmtflatpopupcontainermobile{
    display: grid;
    background: white;
    width: 100%;
    height: 100%;
    margin: auto;
    /* grid-template-rows: 55px; */
  }

  .AvailabilityCardGDmain::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .gdunitdisable {
    pointer-events: none;
    opacity: 0.5;
}

.gdstmtflatpopupbodyrightbtncls:hover {
    display: grid;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.37);
    background-image: linear-gradient(285deg, #ed1d53 121%, #852e53 0%);
    border: none;
    color: white;
}

.gdstmtflatpopupheaderrightbutton:hover {
    display: grid;
    /* width: 74.3px; */
    /* height: 40px; */
    background-color: #ed1d53;
    color: white;
}

.gdstmtflatpopupbodyleft::-webkit-scrollbar {
    width: 0px;
}
.gdstmtflatpopupbodyrightimgcontainer{
    display: grid;
    padding: 0 20px 0 20px;
}
.justifySelfStart{	
     /*justify-self: flex-start; */	
}
.justifySelfEnd{
    /* justify-self: flex-end; */
}

.gdstmtflatpopupbodyrightimgcontainer{
	overflow-y: scroll !important;
	overflow-x: none !important;
}
@media only screen and (max-width: 767px) {
	.gdstmtflatpopupbodyrightcustom {
		grid-template-rows: 66% 20%;
}
}
.gdstmtflatpopupbodyrightimgcontainer::-webkit-scrollbar {
	width: 0px;
}
@media only screen and (max-width: 767px) {

    .gdstmtflatpopupbodyright{
        grid-template-rows: 79% 20%;
    }

    .gdstmtflatpopupbodyleft {
        display: grid;
        grid-gap: 18px;
        /* height: max-content; */
        padding: 12px 15px;
    }
	gdstmtflatpopupbodyrightimg{
      
        background-size: 100% 100%;
       
    }
}