/*Smartphone */
  /*@media screen and (max-width: 768px)
  {
	table.login{width:99%;}

	.button_choix_application{
	  display: block;
	  margin : 5px;
	}

	.noMobileDataTable {}
	.noMobile { display:none;}

	.menu_haut td#id_td_logo { display: none;}
	.tab_ligne_menu_haut {     padding-top: 5px;}
	.tab_ligne_menu_haut td{ display : inline}
	.tab_ligne_menu_haut td.application_name{	  display : block;	}

	.FilAriane{display:none;}
	.div_action_page .menu_page{width:100%}
	.divLegende{ display:inline-block;}

	select{max-width: 130px;}
	textarea{max-width: 170px;}
	a.popin-classique{display: none;}

	ul.nav li {display: none;}
	ul.nav li.icon {
	  float: right;
	  display: inline-block;
	  color: white;
	}
	ul.nav li.icon a{font-size: 18px;}
	ul.nav.responsive {position: relative; width:90%}
	ul.nav.responsive li.icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	ul.nav.responsive li {
	  float: none;
	  display: block;
	}
	ul.nav.responsive li a {
	  display: block;
	  text-align: left;
	  vertical-align: middle;
	  float: left;
	  clear:both;
	}

	ul.nav.responsive li .sub-nav{
	  position : initial;

	  border-left : 1px solid white;
	  width: 55%;
	  display: block;
	}
	ul.nav.responsive li .sub-nav li{
	  float: none;
	  display: inline;
	}
	ul.nav.responsive li .sub-nav li a {
	  display: block;
	  text-align: left;
	  vertical-align: middle;
	  width: 95%;
	}

	.Filtre{
	  position: initial !important;
	  width:95% !important;
	}

	.Resume
	{
	  width:95% !important;
	  display : block !important;
	  margin : 0 !important;
	}

	#label_search_barcode i{font-size: 7pt !important;}
	#label_search_sinistre i{font-size: 7pt !important;}
	#txt_codebarre_vehicule{max-width: 120px;}
	#txt_sinistre_vehicule{max-width: 100px;}

	.etape_liste{
	  width: 95%;
	  float:none;
	  margin:0;
	}

	#etape_form
	{
	  width: 95%;
	  float:none;
	  margin:0;
	}

	#eclate_vehicule_sinistre
	{
	  width: 100%;
	  float: none;
	}

	#sinistre_form
	{
	  width: 100%;
	}

	#eclate_vehicule figure img{
	  max-width: 80%;
	}

	.TableauBord{
	  width : 95% !important;
	}

	#eclate_vehicule_sinistre figure .row_btn img{
	  display : none;
	}
  }
  */


@media screen and (max-width:1866px) {
    .containerAddBtn.hp_100{height: auto;}
}
/* SL 06/02/2025 - responsive pour les filtres complementaires de la liste des sinsitres */
@media screen and (max-width:1600px) {
    #FiltresComplementaires .flexHalf:not(.notCent),
    #FiltresComplementaires .flexParent:not(.notCent) {
        width: 100%;
		/*flex: 1 1 100%;*/
		max-width: 100%;
    }

    #FiltresComplementaires .flexParent:not(.notColumn) {
        flex-direction: column !important;
    }
    #FiltresComplementaires .flexThird, #FiltresComplementaires .flexTwoThirds{max-width:100%; width:100%}
    #FiltresComplementaires input:not(.notCent), select, textarea{
            width:100%;
            border-radius:8px;
    }

    #FiltresComplementaires .DivFiltre{
            width:100%;
    }
}

