/* General button css */
#fbpsc .btn-social{margin-bottom:5px !important;color: white;position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:32px;font-size:1.6em;text-align:center;}
#fbpsc .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
#fbpsc .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
#fbpsc .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
#fbpsc .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
#fbpsc .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
#fbpsc .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
#fbpsc .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
#fbpsc .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
#fbpsc .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
#fbpsc .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
#fbpsc .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
#fbpsc .btn-block-connect:not(.btn-facebook):not(.btn-amazon):not(.btn-google):not(.btn-paypal):not(.btn-twitter) {width: 120px;}
#fbpsc .btn-title-connect {padding-left: 20px; font-size: 14px;font-weight: bold;}
#fbpsc .btn-connect {	margin-left: 5px; margin-right: 5px; display: inline-block;	margin-bottom: 0;	font-weight: normal;	text-align: center;	vertical-align: middle;	cursor: pointer;	background-image: none;	border: 1px solid transparent;	white-space: nowrap;	padding: 6px 8px;	font-size: 12px;	line-height: 1.42857;	border-radius: 3px;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;  }
#fbpsc .btn-connect:hover {text-decoration: none;}

/* As Facebook can't have a mini button due to their guidelines, we have to adapt the style of the other mini buttons */
#fbpsc.advanced .btn-mini-fbpsc{padding: 6px 8px;margin-bottom: 5px;border-radius: 3px;}

/* Facebook */
#fbpsc .btn-facebook{color:#fff;background-color:#4267B2;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#4267B2;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#4267B2;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#4267B2;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
#fbpsc  .btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#4267B2;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook .badge{color:#4267B2;background-color:#fff}
#fbpsc .btn-facebook .btn-title-connect{padding-left: 25px;}

/* Google */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
/* Use important for the font weight to prevent other rules from altering the Google expectations */
#fbpsc .btn-google .btn-title-connect {font-weight: normal!important;padding: 0 10px 0 40px}
#fbpsc .btn-google .btn-google-icon{background: url(../img/google_icon.svg) transparent 50% no-repeat;width:42px;}
#fbpsc .btn-google{box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.03);padding: 7px 8px;color:#757575;font-family:'Roboto';background-color:#fff;border:0;}.btn-google:focus,.btn-google.focus{color:#757575;background-color:#efefef;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#757575;background-color:#efefef;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#757575;background-color:#efefef;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
#fbpsc .btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus{background-color:#efefef;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google .badge{color:#757575;background-color:#fff}

/* Twitter */
#fbpsc .btn-twitter{color:#545454;background-color:#fff;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#545454;background-color:#fff;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#545454;background-color:#fff;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#545454;background-color:#fff;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
#fbpsc .btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus{background-color:#fff;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-twitter .badge{color:#545454;background-color:#fff}
#fbpsc .btn-twitter span.fa-twitter {color: #55acee;}
#fbpsc .btn-twitter .btn-title-connect {padding-left: 25px;}

/* Paypal */
#fbpsc .btn-paypal{color:#fff;background-image:linear-gradient(#0070BA 20%, #0070BA);background-repeat:no-repeat;border-color:#0070BA}.btn-paypal:focus,.btn-paypal.focus{color:#fff;background-image:linear-gradient(#003087 20%, #003087);border-color:#0070BA;text-decoration:underline}
#fbpsc .btn-paypal:active,.btn-paypal.active,.open>.dropdown-toggle.btn-paypal{color:#fff;background-image:linear-gradient(#003087 20%, #003087);border-color:#0070BA;text-decoration:underline}.btn-paypal:active:hover,.btn-paypal.active:hover,.open>.dropdown-toggle.btn-paypal:hover,.btn-paypal:active:focus,.btn-paypal.active:focus,.open>.dropdown-toggle.btn-paypal:focus,.btn-paypal:active.focus,.btn-paypal.active.focus,.open>.dropdown-toggle.btn-paypal.focus{color:#fff;background-image:linear-gradient(#003087 20%, #003087);border-color:#0070BA;text-decoration:underline}
#fbpsc .btn-paypal.disabled:hover,.btn-paypal[disabled]:hover,fieldset[disabled] .btn-paypal:hover,.btn-paypal.disabled:focus,.btn-paypal[disabled]:focus,fieldset[disabled] .btn-paypal:focus,.btn-paypal.disabled.focus,.btn-paypal[disabled].focus,fieldset[disabled] .btn-paypal.focus{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-paypal .badge{color:#0070ba;background-color:#fff}
#fbpsc .btn-paypal .btn-title-connect {padding-left: 25px;}

/* Amazon */
#fbpsc .btn-amazon{color:#000000;background:linear-gradient(#ffe8ab, #f5c645);border-color:#b38b22}.btn-amazon:focus,.btn-amazon.focus{color:#000000;background-color:#f6c94e;border-color:#b38b22}
#fbpsc .btn-amazon:active,.btn-amazon.active,.open>.dropdown-toggle.btn-amazon{color:#000000;background-color:#f6c94e;border-color:#b38b22}.btn-amazon:active:hover,.btn-amazon.active:hover,.open>.dropdown-toggle.btn-amazon:hover,.btn-amazon:active:focus,.btn-amazon.active:focus,.open>.dropdown-toggle.btn-amazon:focus,.btn-amazon:active.focus,.btn-amazon.active.focus,.open>.dropdown-toggle.btn-amazon.focus{color:#000000;background-color:#f6c94e;border-color:#b38b22}
#fbpsc .btn-amazon:active,.btn-amazon.active,.open>.dropdown-toggle.btn-amazon{background-image:none}
#fbpsc .btn-amazon.disabled:hover,.btn-amazon[disabled]:hover,fieldset[disabled] .btn-amazon:hover,.btn-amazon.disabled:focus,.btn-amazon[disabled]:focus,fieldset[disabled] .btn-amazon:focus,.btn-amazon.disabled.focus,.btn-amazon[disabled].focus,fieldset[disabled] .btn-amazon.focus{background-color:#f6c94e;border-color:#b38b22}
#fbpsc .btn-amazon .badge{color:#000000;background-color:#f6c94e}
#fbpsc .btn-amazon .btn-title-connect{padding-left: 25px;}
