New update overwrites custom css on datatables

Hi Tobias,

You kindly helped me with customising the DataTables .dt-button class settings, but unfortunately the latest update appears to have broken this.

The code I have is:

.dt-buttons a {
	color: #fff;
	background-color: #6B84AE;
	background-image: none;
	border: 1px solid rgb(19,46,89);
}

.dt-buttons a:hover {
	color: #6B84AE;
	background-color: rgb(174,179,188);
	background-image: none !important;
	border: 1px solid #6B84AE;
}

div.dt-button-collection a.dt-button.active:not disabled,
div.dt-button-collection a.dt-button:active:not disabled,
div.dt-button-collection button.dt-button.active:not disabled,
div.dt-button-collection button.dt-button:active:not disabled,
div.dt-button-collection div.dt-button.active:not disabled,
div.dt-button-collection div.dt-button:active:not disabled {
	background-color: rgb(107,132,174) !important;
	background-image: none !important;
}

.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button:before,
.dataTables_paginate .paginate_button:after {
	color: #6B84AE !important;
}

.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:hover:before,
.dataTables_paginate .paginate_button:hover:after {
	color: rgb(19,46,89) !important;
}

I tried turning off the ‘disabled’ section, but this had no effect. I can’t see what I need to do to get the customised buttons back.

Thanks for your help.

Kind regards,

Ken

The page I need help with: [log in to see the link]