[v-cloak] {display:none;}

body {
	background: #f5f6f8;
}

:root {
  --s1: #39F;
  --s2: #039;
  --s3: #696;
  --s4: #F93;
  --s5: #93F;
  --s6: #999;
}

.navbar-brand {
	font-weight: 600;
}

.card {
	border: 0;
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

.card-header {
	background:#EEE;
}

.stat-card {
	min-height: 70px;
}

.stat-number {
	font-size: 2rem;
	font-weight: 700;
}

.table td,
.table th {
	vertical-align: middle;
}

.form-label {
	font-weight: 700;
}
.form-label small {
	font-size:7pt; color:#999;
}

.support-row {
	background: #f8f9fa;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 8px;
}

.statut-badge {
	min-width: 75px;
	display: inline-block;
	text-align: center;
}

.clickable {
	cursor: pointer;
}

.dashboard-filter {
	max-width: 280px;
}

.statut1 { border-left:groove 20px var(--s1); color:var(--s1);}
.statut2 { border-left:groove 20px var(--s2); color:var(--s2);}
.statut3 { border-left:groove 20px var(--s3); color:var(--s3);}
.statut4 { border-left:groove 20px var(--s4); color:var(--s4);}
.statut5 { border-left:groove 20px var(--s5); color:var(--s5);}
.statut6 { border-left:groove 20px var(--s6); color:var(--s6);}

.badge1 { background:var(--s1); color:#FFF;}
.badge2 { background:var(--s2); color:#FFF;}
.badge3 { background:var(--s3); color:#FFF;}
.badge4 { background:var(--s4); color:#FFF;}
.badge5 { background:var(--s5); color:#FFF;}
.badge6 { background:var(--s6); color:#FFF;}

.valid1 { border-left:solid 20px #FC6; }
.valid2 { border-left:solid 20px #693; }
.valid3 { border-left:solid 20px #C03; }

.disabled input,
.disabled textarea,
.disabled select {
  pointer-events:none;
  color:#AAA;
  background:#F5F5F5;
	cursor: not-allowed;
}

div.sticky {
  position: sticky; bottom: 1%;
}

input[type=file] {
	display:none;
}
.drop-zone {
	border: 2px dashed #ccc; border-radius:5px;
	padding:5%;
	text-align: center;
	background-color: #f9f9f9;
	transition: border-color 0.3s, background-color 0.3s;
	cursor: pointer;
}
.drop-zone.drag-over {
	border-color: #007bff;
	background-color: #e6f3ff;
}

.pj-item {
  border: 1px solid #e9ecef;
  transition: background-color .15s ease, border-color .15s ease;
}
.pj-item:hover {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}
.pj-delete {
  opacity: 0;
  transition: opacity .15s ease;
}
.pj-item:hover .pj-delete {
  opacity: 1;
}

.ckCible {
	flex-wrap: wrap; gap: 5px;
}
.ckCible input[type=checkbox] {
	display:none;
}
.custom-label {
	padding: 3px 9px; border-radius: 8px 0px;
	transition: all .4s ease;
	cursor: pointer; user-select: none;
	background:#EEE;
}
.cible-input {
	width:30%;
	padding:0 10px;
	border-radius: 8px 0px;
}

.form-check-input:checked ~ .custom-label {
	background-color: #0d6efd;
	color: white;
}

.multiObj .form-check-input:checked ~ .custom-label {
	background-color: #F96;
	color: white;
}

#wait {
  position:fixed; top:0; left:0; width:100vw; height:100vh;
	background:rgba(250,250,250,.7);
  display:flex; align-items:center; justify-content:center;
  font-size:6rem; color:#999;
  z-index:10;
}
#waitMess {
	position:fixed; left:0; bottom:25%; width:100vw;
	font-size:2rem; color:#999; text-align:center;
  z-index:11;
}

.sortColA:before {
	font-family: FontAwesome;
	content: "\f0de";
	margin-right:5px;
}
.sortColD:before {
	font-family: FontAwesome;
	content: "\f0dd";
	margin-right:5px;
}

tr.lastDde td {
	background:#63F; color:#FFF;
}

.Numérique:before {
	font-family: FontAwesome;
	content: "\f109";
	margin-right:5px;
}
.Presse:before {
	font-family: FontAwesome;
	content: "\f1ea";
	margin-right:5px;
}
.Print:before {
	font-family: FontAwesome;
	content: "\f02f";
	margin-right:5px;
}
.Réseaux:before {
	font-family: FontAwesome;
	content: "\f109";
	margin-right:5px;
}

::placeholder {
	font-size:7pt; color:#999;
	text-align:right;
}