/*****File Manager*****/

.file-manager {
    display: block;
    width: 100%;
    min-height: 50px;
    background-color: #ddd;
    border: 1px solid #aaa;
    padding: 3px 5px;
}

.file-manager.is-invalid {
    border-color: #dc3545;
}

.file-manager.is-invalid+.invalid-feedback {
    display: block;
}

.file-manager.is-valid {
    border-color: #28a745;
}


/*Upload*/

.file-manager.hovered {
    background-color: #25aadf;
}

.file-manager .utitle {
    text-align: center;
    margin: 10px 0;
}

.file-manager .utitle>a {
    font-weight: bold;
    cursor: pointer;
}


/*File Info*/

.file-manager .finfo {
    background-color: #84dbff;
    padding: 2px;
    margin: 2px 0;
}

.file-manager .finfo.has-error {
    background-color: #ff8787;
}

.file-manager .fname {
    font-weight: bold;
    margin: 0 20px 4px 4px;
    word-break: break-all;
}

.file-manager .flength {
    margin-left: 4px;
    margin-bottom: 4px;
    font-size: 8pt;
}

.file-manager .ferror {
    margin-left: 4px;
    margin-bottom: 4px;
    font-size: 8pt;
}

.file-manager .close {
    right: 2px;
    top: 0;
}