/************************************************
* BOOKPLAN BUTTON
*************************************************/
/* general button */
.bp-button { display: inline-block; padding:0; margin-bottom:0; clear:both; cursor:pointer; line-height:1rem; }
.bp-button div:hover { transition: all 0.8s ease 0s; }

/* icon position */
.bp-button .bp-button-icon-sx i.bp-icon { float: left; }
.bp-button .bp-button-icon-dx i.bp-icon { float: right; }
.bp-button .bp-button-icon-flat i.bp-icon { 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; }

/************************************************
* CUSTOM ICONS
*************************************************/
.bp-icon {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: none;
}

/************************************************
* SHOP BUTTON
*************************************************/
.bp-button .bp-button-type-shop { 
	font-family: "Arial Black","Arial Bold","Arial",sans-serif;
	 font-size:0.8rem; 
	 text-transform:uppercase; 
	 padding: 0rem ;
	 color:#f50000;
	 display: inline-block;
}
.bp-button .bp-button-type-shop:hover { color:#979797; }	 
.bp-button .bp-button-icon-sx.bp-button-type-shop i.bp-icon { margin-right: 1rem; }
.bp-button .bp-button-icon-dx.bp-button-type-shop i.bp-icon { margin-left: 1rem; }

/* shop color black */
.bp-button .bp-button-type-shop-black { color:black; }
.bp-button .bp-button-type-shop-black:hover { color:#979797 !Important; }

/* shop color misc */
.bp-button .bp-button-type-shop-misc { color:black; }
.bp-button .bp-button-type-shop-misc span.bp-button-label { color:#f50000; }
.bp-button .bp-button-type-shop-misc:hover span.bp-button-label { color:#979797; transition: all 0.8s ease 0s; }
/*.bp-button .bp-button-type-shop-misc i.bp-icon { color:#000000; }
.bp-button .bp-button-type-shop-misc:hover i.bp-icon { color:#f50000; transition: all 0.8s ease 0s; }*/

/************************************************
* SOLO BUTTON
*************************************************/
.bp-button .bp-button-type-solo { 
	font-family: "Arial Black","Arial Bold","Arial",sans-serif;
	 font-size:0.8rem; 
	 text-transform:uppercase; 
	 padding: 0rem ;
	 color:#000000;
	 display: inline-block;
}
.bp-button .bp-button-type-solo span.bp-button-label { display:none; } /* hide label */
.bp-button .bp-button-type-solo:hover { color:#979797; }	 

/* solo color red */
.bp-button .bp-button-type-solo-red { color:#f50000; }
.bp-button .bp-button-type-solo-red:hover { color:#000000 !Important; }


/************************************************
* EXTRA SIZES
* for i in $(seq 10 34); do  echo ".bp-button .size-${i} { line-height: ${i}px; } .bp-button .size-${i} .bp-icon { width: ${i}px; height: ${i}px; }"; done | onbuffer
*************************************************/
.bp-button .size-10 { line-height: 10px; } .bp-button .size-10 .bp-icon { width: 10px; height: 10px; }
.bp-button .size-11 { line-height: 11px; } .bp-button .size-11 .bp-icon { width: 11px; height: 11px; }
.bp-button .size-12 { line-height: 12px; } .bp-button .size-12 .bp-icon { width: 12px; height: 12px; }
.bp-button .size-13 { line-height: 13px; } .bp-button .size-13 .bp-icon { width: 13px; height: 13px; }
.bp-button .size-14 { line-height: 14px; } .bp-button .size-14 .bp-icon { width: 14px; height: 14px; }
.bp-button .size-15 { line-height: 15px; } .bp-button .size-15 .bp-icon { width: 15px; height: 15px; }
.bp-button .size-16 { line-height: 16px; } .bp-button .size-16 .bp-icon { width: 16px; height: 16px; }
.bp-button .size-17 { line-height: 17px; } .bp-button .size-17 .bp-icon { width: 17px; height: 17px; }
.bp-button .size-18 { line-height: 18px; } .bp-button .size-18 .bp-icon { width: 18px; height: 18px; }
.bp-button .size-19 { line-height: 19px; } .bp-button .size-19 .bp-icon { width: 19px; height: 19px; }
.bp-button .size-20 { line-height: 20px; } .bp-button .size-20 .bp-icon { width: 20px; height: 20px; }
.bp-button .size-21 { line-height: 21px; } .bp-button .size-21 .bp-icon { width: 21px; height: 21px; }
.bp-button .size-22 { line-height: 22px; } .bp-button .size-22 .bp-icon { width: 22px; height: 22px; }
.bp-button .size-23 { line-height: 23px; } .bp-button .size-23 .bp-icon { width: 23px; height: 23px; }
.bp-button .size-24 { line-height: 24px; } .bp-button .size-24 .bp-icon { width: 24px; height: 24px; }
.bp-button .size-25 { line-height: 25px; } .bp-button .size-25 .bp-icon { width: 25px; height: 25px; }
.bp-button .size-26 { line-height: 26px; } .bp-button .size-26 .bp-icon { width: 26px; height: 26px; }
.bp-button .size-27 { line-height: 27px; } .bp-button .size-27 .bp-icon { width: 27px; height: 27px; }
.bp-button .size-28 { line-height: 28px; } .bp-button .size-28 .bp-icon { width: 28px; height: 28px; }
.bp-button .size-29 { line-height: 29px; } .bp-button .size-29 .bp-icon { width: 29px; height: 29px; }
.bp-button .size-30 { line-height: 30px; } .bp-button .size-30 .bp-icon { width: 30px; height: 30px; }
.bp-button .size-31 { line-height: 31px; } .bp-button .size-31 .bp-icon { width: 31px; height: 31px; }
.bp-button .size-32 { line-height: 32px; } .bp-button .size-32 .bp-icon { width: 32px; height: 32px; }
.bp-button .size-33 { line-height: 33px; } .bp-button .size-33 .bp-icon { width: 33px; height: 33px; }
.bp-button .size-34 { line-height: 34px; } .bp-button .size-34 .bp-icon { width: 34px; height: 34px; }


/**
	Da usare nel caso in cui il bottone è un link su immagine
	
	es.
	<a href="http..." class="fakehover"><img src="/icon?i=00_twitter&size=18x18&color=000"></a>	
*/
.fakehover:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: alpha(opacity=60);	
	opacity: 0.60;
}