/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Login Page
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
body.logon-server {
  /*background: url(../../images/bg-photo-day.jpg) center bottom no-repeat;*/
  /*background-size: cover;*/
  color: white;
  background-color:#576A82;
  background: linear-gradient(110deg, #576A82 60%, #3C526D 60%);
  min-height: 110vh;
  margin-top: 0;
  margin-bottom: 54px; }
  body.logon-server .login-content {
    width: 100%;
    margin: 30px auto 0 auto; }
    @media (min-width: 1060px) {
      body.login .login-content {
        width: 1060px; } }
  body.logon-server .login-form {
    width: 380px;
    margin: 0 auto; }
  body.logon-server .login-status {
    color: #f64431;
    margin-bottom: 1.25rem;
  }
  body.logon-server .login-logo {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
  }
  body.logon-server .login-svg-logo {
    display: inline-block;
  }
  body.logon-server .login-svg-logo svg {
    width:200px;
    height:66px;
  }
  body.logon-server.black .login-svg-logo svg #kapta-logo-font path {
    fill:#333333;
  }

  .logon-list-item {
    width: calc(100% - 78px);
    display: inline-block;
    padding: 20px;
    }

  .logon-list-button {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 100%;
  }

  .logon-code {
    padding: 32px 0 0 0;
    margin-left: 80px;
  }

  .logon-code input {
    text-align: center;
    left: 10px;
    position: relative;
  }

  .login-debug-text {
    display: block;
    font-family: monospace;
  }

   .logon-server .logon-row {
    margin-top: 30px;
    padding-top: 30px;
   }

   .logon-server .logon-row.error {
    margin-top: 0;
   }

   body.logon-server.black .login-debug-text {
    color: #333333;
   }

  body.logon-server .login-tagline {
    text-align: center;
    font-weight: 300;
    font-size: 2.25rem; }
  body.logon-server.black .login-tagline {
    color: #333333 }

  body.mobile .login-tagline {
    padding: 30px 0 10px 0;
  }
  body.logon-server .login-footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 54px;
    width: 100%;
    z-index: 900;
    padding: 0 30px;
    background-color: #4f4c50;
    background-image: -webkit-linear-gradient(#4f4c50, #434044);
    background-image: linear-gradient(#4f4c50, #434044);

  }
    body.logon-server .login-footer img {
      width: 97px;
      display: inline-block;
      margin-top: 10px; }
    body.logon-server .login-footer span {
      line-height: 54px;
      font-size: 16px;
      color: #ffffff; }
      body.logon-server .login-footer span a {
        color: #ffffff;
        text-decoration: underline; }
  body.logon-server input#password {
    float: left;
    padding-right: 50px; }
  body.logon-server #show-password {
    height: 42px;
    width: 45px;
    font-size: 13px;
    line-height: 42px;
    display: inline-block;
    color: #666666;
    text-align: center;
    /* border-top: 1px solid #d3d3d3; */
    border-left: 1px solid #d3d3d3;
    /* border-bottom: 1px solid #d3d3d3; */
    position: absolute;
    right: 20px;
    bottom: 20px; }
    body.logon-server #show-password:hover {
      cursor: pointer; }

    .card-row.mt {
        margin-top: 2.25rem !important;
    }

    .logon-server .good {
        color: #47b14b;
    }

    .logon-server li {
        font-size: 0.875rem;
    }

    .login-message {
        color: #333333;
        text-align: center;
        font-size: 1.25rem;
    }

    .login-form .child-button {
        cursor: pointer;
        padding : 30px 20px 40px 20px;
    }

    h3.error {
        margin: 20px;
        color: #f64431;
        font-weight: bold;
    }

    .text-black {
        color: black;
    }

    .text-center {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

/* ***********************************************************
    Text Boxes
************************************************************ */
input[type='password'], input[type='text'], input[type='email'] {
    font-size: 0.875rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: #ffffff !important;
    color: #2a2a2a !important;
    font-size: 0.875rem;
}

.login-form label.float-label {
    font-size: 1.25rem;
    transform: translateY(-1.75rem);
    line-height: 1.3rem;
}

.login-form .card.password {
    position: absolute;
    left: -2000px;
    width: 100%;
}


.login-form .left-center {
    -webkit-animation: ss-left-center 0.75s forwards;
    -webkit-animation-delay: 0.2s;
    animation: ss-left-center 0.75s forwards;
    animation-delay: 0.2s;
}

@-webkit-keyframes ss-left-center {
    100% { left: 0; }
}