.user-group{ text-align: right; font-size: 25px; position: relative; } .user-group a, .user-group ul{ margin-right: 10px; color: white; } .login-navbar{ margin: 7.5px -15px; } .loginDp, #userMenu, #cartMenu > div{ min-width: 250px; overflow:hidden; background-color: rgba(129, 23, 26, 0.89); } .loginDp .help-block, #userMenu .help-block{ font-size:12px } .loginDp .bottom, #userMenu .bottom, #cartMenu > div .bottom{ /* background-color:rgba(255,255,255,.8); */ background-color: #81171A; /* border-top:1px solid #ddd; */ clear:both; padding:14px; } .loginDp .social-buttons, #userMenu .social-buttons{ margin:12px 0 } .loginDp .social-buttons a, #userMenu .social-buttons a{ width: 49%; } .loginDp .form-group, #userMenu .form-group{ margin-bottom: 10px; } .form-group .radio-group{ /* font-size: 1em !important; */ } .form-group .radio-group .radio-container{ /* font-size: 1em !important; */ } @media(max-width:768px){ .loginDp, #userMenu{ background-color: inherit; color: #fff; } .loginDp .bottom, #userMenu .bottom{ background-color: inherit; border-top:0 none; } } #userMenu li.item-user-menu{ text-indent: 0px; /* padding-bottom: 15px; */ padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid white; } .login-navbar > li > .action-color:hover{ color: black; } .logged .user-name{ font-style: italic; } .logged > a > i{ color: #31DC31; } .login-navbar a{ color: white; } .login-navbar a:hover{ color: black; } .form-login-popover, .user-menu-popover, .cart-menu-popover{ display: none; max-width: 240px; position: absolute; width: 240px; left: -50px; } .fb-login-btn { background: #3B5998; color: white; text-align: center; height: 45px; border: thin solid #063394; border-radius: 5px; padding: 0px 10px 0px 10px; box-shadow: 1px 1px 1px #02153E; font-family: Segoe UI, ROBOTO, San Francisc; } .gp-login-btn { background: #dd4b39; color: white; text-align: center; height: 40px; border: 0px; border-radius: 5px; padding: 2xp; margin: 2px; } /*CUSTOM GOOGLE BUTTON*/ #customBtn { display: inline-block; background: white; color: #444; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } #customBtn:hover { cursor: pointer; } span.icon { background: url('https://google-developers.appspot.com/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; } span.buttonText { display: inline-block; vertical-align: middle; margin-left: -5px; /* padding-left: 42px; */ padding-right: 10px; font-size: 14px; font-weight: bold; /* Use the Roboto font that is loaded in the */ /* font-family: 'Roboto', sans-serif; */ } .foreign{ display: none; }