input, select {
	width: 100%;
	height: 20px;
}

/* override bootstrap min-height to keep style consistent with old ver. */
thead input, thead select {
    min-height:20px !important;
}

/* for #corps's height property below to work on modern browsers */
body {
    height:100%;
}

#corps {
	overflow: auto;
   	height: 93%;
    /*padding: 20px;*/    
    width: 95%;
    margin: 0px auto 0px auto;
    /*background: #fff;*/
}

#correspondantDiv {
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
   /* background: #fff;*/
    padding: 20px 19px;
    width: 100%;
    overflow-y: auto;
}

#correspondantDiv.full {
    background: #fff;
    padding: 0 !important;
    /*padding: 0 0 50px 0;*/
    height: 100%;
    overflow: auto;
}

.dataTables_wrapper {
	height: 90%;
}

tfoot {
       display: table-header-group;
}

.dt-info {
    float: left;
}

.dt-paging {
    float: right;
}

/* Couleur du carre de la pagination */
.page-link {
    color: var(--gui-secondary-color);
}

/* Couleur du carre actif de la pagination */
.page-link.active, .active > .page-link {
    background-color: var(--gui-primary-color);
    border-color: var(--gui-primary-color);
    color: var(--pagination-active-color);
}

.pagination :not(.active) .page-link:hover {
    color:var(--gui-secondary-color);
}

.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}

tr.row_selected td{
	background-color: #6d6d5f ;
	color: #b1c800;
} 

table.dataTable input[type="checkbox"] {
  cursor: pointer;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #6d6d5f;
    color: #b1c800;
}

.td-inline {
    display: flex;
}

.dropdown-menu {
    border: 1;
    margin: 0;
    padding: 0;
    background-color: #444;
    background-image: linear-gradient(#444, #111);
    text-align: center;
    min-width: 120px;
}

.dropdown-menu:hover {
    border: 1;
    padding: 0;
    margin: 0;
    min-width: 120px;
    border-radius: 5px;
}
.dropdown-item {
    display: block;
    background-color: #444;
    background-image: linear-gradient(#444, #111);
    color: #b1c800;
}

.dropdown-item:hover {
    display: block;
    background-color: #e1ff11;
    background-image: linear-gradient(#b1c800, #e1ff11);
    color: #111;
}

.nbexam{
    text-align: center!important;
}

.dt-length, .dt-info {
    padding-left:4px;
}

.dt-search, .dt-paging {
    padding-right:4px;
}

.form-select {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); /* old bootstrap 4 rule, to preserve interface */
    font-size: 0.875rem;
}

.ellipsis {
    cursor: default !important;
    color: var(--bs-secondary-color);
    background-color: var(--bs-secondary-bg);
}

.ellipsis:hover {
    color: var(--bs-secondary-color);
    background-color: var(--bs-secondary-bg);
}

/* cache le spinner par défaut de DT */
div.dt-processing > div {
  display: none;
}

div.dt-processing .fa-spinner {
    padding:12px 0;
}