@media screen and (max-width:1458px) {
    .formulaire_DT::after{background:unset;}
    .formulaire_DT::before{background:unset;}
    .formulaire_popin{padding:10px 20px;}
}
  
 @media screen and (max-width:1280px) {
     .notDisplayPC{display: inherit;}
     
    .contenuPage{width:100% !important; padding: 5px;}
    #contenu_module_page_gauche{width:100% !important;}
    #contenu_module_page_droit{width:100% !important;}
    .return_mobile{display:flex;justify-content: flex-start; background-color: var(--bgIconeClient); color: white !important; width: fit-content; border-radius: 30px; padding: 10px 20px;}
    .notDisplayMobile{display:none;}
    
    #menuGauche{
            top: calc(100% - 75px);
            position: fixed; 
            margin : auto;
            width: 100%;
            padding: 0;
    }
    #menuGauche .sousmenu{display:none !important;}
    #menuGauche.open{
            width:100%;
            background: var(--couleurgris);
    }
    #menuGauche table, #menuGauche tr, #menuGauche tr td{display: inline-block; padding:0px;}
    #menuGauche table tbody{display: flex; justify-content: space-around;}
    #menuGauche table{
		margin-top: 0px;
	}

    #menuGauche .menu_gauche.picto{
            height:80px;
            width:75px;
            margin:0px;
            min-width: unset;
            justify-content:center
    }
    #menuGauche .menu_gauche .pictoMenu{
            min-width: unset;
    }

    #menuGauche .menu_gauche_div td:hover{
            width: 100%;
            border-radius: unset;
    }

    #menuGauche.open .menu_gauche div[class*="icon-"]{
            color:var(--couleurbleu1)
    }
    #menuGauche .pictoMenu{line-height :75px;}
        
    /* Classe génériques */
    .Content,
    .texte-content {
        width: 100% !important;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }

    .not_mobile {
        display: none !important;
    }

    .mobile {
        display: flex !important;
    }

    .flexHalf:not(.notCent),
    .flexParent:not(.notCent) {
        width: 100%;
		/*flex: 1 1 100%;*/
		max-width: 100%;
    }

    .flexParent:not(.notColumn) {
        flex-direction: column !important;
    }
    .flexThird, .flexTwoThirds{max-width:100%; width:100%}
    img {
        max-width: 100%;
        height: auto;
    }

	.containerFiltreRaccourci{display: none;}
	.containerNomUser{display: none;}
    .popin.mypopin4{width:90% !important; left:0 !important; margin-left:5% !important;}
    .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-orange.jconfirm-type-animated{width: 90% !important;}
    .petit_btn_add::before{margin-right:0; text-indent: 1px;}
    .petit_btn_add{text-indent: -9999px;}
    /*=========================================================================================================*/

    /* Tableaux */
    /*table,
    table tbody,
    table tr,
    table td {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    table td img {
        max-width: 100%;
    }*/

	/*===========================================================================================================*/

	.div_principal{
		width:100%;
	}

	.topAppli .Content{
		flex-direction: row !important;
		padding:0px;
		width: calc(100% - var(--tailleMenu));
		margin-left: auto;
	}

	.topAppli .Content:last-child .flexParent{
		max-width: 100px;
	}
	.pictoDeconnexion{
		margin-top:10px;
	}

	.gradianBgTitle{
		border-radius: 0px;
	}
	.titlePageContent{
		margin-right: 10px;
		margin-left: 10px;
	}

	.ligneDT .ligneDTTitle{
		background-color: #e5e5e5;
		width:100%;
		padding:5px;
		color: #233555;
		font-weight: bold;
	}

	.ligneDT div:first-child .ligneDTTitle{
		border-radius: 25px 0 0 25px;
	}

	.ligneDT div:last-child .ligneDTTitle{
		border-radius: 0 25px 25px 0;
	}

	.ligneDTContent{
		width:100%;
		padding:5px;
	}
	
	table.tableCustomResp thead{
		display: none;
	}

	.dataTables_filter{
		display:none;
	}

	.FieldFiltre legend{
		background-color : var(--bgAppliMenuTop);
		display:flex;
		width:100%;
		height:30px;
		color:var(--colorClient);
		border-radius: 15px;
		justify-content: flex-start;
		align-items: center;
		padding:5px;
		box-sizing: border-box;
		top: 0px;
		left: 0px;
		position: absolute;
	}

	.FieldFiltre legend:after{
		content:"<";
		display: flex;
		width:30px;
		height:30px;
		color:var(--colorClient);
		position: absolute;
		right: 10px;
		/*top: 50%;*/
		transform: rotate(-90deg) /*translateY(-50%)*/;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.FieldFiltre{
		align-items: flex-start;
		height:30px;
		max-height: 30px;
		overflow: hidden;
		background-color: rgb(198, 201, 206, 0.85);
		border-radius: 15px;
		box-sizing: border-box;
		transition: all ease 0.3s;
	}

	.FieldFiltre.opened{
		height:100%;
		max-height: 500px;
	}

	.FieldFiltre:first-child > .DivFiltre{
		margin-top: 30px;
	}

	.menuDeconnexion{font-size:0px;}

	.titleDetailDossier span::after{
		display: none;
	}

	.titleDetailContent .backButton{
		width:75px;
	}

	.titleDetailContent span.flexParent{
		flex-direction: row !important;
    	flex-wrap: wrap;
		justify-content: flex-start;
	}

	.dossierDetailContent{
		padding: 5px !important;
	}

	input:not(.notCent), select, textarea{
		width:100%;
		border-radius:8px;
	}

	.DivFiltre{
		width:100%;
	}

	.searchTrigger{
		border: 1px solid #727471;
		width:35px;
		height:35px;
		display:flex;
		transition: all ease 0.3s;
		position: absolute;
		right: 0px;
		top:50%;
		transform: translateY(-50%);
		border-radius: 50px;
		padding:5px;
		background-color: #e6e6e6;
		align-items: center;
		cursor: pointer;
	}

	.searchTrigger:after{
		display:flex;
		content:"";
		position: absolute;
		right:0;
		top:50%;
		transform: translateY(-50%);
		background: url('../inc_images/design/picto/blue_search.png') no-repeat center center;
		width:35px;
		height:35px;
		background-size: 50%;
	}

	.searchTrigger.opened{
		width:100%;
		border-radius: 8px;
	}

	.searchTrigger input{
		width:0px;
		display:none;
		transition: all ease 0.3s;
	}
	.searchTrigger.opened input{
		display:flex;
		width:90%;
		background-color: transparent !important;
		border:none !important;
	}

	.searchTrigger .searchClose{
		display:none;
	}
	.searchTrigger.opened .searchClose{
		display: flex;
		background-color: #a6a6a5;
		width:25px;
		height:25px;
		cursor: pointer;
		border-radius: 50px;
		z-index:2;
	}

	.searchTrigger.opened .searchClose:after{
		content:"";
		position: absolute;
		width:15px;
		height:2px;
		background-color: white;
		top:50%;
		transform: translateY(-50%) translateX(-50%) rotate(-45deg);
		left:50%;
		border-radius: 5px;
	}

	.searchTrigger.opened .searchClose:before{
		content:"";
		position: absolute;
		width:15px;
		height:2px;
		background-color: white;
		top:50%;
		transform: translateY(-50%) translateX(-50%) rotate(45deg);
		left:50%;
		border-radius: 5px;
	}
        .add_DT_container{margin-right: 40px;}
	.dataTables_length{
		display: flex;
    	flex-direction: row;
	}

	.dataTables_length select{
		width:100px;
	}

	.dataTables_info{
		width:100%;
		margin:0px;
		padding:0px;
		text-align: center;
	}

	fieldset.FieldFiltre .FiltreButtonActualise, .dropdown .FiltreButtonActualise{
		width:100px;
	}

        .containerFiltres{width: 100%;}
        #FieldFiltreSinistre{overflow-y: auto;}
        #FieldFiltreSinistre > .FondFiltre{margin-top: 30px; flex-direction: column; height: auto;}
        .flexColResp{flex-direction: column;}
        .bgFiltreRaccourci{padding: 15px 40px;}
        
        #containerFiltres .FondFiltre{height: 100%;}
        #contenu_souspageDroit{width: 100%;}
        #PlusDeFiltres{width: 100%; padding: 20px;}
        #FiltreOk{padding: 20px;}
        .btn_flex{padding: 20px;}
	/* ==================================================== */
	table:not(.table_menu){
	
		margin: 1rem auto;
		text-align: center;
		width: 100%;
		max-width: 100%;
		border-collapse: collapse;
	}
				
			
		thead{
		
		color: white
		
		}
			
		
		th,td{padding:8px 0}
}

