﻿/*
    d&d upload widget styles
*/
.universalFormMultifileUploader {
    background-color: #f5f5f5;
    border: 2px dashed #e7e7e7;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
}

    .universalFormMultifileUploader_description {
        padding: 15px 0;
        text-align: center;
        line-height: 1.6em;
    }

    .universalFormMultifileUploader .text_row1 {
        color: #212121;
        font-size: 18px;
    }

    .universalFormMultifileUploader .text_row2 {
        font-size: 16px;
        color: #757575;
    }

    .universalFormMultifileUploader ul {
        margin-bottom: 0;
    }
        .universalFormMultifileUploader ul li {
            border-bottom: 1px dashed #e7e7e7;
        }

        .universalFormMultifileUploader ul li .dndFileNameBox {
            max-width: 70%;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            overflow: hidden;
        }

        .universalFormMultifileUploader img {
            max-width: 150px;
            max-height: 75px;
        }

        .removeTrigger {
            vertical-align: middle;
            opacity: 0.8;
            margin: 10px 5px 10px 15px;
            width: 25px;
            height: 25px;
            line-height: 10px;
            text-align: center;
            background-image: url(images/remove-file-icon.png);
            overflow: hidden;
            background-size: cover;
            display: inline-block;
        }
        .removeTrigger:hover {
            cursor: pointer;
            opacity: 1;
        }