/* Social media sharing styles */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

#share-buttons { padding: 2px 2px; overflow: hidden; }
.share-button { background: #DCE0E0; position: relative; display: block; float: left; height: 40px; margin: 4px; overflow: hidden; width: 188px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.share-button-medium { background: #DCE0E0; position: relative; display: block; float: left; height: 40px; margin: 4px; overflow: hidden; width: 135px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#pnlCampaignPageCampaignShareShow .share-button-medium{ width:127px !important;}
#pnlCampaignPageCampaignShareShow .share-button-medium:last-child{ margin-right:0}
.public-box .share-button-medium{ width:132px !important;}
.share-button-small { background: #DCE0E0; position: relative; display: block; float: left; height: 40px; margin: 4px; overflow: hidden; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.share-icon { display: block; float: left; position: relative; z-index: 3; height: 100%; vertical-align: top; width: 38px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; text-align: center; }
.share-icon i { color: #fff; line-height: 42px; font-style:normal !important; }
.share-icon-medium { display: block; float: left; position: relative; z-index: 3; height: 100%; vertical-align: top; width: 38px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; text-align: center; }
.share-icon-medium i { color: #fff; line-height: 42px; font-style:normal !important; }
.share-icon-small { display: block; float: left; position: relative; z-index: 3; height: 100%; vertical-align: top; width: 38px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
.share-icon-small i { color: #fff; line-height: 42px; font-style:normal !important; }
.share-label { z-index: 2; display: block; margin: 0; height: 100%; left: 38px; position: absolute; width: 150px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; border-left: 1px solid rgba(255, 255, 255, 1.0); }
.share-label p { font-weight: bold; font-size: 13px; color: #fff !important; left: 0; margin: 0; position: absolute; text-align: left; top: 13px; width: 100%; margin-left: 10px !important; }
.facebook .share-icon, .facebook .share-icon-medium, .facebook .share-icon-small, .facebook .share-label { background: #305c99; }
.twitter .share-icon, .twitter .share-icon-medium, .twitter .share-icon-small, .twitter .share-label { background: #00cdff; }
.linkedin .share-icon, .linkedin .share-icon-medium, .linkedin .share-icon-small, .linkedin .share-label { background: #4875B4; }
.email .share-icon, .email .share-icon-medium, .email .share-icon-small, .email .share-label { background: #E56528; }