#passwordInput{
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #ccc;
    justify-content: center;
    padding: 15px;
    background-color: rgb(14, 14, 14);
    border: 2px dashed rgba(255,255,255,0.7);
    border-left:solid 2px rgba(255,255,255,0.7);
    border-right: solid 2px rgba(255,255,255,0.7);
    box-shadow:
        0 0 6px rgba(255,255,255,0.10),
        inset 0 0 4px rgba(255,255,255,0.08);
    padding: 50px;
}
#toggle_password{
    display: flex;
    align-items: center;
    justify-content: center;
}

#file_password:focus{
    box-shadow:
        0 0 10px rgba(255,255,255,0.14),
        inset 0 0 6px rgba(255,255,255,0.12);
}



#passwordInput label{
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
#password_combo{
    display: grid;
    gap: 5px;
    width: 100%;
    grid-template-columns: 1fr 50px;
}
#passwordInput input{
    font-size: 1em;
    width: 100%;
    color: #eee;
}
#submitPassword{
    max-width: 200px;
    align-self: center;
    width: 100%;
    font-size: 1.2em;
}
/*
#passwordInput button{
    padding: 10px;
    font-size: 1em;
    border: none;
    border-radius: 5px;
    background-color: #2196f3;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
} */


#passwordInput .info{
    font-size: 0.9em;
    color: #6e6e6e;
}
#passwordInput button:not(:disabled):hover{
    background-color: #afafaf;
    color:black;
}
#passwordInput button:not(:disabled){
    background-color: #000000;
    color:rgb(255, 255, 255);
}
#password_error{
    font-size: 0.9em;
    color: #f44336;
    align-self: center;
    font-weight: bold;
    opacity: 0;
}