#listing-main
{
    box-shadow: 3px 3px 5px #dadada;
    background-color: rgb(255, 255, 255);
    width:100%; 
    height: 150;
    padding: 5;
    box-sizing: border-box;
    cursor: pointer;
    margin: 10;
}

#listing-img-div
{
    width: 200;
    height: auto;    
    border-style: solid ;
    border-width: 0.5;
    border-color: rgb(220, 220, 220);
    box-sizing: border-box;
}

.listing-img-span {
    text-align: center;
    display: block;
    box-sizing: border-box;
}

#listing-img {
    box-sizing: border-box;
}

#listing-description
{
    width: 60%;
    margin: 0 10 0 10;
    padding: 0 0 0 10;
    background-color: #8a47100d;
    overflow: hidden;
}

#listing-edit-div
{
    width: 200;
    height: 100%;
}

.listing-edit-header
{
    text-align: center;
    width: 100%;
    display: block;
}

.listing-price
{
    margin-left: 30;
    color: green; 
    font-size: 24

}

.listing-description-container {
    height: auto;    
    overflow: hidden;
}

.listing-container {
    width: 100%;

}

.row {
    display: flex;
}

.fill {
    display: flex;
    height: 100%;
    align-items: center;
    overflow: hidden
}

.fill img {
    
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto 0 auto;
}

.listing-property-header
{
    color: rgb(66, 66, 66);
    font-size: 16;
}

.listing-property-value
{
    color: rgb(66, 66, 66);
    font-size: 18;
}

.listingDate {
    color: rgb(104, 104, 104);
    display: block;
    text-align: center;
    margin-top: 5;
    font-size: 16;
}

.dimText {
    color: rgb(129, 129, 129);
    display: block;
    text-align: center;
}

.importantText {
    color: rgb(185, 51, 51);
    display: block;
    text-align: center;
}

.tipText {
    font-size: 17;
}

.propertyBox {
    background-color: #8a47100d;
}

#listing-main:hover {
    background-color: rgb(230, 230, 230)
}

#item-description {
    width: 100%;
    background-color: white;
    box-shadow: 2px 2px 5px rgba(132, 116, 116, 0.3);
    background-color:#fbf9f7;
    padding: 5;
}

.listing-image {
    width: 350; 
    height: 300; 
    float:left;
    border-width: 3; 
    border-style: solid; 
    border-color: #c9c8c0;
    padding: 2; 
    margin-right: 5; 
    background-color: #f5f4f3;
    text-align: center'
}

.facebook-detail {
    position: absolute;
    top: 200;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 500;
    height: auto;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 5px rgba(132, 116, 116, 0.3);
    padding: 20;
    box-sizing: border-box;
    visibility: hidden;
}

.facebook-link {
    width: 80;
    height: 40;
}

.facebook-close {
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.choose-file {
    display: block;
}

.upload-file {
    margin-top: 10;
}

#description {
    word-wrap: normal;
}

.imageList {
    float:left;
    width: 100%; 
    height: auto;
    margin: 10;
}

.favourite {
    width: 20; 
    height: 20;
    position: absolute; 
    top: 0; 
    left: 0;
}