﻿:root {
    --FileManager-palette-primary: #14317a;
    --FileManager-palette-primary-lighten: #14317a8c;
    --FileManager-palette-text-white: #fff;
}

.FileManager {
}

    /* File Upload */

    .FileManager.FileUploader .RadAsyncUpload.RadUpload_Bootstrap {
        width: 100% !important;
    }

    .FileManager.FileUploader .Uploader {
        width: 100% !important;
    }

    .FileManager.FileUploader .ruFileInput {
        width: 100% !important;
        height: 100% !important;
    }

    .FileManager.FileUploader .ruInputs li {
        margin: 0 !important;
    }

    .FileManager.FileUploader .RadUpload_Bootstrap .ruFileWrap {
        height: unset !important;
        width: 100%;
    }

    .FileManager.FileUploader input.ruButton.ruBrowse {
        background-image: unset;
        background-color: var(--FileManager-palette-primary) !IMPORTANT;
        color: var(--FileManager-palette-text-white);
        width: 18% !important;
        /*height: 40px !important;*/
        margin: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border: 0;
    }

    .FileManager.FileUploader .RadUpload_Bootstrap .ruStyled .ruFakeInput {
        width: 73% !important;
        /*height: 32px !important;*/
        border-color: var(--FileManager-palette-primary-lighten) !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }


    .FileManager.FileUploader .CropperList {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

        .FileManager.FileUploader .CropperList .CropperItem {
        }


    .Filemanager .NotCroppedPanel {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
