.bigger-submenu * {
font-size: 1.2em;
}
#id_RJfl4Kb * {
color: #007236;
}
/* Login button */
/*.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #87c97f !important;
    color: white !important;
}*/
/* Login button on hover */
/*.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #ff8357 !important;
}*/
/* Logout button */
/*
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #87c97f !important;
}*/
/* Logout button on hover */
/*.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #ff8357 !important;
    color: white !important;
}*/

/* code from tutorial for replacing login icon with login button */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
width: 150px;
height: 50px;

}
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
   font: normal 25px/50px 'Tahoma';
content: 'Profile';

}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
width: 150px;
height: 50px;
   margin-left: -5em;
    background: #87c97f !important;
    color: white !important;

}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before {
font: normal 25px/50px 'Tahoma';
   content: 'Login';
}
/* mobilr login button */
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
    width: 75px;
    height: 36px;
    background: #87c97f !important;
    color: white !important;
    margin: 15px;

}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
    font: normal 16px/36px 'Ubuntu';
    content: 'Login';
        padding-left: 12px;
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged:before {
    font: normal 16px/36px 'Ubuntu';
    content: 'Profile';
        padding-left: 12px;
}