/* compensation de la barre d'entête */
body {
    margin-top: 80px;
	background:#f2f2f2;
}

/* libellé de l'application courante */
.navbar-brand {
	font-weight: bold;
    font-size: 15px;
    color: #2c396e;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}




/* Liste des tâches */
#shm_list_interactive > div {
    background: white;
    margin: 15px;
    padding: 1em;
    border-radius: 1em;
}

.shmWorkflowBt {
	padding: 0px 10px 3px;
    display: inline-block;
    border-radius: 10px;
	cursor: pointer;
}
.shm_run .shmWorkflowBt:before {
	content:"en cours";
}
.shm_done .shmWorkflowBt:before {
	content:"réalisée";
}
.shm_new .shmWorkflowBt:before {
	content:"nouvelle";
}

.shm_new .shmWorkflowBt {
	background: #82d132;
}
.shm_new {
}

.shm_run .shmWorkflowBt {
	background: #ff9100;
	background: linear-gradient(45deg,rgba(255, 123, 0, 1) 20%, rgba(255, 166, 0, 1) 20%, rgba(255, 166, 0, 1) 40%, rgba(255, 123, 0, 1) 40%, rgba(255, 123, 0, 1) 60%, rgba(255, 166, 0, 1) 60%, rgba(255, 166, 0, 1) 80%, rgba(255, 123, 0, 1) 80%, rgba(255, 123, 0, 1) 100%, rgba(255, 166, 0, 1) 100%);
}

#shm_list_interactive .shm_done {
	opacity: 0.7;
}
.shm_done .shmWorkflowBt {
	background: #929292;
}
.shm_done .shmLibelle {
    opacity: 0.5;
}

.shmDel,
.shmNotifPush {
	font-weight: bold;
	font-size: 1.3em;
	cursor: pointer;
}

.notifOk {
	color: #8BC34A;
}


.shmAction {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shmLibelle textarea {
	color:black;
	width: 100%;
	border: 2px dashed #d9d9d9;
	border-radius: 0.5em;
}

.shmLibelle textarea:focus {
	field-sizing:content;
	color:black;
}

.shmLibelle {
	font-weight:bold;
}

.shmAuteur {
	color:gray;
    font-style: italic;
}

.shmPhoto {
	width: 30%;
}
@media (max-width: 720px) {
	.shmPhoto {
		width:33%;
		border-radius: 100%;
		object-fit: cover;
		aspect-ratio: 1;
	}
	.shmPhoto:hover {
		border-radius: initial;
		width:100%;
		object-fit: initial;
		aspect-ratio: auto;
	}
}