body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
button {
    max-width: 280px;
}

@media screen and (min-width: 768px) {
    .modal-lg {
        width: 900px;
    }

    .modal-sm {
        width: 300px;
    }
}

@media screen and (min-width: 1200px) {
    .modal-lg {
        width: 1150px;
    }

    .modal-sm {
        width: 300px;
    }
}

.dreamhomes-page-main-title {
    font-size: 16px;
    font-weight: bold;
}

.modal-xl {
    width: 90%;
}

a.reminder-alert {
    color: red !important;
    font-weight: 700;
}

.expiration-alert {
    color: red !important;
    font-weight: 700;
}

.nobr {
    white-space: nowrap;
}

a.calendar-event-highlight {
    border-color: #000 !important;
    border-width: 5px !important;
}

.strikethrough {
    text-decoration: line-through;
}

/* So that date pickers will cover data tables fixed headers. */
div#ui-datepicker-div {
    z-index: 1060 !important;
}

.matching-stock-home-in-select-list {
    font-weight: 700;
    font-style: italic;
}