/*body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}*/
@-ms-viewport {
    width: device-width;
}
.cust-portal.container > .navbar-collapse,
.cust-portal.container > .navbar-header {
    margin-left:0;
    margin-right:0;
}
.cust-portal.container {
    padding-left:16px;
    padding-right:16px;
}
.cust-portal {
    margin-top:30px;
    margin-bottom:50px;
}
.cust-portal h2 {
    font-size:21px;
    line-height:28px;
    margin-top:0;
    margin-bottom:30px;
}
.cust-portal h2 + p {
    line-height:28px;
}
.cust-portal p.help-block {
    color:inherit;
    opacity:0.5;
}
.cust-portal p {
    margin:0 0 35px;
}
.cust-portal p + h2 {
    margin-top:50px;
}
div.cust-portal label {
    font-weight:normal;
    line-height:28px;
    padding-top:0;
}
div.cust-portal input + label {
    margin-top:15px;
}
.cust-portal .btn {
    margin:0 5px 0 0;
}
.cust-portal .btn.large {
    padding-left:54px;
    padding-right:54px;
}
.cust-portal .buttonRow {
    margin-top:30px;
}
.cust-portal .buttonRow.moreSpace {
    margin-top:50px;
}
.cust-portal .buttonRow.center {
    text-align:center;
}
.cust-portal .lightText {
    opacity:0.5;
}
.cust-portal .noMargin {
    margin:0;
}
.cust-portal .login-first,
.cust-portal .login-reg,
.cust-portal .login {
    padding-left:0;
    padding-right:0;
}
.cust-portal #findProfile {
    max-width:350px;
}
.cust-portal #accountNumContainer,
.cust-portal #emailOrPhoneContainer {
    margin-bottom:30px;
}
.cust-portal #emailAddrReader {
    font-weight:bold;
}
.loginfirst {
    margin: 0 15% 0 5%;
}
.cust-portal .login-first {
    margin-bottom:50px;
}
.cust-portal .login-header {
    font-size:22px;
}
.cust-portal .login-reg h2 {
    margin-top:0;
}
.loginForm {
  max-width: 330px;
}
.loginForm .loginForm-heading {
  margin-bottom: 10px;
}
.loginForm .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
/*  font-size: 16px;*/
}
.loginForm .form-control:focus {
  z-index: 2;
}
.loginForm input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.loginForm input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.loginForm label {
    padding: 15px 0 0 0;
}
.cust-portal .pass-strength-container {
    position:relative;
    margin-bottom:30px;
}
.cust-portal .resendCodeMsgContainer {
    text-align:center;
}
.cust-portal #resendCode_message {
    margin-top:20px;
}
.form1 label {
    padding: 15px 0 0 0;
}
.addtchildform label {
    padding: 15px 0 0 0;
} 
.edacctform label {
    padding: 15px 0 0 0;
} 
.edloginform label {
    padding: 15px 0 0 0; 
}
.payCardForm label {
    padding: 15px 0 0 0; 
}
.paycheckform label {
    padding: 15px 0 0 0; 
}
.loginFormUN label {
    padding: 15px 0 0 0; 
}
.newPayForm label {
    padding: 15px 0 0 0; 
}
/* Desktop Browser Additions*/
@media (min-width: 600px) and (min-height: 800px){
    footer {
        position: absolute;
    }
}
@media (min-width: 600px){
    .cust-portal div.pass-container {
        max-width:200px;
        width:100%;
        position: absolute;
        top: 46px;
        left: 0;
        line-height:28px;
    }
    .cust-portal div.pass-container + p {
        line-height: 28px;
        border-left: 1px #ccc solid;
        border-top:none;
        padding-left: 20px;
        padding-top:0;
        margin-left:216px;
        margin-top:0;
        margin-bottom:0;
        min-height: 55px;
    }

    footer {
        padding: 20px 10px;
       /* border-top: 1px dotted #e6e6e6;*/
        position: relative;
        width: 100%;
        height: auto;
        max-height: 80px;
        bottom: 0;
        left: 0;
    }
    .cust-portal footer {
        padding:0;
    }
}
@media (min-width: 768px){
    .login {
        padding: 35px 0 35px 0;
    }
    .cust-portal .login {
        width:100%;
    }
    .cust-portal .login-reg {
        margin-left:20px;
    }
    .welcomeHeadline {
        margin: 0;
    }
}
@media (max-width: 768px){
    .loginreg{
        margin: 0 5%;
    }  
}
@media (min-width: 992px){
   .content {
        max-width: 90%;
        margin: auto;
    } 
}
.topLinks {
    float: right;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #888;
}
.logo {
    margin: 0 auto;
}
footer {
    background-color: #888;
    color: white;
    font-size: 11px;
}
.cust-portal + footer {
    font-size: 12px;
    padding: 19px 16px 20px;
}

