Massive cleanup of old includes. Indentation cleanup.
Removed loads of old styles. Moved some styling over from main.css. Flexbox goodness.
Removed styles which should have been in playback.css. Bugfix on view-wrapper height and width.
Added code to enable the export view to be called from the playback frontend.
Pagination now only shown if needed. >50 events.
Datepickers now use DD/MM/YYYY format. getEvents function updated to handle this.
Bugfixes. Features added.

* stopLiveStreams() function added for debug purposes

* Bootstrap grid classes no longer appended when a new camera is added
as flexbox is now used instead \0/

* rel="tooltip" removed in favour of data-rel="tooltip" to pass HTML5
validation checks

* Switching between Live View and Playback mode now disabled some UI
controls to make it clearer to the user that they can't be used.
Functions still check the mode though to ensure nothing goes wrong.

* Bug fix: Current date / time reset when entering live view.

* Feature added: Scale increase/decrease and reset buttons added to
control the size of the cameras to ensure that the cameras fit in the
pane. (Should be handled via Flexbox but it's bugged at the moment)

* Added col-container div wrapper to camera instances therefore I've
updated some of the function calls to use
parent().parent().parent().parent() instead of
parent().parent().parent()

* Feature added: Export button on the Playback (frontend) is now
enabled! Spawns a colorbox window for the Events backend with relevant
data already loaded.
Bugfixes. Markup changes.

* Removed bootstrap grid classes from elements as flexbox is now used
* rel="tooltip" changed to data-rel="tooltip" to pass the HTML5
validation checks
* <br> now no longer used on the camera selection dialog \0/ Flexbox
used instead
* Page now passes HTML5 validation again
Minor features - export from Playback page & resize monitors. Bug fixes.