.platform-card {
	border: 1px solid gray;
	width: 80px;
}

.platform-card.active {
	border: 2px solid black;
}

.platform-card img {
	width: 30px;
	height: 30px;
}

.template-card {
	width: 50px;
}

.template-card > img:hover {
	cursor: pointer;
	border: 1px solid #253d7e;
	box-shadow: 1px 1px 5px 1px grey;
}

.template-card.active > img {
	border: 2px solid #253d7e;
	box-shadow: 1px 1px 5px 1px grey;
}

textarea {
	resize: none;
}

.accordion-button.disabled {
	background-color: var(--bs-gray-200);
	box-shadow: none;
	opacity: 75%;
}

/* This is to show the arrows horizontal and centered since they were above and below the carousel */
.slider {
	display: flex;
	align-items: center;
}

/* Bootstrap corrections */

/* Label disappears when there's a floating label inside an input group */
.input-group.form-floating > label {
	z-index: 100;
}

/* Alert toast, dismissible and reusable */
.toast.alert-danger {
	color: #842029 !important;
	background-color: #f8d7da !important;
	border-color: #f5c2c7 !important;
}