html {
    font-size: 14px;
  }
  
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
  
  .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
  }
  
  html {
    position: relative;
    min-height: 100%;
  }
  
  body {
    margin-bottom: 60px;
  }
  
  .backGraphic {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url('../img/backgroundLogin.jpg');
      background-position-x: left;
      background-position-y: top;
      background-repeat: no-repeat;
      background-color: #fff;
  }
  
  .login {
      background: #fbfbfb;
      border: 1px solid #ddd;
      box-shadow: 0 1px 1px #ececec;
      -webkit-box-shadow: 0 1px 1px #ececec;
      -moz-box-shadow: 0 1px 1px #ececec;
      position: relative
  }
  
  
      .login header {
          padding: 15px 13px;
          margin: 0;
          border-bottom-style: solid;
          border-bottom-color: rgba(0,0,0,.1);
          background: rgba(248,248,248,.9);
          font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
          line-height: 1.42857143;
          color: #333;
          font-size: 16px;
          font-weight: 300;
      }
  
  
      .login fieldset {
          display: block;
          padding: 25px 14px 5px;
          border: none;
          background: rgba(255,255,255,.9);
          position: relative;
      }
  
  
  .missingPassword {
      font-size: 13px
  }
  .rememberMe {
      font-size: 13px
  }