/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.text_table{

	width:50px;
	background-color:transparent;
	border-collapse:collapse;
	border:0px;
	border-bottom:1px dotted black;
	text-align:center;
	

}

.text_table:focus { 
	
	background-color:white;

}

@media only screen and (min-width: 601px) {
	#extr-page #header #logo img {
		 max-width: unset!important; 
		 max-width:95vw!important;
	}
}

#extr-page #header {
	background:#121416!important;
}

.img-auto{
	max-width: 100%;
}


.btn-smart-form{
	padding: 6px 12px;
}


label.checkbox{
	height:32px;
}

#logo.backend img {
    max-width: 60px;

}

#logo img {
    max-width: 300px;

}

div#logo-group{
	background:#121416!important;
}

#logo {
	width:90%;
}
#header{
	background-color:#121416;
	background-image: linear-gradient(to bottom,#121416,#121416);
}

.riepilogo_dati label{
	font-size:17px;
}


.smart-form .input.state-disabled input{
	opacity: .1!important;
}

@media only screen and (max-width: 679px) {
	#extr-page #header #logo img {
		width: unset!important;
		max-width:95vw!important;
	}
	
	.header-title>h2{
		text-overflow: unset!important;
		width: 97%!important;
		white-space: unset!important;
		overflow: auto!important;
		line-height: 22px!important;
	}

	.header-title{
		height: 50px!important;
	}

}
@media only screen and (min-width: 680px) and (max-width: 880px) {
	#logo img {
		width: 327px;
	}
}

.fa-big{
	font-size:50px;
}

.fa-esito-ok{
	color:white;
	background-color:green;
	border-radius: 35px;
    padding: 10px;
    margin-top: 10px;
}

.fa-esito-ko{
	color:white;
	background-color:#ffd700;
    padding: 10px;
    margin-top: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 35px;
    border-bottom-left-radius: 35px;
    width:70px;
}

.esito-OK{
	background-color:green!important;
}

.esito-KO{
	background-color:#ffd700!important;
}

.esito-ALT{
	background-color:#ffd700!important;
}

#extr-page #header {
	height:100px;
}

.nascosto{
	display:none!important;
}

.ct-hide{
	display:none;
}

@media only screen and (min-width: 680px) {
	.video-spiegazione{
		width:420px;
	}
}
@media only screen and (max-width: 679px) {
	.video-spiegazione{
		width:100%;
	}
}

.jarviswidget-color-sky-blue>header{
	border-color:#0091d9!important;background:#0091d9;color:#fff
}
.jarviswidget-color-sky-blue>.nav-tabs>li:not(.active)>a,.jarviswidget-color-sky-blue>header>.jarviswidget-ctrls a{
	color:#fff!important
}
.jarviswidget-color-sky-blue .nav-tabs li a:hover{
	color:#333!important
}


.table-modelli{
	width:100%;
}
#preventivatore-form img{
	max-width:100%;
}
.padding-table{
	padding:13px;
}
.riga-selezionata{
	background-color:red!important;
	color: white;
}

.contenitore-img{
	height:204px;
}


.contenitore-img img{
	max-height:100%;
}

.panel-famiglia{
	margin:5px;
	cursor:pointer;
}
.title-sezione{
	margin:5px;
}

.card-marca{
	border:1px solid black;
	border-radius:10px;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
    margin-right: 5px;
    cursor:pointer;
}
.card-marca img{
	margin:10px;
}
@media only screen and (min-width: 601px) {
	.card-marca .card-immagine{
		height:275px;
	}
	.card-marca .card-immagine img{
		max-height: 100%;
		max-width: 96%!important;
	}
}
@media only screen and (max-width: 600px) {
	.card-marca .card-immagine{
		height:80px;
	}
	.card-marca .card-immagine img{
		margin-top:10px!important;
		margin-bottom:10px!important;
		max-width: 80%!important;
	}
	.price-features {
		min-height: unset;
	}
	#extr-page #header {
		height: 160px!important;
	}

}

.card-marca .card-immagine img{
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}