/*facebook button*/ .btn-facebook{color:#fff; background-color:#3b5998; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius:5px !important; } .btn-facebook:hover{color:#fff;background-color:#3a61b3} .btn-facebook:focus{color:#fff;background-color:#3b5998;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.7)} .btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle.btn-facebook{background-color:#3b5998;box-shadow:none} /*google sign in button*/ .google_signin_box #customBtn { display: inline-block; background: white; color: #444; width: 100%; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } .google_signin_box #customBtn:hover { cursor: pointer; } .google_signin_box span.label { font-weight: bold; font-family: serif; } .google_signin_box span.icon { background: url('/static/images/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; /*border-right: #2265d4 1px solid;*/ } .google_signin_box span.buttonText { display: inline-block; vertical-align: middle; padding-left: 42px; padding-right: 42px; font-size: 18px; font-weight: bold; width: 80%; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; }