/* Styles pour la page de requête */

.operator {
	background: #eee;
	padding: .125rem .5rem;
	border-radius: .25rem;
	color: #000;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-user-select: none;
	user-select: none;
}

.operator:hover {
	background: #ddd;
}

.operator:active {
	background: #ccc;
	color: #900;
}

.operator-tag {
	background-color: #ffc107 !important;
	color: #212529 !important;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	padding: 0.25rem 0.5rem;
	margin: 0.25rem;
	border-radius: 0.25rem;
	display: inline-block;
	transition: background-color 0.2s ease;
}

.operator-tag:hover {
	background-color: #e0a800 !important;
}

.tag {
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	padding: 0.25rem 0.5rem;
	margin: 0.25rem;
	border-radius: 0.25rem;
	display: inline-block;
	transition: all 0.2s ease;
}

.remove-tag,
.remove-operator {
	cursor: pointer;
	margin-left: 5px;
	font-weight: bold;
	transition: color 0.2s ease;
}

.remove-tag:hover,
.remove-operator:hover {
	color: #dc3545;
}