body {
  padding-top: 80px;
}

.flex-fill {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dataTables_filter {
    float: right !important; 
    margin-bottom: 10px !important;
}

.dataTables_filter input {
    width: 100% !important; 
    max-width: 250px; 
    display: inline-block;
}

.example-wrapper code {
    background: #F5F5F5;
    padding: 2px 6px;
}

.bouton_new {
    padding: 10px;
}

.btn-return, .btn-return:hover, .btn-return:active, .btn-return:visited {
    background-color: #B64A40
}

.container-fluid {
     padding: 10px 6px;
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!)*/
}

/* --- datatableHelps --- */

#helps {
    margin: 1em auto;
    max-width: 1200px;
    width: 95%;
    font: 18px/1.5 sans-serif;
}


/* --- datatableJobEntities --- */

#jobEntities {
    margin: 1em auto;
    max-width: 1200px;
    width: 95%;
    font: 18px/1.5 sans-serif;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
    text-align: left;
}

td.details-control {
    background: url('../images/icones/plus.jpg') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/icones/moins.jpg') no-repeat center center;
}

/* --------- datatable bouton export ------------ */

button.custom-html-collection {
  box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
button.custom-html-collection:hover {
  background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
button.custom-html-collection:active {
	position:relative;
	top:1px;
}

div.dt-button-collection {
    width: 400px;
}

div.dt-button-collection button.dt-button {
    display: inline-block;
    width: 32%;
}

div.dt-button-collection h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 100;
    border-bottom: 1px solid #9f9f9f;
    font-size: 1em;
}
div.dt-button-collection h3.not-top-heading {
    margin-top: 10px;
}

.left-col {
    float: left;
    width: 25%;
}

.center-col {
    /* float: left; */
    width: 50%;
}

.right-col {
    float: right;
    width: 25%;
}

/* -------------------------------------- */
#table_tab1 {
    cursor: pointer;
    /* margin-left: 0px; */
}

#table_tab2 {
    cursor: pointer;
    /* margin-left: 0px;
    width: 100%; */
}

#table_tab3 {
    cursor: pointer;
    /* margin-left: 0px;
    width: 100%; */
}


#ongletnav3 {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
  
    display: flex; 
    justify-content : center; 
    /*flex-direction:row;
    height:100vh; */

}

#datatableOnShowPage #Param {
    text-align: left;
}

#datatableOnShowPage #ValueLeft {
    text-align: left;
}

#datatableOnShowPage #ValueCenter {
    text-align: center;
}

#datatableOnShowPage #ValueRight {
    text-align: right;
}