/*  STYLING FOR THE UPLOAD MODULES
    
    Author: C. P. Baaijens
    Date: 26-10-2021
    Copyright © Zuidwest Software B.V.
*/
.drop-area {
    border: 2px dashed var(--font-color);
    border-radius: .5em;    
    width: 100%;
    padding: 1em;
    height: min-content;
    min-height: 11em;
}

.drop-area > p {
    min-height: 4em;
}

.drop-area-modal {
    margin: 2em 0;
    padding: 2em 2em 1em 2em;
}

.drop-area.highlight {
    border-color: rgb(var(--color-light-mode-background));
    background-image: linear-gradient(47deg, rgb(var(--color-light-mode-background)) 27.78%, rgba(var(--color-dark-mode-background), .5) 27.78%, rgba(var(--color-dark-mode-background), .5) 50%, rgb(var(--color-light-mode-background)) 50%, rgb(var(--color-light-mode-background)) 77.78%, rgba(var(--color-dark-mode-background), .5) 77.78%, rgba(var(--color-dark-mode-background), .5) 100%);
    background-size: 61.53px 65.98px;
}


.file-upload {
    display: none;
}
.button-upload, .button-label {
    display: inline-block;
    padding: 1em;
    color: rgb(var(--colorBackground));
    background: var(--bg-color-secondary);
    cursor: pointer;
    border-radius: 5px;
    border: .1em solid var(--button-border-color);

    width: 100%;
}

.button-upload
{
    margin-top: 3em;
}

.button-upload:hover, .button-label:hover {
    background-color: var(--button-color-hover);
    color: var(--button-font-color);
}

.upload-result-status {
    padding: .2em 0;
    margin: 0 4.5em;
}

.upload-result-image {
    max-height: 4em;
    float: left;
}

.upload-results {
    width: auto;
    margin-top: 2em;
    margin-left: 2em;
}

.upload-result>td {
    min-width: unset !important;
    line-height: 1em !important;
}

.upload-result>td>p {
    margin: .5em 0 !important;
}