.@charset "UTF-8";

/*DEBUT MODIFICATION SAMUEL*/
.nav-link{
	padding-top:13px !important;
	padding-bottom:13px !important;	
	margin:0px !important;
}

.card-header-tabs-line{
	min-height:0px !important;
	height:50px !important;	
}

.nav-label{
	padding-left:10px !important;
	padding-right:10px !important;	
}

.nav-item{
	flex-grow: 0 !important;
}

#kt_subheader{
	overflow-y:hidden !important;
	overflow-x:hidden !important;	
}

#kt_header_menu_wrapper{
	display:none;	
}

.card-footer{
	/*padding-left:0px !important;
	padding-right:0px !important;*/
	padding-left:0px;
	padding-right:0px;
	padding-top:0px !important;			
}

.col-form-label{
	height:30px !important;
	padding-top:5px !important;
	padding-bottom:5px !important;	
}

.form-control{
	height:30px !important;	
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.input-group-text{
	padding-left:10px !important;
	padding-right:10px !important;	
}

.card-header-tabs-line{
	height:auto !important;	
}
/*
.card-footer{
	padding-top:0px !important;	
}*/

.img-thumbnail{
	border: 0px !important;	
}

@media (max-width:1024.98px){
	#kt_subheader{
		display:none !important;	
	}
	#kt_header_menu_wrapper{
		display:block;	
	}
	.mobilewidth{
		min-width:100% !important;
		padding-right:0px !important;
		margin-bottom:15px 	!important;
	}
	.d-flex{
		display: block !important; 	
	}
	.container {
    	padding-top:50px !important; 
	}
}

/*FIN MODIFICATION SAMUEL*/


body {
  overflow-x: hidden !important;	
}

.subheader{
	margin-top: .0rem !important;	
}

.heurePicker{
	margin:0;
	padding:5px;
	border: 1px solid #7a9688ff;
	border-radius:4px;
	font-size: 1.08rem;
	color: #3f4254!important;
	font-weight: 500!important;
	color: #000;	

}

#arrow-left:hover{
	color: #7a9688ff !important;
	cursor: pointer;
}

#arrow-right:hover{
	color: #7a9688ff !important;
	cursor: pointer;
}

.heurePicker:focus { 
    border: 1px solid #7a9688ff !important;
	outline-color: #7a9688ff !important;
}

.modal-title{
	margin:auto !important;	
}

.modal-body{
	text-align:center !important;	
}

.DisplayNone{
	display:none;	
}

.timeWidth{
	width: 80px;
	
}
.rowBackgroundColor{
	background-color: #fffdfbff !important;
}
#kt_datatable{
	display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .75rem;
	
} 

.overflowSalon{
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #3d5361ff; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fffdfbff; 
}



