/* Custom CSS MiddleWeb */


.display_none {
	display:none;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #000 #000 transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #FF3D00 #FF3D00;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #000 #000 transparent transparent;
  animation: rotation 1.5s linear infinite;
}
	
@keyframes rotation {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(-360deg);
  }
}

.md_cat {
	background-color:#004873;
	padding:15px;
	color:white;
}

.btn {
}

.main-header .logo {
	line-height: 50px;
	text-align: center;
	font-family: Montserrat,Sans-serif;
	font-weight: 300;
}

.content-header > .breadcrumb {
  font-weight: bold;
}

.lockscreen-logo {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}

.login-logo,
.register-logo {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}


.custom-modal-fullscreen {
	height: 100vh; /* Hauteur de la fenêtre */
	max-height: 100vh; /* Limite la hauteur pour qu'il ne dépasse pas la fenêtre */
}

.custom-modal-content {
	height: 100%; /* Contenu du modal prenant toute la hauteur disponible */
}

.custom-modal-body {
	max-height: calc(100vh - 112px); /* Calculer la hauteur restante (en-tête + pied) */
	overflow-y: auto; /* Permet le défilement si nécessaire */
}

.custom-modal-header {
	background-color: #f8f9fa; /* Exemple de fond pour l'en-tête */
	border-bottom: 1px solid #dee2e6;
}

.custom-modal-footer {
	background-color: #f8f9fa; /* Exemple de fond pour le pied de modal */
	border-top: 1px solid #dee2e6;
}

.autocomplete-box {
	position: absolute;
	border: 1px solid #ccc;
	background-color: white;
	max-height: 200px;
	overflow-y: auto;
	z-index: 9999;
	width: 300px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.autocomplete-option {
	padding: 8px;
	cursor: pointer;
}
.autocomplete-option:hover {
	background-color: #f0f0f0;
}

.notabtn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.mwbprofile-user-img {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	object-fit: cover;
	padding: 3px;
	border: 3px solid #d2d6de;
}

/* Custom CSS MiddleWeb */