/*

Colors

#fbf7ff
#f6dcff
#e7b7f7
#9664A0
#7636a5
#5f1d80
#530064

*/

#settingsUserList
{
    width: fit-content;
    margin: auto;
    text-align: left;
}

.settingsUserSectionList
{
    margin: 2em 0 3em 0;
}

.settingsUserSection
{
    margin-bottom: 0.3em;
    font-weight: bold;
}

.settingsUserRow
{
    line-height: 2.3em;
}

.settingsPending
{
    font-style: italic;
    color: #888;
}

.settingsUserEmail
{
    font-style: italic;
    color: #9664A0;
}

/*
.removeContributorButton
{
    width: 8vw;
}
*/

#inviteEmailFormDIV
{
    margin: 3em auto 1em;
    padding: 1em 0 2em;
    background-color: #fbf7ff;
    border: 1px solid #9664A0;
}

#inviteEmailInputDIV
{
    margin: 2em auto 0.5em;
}

#inviteEmailButton
{
    margin: 2em auto 0;
    padding: 1em;
}


/*
------------------------------------ ASPECT RATIO DRIVEN RULES
----------------------
---------------------- PORTRAIT RULES
*/


.removeContributorButton
{
    /*
    padding: 0.4em;
    font-size: 1em;
    line-height: 0.4em;
    */
    margin-left: 1vw;
}

#addContributorButton
{
    margin: 0 50%;
    transform: translateX(-50%);
}

.settingsUserEmail
{
    width: 25vw;
}

.settingsUserName,
.settingsPending
{
    width: 15vw;
}

.settingsPending
{
    font-size: 0.6em;
}

#inviteEmailInputDIV
{
    width: 45vw;
}

#inviteEmailFormDIV
{
    width: 60vw;
}

.settingsUserEmail,
.settingsPending
{
    font-size: 1.2vw;
}

.settingsUserName
{
    font-size: 1.7vw;
}




/*
---------------------- LANDSCAPE RULES
*/

@media (min-aspect-ratio: 100/80)
{
    #inviteEmailInputDIV
    {
        width: 30vw;
    }

    #inviteEmailFormDIV
    {
        width: 40vw;
    }
}



/*
------------------------------------ MAXIMUMS/LIMITS
*/


@media screen and (min-width: 56em)
{
    /*
    .removeContributorButton
    {
        padding: 0.4em;
        font-size: 1em;
        line-height: 0.4em;
        margin-left: 2em;
    }
    */

    .settingsUserName,
    .settingsPending
    {
        width: 12vw;
    }
    

    .settingsUserEmail,
    .settingsPending
    {
        font-size: 1.3vw;
    }

    .settingsUserName
    {
        font-size: 1.5vw;
    }
}

@media screen and (min-width: 80em)
{

    .settingsUserEmail
    {
        width: 20em;
    }

    .settingsUserEmail,
    .settingsPending
    {
        font-size: 0.7em;
    }

    .settingsUserName
    {
        font-size: 0.9em;
    }
}

#projectArchiveButton,
#projectRestoreButton
{
    margin: 6vh auto;
}