/* nunito-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-200italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 500;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 500;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 800;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 800;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url('/lib/AdminLTE/dist/fonts/nunito-v26-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.left_pane {
  max-width: 550px;
  margin: auto;
  /*background: pink;*/
}

.left_pane .logo_container {
  height: 60px;
  max-width: 350px;
  margin: auto;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .left_pane .logo_container {
    height: 80px;
  }
}

@media (min-width: 992px) {
  .left_pane .logo_container {
    height: 100px;
  }
}

.left_pane .logo_container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.left_pane h1 {
  font-size: 1.3em;
  font-weight: 700;
  color: rgb(37, 47, 74);
}

@media (min-width: 768px) {
  .left_pane h1 {
    font-size: 1.8em;
  }
}

.left_pane p {
  font-weight: 600;
  line-height: 1.4;
  color: rgb(120, 130, 157);
}

.right_pane {
  background: #FFF;
  border-radius: 15px;
}

.right_pane h2 {
  font-weight: 700;
  font-size: 1.7em;
  line-height: 1;
  color: rgb(37, 47, 74);
}

.right_pane h3 {
  font-weight: 600;
  font-size: 1.3em;
  line-height: 1;
  color: #99a1b7;
}

.right_pane .signup_container,
.right_pane .forgot_container {
  font-weight: 600;
  font-size: 1em;
  line-height: 1;
  color: #878fa7;
}

.right_pane .forgot_container {
  font-size: 0.9em;
}

.right_pane .signup_container a,
.right_pane .forgot_container a {
  color: rgb(67, 97, 238);
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
}

.right_pane .signup_container a:hover,
.right_pane .forgot_container a:hover {
  color: #1737c7;
}

input[type="text"],
input[type="password"] {
  font-weight: 600;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
  color: #AAA;
}

.input-group.has-error input {
  border-color: red;
}

.right_pane .btn-primary {
  background: rgb(67, 97, 238);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: .3s;
  --tw-shadow-color: #4361ee99;
  --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow-colored);
  font-weight: 600;
}


.right_pane .btn-primary:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.copyright {
  color: #999;
}

.copyright a {
  color: rgb(105 127 233);
  transition-property: color;
  transition-duration: .3s;
}

.copyright a:hover {
  color: rgb(67, 97, 238);
}

/*signup*/
.text-orange {
  color: #ff851b;
}

.test_password {
  font-size: 13px;
}

.text-green {
  color: #00a65a;
}

.right_pane h4 {
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 15px;
}

.circle-draw {
  width: 50px;
  /* Taille du cercle */
  height: 50px;
  /* Taille du cercle */
  border-radius: 50%;
  /* Rendre le div circulaire */
  display: flex;
  /* Flexbox pour centrer l'icône */
  align-items: center;
  /* Alignement vertical */
  justify-content: center;
  /* Alignement horizontal */
  margin: 0 auto;
}



/* Le viewport ne reçoit position/overflow/height qu'au moment de
   l'animation, posés par login.js. Au repos il ne contraint rien, pour ne
   pas rogner un focus ou une infobulle qui déborderait. */
.views_viewport {
  position: relative;
}

/* =====================================================================
   Retour
   ===================================================================== */

.view_back {
  margin-bottom: 18px;
  font-size: .92rem;
  /* Compense le padding du panneau : la flèche s'aligne sur le bord
       gauche du contenu, pas sur celui du texte centré. */
  margin-top: -8px;
}

.view_back a {
  color: rgb(120, 130, 157);
  text-decoration: none;
  transition: color .15s ease;
}

.view_back a:hover {
  color: rgb(67, 97, 238);
}

.view_back i {
  margin-right: 6px;
  font-size: .85em;
}

/* =====================================================================
   Contenu des vues de code
   ===================================================================== */

.view .code_intro {
  color: rgb(120, 130, 157);
  font-size: .95rem;
  line-height: 1.45;
  text-align: center;
  margin-bottom: 24px;
}

.view .code_error {
  text-align: center;
  margin-top: 14px;
  min-height: 1.2em;
}

/* Le lien de rechargement vit dans un message d'erreur, donc en rouge :
   il doit rester identifiable comme lien sans passer au bleu. */
.invalid-feedback a {
  color: inherit;
  text-decoration: underline;
}

/* =====================================================================
   « Rester connecté »
   ===================================================================== */

.remember_container {
  font-size: .92rem;
}

.remember_container .form-check-label {
  color: rgb(120, 130, 157);
  cursor: pointer;
  user-select: none;
}

.remember_container .form-check-input:checked {
  background-color: rgb(67, 97, 238);
  border-color: rgb(67, 97, 238);
}

.remember_container .form-check-input:focus {
  border-color: rgb(67, 97, 238);
  box-shadow: 0 0 0 .2rem rgba(67, 97, 238, .15);
}