app-edit-columns-modal .action-select-buttons {
    position: absolute;
    top: 40%;
}

app-edit-columns-modal .sticky-headers {
    background-color: white;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

app-edit-columns-modal .sticky-headers [class^="span"] {
    text-align: center;
}

app-edit-columns-modal app-action-conjointment-column .row-fluid,
app-edit-columns-modal app-extra-action-column .row-fluid {
    margin-bottom: 1rem;
    max-height: 65px;
    overflow: hidden;
}

app-edit-columns-modal #extraColumnsContainer {
    padding-right: 1em;
}

app-edit-columns-modal #extraColumnsContainer .element-list .row-fluid:hover {
    background-color: lightgray;
}

app-edit-columns-modal .hide-overflow {
    overflow: hidden;
}

#extraColumnsContainer {
    max-height: 400px;
    overflow: auto;
}

app-edit-columns-modal app-expedient-property-select .controls input {
    width:97.5%;
}

app-edit-columns-modal app-expedient-property-select .controls select {
    height: 250px;
}

/* Does not work with current bootstrap version */
/* app-edit-columns-modal .show-property-buttons-container .row-fluid,
app-edit-columns-modal .show-property-buttons-container [class^="span"] {
    margin: 0;
    padding: 0;
} */

app-edit-columns-modal .show-properties-button {
    padding: 5px;
    padding-left: 1px;
    padding-right: 1px;
}

app-edit-columns-modal .remove-column-button {
    padding: 3px;
}

app-edit-columns-modal .column-row {
    min-height: 45px;
    max-height: 65px;
    overflow: hidden;
}

app-edit-columns-modal .nav-tabs {
    margin-bottom: 0;
}

app-edit-columns-modal .tab-content {
    padding: 1em;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
 app-edit-columns-modal .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
 app-edit-columns-modal .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 45px;
}

app-edit-columns-modal .modal-body .action-tab .button-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5px;
}

app-edit-columns-modal .expedient-data-field-select-container {
    height: 313px;
}