/*
@font-face { font-family: brandon-grotesque; src: url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-style: normal; font-weight: 700; font-display: auto; }
@font-face { font-family: brandon-grotesque; src: url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-style: normal; font-weight: 400; font-display: auto; }
@font-face { font-family: brandon-grotesque; src: url("https://use.typekit.net/af/1281a1/000000000000000077359ded/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/1281a1/000000000000000077359ded/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/1281a1/000000000000000077359ded/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-style: normal; font-weight: 300; font-display: auto; }
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');
  
html, body {
	/*
	font-family: 'brandon-grotesque', sans-serif;
	*/
	font-family: sans-serif;
	font-weight: 300;
}

.button {
	font-weight: 400;
	background-color: white;
	color:black;
	border: solid 1px black;
	text-transform: none;
	font-size: 18px;
}

.button:hover {
	background-color: black;
	color:white;
	border: solid 1px black;
}

b,strong {
	font-weight:700;
}

.fas, .far, .fal, .fad, .fab {
	margin: 0;
}

#configurator {
	border: solid 1px #eee;
}

#config_sidebar {
}

.panel,
.fixed_panel {
	border-color: #333 !important;
}

.panel p {
	white-space: nowrap;
}

.panel p.selected {
	font-weight:700;
}

#panel_action #action_buttons {
    position: relative;
    top: auto;
    right: auto;
    z-index: auto;
    text-align: left;
}

#panel_modello.panel p span {
	background-size: contain;
	/*background-color: transparent;*/
	background-color: white;
	border-radius: 0;
	border:none;
	position:relative;
}

#panel_finitura_fissa p span,
#panel_finitura.panel p span {
	background-size: 150%;
	/*background-color: transparent;*/
	background-color: white;
	/*border-radius: 0;*/
	border:none;
}

#panel_modello.panel p i {
	display: inline-block;
	margin: 0 auto 5px;
	font-style: normal;
	vertical-align: middle;
}

#panel_modello.panel p span em {
	display: block;
	background-color: #f3f3f3;
	color:black;
	font-style: normal;
	text-align: center;
	width:20px;
	height:20px;
	vertical-align: middle;
	font-size: 10px;
	border-radius: 10px;
}

#debug_panel {
	position:absolute;
	bottom:2vh;
	left:2vh;
	background-color: white;
	padding:1em 2em;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	border: solid 1px #d00;
	color:#d00;
	font-size: 12px;
}

@media (max-width: 768px) {
	#debug_panel {
		display:none;
	}
}

#debug_panel textarea {
	border:none;
	background: #eee;
	color:black;
	font-size: 12px;
	padding: 0.5em 1em;
	margin: 0.5em 0;
}

#debug_panel .button {
	font-size: 12px;
}

h3 {
	font-weight: 300;
}

.subtitle + .subpanel {
	background-color: white;
	color: #333;
}