/* Stili personalizzati Configuratore 2D */

body {
	font-family: "Noto Sans";
}

.btn-warning {
	color: white;
	background-color: #444;
	background-color: rgb(68, 68, 68);
	border-color: rgb(68, 68, 68);
	padding: 12px 30px;
	width: 100%;
}

.btn-warning:hover {
	color: white;
	background-color: #960c2d;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
	color: #212529;
	background-color: #787777;
	border-color: #787777;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-warning.focus,
.btn-warning:focus {
	box-shadow: none;
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: white;
	background-color: #a6a3a3;
	border-color: #a6a3a3;
}

a {
	color: black;
}

a:hover {
	color: black;
}

#cart-products-price {
	font-weight: normal;
	padding: 3px 10px;
}

li.nav-item a:hover {
	color: #cc0a4d;
}

.nav-tabs .nav-link {
	border-radius: 0px;
	border: 0px;
	padding: 12px 13px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #cc0a4d;
	border-color: white;
}

.dropdown .nav-link a.active {
	color: #cc0a4d;
}

.add_to_cart_button:hover {
	color: white;
}

li.dropdown a:hover {
	color: #cc0a4d;
}

#myBtnContainer {
	border: none;
	padding: 0px;
}

#myBtnContainer .btn {
	width: auto;
	padding: 5px 15px;
	background-color: white;
	border: 1px solid lightgray;
}

#myBtnContainer .btn.active {
	background-color: #444;
	color: white !important;
}

.filter-disabled {
	display: none;
}

#myBtnContainer .subfilter-fv157 {
	color: white !important;
}

#myBtnContainer .subfilter-fv153 {
	color: white !important;
}

#myBtnContainer .subfilter-fv163 {
	color: white !important;
}

#myBtnContainer .subfilter-fv158 {
	color: white !important;
}

div#myBtnContainer h4 {
	font-size: 19px;
}

#myBtnContainer button {
	box-shadow: none !important;
}

div#lazy-container .img-fluid {
	/* border: 1px solid lightgrey; */
}

.product_info_btn {
	color: #000000;
	margin-right: 14px;
}

#myBtnContainer .btn-sub {
	border: 1px solid black;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
}

#myBtnContainer .btn-sub:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}

#myBtnContainer .btn-sub.active {
	border: 2px solid black;
}

/*#details > .row > div:nth-child(2) {
    border: 1px solid #f0ebeb;
	
}*/

.welcomeText h3 {
	font-size: 20px;
}

.welcomeText h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0px !important;
	border-bottom: none !important;
}

.welcomeText h2 {
	font-size: 23px;
	font-weight: bold;
	margin-top: 40px;
}

@media only screen and (max-width: 750px) {
	#screenshotButton {
		right: 0vh;
	}
	#cart_summary {
		float: none;
		margin-top: 10px;
	}
	.nav {
		display: block;
	}

	/*
a#tab_products {
    margin-top: 20px;
}
*/
	.nav-tabs .nav-link {
		text-align: center;
	}

	div#myBtnContainer h4 {
		margin-top: 14px;
		margin-bottom: 20px;
	}

	.logoScreenshotContainer img {
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}
	#products h4 {
		margin-top: 20px;
	}
	img#primaryDetailImage {
		margin-top: 23px !important;
	}

	form#config_form h4 {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	a.navbar-brand img {
		margin-top: 20px;
	}
}

#products h4 {
	margin-bottom: 25px;
}

#details > .row > div:nth-child(2) .productPrice {
	font-size: 19x;
	background-color: #d4d4d4;
	display: block;
	text-align: center;
	border: 1px solid #696969;
	color: #000000;
}

.defaultProductTitle {
	font-weight: normal !important;
}

div#room .productPrice,
div#room .productPriceSaving {
	color: #ab254e;
}

.btn {
	border-radius: 0px;
}

.productName {
	font-size: 14px;
	font-weight: normal;
}

#myBtnContainer .btn-sub:focus {
	border: 2px solid black !important;
}

div#screenshotButton:hover {
	opacity: 0.8;
}

div#details h4 {
	border-bottom: #444;
	border-bottom: 1px solid lightgrey;
	padding-bottom: 10px;
}

.imagemaps-wrapper {
	margin-top: 2px;
}

.custom_qty_box {
	margin-top: 10px;
	/* margin-bottom: 20px; */
	margin-bottom: 5px;
	border: 1px solid lightgray;
	padding: 4px;
	font-size: 14px;
}

.selected_products {
	width: 20px !important;
	height: 20px !important;
}

.productInRoomContainer {
	/* padding:0px!important; */
}

ul#myTab {
	font-size: 14px;
}

#cart_summary {
	line-height: 20px;
}

.navbar {
	padding-left: 0px;
}

a.navbar-brand img {
	vertical-align: super;
}

.defaultProductBox {
	/* margin-top: 19px; */
	font-size: 14px;
}

form#config_form h4 {
	margin-bottom: 20px;
}

#screenshot-configure-container .col-md-8 {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 17px;
	line-height: 28px;
}

.svg-inline--fa.fa-w-20 {
	width: 2em;
	padding-left: 6px;
}

.welcome-container {
	max-height: 90vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
}

.dropdown-menu {
	padding: 0px;
}

@media screen and (max-width: 800px) {
	.welcome-container {
		max-height: none;
		overflow-y: auto;
		overflow-x: auto;
		padding-right: 0px;
	}
	.legend-img {
		width: 100px;
	}
}

/*css per centrare verticalmente gli elementi della welcome*/
.welcome_horizontal_center {
	display: flex;
	align-items: center;
}

/*css button configurazione random welcome stanze*/
.welcome_random_button {
	padding: 9px;
	font-size: 1.166em;
	color: #cc0a4d;
	border: 2px solid #cc0a4d;
	background-color: white;
}

.welcome_random_button:hover {
	background-color: #cc0a4d;
	border-color: #cc0a4d;
	color: #fff;
	text-decoration: none;
}

.welcome_random_button:focus {
	border: 2px solid #cc0a4d;
	border-radius: 0px;
	outline: none;
}
.welcome_random_button:focus-visible {
	border: 2px solid #cc0a4d;
	border-radius: 0px;
	outline: none;
}
.welcome_random_button:active {
	background-color: #960c2d;
}

/*css per mostrare o nascondere elementi se desktop o mobile*/
.desktop {
	display: unset;
}

.mobile {
	display: none;
}

@media screen and (max-width: 991px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: unset;
	}
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
}