#AvailabilityCardmain{
    width:230px;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.30);
    border-radius: 12px;
    font-family: 'Nunito Sans', sans-serif;
    z-index: 999;
    cursor: auto;
}
.AvailabilityCardTitle{
    background: #FFFFFF;
    width:230px;
    height:21px;
}
.AvailabilityCardName{
    background: #F5F5F5;
    font-family: 'Nunito Sans', sans-serif;
    font-weight:700;
    font-size: 14px;
    color: rgba(0,0,0,0.87);
    grid-auto-flow:  column;
    /* justify-items:  center; */
    align-items:  center;
    display:  grid;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
    border-radius: 12px 12px 0px 0px;
    letter-spacing: 0.48px;
    padding: 6px 15px 4px 16px;
}
.AvailabilityCardsummary{
    background: #FFFFFF;
    height: 56px;
    justify-items: center;
    display: grid;
    width: 230px;
    grid-auto-flow: column;
}
.AvailabilityCardsummaryRow  {
    height:56px;
    width:75px;
    float: left;
}
.AvailabilityCardsummarynext{
    background: #FFFFFF;
    height: 76px;
    justify-items: center;
    display: grid;
    padding: 14px 0 2px 0;
    width: 230px;
    grid-auto-flow: column;
}
.AvailabilityCardsummaryRownext  {
    height: 76px;
    width: 113px;
    float: left;
}
.AvailabilityCardSummaryname{
    font-family: 'Nunito Sans', sans-serif;
    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;
}
.AvailabilityCardname{
    font-family: 'Nunito Sans', sans-serif;
    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;*/
}
.AvailabilityCardBlockone{
    height:76px;
    width:230px;
    float: left;
    display: block;
    background: #FFFFFF;
}


.AvailabilityCardnumber{
    font-family: 'Nunito Sans', sans-serif;
    font-weight:600;
    font-size: 20px;
    color:  #81C784;
    letter-spacing: 0.8px;
    text-align: center;
    padding-top: 3px;
    height: 23px;
}
.AvailabilityCardBlock{
    height:76px;
    width:114px;
    float: left;
    display: block;
    background: #FFFFFF;
}
.AvailabilityCardtitle{
    font-family: 'Nunito Sans', sans-serif;
    font-weight:600;
    font-size: 12px;
    /*color: rgba(0,0,0,0.87);*/
    color: rgba(0,0,0,0.54);
    letter-spacing: 0.41px;
    text-align: center;
    padding-top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*height: 16px;*/
}
#AvailabilityCardlast{
    cursor: pointer;
    display: block;
    width:230px;
    height:30px;
    background-color:#F44A77;
    font-family: 'Nunito Sans', sans-serif;
    /*font-weight:600;*/
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.44px;
    text-align: center;
    padding-top: 3px;
    margin-top: -6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
    border-radius: 0px 0px 12px 12px;
}
#AvailabilityCardflatList{
    display: inline-block;
}


#AvailabilityCardflatList{
    display: inline-block;
    max-height: 154px;
    overflow-y: scroll;
    border-radius: 12px;

}
#AvailabilityCardflatList::-webkit-scrollbar {
    width: 0px;
    background-color: #000000;
}
#closeAvailabilityCard{
    background: url("../images/icons/magiktour/Pill-close.svg");
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    justify-self: end;
}
.AvailabilityCardnumbertext{
    font-family: 'Nunito Sans', sans-serif;
    font-weight:600;
    font-size: 12px;
    color:  #81C784;
    letter-spacing: 0.41px;
    text-align: center;
    padding-top: 6px;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
}

.disableButtonAvailabilityCardlast{
pointer-events: none;
opacity: .5;
}
.disableButtonAvailabilityCardlastmain{
 /* pointer-events: none;  */
cursor: default !important;
}