.modal-open .modal {
    overflow: hidden;
}

.modal-dialog {
    max-width: 50%;
}

.modal-content {
    background-color: #19191b;
    overflow-y:hidden;
}

.import-modal .modal-body {
    max-height: 40em;
    overflow-y: auto;
}

.modal-content button i {
    font-size:14px;
}

.modal-header {
    vertical-align: middle;
    padding:1em;
    margin:0;
    border-bottom: 1px solid #28282c;
    align-items: center;
}

.modal-footer {
    border-top: 1px solid #28282c;
}

.modal-header-buttons {
    vertical-align: middle;
    margin-right:.5em;
}

.modal-header .button {
    text-shadow: none;
    padding:0 .5em 0 .5em;
    margin:0;
    vertical-align: middle;
}

.modal-title {
    margin-left:.5em;
}

.modal-body .file-drop-area {
    border: 1px dashed #545455;
    border-radius:4px;
    padding: 2em;
    margin: 1em;
    text-align: center;
    font-size: 14px;
}

.file-drop-area .import-button {
    border:1px solid #4d4d52;
    border-radius:4px;
    background-color: #28282c;
    padding:0.5em;
}

.file-drop-area .import-button:hover {
    background-color: #383842;
    color:#a6a6a6;
}

.file-drop-area.highlight {
    background-color: #28282c;
}

.modal-content:has(.item-create-modal-content) {
    max-width:70%;
    min-width:60%;
    margin:0 auto;
}

.modal-body:has(.create-item-form) {
    padding-right: 0;
}