[v-cloak] {
	display: none;
}
		
body {
	background-color: #f8f9fa;

  dropzone: none; /* Désactive le drop sur le body */
}

.ctc {text-align:center;}
.ctl {text-align:left;}
.ctr {text-align:right;}

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

.card {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header {
	background-color: #f8f9fa;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.075);
}

.list-group-item-action:hover {
	background-color: rgba(0, 0, 0, 0.075);
}

.list-group a {
	cursor:pointer;
}

td img {
	height:26px;
}

input[type=file] {
	display:none;
}

input:required:invalid {
	border-color: #e74c3c;
	background-color: #fdf2f2;
}

.goBack {
	position:fixed; top:5px; left:5px;
}

.surv {
	opacity: 0;
	transition:transform .4s;
}
.surv:hover {
	transform:scale(1.3);
}

.list-group-item:hover .surv {
	opacity: 1;
}

/* 1:demandé, 2:devis en cours, 3:prévu, 4:réalisé, 5:Réclamation */
tr.st0 td, .st0 {}
tr.st1 td, .st1 {background:#eae8f8;}
tr.st2 td, .st2 {background:#f8f6d3;}
tr.st3 td, .st3 {background:#d3ecf8;}
tr.st4 td, .st4 {background:#dff8d3;}
tr.st5 td, .st5 {background:#f8d7d3;}


.readonly {
	background-image: url('ico/lock.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	
}
.readonly input,
.readonly select,
.readonly textarea {
	/*background-color: #f5f5f5;*/
	border: 1px dotted #999;
	cursor: not-allowed;
	 pointer-events: none;
}

.alert img {height:26px;}

.btn {
	border-radius: 0.375rem;
}

.form-control:focus,
.form-select:focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.badge {
	font-size: 0.75em;
}

.dropdown-toggle::after {
	display: none;
}

.modal-header {
	background-color: #f8f9fa;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.modal-footer {
	background-color: #f8f9fa;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.table-responsive {
		font-size: 0.875rem;
	}
	
	.btn-sm {
		padding: 0.25rem 0.5rem;
		font-size: 0.775rem;
	}
}

label {
	font-weight: 500;
	margin-bottom: 0.2rem;
}

/* Styles pour les devis */
.list-group-item {
	border-left: 4px solid transparent;
}
form input,
form select,
form textarea {
	/* Styles inspirés de Bootstrap .form-control */
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff; background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Animation pour les transitions */
.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
	opacity: 0;
}

/* Amélioration des boutons d'action */
.btn-group .btn {
	border-radius: 0;
}

.btn-group .btn:first-child {
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}

.btn-group .btn:last-child {
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

/* Indicateur visuel pour les lignes cliquables */
tbody tr[style*="cursor: pointer"]:hover {
	background-color: rgba(13, 110, 253, 0.1) !important;
	transform: translateY(-1px);
	transition: all 0.2s ease;
}

/* Amélioration de l'affichage des badges */
.badge.bg-success {
	background-color: #198754 !important;
}

.badge.bg-primary {
	background-color: #0d6efd !important;
}


.dropdown-item {
	cursor:pointer;
}

.drop-zone {
	border: 2px dashed #ccc; border-radius:5px;
	width:96%;
	padding:5%; margin:10px 2%;
	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;
}


/* Responsive design pour les filtres */
@media (max-width: 576px) {
	.row .col-md-3,
	.row .col-md-2,
	.row .col-md-1 {
		margin-bottom: 0.5rem;
	}
}