.login-box{
    width: 500px;
    padding: 5rem;
}

.login-logo img{
    max-height: 50px;
}
.login-box .pure-material-textfield-outlined{
    width: 100%;
}
.login-wrapper{
    padding-top: 0;
}
.password-field{
    position: relative;
}

a{
    color: #437C92;
    text-decoration: underline;
}

.password-visibility-icon{
    position: absolute;
    right: 12px;
    top: 9px;
    cursor: pointer;
    font-size: 1.2rem;
}

.password-visibility .password-visibility-icon:before{
    content: "\e902";
    font-family: 'icomoon';
    color: #75B8D2;
}

.password-visibility .password-visibility-icon.visible:before{
    content: "\e91c";
}

.bordered {
    border: dashed 2px #ccc;    
    /* Individual border image properties */
    border-image-source: url("../images/login-border.svg");
    border-image-slice: 2;
    border-image-repeat: round;  
    
    /* or use the shorthand border-image */
    border-image: url("../images/login-border.svg") 1 round;
  }


  .login-box h3{
      color: #555555;
      font-weight: 400;
  }

  .login-box p{
      color: #555555;
      font-size: 0.85rem;
  }

  .form-group{
      margin-bottom: 2.5rem;
  }

  .validation-error{
      border-color: #E7345F !important;
      box-shadow: inset 1px 0 #E7345F, inset -1px 0 #E7345F, inset 0 -1px #E7345F,  inset 0 1px #E7345F !important;
  }

  .validation-error-message{
      position: absolute;
      top: 105%;
      color: #E7345F !important;
      font-size: 0.8rem !important;
  }
  .loginerrorshow{
    margin-bottom: 15px;
    font-size: 15px !important;
    color: #E7345F !important;
}