body {
    background: #FFF;
    color: #333;
    font-family: "Segoe UI",Arial,sans-serif;
    overflow-x:hidden;
      min-height: 100%;
      position: relative;
      padding-bottom: 100px;
  }
  
  html {
    height: 100%;
    box-sizing: border-box;
  }
  
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  
  a:hover, a:visited, a:link, a:active
  {
      text-decoration: none !important;
  }
   
  .allButFooter {
      margin: 0 auto;
  }
  
  .allButFooterLanding {
      min-height: calc(108vh - 100px);
  }

  .footerText {  
    font-family: 'Raleway', sans-serif;
    font-size: 10pt;
    color: #89C4F4;  
  }
  
  .footerPnlLink {
    text-decoration: underline;
    font-weight: 600;
  }
  
  .footerStandardLink {
    text-decoration: underline;
    color: #89C4F4;
    display: inline-block;     
    position: relative;    
    z-index: 1;            
    vertical-align: middle;    
  }
  
  .footer {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;  
    background: #134582;
  }

  .dashboardCardCustom {
    border-radius: 15px;
    border-color: #000814;
    background-color: #003566;
    color: #DADFE1;
  }

  .dashMajorValue {
    font-family: 'Comfortaa', serif;
    font-size: 22pt;    
    font-weight: bold;
  }

  .darkBgColor {
    background-color: #001D3D;
  }

  .lightBgColor {
    background-color: #F6F7F8;
  }

  .amountPos {
    color: #51b136 !important;
  }

  .amountNeg {
    color: #d81010 !important;
  }

  .envelope-log,
  .envelope-log th,
  .envelope-log td,
  .envelope-log .text-muted {
    color: #7BACDD !important;
  }

  .SmDollar {
    font-size: 10pt;
  }

  .amount {
    font-size: 21pt;
    font-weight: bold;        
    color: #5e605e;
    cursor: pointer;
}

.frontCard {
  background-color: #DADFE1;
  box-shadow: -4px 6px 4px 1px #999;
}

.frontCardTitle {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 14pt;
  font-weight: bold;
}

.frontCat {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 11pt;    
}

.frontIcon {
  height: 30px;
  width: 30px;    
}

.editCardTitle {
  background-color: #DADFE1;
  color: #003566;
  border-radius: 8px;
}

.login-page {
  min-height: 100vh;
  padding: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(123, 172, 221, .22), transparent 30rem),
    linear-gradient(135deg, #00152d 0%, #003566 55%, #134582 100%);
}

.login-shell {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 2rem 1rem;
}

.login-card {
  width: min(100%, 440px);
  padding: 2.25rem;
  background: rgba(255, 255, 255, .97);
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 1.25rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 8, 20, .35);
}

.login-brand {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.login-logo {
  width: 58px;
  height: 58px;
}

.login-eyebrow {
  color: #53769d;
  font-family: 'Raleway', sans-serif;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.login-title {
  color: #003566;
  font-family: 'Comfortaa', sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
}

.login-intro {
  margin: 1.5rem 0;
  color: #66788b;
}

.login-card .form-label {
  color: #284664;
  font-weight: 600;
}

.login-card .form-control:focus {
  border-color: #7BACDD;
  box-shadow: 0 0 0 .25rem rgba(123, 172, 221, .25);
}

.login-submit {
  background: #003566;
  border-color: #003566;
  font-weight: 600;
}

.login-submit:hover,
.login-submit:focus {
  background: #134582;
  border-color: #134582;
}

.login-password-toggle {
  min-width: 4.5rem;
}

.login-security-note {
  margin-top: 1.5rem;
  color: #7a8998;
  font-size: .82rem;
  text-align: center;
}

@media (max-width: 575.98px) {
  .login-card {
    padding: 1.5rem;
  }

  .login-title {
    font-size: 1.45rem;
  }
}