/* Header Colors and Logo Size*/
.headerContainer
{
  background-color: rgb(0,48,96);
  color: White;
}

.loginHeader1
{
  background-color: rgb(0,48,96);
}

.loginHeader2
{
  background-color: #59595B;
}

#siteName
{
  color: White;
}

#logo
{
  width: 196px;
  height: 48px;
}

.login a, .login a:hover, .login a:visited
{
  color: White;
}

/* Menu Colors*/
.SiteMenu1
{
  background-color: #59595B;
}

.SiteMenu1 .SiteMenuActive A
{
  color: White;
}

.SiteMenu1 .SiteMenuInactive A
{
  color: White;
}

.SiteMenu2
{
  background-color: #ccc;
}

.SiteMenu2 .SiteMenuActive A
{
  color: Black;
}

.SiteMenu2 .SiteMenuInactive A
{
  color: Black;
}

/* Footer Colors */
#footerContainer, #footerContainer a, #footerContainer a:hover, #footerContainer a:visited
{
  background-color: #59595B;
  color: #ddd;
}

.copyright
{
  color: #ddd;
}

#MainContent_Email, #MainContent_FirstName, #MainContent_MiddleName, #MainContent_LastName, #MainContent_EmailLabel, #MainContent_FirstNameLabel, #MainContent_MiddleNameLabel, #MainContent_LastNameLabel
{
  pointer-events: none !important;
  background: #ddd !important;
  border-color: #ddd !important;
}

#MainContent_Gender, #MainContent_AddressLine1, #MainContent_AddressLine2, #MainContent_AddressLine3, #MainContent_Country, #MainContent_StateDomain, #MainContent_PostalCode, #MainContent_PostalCodeExtension, #MainContent_PhoneNumber, #MainContent_City, #MainContent_GenderLabel, #MainContent_AddressLine1Label, #MainContent_AddressLine2Label, #MainContent_AddressLine3Label, #MainContent_CountryLabel, #MainContent_StateDomainLabel, #MainContent_PostalCodeLabel, #MainContent_PostalCodeExtensionLabel, #MainContent_PhoneNumberLabel, #MainContent_CityLabel, #MainContent_StateLabel, .zipSeparator{
  display: none !important; 
}

#LogOnPanel div div:nth-child(2), #LogOnPanel div div:nth-child(3){
  height: 0px;
}

/* -----------------------------------------------
  added by wes11
-------------------------------------------------- */
body, #ProfilePersonalInformationPage {
  background-color: #F8F8F8;
  color: #212529;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  min-width: auto;
  text-align: left;
}

#progressMeter {
  text-align: left;
}

#MainContent_ConfirmInfoPanel #MainContent_DepositInformationPanel {
  border: 1px solid black;
  background: #ffffb7;
  font-size: 18px !important;
}

#MainContent_ConfirmInfoPanel #MainContent_DepositInformationPanel span, #MainContent_ConfirmInfoPanel #MainContent_DepositInformationPanel p {
  text-transform: uppercase;
}

#MainContent_ConfirmInfoPanel #MainContent_DepositInformationPanel p {
  font-size: 24px;
  vertical-align: top;
}

#MainContent_ConfirmInfoPanel .Summary {
  background: transparent;
  font-weight: bold;
}

#mainContainer {
  display: block;
}

#MainContent_AccountSummaryPanel {
  display: block;
  width: 23%;
}

#MainContent_DepositAmountNextButton, #MainContent_ContinueButton, #MainContent_NextButton {
  float: left;
  width: 25%;
  height: 50px;
}

.accountDetails {
  position: relative;
  width: 70%;
  min-height: 1px;
}

.accountTitle {
  padding: 10px;
}

.accountsMenu {
  position: relative;
  width: 100%;
  min-height: 1px;
}

#MainContent_UserImage {
  display: block;
  padding-bottom: 20px;
  width: 25%;
}

