:root {
  --color-foncee: #2D2E83;
  --color-pale: #3B85C4;
  --color-white: #FFFFFF;
} 


body {
    
	 font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
	  bbackground-color: #282828 !important;

}


#panelembed7{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85% !important;
    max-width: 100%;
	padding-right: 0rem!important;
    padding-left: 0rem!important;
}





.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #282828 !important;
    color: #fff;
    font-size: 0.875em;
}

.header-function-fixed:not(.nav-function-top) .page-header {
     margin-left: 0rem !important;
}

#button-connexion{
   
    bbackground-color: #a6a6a6 !important; 
}

.subheader-title {
    
     text-shadow: #fff 0 0px !important;  
}

.description {
        margin-top: 0px !important;  
    padding-top: 0px !important;  
	padding-bottom: 10px !important;  
}

.descriptionpbi {
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 1px !important;
}
.el-description {

	padding-left: 10px !important;  
}
h1 small {
	line-height: 1.0!important;  
}


.input-group-append ,#filter-search{
	height: 40px!important;  
}

.input-group-lg > .input-group-append > .btn {
     padding: 0rem 1rem;
	 }
.input-group-lg > .form-control{
     padding: 0rem 1rem;
	 }
	 
.mb-5 {
	margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}	 
.page-content-wrapper{  
    background-color: #FFFFFF !important;
}

p{
   
    background-color: #FFFFFF !important;
}

.page-logo .page-logo-link {
    -webkit-box-flex: 1;
    flex: 0 0 auto;
}

.header-btn1, .header-btn2{
    border: 1px solid #dbdbdb !important;
    color: var(--color-white)!important;
}

body .nav-function-minify .header-btn2{
	display: inline;
}


.header-btn1:hover{
    border: 1px solid #dbdbdb !important;
    color: #282828 !important;
	background: #a6a6a6 !important; 
}

 .header-btn2:hover{
    border: 1px solid #dbdbdb !important;
    color: #282828 !important;
	background: #a6a6a6 !important; 
}


/*
.page-logo [data-class="nav-function-minify"] {
	background: #4e4e4e;
	border-color: #353535 ;
	color: #fff;
}
*/

.user-report-row {
    font-size: 14px !important;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}
#panel-1 {
position: relative;
    height: 100%;
	}
#panel-11 {
	border-bottom: 0px solid #fff!important;
	border: 0px solid rgba(0, 0, 0, 0.09)!important;
	margin-bottom: 0.5rem!important;
	position: relative;
    height: 100%;
   
	}
 #col-3 {
	 padding-left: 0rem !important;
	}	

#col-searchcontent {
	 padding-right: 0rem !important;
	 	border: 0px solid rgba(0, 0, 0, 0.09);
	}	

.card
 {
	 	border: 0px solid rgba(0, 0, 0, 0.09)!important;
	}
	.card, .card-group {
	-webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%)!important;
   box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%)!important; 
}
	
.list-group-item {

    border: 0px solid rgba(0, 0, 0, 0.08)!important;
}
	
.dropzone .dz-message {
    text-align: center;
	vertical-align: middle !important;
    margin: -0.1em 0!important;
	height: 40px !important;
	min-height: 40px!important;
	color: #FFF !important;
   font-size: 14px !important;
}


#dropzoneForm{
	
	    border: 1px solid #282828 !important;
}

#dropzoneForm:hover{
	background: #EC3958!important;
	    border: 1px solid #282828 !important;
}


.success {
background-color: #60a917 !important;
color: #ffffff !important;
}



.alert {
bbackground-color: #ce352c !important;
ccolor: #ffffff !important;
}

.rapport-filtres {
	position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 0.2rem;
	margin-top: 0.2rem;
    border: 1px solid transparent;
    border-radius: 4px;
	background: #ffffff!important;
}


.info {
background-color: #1ba1e2 !important;
color: #ffffff !important;
}



.warning {
background-color: #fa6800 !important;
color: #ffffff !important;
}



.usercard {
display: inline-block;
margin: 5px;
padding:10px;
line-height: 1.1;
font-size: 80%;
background-color: #eeeeee;
border-radius: 2px;
color: #1d1d1d;
vertical-align: middle;
}



