.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
  color: #FFFAEF;
	background: #486F84;
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
    color: #FFFAEF;
	background: #D7A638;
}

a, input { transition:.5s; }
body .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a { font-family:'Assistant'; } 
h1, h2, h3, h4, h5, h6 { font-family: 'Aref Ruqaa'; }
body, body p, a.stylizedButton, a.stylizedButton strong { font-family: 'Assistant'; }
.zoneWAbranding { display:none; }

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li > .item > a { font-family:'Assistant'; color:#486F84; }

A:not(.stylizedButton), A:link:not(.stylizedButton), A:active:not(.stylizedButton), A:visited:not(.stylizedButton), .gadgetStyleNone a:not(.stylizedButton), .gadgetStyleNone a:link:not(.stylizedButton) { color: #D7A638; }

.socialLogin a, a.wa-authenticateLoginLink { color: #ffffff !important; }

a.stylizedButton.buttonStyle007 {
    border: 0;
}

/* MOBILE MENU */
.WaGadgetMobilePanel .mobilePanel { background: #486F84}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton { color:#ffffff; }

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul { background: #dae5eb; }

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover { color:#D7A638; }

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover { background:#486F84; color:#ffffff; }
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton { background:#D7A638; font-family:'Assistant'; }

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a { color:#486F84; font-family:'Assistant'; font-weight:600; }
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item > a { font-family:'Assistant'; color: #486F84; }

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li { padding-bottom:8px; }

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a { font-size:17px; font-family:'Assistant'; color:#486F84; }

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li { padding:6px 0 6px 0; }


/* LOGIN STUFF */
.WaGadgetAuthorizationRequired .loginPageTable input[type='password'], .WaGadgetAuthorizationRequired .loginPageTable input[type='text'] { padding:15px; width:300px; }

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink { color: #486F84; }

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover { background-color:#dae5eb; color:#486F84;  }

.loggedName { font-weight:600; font-size:24px; }
.profileBox a { font-size:16px; line-height:1.75; }
.profileBox a:hover { color:#486F84; }

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink { background: #486F84; }

.WaGadgetLoginForm .alignRight .loginPanel { width: 300px; max-width:100%; }

.WaGadgetLoginForm .loginPanel input[type=text], .WaGadgetLoginForm .loginPanel input[type=password] { height:40px; }
.WaGadgetLoginForm .loginUserNameTextBox:before { top:8px; }
.WaGadgetLoginForm .loginContainer .loginContainerInner .loginPanel .loginContainerForm form .loginAction input.loginButton { font-size:18px; }
.fieldContainer input.subjectTextBox, .fieldContainer input.typeText, .fieldContainer input[type=text] { height:50px; width:400px; max-width:100%; border-radius:0; }

.fieldSubContainer .fieldLabel { font-size:18px; }

.fieldSubContainer>table .left { vertical-align: middle; }

.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit], .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type=submit] { background-color: #486F84 !important; color:#ffffff !important; }
.generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type=submit]:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit]:hover { color:#ffffff !important; background-color: #D7A638 !important; }

.WaGadgetSocialProfile.gadgetThemeStyle2 li a { background-color: transparent; color: #486F84; }
.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover { background-color: transparent; color: #D7A638; }

.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li { font-size:16px; font-weight:600; }

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton, .WaGadgetTermsOfUse .login-role-actions input[type='submit'] { background:#486F84; }
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover, .WaGadgetTermsOfUse .login-role-actions input[type='submit']:hover { background:#D7A638; color:#ffffff; } 

.WaGadgetContent .gadgetStyleBody p > strong, .WaGadgetContent .gadgetStyleBody li > strong { color: #486F84; }

/* SUBSCRIBE */

.generalFormContainer { background:#dae5eb;}

.navigationOuterContainer .navigationContainer { padding:2%; }

.WaGadgetFinDocument .paymentDetailsForm h1 { text-align:center; }

.groupContainer span.label { font-size:125%; }
.fieldSubContainer .fieldLabel .mandatoryLabel {
    font-family: 'Aref Ruqaa';
}

.subscribebox .fieldSubContainer>.fieldLabel {
    float: none;
    width: 100%;
    padding: 4px 2% 2% 0;
    text-align: left;
}

.generalFieldsOuterContainer { padding:0 30px; }

.formTitleOuterContainer .formTitleContainer {
    font-size: 18px;
    padding: 2%;
}

A:not(.stylizedButton), A:link:not(.stylizedButton), A:active:not(.stylizedButton), A:visited:not(.stylizedButton), .gadgetStyleNone a:not(.stylizedButton), .gadgetStyleNone a:link:not(.stylizedButton) { font-color:#ffffff; }


.genericListTable thead th, .membersTable thead th { font-family:'Assistant'; }

.WaGadgetContactProfileStateFinances .genericListTable tr.noLine:hover, .WaGadgetContactProfileStateDonations .genericListTable tr.noLine:hover, .WaGadgetContactProfileStateFinances .genericListTable tr.noLine:hover+tr, .WaGadgetContactProfileStateDonations .genericListTable tr.noLine:hover+tr, .WaGadgetContactProfileStateFinances .genericListTable tr.noLine:hover a, .WaGadgetContactProfileStateDonations .genericListTable tr.noLine:hover a, .WaGadgetContactProfileStateFinances .genericListTable tr.noLine:hover+tr a, .WaGadgetContactProfileStateDonations .genericListTable tr.noLine:hover+tr a { color: #486F84; }
.WaGadgetContactProfile { font-size:16px; }

.generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type=submit]:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit]:hover { background-color:#D7A638; }


/* HOW TO GUIDES */

.howtomenu ul, .howtomenu ul li { list-style:none; }
.howtomenu ul li:before { display:none !important; }

.howtomenu ul li {  }

    .howtomenu ul li a { color:#ffffff !important; text-decoration:none; display: block;
    width: 200px; font-weight:600;     margin: auto;
    padding: 10px; background: #486F84; margin-bottom: 10px; transition:.5s;}

    .howtomenu ul li a:hover { background:#D7A638; }

.WaGadgetContent ul { padding-left:22px; }
.WaGadgetContent ul li { padding-bottom:10px; list-style: none; }

.WaGadgetContent ul li::before {
  content: "\20DD";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #D7A638; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */ position:relative; left:-10px; }

.WaGadgetContent ul li:last-child { padding-bottom:0; }


/* MOBILE */

@media screen and (max-width: 767px) {
    #id_ySJhfMZ {  margin-top: -50px !important;
    width: 75%;
    margin-left:auto;
    margin-right:auto; 
    margin-bottom: 30px;} }
@media screen and (max-width: 767px) { #id_OEVjXpL { display:none; } }
@media screen and (max-width: 767px) { #id_fuXoXDE > div { padding:0 !important; } }
@media screen and (max-width: 767px) { .WaGadgetSocialProfile.gadgetThemeStyle2 li a { width:32px; height:32px; line-height:32px; }  } 

td#id_KRzPiG9 { clear:both; }