.sidebar {
    z-index: 1;
    flex: 1;
    background-color: #FFFFFF;
    transition: max-width 0.3s;
    -webkit-transition: max-width 0.3s;
    -moz-transition: max-width 0.3s;
}

.property-overview {
    max-width: 624px;
}

.eligibility {
    max-width: 504px;
}

.overview-header {
    height: 64px;
    color: #171717;
    padding: 0 24px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #e2e2e2;
}

.overview-body {
    height: calc(100% - 64px);
    height: -webkit-calc(100% - 64px);
    height: -moz-calc(100% - 64px);
    overflow: auto;
    padding: 0px 24px;
    line-height: 24px !important;
    font-size: 16px !important;
}

.overview-row {
    padding: 12px 0px;

    font-size: 16px !important;
    line-height: 24px !important;
}

.overview-row.padding-1x {
    padding: 8px 0px;
}

.overview-row.padding-2x {
    padding: 16px 0px;
}

.overview-row.flex-box > * {
    flex: 1 1 240px;
}

.overview-row.flex-box > :first-child {
    font-weight: bold;
    max-width: 240px;
    flex: 1 1 240px;
}

.eligiblity-status {
    flex: none !important;
    width: 16px;
    height: 24px;
    display: inline-block;
    padding: 0px;
    background-position: left bottom 4px;
}

.overview-header .icon-left:not(.button-capsule), .overview-row.flex-box .icon-left:not(.button-capsule) {
    background-position: left center;
}

.eligibility-note {
    padding-left: 32px;
    color: #21275B;
    background-position: left top 4px !important;
}

.domore {
    margin: -12px 0px;
}

.domore, .domore a {
    line-height: 48px !important;
}

.eligiblity-row {
    padding: 24px;
    margin: 0px -24px;
}

.propertyinfo {
    display: block;
}

.edit-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    background: transparent;
    margin: -6px 16px -6px 0px;
    padding: 0px 4px;
    height: 36px;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #5160EC;
    border: 1px solid #5160EC;
    width: 120px;
}

.domore a {
    display: block;
    text-decoration: none;
}

a {
    text-decoration: none;
}

.img-overlay {
    margin: auto;
    max-width: min(960px, calc(100% - 48px));
    max-width: min(960px, -webkit-calc(100% - 48px));
    max-width: min(960px, -moz-calc(100% - 48px));
    position: relative;
    width: 100%;
    background-color: #FCFCFF;
}

.img-overlay .overlay-nav {
    background-color: #FCFCFF;
    position: relative;
}

/*.img-overlay .overlay-close {*/
/*    background-image: url(../lib/buildappstate/img/icon/close.png);*/
/*}*/

.overlay-body {
    background-color: #FCFCFF;
    width: 100%;
    height: calc(100% - 96px);
    height: -webkit-calc(100% - 96px);
    height: -moz-calc(100% - 96px);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.overlay-body .glide {
    background-color: #FCFCFF;
}

#sortmenuvalue {
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto!important;
}
#sortmenu {
    opacity: 0;
    font-size: 16px!important;
    height: 32px;
}

@media only screen and (max-width: 768px) {
    .project-specification-block{
        max-width: none;
    }
    designdetail .design-picture-container{
        margin:auto;
    }
}