@media (max-width:425px){
	#salonList{
		height:100px !important;
	}
	#navSalon{
		height:650px !important;
	
	}
	.card.card-custom {
		height:450px !important;
		
	}
	.container{
		padding-top:50px !important; 
	}
	.mobilewidth{
		margin-top:50px !important;
		margin-bottom:10px !important; 
	}
	 .header-menu{
	 /* display:none!important; */
	}
	#kt_header_menu_wrapper{
		/*display:none !important;*/	
	}
	#kt_subheader{
		overflow-x:visible !important;	
	}
	#kt_subheader{
		display:none !important;	
	}
	
	#kt_header_menu_wrapper{
		display:block;	
	}
	
	.mobilewidth{
		min-width:100% !important;
		padding-right:0px !important;
		margin-bottom:15px 	!important;
	}
	
	.d-flex{
		display: block !important; 	
	}
	
	.px-40{
		padding-right:0rem!important;
		padding-left:0rem!important;
	}
	.px-7{
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	
	}
	
}
@media (min-width: 424.99px) and (max-width: 1215.98px){
	 #imgLogo{
		 width: 140px !important;  
	 }
}
@media (width:1025px){
	#kt_subheader{
		display:block !important;	
	}
	#kt_header_menu_wrapper{
		display:none;	
	}
	.header-mobile-fixed .wrapper {
        padding-top: 0!important;	
    }
	#card_entrepriseInfos{
		height: 410px !important;
	}
	#listSalon {
		height: calc(100vh - 158px)!important;
	}
	#salonList{
		height: calc(100vh - 265px)!important;
	}	
	#navSalonInfos{
		height: 490px !important;
	}		
	#navSalonAdresse{
	 	min-height: 310px !important;
	}
	#navSalonIdentifiant{
		height: 290px !important;
	}
	#navSalonProfil{
		min-height:770px!important;
	}
	#navSalonHoraire{
		height: 590px !important;
	}
	#navSalonPhoto{
		height:1300px !important;
	}
	#listSalonAdresse{
		height:650px !important;
	}
	#listSalonProfil{
		height:770px !important;
	}
	#salonListProfil{
		height:660px !important;
	}
	#navSalonService{
		height:480px !important;
	}
	#listSalonPhoto{
		height: 1300px !important;
	}
	#salonListPhoto{
		height: 1200px !important;
	}
	#listSalonComptes{
		height: 310px !important;
	}
	#listeComptes{
		height: 310px !important;
	}
	#navSalonCompte{
		height: 575px !important;
	}
	#salonListComptes{
		height: 200px !important;
	}
	#listeComptesUL{
		height: 200px !important;
	}
	#cardCatFiltre{
		height: 220px !important;
	}
	#heightScreen{
		height:640px !important;
	}
	#categorieUL{
		height:560px !important;
	}
	#lstCategoriesUL{
		height:305px !important;
	}
	#listeCategoriesUL{
		height:200px !important;
	}
	#lstFiltresUL{
		height:305px !important;
	}
	#listeFiltresUL{
		height:200px !important;
	}
	#cardCatstyle{
		height:380px !important;
	}
	#lstCatStyle{
		height:640px !important;
	}
	#categorieStylesUL{
		height:540px !important;
	}
	#heightInfosStyle{
		height:1350px !important;	
	}
	#listeCategories{
		height:660px !important;	
	}
	#listeStyles{
		height:660px !important;
	}
	#listeCategoriesUL{
		height:560px !important;
	}
	#listeStylesUL{
		height:560px !important;
	}
	#listCatFormationUL{
		height:305px !important;
	}
	#listeCategoriesFormationUL{
		height:200px !important;
	}
	#listeStylesFormationUL{
		height:305px !important;
	}
	#listStylesFormationsUL{
		height:200px !important;
	}
	#listCategorieServiceUL{
		height:640px !important;
	}
	#categorieServiceUL{
		height:560px !important;
	}
	#listcategorieServiceUL{
		height:305px !important;
	}
	#categorieServiceUL{
		height:200px !important;
	}
	#listServicesUL{
		height:305px !important;
	}
	#listeServicesUL{
		height:200px !important;
	}
	#listFormationsUL{
		height:640px !important;
	}
	#listeFormationsUL{
		height:560px !important;
	}
	#listUserUL{
		height:640px !important;
	}
	#listeUtilisateursUL{
		height:560px !important;
	}
	#card_comptes{
		height:435px !important;
	}
	#card_listeUserComptes{
		height:100px !important;
	}
	#listAccesUL{
		height:650px !important;
	}
	#listeTypeAccesUL{
		height:550px !important;
	}
	
}
/*@media (min-width:424.98px) and (max-width: 810px) {*/
@media (max-width:810px){
	 #Content_gestion{
	     margin-top: 15px !important;
		 margin-left: 25px !important;
		 margin-right: 25px !important;
		 padding-left:160px !important;
	 }
	
}

