/* app.css */

.disabled {
    opacity: .4;
    pointer-events: none;
}

table.table thead.sticky-top {
    background-color: #FFF;
    /* top will be overwritten by JS in app.js */
    top: 0;
}

table.table thead.sticky-top tr:last-child th {
    box-shadow: 0 1px 1px 0px #dee2e6;
}

/* followup-status */

.followup-status {}

.followup-status>* {
    display: block;
    text-align: left;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin-bottom: 1px;
    color: #000;
    display: none;
}

.followup-status.open>* {
    display: block;
}

.followup-status>*.followup-status-selected {
    display: block;
}

.followup-status>a:hover,
.followup-status>a.followup-status-selected:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* followup-relevance */

.followup-relevance {
    display: flex
}

.followup-relevance>* {
    background-color: #eee;
    color: #333;
    text-align: center;

    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 1px;
}

.followup-relevance>*.followup-relevance-selected {
    background-color: #333;
    color: #eee;
}

.followup-relevance>a:hover,
.followup-relevance>a.followup-relevance-selected:hover {
    background-color: #999;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

/* .modal.modal-iframe - used for #zoomEditModal and others */

.modal.modal-iframe .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal.modal-iframe .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.modal.modal-iframe .modal-body iframe,
.modal.modal-iframe .modal-body .spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

.modal.modal-iframe .modal-body .spinner>div {
    height: 100%;
}

.modal.modal-iframe .modal-body {
    position: relative;
}

.modal.modal-iframe .modal-body.loading iframe {
    display: none;
}

.modal.modal-iframe .modal-body:not(.loading) .spinner {
    display: none;
}

/* templates/element/SimpleEditor/contacts/edit-associations.php */

/* .contactAssociations select {
    width: 100%;
}

table.compare .contactAssociations select {
    width: 300px;
} */

.contactAssociations .current-associations {
    list-style: none;
    padding-left: 0;
}

.form-group.file {
    margin-bottom: 0;
}