/* facebook, twitter, more */
#sharePanel { margin: 0px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
#sharePanel { padding: 2px 6px;}
    #sharePanel > div.dropdown, #sharePanel > div.dropup {float: left;}
    #sharePanel .share-btn {opacity: 0.9; display: inline-block; float: left; width:46px; height:46px; margin: 0px 2px; background-position: center; background-repeat: no-repeat; background-size: contain; cursor:pointer;}
    #sharePanel .share-btn:hover, #sharePanel .dropdown.open .share-btn, #sharePanel .dropup.open .share-btn {opacity:1;}
    #sharePanel .share-btn:active {transform: scale(0.95); transform-origin: center;}
    #sharePanel .share-btn.share-facebook {background-image: url(../../../../../../sys/res/icon/share/facebook.png);}
    #sharePanel .share-btn.share-twitter  {background-image: url(../../../../../../sys/res/icon/share/twitter.png);}
    #sharePanel .share-btn.share-more   {background-image: url(../../../../../../sys/res/icon/share/more.png);}
    /* more dropdown triangel position */
    #sharePanel .dropdown-menu:before {left: 17px;}
    #sharePanel .dropdown-menu:after  {left: 18px;}
    #sharePanel .pull-right > .dropdown-menu:before {left: initial; right: 17px;}
    #sharePanel .pull-right > .dropdown-menu:after  {left: initial; right: 18px;}