@media only screen and (max-width: 800px) {
				
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar), 
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) thead, 
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) tbody, 
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) th, 
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) td, 
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) tr{ 
		
		display: block
		
	}
		
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	 
	 
	table:not(.notResponsiveTable):not(.ui-datepicker-calendar) td { 
		
		position: relative;
		/*padding-left: 50%;*/ 
		white-space: normal;
		text-align: left
		
	}
	 
	td:before { 
		
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		font-weight: bold;
		white-space: nowrap;
		text-align:left;
		content: attr(data-title)
		
	}
        .fond_popin_classique input{min-height:40px;padding:2px !important;}
        
        .containerTextLogin{margin: 0;}
        
        .logoMenu{width: 100px; margin-left: -20px;}
        .container_searchGeneral{width: 50%;}
        
        #contenu_module_droit_action.OuvertureTabGrand{width:100% !important;}
        
        div.OpenContenuModuleDroitAction.closeDroitDocument{right: 90%}
        #contenu_module_droit_action.OuvertureTabGrand{max-width: 90%;}
        
        .hiddenOverflowX{overflow-x: unset;}
        #contenu_module_droit_action{height: 100%;}
        #Table_liste_sinistres tr td{font-size: 22px;}
         div.OpenContenuModuleDroitAction{height: 120px; width: 50px;}
}

/* Safari 10.1+ */
/*@media not all and (min-resolution:.001dpcm) {
    @media {

        .parallax {
            background-attachment: scroll;
        }
    }
}*/