/* Général */

@font-face {
    font-family: 'Signika Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Signika Regular'), url('../fonts/Signika-Regular.woff') format('woff');
}
    

@font-face {
    font-family: 'Signika Light';
    font-style: normal;
    font-weight: normal;
    src: local('Signika Light'), url('../fonts/Signika-Light.woff') format('woff');
}
    

@font-face {
    font-family: 'Signika SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Signika SemiBold'), url('../fonts/Signika-SemiBold.woff') format('woff');
}
    

@font-face {
    font-family: 'Signika Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Signika Bold'), url('../fonts/Signika-Bold.woff') format('woff');
 }

*{
   font-family: 'Signika Regular', sans-serif !important;
 }

 .container-fluid{
  max-width: 1920px;
 }




 hr{
  margin-top: 30px;
  margin-bottom: 30px;}

 .bg-menu-theme {
  /*background-color: #ffffff !important;*/
  /*color: #636578;*/
  /*box-shadow: 20px 0 40px rgba(0, 0, 0, 0.2);*/
}

footer{margin-top: 50px;}


.logo-mycadixpro {
  bottom: 0;
  text-align: center;
  z-index: 999; /* Adjust the z-index value as needed */
}

.logo-mycadixpro img {
  max-width: 100%; /* Adjust the maximum width as needed */
  height: auto; /* Maintain the aspect ratio */
  padding: 30px;
}

.version-mycadixpro{
  text-align: center;
}

.red_cdx{
  color: #A2131C!important;
}
 
 body .login {
   display: flex;
   justify-content: center;
   align-items: center;
 }

.p-20{
  padding:20px ;
}

.link-simple {
    color: #B9212B;
    text-decoration: underline;
}

.link-simple:hover {
  color: #000;
  text-decoration: underline;
}

.dark-style .link-simple {
    color: #fff;
    text-decoration: underline;
}

.dark-style .link-simple:hover {
    color: #d2d2e8;
    text-decoration: underline;
}

.dark-style .card-title {
    color: #fff !important;
}

.dark-style hr {
    color: #4c4e5a !important;
}


.dark-style .Tracé_6276{
    fill: #fff !important;
}
.dark-style .Tracé_6277{
    fill: #fff !important;
}
.dark-style .Tracé_6278{
    fill: #fff !important;
}
.dark-style .Tracé_6279{
    fill: #fff !important;
}
.dark-style .Tracé_6284{
    fill: #fff !important;
}

.dark-style .bg-menu-theme .menu-text {
    color: #ffffff;
}

h1,h2,h3,h4{
  font-family: 'Signika Bold';
  font-weight: normal;
  color: #141414 !important;
}

.avatar-xxl{
  width: 150px;
  height: 150px;
  font-size: 43px !important;
}