@media (min-width:359.98px) and (max-width: 739.98px){
	.container{
    	padding-top: 50px !important;
	}
	
	#listSalon{
		height:250px !important;
	}
	#salonList{
		height:150px !important; 
	}
	#listSalonProfil{
		height:250px !important; 
	}
	#salonListProfil{
		height:150px !important; 
	}
	#navSalonInfos{
	   height:780px !important;
	}
	#navSalonAdresse{
	   height:550px !important;
	}
	#navSalonIdentifiant{
	   height:500px !important;
	} 
	#navSalonProfil{
	   height: 950px !important;
	} 
	#navSalonService{
	   height:600px !important;
	} 
	#navSalonHoraire{
	   height:715px !important;
	} 
	#navSalonPhoto{
	   height:1600px !important;
	}
	#navSalonCompte{
	   height:1030px !important;
	}
	#listeComptesUL{
	   height:150px !important;
	}
	.checkboxeProfil{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.pl-0{
		padding-left: .75rem !important;
	}
	
	#labelCellNumber{
		padding-left: 0!important;
	}
	#labelSalonDescFr{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	#labelSalonDescEn{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	#espaceVide{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		flex: auto;
		max-width: 0%;
	}
	#checkDivPause {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	#checkDivActif{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.labelCol_12{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	.plZero{
		padding-left: 0 !important;
	}
	.labelCol_4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 35%;
		flex: 0 0 35%;
		flex: auto;
		max-width: 35%;
	}
	.inputCol_12{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	.inputCol_4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		flex: auto;
		max-width: 60%;
	}	 
    .espaceMB{
		margin-bottom: 0.7rem !important;
	}
	.accordion.accordion-light .card .card-header .card-title{
		padding: 1rem 1.25rem;
	}
	#listeComptes{
		height: 250px !important;
	}
	.progresBarEspace{
		max-width:0%!important;
	}
	.espaceCol_0{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		flex: auto;
		max-width: 0%;
	}
	.inputCol_6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%!important;
		flex: 0 0 60%!important;
		flex: auto;
		max-width: 60% !important;
	}
	.Col_65{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 65%!important;
		flex: 0 0 65%!important;
		flex: auto;
		max-width: 65% !important;
	}
	.Col_50{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		flex: auto;
		max-width: 50% !important;
	}
	.Col_25{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		flex: auto;
		max-width: 25% !important;
	}
	
	.Col_75{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		flex: auto;
		max-width: 75% !important;
	}
	#card_entrepriseInfos {
   		height: 470px !important;
		margin-top: 45px !important;
	}
	.marginRightBtn {
   		margin-right: 0 !important;
	}
	.cardFooterBtn{
		padding-bottom:80px !important;	
	}
	#heightScreen {
        height: 300px !important;
    }
	#categorieUL{
		height: 200px !important;
	}
	#cardCatFiltre{
		height: 280px !important;
	}
	#card_filtreInfos{
	 	height: 300px !important;
	}
	#lstCategoriesUL{
		height: 300px !important;
	}
	#listeCategoriesUL{
		height: 200px !important;
	}
	#lstFiltresUL{
		height: 300px !important;
	}
	#listeFiltresUL{
		height: 200px !important;
	}
	#lstCatStyle{
		height: 300px !important;
	}
	#categorieStylesUL{
		height: 200px !important;
	}
	#cardCatstyle{
		height: 520px !important;
	}
	#listeCategories{
		height: 300px !important;
	}
	#listeStyles{
		height: 300px !important;
	}
	#listeStylesUL{
		height: 200px !important;	
	}
	#heightInfosStyle{
		min-height:  1570px !important;
	}
	#listeServiceAssocieUl{
		column-count: 1!important;
	}
	.searchCol12{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.pTendance{
		padding-left: 0 !important;
		padding-right: 18px !important;
	}
	#listCatFormationUL{
		height: 250px !important;
	}
	#listeCategoriesFormationUL{
		height: 150px !important;
	}
	#listeStylesFormationUL{
		height: 250px !important;
	}
	#listStylesFormationsUL{
		height: 150px !important;
	}
	
	#listcategorieServiceUL{
		height: 250px !important;
	}
	#categorieServiceUL{
		height: 150px !important;
	}
	#listServicesUL{
		height: 250px !important;
	}
	#listeServicesUL{
		height: 150px !important;
	}
	#listCategorieServiceUL{
		height: 250px !important;
	}
	#categorieServiceUL{
		height: 150px !important;
	}
	#card_comptes{
		height: 470px !important;
	}
	#card_infosComptes{
		height: 750px !important;
	}
	#listFormationsUL{
		height: 250px !important;
	}
	#listeFormationsUL{
		height: 150px !important;
	}
	#listUserUL{
		height: 250px !important;
	}
	#listeUtilisateursUL{
		height: 150px !important;
	}
	#listAccesUL{
		height: 350px !important;
	}
	#listeTypeAccesUL{
		height: 250px !important;
	}
}
@media (min-width:740px) and (max-width: 1025px){
	.container{
    	padding-top: 60px !important;
	}
	#listAccesUL{
		height: 350px !important;
	}
	#listeTypeAccesUL{
		height: 250px !important;
	}
	#listUserUL{
		height: 250px !important;
	}
	#listeUtilisateursUL{
		height: 150px !important;
	}
	#listFormationsUL{
		height: 250px !important;
	}
	#listeFormationsUL{
		height: 150px !important;
	}
	#listSalon{
		height:250px !important;
	}
	#salonList{
		height:150px !important; 
	}
	#listSalonProfil{
		height:250px !important; 
	}
	#salonListProfil{
		height:150px !important; 
	}
	#navSalonInfos{
	   height:700px !important;
	}
	#navSalonAdresse{
	   height:550px !important;
	}
	#navSalonIdentifiant{
	   height:400px !important;
	} 
	#navSalonProfil{
	   height:800px !important;
	} 
	#navSalonService{
	   height:600px !important;
	} 
	#navSalonHoraire{
	   height:715px !important;
	} 
	#navSalonPhoto{
	   height:1300px !important;
	}
	#listSalonPhoto{
		height:250px !important;
	}
	#salonListPhoto{
		height:150px !important;
	}
	#listSalonComptes{
		height:250px !important;
	}
	#salonListComptes{
		height:150px !important;
	}
	#navSalonCompte{
	   height:1200px !important;
	}
	#listeComptesUL{
	   height:150px !important;
	}
	.checkboxeProfil{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.pl-0{
		padding-left: .75rem !important;
	}
	
	#labelCellNumber{
		padding-left: 0!important;
	}
	#labelSalonDescFr{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	#labelSalonDescEn{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	#espaceVide{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		flex: auto;
		max-width: 0%;
	}
	#checkDivPause {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	#checkDivActif{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.labelCol_12{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	.plZero{
		padding-left: 0 !important;
	}
	.labelCol_4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 35%;
		flex: 0 0 35%;
		flex: auto;
		max-width: 35%;
	}
	.inputCol_12{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: auto;
		max-width: 100%;
	}
	.inputCol_4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		flex: auto;
		max-width: 60%;
	}	 
    .espaceMB{
		margin-bottom: 0.7rem !important;
	}
	.accordion.accordion-light .card .card-header .card-title{
		padding: 1rem 1.25rem;
	}
	#listeComptes{
		height: 250px !important;
	}
	.progresBarEspace{
		max-width:0%!important;
	}
	.espaceCol_0{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
		flex: auto;
		max-width: 0%;
	}
	.inputCol_6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%!important;
		flex: 0 0 60%!important;
		flex: auto;
		max-width: 60% !important;
	}
	.Col_65{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 65%!important;
		flex: 0 0 65%!important;
		flex: auto;
		max-width: 65% !important;
	}
	.Col_50{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		flex: auto;
		max-width: 50% !important;
	}
	.Col_25{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		flex: auto;
		max-width: 25% !important;
	}
	
	.Col_75{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		flex: auto;
		max-width: 75% !important;
	}
	#card_entrepriseInfos {
   		height: 470px !important;
		margin-top: 45px !important;
	}
	.marginRightBtn {
   		margin-right: 0 !important;
	}
	.cardFooterBtn{
		padding-bottom:80px !important;	
	}
	#heightScreen {
        height: 300px !important;
    }
	#categorieUL{
		height: 200px !important;
	}
	#cardCatFiltre{
		height: 280px !important;
	}
	#card_filtreInfos{
	 	height: 300px !important;
	}
	#lstCategoriesUL{
		height: 300px !important;
	}
	#listeCategoriesUL{
		height: 200px !important;
	}
	#lstFiltresUL{
		height: 300px !important;
	}
	#listeFiltresUL{
		height: 200px !important;
	}
	#lstCatStyle{
		height: 300px !important;
	}
	#categorieStylesUL{
		height: 200px !important;
	}
	#cardCatstyle{
		height: 520px !important;
	}
	#listeCategories{
		height: 300px !important;
	}
	#listeStyles{
		height: 300px !important;
	}
	#listeStylesUL{
		height: 200px !important;	
	}
	#heightInfosStyle{
		min-height:  1570px !important;
	}
	#listeServiceAssocieUl{
		column-count: 1!important;
	}
	.searchCol12{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.pTendance{
		padding-left: 0 !important;
		padding-right: 18px !important;
	}
	#listCatFormationUL{
		height: 250px !important;
	}
	#listeCategoriesFormationUL{
		height: 150px !important;
	}
	#listeStylesFormationUL{
		height: 250px !important;
	}
	#listStylesFormationsUL{
		height: 150px !important;
	}
	
	#listcategorieServiceUL{
		height: 250px !important;
	}
	#categorieServiceUL{
		height: 150px !important;
	}
	#listServicesUL{
		height: 250px !important;
	}
	#listeServicesUL{
		height: 150px !important;
	}
	#listCategorieServiceUL{
		height: 250px !important;
	}
	#categorieServiceUL{
		height: 150px !important;
	}
	#card_comptes{
		height: 470px !important;
	}
	#card_infosComptes{
		height: 760px !important;
	}	
	
}

