.login-button-google { display: inline-block; background: #4285F4; color: white; /*width: 190px;*/ /*width: 100%;*/ border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } .login-button-google:hover { cursor: pointer; } .login-button-google span.label { font-family: serif; font-weight: normal; } .login-button-google span.icon { background: url('https://developers.google.com/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 22px; margin-top: 4px; margin-bottom: 4px; } .login-button-google span.buttonText { display: inline-block; vertical-align: middle; text-align: center; padding-left: 30px; padding-right: 30px; font-size: 14px; font-weight: normal; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } .login-button-microsoft { display: inline-block; background: #2F2F2F; color: white; /*width: 190px;*/ /*width: 100%;*/ border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } .login-button-microsoft:hover { cursor: pointer; } .login-button-microsoft span.label { font-family: serif; font-weight: normal; } .login-button-microsoft span.icon { background: url('../Images/logo_microsoft.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 22px; margin-top: 4px; margin-bottom: 4px; margin-left: 5px; } .login-button-microsoft span.buttonText { display: inline-block; vertical-align: middle; text-align: center; padding-left: 30px; padding-right: 30px; font-size: 14px; font-weight: normal; font-family: Segoe UI, sans-serif; } .login-button-saml { display: inline-block; background: #000000; color: white; /*width: 190px;*/ /*width: 100%;*/ border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } .login-button-saml:hover { cursor: pointer; } .login-button-saml span.label { font-family: serif; font-weight: normal; } .login-button-saml span.icon { background: url('../Images/logo_ad.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 22px; margin-top: 4px; margin-bottom: 4px; margin-left: 5px; } .login-button-saml span.buttonText { display: inline-block; vertical-align: middle; text-align: center; padding-left: 20px; padding-right: 30px; font-size: 14px; font-weight: normal; font-family: Segoe UI, sans-serif; }