/* Styles pour la carte (card) */
.card {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  min-height: 250px; /* Définir une hauteur minimale */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.center{
  justify-content: center;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Styles pour la carte avec image en fond */
.img_dashboard {
  justify-content: center;
  align-items: center;
  background: url('../img/ban-dashboard.png') center center no-repeat; /* Chemin de l'image et propriétés de l'arrière-plan */
  background-size: cover; /* Ajustement de la taille de l'image */
}

/* Styles pour le contenu de la carte */
.img_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Utilisé pour centrer le contenu verticalement */
}

/* Styles pour l'image du logo */
.img_logo img {
  max-width: 100%; /* Ajuste la largeur de l'image pour qu'elle soit responsive */
  height: auto;
}

.contact-card {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  align-items: center;
  margin-bottom: 20px;
}

.contact-image {
  width: 80px;
  height: 80px;
  border: 2px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
}

.contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.contact-details {
  text-align: left;
}

.icon-question{
  max-height: 30px;
}

.contact-details p, .contact-details h4{
  margin-bottom: 0 !important;
}

.contact-details h4{
  font-size: 20px;
}


.card-button{
  font-size: 18px;
  border-radius: 10px;
  overflow: hidden;
  min-height: 103px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-clip: padding-box;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(76, 78, 100, 0.22);
  transition: background-color 0.3s, transform 0.3s;
}

 /* Limiter la hauteur de l'image de recette */
 .limit-h-img-recette {
  max-height: 255px;
  object-fit: cover;
}

/* Limiter la hauteur de l'image de recette */
 .limit-h-img-recette-list {
  max-height: 310px;
  object-fit: cover;
}

.hover-up{
  transition: background-color 0.3s, transform 0.3s;
}

.card-button:hover, .hover-up:hover {
  transform: translateY(-5px); /* Déplacement vers le haut de 5 pixels */
}



.gris-fonce{
  background-color: #636576;
  color: #fff;
}
.gris-fonce:hover{
  background-color: #4d4f5c;
  color: #fff;
}

.gris-fonce-2{
  background-color: #2E2F36;
  color: #fff;
}
.gris-fonce-2:hover{
  background-color: #1d1e23;
  color: #fff;
}

.rouge{
  background-color: #B9212B;
  color: #fff;
}

.rouge:hover{
  background-color: #9d121b;
  color: #fff;
}

.rouge-fonce{
  background-color: #7B1C22;
  color: #fff;
}

.rouge-fonce:hover{
  background-color: #5e1217;
  color: #fff;
}

.gris-clair{
  background-color: #9C9EAF;
  color: #fff;
}

.gris-clair:hover{
  background-color: #828390;
  color: #fff;
}

.center{
  margin: 0 auto;
  text-align: center;
}

.card-body h2{
  font-size: 22px;
}

.btn-primary {
    color: #fff;
    background-color: #B9212B !important;
    border-color: #B9212B !important;
    border-radius: 80px !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #A2131C !important;
    border-color: #A2131C !important;
}


/* Page login */

.authentication-wrapper .auth-cover-illustration {
    z-index: 1;
}

.light-style .authentication-wrapper .authentication-bg {
    background-color: #fff;
    box-shadow: -45px 0 40px rgba(0, 0, 0, 0.3);
}


  /* Styles pour le conteneur de la classe authentication-cover */
.authentication-cover-container {
    position: relative;
  }
  
  /* Styles pour l'image de fond */
  .authentication-cover {
    /*background-image: url('/assets/img/backgrounds/background-login.jpg');*/
    background-image: url('../img/backgrounds/background-login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
  }
  
  .english-flag::before {
    content: " "; /* Vous devez spécifier un contenu pour que le pseudo-élément soit généré */
    display: inline-block;
    width: 30px; /* Largeur de l'image */
    height: 30px; /* Hauteur de l'image */
    background-image: url('../img/english-flag.png'); /* Spécifiez le chemin de votre image */
    background-size: cover; /* Ajuste la taille de l'image pour remplir la zone spécifiée */
    margin-right: 5px; /* Ajoute une marge à droite de l'image pour l'espacement */
    vertical-align: middle; /* Alignement vertical au milieu */

  }


  .french-flag::before {
    content: " "; /* Vous devez spécifier un contenu pour que le pseudo-élément soit généré */
    display: inline-block;
    width: 30px; /* Largeur de l'image */
    height: 30px; /* Hauteur de l'image */
    background-image: url('../img/french-flag.png'); /* Spécifiez le chemin de votre image */
    background-size: cover; /* Ajuste la taille de l'image pour remplir la zone spécifiée */
    margin-right: 5px; /* Ajoute une marge à droite de l'image pour l'espacement */
    vertical-align: middle; /* Alignement vertical au milieu */

  }

  #heure {
    font-size: 25px;
    color: #636578;
  }


.light-style .bg-menu-theme {
    background-color: #ffffff !important; 
    color: #636578; 
    box-shadow: 20px 0 40px rgba(0, 0, 0, 0.2); 
}

.dark-style .bg-menu-theme {
     background-color: #30334e !important; 
     color: #d2d2e8; 
     box-shadow: 20px 0 40px rgba(0, 0, 0, 0.2); 
}

.light-style .bg-menu-theme .menu-item a{
    color: #636578; 
}
.light-style .bg-menu-theme .menu-item a:hover{
    color: #000 !important; 
}

.light-style .bg-menu-theme .menu-text {
    color: #636578;
}
.light-style .st2 {
    fill: #3b3739;
}

.light-style .app-brand .layout-menu-toggle svg {
  
    color: #636578; 
}

.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
    background-color: #A2131C!important;
}

.dark-style .card {
    border: 1px solid #2f334e;
  }


.dark-style h1, .dark-style h2, .dark-style h3, .dark-style h4 {
    font-family: 'Signika Bold';
    font-weight: normal;
    color: #ffffff !important;
}

.dark-style .text-white {
    color: #fff !important;
}

.light-style .text-white {
    color: #282a42 !important;
}

.title-recette{color:black;}