.footer a{
    color: white;
}

.footerInner {
    margin: 0 auto;
}

.navbar {
    border-radius: 0px;
    background-color: #213562;
    
}

.navbar li a{
    color: white;
}
.welcomereg {
    margin: 0 0 0 5%;
}

.welcomefirst {
    margin: 0 0 0 5%;
}

.welcomeImgBordered {
float: left;
  padding: 2px;
border: 2px #213562 solid;
  /*margin: 5px 50px 30px 20px;*/
}

.welcomeInstructions {
    padding-bottom: 15px;
}
.welcomeHeadline {
    margin-bottom: 0;
}
    
img.logo {
    margin: 0 5% 0 5%;
    padding: 10px 0 0 0;
}
.linkBtn {
    margin: 5px 0;
    background-color: #bb1467;
    color: white;
    border-color: #bb1467;
}
.linkBtn:hover{
     background-color: #bb1467; 
}
.cust-portal .linkBtn {
    margin: 5px 0;
}

.tableHeading {
    border-bottom: solid 1px
}

td.label {
  color: black;
  font-size: 1.0em;
}

tr.spaceUnder > td
{
  padding-bottom: 1em;
}
tr.spaceUnder > th
{
  padding-bottom: 1em;
}
table.gridtable {
  /*font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
  border: 0;
  border-collapse: collapse; }
table.gridtable th {
border: 0;
padding: 8px 40px 8px 10px;
font-weight: bold; }
table.gridtable td {
border: 0;
padding: 8px 40px 8px 10px; }
/*table.gridtable .blink {
color: #06478c;
font-weight: bold; }
table.gridtable .blink a {
  color: #06478c;
  font-weight: bold; }*/

td.field {
  white-space: nowrap;
    padding-right: 100px;
}

.hiddenDiv {
  display: none; }

.visibleDiv {
  display: block; }

table.frmtable > tbody > tr > td {
    padding-right: 2em;   
}
table.frmtable > tbody > tr > th {
    padding-right: 2em;   
}

.sectionHeader {
    border-bottom: solid 1px;
    padding-bottom: 5px;
}

#password, #passwordnew {
    /*padding: 10px;*/
   /* border: 1px solid #000;*/
    margin: 0 0 10px;
}
div.progress-bar {
    background: rgb(204, 204, 204);
    width: 0%;
}
div.progress {
    margin-bottom: 0px;
}
div.pass-container {
    height: 20px;
    width: 260px;
    /*padding-left: 10px;*/
    margin-bottom: 25px;
}
.cust-portal .pass-container {
    height: 20px;
    margin-bottom: 25px;
}
.cust-portal .pass-container + p {
    border-top: 1px #ccc solid;
    padding-top: 20px;
    margin-top: 50px;
}
div.pass-bar-container {
   /* height: 11px;*/
    margin-top: 2px;
    border: solid 1px;
}
div.pass-bar {
    height: 11px;
    /*margin-top: 2px;*/
}
div.pass-hint {
    font-size: 13px;
}
.cust-portal div.pass-hint {
    font-size: 14px;
    margin-top:6px;
    opacity: 0.5;
}

.alert {
  padding: 5px;
  margin-bottom: 0px; 
  margin-top: 10px;
}

.bank_div {
      padding-left: 15px;
}
.label2 {
    font-weight: bold;
}
.label3 {
    padding-left: 15px;
}

.cust-portal .verificationCode {
    margin-top: 50px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}
.cust-portal .verificationCode p {
    font-size: .8em;
}

.cust-portal .verificationCode .number-code > div {
    display: flex;
}
.cust-portal .verificationCode input.code-input {
    font-size: 3.5em;
    font-weight:bold;
    width: 1em;
    text-align: center;
    flex: 1 0 1em;
    margin-right:20px;
    background-color:#EAEEF4;
    border-radius: 10px;
    height:80px;
}
.cust-portal .verificationCode input.code-input:last-child {
    margin-right:0;
}
.cust-portal .verificationCode input {
    border: 4px solid transparent;
}
.cust-portal .verificationCode input:invalid {
    box-shadow: none;
}
@media only screen and (max-width: 600px) {
    .cust-portal .verificationCode {
      font-size: 1rem;
    }
}