body{
	background-color:var(--ikv3-main-bg-color); /* 20220607 #FFF !important; */
	color: #333 !important;
}

.submenu-white-bold-menu{
	font-weight: bold;
	color: #FFF !important;
}


.userarea-main{
	text-align: center; 
	/*max-width: 1280px;*/ /*2019/05/20 COMMENTATO PER PROBLEMA CENTRATURA HOME PAGE USER AREA*/
	margin-right: auto;
	margin-left: auto;
}

.userarea-main p{
	padding-top: 30px;
}

.userarea-main-subtitle{
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

.userarea-content{
	text-align: left;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.userarea-content p{
	padding-top: 30px;
}

.userarea-content-subtitle{
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#my-orders-table-header{
	display: block;	
}

@media( max-width:990px){
	#my-orders-table-header{
		display: none;
	}
}


.welcome-txt-ua-dropdown{
	font-weight: bold;
	color: #333;
	padding-left:20px;
}

.jampoints{
	color: #C00 !important;
}

.userarea-dropdown-menu{
	width: 400px; 
	right: -50px !important; 
	padding: 30px;
}

.circle-icon{
	border: 6px solid #DDD;
	border-radius: 55px !important;
	width: 110px;
	height: 110px;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-left: 23px;
	padding-right: 23px;	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.userarea-construction{
	height: 900px;
	text-align: center;
}

.my-prod-image{
	max-width: 230px;
	padding-top: 26px;
}

.myproducts-row-content{
	text-align: left !important;
}

.myproducts-separator{
	border-top: 1px solid #DDD;
	margin-top:5px;
	height:5px;
}

.myproducts-auth-container{
	max-width: 400px;
	display: none;
}

.myproducts-auth-row{
}

#my-products-regular-table{

}

#my-products-mobile-table{
	display: none;
	width: 100%;
}

@media( max-width:800px){
	#my-products-mobile-table{
		display: block;
	}
	#my-products-regular-table{
		display: none;
	}
}

#userarea-sub-menu-ik-mobile >li{
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding-left: 30px;
	background-position: left center;
}
.downloadrow{
	margin-right:0;
	
}

.win-download-row, .mac-download-row {
	text-align: right !important;	
}

.win-download-link .mac-download-link{
	margin-right:0 !important;
}

.my-products-icon {
	/*
	max-width: 120px;
	max-height: 120px;
	*/
	/* 20181003 */
	height: 120px;
	width: 120px;
	object-fit: scale-down; /* contain; */ /* object-fit: cover; */
	overflow: hidden;
	object-position: top center;
	border:1px solid #FFF;
}



.my-products-button {
	padding: 7px;
	border-radius: 5px !important;

    border-color: #CCC; /* 	border-color: #333; - 20181003  */
    background-color: #F9F9F9; /* background-color: #333; - 20181003 */
    border-radius: 5px !important;
    color: #333;

}
.btn-primary.my-products-button.active, 
.btn-primary.my-products-button:active, 
.btn-primary.my-products-button:focus, 
.btn-primary.my-products-button:active, 
.btn-primary.my-products-button:hover, 
.btn-primary.my-products-button.active.focus, 
.btn-primary.my-products-button.active:focus, 
.btn-primary.my-products-button.active:hover, 
.btn-primary.my-products-button:active.focus, 
.btn-primary.my-products-button:active:focus, 
.btn-primary.my-products-button:active:hover {    
    border-color: #900;
	background-color: #FFF; /* background-color: #900; - 20181003 */
    color: #000; /* color: #fff; */
    border: 1px solid #000;
    transition: all 1.2s ease 0s;
}



.my-products-button-download {
	padding: 7px;
	border-color: #cc0000;
	background-color: #cc0000;
	/* border-radius: 5px !important; 20220622 */
	font-weight: bold;
}



.search_div{
	padding-bottom: 50px;
}

