/* 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:15px;top:5px;bottom:0;width:30px;height:20px;line-height:30px;font-size:1.6em;text-align:center; margin-left: 5px;}
#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-google-default):not(.btn-paypal):not(.btn-twitter):not(.btn-tiktok):not(.btn-instagram):not(.btn-linkedin) {width: 140px;}
#fbpsc .btn-title-connect {padding-left: 30px; font-size: 14px;}
#fbpsc .btn-connect {	margin-left: 5px; margin-right: 5px; display: inline-block;	margin-bottom: 0;	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; opacity: 0.85;}
#fbpsc .btn-rounded { border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
#fbpsc .btn-shadow  {border: 1px solid;padding: 5px;box-shadow: 0px 2px 2px #888888; padding-right: 15px; padding-left: 5px;}


/* 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;}

/* Amazon */
.btn-social>.fa-bt-amazon{background: url(../img/social/amazon-brands.svg) no-repeat center;}
#fbpsc .btn-amazon{font-weight:bold; 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;}

/* Facebook */
.btn-social>.fa-bt-facebook{background: url(../img/social/facebook-f-brands.svg) no-repeat center;}
#fbpsc .btn-facebook{font-weight:bold; color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;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:#23345a;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:#3b5998;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook .badge{color:#3b5998;background-color:#fff}

/* Google */
.btn-social>.fa-bt-google{background: url(../img/social/google-brands.svg) no-repeat center;}
#fbpsc .btn-google{font-weight:bold; color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;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:#fff;background-color:#a32b1c;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:#dd4b39;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google .badge{color:#dd4b39;background-color:#fff}

/** Google default **/
/* 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-default .btn-google-default-icon{background: url(../img/social/google_icon.svg) transparent 50% no-repeat;}
#fbpsc .btn-google-default{padding: 7px 8px;color:#757575;font-family:'Roboto';background-color:#fff;border:0;}.btn-google-default:focus,.btn-google-default.focus{color:#757575;background-color:#efefef;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google-default:active,.btn-google-default.active,.open>.dropdown-toggle.btn-google-default{color:#757575;background-color:#efefef;border-color:rgba(0,0,0,0.2)}.btn-google-default:active:hover,.btn-google-default.active:hover,.open>.dropdown-toggle.btn-google-default:hover,.btn-google-default:active:focus,.btn-google-default.active:focus,.open>.dropdown-toggle.btn-google-default:focus,.btn-google-default:active.focus,.btn-google-default.active.focus,.open>.dropdown-toggle.btn-google-default.focus{color:#757575;background-color:#efefef;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google-default:active,.btn-google-default.active,.open>.dropdown-toggle.btn-google-default{background-image:none}
#fbpsc .btn-google-default.disabled:hover,.btn-google-default[disabled]:hover,fieldset[disabled] .btn-google-default:hover,.btn-google-default.disabled:focus,.btn-google-default[disabled]:focus,fieldset[disabled] .btn-google-default:focus,.btn-google-default.disabled.focus,.btn-google-default[disabled].focus,fieldset[disabled] .btn-google-default.focus{background-color:#efefef;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google-default .badge{color:#757575;background-color:#fff}

/* Paypal */
.btn-social>.fa-bt-paypal{background: url(../img/social/paypal-brands.svg) no-repeat center;}
#fbpsc .btn-paypal{font-weight:bold; 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:#000;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;}

/* Tiktok */
.btn-social>.fa-bt-tiktok{background: url(../img/social/tiktok-brands.svg) no-repeat center;}
#fbpsc .btn-tiktok{font-weight:bold; color:#fff;background-color:black;border-color:rgba(0,0,0,0.2)}.btn-tiktok:focus,.btn-tiktok.focus{color:#fff;background-color:black;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-tiktok:hover{color:#fff;background-color:black;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-tiktok:active,.btn-tiktok.active,.open>.dropdown-toggle.btn-tiktok{color:#fff;background-color:black;border-color:rgba(0,0,0,0.2)}.btn-tiktok:active:hover,.btn-tiktok.active:hover,.open>.dropdown-toggle.btn-tiktok:hover,.btn-tiktok:active:focus,.btn-tiktok.active:focus,.open>.dropdown-toggle.btn-tiktok:focus,.btn-tiktok:active.focus,.btn-tiktok.active.focus,.open>.dropdown-toggle.btn-tiktok.focus{color:#fff;background-color:#801419;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-tiktok:active,.btn-tiktok.active,.open>.dropdown-toggle.btn-tiktok{background-image:none}
#fbpsc .btn-tiktok.disabled:hover,.btn-tiktok[disabled]:hover,fieldset[disabled] .btn-tiktok:hover,.btn-tiktok.disabled:focus,.btn-tiktok[disabled]:focus,fieldset[disabled] .btn-tiktok:focus,.btn-tiktok.disabled.focus,.btn-tiktok[disabled].focus,fieldset[disabled] .btn-tiktok.focus{background-color:black;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-tiktok .badge{color:black;background-color:#fff}

/* Twitter */
.btn-social>.fa-bt-twitter{background: url(../img/social/tw-x.svg) transparent 50% no-repeat;}
#fbpsc .btn-twitter{font-weight:bold;color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-twitter:hover{color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#000;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:#fff;background-color:#1583d7;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:#000;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-twitter .badge{color:#000;background-color:#fff}

/* Linkedin */
.btn-social>.fa-bt-linkedin{background: url(../img/social/linkedin-in-brands.svg) no-repeat center;}
#fbpsc .btn-linkedin{font-weight:bold; color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active:hover,.btn-linkedin.active:hover,.open>.dropdown-toggle.btn-linkedin:hover,.btn-linkedin:active:focus,.btn-linkedin.active:focus,.open>.dropdown-toggle.btn-linkedin:focus,.btn-linkedin:active.focus,.btn-linkedin.active.focus,.open>.dropdown-toggle.btn-linkedin.focus{color:#fff;background-color:#00405f;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
#fbpsc .btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled.focus,.btn-linkedin[disabled].focus,fieldset[disabled] .btn-linkedin.focus{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-linkedin .badge{color:#007bb6;background-color:#fff}

#fbpsc .bt-btn-sl-mini {width: 35px;height: 35px;}.bt-btn-sl-mini>:first-child{position:absolute;left:-3px;top:7px;bottom:0;width:30px;height:20px;line-height:30px;font-size:1.6em;text-align:center;}
@media only screen and (max-width: 600px) {
  #fbpsc .bt-btn-sl {
    width: 100%;
  }
}

@media only screen and (min-width: 748px) {
  #fbpsc .bt-btn-sl {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  #fbpsc .bt-btn-sl {
    width: 275px;
  }
}