#FlatInfoGDmain{
    width: 264px;
    position: absolute;
    padding: 20px 20px 20px 20px;
    cursor: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
}
.FlatInfoGDTitle{
    background: #FFFFFF;
    width:230px;
    height:21px;
}
.FlatInfoGDName{
    /* background: #FFFFFF; */
    height: 40px;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: start;
    align-items: center;
    /* background: white; */
    /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20); */
    /* border-radius: 12px 12px 0 0; */
}
.FlatInfoGDNametext{
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #053766;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* display: grid; */
  /* border-right: 1px solid #053766; */
  overflow: hidden;
}
.FlatInfoGDNametexttitle{
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px 0px 0;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #053766;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* display: grid; */
    border-right: 1px solid #053766;
    overflow: hidden;
  }
.FlatInfoGDsummary{
    background: #FFFFFF;
    height: 56px;
    justify-items: center;
    display: grid;
    width: 230px;
    grid-auto-flow: column;
}
.FlatInfoGDsummaryRow  {
    height:56px;
    width:75px;
    float: left;
}
.FlatInfoGDSummaryname{
    /*font-weight:600;*/
    font-size: 11px;
    color: rgba(0,0,0,0.35);
    letter-spacing: 0.44px;
    text-align: center;
    /*padding-top: 0px;*/
    height:21px;
}
.FlatInfoGDname{
    /*font-weight:600;*/
    font-size: 11px;
    color: rgba(0,0,0,0.35);
    letter-spacing: 0.44px;
    text-align: center;
    margin-top: -6px;

    /*padding-top: 0px;*/
    /*height:15px;*/
}
.FlatInfoGDBlockone{
    height:76px;
    width:230px;
    float: left;
    display: block;
    background: #FFFFFF;
}


.FlatInfoGDnumber{
   font-family: Roboto;
   font-size: 16px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: 1;
   letter-spacing: normal;
   color: #4a4a4a;
   height: 23px;
   padding: 8px 0 0 0;
}
.FlatInfoGDBlock{
    height: 60px;
    width: 109px;
    float: left;
    padding: 0 0 0 0px;
    display: block;
    background: #FFFFFF;
}
.FlatInfoGDtitle{
    font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #9b9b9b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*height: 16px;*/
}
#FlatInfoGDlast{
    cursor: pointer;
    display: block;
    /* width:230px; */
    height: 40px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.44px;
    padding: 9px 0 0 0;
    text-align: center;
    border-radius: 5px;
    background-color: #00445a;
}
#FlatInfoGDflatList{
    display: inline-block;
}


#FlatInfoGDflatList{
    display: inline-block;
    max-height: 154px;
    overflow-y: scroll;
    padding: 10px 0 0 0px;
}
#FlatInfoGDflatList::-webkit-scrollbar {
    width: 0px;
    background-color: #000000;
}
#closeFlatInfoGD{
    background: url("../images/icons/magiktour/Pill-close.svg");
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    justify-self: end;
}
#FlatInfoGDmain:before {
position: absolute;
/* top: 19px;  */
right: 100%;
/* left: -8px;  */
display: block;
width: 0;
border: 8px solid transparent;
/* border-right-color: #d1d5da;  */
height: 0;
/* background: wheat;  */
pointer-events: none;
content: " ";
border-right-color: white;
border-style: solid solid outset;
}