#MainContent_AccessLink {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  display: inline-block;
  font-size: 25px;
  font-weight: 500;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  width: 25%;
  }

#MainContent_Email, #MainContent_FirstName, #MainContent_MiddleName, #MainContent_LastName, #MainContent_EmailLabel, #MainContent_FirstNameLabel, #MainContent_MiddleNameLabel, #MainContent_LastNameLabel {
  background: transparent !important;
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin-left: 10px;
  width: auto;
}

#MainContent_Email {
  pointer-events: all !important;
}

input[type=text] {
  float: left;
  height: auto;
  padding: 5px;
  width: auto;
}

.formGrouping {
  border: 0;
}

.formPanel, .formSection {
  border: 0;
  background: transparent;
  width: auto;
}

.formIntroText {
  font-size: 22px;
}

.formInstructions, .formLine {
  font-size: 15px;
}

.formSection {
  padding: 0;
}

#AnonymousHomePage .button {
  width: 100% !important;
  padding: 18px 0 50px 0;
}

#AnonymousHomePage input, #AnonymousHomePage select {
    width: 50% !important;
    float: right !important;
}

/*------------------------------------------*/
/*              responsive css              */
/*------------------------------------------*/
@media screen and (max-width: 992px) {
  .accountDetails, .footerText, .orgName, .formIntroText, .formInstructions, .formLine, .displayPanel h1, .accountsMenu p.accountType, .accountsMenu p.accountBalance, 
  .accountsMenu p.addMoney, #MainContent_SelectAccountHeaderLabel, #MainContent_SelectAccountInstructionsLabel, #MainContent_DepositAmountHeaderLabel, 
  #MainContent_DepositAmountHeaderLabel, #MainContent_SelectDepositTypeInstructionsLabel, #MainContent_AccountDropDownList, 
  #MainContent_DepositTypePanel legend.accessibilityLegend, #MainContent_DepositTypePanel label, 
  #MainContent_PaymentMethodPanel fieldset.accessibilityFieldSet, #MainContent_DepositAmountInstructionsLabel, #MainContent_ConfirmInfoPanel, 
  #MainContent_ConfirmInfoPanel #MainContent_DepositInformationPanel, #MainContent_ConfirmInfoPanel #MainContent_DepositInformationPanel p, 
  #MainContent_ConfirmInfoPanel #progressMeter, #MainContent_ConfirmInfoPanel .Summary, #AnonymousHomePage p, #AnonymousHomePage .button, 
  #AnonymousHomePage #guestDepositIntro, #AnonymousHomePage span, .accountTitle h1, #MainContent_AccountBalance, #MainContent_AccountCredit, #MainContent_lblAccountBalance,
  #MainContent_lblAccountCreditLimit, #MainContent_lblAccountMinDeposit, #MainContent_lblAccountMaxDeposit, #MainContent_AccountMinDeposit, #MainContent_AccountMaxDeposit {
    font-size: 35px !important;
  }

  .RadGrid_eAccount2, .RadGrid_eAccount2 .rgMasterTable, .RadGrid_eAccount2 .rgDetailTable, .RadGrid_eAccount2 .rgGroupPanel table, 
  .RadGrid_eAccount2 .rgCommandRow table, .RadGrid_eAccount2 .rgEditForm table, .RadGrid_eAccount2 .rgPager table, .GridToolTip_eAccount2 {
    font: 30px "segoi ui",arial,sans-serif !important;
  }

  #MainContent_DepositAmountNextButton, #MainContent_ContinueButton, #MainContent_NextButton { 
    height: 100px;
    width: 100%;
    font-size: 40px;
  }

  #MainContent_DepositCancelButton {
    float: left;
  }

  #MainContent_DepositAmountInstructionsLabel {
    padding-bottom: 20px;
  }

  #MainContent_AccountDropDownList {
    height: 70px;
    width: 100%;
    background-color: white;
  }

  #MainContent_DepositTypePanel INPUT[type=radio], #MainContent_DepositTypePanel INPUT[type=checkbox], #MainContent_CreditCardRadioButton {
    height: 40px;
    width: 30px;
  }

  #MainContent_AccountSummaryPanel {
    display: block;
    width: 100%;
  }

  #MainContent_UserImage {
    float: left;
    padding-bottom: 20px;
    width: 100%;
  }

  #MainContent_AccessLink {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    display: inline-block;
    font-size: 25px;
    font-weight: 500;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }

  #MainContent_EmailLabel, #MainContent_FirstNameLabel, #MainContent_MiddleNameLabel, #MainContent_LastNameLabel, #MainContent_GenderLabel {
    float: left;
    font-size: 35px;
    font-weight: bold;
    width: 100%;
  }

  #MainContent_BeneficiaryLastName_row {
    display: flex;
    justify-content: left !important;
  }

  #MainContent_GuestDepositButton, #MainContent_SignInButton {
    height: 100px !important;
    margin-top: 30px;
  }

  .formPanel, .formSection {
    border: 0;
    background: transparent;
    width: auto;
  }

  .formSection {
    padding: 0;
  }

  input[type=text] {
    font-size: 35px !important;
    width: 100%;
  }

  .formGrouping {
    border: 0;
  }

  #progressMeter {
    font-size: 30px;
  }

  #AnonymousHomePage .formLine {
    width: 100%;
    height: auto !important;
    font-size: 35px;
    display: block;
  }

  #AnonymousHomePage input, #AnonymousHomePage select {
    height: 50px;
    width: 90% !important;
    padding-bottom: 30px !important;
    float: left !important;
  }

  #AnonymousHomePage #LogOnPanel, #AnonymousHomePage #GuestDepositContainer, #AnonymousHomePage #signInNotify {
    width: 90% !important;
    margin-top: 60px !important;
  }

  #AnonymousHomePage .button {
    padding: 28px 0 70px 0;
    font-size: 35px !important;
  }

  #DivHeaderContainer {
    height: auto;
  }

  .form1, #siteMenuPanel {
    max-width: 90%;
  }

  #logo {
    height: auto;
    margin-top: 40px;
    width: 100%;
  }

  #CampusLogo {
    height: auto;
    width: 50%;
  }

  #siteName, .login {
    float: left;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 6%;
    margin-top: 0;
    width: auto;
  }

  #siteName {
    font-size: 4rem;
  }

  .login {
    font-weight: normal;
    margin-bottom: 50px;
    width: 100%;
  }

  .SiteMenu1 {
    font-size: 35px;
    height: auto;
    padding-bottom: 25px;
    padding-left: 6%;
    padding-top: 15px;
  }

  .SiteMenu2 {
    font-size: 35px;
    height: auto;
    padding-bottom: 35px;
    padding-left: 5%;
    padding-top: 15px;
  }

  .SiteMenuActive, .SiteMenuInactive {
    padding-right: 3%;
    width: 100%;
  }

  .account, .accountsMenu p.accountName  {
    font-size: 35px;
    padding: 2% 2% 0 2%;
  }

  .accountDetails {
    display: block;
    width: 100%;
  }

  .accountsMenu p.accountBalance, .accountsMenu p.addMoney, .accountsMenu p.accountStatus {
    padding-bottom: 4%;
  }

  .accountsMenu p.addMoney {
    font-weight: 500;
    text-align: right;
    width: 100%;
  }

  #footerContainer, #footerContainer a, #footerContainer a:hover, #footerContainer a:visited {
    font-size: 35px;
  }

  .footerText, #SiteMenuFooter, .footerMenu, .footerLinks {
    float: left;
    margin-bottom: 50px;
    width: 100%;
  }

  .footerLinks {
    margin-bottom: 70px;
  }

  .footerLinks ul li {
    font-size: 20px;
  }

  .copyright {
    font-size: 20px;
  }
}