/* custom assistenza prodotti */


.clr{ clear: both; }	


.inner-foto-video{ border: 1px solid #ddd; padding: 8px; border-radius: 5px; }


.error_box { display:none; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.85); z-index: 99999; }


.error_box > .box { position: fixed; width: 25%; display: inline-block; margin: 0 auto; top: 50%; left: 50%; margin: -12.5% 0 0 -12.5%; text-align: center; padding: 15px; background-color:#fff; color: #da2127; }


#loading_spinner > .box{ background-color: transparent; }


#loading_spinner > .box p.text{ color: #fff; font-size: 20px;}


.error_box > .box > a.close_err { display: inline-block; padding: 5px 15px; background-color: #da2127; color: #fff; text-decoration: none; cursor: pointer; }


.error_box > .box > a.close_err:hover, .error_box > .box > a.close_err:focus{ color: #fff; text-decoration:underline; }


.error_box > .box img{ width:100%; height:auto; }


#js-product-list-header{


	display: none;


}


.button-assistenza{


	text-decoration: none;


    background-color: #58c1f5;


    border-radius: 20px;


    color: #fff;


    font-size: 18px;


    font-weight: 500;


    display: inline-block;


    padding: 10px 20px;


    white-space: inherit;


    line-height: 1;


    text-transform: inherit;


    box-shadow: none;


    margin-top: 15px;


}


.button-assistenza:hover, .button-assistenza:focus{


	text-decoration: none;


    cursor: pointer;


    outline: none;


    background-color: #4181c0;


}


.button-file{


	text-decoration: none;


    background-color: #577590;


    border-radius: 20px;


    color: #fff;


    font-size: 18px;


    font-weight: 500;


    display: inline-block;


    padding: 10px 20px;


    white-space: inherit;


    line-height: 1;


    text-transform: inherit;


    box-shadow: none;


    margin-top: 15px;


}


.button-file:hover, .button-file:focus{


	text-decoration: none;


    cursor: pointer;


    outline: none;


    background-color: #4181c0;


}


#content-wrapper .page-content{


	margin-bottom: 0;


	padding: 3% 130px 100px;


	box-shadow: none;


}


#content-wrapper .page_content > p{


	text-align: center;


	font-size: 20px;


}


#content-wrapper .page_content .page-header{


	background: none;


    border: none;


    color: #424143;


    margin-bottom: 60px;


    padding: 0;


    text-align: center;


    display: block;


}


#content-wrapper .page_content .page-header > h1{


	font-size: 60px;


    font-weight: 400;


    text-transform: uppercase;


    font-family: 'Luckiest Guy';


    color: #424143;


    line-height: 1;


    margin-bottom: 10px;


}


#content-wrapper .page_content .page-header > span.subtitle{


	display: block;


    font-size: 30px;


    color: #58c1f5;


    margin-bottom: 5px;


    font-family: 'Luckiest Guy';


    font-weight: 400;


}


#content-wrapper .page_content .page-header > span.data{


	display: block;


}


#content-wrapper .page_content .content-assistenza{


	padding: 5px;


    border-radius: 10px;


    background-image: linear-gradient(-180deg, #7dcfef, #58c1f5, #1eaae1, #2e92cd, #4181c0, #577590);


    width: 50%;


    margin: 0 auto;


}


#content-wrapper .page_content .content-assistenza form{


	background-color: #fff;


    padding: 25px;


	margin-bottom: 0;


    border-radius: 8px;


}


#content-wrapper .page_content .content-assistenza form .form-group > div + div{


	margin-top: 15px;


}


#content-wrapper .page_content .content-assistenza form .form-group label.form-control-label{


	padding: 0;


    width: 100%;


    text-align: left;


    font-size: 20px;


    font-weight: 600;


    color: #424143;


}


#content-wrapper .page_content .content-assistenza form .form-group .form-control{


	background-color: #f7f7f7;


    color: #424143;


    border: 1px solid #424143;


    padding: 8px;


    border-radius: 10px;


    outline: none;


    height: 40px;


}


#content-wrapper .page_content .content-assistenza form .form-group textarea.form-control{


	height: 150px;


	resize: none;


}


#content-wrapper .page_content .content-assistenza form .form-group .type_assistenza p.small-title{


	font-size: 14px;


}


