﻿:root {
	--green: #5f710d;
	--security: #336699;
	--industrial: #66cccc;
	--induction: #ff8000;
	--groundsearch: #5d874d;
	--healthcare: #66cccc;
	--anticollision: #993333;
}



/* FORM STYLES*/
.form-control {
	border: 1px solid #dddfe2;
	font-size: 17px;
	border-radius: 6px;
	outline: none !important;
	padding: 1rem;
}

	.form-control:focus {
		border-color: var(--section-color);
		caret-color: var(--section-color);
	}

	.form-control:user-invalid {
		border: 1px solid red
	}

@media (max-width: 832px) {
	.form-control {
		font-size: 14px;
	}
}

/* Product Table Styles */


.CSSTableGenerator {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid var(--section-color, #5f710d);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

	.CSSTableGenerator table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	.CSSTableGenerator tr:last-child td:last-child {
		border-bottom-right-radius: 10px;
	}

	.CSSTableGenerator table tr:first-child td:first-child {
		border-top-left-radius: 10px;
	}

	.CSSTableGenerator table tr:first-child td:last-child {
		border-top-right-radius: 10px;
	}

	.CSSTableGenerator tr:last-child td:first-child {
		border-bottom-left-radius: 10px;
	}

	.CSSTableGenerator td {
		vertical-align: middle;
		border: 1px solid var(--section-color, #5f710d);
		border-width: 0px 1px 1px 0px;
		text-align: left;
		padding: 10px;
		font-size: 0.7rem;
		font-weight: normal;
	}

	.CSSTableGenerator tr:last-child td {
		border-width: 0px 1px 0px 0px;
	}

	.CSSTableGenerator tr td:last-child {
		border-width: 0px 0px 1px 0px;
	}

	.CSSTableGenerator tr:last-child td:last-child {
		border-width: 0px 0px 0px 0px;
	}

	.CSSTableGenerator tr:first-child td {
		border: none;
		background-color: var(--sfondo-grigio);
		color: var(--sfondo-nero) !important;
		text-align: center;
		border-width: 0px 0px 1px 1px;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
	}


/* Accordions */
.accordion-container {
	display: flex;
	flex-direction: column;
}

	.accordion-container > .accordion-element:not(:last-of-type) .accordion-title {
		border-bottom: none;
	}

	.accordion-container > .accordion-element:first-child .accordion-title {
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}

.accordion-title {
	font-weight: bold;
	background-color: transparent;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: all 0.4s;
	border: 1px solid black;
}

	.accordion-title.active, .accordion-title:hover {
		background-color: var(--section-color);
		color: white;
	}

.accordion-panel {
	display: none;
	padding: 1rem;
	border: 1px solid black;
	border-top: none;
	background-color: white;
	overflow: hidden;
	transition: height 0.5s;
}

	.accordion-panel.open {
		display: block;
	}
