body { background:#222; color:white; }
body, h1, h2, h3, h4, h5, h6 { font-family: Rajdhani, sans-serif; font-size:18px; font-weight:100; }
.w3-card { background:#111; }
li i { float:right; display:inline-block; margin-right:10px; transition:.5s all; cursor:pointer; opacity:.6;}
li i:hover { opacity:1; color:teal; }
li span { overflow: hidden; display:inline-block; max-height:65px; max-width:80%; text-overflow: ellipsis; white-space: nowrap; }
li.overShow span { overflow: initial; max-height:initial; max-width:initial; text-overflow: clip; white-space: pre-wrap; }
i.edit-entity { color:lime; }
i.delete-entity { color:red; }
i.save-edit { display:inline-block; color:ForestGreen; font-size:20px; margin-right:10px; }
i.cancel-edit { display:inline-block; color:Gold;  font-size:20px; margin-right:10px; }
.edit-input { display:inline-block; width:80%; }
.infosList { display:block; text-align:left; }
.infosList i { float:none; color:gold; }
.infosList .linked i { color:black; }
.infosList .id, .more-info-content .info { display:none; }
ul.infosList li { list-style-type: none; border:none; }
.infosList .linked, .infosList .unlinked { cursor:pointer; border:1px solid #111; transition:.5s all; padding:2px 0px 2px 10px; }
.infosList .linked:hover,.infosList .unlinked:hover { border:1px solid gold; }
.infosList .linked { background:gold; color:black; }
.infosList .moreDisplay { width:90%; }
.infosList .moreDisplay i { float:right; display:inline-block; margin-right:10px; transition:.5s all; cursor:pointer; opacity:.6; }
.htmlZoomBtn { color:teal; }
textarea { height:10vw; }
.annuaire_link { color: SlateBlue; display:block; text-align:center; }
.annuaire_link i { color: SlateBlue; display:inline-block; text-align:center; margin:auto; padding:10px; }
.annuaire_list { width:70%; }
.annuaire_list i { color:forestGreen; opacity:.6; cursor:pointer; }
.annuaire_list i:hover { color:forestGreen; opacity:.6 }
.column-item { display:inline-block; padding:5px; margin:5px; border:1px solid ForestGreen; cursor:pointer; transition:.5s all; opacity:.6; }
.column-item:hover { opacity:1; }
.toggle-link { cursor: pointer; margin-left: 10px; }