#content-wrapper .page_content .content-assistenza form .form-group .prodotti .inner-prodotti{


	border: 1px solid #ddd;


	border-radius: 5px;


	padding: 10px;


}


#content-wrapper .page_content .content-assistenza form .form-group .prodotti .inner-prodotti > .row{


	display: flex;


	align-items: center;


}


#content-wrapper .page_content .content-assistenza form .form-group .prodotti .inner-prodotti > .row.odd{


	background-color: #ddd;


}


#content-wrapper .page_content .content-assistenza form button.btn-submit-richiesta-assistenza{


	box-shadow: none;


    text-transform: capitalize;


    font-weight: 500;


    padding: 8px 25px;


    border-radius: 17.5px;


    line-height: 1;


    background-color: #58c1f5;


    outline: none;


}


#content-wrapper .page_content .content-assistenza form button.btn-submit-richiesta-assistenza:hover, #content-wrapper .page_content .content-assistenza form button.btn-submit-richiesta-assistenza:focus{


	text-decoration: none;


    cursor: pointer;


    outline: none;


    background-color: #4181c0;


}


#content-wrapper .page_content .content-assistenza form .inner-anagrafica{


	border: 1px solid #ddd;


	border-radius: 10px;


	padding: 10px;


	font-size: 16px !important;


}


#content-wrapper .page_content .content-assistenza form .inner-anagrafica > .row > div{


	margin-top: 15px;


}


#content-wrapper .page_content .content-assistenza form .inner-anagrafica label{


	font-size: 18px !important;


	font-weight: 500 !important;


}


#content-wrapper .page_content .content-assistenza form .section-files .element input.form-control{


	display: inline-block;


	width: 80%;


	vertical-align: middle;


}


#content-wrapper .page_content .content-assistenza form .section-files .element .trash{


	display: inline-block;


	vertical-align: middle;


	margin-left: 5px;


}


#content-wrapper .page_content .content-assistenza form .section-files .element .trash > a{


	box-shadow: none;


    padding: 10px;


    background: none;


    border: none;


    color: #333;


}


#content-wrapper .page_content .content-assistenza form .section-files .element .trash > a:hover, #content-wrapper .page_content .content-assistenza form .section-files .element .trash > a:focus{


	text-decoration: none;


	cursor: pointer;


	outline: none;


	color: #577590;


}


/* customer account */

#module-dueelle_assistenza_prodotti-customeraccount .page-footer{
	display: none;
}
#module-dueelle_assistenza_prodotti-customeraccount #main, #module-dueelle_assistenza_prodotti-singlerma #main{


	padding: 60px 130px;


    display: block;


    text-align: center;


}


#module-dueelle_assistenza_prodotti-customeraccount #main .page-header, #module-dueelle_assistenza_prodotti-singlerma #main .page-header{


	margin-bottom: 10px;


}


#module-dueelle_assistenza_prodotti-customeraccount #main .page-header > h1, #module-dueelle_assistenza_prodotti-singlerma #main .page-header > h1{


	display: block;


    font-size: 40px;


    color: #414243;


    margin-bottom: 15px;


    font-family: 'Luckiest Guy';


    font-weight: 400;


}


#module-dueelle_assistenza_prodotti-customeraccount #main #content, #module-dueelle_assistenza_prodotti-singlerma #main #content{


	box-shadow: none;


    background: none;


    padding: 0;


    font-size: 16px;


    color: #424143;


    width: 80%;


    display: block;


    margin: 0 auto;


}


#module-dueelle_assistenza_prodotti-customeraccount #main #content span.small-title, #module-dueelle_assistenza_prodotti-singlerma #main #content span.small-title{


	display: block;


    font-size: 30px;


    color: #58c1f5;


    margin-bottom: 30px;


    font-family: 'Luckiest Guy';


    font-weight: 400;


}


#module-dueelle_assistenza_prodotti-customeraccount #main #content .add-assistenza{


	display: block;


	margin-bottom: 15px;


	text-align: left;


}


#module-dueelle_assistenza_prodotti-customeraccount #main #content .add-assistenza > a{


	display: inline-block;


    border-radius: 5px;


    padding: 10px 15px;


    background-color: #58c1f5;


    color: #fff;


}


