Inline !important style in the head

Dear Stackideas,

In the update 2.1.5 there is something going on with the inline style.
there's a css rule added with !important so it is impossible to overwrite this code...

Could you tell me why this is done, and how it can be edited?

The css rule:
<style type="text/css">
#es .es-story-privacy .es-privacy .es-privacy-toggle,
#es .es-story-privacy .es-privacy .es-privacy-toggle:hover,
#es .es-story-privacy .es-privacy .es-privacy-toggle:focus,
#es .es-story-privacy .es-privacy .es-privacy-toggle:active,
#es .btn-es-danger:hover,
#es .btn-es-danger:active,
#es .btn-es-danger,
#es .btn-es-default:hover,
#es .btn-es-default:active,
#es .btn-es-default,
#es .btn-es-success:hover,
#es .btn-es-success:active,
#es .btn-es-success,
#es .btn-es-primary:hover,
#es .btn-es-primary:active,
#es .btn-es-primary {
background-color: #fff !important;
}
</style>

We had a lot of css before and these codes are now all overwritten by this inline style code in de the head of the website by Easysocial..

could you please advice?

Kind regards,
Hugo van Leeuwen
Van Laarhoven Websites