.label{
    font-family: verdana !important;
    font-weight: normal !important;
    font-size: 9pt !important;
}

.topTable {float: left;}
.leftTable {float: right;}
.dataTables_filter {float: left !important;}

.pagination, .leftTable { font-size : 9pt;}
.topSearch { margin-top : 10px; font-size : 9pt; display: inline-block;}
.dataTables_length { display: none;}

 /** background color for the right element **/
 table.dataTable td {
	color:       #000000;
    font-family: verdana;
    font-size:   9pt;
    font-weight: normal;
	background-color: white;
    border-bottom: 1px solid #ddd;	
	border-left: none;
	border-right: none;
}

table.dataTable thead td {
	font-weight : bold;
}

table.dataTable {font-size: 9pt;}

/** background color for the odd left element  **/
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
     background-color: white;
}

/** background color for the even left element **/
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: white;
}

/* Space between the row of the table*/
table.dataTable {
 	border-collapse: separate;
	border-spacing: 0 5px;
}

/* Border radius on the left */
table.dataTable tr td:first-child {
    border-top-left-radius: 5px;  
    border-bottom-left-radius: 5px;  
	border-left: 1px solid #ddd;
	padding: 1em;
}

/* Border radius on the right */
table.dataTable tr td:last-child {
    border-top-right-radius: 5px;  
    border-bottom-right-radius: 5px; 
	border-right: 1px solid #ddd;
}

/* Set the first border top & first border color */
table.dataTable tr, table.dataTable td{
	 border-top: 1px solid #ddd;
}

/* Hide useless TH under the table */
tfoot tr th {
	visibility: hidden;
}

/* Hover class for the pagination filter */
.hoverForPagination {
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333;
    border: 1px solid transparent;
    border-radius: 2px;
}

/* Hover into pagination filter with blue blackground */
.hoverForPagination:hover {
	color: white;
	background-color: #3AA7DF;
}

/* Hover for datable info like 'La table contient *57* éléments' */
.dataTables_info b:hover {
		color: #3AA7DF;
}

/* Align the icon on TD hover */
.btnActions i, .btnActionsFourBtn i {
	color: white;
	display: inline;
	width: 30%;
}

.btnActionsFourBtn a:first-child {
	margin-left:-30px;
}

.btnActions a, .btnActionsFourBtn a {
	text-decoration: none;
}

@media (max-width: 700px) {
    table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
        padding-right: 0px !important;
    }
}