/* This rule is read by Galleria to define the gallery height: */
#galleria {
    height: 400px;
}

#tabs {
    width: 100%;
}

#tabs-1 {
    height: 400px
}

#bd {
    width: 100%;
}

#propertyInfo {
    float: left;
    text-align: left;
}

#tabs .ui-tabs-panel {
    background: #fff;
    border-width: 0px 1px 1px 1px;
}

.tab-content {
   padding: 0px;
}

#tab-1 {
    border: none;
    padding: 0px 10px 0px 10px;
}

#tab-2 {
    border: none;
    padding: 0px 0px 0px 0px;
}

/* fixes the right alignment of the twitter buttons */
.twitter-tweet-button {
    width: 80px !important;
}

#layer-menu-sel {
    display: none;
}

#layer-menu {
    right: 5px !important;
    top: 5px !important;
}

#similarProperties {
	margin-bottom: 10px;
}

.property-row {
    display: flex;
}

.similar-property {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    border-left: none;
}

.similar-property:first-child {
    border-left: 1px solid #ccc;
}

.fav-prop-icon {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}

.prop-card-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#prev-similar-props, #next-similar-props {
    border: 1px solid #aaa;
}

.bid_contol_container {
    border: 10px solid #afafaf;
    padding: 0 20px 10px 20px
}

#bid_btn_row {
    background: #f1f1f1;
    padding: 10px 0;
}

#bid_msg {
    margin-bottom: 10px;
}

.bid_btn {
    text-align: center;
}

.field-box {
    margin-bottom: 10px;
}

.field-label {
    width: 150px;
}

.msg-green {
    color: green;
}

.msg-red {
    color: red;
}

#bid_action_controls {
    display: flex;
    justify-content: center;
}

#bid_action_controls #bidButton {
    width:100px;
    height: 28px;
    margin-left: 10px;
}

#bid-status-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
}

#bidControlsContainer {
    margin: 20px 0;
}