.usercard div:first-child {
float:left;
clear:none;
}



.usercard div:last-child {
float:right;
clear:none;
font-weight:bold;
font-size:1.75em;
padding-left:15px;
text-align:center;
vertical-align:middle;
}

.round-user-icon {
background: #3276b1 none repeat scroll 0 0;
border-radius: 60%;
color: #fff;
font-size: 14px;
height: 32px;
line-height: 28px;
padding: 2px;
text-align: center;
width: 32px;
margin:2px;
}

.text-dropzone{
    text-align: center !important;
	vertical-align: middle !important;
	hheight: 40px !important;
	min-height: 40px!important;
	color: #FFF !important;
   font-size: 14px !important;
   position: relative;
    height: 100%;
}

#submit-all {
position: relative;
    height: 100%;
	}
/*
.dropdown-icon-menu > ul > li .btn, .header-btn1 {

    margin-right: 10.9375rem !important; 

}

.dropdown-icon-menu > ul > li .btn, .header-btn2 {

    margin-right: 0.9375rem !important; 

}

*/

.all_text_search span
{
    ttext-decoration:underline;
    background-color:yellow;    
} 

.d-flex {

    flex-wrap: wrap !important;
}

.stat-name {
   color: #282828 !important;
    text-align: center !important;
}

 .px-sm-5{
    padding-left: 0rem !important;
	  background-color:#ffffff!important;   
}

.btn-primary {
    color: #fff !important; 
    background-color: var(--color-foncee) !important; 
    border-color: var(--color-foncee) !important; 
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

.btn-primary:hover{
    color: #FFF !important; 
	background: var(--color-foncee) !important; 

  }
  
  .btn-primary-aide {
    color: #fff !important; 
    background-color: #EC3958 !important; 
    border-color: #EC3958 !important; 
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

.btn-primary-aide:hover{
    color: #FFF !important; 
	background: #EC3958 !important; 
  }
  
.btn-secondary {
	background: #F3F3F3 !important; 
/* action */

	border: 1px solid #282828 !important; 
	color: #282828 !important; 
	font-weight: 700 !important; 
}

.btn-secondary:hover {
    color: #FFF !important; 
	background: #EC3958 !important; 
	font-weight: 100 !important; 
  }


.add {
	background: #F3F3F3 !important; 
	/* action */

	border: 1px solid #EC3958!important; 
	box-sizing: border-box!important; 
	border-radius: 4px!important; 
	font-family: Roboto!important; 
	font-style: normal!important; 
	font-weight: 500!important; 
	font-size: 12px!important; 
	line-height: 14px!important; 
	color: #EC3958!important; 

}

.add:hover {
    color: #FFF !important; 
	background: #EC3958 !important; 
    font-weight: 700 !important; 
  }
  
  



.refresh {
	background: #F3F3F3 !important; 
	/* action */

	border: 1px solid #282828 !important; 
	box-sizing: border-box !important; 
	border-radius: 4px !important; 
	font-family: Roboto !important; 
	font-style: normal !important; 
	font-weight: 500 !important; 
	font-size: 12px !important; 
	line-height: 14px !important; 
	color: #282828 !important; 

}


.refresh:hover {
    color: #FFF !important; 
	background: #282828 !important; 
	font-weight: 700 !important; 
  }
  
.edit {
	background: #EC3958 !important; 
	/* action */

	border: 1px solid #EC3958 !important; 
	box-sizing: border-box !important; 
	border-radius: 4px !important; 
	font-family: Roboto!important; 
	font-style: normal !important; 
	font-weight: 500 !important; 
	font-size: 12px !important; 
	line-height: 14px !important; 
	color: #FFFFFF !important; 

}

.edit:hover {
    color: #fff !important; 
	background: #EC3958 !important; 
    border-color: #EC3958 !important; 

}



  
.edit:disabled {
    color: #fff !important; 
	background: #EC3958 !important; 
    border-color: #EC3958 !important; 
	opacity: 0.5 !important; 
}

  #edit,  #save,#btnrefresh,#btnajout,#btnreplace,#btnremplaceTout , #execRapport,#editPopulation,#editRapport,#execPopulation,.btnDelete{
background: #282828!important; 
/* action */

border: 1px solid #282828 !important; 
box-sizing: border-box !important; 
border-radius: 4px !important; 
font-family: Roboto !important; 
font-style: normal !important; 
font-weight: 500 !important; 
font-size: 12px !important; 
line-height: 14px !important; 
color: #FFFFF !important; 

}

#edit:hover,#save:hover, #btnrefresh:hover,#btnreplace:hover,#btnremplaceTout:hover , #execRapport:hover, #editPopulation:hover,#editRapport:hover,#execPopulation:hover,.btnDelete:hover{
    color: #FFF !important; 
	background: #EC3958 !important; 
	font-weight: 500 !important; 
  }
  
  


