/************************************************
* BOOKPLAN BUTTON
*************************************************/

/**
<div class="bp-button bp-upclass-none" onclick="window.location = '/shopping/login';" style="">
	<div class="bp-button-type-cart bp-button-type-cart-fullred bp-button-icon-dx bp-button-label-sx">
	<i class="fa fa-arrow-right"></i>
		<span class="bp-button-label">
			<span class="visible-md visible-lg">Procedi con l'ordine</span>
			<span class="visible-sm">Procedi con l'ordine</span>
			<span class="visible-xs">Procedi con l'ordine</span>
		</span>
	</div>
</div>
**/

.button {
	background-color: #000000;
}

.button:hover {
	background-color: #999999;
}

/** general button */
.bp-button { 
	display: inline-block;
	clear:both; 
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bp-upclass-fluid {
	width: 100%;
}

.bp-button div { transition: all linear 0.75s; }
.bp-button div:hover { transition: all linear 0.75s; }

/** ICON position: */
.bp-button .bp-button-icon-sx i { float: left; }
.bp-button .bp-button-icon-dx i { float: right; }
.bp-button .bp-button-icon-center i { text-align: center; } /** unused */
.bp-button .bp-button-icon-flat i { display:none; } 

/** TEXT align: */
.bp-button .bp-button-label-sx { text-align: left; }
.bp-button .bp-button-label-dx { text-align: right; }
.bp-button .bp-button-label-center { text-align: center; } 
.bp-button .bp-button-label-flat span.bp-button-label { display:none; } /** unused */

/************************************************
* TYPE CART
*************************************************/

/** button type cart */
.bp-button .bp-button-type-cart {
	display: inline-block;
	background-color:transparent; 
	text-transform:uppercase; 
	font-size:1rem; 
	line-height:2.5rem;
	padding: 0 0.5rem;
	width: 100%;
}
/** icon form factor button type cart */
.bp-button .bp-button-type-cart i {
	line-height: 3rem;
	font-size: 1.25rem;
	padding:0;
	background-color:transparent;
	padding: 0 0.5rem;
}

/** icon form factor button type share */
.bp-button .bp-button-type-cart-share i {
	color: black;
	float: right;
    font-size: 1rem;
    padding: 0;
    background-color: transparent;
    padding: 0 0.5rem;
    transition: all 0.8s ease 0s;
}

/** label form factor button type cart */
.bp-button .bp-button-type-cart .bp-button-label {
	 line-height: 3rem;
	 display:inline-block;
	 padding:0;
	 background-color:transparent;
	 padding:0rem 0.5rem;
}

/************************* 
  4 colori:
  	main per le azioni
  	on tasti attivi
  	off tasti azioni back
  	alternative altro  	
*/

/* main */
.bp-button .bp-button-type-cart-main {
	border:solid 2px #000; 
	cursor:pointer; 
	color:#000;
	background-color: #fff;
}
.bp-button .bp-button-type-cart-main:hover {
	background-color:#333; 
	border-color:#333; 
	cursor:pointer; 
	color: white;	
}

/* alternative */
.bp-button .bp-button-type-cart-alternative {
	background-color:white; 
	border:solid 1px #e6e6e6; 
	cursor:pointer; 
	color:#666;
}
.bp-button .bp-button-type-cart-alternative:hover {
	background-color:#e6e6e6; 
	border-color:#e6e6e6; 
	cursor:pointer; 
	color: #333;
}

/* on */
.bp-button .bp-button-type-cart-on {
	background-color: #fff;
    border: solid 2px #ddd;
    cursor: pointer;
	color: #999;
}
.bp-button .bp-button-type-cart-on:hover {
	background-color:#333; 
	border-color:#333; 
	cursor:pointer; 
	color: white;
}

/* off */
.bp-button .bp-button-type-cart-off {
	background-color: white;
    border: solid 1px #c8c8c8;
    cursor: pointer;
    color: #838383;
}
.bp-button .bp-button-type-cart-off:hover {
	background-color: white;
/* 	border-color:#333; 
	cursor:pointer; 
	color:#333;  */
	cursor: default;
}

/* inverted */
.bp-button .bp-button-type-cart-inverted {
	background-color: black;
    border: solid 1px white;
    cursor: pointer;
    color: white;
}
.bp-button .bp-button-type-cart-inverted:hover {
	background-color: #f4f4f4;
	border-color:white; 
	cursor:pointer; 
	color:black; 
}

/* fullblack */
.bp-button .bp-button-type-cart-fullblack {
	background-color: black;
    border: solid 1px black;
    cursor: pointer;
    color: white;
}
.bp-button .bp-button-type-cart-fullblack:hover {
	background-color: #f4f4f4;
	border-color:black; 
	cursor:pointer; 
	color:black; 
}

/* share #838383 */

.bp-button .bp-button-type-cart-share {
    background-color: #ffffff;
    border:solid 2px #E6E6E6;
    cursor: pointer;
	color: #333;
}

.bp-button .bp-button-type-cart-share:hover {
/*     background-color: white;
	border-color:#333; 
	cursor:pointer; 
	color:#333 */
	background-color:#333; 
	border-color:#333; 
	cursor:pointer; 
	color: white;	
}

.bp-button .bp-button-type-cart-share:hover i {
	/*background-color:#333333; */
	/*border-color:#333333; */
	/*cursor:pointer; */
/* 	color: #333;
	background-color:#333; 
	border-color:#333; 
	cursor:pointer; 
	color: white; */	
	color: white;
}


/* CART MAIN IS BIGGER 
.bp-button.bp-upclass-bigger ,
.bp-button.bp-upclass-bigger .bp-button-label,
.bp-button.bp-upclass-bigger  i {
	/*line-height: 3rem;
	font-size: 1.1rem;
}


/**
	CONTAINER PER I BOTTONI IN ELENCO
*/

ul.bp-buttons-list, ul.bp-buttons-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.bp-buttons-list, ul.bp-buttons-list li {
    line-height: 1em;
    margin-bottom: 0.3em;
}


/************************************************
* TYPE SLIM
*************************************************/

/** button type slim */
.bp-button .bp-button-type-slim {
	display: inline-block;
	background-color:#ccc; 
	text-transform:uppercase; 
	font-size: 0.8rem; 
	line-height:1.6rem;
	padding: 0;
	transition: all 0.8s ease 0s;
	cursor: pointer;
}
/** icon form factor button type slim */
.bp-button .bp-button-type-slim i.fas { 
	line-height: 1.6rem;
	padding:0 0.5rem;
}

/** label form factor button type slim */
.bp-button .bp-button-type-slim .bp-button-label {
	line-height: 1.6rem;
	padding:0 0.5rem;
}

/* fullmain */
.bp-button .bp-button-type-slim-fullmain {
	background-color: black;
    border: solid 3px black;
    color: white;
}
.bp-button .bp-button-type-slim-fullmain:hover {
	background-color: #ddd;
	border-color:#ddd; 
	color:black; 
}

/* inverted */
.bp-button .bp-button-type-slim-inverted {
	background-color: #ddd;
    border: solid 3px #ddd;
    color: black;
}
.bp-button .bp-button-type-slim-inverted:hover {
	background-color: #000;
	border-color:#000; 
	color: white; 
}

/**
 * DUBUG MODE ATTIVO CON .bp-debug
 * **/

.bp-button.bp-debug .bp-button-type-cart:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid blue;	
  z-index: 10000;
}

.bp-button.bp-debug .bp-button-type-cart i { 
	background-color:yellow;
}

.bp-button.bp-debug .bp-button-type-cart .bp-button-label {
	 background-color: red;
}