@media (min-width: 0px) and (max-width: 422px) {
    input#file {
        max-width: 280px;
    }
}

@media (min-width: 422px) and (max-width: 600px) {
    input#file {
        max-width: 380px;
    }
}

@media (min-width: 600px) {
    input#file {
        max-width: 550px;
    }
}

dd.uploaded_file {
    margin-bottom: 10px;
}

@media (min-width: 0px) and (max-width: 424px) {
    dd.uploaded_file .btn {
        max-width: 220px;
    }
}

@media (min-width: 424px) and (max-width: 768px) {
    dd.uploaded_file .btn {
        max-width: 300px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    dd.uploaded_file .btn {
        max-width: 290px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    dd.uploaded_file .btn {
        max-width: 220px;
    }
}

@media (min-width: 1200px) {
    dd.uploaded_file .btn {
        max-width: 300px;
    }
}

dd.uploaded_file .btn {
    /*max-width: 300px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    overflow-wrap: break-word;
}

dd.uploaded_file i.fa-remove {
    color: #d9534f;
}

dd.uploaded_file i.fa-remove:hover {
    color: #c9302c;
}

span#remove-document-modal-name {
    overflow-wrap: break-word;
}