/*
    Created: 2025-09-17
    Author: Kārlis Grīnvalds
    Last edited: 2026-04-21
    Edited by: Kārlis Grīnvalds
*/

/* Used for - file.html, file_upload.html, edit_file.html */

/* Style for the form */
.form {
    width: 100%;
    display: inline-grid;
    row-gap: 4px;
}
/* Style for input fields */
.form input {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    height: 16px;
}
.form input[type="file"] {
    display: none;
}
.custom-file-upload {
    background-color: white;
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    height: auto;
    cursor: pointer;
}
.custom-file-upload[value="0"] {
    color: rgb(100, 100, 100);
}
.custom-file-upload[value="1"] {
    color: rgb(0, 0, 0);
}
.form textarea {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    height: 100px;
    resize: none;
}
#DisplayFile img {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    max-width: 40%;
}
.form audio {
    height: 40px;
    border-radius: 5px;
}
/* Style for buttons */
div.form-btns {
    margin-top: 0.5rem;
}
div.form-btns button {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    height: 32px;
}
div.form-btns button#DeleteFile {
    float: right;
}