/*

Colors

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

*/

/*--------------------------------------------- SHARED ----------*/

#dashboardInstallersTitle,
#pendingInvitationsTitle,
#recentActivityTitle
{
    text-transform: uppercase;
}

#pendingInvitationsList,
.activityList
{
    max-height: 46vh;
    overflow-y: auto;
}

#pendingInvitationsTitle,
#recentActivityTitle
{
    margin-bottom: 1em;
    font-weight: bold;
}

.pendingInvitationDIV,
.activityDIV
{
    align-items: center;
    padding: clamp(0.5em, 1.3vw, 1em) 0;
    width: 100%;
}

.activityDIV
{
    padding: clamp(0.5em, 0.7vw, 0.6em) 0;
}

.recentActivityDIV
{
    display: inline-flex;
}

.adminActivityDIV
{
    
}


#activityTabBar
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.activityTabButton
{
    border: solid 0.1em #e7b7f7;
    font-size: 0.6em;
    padding: 0 2em;
    line-height: clamp(0.1em, 2.1vw, 3em);
    cursor: pointer;
}

.activeActivityTabButton
{
    background-color: #f6dcff;
    font-weight: bold;
}










/*--------------------------------------------- DASHBOARD ----------*/

#dashboardRow1Tab
{
    width: 100%;
    min-height: 12vh;
    align-content: center;
}

#dashboardRow2Tab
{
    width: 100%;
    min-height: 48vh;
    display: inline-flex;
}

#dashboardColumn1Tab,
#dashboardColumn2Tab
{
    width: 50%;
}

.dashboardColumnPadding
{
    padding: clamp(0.3em, 0.9vw, 0.7em) 0 0;
}

#dashboardColumn2Tab
{
    /*background-color: #FFE2A9;*/
}






/*--------------------------------------------- INSTALLERS ----------*/


#dashboardInstallersTitle
{
    font-size: clamp(0.4em, 1.1vw, 0.9em);
    font-weight: bold;
}

#dashboardInstallersDIV
{
    text-align: center;
    font-size: clamp(0.4em, 1.1vw, 1em);
}

#dashboardInstallersContent
{
    margin-top: clamp(0.1em, 0.5vw, 0.4em);
    font-size: clamp(0.2em, 0.8vw, 0.6em);
}

#dashboardInstallersLinks
{
    margin-top: clamp(0.1em, 0.3vw, 0.2em);
}

#dIC_1
{
    color: #555;
}

#dIC_2
{
    font-style: italic;
    font-weight: bold;
}

#dIC_3
{
    font-style: italic;
}

.dIC_3
{
    font-size: clamp(0.2em, 0.7vw, 0.5em);
    margin: 0 clamp(0.2em, 1.1vw, 1.5em);
    cursor: pointer;
}












/*--------------------------------------------- INVITATIONS ----------*/


.pendingInvitationProjectDIV
{
    width: 60%;
    font-size: clamp(0.2em, 1.1vw, 0.8em);
}


.pendingInvitationAcceptBtn
{
    font-size: clamp(0.1em, 0.8vw, 0.6em);
    height: clamp(1.3em, 2.5vw, 3.4em);
    width: 20%;
}








/*--------------------------------------------- RECENT/ADMIN ACTIVITY ----------*/

.activityTimeStamp
{
    width: 20%;
    color: #555;
    font-size: clamp(0.1em, 0.8vw, 0.6em);
}

.raTimeStamp
{
    text-align: right;
}

.aaTimeStamp,
.aaGeo,
.aaDescription
{
    display: block;
}

.aaTimeStamp
{
    width: 25%;
}

.aaGeo
{
    width: 75%;
    text-align: left;
}


.activityDescription
{
    font-size: clamp(0.1em, 0.7vw, 0.55em);
    margin: 0 clamp(0.2em, 1.4vw, 2.3em);
    text-align: left;
}

.raDescription
{
    width: 80%;
    line-height: clamp(0.1em, 1.1vw, 1.2em);
}

.aaDescription
{
    line-height: clamp(0.1em, 0.9vw, 1.4em);
    color: #555;
}

.aaHeader
{
    display: flex;
    padding-bottom: clamp(0.1em, 0.6vw, 0.5em);
}