.btnreplace {
background: #F3F3F3 !important; 
/* action */

border: 1px solid #EC3958 !important; 
box-sizing: border-box !important; 
border-radius: 4px !important; 
font-family: Roboto !important; 
font-style: normal !important; 
font-weight: 500 !important; 
font-size: 12px !important; 
line-height: 14px !important; 
color: #EC3958 !important; 

}

.btnreplace:hover {
    color: #FFF !important; 
	background: #EC3958 !important; 
 font-weight: 700 !important; 
  }


.nav-menu li.active:not(.open) > a:before {
    content: '\f413';
    font-family: 'nextgen-icons';
    position: absolute;
    top: calc(50% - 5px);
    right: 11px;
    font-size: 7px;
    height: 10px;
    width: auto;
    color: #EC3958;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-menu li.active:not(.open) > a:before {
    color: --color-pale !important; 
}

.element {
	  
	   color: #282828 !important;
	  background-color: #FFFFFF !important; 
}

#panel-element {
   padding: 0.5px 0.5 px!important;

   margin-bottom: 0.0rem!important;
   margin-top: 1.5rem!important;
   border: 0px solid #e9e9e9 !important;
}
#panel-9{
   padding: 0.5px 0.5 px!important;

   margin-bottom: 0.0rem!important;
   margin-top: 1rem!important;
   border: 0px solid #e9e9e9 !important;
}
.subheader {
   margin: 0.2px 0.2px !important;
}

.subheader .embed-subheader{
 
   background-color: #FFFFFF !important; 
	text-shadow: #fff 0 0px !important; 

}

#tablecontent {
    padding: 0.1px 0.2px !important;
}


/*tables*/
table {
  table-layout: auto;
  width: 75%;  
}

table th {
	  padding: 2px 2px; 
	    font-size: 11px !important; 
	    background: #282828;  
		 color: white;
		text-align: left ; 
		  border: 1px solid #e9e9e9 !important;
}

table td {
	   padding: 2px 2px; 
	   font-size: 11px !important; 
	   color: black;
			text-align: left; 
		  border: 1px solid #e9e9e9 !important;
}

#user-report-table td {
	   padding: 2px 2px; 
	   font-size: 13px!important; 
	   color: black;
		text-align: left ; 
		  border: 1px solid #e9e9e9 !important;
}
/*
.table {table-layout: fixed;}

.table th, .table td {
    vertical-align: middle !important; 
}


.table th {
  background: #282828!important;  
  text-align: center!important; 
  font-size: 15px!important; 
}
.table th:hover td {background: #EC3958!important; }

.table td [role="integer"]{
  text-align: right!important; 
  font-size: 12px!important; 
}
.table td [role="string"]{
  text-align: left!important; 
  font-size: 12px!important; 
}

.table th {

    color: white;
}

.table th, .table td {
    border: 1px solid #e9e9e9 !important;
}
*/

.number{
  text-align: right;
  font-size: 12px;
}
.string {
  text-align: left;
  font-size: 12px;
}

.dataTables_empty{
  text-align: center;
     color: #EC3958;
}

.odd{
  background: #FFFFFF;
     font-weight: 500;
	 opacity: 0.8;
}

.even{
  background: #FFF1F3;
   font-weight: 500;
}


