/*  STYLING FOR THE UPLOAD MODULES
    
    Author: C. P. Baaijens
    Date: 26-10-2021
    Copyright © Zuidwest Software B.V.
*/
.drop-area {
    border: 2px dashed #ccc;
    border-radius: 20px;
    height: calc(100% - 2em);
    margin: 1.5em 2em 1.5em 2em;
    padding: 2em 2em 1em 2em;
}

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

.drop-area.highlight {
    border-color: purple;
}

#admin-brochure-drop-area,
#admin-blog-drop-area,
#admin-newsletter-create-drop-area {
    height: unset !important;
}

p {
    margin-top: 0;
}

.admin-brochure-form,
.admin-contractor-form,
.admin-newsletter-create-form {
    margin-bottom: 10px;
}

#gallery {
    margin-top: 10px;
}

.showcase-img {
    width: 10em;
}

#gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.button-upload {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 1em;
    width: unset !important;
}

.button-upload:hover {
    background: #ddd;
}

#adminBrochureUploadElement,
#adminContractorUploadElement,
#adminBlogUploadElement,
#adminNewsletterCreateUploadElement {
    display: none;
}

.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;
}

.multi-select-element {
    float: left;
    border: 1px solid #aaa;
    padding: .2em .5em;
    line-height: 1.4em;
    margin: .2em .2em .2em 0em;
    border-radius: 4px;
}

.multi-select-element>span:last-child {
    margin-left: .5em;
    color: red;
    cursor: pointer;
}

.image-holder {
    padding: 1em;
    border: 1em solid #ddd;
}

.image-holder img {
    max-width: 100%;
}

.image-holder-delete {
    cursor: pointer;
}

.image-holder-delete:hover {
    color: red;
}

.image-uploader-container {
    margin: .5em;
    padding-top: .5em;
}

.image-uploader-container form {
    padding-top: 2em;
}

.image-uploader-container button {
    padding-top: 2em;
    background-color: #bbb !important;
    color: #fff !important;
    border: 1px solid #eee !important;
}

.image-uploader-form-drag-drop {
    background-color: unset !important;
}

.image-uploader-container span {
    padding-top: 2.5em;
}

.newsletter-attachments {
    width: calc(100% - .7em);
    margin: 1.5em .5em 0 .5em;
}

.newsletter-attachments-info>div>div {
    margin-left: 2em;
    float: left;
}

.newsletter-attachments-info>div>i {
    margin-left: 2em;
    margin-top: .5em;
    margin-right: .5em;
    float: right;
    cursor: pointer;
}

.newsletter-attachments-info>div>i:hover {
    color: red;
}

.newsletter-attachments-info>div>a {
    float: left;
    margin-left: .5em;
}

#adminNewsletterUploadResults {
    width: calc(100% - 2em);
    float: left;
}

.rotate-image {
    text-align: center;
}

.rotate-image > img {
    max-width: 2em;
    padding: .25em;
    margin: .5em;
    
    cursor: pointer;
}

.rotate-image > img:hover {
    -webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}