input.products_search_box {
	width: 250px;
	max-width: 250px;
	padding: 4px 5px 4px 5px;
	color: #555;
	border: 1px solid #C8C8C8;
	float: right;
}
/* Search autocomplete */
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
	border: 1px solid #C8C8C8;
	background: #fff !important;
}
/* Search autocomplete */
.ui-autocomplete {
	position: absolute;
	cursor: default;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
/* Search autocomplete */
.ui-state-focus {
	color: #ffffff;
	background-color: #333;
}

.my-products-sorting{
	float: right;

}





.ua-container{
	font-family: 'Roboto', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
	margin: 50px;
}

.ua-title {
	font-size: 1.7rem;
	font-weight: 300;
}

.ua-header{
	color: white;
	background-color: #CC0000;
	padding: 20px;
	font-weight: bold;
}

.ua-row{
	background: white; 
	padding: 20px;
}

.ua-row:nth-of-type(odd) { 
	background: #F2F2F2; 
}


.ua-col {
	font-size: 1.7rem;
}

.ua-button {

	margin-left:4px;
	margin-right:4px;	

	padding: 7px;
	border-color: #cc0000;
	background-color: #cc0000;
	/* border-radius: 5px !important; 20220622 */
	font-weight: bold;
}

@media (max-width: 543px){
		
	.ua-container{
		font-family: 'Roboto', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
		margin: 10px;
	}
	.ua-col {
		margin-bottom: 15px;
	}
}


/*********************************************************************************************************************/
/*JAMPOINTS PAGE - BEGIN */

.jps-store{
	color: white;
	background: black;
	padding: 15px;
	font-size: 1.7rem;
	font-weight: 300;
}

.jps-valuta {
	color: #CC0000;
	font-weight: bold;
}

/*JAMPOINTS PAGE - END */
/*********************************************************************************************************************/

/*********************************************************************************************************************/
/*ORDERS PAGE - BEGIN */


.order-number {
	color: #CC0000;
	font-weight: bold;
}

@media (max-width: 543px){
		
	.order-header {
		display: none;
	}
}

/*ORDERS PAGE - END */
/*********************************************************************************************************************/

/*********************************************************************************************************************/
/*DRIVERS PAGE - BEGIN */


.driver-name{
	color: #CC0000;
}

/*DRIVERS PAGE - END */
/*********************************************************************************************************************/

/*********************************************************************************************************************/
/*PROMOTIONS PAGE - BEGIN */


.promo-row{
	padding-top: 5px;
	padding-bottom: 5px;
}

/*PROMOTIONS PAGE - END */
/*********************************************************************************************************************/


.myaccount-container{
	font-family: 'Roboto', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
	max-width: 700px;
	margin: 10px 30px 30px 50px;
}
.myaccount-container h1 {
	font-family: 'Roboto condensed', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
}
.myaccount-container p{
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 1.6em;
	margin-top: 60px;
}





/******************************************************************************************************************************************/
/******************************************************************************************************************************************/
/********************************************************MY PRODUCTS SECTION **************************************************************/
button, a, input, .btn {
		cursor:pointer;
	}

.form-control:focus {
	border-color: #CC0000;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,0,0,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,0,0,.6);
}


.no-bold{
	font-weight: normal;
}

.myproducts-container {
	font-family: 'Roboto', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
	margin: 30px 80px 30px 80px;
}

.myproducts-container a, .myproducts-container button {
	width: 200px;
}


/********* TITLE DIV *************/
.myproducts-title h1 {
	font-family: 'Roboto condensed', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
}
.myproducts-title p{
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 1.6em;
}
.myproducts-filter a {
	
	text-decoration: none;
	background-color: #FFFFFF;
	color: black;

 	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	
	border-right: 1px solid lightgrey;
	
	padding-top: 5px;
	height: 100%;
	width: 150px;
}

.myproducts-filter a:hover{
	color:  #C00;
}

.myproducts-filter a.selected {
	background-color: #C00;
	color: white;
}

.myproducts-search-box input{
	width: 400px;
	max-width: 400px;
	padding: 5px 10px 5px 30px;
	color: #555;
	border: 1px solid #C8C8C8;
	float: right;
	font-size: 16px;
	font-weight: 200;
}


.myproducts-products-list{
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	border-left: 1px solid lightgrey;	
	margin-top: 20px;
}

.product-main-row{
	padding: 40px;
	border-top: 1px solid lightgrey;
}	


.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
 /* z-index: 2; */
}

/* 
.btn-group.ik-btngroup>.btn.active, .btn-group.ik-btngroup>.btn:active, .btn-group.ik-btngroup>.btn:focus, .btn-group.ik-btngroup>.btn:hover 
*/

.btn-group.ik-btngroup>.btn.active, .btn-group.ik-btngroup>.btn:active,
.btn-group.ik-btngroup .btn-secundary.active, .btn-group.news-home .btn-secundary.active,
.btn-group.ik-btngroup .btn-primary.active, .btn-group.news-home .btn-primary.active {
    color: #fff;
    border-color: #C00;
    background-color: #C00;
    transition: all 1.2s ease 0s;
}

.btn-group.ik-btngroup>.btn:hover,
.btn-group.ik-btngroup  a.btn-secondary:hover {
 color: #C00 !important; /* #333; */ /* #FFF; */
    background-color: #FFF !important; /* #CCC; */ /* #900; */
    transition: all 1.2s ease 0s;
}

.container .collapse .cnt_bkg_mono .container {
 margin-left:0 !important;
 margin-right:0 !important;
 width: 100% !important;
}

.myproducts-container .container .row .jumbotron, .myproducts-container .container-fluid .row .jumbotron {
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}

.myproducts-container .jumbotron a, .myproducts-container .jumbotron button {
	width:auto;
}

