.modal-list {
    border: 1px solid #DDDDDD;
    border-radius: 0.25em;
    width: 100%;
    border-bottom: 0;
    max-height: 10em;
    overflow-y: scroll;
}

.modal-list-item {
    padding: 0.5em 0.5em 0.5em 0.7em;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}

.modal-list-item:hover:not(.unselectable) {
    background-color: #EFEFEF;
}

.modal-list-item-title {
    margin-top: 0.2em;
}

.modal-list-item-title-placeholder {
    color: #3C3F41;
}

.modal-list-item-buttons {
    text-align: right;
}

.card-list {
    border: 1px solid #DDDDDD;
    border-radius: 0.25em;
    width: 100%;
    border-bottom: 0;
    height: 6.6em;
    overflow-y: scroll;
    background-color: white;
}

.card-list-item {
    padding: 0.25em 0.25em 0.25em 0.5em;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}

.card-list-item:hover:not(.unselectable) {
    background-color: #EDECED;
}

.card-list-item-title {
    margin-top: 0.2em;
}

.card-list-item-title-placeholder {
    color: #3C3F41;
}

.card-list-item-buttons {
    text-align: right;
}