body {background-attachment: fixed;}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel{
display:none;
}

.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .loginButton, .typeButton, input[type=submit] {background-color: #005CB8 !important; color:#ffffff !important;} /* button color */
.navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover, .loginButton:hover, .typeButton:hover, input[type=submit]:hover {background-color: #005BAB !important;} /* hover color */

.WaGadgetBlog .controlPanel .toggleButton  {background-color: #005CB8 !important; color:#ffffff !important;}

/*.buttonStyle002 {background-color: #005CB8 !important; color:#ffffff !important;}
.buttonStyle003 {background-color: #629b98 !important; color:#ffffff !important;}*/

#idMemberCreatedOnContainer { display: none;}


.forumMessageHeaderInfoContainer {background-color: #DDD !important; color: black !important}

.messageIdText  {background-color: #DDD !important; color:black !important}

.toggleButton {background-color: #DDD !important; color:black !important}


.actionEdit {background-color: #DDD !important; color:black !important}

.actionDelete {background-color: #DDD !important; color:black !important}

/* Style for breadcrums gadget */
#id_puKaahQ {
    font-size: 14px; /* Adjust the font size as needed */
    font-weight: normal; /* Adjust the font weight as needed */
    color: rgba(51, 51, 51, 0.815); /* Change the font color if desired */
    margin-left: 14px;
    margin-top: 4px
}

/* Adjust spacing for smaller screens */
@media (max-width: 600px) {
    #id_puKaahQ {
        margin-left: 5px; /* Less space for mobile devices */
    }
}

/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #629b98 !important;
    color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #629b98 !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #629b98 !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #629b98 !important;
    color: white !important;
}

/* Style for all the dropdown items on the website */
/* Style for the summary text within the details element */
details > summary {
  padding: 8px;
  color:#ffffff !important;
  background-color: #3a7774;
  font-size: 18px;
  text-decoration: underline;
  border-top: 1px solid white;
  box-shadow: 1px 1px 2px #666666;
  cursor: pointer;
  margin-right: 4px
}

/* Style for the hidden content within the details element */
details > p {
  background-color: white;
  padding: 8px;
  margin: 0 2px 2px 2px;
  font-size: 16px
}
/* Style for the hidden div within the details element */
div.details-content {
  background-color: white;
  padding: 8px;
  margin: 0 4px 4px 0;
  box-shadow: 1px 1px 2px #999999;
  font-size: 16px;
  overflow: visible !important;
}

/* Adding an invisiable border to the details element.
Fixed issue of details shifting when dropdown is opened */
details {
    border-left: 1px solid transparent;
}

/* Adding a right border to the opened dropdowns */
details[open] {
    border-left: 1px solid #dadada;
}

/* Styles for the images on the Google Account Help page */
.google-img {
    max-width: 650px !important;
    width: 100%;
}
.google-img-portrait {
    max-width: 300px !important;
    width: 100%;
}
.google-img-large {
    max-width: 750px !important;
    width: 100%;
}