/* FROM mespopulation
table {table-layout: fixed;}

th {
  background:  #00305c !important;
  font-size: 12px !important;
	
	font-weight: 500 !important;
	text-align: center !important;
  padding: 0.75rem;

}

td {
  text-align: center;
}

tr:hover td {background: #ccddff;}

#user-report-table th {
	white-space: normal !important;
  vertical-align: middle !important;
}
*/

#lblname {
  background-color: #282828 !important;
   margin-right: 2px !important;
   height: 30px !important;
   color: white !important;
}

#nom-du-rapport,#nom-de-la-population {
    margin: 0px !important;
	
    bbackground-color:#eeeeee !important;
    border: 1px solid #ccc !important;
    width: 417px !important;
	padding: 3px !important;
	border-radius:4px !important;
    font-size: 14px !important;
	height: 30px !important;
	color: #282828 !important;
	ffont-weight: bolder !important;
/*	style="padding: 9px; border: 1px solid #ccc; border-radius: 4px;  width: 510px; "*/
}


.draggablefield {
  cursor: all-scroll;
}

/*  layout  */

a
 {
    color: var(--color-pale); 
    text-decoration: none;
    background-color: transparent;
}


.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {

    color: #FFFFFF !important; 
}

.nav-menu li a {
   
    color: #FFFFFF !important; 
 
}

.nav-menu li > ul li a {
    color:  #FFFFFF !important; 
  
}


.panel-hdr h2 {
   font-size: 14px;
	color: #282828;
    font-weight: 500;
}

.panel-hdr {
    background-color: #fff!important;
	    border-bottom: 0px solid rgba(0, 0, 0, 0.07)!important;
}

.header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child {
    color: #282828;
    vertical-align: middle;
}

.badge.badge-icon {

    background-color: #EC3958!important; 

}

.ml-1, .mx-1 {
    font-weight: 500;
	font-size: 14px;
	color: #282828;
}



.page-item.active .page-link {

    color: #fff!important;
    background-color: #282828;
    border-color: #282828;
}

.page-link {

   
    color: #282828!important; 

}



.menu-item, label.menu-open-button {
    background: #282828!important;
   
}


.info-card img.cover {
    opacity: 1!important;

}
.fs-xlss{
	font-size: 1.25rem !important;
}
.fs-xls{
	font-size: 1.3rem !important;
}

.fs-xl1{
	font-size: 1.5rem !important;
}
.fs-xl2{
	font-size: 1.55rem !important;
}
.fs-xl3{
	font-size: 1.6rem !important;
}
.fs-xl4{
	font-size: 1.65rem !important;
}
.fs-xl5{
	font-size: 1.7rem !important;
}
.fs-xl6{
	font-size: 2.5rem !important;
}
.background-primary-color {
    background: var(--color-foncee)!important;
}

.color-primary-text {
    color: var(--color-foncee)!important;
}

.color-secondary-text {
    color: var(--color-pale)!important;
}
.background-secondary-color {
    background: var(--color-pale)!important;
}

.color-white{
	 color: var(--color-white)!important;	
	}

.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(transparent));
    background-image: linear-gradient(
270deg
, rgba(0, 0, 0, 0), transparent)!important;
    background-color: #282828;
}

.header-icon:not(.btn) {
    min-width: 3.125rem;
    text-align: center;
    overflow: visible;
}
.header-icon {
    color: #666;
    height: 4.125rem;
    display: block;
    line-height: 4.125rem;
    text-decoration: none;
    position: relative;
}

.header-icon:not(.btn) {
    min-width: 3.125rem;
    text-align: center;
    overflow: visible;
}
.header-icon {
    color: #666;
    height: 4.125rem;
    display: block;
    line-height: 4.125rem;
    text-decoration: none;
    position: relative;
}

#report-container{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.right {
    justify-content: center !important;
    float: right;
    margin-right: 50px;
}


.w-30 {
    width: 35% !important;
}

.w-70 {
    width: 65% !important;
}

/*editor*/

/*Eléments de données filtres*/
.draguedfield {
	/*  
    margin-right:10px;
    padding:3px;
    border:1px solid gray;
    background-color: #eeeeee;
    float:left;
	*/
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding:3px !important; 
    margin-right: 1px !important; 
    border:1px solid gray;
    background-color: #F3F3F3;

    z-index: 3000;
    display:inline-block;
    font-size: 13px !important;
	color: #282828;
    font-weight: 500;	
}

