/* liste des connectés */
.act-conn-container {
    display: flex;
    flex-flow: column;
}


.act-conn-ligne {
    display: flex;
    height: 1.5rem;
    flex-wrap: nowrap;
}

.picto-groupe {
    font-size: 1rem;
    display: inline-block;
    width: 1.5rem;
}

.groupe-ra {
    color: #464950;
}

a.groupe-admin, a.groupe-admin:hover {
    color: var(--primary);
}

.groupe-dd {
    color: #4a9335;
}

.groupe-dr {
    color: #157368;
}

.act-uname {
    font-size: 1rem;
    display: inline-flex;
    flex-wrap: nowrap;
    margin-right: 3px;
}

.act-nom {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0 0.2rem;
    font-size: 1rem;
    color: rgba(65, 95, 107);
    overflow: hidden;
}

.act-temps {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0 0.2rem;
    padding: 0 2px;
    font-size: 1rem;
    color: rgba(65, 95, 107);
    overflow: hidden;
    /* border: 1px solid grey; */
    background: #EEEEEE;
    border-radius: 3px;
}

.act-derniere-page {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0 0.2rem;
    padding: 0 2px;
    font-size: 1rem;
    color: rgba(65, 95, 107);
    overflow: hidden;
    /* border: 1px solid grey; */
    background: #EEEEEE;
    border-radius: 3px;
}

span.picto-completude, span.picto-remplissage {
    display: inline-flex;
    justify-content: center;
    flex-wrap: nowrap;
    font-size: 1rem;
    padding: 0 2px;
}

span.picto-remplissage {
    flex: 1;
}

a.complempissage {
    /* width: 35px; */
    display: inline-flex;
    justify-content: space-between;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
}

a.complempissage:hover {
    border: 1px solid #333;
}

.grey_light {
    background: #DDD;;
}

.orange {
    background: orange;
}

.green {
    background: green;
    color: white;
}

.chapitre-ok {
    color: #4a9335;
}

.chapitre-pasok {
    color: #4a9335;
}


span.act-nom {
}

.act-organisme {
    display: inline-block;
    font-size: 1rem;
    color: #157368;
    margin-right: 0.2rem;
}


.tab_derniers_connectes {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
}

.date_dernier_clic {
    color: #a8a8a8;

}

.groupe_indice {
    width: 5px;
}

.ligne_connectee {
    border-bottom: 1px solid var(--gris-clair);
    border-right: 1px solid var(--gris-clair);
}

.ligne_connectee div {
    margin-right: 0.5rem;
}

.ligne_connectee:hover {
    background-color: var(--gris-clair);
}

.symbole_groupe {
    display: inline-block;
    /*border-radius: 3px;*/
    width: 18px;
    color: white;
    padding: 0 2px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

.groupe_ref {
    background-color: #1b6cbb;
}

.groupe_ars {
    background-color: #dea52a;
}

.groupe_epspa {
    background-color: #4a9335;
}

.groupe_admin {
    background-color: #c70009;
}

.groupe_E {
    background-color: rgba(27, 108, 187, 0.5);
}

.groupe_R, .groupe_D {
    background-color: rgba(222, 165, 42, 0.5);
}

.groupe_P, .groupe_H {
    background-color: rgba(74, 147, 53, 0.5);
}

.groupe_A {
    background-color: rgba(199, 0, 9, 0.5);
}