.swiper-wrapper h4 {		
}

.error{
	background-color:green !important;
	width:100%;
	height:40px;
	line-height:40px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
}

 .box-content {
     padding: 0 15px;
}
/* Conteneur pour l'input et les boutons */
 .input-number-container {
     display: block;
     align-items: center;
     margin: 0 auto;
     width: 145px;
    /* background: red;
     */
     height: 50px;
}
/* Cacher les flèches natives de l'input number */
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type="number"] {
     -moz-appearance: textfield;
    /* Cacher les flèches pour Firefox */
}
/* Style de l'input */
 input[type="number"] {
     width: 45px;
     height: 40px;
     padding: 5px;
     font-size: 16px;
     border: 1px solid #ccc;
     border-radius: 7px;
     margin: 5px 0;
     text-align: center;
     outline: none;
     transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
     float: left;
}
/* Focus de l'input */
 input[type="number"]:focus {
     border-color: #007BFF;
     box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* Style des boutons + et - */
 .input-number-container button {
     width: 40px;
     height: 40px;
     font-size: 18px;
     line-height: 0;
     font-weight: bold;
     color: white;
     background-color: #007BFF;
     border: none;
     border-radius: 7px;
     cursor: pointer;
     margin: 5px;
     transition: background-color 0.3s ease-in-out;
     float: left;
}
/* Style des boutons au hover */
 .input-number-container button:hover {
     background-color: #0056b3;
}
/* Style pour désactiver le bouton */
 .input-number-container button:disabled {
     background-color: #ccc;
     cursor: not-allowed;
     display:block;
}
 .box-swiper .swiper-container .item-logo .image-left {
     width: 100%;
     padding: 0;
     text-align: center;
     background-color: #f5f6f9;
     border-radius: 10px;
}
 .box-swiper .swiper-container .item-logo img {
     max-width: 100%;
     margin: 0 auto;
}
 .item-logo {
     height:100px;
}
 .leselect img{
     width:65px;
}
 .leselect h4 {
    /*font-size:14px !important;
    */
     line-height: initial !important;
     font-weight: 500;
     font-size: x-small !important;
}
 .box-swiper .swiper-container .item-logo {
     align-content: center;
     justify-content: space-around;
	 margin-bottom: 5px;
}
 .leselect .item-logo {
     padding: 5px !important;
}
 .leselect {
     cursor: pointer;
}

	.ste {	   
	display:none;
	}
	
	.item-timeline {
    border: 1px solid #E0E6F7;
    padding: 10px;
    border-radius: 5px;
	width:auto;
}

.imgAdress  {	
	width: 25px;
    display: block;
    margin-right: 8px;
    float: left;	
}


   #Sphoto {
	   display:none;
	   
   }
input[type=file] {
  color: #222245;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #222245;
  width:100%;
}

input[type=file]:focus {
  outline: 2px dashed #222245;
  outline-offset: 2px;
}

input[type=file]::file-selector-button {
  margin-right: 8px;
  border: none;
  background: #222245;
  padding: 8px 12px;
  color: #fff;
  cursor: pointer;
}

input[type=file]::file-selector-button:hover {
  background: #4747b8;
}

/* Les styles du dark mode */
@media (prefers-color-scheme: dark) {
  input[type=file] {
    color: #fff;
    border: 1px solid #35356e;
    background-color: #1e1e3f;
  }

  input[type=file]:focus {
    outline: 2px dashed #7c7cc0;
    outline-offset: 2px;
  }

  input[type=file]::file-selector-button {
    background: #35356e;
    color: #fff;
  }
}


.btn.btn-view {
    background-image: url(../imgs/template/view.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
    width: 32px;
    padding: 0px;
    background-color: #EFF2FB;
    margin-left: 8px;
}

.btnNav {	
    background-color: #FFF;
    border-radius: 7px;
    height: 85px;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 1px 1px 11px #d7d3d3;
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
    line-height: 15px;
	}
	
	.btnNav span {	
	text-align: center;
    width: 100%;
    display: block;
    font-size: 14px;
    height: 35px;
	line-height:35px;
    font-weight: 600;
	}
	
	.btnNav img {	
	margin:10px auto;
	}
	
	.hola  {
		width:100%;
		display:block !important;
		margin: 0 auto;
		border-radius:8px;
		height:60px;	
		border-radius: 8px;
		overflow: hidden;	
		padding:0 !important;		
	}		
	
	.hola li {
		width: 50%;
		float: left;
		margin: 0;
		height: 100%;
		padding: 0;		
	}	
	
	
	.hola li a {
		width: 100%;
		float: left;
		margin: 0;
		height: 100%;
		padding: 16px;		
		font-weight: 600;
	}	
	
	.hola li a.active {
       font-weight: 900;
	   background-color: #3C65F5;
	   color: #FFF;
	   
	 
	}