.draguedfield .close {
    margin-left:5px;
	font-size: 1.1rem !important; 
	bbackground-color:yellow;
}
.draguedfield input[type="text"] {
    margin: 0px;
    background-color:#F3F3F3;
    border:0px;
    width: 100%;
    font-size: 13px;
	color: #282828;
    font-weight: 500;
	
}

 .modal-body {
			ccolor: #00305c !important;
			padding 1px !important;
			margin-top: 1px;
			margin-right: 2px;
			margin-bottom: 3px;
			margin-left: 4px;
			color: #282828;
			font-weight: 500;	
		}
		
 .modal-body label {

    display: inline-block;

    text-align: right;
	

}

 #filtre-replace label {

    display: inline-block;

    text-align: right;
	

}

 .modal-body .label-edit {

	color:#EC3958;	
	

}
		

		
		.dropdown {
			 position: static !important;
			 }
			 

		
		.dropdown-toggle {
			white-space: normal !important;
				}
        .modal-body .drag-target >a {
			height: 20px !important;
			width: 450px !important;
			text-vertical-align: center;
			
		}
				
		.dropdown-toggle:after  {
			text-align: center;
			display: inline;
			border: 0 !important;
			font-family: 'Font Awesome 5 Pro';
			content: "\f107" !important;
			vertical-align: top !important;
			position: relative;
			float: right !important;
			width: 6 !important;
			height: 16 !important;
		}

        .filtre-content {
			ccolor: #00305c !important;
			padding 1px !important;
			margin-top: 1px;
			margin-right: 2px;
			margin-bottom: 3px;
			margin-left: 4px;
				color: #282828;
			font-weight: 500;
		}

		
		
.form-group {
    margin-bottom: 1.5rem !important;
}
.form-inline {
    flex-flow: row nowrap !important;
}
.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-body .drag-target {
    width: 460px !important;
	height: 25;
}

.dropdown {
    position: static !important;
}
.draguedfield {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 3px !important;
    margin-right: 1px !important;
    border: 1px solid gray;
    background-color: #eeeeee;
    z-index: 3000;
    display: inline-block;
    font-size: 13px !important;
		color: #282828;
    font-weight: 500;	
}
.rounded {
    border-radius: 4px !important;
}
.dropup, .dropright, .dropdown, .dropleft {
    position: relative;
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.idRows {	
    display: none;
}

th,td{

 wwhite-space: nowrap;
}


.modal-body .drag-target{
    width: 260px ;

}

.filtre-ajout label {
    justify-content: left !important;
    font-size: 12px !important;
}


.section-divider {
  height: 0;
  border-top: 1px solid #DDD;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 25px;
}

.section-divider > span {
  color: #282828;
  background: #FAFAFA;
  display: inline-block;
  position: relative;
  padding: 0 17px;
  top: -11px;
  font-size: 15px;
}


.filtre-affichage  span{
    padding: 5px !important;
}

#affichagecheck {

	border: 0px  !important;
	background-color: #fff;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }
	
	.scheduler-border:before {
    left: 100px;
}


/*  population _creer.php	*/

#panel2  [drag-target-type="filter"] {
    ddisplay: inline-block !important; 
    word-break: break-word !important; 
}

label {

  display: inline-flex;
    cursor: pointer;
    position: relative;
}
/*
input[type="checkbox"] {
  position: relative;
  top: 0px;
  box-sizing: content-box;
  width: 27px;
  height: 27 !important; 
  margin: 0 5px 0 0;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
}

input[type="checkbox"]:before {
  content: '';
  display: block;
}



input[type="checkbox"]:checked:before {
  content: '\2713';
  text-align: center;
    color: #00305c;
    position: absolute;
    left: 0.5rem;
    top: 0.1rem;
  wwidth: 7px;
  hheight: 15px;
  font-weight: bold;
  font-size: 18px;
  mmargin: 4px 7px 7px 4px ;
  bborder-bottom: 2px solid #00305c;
  bborder-right: 2px solid #00305c;
  ttransform: rotate(45deg);
}
*/
.dropdown {
			 position: static !important;
			 }
			 
