<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }

.device_filter {
	border: 1px solid #62c5f2b8;
	background-color: #62c5f29e;
	padding: 10px;
	margin: 0 ;
	border-radius: 5px;
}

.device_filter H2{
	font-size:1.2rem;
}

.device_filter LABEL{
	display: block;
	font-weight: bold;
	color: #2465a3;
}

.device_filter SELECT, .device_filter INPUT{
	width: 100%;
	margin: 4px 0 8px 0;
	padding: 7px 5px;
}

.devices_list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.devices_list_item {
	padding: 30px;
	background-color: #fafafa;
	align-items: start;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 10% 30% 30% 30%;
	gap: 20px;
	text-align: left;
}

.devices_list_item_title{
	font-size: 18px;
	text-align: left;
	margin-bottom: 10px;
	color: #363636;
}

.devices_list_item_title A{
	color: #363636 !important;
}

.devices_list_item_img {
	width: auto;
	height: 100px;
	object-fit: contain;
}

.device_list_item_name{
	margin-left: 20px;
}

.device_list_item_details{
	margin-left: auto;
}

.devices_list_item_more {
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 20px;
	margin-bottom: 0;
	border-radius: 50px;
	color: #fff !important;
	background-color: #62c5f2;
	line-height: 1.5em;
}

.device-compare{
	background-color: #62c5f2;
	padding: 20px;
	border-radius: 5px;
}

.device-compare FORM{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.device-compare FORM INPUT{
	border-radius:3px;
	border:1px solid #62c5f2;
	padding:5px;
}

.device-table-list{
	margin: 30px auto;
}

.device-table-list TABLE{
	width: 100%;
	table-layout: fixed;
}

.showOnMobile{
	display: none;
}

/* Media query per dispositivi mobili (max-width: 767px) */
@media screen and (max-width: 767px) {
	.device-compare FORM{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}
	.device-compare FORM INPUT{
		margin: 10px auto;
	}

	.device-table-list TABLE td.hideMobile{
		display: none !important;
	}

	.device-table-list TABLE td:first-child {
		display: block;
		margin: 10px auto;
		background-color: #62c5f2;
		text-align: center;
		color: #414141;
	}

	.device-table-list TABLE td:nth-child(2),
	.device-table-list TABLE td:nth-child(3) {
		display: inline-block;
		width: 49%;
		box-sizing: border-box;
		border: none;
		text-align: center;
	}

	.hideOnMobile{
		display: none;
	}

	.showOnMobile{
		display: block;
	}

	.devices_list_item{
		grid-template-columns: 1fr 1fr;
	}

	.devices_list_item &gt; div:nth-child(1),
	.devices_list_item &gt; div:nth-child(2) {
		grid-row: 1; /* Posiziona nella prima riga */
	}

	.devices_list_item &gt; div:nth-child(3),
	.devices_list_item &gt; div:nth-child(4) {
		grid-row: 2; /* Posiziona nella seconda riga */
	}
	
	.device_list_item_name{
		margin: 0 !important;
	}

	.devices_list_item_more{
		white-space: nowrap;
		font-size: 0.8rem;
	}

	.devices_list_item FIGURE{
		text-align: center;
	}
}</pre></body></html>