#module-dueelle_assistenza_prodotti-customeraccount #main #content .add-assistenza > a:hover, #module-dueelle_assistenza_prodotti-customeraccount #main #content .add-assistenza > a:focus{


	text-decoration: none;


	cursor: pointer;


	outline: none;


}


.content .inner-content{


	border: 1px solid #424143;


	border-radius: 10px;


	overflow: hidden;


}


.content .inner-content .titles{


	padding: 15px;


}


.content .inner-content .titles span, .content .inner-content .vals span{


	display: block;


	text-align: left;


}


.content .inner-content .vals .element{


	padding: 15px;


}


.content .inner-content .vals .element span.mobile-title{


	display: none;


}


.content .inner-content .vals .element.odd{


	background-color: #eee;


}


.content .inner-content .vals .element .status{


	text-align: left;


}


.content .inner-content .vals .element .status > span.color{


	display: inline-block;


	color: #fff;


	padding: 10px 15px;


	line-height: 1;


	border-radius: 5px;


	margin: 0;


}


.content .inner-content .vals .element .buttons > a{


	background-color: #58c1f5;


    border: none;


    color: #fff;


    padding: 10px;


	border-radius: 5px;


    line-height: 1;


	outline: none;


}


.acc-body{


	padding: 8px;


	border: 1px solid #ddd;


	border-radius: 5px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content{


	margin-top: 30px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content{


	padding: 30px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div{


	text-align: left;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block{


	border: 1px solid #ddd;


	border-radius: 10px;


	padding: 15px;


	margin-bottom: 15px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block span.title{


	display: block;


	font-size: 18px;


	font-weight: 700;


	margin-bottom: 5px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div.status .inner-block > p{


	padding: 8px;


	border-radius: 5px;


	display: inline-block;


	color: #fff;


	line-height: 1;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div.prodotto .inner-block > .row{


	margin-left: 0;


	margin-right: 0;


	background-color: #efefef;


	border-radius: 5px;


	padding: 15px 0;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div.prodotto .inner-block .image img{


	border-radius: 5px;


	overflow: hidden;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block .inner-file{


	border: 1px solid #ddd;


	margin-top: 5px;


	padding: 10px;


	border-radius: 5px;


	overflow: hidden;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block .inner-file .row + .row{


	margin-top: 5px;


	padding-top: 5px;


	border-top: 1px solid #ddd;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .other-files a{


	margin-bottom: 15px;


    box-shadow: none;


    text-shadow: none;


    text-transform: inherit;


    font-weight: 400;


    padding: 10px 30px;


    line-height: 1;


    background-color: #58c1f5;


    border-radius: 10px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content #messaggio .testo textarea{


	background-color: #fff;


    border: 1px solid #ddd;


    border-radius: 5px;


    padding: 10px;


    outline: none;


    color: #333;


}


input.form-control{


	background: none;


	border: none;


	padding: 0;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .trash > a, #uploadFiles > a{


	box-shadow: none;


    text-shadow: none;


    text-transform: inherit;


    font-weight: 400;


    padding: 10px;


    line-height: 1;


    background-color: #58c1f5;


    border-radius: 10px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content #messaggio .allegato input.form-control, #module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .files .other-files input.form-control{


	background: none;


	border: none;


	padding: 0;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content #messaggio + a{


	box-shadow: none;


    text-shadow: none;


    text-transform: inherit;


    font-weight: 400;


    padding: 10px 30px;


    line-height: 1;


    background-color: #58c1f5;


    border-radius: 10px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content #messaggio + a:hover, #module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content #messaggio + a:focus{


	text-decoration: none;


	cursor: pointer;


	outline: none;


	background-color: #577590;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi{


	display: block;


	margin-top: 30px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element + .element{


	margin-top: 15px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element.message_client{


	text-align: left;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element.message_admin{


	text-align: right;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element{


	border: 1px solid #ddd;


	border-radius: 30px;


	padding: 15px 30px;


	display: inline-block;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element > span{


	font-size: 14px;


	display: block;


	margin-bottom: 5px;


	font-weight: 700;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element .allegato{


	border: 1px solid #efefef;


	border-radius: 30px;


	padding: 15px;


	margin-top: 30px;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element .allegato > p{


	display: inline-block;


	margin: 0;


}


#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element .allegato > p + p{


	margin-left: 8px;


}


#module-dueelle_assistenza_prodotti-customeraccount #main .page-footer, #module-dueelle_assistenza_prodotti-singlerma #main .page-footer{


	margin-top: 30px;


}


#module-dueelle_assistenza_prodotti-customeraccount #main .page-footer > a, #module-dueelle_assistenza_prodotti-singlerma #main .page-footer > a{


	display: inline-block;


	margin-right: 15px;


	color: #58c1f5;


}


#module-dueelle_assistenza_prodotti-customeraccount #main .page-footer > a .material-icons, #module-dueelle_assistenza_prodotti-singlerma #main .page-footer > a .material-icons{


	font-size: 20px;


}


#module-dueelle_assistenza_prodotti-customeraccount #main .page-footer > a > span, #module-dueelle_assistenza_prodotti-singlerma #main .page-footer > a > span{


	font-size: 16px;


	display: inline-block;


}


#filePopup{ z-index: 999;}


#filePopup .modal-dialog{ width: 50%; max-width: 100%;}


#filePopup .modal-dialog .modal-body .content img{ width: 100%; height: auto; display: block; margin: 0; }


#filePopup .modal-header{ border-bottom: 0; text-align: right; padding-bottom: 0;}


#filePopup .modal-header a.close{ font-size: 30px; text-shadow: none; color: #333; opacity: 1; padding: 5px 15px; margin-top: 0; float: none; }


#filePopup .modal-header a.close:hover, #filePopup .modal-header a.close:focus{ text-decoration: none; cursor: pointer; outline: none;}





.riferimento_ordine input{ width: 50%; display: inline-block; }


.riferimento_ordine .how-get{ display: inline-block; }


.riferimento_ordine .how-get > a{ margin-top: 0; }





#max-dim-foto > p > span.number.green, #max-dim-filmato > p > span.number.green{ color: #43aa8b; }


#max-dim-foto > p > span.number.red, #max-dim-filmato > p > span.number.red{ color: #da253c; }








/* end customer account */


@media screen and (max-width: 1800px){


	#content-wrapper .page_content .content-assistenza{


		width: 70%;


	}


	#module-dueelle_assistenza_prodotti-customeraccount #main #content, #module-dueelle_assistenza_prodotti-singlerma #main #content{


		width: 100%;


	}


}


@media screen and (max-width: 1350px){


	#module-dueelle_assistenza_prodotti-customeraccount #main, #module-dueelle_assistenza_prodotti-singlerma #main{


		padding: 60px 100px;


	}


	#module-dueelle_assistenza_prodotti-customeraccount #main #content, #module-dueelle_assistenza_prodotti-singlerma #main #content{


		font-size: 14px;


	}


	.content .inner-content .titles .rif_ordine, .content .inner-content .titles .data_upd, .content .inner-content .vals .rif_ordine, .content .inner-content .vals .data_upd{


		display: none;


	}


	.content .inner-content .titles .row > div.col-md-2, .content .inner-content .vals .row > div.col-md-2{


		width: 22%;


	}


	.content .inner-content .titles .rif_rma, .content .inner-content .vals .rif_rma{ 


		width: 12%;


	}


}


@media screen and (max-width: 1200px){


	#content-wrapper .page_content .content-assistenza{


		width: 90%;


	}


	#content-wrapper .page_content .page-header > h1{


		font-size: 50px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block > .row > div{


		width: 100%;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block > .row > div + div{


		margin-top: 15px;


	}


	#messaggio > div{


		width: 100%;


	}


	#messaggio > div + div{


		margin-top: 15px;


	}


}


@media screen and (max-width: 992px){


	#content-wrapper .page-content{


		padding: 3% 100px 60px;


	}


	#content-wrapper .page_content .content-assistenza{


		width: 100%;


	}


	#content-wrapper .page_content .content-assistenza form .form-group .prodotti .inner-prodotti > .row .image{


		padding-left: 5px;


		padding-right: 0;


	}


	#content-wrapper .page_content .content-assistenza form .form-group .prodotti .inner-prodotti > .row .image img{


		width: 100% !important;


	}


	#content-wrapper .page_content .page-header > h1{


		font-size: 40px;


	}


	.content .inner-content .titles .type_assistance, .content .inner-content .vals .type_assistance{


		display: none;


	}


	.content .inner-content .titles .row > div.col-md-1, .content .inner-content .vals .row > div.col-md-1{


		width: 15%;


	}


	.content .inner-content .titles .row > div.col-md-2, .content .inner-content .vals .row > div.col-md-2{


		width: 20%;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block .inner-file > .row > div{


		width: 100%;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block .inner-file > .row > div + div{


		margin-top: 8px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element{


		display: block;


		width: 85%;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element.message_admin .inner-element{


		margin: 0 0 0 auto;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element.message_client .inner-element{


		margin: 0 auto 0 0;


	}


}


@media screen and (max-width: 788px){


	#content-wrapper .page-content{


		padding: 60px 30px;


	}


	#module-dueelle_assistenza_prodotti-customeraccount #main, #module-dueelle_assistenza_prodotti-singlerma #main{


		padding: 60px 30px;


	}


	.content .inner-content .titles .type_assistance, .content .inner-content .vals .type_assistance, .content .inner-content .titles .rif_ordine, .content .inner-content .titles .data_upd, .content .inner-content .vals .rif_ordine, .content .inner-content .vals .data_upd{


		display: block;


	}


	.content .inner-content .titles{


		display: none;


	}


	.content .inner-content .vals .row > div{


		width: 100% !important;


	}


	.content .inner-content .vals .element{


		text-align: left;


	}


	.content .inner-content .vals .element .row > div + div{


		margin-top: 8px;


	}


	.content .inner-content .vals .element span.mobile-title{


		display: inline-block;


		margin-right: 5px;


		vertical-align: middle;


	}


	.content .inner-content .vals .element span, .content .inner-content .vals .element img{


		display: inline-block !important;


		vertical-align: middle;


	}


	.content .inner-content .vals .element .buttons > a{


		padding: 5px 15px;


	}


}


@media screen and (max-width: 767px){


	#content-wrapper .page_content .page-header{


		margin-bottom: 30px;


	}


	#content-wrapper .page_content .page-header > h1, #module-dueelle_assistenza_prodotti-customeraccount #main .page-header > h1, #module-dueelle_assistenza_prodotti-singlerma #main .page-header > h1{


		font-size: 35px;


	}	


}


@media screen and (max-width: 600px){


	#filePopup .modal-dialog{


		width: auto;


		margin: 5px;


	}


}


@media screen and (max-width: 480px){


	.error_box > .box{


		width: 70%;


		left: 15%;


		margin-left: 0;


		top: 30%;


	}


	#content-wrapper .page-content{


		padding: 60px 15px;


	}


	#module-dueelle_assistenza_prodotti-customeraccount #main, #module-dueelle_assistenza_prodotti-singlerma #main{


		padding: 60px 15px;


	}


	#content-wrapper .page_content .page-header > h1, #module-dueelle_assistenza_prodotti-customeraccount #main .page-header > h1, #module-dueelle_assistenza_prodotti-singlerma #main .page-header > h1{


		font-size: 30px;


	}


	#content-wrapper .page_content .content-assistenza form{


		padding: 15px;


	}


	#content-wrapper .page_content .content-assistenza form .form-group label.form-control-label{


		font-size: 16px;


	}


	#content-wrapper .page_content .content-assistenza form .form-group .prodotti .inner-prodotti > .row > .title > span{


		font-size: 14px;


		display: block;


	}


	#content-wrapper .page_content .content-assistenza form .form-group .form-control{


		font-size: 12px;


	}


	#module-dueelle_assistenza_prodotti-customeraccount #main #content span.small-title, #module-dueelle_assistenza_prodotti-singlerma #main #content span.small-title{


		font-size: 22px;


	}


	.content .inner-content .vals .element .status > span.color{


		padding: 5px 15px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content{


		padding: 15px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .title-rma{


		font-size: 18px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content > .row > div .inner-block span.title{


		font-size: 16px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element{


		width: 100%;


		padding: 10px 20px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element .inner-element .allegato{


		margin-top: 15px;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element.message_admin .inner-element{


		border-color: #58c1f5;


	}


	#module-dueelle_assistenza_prodotti-singlerma #main .content .inner-content .all-messaggi .element.message_client .inner-element{


		border-color: #577590;


	}


}


/* end custom assistenza prodotti */