.login-form { width: 385px; margin: 30px auto; } .login-form form { background: #c60c30; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.58); padding: 30px; color: #fff; border-radius: 8px; margin-top: 90px; } .login-form h2 { margin: 0 0 15px; } .form-control, .login-btn { min-height: 38px; border-radius: 2px; } .input-group-addon .fa { font-size: 18px; } .login-btn { font-size: 15px; font-weight: bold; } .social-btn .btn { border: none; margin: 10px 3px 0; opacity: 1; } .social-btn .btn:hover { opacity: 0.9; } .social-btn .btn-primary { background: #507cc0; } .social-btn .btn-info { background: #64ccf1; } .social-btn .btn-danger { background: #df4930; } .or-seperator { margin-top: 20px; text-align: center; border-top: 1px solid #fff; } .or-seperator i { padding: 0 10px; background: #f7f7f7; position: relative; top: -11px; z-index: 1; } a { color: #fff; text-decoration: none; } a:focus, a:hover { color: #fcfcfc; text-decoration: underline; } .input-group-addon { background-color: #fff; } body { background-color: #f0f0f0; } .social-btn { margin-top: 8px; } #customBtn { display: inline-block; background: white; color: #444; width: 200px; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; text-align: left; margin-top: 10px; } #customBtn:hover { cursor: pointer; } span.label { font-family: serif; font-weight: normal; } span.icon { background: url('../img/icon-google.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 38px; height: 38px; } span.buttonText { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } #toast-container>div { opacity: .9; }