.myproducts-container .container {
	width:auto;
}

.jumbotron {
	padding: 15px;
	border-color: #CC0000;
	background-color: #CC0000;
	/* border-radius: 5px !important; */
	border-radius: 0 !important;
}
.jumbotron .btn-secondary{ /* 20180720 */
	border-radius: 0 !important;
}


.myproducts-products-list {
	border-left:0;
	border-right:0;
}


.row .myproducts-search-box input {	
	width:100%;
	max-width:100%;
	margin-top:0;
}


.row .product-left-col .product-image,
.row .product-left-col .product-title {
	float:left;
	margin-bottom:30px;
}

.product-serial {
    font-size: 1.7rem;
    font-weight: 300;
    /* margin: 10px; */
	margin-top: 10px;
}


.row .product-left-col {
	padding-left: 0 !important;
	min-width:40%;
}
.row .product-left-col .product-image {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


.row .product-center-col>p {
	margin-bottom:30px;
}

/*
.myproducts-container a, .myproducts-container button {
    width: 180px;
}
*/
.myproducts-container .myproducts-products-list .row a, 
.myproducts-container .myproducts-products-list .row button {
    width: auto;
    min-width: 170px;
}
.row .product-right-col a {
	margin-right:20px;
}

.myproducts-container button {
    /* 
    width: auto;
    min-width: 140px;
	*/
}

.myproducts-container .pl0 { padding-left:0 !important; }
.myproducts-container .pr0 { padding-right:0 !important; }

.myproducts-container .btn-container {
	padding-left:0;
	padding-right:0;
	/* text-align:center; */
}

.row .my-products-button-download,
.row .my-products-button {
	margin-bottom:20px;
	padding:5px;
	margin-right:4px;
}

.row .product-left-col,
.row .product-center-col,
.row .product-right-col {
	width: inherit;
	/* display:block; */
}

.row .product-title { 
	font-size: 1.8rem;
	font-weight: 600;
	width:auto;
	min-width:auto;
	border:0;
	padding:0;
	margin: 10px;
	float:left;	
}	
@media (min-width: 1320px) { /* 20181003 */
	.row .product-title { 
		margin-top: 0; /* 10px; */ 
		max-width: 250px;
		padding-left:8px;
	}
}


.row .my-products-icon {
	margin:0;
	border:0;
	padding:0;
	float:left;
}
	
@media (max-width: 991px) {

	.myproducts-container {
		font-family: 'Roboto', 'Helvetica Neue', Helveticaneue, Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
	}

	.myproducts-container div.product-title table {
		width:100%;
	}


	.myproducts-container a, .myproducts-container button {
		max-width: 100%;
	}

	.row .product-left-col,
	.row .product-center-col,
	.row .product-right-col { 
		display:block;	
		/* text-align:center; */
		padding-right:0;
		padding-left:0;
		margin-right:0;
		margin-left:0;
		width:auto; /* 100%; */
	}
	
	.row .product-center-col p {
		display:block;
		max-width:100%;
	}

	.row .product-right-col a {
		margin-right:0;
	}

	.row .product-title,
	.row .product-image { 
		padding-right:0;
		padding-left:0;
		margin-right:0;
		margin-left:0;
		
		max-width: 100%;
		
		font-size: 1.7rem;
		font-weight: 600;
		margin-top: 10px;		
	}	
	
	.row .my-products-button-download,
	.row .my-products-button {
		margin-left:4px;
		margin-right:4px;
	}	
	
	.row .my-products-icon,
	.row .product-title {
		float:none;
	}	
}

.text-right-lg-up,
.text-right-md-up,
.text-right-sm-up,
.text-right-lg-up,
.text-left-md-up,
.text-left-sm-up,
.text-center-lg-down,
.text-center-md-down,
.text-center-xs {
    text-align: inherit;
}
@media (max-width: 1199px) {
	 .text-center-lg-down {
		 text-align: center;
	 }
}
@media (max-width: 991px) {
	 .text-center-md-down {
		 text-align: center;
	 }
}	
@media (max-width: 767px) {
	.product-upper-row {
		display:block;
	} 
}
@media (max-width: 543px) {
	.text-center-xs {
		text-align: center;
	}
}


@media (min-width: 992px) {
	.text-right-lg-up {
		text-align: right;
	}
	.text-left-lg-up {
		text-align: left;
	}
}
@media (min-width: 768px) {
	.text-right-md-up {
		text-align: right;
	}
	.text-left-md-up {
		text-align: left;
	}
}
@media (min-width: 544px) {
	.text-right-sm-up {
		text-align: right;
	}
	.text-left-sm-up {
		text-align: left;
	}
}

/* 20190207 */
/* input[type=checkbox],  */
.radio input[type=radio] { 
    margin-top: .5em !important;
}