@media (min-width:810.99px) and (max-width: 1024.98px){
/*@media (max-width:1021px){*/
	#card_listeUserComptes{
		height: 100px !important;
	}
	#listeTypeAccesUL{
		height: 250px !important;
	}
	#listeUtilisateursUL{
		height: 150px !important;
	}
	#card_comptes{
		height: 470px !important;
	}
	#listeFormationsUL{
		height: 150px !important;
	}
	#categorieServiceUL{
		height: 150px !important;
	}
	#listeServicesUL{
		height: 150px !important;
	}
	#categorieStylesUL{
		height: 150px !important;
	}
	#listeCategoriesUL{
		height: 150px !important;
	}
	#listeStylesUL{
		height: 150px !important;
	}
	#listeFiltresUL{
		height: 150px !important;
	}
	#categorieUL{
		height: 150px !important;
	}
	#cardCatFiltre{
		height: 210px !important;
	}
	#navSalonInfos{
		height: 700px !important;
	}
	#listSalonAdresse{
		height: 250px !important;
	}
	#navSalonAdresse{
		height: 430px !important;
	}
	#navSalonProfil{
		height: 750px !important;
	}
	#navSalonService{
		height: 470px !important;
	}
	#navSalonHoraire{
		height: 590px !important;
	}
	#navSalonPhoto{
		height: 1300px !important;
	}
	#listeComptesUL{
		height: 150px !important;
	}
	#navSalonCompte{
		height: 1000px !important;
	}
	#card_entrepriseInfos{
		height: 410px !important;
	}
	#listSalonPhoto{
		height: 250px !important;
	}
	#salonListPhoto{
		height: 150px !important;
	}

}




/*-----------------------------
        SCROLL BAR CUSTOM   
------------------------------*/ 
* {
  scrollbar-width: thin;
  scrollbar-color: #3d5361ff #d4c6bdff;
}

/* Targtes on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width:7px;
}

*::-webkit-scrollbar-track {
  background:#3d5361ff;
}

*::-webkit-scrollbar-thumb {
  background-color:d4c6bdff;
  border-radius: 2px;
  border: 2px solid #d4c6bdff;
}