/* Move down content because we have a fixed navbar that is 70px tall */
@media screen {
    body {
        padding-top: 70px;
    }
}

@media print {
    body {
        padding-top: 0px;
    }
}

.navbar-brand img {
    width: auto;
    height: 100%;
}

.list-group-condensed {
    margin-bottom: 10px;
}

    .list-group-condensed > li,
    .list-group-condensed > a {
        padding: 5px;
        line-height: 1.3em;
    }

.list-group-collapse {
    padding: 0;
    margin: 0;
    border: 0;
}

    .list-group-collapse > div {
        padding: 10px 15px;
    }

.message-preview {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-dialog {
    overflow-y: initial;
}

/* Adjust for modal margin */
.modal-header {
    max-height: calc(20vh - 10px);
    overflow-y: hidden;
}

.modal-body {
    max-height: 60vh;
    overflow-y: auto;
}

/* Adjust for modal margin */
.modal-footer {
    max-height: calc(20vh - 10px);
    overflow-y: hidden;
}

.modal-body-iframe {
    padding: 0;
}

@media (min-width: 768px) {
    .modal-header {
        max-height: calc(20vh - 30px);
    }

    .modal-footer {
        max-height: calc(20vh - 30px);
    }
}

.iframe {
    width: 100%;
    height: 100%;
    min-height: calc(60vh - 5px);
    border: 0;
}

.iframe-map {
    min-height: 360px;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Cancel out the body padding because the navbar should be hidden */
.iframe-page {
    margin-top: -70px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.map {
    height: 360px;
    width: 100%;
}

a[disabled], a[disabled]:hover, a.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.table > thead > tr.hidden-row > th,
.table > tbody > tr.hidden-row > th,
.table > tfoot > tr.hidden-row > th,
.table > thead > tr.hidden-row > td,
.table > tbody > tr.hidden-row > td,
.table > tfoot > tr.hidden-row > td {
    padding: 0;
}

    .table > thead > tr.hidden-row > th > div,
    .table > tbody > tr.hidden-row > th > div,
    .table > tfoot > tr.hidden-row > th > div,
    .table > thead > tr.hidden-row > td > div,
    .table > tbody > tr.hidden-row > td > div,
    .table > tfoot > tr.hidden-row > td > div {
        margin: 5px;
    }

.btn-group-treeview {
    vertical-align: initial;
    margin-bottom: 5px;
}

.pre-wrap {
    white-space: pre-wrap;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.bottom-align {
    display: flex;
    align-items: flex-end;
}