/* 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);
}

/*SIGNIN*/
.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;
}