html, body {
  height: 100%;
}


/*                               Grans écrans                 */

@media (min-width: 576px) {

  body {
    display: flex;
  }

  .login {
    display: inline-flex;
    margin: auto;
    padding: 20px;
    background-color: #eee;
    border: 2px solid #bdbdbd !important;
    border-radius: 10px;
    box-shadow: 0 0 7px 2px rgba(0,0,0,.3) !important;
  }

  .jet-logo-inline {
    display: none;
  }
  .jet-logo img{
    height:  260px;
    margin-right: 20px;
  }

  .form-signin {
    max-width: 280px;
    /* padding: 15px; */
    margin: 0 auto;
  }

}


/*                               Petits écrans                 */

@media (max-width: 576px) {

  body {
    display: flex;
  }

  .login {
    display: inline-flex;
    margin: auto;
    padding: 20px;
    background-color: #eee;
    border: 2px solid #bdbdbd !important;
    border-radius: 10px;
    box-shadow: 0 0 7px 2px rgba(0,0,0,.3) !important;
  }

  .jet-logo-inline img {
     max-width: 230px;
     padding-bottom: 40px;
     padding-top: 30px;
     padding-right: 15px;
  }

  .jet-logo {
    display: none;
  }

  .form-signin {
    max-width: 240px;
    /* padding: 15px; */
    margin: 0 auto;
  }

}

/*                              Form                 */



.form-signin .form-signin-heading,
.form-signin .checkbox,
.btn {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .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;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*  écrans  */
@media (min-width: 576px) {
  .show-sm {
    display: none !important;
  }
}

/*  smartphones  */
@media (max-width: 576px) {
  .show-lg {
    display: none !important;
  }
}

.modal-dialog {
	margin: 30px auto;
}