﻿.fileupload-container {
    display: flex;
    gap: .5rem;
    align-items: center;
    position: relative;
    border: 2px dashed #ced4da !important;
    background: #f8f9fa !important;
    border-radius: 5px;
    padding: .5rem;
}

    .fileupload-container .fileupload-thumb-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90px;
        height: 90px;
        min-width: 90px;
        min-height: 90px;
        position: relative;
        border: 1px dashed #ced4da !important;
    }

        .fileupload-container .fileupload-thumb-wrapper .file-icon {
            color: rgba(0,0,0,0.12);
        }

        .fileupload-container .fileupload-thumb-wrapper .fileupload-thumb {
            position: absolute;
        }

            .fileupload-container .fileupload-thumb-wrapper .fileupload-thumb.empty {
                position: absolute;
                width: 100%;
                height: 100%;
            }

            .fileupload-container .fileupload-thumb-wrapper .fileupload-thumb img {
                max-width: 90px;
                max-height: 90px;
                border: 1px solid rgba(0,0,0,0.1);
                box-shadow: 0 0 0.75rem 0 rgba(0,0,0,0.05);
            }

    .fileupload-container .fileupload-container-wrapper {
        display: flex;
        gap: .5rem;
        flex-grow: 2;
        flex-wrap: wrap;
        align-items: center;
    }

        .fileupload-container .fileupload-container-wrapper .fileupload-document {
            flex-grow: 2;
        }

    .fileupload-container .fileupload-controls .fileupload .fileupload-buttons {
        display: flex;
        gap: .5rem;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

        .fileupload-container .fileupload-controls .fileupload .fileupload-buttons .fileinput-button {
            position: relative;
            overflow: hidden;
        }

            .fileupload-container .fileupload-controls .fileupload .fileupload-buttons .fileinput-button input {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                border: 0;
                opacity: 0;
                direction: ltr;
                cursor: pointer;
            }

    .fileupload-container .fileupload-controls .fileupload > .fileupload-progress {
        position: absolute;
        left: 0;
        bottom: -1px;
        right: 0;
    }

        .fileupload-container .fileupload-controls .fileupload > .fileupload-progress .progress {
            height: 0.25rem;
            background: transparent;
            margin: 0;
            border-radius: 0;
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .fileupload-container .fileupload-controls .fileupload > .fileupload-progress .progress .progress-bar {
                background-color: #307abe;
                -webkit-transition: width 0.25s ease, background-color 0.25s ease;
                transition: width 0.25s ease, background-color 0.25s ease;
            }

        .fileupload-container .fileupload-controls .fileupload > .fileupload-progress.success {
            -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
        }

            .fileupload-container .fileupload-controls .fileupload > .fileupload-progress.success .progress-bar {
                background-color: #009e74 !important
            }

.fileupload-multifiles-container {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
