a.editable {
	text-decoration: none;
	color: inherit;
}

a.editable:hover {
	text-decoration: none;
}

img {
  max-width: 100%;
}
label.cabinet{
	display: block;
	cursor: pointer;
}

label.cabinet input.file{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	margin-top:-30px;
}

.mod-agenda-util { 
	cursor: pointer;
}
.toast-container {
	position: fixed;
	top: 2rem; /* Margin at the top */
	left: 50%;
	transform: translateX(-50%); /* Center horizontally */
	z-index: 1050;
	width: auto; /* Ensure toast width is based on content */
}

#upload-photo{
	width: 100%;
	height: 250px;
	padding-bottom:25px;
}
figure figcaption {
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
	padding-left: 9px;
	padding-bottom: 5px;
	text-shadow: 0 0 10px #000;
}

.form-check-danger {
	cursor: pointer;
}
.form-check-danger:checked {
	background-color: #fa3b1d !important;
}
.form-check-label {
	cursor: pointer;
}
.form-check-input:checked {
	border: 1px solid #fa3b1d !important;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
	color: #fa3b1d !important;
}
.nav-link:hover, .nav-link:focus {
	color: #fa3b1d !important;
}

.nav-pills .nav-link.active {
	color: #fa3b1d !important;
	border: 1px solid #fa3b1d !important;
}

.theme-wizard .nav-item .nav-link.active, .theme-wizard .nav-item .nav-link.active .nav-item-circle, .theme-wizard .nav-item .nav-link.done .nav-item-circle {
	color: #fa3b1d !important;
	border-color: #fa3b1d !important;
	background-color: #eff2f6 !important;
}

.theme-wizard .nav-item .nav-link.done { 
	color: #fa3b1d !important;
}

.theme-wizard .nav-item:not(.theme-wizard .nav-item:last-child) .nav-link.done:before {
	background: #fa3b1d !important;
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}

.calendar-container {
	width: 100%;
	padding: 0;
}
.month-container {
	margin-bottom: 1rem;
}
.calendar-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}
.calendar-table th, .calendar-table td {
	text-align: center;
	padding: 0.25rem;
	border: 1px solid #dee2e6;
}
.calendar-table th {
	background-color: #f8f9fa;
	font-weight: 600;
	font-size: 0.8rem;
}
.calendar-table td {
	background-color: #ffffff;
	height: 1.5rem;
	vertical-align: middle;
	font-size: 0.75rem;
}
<!--
.calendar-table td.today {
	background-color: #d9fbd0;
	font-weight: bold;
}
-->
.year-selector {
	max-width: 120px;
	font-size: 0.9rem;
}
.month-title {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
@media (max-width: 576px) {
	.calendar-table {
		font-size: 0.7rem;
	}
	.calendar-table th, .calendar-table td {
		padding: 0.15rem;
	}
	.calendar-table td {
		height: 1.2rem;
	}
	.month-title {
		font-size: 0.9rem;
	}
}

.calendar-table td.weekend {
	background-color: #eff2f6;
}

.calendar-table td.selected {
	background-color: #b3d4fc; /* Light blue for selected date */
	font-weight: bold;
}

.calendar-table td:not(.empty) {
	cursor: pointer;
}

.calendar-table td:not(.empty):hover {
	background-color: #d0d0d0; /* Darker gray on hover */
}

#cropper {
	max-height: 200px; 
	overflow: hidden;
}

.img-container {
	width: 100%;
	height: 100%;
	max-height: 200px;
	position: relative;
}

#agenda_utilisateur_photo {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {
	color: #fa3b1d;
}
.scrollbar {
  position: relative;
}
.scroll-arrow {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  display: none;
  transition: opacity 0.3s ease;
}
.scroll-arrow.show {
  display: flex;
  opacity: 1;
}

.signature-pad {
	position: relative;
	width: 100%;
	height: 200px;
	border: 1px solid #ccc; /* Optional: for visibility */
	margin: 0;
	padding: 0;
}

.signature-pad--body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.signature-pad canvas {
	width: 100%;
	height: 100%;
	background-color: white;
	display: block; /* Prevent inline-block spacing issues */
}

.groupe {
	cursor: pointer;
}