/*
 * This file updates styles from the styles.css sibling file. This styles.css is
 * a generated file from sass/styles.scss. However, new SASS compilers do not 
 * produce the same styles.css file as the current one, adding even some 
 * deprecation warnings. So to keep that styles.scss updated can lead to errors. 
 * 
 * In this scenario we have the next options to do:
 * - Remove the SASS, if we decided it is a legacy tech there is no need to keep
 * maintaining those files.
 * - Maintain only the styles.css file (or redo it as it a deprecated mess now).
 * 
 * I decided to let that styles.css file there without updating it, and just 
 * override those needed styles here. This is a pragmatic short-term workaround,
 * not an end-decission, the end-decission is to organize styles.css file and 
 * arrange styles in different files, maitaining them manually. Once styles.css 
 * is reorganized, merge this file into it.
 * 
 */

body.project_stage_data span#id_people_count_provided_helptext.helptext {
    display: none;
}

.support-4 .field-textarea {
    grid-column: 2;
}

#id_purpose {
    width: 100%;
    min-height: 200px;
}

.form li.field-file.field-full {
    grid-column: span 2;
    display: block;
}

.form li.field-file.field-full .field-file.full {
    display: block;
}

.form li.field-file.field-full .file-list {
    padding-bottom: var(--pad-2);
}

.form li.field-file.field-full .file-list a {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 13px 13px 52px;
    margin-bottom: var(--pad-2);
    background-color: #efe7f2;
    border-radius: var(--br);
    font-weight: bold;
    font-size: 14px;
    color: var(--primary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.form li.field-file.field-full .file-list a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 15.54 19.43'%3E%3Cpath d='M 1.46,19.42 C 0.66,19.4 0.02,18.76 0,17.96 V 1.46 C 0.02,0.66 0.66,0.02 1.46,0 h 8.76 l 5.32,5.32 v 12.65 c -0.02,0.8 -0.66,1.44 -1.46,1.46 H 1.46 Z M 9.49,5.97 h 4.59 L 9.49,1.45 Z m -5.64,5.2 h 7.82 V 9.71 H 3.86 v 1.46 z m 0,4.13 h 7.82 V 13.84 H 3.86 v 1.46 z' style='fill:%2398066b;fill-opacity:1' /%3E%3C/svg%3E");
    position: absolute;
    left: 19px;
    top: 10px;
    pointer-events: none;
}

.form li.field-file.field-full .file-list .field-checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: var(--pad-2);
    padding-bottom: var(--pad-2);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: var(--primary-dark);
    cursor: pointer;
}

.form li.field-file.field-full .file-list .field-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 2px solid var(--second-2);
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

.form li.field-file.field-full .file-list .field-checkbox input[type="checkbox"]::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background-color: var(--white);
}

.form li.field-file.field-full .file-list .field-checkbox input[type="checkbox"]:checked::after {
    background-color: var(--second);
}

.form li.field-file.field-full .field-file.full .upload-icon::after {
    content: none;
}

.form li.field-file.field-full input[type="file"] {
    width: 100%;
    padding: var(--pad-2);
    background-color: var(--white);
    border-radius: var(--br);
    border: 3px solid var(--second-2);
    font-size: 14px;
    color: var(--primary-dark);
}