.filtre-body label ,.filtre-bibliographiques label ,.filtre-deventes label ,.filtre-regions label ,.filtre-affichage label { 
    justify-content:left !important;     
    font-size: 12px !important;	
}

.dropdown-toggle {
    white-space: normal !important;
        }
#myfiltres .drag-target >a {
    height: 20px !important;
    width: 250px !important;
    text-vertical-align: center;
}
        
.dropdown-toggle:after  {
    text-align: center;
    display: inline;
    border: 0 !important;
    font-family: 'Font Awesome 5 Pro';
    content: "\f107" !important;
    vertical-align: top !important;
    position: relative;
    float: right !important;
    width: 6 !important;
    height: 16 !important;
}

.filtre-content {
    color: #00305c !important;
    padding 1px !important;
    margin-top: 1px;
    margin-right: 2px;
    margin-bottom: 3px;
    margin-left: 4px;
}
.form-group {
    margin-bottom: 0.5rem !important;
}
.draguedfield .sorting_asc,.sorting-desc  {
  line-height: 9px;
  color: gray; 
  background-color:  #eeeeee; 
  border:  0px !important;
  display: block;
  margin-right: 0.5;
  padding: 0px 0px;
  position: relative;
  z-index: 1;
}

span.sorting.b {
    padding: 0px 0px;
    bbackground-color: red;
	border:  0px !important;
    display: inline-block;
    line-height: 9px;
    font-size: 12px;

}

.disabledDiv {
    pointer-events: none;
	 cursor: not-allowed;
    opacity: 0.4;
}


.titreh3
 {
    color: #EC3958 !important;

}



/*  CONTENU DE L'ONGLET PROCEDURES DANS LA DOCUMENTATION */
	.procedure {
		margin: 10px;
	}

	.procedure p:first-child {
  		font-weight:bold;
        font-size: 1.1em;
	}

	.procedure table {
			font-size: 1em !important;
	}

	.procedure table th {
			background-color: lightgray;
			text-align: left;
	}

	.procedure table tbody tr td {
  		padding: 10px;    
  		font-size: 1em !important;
	}

	.procedure table td:first-child {
  		background-color: #282828;
        text-align: left;
  		font-weight:bold;
        font-size: 1.5em !important;
        color:white;
	}
    
	.procedure table tbody tr td {
  		padding: 10px;
      border: 1px solid #eeeeee;
	}
    
	.procedure table tbody tr td .docnote {
  		padding: 10px;
        padding-right: 10px;
        padding-left: 40px;
        border: 1px solid #eeeeee;
        background-color: lightyellow;
        background-image: url("/public/img/documentation/note-warning.png");
        background-position: 10px 50%; 
  		background-repeat: no-repeat; 
  		background-size: 24px 24px; 
	}

	procedure table tbody tr td .docnote:before {
  		content: "!";
        float:left;
        font-weight:bold;
        vertical-align: middle;
        font-size: 90%;
        padding-right: 20px;
	}

	.procedure table tbody tr td img {
        width: 50%;
        padding: 10px;
	}

	.cutpaste {
		font-weight:normal !important;
        font-style: italic;
        color: #666666;
        background-color:white;
        border: 1px solid #dddddd;
        padding:10px;
        font-face: courrier;
        font-size: 8px;
	}

/* stick  panel2 and panel3 (for filtres and columns) */
#panelffcc {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;


}


/* 24.03.2023		*/

.bg-black {
    background-color: var(--color-white);
    color: rgba(0, 0, 0, 0.8);
}

.list-group-item-home {
    position: relative;
    display: block;
    padding: 0.25rem 0.25rem;
    margin-bottom: -1px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.link-white{
	color:#FFF;	
	}
.link-white:hover{
	color: #EC3958;
	
	}
	
.nav-menu li a {
   
    padding-top: 7px !important;
	padding-bottom: 7px !important;
   
}

/* 06.07.2023	*/
.line-height {
	line-height: 1.5;
}

/* 07.03.2024	*/

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  
    margin: 2px 0 0.5rem!important;
}