From c064eb5d39d5f83ac74d4840ff87c815af4b7296 Mon Sep 17 00:00:00 2001
From: Benjamin Kott <benjamin.kott@outlook.com>
Date: Sun, 4 Jan 2015 01:07:43 +0100
Subject: [PATCH] [!!!][CLEANUP] Move t3-table and t3-button to bootstrap

- Drop crontrib normalize css in favor of bootstrap normalize
- Drop .t3-table use bootstrap classes instead
- Drop .t3-button use bootstrap classes instead
- Use comments with // that are protected from compiling
- Lighten default button color
- Move Extension Manager SCSS files to t3skin LESS
- Remove copyrights from every included less file
- Remove TYPO3/visual/_module_web_list.less not used anymore
- Remove TYPO3/visual/_module_web_info.less not used anymore
- Add Legacy Support javascript for t3-table

This patch aims to reduce CSS size and remove duplicated
css definitions as much as possible. It may break some stuff
that needs to be cleaned up in a followup.

We need to drop .t3-table and .t3-button to reduce weight of the
css file and make overrides more easy.

Resolves: #64102
Releases: master
Change-Id: Id6195b5aa10984da22af83fdb175af1e286d67d8
Reviewed-on: http://review.typo3.org/35763
Reviewed-by: Mathias Schreiber <mathias.schreiber@wmdb.de>
Tested-by: Mathias Schreiber <mathias.schreiber@wmdb.de>
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
---
 typo3/contrib/normalize/normalize.css         |  423 --
 .../Classes/Controller/BackendController.php  |    9 +-
 .../ElementInformationController.php          |   10 +-
 .../Controller/File/FileUploadController.php  |    2 +-
 .../Wizard/ColorpickerController.php          |   12 +-
 .../Classes/Form/Element/InlineElement.php    |   12 +-
 .../backend/Classes/History/RecordHistory.php |    2 +-
 .../backend/Classes/Module/ModuleSettings.php |    6 +-
 .../Classes/Template/DocumentTemplate.php     |    7 +-
 .../Classes/Utility/BackendUtility.php        |    2 +-
 .../backend/Classes/View/ModuleMenuView.php   |    2 +-
 .../backend/Classes/View/PageLayoutView.php   |    2 +-
 .../Resources/Private/Templates/login.html    |    5 +-
 .../Public/JavaScript/DragUploader.js         |    2 +-
 .../Public/JavaScript/LegacyCssClasses.js     |   57 +
 .../Public/JavaScript/LoginRefresh.js         |    8 +-
 .../Private/Partials/Content/LogEntries.html  |    2 +-
 .../Templates/BackendUser/Compare.html        |    2 +-
 .../Private/Templates/BackendUser/Index.html  |    2 +-
 .../Private/Templates/BackendUser/Online.html |    2 +-
 .../Private/Templates/Permission/Edit.html    |    2 +-
 .../Private/Templates/Permission/Index.html   |    2 +-
 .../core/Classes/Database/QueryView.php       |   20 +-
 .../Classes/TypoScript/ConfigurationForm.php  |    2 +-
 ...4102-MoveT3TableAndT3ButtonToBootstrap.rst |   30 +
 .../Classes/Controller/ModuleController.php   |   19 +-
 .../Private/Templates/Document/Download.html  |    2 +-
 .../Private/Templates/Document/List.html      |    2 +-
 .../Resources/Private/Layouts/Main.html       |    3 +-
 .../Private/Partials/List/Distribution.html   |    4 +-
 .../Private/Partials/List/TerPaginator.html   |    2 +-
 .../Private/Partials/List/TerSingleLine.html  |    4 +-
 .../Private/Partials/List/UpdateFromTer.html  |    1 +
 .../Private/Scss/helpers/_mixins.scss         |   99 -
 .../Resources/Private/Scss/main.scss          |   24 -
 .../Private/Scss/modules/_description.scss    |   24 -
 .../Resources/Private/Scss/modules/_tabs.scss |   53 -
 .../Resources/Private/Scss/page/_base.scss    |  180 -
 .../Private/Scss/page/_distribution.scss      |  128 -
 .../Resources/Private/Scss/page/_get.scss     |  110 -
 .../Resources/Private/Scss/page/_manage.scss  |  102 -
 .../Resources/Private/Scss/var/_settings.scss |   16 -
 .../Private/Templates/Distribution/Show.html  |   12 +-
 .../Private/Templates/List/Distributions.html |    2 +-
 .../Private/Templates/List/Index.html         |    6 +-
 .../Templates/List/ShowAllVersions.html       |    2 +-
 .../Resources/Private/Templates/List/Ter.html |    2 +-
 .../List/UnresolvedDependencies.html          |    4 +-
 .../Resources/Public/Css/README.txt           |    8 -
 .../Resources/Public/Css/main.css             |  503 --
 typo3/sysext/filelist/Classes/FileList.php    |    2 +-
 .../TranslationStatusController.php           |   22 +-
 .../Controller/ImportExportController.php     |  176 +-
 .../Administration/ExternalDocuments.html     |    2 +-
 .../Templates/Administration/Index.html       |    6 +-
 .../Templates/Administration/Pages.html       |    2 +-
 .../Templates/Administration/Statistic.html   |    2 +-
 .../Administration/StatisticDetails.html      |    8 +-
 .../Templates/Administration/WordDetail.html  |    2 +-
 .../Partials/Action/Common/SubmitButton.html  |    2 +-
 .../Step/DatabaseConnect/ConnectDetails.html  |    2 +-
 .../Action/Step/DatabaseConnect/LoadDbal.html |    2 +-
 .../Step/DatabaseConnect/UnloadDbal.html      |    2 +-
 .../Action/Tool/Configuration/Image.html      |    2 +-
 .../ImportantActions/CoreUpdateButton.html    |    2 +-
 .../Templates/Action/Step/DatabaseData.html   |    2 +-
 .../Templates/Action/Step/DatabaseSelect.html |    2 +-
 .../Action/Step/DefaultConfiguration.html     |    2 +-
 .../Action/Step/EnvironmentAndFolders.html    |    6 +-
 .../ShowEnableInstallToolButton.html          |    2 +-
 .../Classes/Report/LinkValidatorReport.php    |    4 +-
 .../Private/Templates/mod_template.html       |    4 +-
 .../Classes/View/DatabaseIntegrityView.php    |    4 +-
 .../Templates/Backend/Configuration.html      |    6 +-
 .../Private/Templates/Wizard/Content.html     |    2 +-
 .../Classes/Browser/ElementBrowser.php        |   52 +-
 .../RecordList/AbstractDatabaseRecordList.php |    2 +-
 .../Classes/RecordList/DatabaseRecordList.php |   27 +-
 .../reports/Classes/Report/Status/Status.php  |    2 +-
 .../rtehtmlarea/Classes/BrowseLinks.php       |  105 +-
 .../rtehtmlarea/Classes/SelectImage.php       |    2 +-
 .../Controller/SchedulerModuleController.php  |    2 +-
 .../Backend/SchedulerModule/InfoScreen.html   |    2 +-
 .../Backend/SchedulerModule/ListTasks.html    |    2 +-
 .../sv/Classes/Report/ServicesListReport.php  |    4 +-
 .../sysext/sys_action/Classes/ActionTask.php  |    2 +-
 .../Private/Styles/TYPO3/_debug_panel.less    |   19 +-
 .../Private/Styles/TYPO3/_deprecated.less     |   42 +-
 .../Styles/TYPO3/_element_clipboard.less      |   22 +-
 .../Private/Styles/TYPO3/_element_csh.less    |   47 +-
 .../Private/Styles/TYPO3/_element_csm.less    |   52 +-
 .../Styles/TYPO3/_element_docheader.less      |   49 +-
 .../Styles/TYPO3/_element_history.less        |   21 +-
 .../Private/Styles/TYPO3/_element_label.less  |   11 +
 .../Styles/TYPO3/_element_message.less        |   22 +-
 .../Private/Styles/TYPO3/_element_modal.less  |   15 +-
 .../Styles/TYPO3/_element_pagetree.less       |   55 +-
 .../Styles/TYPO3/_element_pagination.less     |   17 +-
 .../Private/Styles/TYPO3/_element_panel.less  |   15 +-
 .../Private/Styles/TYPO3/_element_rte.less    |   31 +-
 .../Styles/TYPO3/_element_spinner.less        |   22 +-
 .../Private/Styles/TYPO3/_element_tab.less    |   24 +-
 .../Private/Styles/TYPO3/_element_table.less  |  193 +-
 .../Styles/TYPO3/_element_tceforms.less       |  112 +-
 .../Private/Styles/TYPO3/_element_tree.less   |   54 +-
 .../Private/Styles/TYPO3/_fonts.less          |   17 +-
 .../Private/Styles/TYPO3/_login_screen.less   |   30 +-
 .../Private/Styles/TYPO3/_main_body.less      |   47 +-
 .../Private/Styles/TYPO3/_main_content.less   |   71 +-
 .../Private/Styles/TYPO3/_main_form.less      |   76 +-
 .../Styles/TYPO3/_main_scaffolding.less       |   19 +-
 .../Private/Styles/TYPO3/_main_type.less      |   22 +
 .../TYPO3/_module_extensionmanager.less       |  426 ++
 .../Private/Styles/TYPO3/_module_menu.less    |   19 +-
 .../TYPO3/_module_web_list_sysnote.less       |   21 +-
 .../Styles/TYPO3/_module_web_new_element.less |   21 +-
 .../Private/Styles/TYPO3/_topbar.less         |   28 +-
 .../structure/_element_move_element.less      |   19 +-
 .../TYPO3/structure/_element_version.less     |   21 +-
 .../TYPO3/structure/_element_wizard.less      |   21 +-
 .../TYPO3/structure/_module_file_list.less    |   28 +-
 .../TYPO3/structure/_module_user_ws.less      |   21 +-
 .../TYPO3/structure/_module_web_list.less     |   19 +-
 .../TYPO3/structure/_module_web_page.less     |   21 +-
 .../TYPO3/visual/_element_extjs_icons.less    |   21 +-
 .../TYPO3/visual/_element_typoscript.less     |   21 +-
 .../Styles/TYPO3/visual/_element_version.less |   21 +-
 .../TYPO3/visual/_module_file_list.less       |   19 +-
 .../TYPO3/visual/_module_file_upload.less     |   21 +-
 .../Styles/TYPO3/visual/_module_web_info.less |   34 -
 .../Styles/TYPO3/visual/_module_web_list.less |   42 -
 .../Styles/TYPO3/visual/_module_web_page.less |   19 +-
 .../Private/Styles/bootstrap/variables.less   |   10 +-
 .../Resources/Private/Styles/t3skin.less      |   10 +-
 .../Resources/Public/Css/visual/t3skin.css    | 5002 ++++++-----------
 .../Public/Images/ui-icons_222222_256x240.png |  Bin 0 -> 3702 bytes
 ...mplateAnalyzerModuleFunctionController.php |    4 +-
 ...ateInformationModuleFunctionController.php |    2 +-
 .../TypoScriptTemplateModuleController.php    |   19 +-
 ...eObjectBrowserModuleFunctionController.php |   57 +-
 .../Controller/VersionModuleController.php    |    4 +-
 ...atePagesWizardModuleFunctionController.php |   12 +-
 .../View/SortPagesWizardModuleFunction.php    |    2 +-
 143 files changed, 3144 insertions(+), 6353 deletions(-)
 delete mode 100644 typo3/contrib/normalize/normalize.css
 create mode 100644 typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js
 create mode 100644 typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Public/Css/README.txt
 delete mode 100644 typo3/sysext/extensionmanager/Resources/Public/Css/main.css
 create mode 100644 typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less
 create mode 100644 typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less
 create mode 100644 typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less
 delete mode 100644 typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less
 delete mode 100644 typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less
 create mode 100644 typo3/sysext/t3skin/Resources/Public/Images/ui-icons_222222_256x240.png

diff --git a/typo3/contrib/normalize/normalize.css b/typo3/contrib/normalize/normalize.css
deleted file mode 100644
index 196d223f12c3..000000000000
--- a/typo3/contrib/normalize/normalize.css
+++ /dev/null
@@ -1,423 +0,0 @@
-/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-  font-family: sans-serif; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-  margin: 0;
-}
-
-/* HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-  display: block;
-}
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; /* 1 */
-  vertical-align: baseline; /* 2 */
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9.
- * Hide the `template` element in IE, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-  display: none;
-}
-
-/* Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-  background: transparent;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-  font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-  font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-  border: 0;
-}
-
-/**
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-  margin: 1em 40px;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-
-pre {
-  overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; /* 1 */
-  font: inherit; /* 2 */
-  margin: 0; /* 3 */
-}
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10.
- */
-
-button {
-  overflow: visible;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8+, and Opera
- * Correct `select` style inheritance in Firefox.
- */
-
-button,
-select {
-  text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; /* 2 */
-  cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-input {
-  line-height: normal;
-}
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; /* 2 */
-  box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-  border: 0; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Remove default vertical scrollbar in IE 8/9.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
-  font-weight: bold;
-}
-
-/* Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
diff --git a/typo3/sysext/backend/Classes/Controller/BackendController.php b/typo3/sysext/backend/Classes/Controller/BackendController.php
index a7d30248c964..65b5b528bb94 100644
--- a/typo3/sysext/backend/Classes/Controller/BackendController.php
+++ b/typo3/sysext/backend/Classes/Controller/BackendController.php
@@ -130,8 +130,6 @@ class BackendController {
 		if (!$this->debug) {
 			$this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/LoginRefresh');
 		}
-		// Add default BE css
-		$this->pageRenderer->addCssLibrary('contrib/normalize/normalize.css', 'stylesheet', 'all', '', TRUE, TRUE);
 
 		// load FlashMessages functionality
 		$this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/FlashMessages');
@@ -139,12 +137,15 @@ class BackendController {
 		// load Modals
 		$this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/Modal');
 
+		// load Legacy CSS Support
+		$this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/LegacyCssClasses');
+
 		// load the storage API and fill the UC into the PersistentStorage, so no additional AJAX call is needed
 		$this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/Storage', 'function(Storage) {
 			Storage.Persistent.load(' . json_encode($GLOBALS['BE_USER']->uc) . ');
 		}');
 		$this->css = '';
-		
+
 		$this->initializeToolbarItems();
 		if (isset($GLOBALS['TBE_STYLES']['dims']['leftMenuFrameW'])) {
 			$this->menuWidth = (int)$GLOBALS['TBE_STYLES']['dims']['leftMenuFrameW'];
@@ -804,4 +805,4 @@ class BackendController {
 		return $view;
 	}
 
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php b/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php
index a5e6b39036aa..964ba087af9a 100644
--- a/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php
+++ b/typo3/sysext/backend/Classes/Controller/ContentElement/ElementInformationController.php
@@ -288,7 +288,7 @@ class ElementInformationController {
 
 			// Download
 			if ($url) {
-				$downloadLink .= '<a href="' . htmlspecialchars($url) . '" target="_blank" class="t3-button">' .
+				$downloadLink .= '<a class="btn btn-primary" href="' . htmlspecialchars($url) . '" target="_blank">' .
 						IconUtility::getSpriteIcon('actions-edit-download') . ' ' .
 						$GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_common.xlf:download', TRUE) .
 						'</a>';
@@ -370,7 +370,7 @@ class ElementInformationController {
 				</tr>';
 		}
 
-		return '<table class="t3-table">' . implode('', $tableRows) . '</table>';
+		return '<table class="table table-striped table-hover">' . implode('', $tableRows) . '</table>';
 	}
 
 	/**
@@ -441,7 +441,7 @@ class ElementInformationController {
 			return '';
 		}
 
-		return '<table id="typo3-showitem" class="t3-table-info">' .
+		return '<table id="typo3-showitem" class="table table-striped table-hover">' .
 				implode('', $tableRows) .
 				'</table>';
 	}
@@ -558,7 +558,7 @@ class ElementInformationController {
 		}
 		$referenceLine = '';
 		if (count($infoData)) {
-			$referenceLine = '<table class="t3-table">' .
+			$referenceLine = '<table class="table table-striped table-hover">' .
 					'<thead>' . $infoDataHeader . '</thead>' .
 					'<tbody>' .
 					implode('', $infoData) .
@@ -613,7 +613,7 @@ class ElementInformationController {
 			return;
 		}
 
-		return '<table class="t3-table">' .
+		return '<table class="table table-striped table-hover">' .
 				'<thead>' . $infoDataHeader . '</thead>' .
 				'<tbody>' .
 				implode('', $infoData) .
diff --git a/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php b/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php
index 6362ff45705e..098a15e2470a 100644
--- a/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php
+++ b/typo3/sysext/backend/Classes/Controller/File/FileUploadController.php
@@ -175,7 +175,7 @@ class FileUploadController {
 			<div id="c-submit">
 				<input type="hidden" name="redirect" value="' . $this->returnUrl . '" /><br />
 				' . \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction') . '
-				<input type="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" />
+				<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" />
 			</div>
 		';
 		return $content;
diff --git a/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php b/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php
index 4c4f0d230ecd..708c5f784040 100644
--- a/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php
+++ b/typo3/sysext/backend/Classes/Controller/Wizard/ColorpickerController.php
@@ -213,9 +213,15 @@ class ColorpickerController extends AbstractWizardController {
 					<p class="c-head">' . $this->getLanguageService()->getLL('colorpicker_colorValue', TRUE) . '</p>
 					<table border="0" cellpadding="0" cellspacing="3">
 						<tr>
-							<td><input type="text" ' . $this->doc->formWidth(7) . ' maxlength="10" name="colorValue" value="' . htmlspecialchars($this->colorValue) . '" /></td>
-							<td style="background-color:' . htmlspecialchars($this->colorValue) . '; border: 1px solid black;">&nbsp;<span style="color: black;">' . $this->getLanguageService()->getLL('colorpicker_black', TRUE) . '</span>&nbsp;<span style="color: white;">' . $this->getLanguageService()->getLL('colorpicker_white', TRUE) . '</span>&nbsp;</td>
-							<td><input type="submit" name="save_close" value="' . $this->getLanguageService()->getLL('colorpicker_setClose', TRUE) . '" /></td>
+							<td>
+								<input type="text" ' . $this->doc->formWidth(7) . ' maxlength="10" name="colorValue" value="' . htmlspecialchars($this->colorValue) . '" />
+							</td>
+							<td style="background-color:' . htmlspecialchars($this->colorValue) . '; border: 1px solid black;">
+								<span style="color: black;">' . $this->getLanguageService()->getLL('colorpicker_black', TRUE) . '</span>&nbsp;<span style="color: white;">' . $this->getLanguageService()->getLL('colorpicker_white', TRUE) . '</span>
+							</td>
+							<td>
+								<input class="btn btn-default" type="submit" name="save_close" value="' . $this->getLanguageService()->getLL('colorpicker_setClose', TRUE) . '" />
+							</td>
 						</tr>
 					</table>
 
diff --git a/typo3/sysext/backend/Classes/Form/Element/InlineElement.php b/typo3/sysext/backend/Classes/Form/Element/InlineElement.php
index 5338dd1e68d6..c54a53d19dd6 100644
--- a/typo3/sysext/backend/Classes/Form/Element/InlineElement.php
+++ b/typo3/sysext/backend/Classes/Form/Element/InlineElement.php
@@ -858,7 +858,7 @@ class InlineElement {
 			} else {
 				$createNewRelationText = $this->getLanguageService()->sL('LLL:EXT:lang/locallang_core.xlf:cm.createNewRelation', TRUE);
 			}
-			$item .= ' <a href="#" class="t3-button" onclick="' . htmlspecialchars($onChange) . '" align="abstop">' . IconUtility::getSpriteIcon('actions-document-new', array('title' => $createNewRelationText)) . $createNewRelationText . '</a>';
+			$item .= ' <a href="#" class="btn btn-default" onclick="' . htmlspecialchars($onChange) . '" align="abstop">' . IconUtility::getSpriteIcon('actions-document-new', array('title' => $createNewRelationText)) . $createNewRelationText . '</a>';
 			$item = '<div class="t3-form-field-group">' . $item . '</div>';
 		}
 		return $item;
@@ -902,7 +902,7 @@ class InlineElement {
 		$browserParams = '|||' . $allowed . '|' . $objectPrefix . '|inline.checkUniqueElement||inline.importElement';
 		$onClick = 'setFormValueOpenBrowser(\'' . $mode . '\', \'' . $browserParams . '\'); return false;';
 
-		$item = '<a href="#" class="t3-button" onclick="' . htmlspecialchars($onClick) . '">';
+		$item = '<a href="#" class="btn btn-default" onclick="' . htmlspecialchars($onClick) . '">';
 		$item .= IconUtility::getSpriteIcon('actions-insert-record', array('title' => $createNewRelationText));
 		$item .= $createNewRelationText . '</a>';
 
@@ -913,7 +913,7 @@ class InlineElement {
 				&& $folder->checkActionPermission('add')
 			) {
 				$maxFileSize = GeneralUtility::getMaxUploadFileSize() * 1024;
-				$item .= ' <a href="#" class="t3-button t3-drag-uploader"
+				$item .= ' <a href="#" class="btn btn-default t3-drag-uploader"
 					style="display:none"
 					data-dropzone-target="#' . htmlspecialchars($this->inlineNames['object']) . '"
 					data-insert-dropzone-before="1"
@@ -965,7 +965,7 @@ class InlineElement {
 				$title = $languageService->sL('LLL:EXT:lang/locallang_core.xlf:cm.createnew', TRUE);
 				$icon = 'actions-document-new';
 				$className = 'typo3-newRecordLink';
-				$attributes['class'] = 't3-button inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5'];
+				$attributes['class'] = 'btn btn-default inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5'];
 				$attributes['onclick'] = 'return inline.createNewRecord(\'' . $objectPrefix . '\')';
 				if (!empty($conf['inline']['inlineNewButtonStyle'])) {
 					$attributes['style'] = $conf['inline']['inlineNewButtonStyle'];
@@ -983,14 +983,14 @@ class InlineElement {
 				$title = $languageService->sL('LLL:EXT:lang/locallang_misc.xlf:localizeAllRecords', 1);
 				$icon = 'actions-document-localize';
 				$className = 'typo3-localizationLink';
-				$attributes['class'] = 't3-button';
+				$attributes['class'] = 'btn btn-default';
 				$attributes['onclick'] = 'return inline.synchronizeLocalizeRecords(\'' . $objectPrefix . '\', \'localize\')';
 				break;
 			case 'synchronize':
 				$title = $languageService->sL('LLL:EXT:lang/locallang_misc.xlf:synchronizeWithOriginalLanguage', TRUE);
 				$icon = 'actions-document-synchronize';
 				$className = 'typo3-synchronizationLink';
-				$attributes['class'] = 't3-button inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5'];
+				$attributes['class'] = 'btn btn-default inlineNewButton ' . $this->inlineData['config'][$nameObject]['md5'];
 				$attributes['onclick'] = 'return inline.synchronizeLocalizeRecords(\'' . $objectPrefix . '\', \'synchronize\')';
 				break;
 			default:
diff --git a/typo3/sysext/backend/Classes/History/RecordHistory.php b/typo3/sysext/backend/Classes/History/RecordHistory.php
index 48b3af0450a7..cfd2cdf88e52 100644
--- a/typo3/sysext/backend/Classes/History/RecordHistory.php
+++ b/typo3/sysext/backend/Classes/History/RecordHistory.php
@@ -449,7 +449,7 @@ class RecordHistory {
 			<!--
 				History (list):
 			-->
-			<table class="t3-table" id="typo3-history">
+			<table class="table table-striped table-hover" id="typo3-history">
 				' . implode('', $lines) . '
 			</table>';
 		if ($this->lastSyslogId) {
diff --git a/typo3/sysext/backend/Classes/Module/ModuleSettings.php b/typo3/sysext/backend/Classes/Module/ModuleSettings.php
index f2244de17364..78e6f6d49d28 100644
--- a/typo3/sysext/backend/Classes/Module/ModuleSettings.php
+++ b/typo3/sysext/backend/Classes/Module/ModuleSettings.php
@@ -379,12 +379,12 @@ class ModuleSettings {
 			// Load button
 			if (in_array('load', $showElements)) {
 				$code .= '
-					<input type="submit" name="storeControl[LOAD]" value="Load" /> ';
+					<input class="btn btn-default" type="submit" name="storeControl[LOAD]" value="Load" /> ';
 			}
 			// Remove button
 			if (in_array('remove', $showElements)) {
 				$code .= '
-					<input type="submit" name="storeControl[REMOVE]" value="Remove" /> ';
+					<input class="btn btn-default" type="submit" name="storeControl[REMOVE]" value="Remove" /> ';
 			}
 			$codeTD[] = '<td width="1%">Preset:</td>';
 			$codeTD[] = '<td nowrap="nowrap">' . $code . '&nbsp;&nbsp;</td>';
@@ -393,7 +393,7 @@ class ModuleSettings {
 		if (in_array('save', $showElements)) {
 			$onClick = !$storedEntries ? '' : 'if (document.forms[\'' . $this->formName . '\'][\'storeControl[STORE]\'].options[document.forms[\'' . $this->formName . '\'][\'storeControl[STORE]\'].selectedIndex].value<0) return confirm(\'Are you sure you want to overwrite the existing entry?\');';
 			$code = '<input name="storeControl[title]" value="" type="text" max="80" width="25"> ';
-			$code .= '<input type="submit" name="storeControl[SAVE]" value="Save" onClick="' . htmlspecialchars($onClick) . '" />';
+			$code .= '<input class="btn btn-default" type="submit" name="storeControl[SAVE]" value="Save" onClick="' . htmlspecialchars($onClick) . '" />';
 			$codeTD[] = '<td nowrap="nowrap">' . $code . '</td>';
 		}
 		$codeTD = implode('
diff --git a/typo3/sysext/backend/Classes/Template/DocumentTemplate.php b/typo3/sysext/backend/Classes/Template/DocumentTemplate.php
index 9062a36d560a..b316edf98d13 100644
--- a/typo3/sysext/backend/Classes/Template/DocumentTemplate.php
+++ b/typo3/sysext/backend/Classes/Template/DocumentTemplate.php
@@ -389,6 +389,10 @@ function jumpToUrl(URL) {
 	public function __construct() {
 		// Initializes the page rendering object:
 		$this->getPageRenderer();
+
+		// load Legacy CSS Support
+		$this->pageRenderer->loadRequireJsModule('TYPO3/CMS/Backend/LegacyCssClasses');
+
 		// Setting default scriptID:
 		if (($temp_M = (string)GeneralUtility::_GET('M')) && $GLOBALS['TBE_MODULES']['_PATHS'][$temp_M]) {
 			$this->scriptID = preg_replace('/^.*\\/(sysext|ext)\\//', 'ext/', $GLOBALS['TBE_MODULES']['_PATHS'][$temp_M] . 'index.php');
@@ -441,7 +445,6 @@ function jumpToUrl(URL) {
 		if (!isset($this->pageRenderer)) {
 			$this->pageRenderer = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class);
 			$this->pageRenderer->setLanguage($GLOBALS['LANG']->lang);
-			$this->pageRenderer->addCssLibrary($GLOBALS['BACK_PATH'] . 'contrib/normalize/normalize.css', 'stylesheet', 'all', '', TRUE, TRUE);
 			$this->pageRenderer->enableConcatenateFiles();
 			$this->pageRenderer->enableCompressCss();
 			$this->pageRenderer->enableCompressJavascript();
@@ -1288,7 +1291,7 @@ function jumpToUrl(URL) {
 	 * @return string A <input> tag of the type "submit
 	 */
 	public function t3Button($onClick, $label) {
-		$button = '<input type="submit" onclick="' . htmlspecialchars($onClick) . '; return false;" value="' . htmlspecialchars($label) . '" />';
+		$button = '<input class="btn btn-default" type="submit" onclick="' . htmlspecialchars($onClick) . '; return false;" value="' . htmlspecialchars($label) . '" />';
 		return $button;
 	}
 
diff --git a/typo3/sysext/backend/Classes/Utility/BackendUtility.php b/typo3/sysext/backend/Classes/Utility/BackendUtility.php
index a53e1bbd07d5..c16b78e8df4b 100644
--- a/typo3/sysext/backend/Classes/Utility/BackendUtility.php
+++ b/typo3/sysext/backend/Classes/Utility/BackendUtility.php
@@ -2473,7 +2473,7 @@ class BackendUtility {
 			}
 		}
 		$out = implode('', $lines);
-		$out .= '<input type="submit" name="submit" value="Update configuration" />';
+		$out .= '<input class="btn btn-default" type="submit" name="submit" value="Update configuration" />';
 		return $out;
 	}
 
diff --git a/typo3/sysext/backend/Classes/View/ModuleMenuView.php b/typo3/sysext/backend/Classes/View/ModuleMenuView.php
index 40364d483c18..b1fc442e56d9 100644
--- a/typo3/sysext/backend/Classes/View/ModuleMenuView.php
+++ b/typo3/sysext/backend/Classes/View/ModuleMenuView.php
@@ -358,7 +358,7 @@ class ModuleMenuView {
 		$buttonLabel = $GLOBALS['BE_USER']->user['ses_backuserid'] ? 'LLL:EXT:lang/locallang_core.xlf:buttons.exit' : 'LLL:EXT:lang/locallang_core.xlf:buttons.logout';
 		$buttonForm = '
 		<form action="logout.php" target="_top">
-			<input type="submit" id="logout-submit-button" value="' . $GLOBALS['LANG']->sL($buttonLabel, TRUE) . '" />
+			<input class="btn btn-default" type="submit" id="logout-submit-button" value="' . $GLOBALS['LANG']->sL($buttonLabel, TRUE) . '" />
 		</form>';
 		return $buttonForm;
 	}
diff --git a/typo3/sysext/backend/Classes/View/PageLayoutView.php b/typo3/sysext/backend/Classes/View/PageLayoutView.php
index 632a0cf09136..c6eb658b3504 100644
--- a/typo3/sysext/backend/Classes/View/PageLayoutView.php
+++ b/typo3/sysext/backend/Classes/View/PageLayoutView.php
@@ -373,7 +373,7 @@ class PageLayoutView extends \TYPO3\CMS\Recordlist\RecordList\AbstractDatabaseRe
 			// CSH:
 			$out = BackendUtility::cshItem($this->descrTable, ('func_' . $pKey)) . '
 				<div class="table-fit">
-					<table class="t3-table typo3-page-pages">' .
+					<table class="table table-striped table-hover typo3-page-pages">' .
 						'<thead>' .
 							$this->addelement(1, '', $theData) .
 						'</thead>' .
diff --git a/typo3/sysext/backend/Resources/Private/Templates/login.html b/typo3/sysext/backend/Resources/Private/Templates/login.html
index 698fd626d6f1..f8d1a4e13550 100644
--- a/typo3/sysext/backend/Resources/Private/Templates/login.html
+++ b/typo3/sysext/backend/Resources/Private/Templates/login.html
@@ -93,8 +93,7 @@
 	</div>
 
 	<div class="form-group">
-		<input type="submit" name="commandLI" value="###VALUE_SUBMIT###" id="t3-login-submit" class="form-control" />
-
+		<input class="btn btn-block" type="submit" name="commandLI" value="###VALUE_SUBMIT###" id="t3-login-submit" />
 		<div id="t3-login-process" style="display: none;">
 			<i class="fa fa-spin fa-spinner"></i>
 			###LOGIN_PROCESS###
@@ -125,7 +124,7 @@
 		<!-- ###INTERFACE_SELECTOR### end -->
 
 		<input type="hidden" name="p_field" value="" />
-		<input type="submit" name="commandLO" value="###VALUE_SUBMIT###" id="t3-login-submit" class="form-control" />
+		<input class="btn btn-block" type="submit" name="commandLO" value="###VALUE_SUBMIT###" id="t3-login-submit" />
 	</div>
 </div>
 <!-- ###LOGOUT_FORM### end -->
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js b/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js
index 7586a49babbd..98e5c67c5bc2 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js
@@ -139,7 +139,7 @@ define('TYPO3/CMS/Backend/DragUploader', ['jquery'], function($) {
 
 			// no filelist then create own progress table
 			if (me.$fileList.length === 0) {
-				me.$fileList = $('<table />').attr('id', 'typo3-filelist').addClass('t3-table t3-upload-queue').html('<tbody></tbody>').hide();
+				me.$fileList = $('<table />').attr('id', 'typo3-filelist').addClass('table table-striped table-hover t3-upload-queue').html('<tbody></tbody>').hide();
 				if (me.dropZoneInsertBefore) {
 					me.$fileList.insertAfter(me.$dropzone);
 				} else {
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js b/typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js
new file mode 100644
index 000000000000..f34686c8daab
--- /dev/null
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/LegacyCssClasses.js
@@ -0,0 +1,57 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+/**
+ * JavaScript replacement for Legacy CSS Classes
+ */
+define('TYPO3/CMS/Backend/LegacyCssClasses', ['jquery'], function($) {
+	var LegacyCssClasses = {
+		replacements: [
+			{
+				selector: '.t3-table',
+				remove: ['t3-table'],
+				add: ['table', 'table-striped', 'table-hover']
+			}
+		]
+	};
+
+	LegacyCssClasses.initialize = function() {
+		$.each(LegacyCssClasses.replacements, function(key, replacement) {
+			$items = $(replacement.selector);
+			if ($items.length > 0) {
+				$items.each(function() {
+					$item = $(this);
+					if (replacement.remove.length > 0) {
+						$.each(replacement.remove, function(oldClassId, oldClassName) {
+							$item.removeClass(oldClassName);
+						});
+					}
+					if (replacement.add.length > 0) {
+						$.each(replacement.add, function(newClassId, newClassName) {
+							$item.addClass(newClassName);
+						});
+					}
+				});
+			}
+		});
+	};
+
+	/**
+	 * initialize function
+	 */
+	return function() {
+		LegacyCssClasses.initialize();
+		return LegacyCssClasses;
+	}();
+
+});
\ No newline at end of file
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js b/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js
index 8b917edf1a58..bfc2c68cc3b0 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/LoginRefresh.js
@@ -94,7 +94,7 @@ define('TYPO3/CMS/Backend/LoginRefresh', ['jquery'], function($) {
 			)
 		);
 		LoginRefresh.$timeoutModal.find('.modal-footer').append(
-			$('<button />', {class: 't3-button', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_refresh_button).on('click', function() {
+			$('<button />', {class: 'btn btn-default', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_refresh_button).on('click', function() {
 				$.ajax({
 					url: TYPO3.settings.ajaxUrls['BackendLogin::isTimedOut'],
 					method: 'GET',
@@ -103,7 +103,7 @@ define('TYPO3/CMS/Backend/LoginRefresh', ['jquery'], function($) {
 					}
 				});
 			}),
-			$('<button />', {class: 't3-button', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() {
+			$('<button />', {class: 'btn btn-default', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() {
 				top.location.href = TYPO3.configuration.siteUrl + TYPO3.configuration.TYPO3_mainDir + 'logout.php';
 			})
 		);
@@ -193,8 +193,8 @@ define('TYPO3/CMS/Backend/LoginRefresh', ['jquery'], function($) {
 			)
 		);
 		LoginRefresh.$loginForm.find('.modal-footer').append(
-			$('<button />', {type: 'submit', form: 'beLoginRefresh', class: 't3-button', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_button),
-			$('<button />', {class: 't3-button', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() {
+			$('<button />', {type: 'submit', form: 'beLoginRefresh', class: 'btn btn-default', 'data-action': 'refreshSession'}).text(TYPO3.LLL.core.refresh_login_button),
+			$('<button />', {class: 'btn btn-default', 'data-action': 'logout'}).text(TYPO3.LLL.core.refresh_direct_logout_button).on('click', function() {
 				top.location.href = TYPO3.configuration.siteUrl + TYPO3.configuration.TYPO3_mainDir + 'logout.php';
 			})
 		);
diff --git a/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html b/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html
index 590a7e0976cd..0d03c4af9460 100644
--- a/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html
+++ b/typo3/sysext/belog/Resources/Private/Partials/Content/LogEntries.html
@@ -99,7 +99,7 @@
 				<f:format.date format="{settings.dateFormat}">@{dayTimestamp}</f:format.date>
 			</h3>
 
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th valign="top">
diff --git a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html
index 4810607e4b4f..2225e38c0773 100644
--- a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html
+++ b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Compare.html
@@ -11,7 +11,7 @@
 </f:section>
 
 <f:section name="content">
-	<table border="0" cellpadding="0" cellspacing="0" id="tx_beuser_compare" class="t3-table">
+	<table border="0" cellpadding="0" cellspacing="0" id="tx_beuser_compare" class="table table-striped table-hover">
 		<thead>
 			<tr class="t3-row-header">
 				<th>&nbsp;</th>
diff --git a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html
index 7b5ec08ca08c..ffce70cbee54 100644
--- a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html
+++ b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Index.html
@@ -52,7 +52,7 @@
 
 	<f:be.widget.paginate objects="{backendUsers}" as="paginatedBackendUsers" configuration="{itemsPerPage: 50, insertAbove: 1, insertBelow: 1}">
 		<div class="table-fit">
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th class="col-icon"></th>
diff --git a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html
index 7a6c3a8d057f..5d75ee043657 100644
--- a/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html
+++ b/typo3/sysext/beuser/Resources/Private/Templates/BackendUser/Online.html
@@ -10,7 +10,7 @@
 </f:section>
 
 <f:section name="content">
-	<table class="t3-table">
+	<table class="table table-striped table-hover">
 		<thead>
 			<tr>
 				<th><f:translate key="userName" /> / <f:translate key="realName" /></th>
diff --git a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html
index a54f78079c9e..b15fc60bf2e9 100644
--- a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html
+++ b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Edit.html
@@ -34,7 +34,7 @@
 		</f:if>
 
 
-		<table class="t3-table" id="typo3-permissionMatrix">
+		<table class="table table-striped table-hover" id="typo3-permissionMatrix">
 			<thead>
 			<tr>
 				<th></th>
diff --git a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html
index 07243278451e..5370bcf661d7 100644
--- a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html
+++ b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html
@@ -17,7 +17,7 @@
 	</div>
 
 	<div class="table-fit">
-		<table class="t3-table" id="typo3-permissionList">
+		<table class="table table-striped table-hover" id="typo3-permissionList">
 			<thead>
 			<tr>
 				<th colspan="2">&nbsp;</th>
diff --git a/typo3/sysext/core/Classes/Database/QueryView.php b/typo3/sysext/core/Classes/Database/QueryView.php
index 74b6bd5de2f1..a83c721c6c7f 100644
--- a/typo3/sysext/core/Classes/Database/QueryView.php
+++ b/typo3/sysext/core/Classes/Database/QueryView.php
@@ -71,7 +71,8 @@ class QueryView {
 	public function form() {
 		$out = '
 		Search Word:<BR>
-		<input type="search" name="SET[sword]" value="' . htmlspecialchars($GLOBALS['SOBE']->MOD_SETTINGS['sword']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '><input type="submit" name="submit" value="Search All Records">
+		<input type="search" name="SET[sword]" value="' . htmlspecialchars($GLOBALS['SOBE']->MOD_SETTINGS['sword']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '>
+		<input class="btn btn-default" type="submit" name="submit" value="Search All Records">
 		';
 		return $out;
 	}
@@ -103,8 +104,19 @@ class QueryView {
 		$TDparams = ' nowrap="nowrap" class="bgColor4"';
 		$tmpCode = '
 		<table border="0" cellpadding="3" cellspacing="1">
-		<tr' . $TDparams . '><td><select name="storeControl[STORE]" onChange="document.forms[0][\'storeControl[title]\'].value= this.options[this.selectedIndex].value!=0 ? this.options[this.selectedIndex].text : \'\';">' . implode(LF, $opt) . '</select><input type="submit" name="storeControl[LOAD]" value="Load"></td></tr>
-		<tr' . $TDparams . '><td nowrap><input name="storeControl[title]" value="" type="text" max="80"' . $GLOBALS['SOBE']->doc->formWidth() . '><input type="submit" name="storeControl[SAVE]" value="Save" onClick="if (document.forms[0][\'storeControl[STORE]\'].options[document.forms[0][\'storeControl[STORE]\'].selectedIndex].value<0) return confirm(\'Are you sure you want to overwrite the existing query in this action?\');"><input type="submit" name="storeControl[REMOVE]" value="Remove"></td></tr>
+			<tr' . $TDparams . '>
+				<td>
+					<select name="storeControl[STORE]" onChange="document.forms[0][\'storeControl[title]\'].value= this.options[this.selectedIndex].value!=0 ? this.options[this.selectedIndex].text : \'\';">' . implode(LF, $opt) . '</select>
+					<input class="btn btn-default" type="submit" name="storeControl[LOAD]" value="Load">
+				</td>
+			</tr>
+			<tr' . $TDparams . '>
+				<td nowrap>
+					<input name="storeControl[title]" value="" type="text" max="80"' . $GLOBALS['SOBE']->doc->formWidth() . '>
+					<input class="btn btn-default" type="submit" name="storeControl[SAVE]" value="Save" onClick="if (document.forms[0][\'storeControl[STORE]\'].options[document.forms[0][\'storeControl[STORE]\'].selectedIndex].value<0) return confirm(\'Are you sure you want to overwrite the existing query in this action?\');">
+					<input class="btn btn-default" type="submit" name="storeControl[REMOVE]" value="Remove">
+				</td>
+			</tr>
 		</table>
 		';
 		return $tmpCode;
@@ -406,7 +418,7 @@ class QueryView {
 				if (count($rowArr)) {
 					$out .= '<textarea name="whatever" rows="20" wrap="off"' . $GLOBALS['SOBE']->doc->formWidthText($this->formW, '', 'off') . ' class="fixed-font">' . GeneralUtility::formatForTextarea(implode(LF, $rowArr)) . '</textarea>';
 					if (!$this->noDownloadB) {
-						$out .= '<BR><input type="submit" name="download_file" value="Click to download file" onClick="window.location.href=\'' . $this->downloadScript . '\';">';
+						$out .= '<br><input class="btn btn-default" type="submit" name="download_file" value="Click to download file" onClick="window.location.href=\'' . $this->downloadScript . '\';">';
 					}
 					// Downloads file:
 					if (GeneralUtility::_GP('download_file')) {
diff --git a/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php b/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php
index 4ea3a5f816e0..11b5515feec7 100644
--- a/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php
+++ b/typo3/sysext/core/Classes/TypoScript/ConfigurationForm.php
@@ -130,7 +130,7 @@ class ConfigurationForm extends \TYPO3\CMS\Core\TypoScript\ExtendedTemplateServi
 		}
 		$content .= $addFields;
 		$content .= $printFields;
-		$content .= '<input type="submit" name="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_tsfe.xlf:update', TRUE) . '" id="configuration-submit-' . htmlspecialchars($extKey) . '" />';
+		$content .= '<input class="btn btn-default" type="submit" name="submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_tsfe.xlf:update', TRUE) . '" id="configuration-submit-' . htmlspecialchars($extKey) . '" />';
 		$example = $this->ext_displayExample();
 		$content .= $example ? '<hr/>' . $example : '';
 		return $content;
diff --git a/typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst b/typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst
new file mode 100644
index 000000000000..16e467235321
--- /dev/null
+++ b/typo3/sysext/core/Documentation/Changelog/master/Breaking-64102-MoveT3TableAndT3ButtonToBootstrap.rst
@@ -0,0 +1,30 @@
+===========================================================
+Breaking: #64102 - Move t3-table and t3-button to bootstrap
+===========================================================
+
+Description
+===========
+
+In transition to full boostrap coverage and streamlining the backend, we are dropping the support for the css classes
+.t3-table and .t3-button. We are replacing them with the corresponding bootstrap css classes for tables and buttons.
+See http://getbootstrap.com/css/#tables and http://getbootstrap.com/css/#buttons for more details.
+
+
+Impact
+======
+
+Custom implementations of tables and and buttons in backendmodules will lose the TYPO3 default styling.
+
+
+Affected installations
+======================
+
+Extensions that provide custom backend modules that are using the css classes .t3-table / .t3-button
+
+
+Migration
+=========
+
+For tables we recommend the usage of the css class combination "table table-striped table-hover" instead of "t3-table".
+
+For buttons we recommend the usage of the css class combination "btn btn-default" instead of "t3-button".
diff --git a/typo3/sysext/dbal/Classes/Controller/ModuleController.php b/typo3/sysext/dbal/Classes/Controller/ModuleController.php
index a9a88a796bc6..a50f7cec6ee8 100644
--- a/typo3/sysext/dbal/Classes/Controller/ModuleController.php
+++ b/typo3/sysext/dbal/Classes/Controller/ModuleController.php
@@ -179,7 +179,12 @@ function updateQryForm(s) {
 	    <tr id="tx-dbal-qrygroup"><th>GROUP BY</th><td><input name="tx_dbal[GROUP]" value="' . $input['GROUP'] . '" type="text" size="30" maxsize="100" /></td></tr>
 	    <tr id="tx-dbal-qryorder"><th>ORDER BY</th><td><input name="tx_dbal[ORDER]" value="' . $input['ORDER'] . '" type="text" size="30" maxsize="100" /></td></tr>
 	    <tr id="tx-dbal-qrylimit"><th>LIMIT</th><td><input name="tx_dbal[LIMIT]" value="' . $input['LIMIT'] . '" type="text" size="30" maxsize="100" /></td></tr>
-			<tr><td></td><td style="text-align:right;"><input type="submit" value="CHECK" /></td></tr>
+		<tr>
+			<td></td>
+			<td style="text-align:right;">
+				<input class="btn btn-default" type="submit" value="CHECK" />
+			</td>
+		</tr>
 			<script type="text/javascript">
 /*<![CDATA[*/
 updateQryForm(\'' . $input['QUERY'] . '\');
@@ -203,8 +208,16 @@ updateQryForm(\'' . $input['QUERY'] . '\');
 		}
 		$out .= '<pre>' . htmlspecialchars($qry) . '</pre></td></tr>';
 		$out .= '
-			<tr class="tableheader bgColor5"><th colspan="2">RAW SQL check</th></tr>
-			<tr><td colspan="2" style="text-align:right;"><textarea name="tx_dbal[RAWSQL]" cols="60" rows="5">' . $input['RAWSQL'] . '</textarea><br /><input type="submit" value="CHECK" /></td></tr>';
+			<tr class="tableheader bgColor5">
+				<th colspan="2">RAW SQL check</th>
+			</tr>
+			<tr>
+				<td colspan="2" style="text-align:right;">
+					<textarea name="tx_dbal[RAWSQL]" cols="60" rows="5">' . $input['RAWSQL'] . '</textarea>
+					<br />
+					<input class="btn btn-default" type="submit" value="CHECK" />
+				</td>
+			</tr>';
 		if (!empty($input['RAWSQL'])) {
 			$out .= '<tr class="bgColor4">';
 			$parseResult = $GLOBALS['TYPO3_DB']->SQLparser->parseSQL($input['RAWSQL']);
diff --git a/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html b/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html
index 3153fdbe9187..33e25d755515 100644
--- a/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html
+++ b/typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html
@@ -16,7 +16,7 @@
 		<div class="typo3-documentation-headerRowRight">
 		</div>
 	</div>
-	<table id="typo3-documentation-download" class="t3-table typo3-documentation-list">
+	<table id="typo3-documentation-download" class="table table-striped table-hover typo3-documentation-list">
 		<thead>
 		<tr>
 			<th><f:translate key="documentation.title" /></th>
diff --git a/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html b/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html
index 8d624b190556..8da13db974d0 100644
--- a/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html
+++ b/typo3/sysext/documentation/Resources/Private/Templates/Document/List.html
@@ -19,7 +19,7 @@
 		</div>
 	</div>
 
-	<table id="typo3-documentation-list" class="t3-table typo3-documentation-list">
+	<table id="typo3-documentation-list" class="table table-striped table-hover typo3-documentation-list">
 		<thead>
 			<tr>
 				<th><f:translate key="tx_documentation_domain_model_document.title" /></th>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html b/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html
index a8e884efafad..d3a3c7bb0b63 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html
@@ -4,8 +4,7 @@
 
 	includeCssFiles="{
 		0:'{f:uri.resource(path:\'Contrib/jQueryUI/jquery-ui-1.10.3.custom.min.css\')}',
-		1:'{f:uri.resource(path:\'Contrib/LoadMask/jquery.loadmask.css\')}',
-		2:'{f:uri.resource(path:\'Css/main.css\')}'
+		1:'{f:uri.resource(path:\'Contrib/LoadMask/jquery.loadmask.css\')}'
 	}"
 	includeJsFiles="{
 		1:'{f:uri.resource(path:\'Contrib/jQueryUI/jquery-ui-1.10.3.min.js\')}',
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html
index 11820948a879..94ea42cc8410 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/Distribution.html
@@ -9,7 +9,7 @@
 			/>
 		<div class="distribution-hover">
 			<div class="distribution-hover-inner">
-				<dl class="description-horizontal">
+				<dl class="dl-horizontal">
 					 <dt><f:translate key="extensionList.distribution.title" /></dt>
 					<dd>{distribution.title}</dd>
 					<dt><f:translate key="extensionList.distribution.key" /></dt>
@@ -30,7 +30,7 @@
 			</f:link.action>
 		</h2>
 		<div class="distribution-install">
-			<f:link.action action="installDistribution" controller="Download" arguments="{extension:distribution}" class="t3-button t3-button-action-installdistribution">
+			<f:link.action action="installDistribution" controller="Download" arguments="{extension:distribution}" class="btn btn-default t3-button-action-installdistribution">
 				<span class="fa fa-cloud-download">&nbsp;</span><f:translate key="extensionList.installDistribution">Install</f:translate>
 			</f:link.action>
 			<f:if condition="{official}">
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html
index 1800ad300418..218bb228b83d 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html
@@ -1,5 +1,5 @@
 <f:be.widget.paginate objects="{extensions}" as="paginatedExtensions" configuration="{itemsPerPage: 10, maximumNumberOfLinks: 2}">
-	<table id="terTable" class="t3-table typo3-extension-list">
+	<table id="terTable" class="table table-striped table-hover typo3-extension-list">
 		<f:if condition="{showVersionList}">
 			<f:then>
 				<f:render partial="List/TerShowVersionsTable.html" arguments="{paginatedExtensions:paginatedExtensions}" />
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html
index 57c1309c7dee..8388a9eedc50 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html
@@ -31,6 +31,6 @@
 		<div class="author-email">{extension.authorEmail}</div>
 	</div>
 </td>
-<td class="state {extension.stateString}">
-	{extension.stateString}
+<td>
+	<span class="label label-{extension.stateString}">{extension.stateString}</span>
 </td>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html
index 3cd6e0314b6e..d85cbdbf3e29 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Partials/List/UpdateFromTer.html
@@ -9,6 +9,7 @@
 		{f:translate(key: 'extensionList.updateFromTer.lastUpdate.noInfo')}
 	</span>
 	<input
+		class="btn btn-default"
 		type="submit"
 		value="{f:translate(key: 'extensionList.updateFromTer.buttonLabel')}" />
 </f:form>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss
deleted file mode 100644
index 0cce7ffe2022..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss
+++ /dev/null
@@ -1,99 +0,0 @@
-// SASS MIXINS
-$useIEFilters: 0;
-
-// clearfix
-@mixin clearfix {
-	&:before,
-	&:after {
-		content: " "; // 1
-		display: table; // 2
-	}
-	&:after {
-		clear: both;
-	}
-}
-
-// border-radius
-@mixin border-radius ($values) {
-	-webkit-border-radius: $values;
-	   -moz-border-radius: $values;
-		border-radius: $values;
-}
-
-// box-shadow
-@mixin box-shadow ($values) {
-	-webkit-box-shadow: $values;
-		box-shadow: $values;
-}
-
-// linear-gradient
-@mixin linear-gradient($preset, $from, $to, $ie: $useIEFilters) {
-	background-color: $preset;
-	background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
-	background-image: -webkit-linear-gradient(top, $from, $to);
-	background-image:    -moz-linear-gradient(top, $from, $to);
-	background-image:     -ms-linear-gradient(top, $from, $to);
-	background-image:      -o-linear-gradient(top, $from, $to);
-	background-image:         linear-gradient(to bottom, $from, $to);
-
-	@if $ie == 1 {
-		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
-	}
-}
-
-// rotate
-@mixin rotate ($deg) {
-	-webkit-transform: rotate(#{$deg}deg);
-	   -moz-transform: rotate(#{$deg}deg);
-	     -o-transform: rotate(#{$deg}deg);
-	    -ms-transform: rotate(#{$deg}deg);
-	        transform: rotate(#{$deg}deg);
-}
-
-// scale
-@mixin scale ($size) {
-	-webkit-transform: scale(#{$size});
-	   -moz-transform: scale(#{$size});
-	     -o-transform: scale(#{$size});
-	    -ms-transform: scale(#{$size});
-	        transform: scale(#{$size});
-}
-
-// transform
-@mixin transform ($values) {
-	-webkit-transform: #{$values};
-	   -moz-transform: #{$values};
-	     -o-transform: #{$values};
-	    -ms-transform: #{$values};
-	        transform: #{$values};
-}
-
-// transition
-@mixin transition ($value) {
-	-webkit-transition: $value;
-	   -moz-transition: $value;
-	     -o-transition: $value;
-	    -ms-transition: $value;
-	        transition: $value;
-}
-
-// box-sizing
-@mixin box-sizing ($type: border-box) {
-	-webkit-box-sizing: $type;
-	   -moz-box-sizing: $type;
-	        box-sizing: $type;
-}
-
-// Hardware Xalleration
-@mixin xallerate ($values: '') {
-	@include transform(translate3d(0,0,0) #{$values});
-}
-
-// colors
-@mixin alpha { color: #f14400; }
-@mixin beta { color: #f4bd00; }
-@mixin stable { color: #3db900; }
-@mixin experimental { color: #000; }
-@mixin test { color: #000; }
-@mixin obsolete { color: #8c8c8c; }
-@mixin excludeFromUpdates { color: #000; }
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss
deleted file mode 100644
index bc32b39f662d..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/main.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- *  Created: 2012-08-13
- *
- *  CSS in SASS's SCSS dialect for
- *  TYPO3 Extension Manager
- *  Questions can be submitted to info@drublic.de
- *
- */
-
-// Import Variables
-@import "var/settings";
-
-// Some helpers
-@import "helpers/mixins";
-
-// Import Modules
-@import "modules/tabs",
-		"modules/description";
-
-// Appearance of the page
-@import "page/base",
-		"page/manage",
-		"page/get",
-		"page/distribution";
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss
deleted file mode 100644
index 9f5f7d38eddf..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_description.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.description-horizontal {
-	@include clearfix();
-	margin-top: 0;
-	dt {
-		font-weight: bold;
-		float: left;
-		width: 60px;
-		clear: left;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-	dd {
-		margin-left: 70px;
-	}
-	&.description-horizontal-wide {
-		dt {
-			width: 100px;
-		}
-		dd {
-			margin-left: 110px;
-		}
-	}
-}
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss
deleted file mode 100644
index 980691ee2b03..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/modules/_tabs.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-// Tabs
-#typo3-extension-main-menu .tabs ul,
-#typo3-extension-configuration-forms .tabs ul {
-	list-style: none;
-	padding: 0;
-	margin-bottom: -1px;
-
-	// Clearfix
-	&:after {
-		display: table;
-		content: "";
-		clear: both;
-	}
-
-	> li {
-
-		cursor: pointer;
-
-		&.ui-tabs-active a,
-		a.current {
-			background: white;
-			color: black;
-			border-bottom: 0;
-
-			padding-top: 4px;
-
-			cursor: default;
-		}
-
-		a {
-			@include border-radius(4px 4px 0 0);
-
-			float: left;
-			height: 22px;
-			background: #dadada;
-
-			padding: 4px 15px;
-			margin-top: -1px;
-			margin-right: 2px;
-			border: 1px solid #adadad;
-
-			color: #606060;
-
-			outline: none;
-
-			&:hover {
-				background-color: #eee;
-				border-color: #adadad;
-				color: #606060;
-			}
-		}
-	}
-}
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
deleted file mode 100644
index d706a40e2f0a..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
+++ /dev/null
@@ -1,180 +0,0 @@
-
-
-.ui-widget-header {
-	background: none;
-	border: none;
-	font-weight: normal;
-}
-
-.dataTables_info {
-	font-size: 10px;
-	color: #444;
-	float: left;
-}
-
-.paging_two_button .ui-button {
-	float: left;
-	cursor: pointer;
-}
-
-.paging_full_numbers .ui-button {
-	padding: 2px 6px;
-	margin: 0;
-	cursor: pointer;
-	color: #333 !important;
-}
-
-.dataTables_paginate .ui-button {
-	margin-right: -0.1em !important;
-}
-
-.paging_full_numbers {
-	float: right;
-}
-
-.dataTables_paginate {
-	width: auto;
-}
-
-#typo3-extension-configuration-forms  {
-	min-width: 400px;
-	max-width: 900px;
-
-	.category {
-		background-repeat: repeat-x;
-		background-color: #fff;
-		border: 1px solid #adadad;
-		padding: 15px;
-	}
-
-	.group {
-		margin-bottom: 30px;
-
-		label {
-			display: block;
-			padding-bottom: 10px;
-		}
-
-		input[type=text] {
-			width: 300px;
-		}
-	}
-}
-
-#typo3-extension-configuration-forms #typo3-docheader-row2 .back {
-	float: right;
-}
-
-
-#typo3-extension-configuration-forms input.submit {
-	margin-top: 10px;
-}
-
-#typo3-extension-configuration-forms .error,
-#typo3-extension-configuration-forms .invalid {
-	@include border-radius(0 4px 4px 0);
-	@include box-shadow(0 0 6px #ddd);
-
-	/* supply height to ensure consistent positioning for every browser */
-	height: 15px;
-	background-color: #ff2262;
-	border: 1px solid #e1e16d;
-	font-size: 11px;
-	color: #000;
-	padding: 3px 10px;
-	margin-left: -2px;
-}
-
-.t3-table td.alpha { @include alpha; }
-.t3-table td.beta { @include beta; }
-.t3-table td.stable { @include stable; }
-.t3-table td.experimental { @include experimental; }
-.t3-table td.test { @include test; }
-.t3-table td.obsolete { @include obsolete; }
-.t3-table td.excludeFromUpdates { @include excludeFromUpdates; }
-
-.alpha,
-.beta,
-.stable,
-.experimental,
-.test,
-.obsolete,
-.excludeFromUpdates {
-	font-weight: bold;
-	color: #fff;
-}
-
-.alpha {
-	color: $alpha;
-}
-.beta {
-	color: $beta;
-}
-.stable {
-	color: $stable;
-}
-.experimental {
-	color: $experimental;
-}
-.test {
-	color: $test;
-}
-.obsolete {
-	color: $obsolete;
-}
-.excludeFromUpdates {
-	color: $excludeFromUpdates;
-}
-
-#typo3-extension-configuration-forms .info {
-	color: #666;
-	font-weight: normal;
-}
-
-.typo3-extension-list tr.installed td {
-	background-color: #c8ffaa;
-}
-
-.typo3-extension-list tr.available td {
-	background-color: #E1E1aa;
-}
-
-.typo3-extension-manager .insecure {
-	color: #ff2262;
-}
-
-.typo3-extension-manager .outdated {
-	color: #0c08ff;
-}
-
-.typo3-extension-manager form#extensionUploadForm {
-	margin-bottom: 0;
-
-	div.control-group:last-child {
-		margin-bottom: 0;
-	}
-}
-
-
-.typo3-extension-list .inactive {
-	color: rgb(170, 170, 170);
-}
-
-.headerTooltip,
-.tooltip {
-	@include box-shadow(2px 2px 11px #666);
-
-	display: none;
-	width: 400px;
-	background-color: #ffa;
-	border: 1px solid #cc9;
-	padding: 3px;
-	font-size: 13px;
-	z-index: 1000;
-}
-
-.headerTooltip {
-	width: 150px;
-}
-
-p { padding-bottom: 20px; }
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss
deleted file mode 100644
index 174d39013d0e..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_distribution.scss
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * Extension List View
- **/
-.distribution {
-	border: 1px solid darken($gray-lighter,15%);
-	background-color: $gray-lighter;
-	margin-bottom: 20px;
-	margin-left: 20px;
-	width: 300px;
-	float: left;
-	&:hover {
-		background-color: darken($gray-lighter,3%);
-		.distribution-hover {
-			top: 0px;
-			opacity: 1;
-		}
-		.distribution-more {
-			text-decoration: underline;
-		}
-	}
-}
-.distribution-holder {
-	@include clearfix;
-	top: 0px;
-	bottom: 0px;
-	margin-left: -20px;
-}
-.distribution-image {
-	position: relative;
-	width: 300px;
-	height: 225px;
-	overflow: hidden;
-	img {
-		display: block;
-		height: 100%;
-		width: 100%;
-	}
-}
-.distribution-hover {
-	background-color: $gray-lighter;
-	position: absolute;
-	top: 100%;
-	left: 0px;
-	width: 300px;
-	height: 225px;
-	overflow: hidden;
-	opacity: 0;
-	@include transition(all 0.2s ease-in-out);
-}
-.distribution-hover-inner {
-	padding: 15px;
-}
-.distribution-meta {
-	border-top: 1px solid darken($gray-lighter,10%);
-	padding: 15px;
-	.distribution-title {
-		margin: 0;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		font-size: 14px;
-	}
-	.distribution-install {
-		margin-top: 0.5em;
-	}
-	.t3-button {
-		margin: 0;
-		padding-right: 8px;
-	}
-	.distribution-official {
-		border: 1px solid $brand-color;
-		background-color: $brand-color;
-		border-radius: 2px;
-		display: inline-block;
-		padding: 3px 8px;
-		vertical-align: middle;
-		color: #FFFFFF;
-	}
-}
-
-
-/**
- * Extension Detail View
- **/
-.distribution-detail-flashmessage {
-	margin-bottom: 2.5em;
-	p {
-		padding-bottom: 0;
-	}
-}
-.distribution-detail {
-	@include clearfix();
-	min-width: 750px;
-}
-.distribution-detail-previewpane {
-	float: left;
-	margin-right: 30px;
-}
-.distribution-detail-preview {
-	display: block;
-	border: 1px solid darken($gray-lighter,15%);
-}
-.distribution-detail-body {
-	overflow: hidden;
-	zoom: 1;
-}
-.distribution-detail-header {
-	h1 {
-		margin-bottom: 0.5em;
-	}
-	p {
-		padding: 0px;
-		max-width: 500px;
-		margin-bottom: 1.25em;
-	}
-	margin-bottom: 2.5em;
-}
-.distribution-detail-summary {
-	margin-top: 2.5em;
-	margin-bottom: 2.5em;
-}
-.distribution-installed {
-	hr {
-		margin: 2.5em 0;
-		border: 0;
-		border-top: 1px solid darken($gray-lighter,15%);
-	}
-}
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss
deleted file mode 100644
index ead34385ce82..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-
-// Loader
-#terTableWrapper {
-	position: relative;
-
-	.splash-receivedata {
-		display: none;
-
-		position: absolute;
-		top: 50px;
-		left: 50%;
-		margin: 0 0 0 -150px;
-
-		a {
-			display: inline-block;
-			width: 200px;
-			vertical-align: top;
-			padding: 3px 20px;
-		}
-
-		&.is-shown {
-			display: block;
-		}
-	}
-
-	.spinner {
-		display: inline-block;
-	}
-
-	.ui-icon {
-		width: 16px;
-		height: 16px;
-		background-image: url('../Images/ui-icons_222222_256x240.png');
-		background-position: -64px -16px;
-	}
-}
-
-.time-since-last-update {
-	font-weight: bold;
-	padding-right: 0.4em;
-	cursor: help;
-}
-
-.is-loading {
-	opacity: 0;
-}
-
-// If something is hidden
-.is-hidden {
-	display: none;
-}
-
-
-.typo3-extension-list {
-
-	// Import extension
-	.t3-icon,
-	.t3-icon:hover {
-		border: none;
-		background-color: transparent;
-	}
-
-	// Hide author for now
-	.author {
-		display: none;
-	}
-}
-
-
-// Show all versions
-.versions-all {
-	display: inline-block;
-	width: 20px;
-	text-indent: -200px;
-	overflow: hidden;
-}
-
-.currentVersionInfo {
-	padding: 0 0 20px 0;
-
-	td { padding: 4px 0; }
-	th { font-weight: normal; color: #8c8c8c; padding: 4px 20px 4px 0; }
-}
-
-span.ter-ext-state {
-	padding: 0 0 0 5px;
-	font-weight: bold;
-	text-transform: capitalize;
-}
-
-span.ter-ext-state-obsolete {
-	color: #8c8c8c;
-	font-weight: normal;
-}
-
-span.ter-ext-state-stable {
-	color: #3db900;
-}
-
-span.ter-ext-state-beta {
-	color: #f4bd00;
-}
-
-span.ter-ext-state-alpha {
-	color: #f14400;
-}
-
-#typo3-docbody form.download {
-	margin-bottom: 0;
-}
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
deleted file mode 100644
index f75d0b41c8d6..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-
-.typo3-extensionmanager-headerRowLeft {
-	display: inline-block;
-
-	.typo3-extensionmanager-searchTerFieldWrapper {
-		display: inline-block;
-		position: relative;
-
-		input {
-			height: 15px;
-		}
-
-		.t3-icon-input-clear {
-			position: absolute;
-			right: 3px;
-			top: 4px;
-		}
-	}
-}
-
-// Upload extension
-.headerRow { overflow: auto; width: 100% }
-
-.typo3-extensionmanager-headerRowLeft {
-	float: left;
-}
-
-.typo3-extensionmanager-headerRowRight {
-	float: right;
-}
-
-.ui-toolbar {
-	margin-bottom: 5px;
-
-	.dataTables_filter {
-		float: left;
-	}
-}
-
-
-
-// Table
-.typo3-extension-list {
-	th {
-		min-width: 53px;
-		cursor: pointer;
-
-		.DataTables_sort_icon {
-			display: inline-block;
-			vertical-align: middle;
-			margin-left: 5px;
-
-			&.ui-icon-carat-2-n-s {
-				background: none;
-			}
-		}
-	}
-
-	.ext-icon {
-		max-height: 16px;
-		width: auto;
-	}
-}
-
-// Paginator
-.dataTables_info {
-	display: none;
-}
-
-.dataTables_paginate {
-	float: left;
-	margin: 10px 0 0;
-}
-
-.uploadForm {
-	background-color: #ededed;
-	border-top: 1px solid #cdcdcd;
-	border-bottom: 1px solid #cdcdcd;
-	padding: 12px;
-	margin-bottom: 24px;
-
-	form {
-		.control-group {
-			clear: both;
-			margin-bottom: 5px;
-		}
-
-		label {
-			float: left;
-			height: 20px;
-			padding: 4px 0;
-			line-height: 20px;
-			width: 90px;
-		}
-
-		.control {
-			min-height: 20px;
-			padding: 4px 0;
-			margin-left: 110px;
-		}
-	}
-}
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss b/typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss
deleted file mode 100644
index 970bc8a36e65..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Private/Scss/var/_settings.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Colors
-$gray-darker:         lighten(#000000, 13.5%);  // #222222
-$gray-dark:           lighten(#000000, 20%);    // #333333
-$gray:                lighten(#000000, 33.5%);  // #555555
-$gray-medium:         lighten(#000000, 60%);    // #999999
-$gray-light:          lighten(#000000, 92%);    // #EBEBEB
-$gray-lighter:        lighten(#000000, 98%);    // #FAFAFA
-$brand-color:         #ff8600;
-
-$alpha:               #f14400;
-$beta:                #f4bd00;
-$stable:              #3db900;
-$experimental:        #000;
-$test:                #000;
-$obsolete:            #8c8c8c;
-$excludeFromUpdates:  #000;
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html
index fb843bcdb792..1effe6b5a781 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/Distribution/Show.html
@@ -26,7 +26,7 @@
 				<f:if condition="{distributionActive}">
 					<f:else>
 						<li>
-							<f:link.action action="installDistribution" controller="Download" arguments="{extension:extension}" class="t3-button t3-button-action-installdistribution">
+							<f:link.action action="installDistribution" controller="Download" arguments="{extension:extension}" class="btn btn-default t3-button-action-installdistribution">
 								<f:be.buttons.icon icon="actions-system-extension-import" /><f:translate key="extensionList.installDistribution">Install</f:translate>
 							</f:link.action>
 						</li>
@@ -34,25 +34,25 @@
 					<f:then>
 						<f:if condition="{configurationLink}">
 							<li>
-								<a href="{configurationLink}" class="distribution-openViewModule t3-button" onclick="top.goToModule('web_ViewpageView');">
+								<a href="{configurationLink}" class="btn btn-default distribution-openViewModule " onclick="top.goToModule('web_ViewpageView');">
 									<f:be.buttons.icon icon="actions-system-extension-configure" /><f:translate key="extensionList.configure" />
 								</a>
 							</li>
 						</f:if>
 						<li>
-							<button class="distribution-openViewModule t3-button" onclick="top.goToModule('web_ViewpageView');">
+							<button class="btn btn-default distribution-openViewModule" onclick="top.goToModule('web_ViewpageView');">
 								<f:be.buttons.icon icon="actions-document-view"	/><f:translate key="distribution.welcome.openViewModule" />
 							</button>
 						</li>
 						<li>
-							<button class="distribution-openPageModule t3-button" onclick="top.goToModule('web_page');">
+							<button class="btn btn-default distribution-openPageModule" onclick="top.goToModule('web_page');">
 								<f:be.buttons.icon icon="actions-document-open"	/><f:translate key="distribution.welcome.openPageModule" />
 							</button>
 						</li>
 					</f:then>
 				</f:if>
 			</ul>
-			<dl class="description-horizontal description-horizontal-wide distribution-detail-summary">
+			<dl class="dl-horizontal dl-horizontal-wide distribution-detail-summary">
 				<dt><f:translate key="extensionList.distribution.title" /></dt>
 				<dd>{extension.title}</dd>
 				<dt><f:translate key="extensionList.distribution.key" /></dt>
@@ -66,7 +66,7 @@
 			</dl>
 			<f:if condition="{extension.dependencies}">
 				<h2><f:translate key="distribution.dependency.headline" /></h2>
-				<table class="t3-table">
+				<table class="table table-striped table-hover">
 					<thead>
 						<tr class="t3-row-header">
 							<td><f:translate key="distribution.dependency.identifier" /></td>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html
index 32e8a8a48ba6..15aff02a7344 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Distributions.html
@@ -24,7 +24,7 @@
 		</f:then>
 		<f:else>
 			<p>{f:translate(key: 'extensionList.installImpexp')}</p>
-			<f:link.action action="toggleExtensionInstallationState" controller="Action" arguments="{extensionKey: 'impexp'}" class="t3-button t3-button-action-installdistribution">
+			<f:link.action action="toggleExtensionInstallationState" controller="Action" arguments="{extensionKey: 'impexp'}" class="btn btn-default t3-button-action-installdistribution">
 				<span class="fa fa-cloud-download">&nbsp;</span><f:translate key="distribution.installImpexp">Install impexp</f:translate>
 			</f:link.action>
 		</f:else>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
index c30cfaff9b34..194cecc670f4 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
@@ -22,7 +22,7 @@
 			<f:form.textfield name="Tx_Extensionmanager_extensionkey" placeholder="{f:translate(key:'extensionList.search')}" id="Tx_Extensionmanager_extensionkey" value="{search}" class="form-control" />
 		</div>
 	</form>
-	<table id="typo3-extension-list" class="t3-table typo3-extension-list">
+	<table id="typo3-extension-list" class="table table-striped table-hover typo3-extension-list">
 		<thead>
 			<tr>
 				<th title="{f:translate(key:'extensionList.header.title.update')}"><f:translate key="extensionList.header.update"/></th>
@@ -96,8 +96,8 @@
 						</em:processAvailableActions>
 					</div>
 				</td>
-				<td class="state {extension.state}">
-					{extension.state}
+				<td>
+					<span class="label label-{extension.state}">{extension.state}</span>
 				</td>
 				</tr>
 			</f:for>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html
index 2856193d57f9..b746db2e1989 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html
@@ -58,7 +58,7 @@
 		</table>
 	</f:if>
 
-	<table id="terVersionTable" class="t3-table typo3-extension-list">
+	<table id="terVersionTable" class="table table-striped table-hover typo3-extension-list">
 		<f:render partial="List/TerShowVersionsTable" arguments="{extensions: extensions}" />
 	</table>
 </f:section>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html
index 50dbbf8217bf..98f0ba048867 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html
@@ -35,7 +35,7 @@
 	<div id="terTableWrapper">
 		<f:if condition="{search}">
 			<f:then>
-				<table id="terSearchTable" class="t3-table typo3-extension-list">
+				<table id="terSearchTable" class="table table-striped table-hover typo3-extension-list">
 					<f:render partial="List/TerTable" arguments="{paginatedExtensions:extensions, availableAndInstalled:availableAndInstalled}" />
 				</table>
 			</f:then>
diff --git a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html
index e74657af0e9c..f96780b31482 100644
--- a/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html
+++ b/typo3/sysext/extensionmanager/Resources/Private/Templates/List/UnresolvedDependencies.html
@@ -20,10 +20,10 @@
 		<div class="alert-body"><f:render partial="List/UnresolvedDependenciesMessage" /></div>
 	</div>
 	<br />
-	<f:link.action action="index" class="t3-button onClickMaskExtensionManager">
+	<f:link.action action="index" class="btn btn-default onClickMaskExtensionManager">
 		Go back
 	</f:link.action>
-	<f:link.action action="installExtensionWithoutSystemDependencyCheck" controller="Action" arguments="{extensionKey: extension.extensionKey}" class="t3-button onClickMaskExtensionManager">
+	<f:link.action action="installExtensionWithoutSystemDependencyCheck" controller="Action" arguments="{extensionKey: extension.extensionKey}" class="btn btn-default onClickMaskExtensionManager">
 		<span class="t3-icon t3-icon-actions t3-icon-dialog-error">&nbsp;</span> <f:translate key="dependencyCheck.unresolvedDependencies.proceed" />
 	</f:link.action>
 </f:section>
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Public/Css/README.txt b/typo3/sysext/extensionmanager/Resources/Public/Css/README.txt
deleted file mode 100644
index 14b2bf4392f3..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Public/Css/README.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-The main.css is generated from the SASS (in its dialect SCSS) files. Please do not edit the CSS-files in any case but search the correct .scss file and edit the according SCSS. If you are not familiar with SCSS you can write pure CSS which is actually valid SCSS.
-
-See http://wiki.typo3.org/Sass for details.
-
-
-When you have SASS working, execute the following command to compile CSS file from within this directory:
-
-$ sass ../../Private/Scss/main.scss main.css
\ No newline at end of file
diff --git a/typo3/sysext/extensionmanager/Resources/Public/Css/main.css b/typo3/sysext/extensionmanager/Resources/Public/Css/main.css
deleted file mode 100644
index 5aa6cb51e982..000000000000
--- a/typo3/sysext/extensionmanager/Resources/Public/Css/main.css
+++ /dev/null
@@ -1,503 +0,0 @@
-/*
- *  Created: 2012-08-13
- *
- *  CSS in SASS's SCSS dialect for
- *  TYPO3 Extension Manager
- *  Questions can be submitted to info@drublic.de
- *
- */
-#typo3-extension-main-menu .tabs ul,
-#typo3-extension-configuration-forms .tabs ul {
-  list-style: none;
-  padding: 0;
-  margin-bottom: -1px; }
-  #typo3-extension-main-menu .tabs ul:after,
-  #typo3-extension-configuration-forms .tabs ul:after {
-    display: table;
-    content: "";
-    clear: both; }
-  #typo3-extension-main-menu .tabs ul > li,
-  #typo3-extension-configuration-forms .tabs ul > li {
-    cursor: pointer; }
-    #typo3-extension-main-menu .tabs ul > li.ui-tabs-active a,
-    #typo3-extension-main-menu .tabs ul > li a.current,
-    #typo3-extension-configuration-forms .tabs ul > li.ui-tabs-active a,
-    #typo3-extension-configuration-forms .tabs ul > li a.current {
-      background: white;
-      color: black;
-      border-bottom: 0;
-      padding-top: 4px;
-      cursor: default; }
-    #typo3-extension-main-menu .tabs ul > li a,
-    #typo3-extension-configuration-forms .tabs ul > li a {
-      -webkit-border-radius: 4px 4px 0 0;
-      -moz-border-radius: 4px 4px 0 0;
-      border-radius: 4px 4px 0 0;
-      float: left;
-      height: 22px;
-      background: #dadada;
-      padding: 4px 15px;
-      margin-top: -1px;
-      margin-right: 2px;
-      border: 1px solid #adadad;
-      color: #606060;
-      outline: none; }
-      #typo3-extension-main-menu .tabs ul > li a:hover,
-      #typo3-extension-configuration-forms .tabs ul > li a:hover {
-        background-color: #eee;
-        border-color: #adadad;
-        color: #606060; }
-
-.description-horizontal {
-  margin-top: 0; }
-  .description-horizontal:before, .description-horizontal:after {
-    content: " ";
-    display: table; }
-  .description-horizontal:after {
-    clear: both; }
-  .description-horizontal dt {
-    font-weight: bold;
-    float: left;
-    width: 60px;
-    clear: left;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap; }
-  .description-horizontal dd {
-    margin-left: 70px; }
-  .description-horizontal.description-horizontal-wide dt {
-    width: 100px; }
-  .description-horizontal.description-horizontal-wide dd {
-    margin-left: 110px; }
-
-.ui-widget-header {
-  background: none;
-  border: none;
-  font-weight: normal; }
-
-.dataTables_info {
-  font-size: 10px;
-  color: #444;
-  float: left; }
-
-.paging_two_button .ui-button {
-  float: left;
-  cursor: pointer; }
-
-.paging_full_numbers .ui-button {
-  padding: 2px 6px;
-  margin: 0;
-  cursor: pointer;
-  color: #333 !important; }
-
-.dataTables_paginate .ui-button {
-  margin-right: -0.1em !important; }
-
-.paging_full_numbers {
-  float: right; }
-
-.dataTables_paginate {
-  width: auto; }
-
-#typo3-extension-configuration-forms {
-  min-width: 400px;
-  max-width: 900px; }
-  #typo3-extension-configuration-forms .category {
-    background-repeat: repeat-x;
-    background-color: #fff;
-    border: 1px solid #adadad;
-    padding: 15px; }
-  #typo3-extension-configuration-forms .group {
-    margin-bottom: 30px; }
-    #typo3-extension-configuration-forms .group label {
-      display: block;
-      padding-bottom: 10px; }
-    #typo3-extension-configuration-forms .group input[type=text] {
-      width: 300px; }
-
-#typo3-extension-configuration-forms #typo3-docheader-row2 .back {
-  float: right; }
-
-#typo3-extension-configuration-forms input.submit {
-  margin-top: 10px; }
-
-#typo3-extension-configuration-forms .error,
-#typo3-extension-configuration-forms .invalid {
-  -webkit-border-radius: 0 4px 4px 0;
-  -moz-border-radius: 0 4px 4px 0;
-  border-radius: 0 4px 4px 0;
-  -webkit-box-shadow: 0 0 6px #ddd;
-  box-shadow: 0 0 6px #ddd;
-  /* supply height to ensure consistent positioning for every browser */
-  height: 15px;
-  background-color: #ff2262;
-  border: 1px solid #e1e16d;
-  font-size: 11px;
-  color: #000;
-  padding: 3px 10px;
-  margin-left: -2px; }
-
-.t3-table td.alpha {
-  color: #f14400; }
-
-.t3-table td.beta {
-  color: #f4bd00; }
-
-.t3-table td.stable {
-  color: #3db900; }
-
-.t3-table td.experimental {
-  color: #000; }
-
-.t3-table td.test {
-  color: #000; }
-
-.t3-table td.obsolete {
-  color: #8c8c8c; }
-
-.t3-table td.excludeFromUpdates {
-  color: #000; }
-
-.alpha,
-.beta,
-.stable,
-.experimental,
-.test,
-.obsolete,
-.excludeFromUpdates {
-  font-weight: bold;
-  color: #fff; }
-
-.alpha {
-  color: #f14400; }
-
-.beta {
-  color: #f4bd00; }
-
-.stable {
-  color: #3db900; }
-
-.experimental {
-  color: #000; }
-
-.test {
-  color: #000; }
-
-.obsolete {
-  color: #8c8c8c; }
-
-.excludeFromUpdates {
-  color: #000; }
-
-#typo3-extension-configuration-forms .info {
-  color: #666;
-  font-weight: normal; }
-
-.typo3-extension-list tr.installed td {
-  background-color: #c8ffaa; }
-
-.typo3-extension-list tr.available td {
-  background-color: #E1E1aa; }
-
-.typo3-extension-manager .insecure {
-  color: #ff2262; }
-
-.typo3-extension-manager .outdated {
-  color: #0c08ff; }
-
-.typo3-extension-manager form#extensionUploadForm {
-  margin-bottom: 0; }
-  .typo3-extension-manager form#extensionUploadForm div.control-group:last-child {
-    margin-bottom: 0; }
-
-.typo3-extension-list .inactive {
-  color: #aaaaaa; }
-
-.headerTooltip,
-.tooltip {
-  -webkit-box-shadow: 2px 2px 11px #666;
-  box-shadow: 2px 2px 11px #666;
-  display: none;
-  width: 400px;
-  background-color: #ffa;
-  border: 1px solid #cc9;
-  padding: 3px;
-  font-size: 13px;
-  z-index: 1000; }
-
-.headerTooltip {
-  width: 150px; }
-
-p {
-  padding-bottom: 20px; }
-
-.typo3-extensionmanager-headerRowLeft {
-  display: inline-block; }
-  .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper {
-    display: inline-block;
-    position: relative; }
-    .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input {
-      height: 15px; }
-    .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear {
-      position: absolute;
-      right: 3px;
-      top: 4px; }
-
-.headerRow {
-  overflow: auto;
-  width: 100%; }
-
-.typo3-extensionmanager-headerRowLeft {
-  float: left; }
-
-.typo3-extensionmanager-headerRowRight {
-  float: right; }
-
-.ui-toolbar {
-  margin-bottom: 5px; }
-  .ui-toolbar .dataTables_filter {
-    float: left; }
-
-.typo3-extension-list th {
-  min-width: 53px;
-  cursor: pointer; }
-  .typo3-extension-list th .DataTables_sort_icon {
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 5px; }
-    .typo3-extension-list th .DataTables_sort_icon.ui-icon-carat-2-n-s {
-      background: none; }
-.typo3-extension-list .ext-icon {
-  max-height: 16px;
-  width: auto; }
-
-.dataTables_info {
-  display: none; }
-
-.dataTables_paginate {
-  float: left;
-  margin: 10px 0 0; }
-
-.uploadForm {
-  background-color: #ededed;
-  border-top: 1px solid #cdcdcd;
-  border-bottom: 1px solid #cdcdcd;
-  padding: 12px;
-  margin-bottom: 24px; }
-  .uploadForm form .control-group {
-    clear: both;
-    margin-bottom: 5px; }
-  .uploadForm form label {
-    float: left;
-    height: 20px;
-    padding: 4px 0;
-    line-height: 20px;
-    width: 90px; }
-  .uploadForm form .control {
-    min-height: 20px;
-    padding: 4px 0;
-    margin-left: 110px; }
-
-#terTableWrapper {
-  position: relative; }
-  #terTableWrapper .splash-receivedata {
-    display: none;
-    position: absolute;
-    top: 50px;
-    left: 50%;
-    margin: 0 0 0 -150px; }
-    #terTableWrapper .splash-receivedata a {
-      display: inline-block;
-      width: 200px;
-      vertical-align: top;
-      padding: 3px 20px; }
-    #terTableWrapper .splash-receivedata.is-shown {
-      display: block; }
-  #terTableWrapper .spinner {
-    display: inline-block; }
-  #terTableWrapper .ui-icon {
-    width: 16px;
-    height: 16px;
-    background-image: url("../Images/ui-icons_222222_256x240.png");
-    background-position: -64px -16px; }
-
-.time-since-last-update {
-  font-weight: bold;
-  padding-right: 0.4em;
-  cursor: help; }
-
-.is-loading {
-  opacity: 0; }
-
-.is-hidden {
-  display: none; }
-
-.typo3-extension-list .t3-icon,
-.typo3-extension-list .t3-icon:hover {
-  border: none;
-  background-color: transparent; }
-.typo3-extension-list .author {
-  display: none; }
-
-.versions-all {
-  display: inline-block;
-  width: 20px;
-  text-indent: -200px;
-  overflow: hidden; }
-
-.currentVersionInfo {
-  padding: 0 0 20px 0; }
-  .currentVersionInfo td {
-    padding: 4px 0; }
-  .currentVersionInfo th {
-    font-weight: normal;
-    color: #8c8c8c;
-    padding: 4px 20px 4px 0; }
-
-span.ter-ext-state {
-  padding: 0 0 0 5px;
-  font-weight: bold;
-  text-transform: capitalize; }
-
-span.ter-ext-state-obsolete {
-  color: #8c8c8c;
-  font-weight: normal; }
-
-span.ter-ext-state-stable {
-  color: #3db900; }
-
-span.ter-ext-state-beta {
-  color: #f4bd00; }
-
-span.ter-ext-state-alpha {
-  color: #f14400; }
-
-#typo3-docbody form.download {
-  margin-bottom: 0; }
-
-/**
- * Extension List View
- **/
-.distribution {
-  border: 1px solid #d4d4d4;
-  background-color: #fafafa;
-  margin-bottom: 20px;
-  margin-left: 20px;
-  width: 300px;
-  float: left; }
-  .distribution:hover {
-    background-color: #f2f2f2; }
-    .distribution:hover .distribution-hover {
-      top: 0px;
-      opacity: 1; }
-    .distribution:hover .distribution-more {
-      text-decoration: underline; }
-
-.distribution-holder {
-  top: 0px;
-  bottom: 0px;
-  margin-left: -20px; }
-  .distribution-holder:before, .distribution-holder:after {
-    content: " ";
-    display: table; }
-  .distribution-holder:after {
-    clear: both; }
-
-.distribution-image {
-  position: relative;
-  width: 300px;
-  height: 225px;
-  overflow: hidden; }
-  .distribution-image img {
-    display: block;
-    height: 100%;
-    width: 100%; }
-
-.distribution-hover {
-  background-color: #fafafa;
-  position: absolute;
-  top: 100%;
-  left: 0px;
-  width: 300px;
-  height: 225px;
-  overflow: hidden;
-  opacity: 0;
-  -webkit-transition: all 0.2s ease-in-out;
-  -moz-transition: all 0.2s ease-in-out;
-  -o-transition: all 0.2s ease-in-out;
-  -ms-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out; }
-
-.distribution-hover-inner {
-  padding: 15px; }
-
-.distribution-meta {
-  border-top: 1px solid #e0e0e0;
-  padding: 15px; }
-  .distribution-meta .distribution-title {
-    margin: 0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    font-size: 14px; }
-  .distribution-meta .distribution-install {
-    margin-top: 0.5em; }
-  .distribution-meta .t3-button {
-    margin: 0;
-    padding-right: 8px; }
-  .distribution-meta .distribution-official {
-    border: 1px solid #ff8600;
-    background-color: #ff8600;
-    border-radius: 2px;
-    display: inline-block;
-    padding: 3px 8px;
-    vertical-align: middle;
-    color: #FFFFFF; }
-
-/**
- * Extension Detail View
- **/
-.distribution-detail-flashmessage {
-  margin-bottom: 2.5em; }
-  .distribution-detail-flashmessage p {
-    padding-bottom: 0; }
-
-.distribution-detail {
-  min-width: 750px; }
-  .distribution-detail:before, .distribution-detail:after {
-    content: " ";
-    display: table; }
-  .distribution-detail:after {
-    clear: both; }
-
-.distribution-detail-previewpane {
-  float: left;
-  margin-right: 30px; }
-
-.distribution-detail-preview {
-  display: block;
-  border: 1px solid #d4d4d4; }
-
-.distribution-detail-body {
-  overflow: hidden;
-  zoom: 1; }
-
-.distribution-detail-header {
-  margin-bottom: 2.5em; }
-  .distribution-detail-header h1 {
-    margin-bottom: 0.5em; }
-  .distribution-detail-header p {
-    padding: 0px;
-    max-width: 500px;
-    margin-bottom: 1.25em; }
-
-.distribution-detail-summary {
-  margin-top: 2.5em;
-  margin-bottom: 2.5em; }
-
-.distribution-installed hr {
-  margin: 2.5em 0;
-  border: 0;
-  border-top: 1px solid #d4d4d4; }
-
-/*# sourceMappingURL=main.css.map */
diff --git a/typo3/sysext/filelist/Classes/FileList.php b/typo3/sysext/filelist/Classes/FileList.php
index df5afc712864..f1b0bc51ca46 100644
--- a/typo3/sysext/filelist/Classes/FileList.php
+++ b/typo3/sysext/filelist/Classes/FileList.php
@@ -380,7 +380,7 @@ class FileList extends \TYPO3\CMS\Backend\RecordList\AbstractRecordList {
 			File list table:
 		-->
 			<div class="table-fit">
-				<table class="table table-hover" id="typo3-filelist">
+				<table class="table table-striped table-hover" id="typo3-filelist">
 					' . $out . '
 				</table>
 			</div>';
diff --git a/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php b/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php
index b06200411e08..43870a4e0d67 100644
--- a/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php
+++ b/typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php
@@ -119,7 +119,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 					$data['row']['uid'], $GLOBALS['BACK_PATH'], '', '', '', '&L=###LANG_UID###')
 				) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_viewPage') . '">' .
 				IconUtility::getSpriteIcon('actions-document-view') . '</a>';
-			$status = $data['row']['l18n_cfg'] & 1 ? 'c-blocked' : 'c-ok';
+			$status = $data['row']['l18n_cfg'] & 1 ? 'danger' : 'success';
 			// Create links:
 			$info = '';
 			$editUid = $data['row']['uid'];
@@ -138,7 +138,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 			$info .= $data['row']['l18n_cfg'] & 1 ? '<span title="' . $GLOBALS['LANG']->sL('LLL:EXT:cms/locallang_tca.xlf:pages.l18n_cfg.I.1', TRUE) . '">D</span>' : '&nbsp;';
 			$info .= \TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) ? '<span title="' . $GLOBALS['LANG']->sL('LLL:EXT:cms/locallang_tca.xlf:pages.l18n_cfg.I.2', TRUE) . '">N</span>' : '&nbsp;';
 			// Put into cell:
-			$tCells[] = '<td class="' . $status . ' c-leftLine">' . $info . '</td>';
+			$tCells[] = '<td class="' . $status . ' col-border-left">' . $info . '</td>';
 			$tCells[] = '<td class="' . $status . '" title="' . $GLOBALS['LANG']->sL(
 					'LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_CEcount'
 				) . '" align="center">' . $this->getContentElementCount($data['row']['uid'], 0) . '</td>';
@@ -151,7 +151,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 					$info = '';
 					if (is_array($row)) {
 						$langRecUids[$langRow['uid']][] = $row['uid'];
-						$status = $row['_HIDDEN'] ? (\TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'c-blocked' : 'c-fallback') : 'c-ok';
+						$status = $row['_HIDDEN'] ? (\TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'danger' : '') : 'success';
 						$icon = IconUtility::getSpriteIconForRecord(
 							'pages_language_overlay',
 							$row,
@@ -164,7 +164,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 							) . '</em>]' : '') . ($row['_COUNT'] > 1 ? '<div>' . $GLOBALS['LANG']->sL(
 								'LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_badThingThereAre'
 							) . '</div>' : '');
-						$tCells[] = '<td class="' . $status . ' c-leftLine">' . $info . '</td>';
+						$tCells[] = '<td class="' . $status . ' col-border-left">' . $info . '</td>';
 						// Edit whole record:
 						$info = '';
 						$editUid = $row['uid'];
@@ -187,23 +187,23 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 					} else {
 						if (in_array($langRow['uid'], $disableLanguages)) {
 							// Language has been disabled for this page
-							$status = 'c-blocked';
+							$status = 'danger';
 							$info = '';
 						} else {
-							$status = \TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'c-blocked' : 'c-fallback';
+							$status = \TYPO3\CMS\Core\Utility\GeneralUtility::hideIfNotTranslated($data['row']['l18n_cfg']) || $data['row']['l18n_cfg'] & 1 ? 'danger' : '';
 							$info = '<input type="checkbox" name="newOL[' . $langRow['uid'] . '][' . $data['row']['uid'] . ']" value="1" />';
 							$newOL_js[$langRow['uid']] .= '
 								+(document.webinfoForm[\'newOL[' . $langRow['uid'] . '][' . $data['row']['uid'] . ']\'].checked ? \'&edit[pages_language_overlay][' . $data['row']['uid'] . ']=new\' : \'\')
 							';
 						}
-						$tCells[] = '<td class="' . $status . ' c-leftLine">&nbsp;</td>';
+						$tCells[] = '<td class="' . $status . ' col-border-left">&nbsp;</td>';
 						$tCells[] = '<td class="' . $status . '">&nbsp;</td>';
 						$tCells[] = '<td class="' . $status . '">' . $info . '</td>';
 					}
 				}
 			}
 			$output .= '
-				<tr class="bgColor4">
+				<tr>
 					' . implode('
 					', $tCells) . '
 				</tr>';
@@ -221,13 +221,13 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 		} else {
 			$editIco = '';
 		}
-		$tCells[] = '<td class="c-leftLine" colspan="2">' . $GLOBALS['LANG']->sL(
+		$tCells[] = '<td class="col-border-left" colspan="2">' . $GLOBALS['LANG']->sL(
 				'LLL:EXT:cms/web_info/locallang.xlf:lang_renderl10n_default'
 			) . ':' . $editIco . '</td>';
 		foreach ($languages as $langRow) {
 			if ($this->pObj->MOD_SETTINGS['lang'] == 0 || (int)$this->pObj->MOD_SETTINGS['lang'] === (int)$langRow['uid']) {
 				// Title:
-				$tCells[] = '<td class="c-leftLine">' . htmlspecialchars($langRow['title']) . '</td>';
+				$tCells[] = '<td class="col-border-left">' . htmlspecialchars($langRow['title']) . '</td>';
 				// Edit language overlay records:
 				if (is_array($langRecUids[$langRow['uid']])) {
 					$params = '&edit[pages_language_overlay][' .
@@ -256,7 +256,7 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
 
 		$output =
 			'<div class="table-fit">' .
-				'<table id="langTable" class="t3-table">' .
+				'<table class="table table-striped table-hover" id="langTable">' .
 					'<thead>' .
 						'<tr>' .
 							implode('', $tCells) .
diff --git a/typo3/sysext/impexp/Classes/Controller/ImportExportController.php b/typo3/sysext/impexp/Classes/Controller/ImportExportController.php
index fb36bb02946d..982f8dcbf08d 100644
--- a/typo3/sysext/impexp/Classes/Controller/ImportExportController.php
+++ b/typo3/sysext/impexp/Classes/Controller/ImportExportController.php
@@ -669,7 +669,7 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 				<tr class="bgColor4">
 					<td>&nbsp;</td>
 					<td>
-						<input type="submit" value="' . $this->lang->getLL('makeadvanc_update', TRUE) . '" />
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makeadvanc_update', TRUE) . '" />
 						<input type="hidden" name="tx_impexp[download_export_name]" value="' . substr($nameSuggestion, 0, 30) . '" />
 					</td>
 				</tr>';
@@ -727,7 +727,7 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 				<tr class="bgColor4">
 					<td>&nbsp;</td>
 					<td>
-						<input type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) . '" />
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) . '" />
 						<input type="hidden" name="tx_impexp[download_export_name]" value="" />
 					</td>
 				</tr>';
@@ -765,10 +765,10 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 						' . $this->lang->getLL('makesavefo_selectPreset', TRUE) . '<br/>
 						' . $this->renderSelectBox('preset[select]', '', $opt) . '
 						<br/>
-						<input type="submit" value="' . $this->lang->getLL('makesavefo_load', TRUE) . '" name="preset[load]" />
-						<input type="submit" value="' . $this->lang->getLL('makesavefo_save', TRUE) . '" name="preset[save]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" />
-						<input type="submit" value="' . $this->lang->getLL('makesavefo_delete', TRUE) . '" name="preset[delete]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" />
-						<input type="submit" value="' . $this->lang->getLL('makesavefo_merge', TRUE) . '" name="preset[merge]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" />
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_load', TRUE) . '" name="preset[load]" />
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_save', TRUE) . '" name="preset[save]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" />
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_delete', TRUE) . '" name="preset[delete]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" />
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_merge', TRUE) . '" name="preset[merge]" onclick="return confirm(\'' . $this->lang->getLL('makesavefo_areYouSure', TRUE) . '\');" />
 						<br/>
 						' . $this->lang->getLL('makesavefo_titleOfNewPreset', TRUE) . '
 						<input type="text" name="tx_impexp[preset][title]" value="'
@@ -833,24 +833,28 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 				. htmlspecialchars($inData['filename']) . '"' . $this->doc->formWidth(30) . ' /><br/>';
 		}
 		$row[] = '
-				<tr class="bgColor4">
-					<td><strong>' . $this->lang->getLL('makesavefo_fileFormat', TRUE) . '</strong>'
-						. BackendUtility::cshItem('xMOD_tx_impexp', 'fileFormat') . '</td>
-					<td>' . $this->renderSelectBox('tx_impexp[filetype]', $inData['filetype'], $opt) . '<br/>
+				<tr>
+					<td>
+						<strong>' . $this->lang->getLL('makesavefo_fileFormat', TRUE) . '</strong>'
+						. BackendUtility::cshItem('xMOD_tx_impexp', 'fileFormat') . '
+					</td>
+					<td>
+						' . $this->renderSelectBox('tx_impexp[filetype]', $inData['filetype'], $opt) . '<br/>
 						' . $this->lang->getLL('makesavefo_maxSizeOfFiles', TRUE) . '<br/>
-						<input type="text" name="tx_impexp[maxFileSize]" value="'
-				. htmlspecialchars($inData['maxFileSize']) . '"' . $this->doc->formWidth(10) . ' /><br/>
+						<input type="text" name="tx_impexp[maxFileSize]" value="' . htmlspecialchars($inData['maxFileSize']) . '"' . $this->doc->formWidth(10) . ' />
+						<br/>
 						' . $fileName . '
 					</td>
 				</tr>';
 		// Add buttons:
 		$row[] = '
-				<tr class="bgColor4">
+				<tr>
 					<td>&nbsp;</td>
-					<td><input type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE)
-						. '" /> - <input type="submit" value="' . $this->lang->getLL('makesavefo_downloadExport', TRUE)
-						. '" name="tx_impexp[download_export]" />' . ($saveFolder ? ' - <input type="submit" value="'
-						. $this->lang->getLL('importdata_saveToFilename', TRUE) . '" name="tx_impexp[save_export]" />' : '') . '</td>
+					<td>
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_update', TRUE) . '" /> -
+						<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('makesavefo_downloadExport', TRUE) . '" name="tx_impexp[download_export]" />
+						' . ($saveFolder ? ' - <input class="btn btn-default" type="submit" value="' . $this->lang->getLL('importdata_saveToFilename', TRUE) . '" name="tx_impexp[save_export]" />' : '') . '
+					</td>
 				</tr>';
 	}
 
@@ -900,35 +904,49 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 			foreach ($exportFiles as $file) {
 				$selectOptions[$file->getCombinedIdentifier()] = $file->getPublicUrl();
 			}
-			$row[] = '<tr class="bgColor5">
-					<td colspan="2"><strong>' . $this->lang->getLL('importdata_selectFileToImport', TRUE) . '</strong></td>
+			$row[] = '
+				<tr>
+					<th colspan="2">' . $this->lang->getLL('importdata_selectFileToImport', TRUE) . '</th>
 				</tr>';
 			$noCompressorAvailable = !$import->compress
 				? '<br /><span class="typo3-red">' . $this->lang->getLL('importdata_noteNoDecompressorAvailable', TRUE) . '</span>'
 				: '';
-			$row[] = '<tr class="bgColor4">
-				<td><strong>' . $this->lang->getLL('importdata_file', TRUE) . '</strong>'
-					. BackendUtility::cshItem('xMOD_tx_impexp', 'importFile') . '</td>
-				<td>' . $this->renderSelectBox('tx_impexp[file]', $inData['file'], $selectOptions) . '<br />'
-					. sprintf($this->lang->getLL('importdata_fromPathS', TRUE), $path ? $path->getCombinedIdentifier() : $this->lang->getLL('importdata_no_accessible_file_mount', TRUE)) .
-				$noCompressorAvailable . '</td>
+			$row[] = '
+				<tr>
+					<td valign="top">
+						' . $this->lang->getLL('importdata_file', TRUE) . ''
+						. BackendUtility::cshItem('xMOD_tx_impexp', 'importFile') . '
+					</td>
+					<td>
+						' . $this->renderSelectBox('tx_impexp[file]', $inData['file'], $selectOptions) . '<br />'
+						. sprintf($this->lang->getLL('importdata_fromPathS', TRUE), $path ? $path->getCombinedIdentifier() : $this->lang->getLL('importdata_no_accessible_file_mount', TRUE)) .
+						$noCompressorAvailable . '
+					</td>
 				</tr>';
-			$row[] = '<tr class="bgColor5">
-					<td colspan="2"><strong>' . $this->lang->getLL('importdata_importOptions', TRUE) . '</strong></td>
+			$row[] = '
+				<tr>
+					<th colspan="2">
+						' . $this->lang->getLL('importdata_importOptions', TRUE) . '
+					</th>
 				</tr>';
-			$row[] = '<tr class="bgColor4">
-				<td><strong>' . $this->lang->getLL('importdata_update', TRUE) . '</strong>'
-					. BackendUtility::cshItem('xMOD_tx_impexp', 'update') . '</td>
-				<td>
-					<input type="checkbox" name="tx_impexp[do_update]" id="checkDo_update" value="1"'
-						. ($inData['do_update'] ? ' checked="checked"' : '') . ' />
-					<label for="checkDo_update">' . $this->lang->getLL('importdata_updateRecords', TRUE) . '</label><br/>
-				<em>(' . $this->lang->getLL('importdata_thisOptionRequiresThat', TRUE) . ')</em>' . ($inData['do_update'] ? '	<hr/>
-					<input type="checkbox" name="tx_impexp[global_ignore_pid]" id="checkGlobal_ignore_pid" value="1"'
-						. ($inData['global_ignore_pid'] ? ' checked="checked"' : '') . ' />
-					<label for="checkGlobal_ignore_pid">' . $this->lang->getLL('importdata_ignorePidDifferencesGlobally', TRUE) . '</label><br/>
-					<em>(' . $this->lang->getLL('importdata_ifYouSetThis', TRUE) . ')</em>
-					' : '') . '</td>
+			$row[] = '
+				<tr>
+					<td valign="top">
+						' . $this->lang->getLL('importdata_update', TRUE)
+						. BackendUtility::cshItem('xMOD_tx_impexp', 'update') . '
+					</td>
+					<td>
+						<input type="checkbox" name="tx_impexp[do_update]" id="checkDo_update" value="1"'
+							. ($inData['do_update'] ? ' checked="checked"' : '') . ' />
+						<label for="checkDo_update">' . $this->lang->getLL('importdata_updateRecords', TRUE) . '</label>
+						<br/>
+						<em>(' . $this->lang->getLL('importdata_thisOptionRequiresThat', TRUE) . ')</em>' . ($inData['do_update'] ? '	<hr/>
+						<input type="checkbox" name="tx_impexp[global_ignore_pid]" id="checkGlobal_ignore_pid" value="1"'
+							. ($inData['global_ignore_pid'] ? ' checked="checked"' : '') . ' />
+						<label for="checkGlobal_ignore_pid">' . $this->lang->getLL('importdata_ignorePidDifferencesGlobally', TRUE) . '</label><br/>
+						<em>(' . $this->lang->getLL('importdata_ifYouSetThis', TRUE) . ')</em>
+						' : '') . '
+					</td>
 				</tr>';
 			$allowPhpScripts = $beUser->isAdmin()
 				? '
@@ -945,36 +963,42 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 						. $this->lang->getLL('importdata_force_all_UIDS', TRUE) . '</span></label><br/>
 					<em>(' . $this->lang->getLL('importdata_force_all_UIDS_descr', TRUE) . ')</em>'
 				: '';
-			$row[] = '<tr class="bgColor4">
-				<td><strong>' . $this->lang->getLL('importdata_options', TRUE) . '</strong>'
-					. BackendUtility::cshItem('xMOD_tx_impexp', 'options') . '</td>
-				<td>
-					<input type="checkbox" name="tx_impexp[notShowDiff]" id="checkNotShowDiff" value="1"'
-						. ($inData['notShowDiff'] ? ' checked="checked"' : '') . ' />
-					<label for="checkNotShowDiff">' . $this->lang->getLL('importdata_doNotShowDifferences', TRUE) . '</label><br/>
-					<em>(' . $this->lang->getLL('importdata_greenValuesAreFrom', TRUE) . ')</em>
-					<br/><br/>
+			$row[] = '<tr>
+					<td valign="top">
+						' . $this->lang->getLL('importdata_options', TRUE) . BackendUtility::cshItem('xMOD_tx_impexp', 'options') . '
+					</td>
+					<td>
+						<input type="checkbox" name="tx_impexp[notShowDiff]" id="checkNotShowDiff" value="1"'
+							. ($inData['notShowDiff'] ? ' checked="checked"' : '') . ' />
+						<label for="checkNotShowDiff">' . $this->lang->getLL('importdata_doNotShowDifferences', TRUE) . '</label><br/>
+						<em>(' . $this->lang->getLL('importdata_greenValuesAreFrom', TRUE) . ')</em>
+						<br/><br/>
 
-					' . $allowPhpScripts . $doUpdate . '
-				</td>
+						' . $allowPhpScripts . $doUpdate . '
+					</td>
 				</tr>';
 			$newImport = !$inData['import_file']
-				? '<input type="submit" value="' . $this->lang->getLL('importdata_preview', TRUE) . '" />' . ($inData['file']
-					? ' - <input type="submit" value="' . ($inData['do_update']
+				? '<input class="btn btn-default" type="submit" value="' . $this->lang->getLL('importdata_preview', TRUE) . '" />' . ($inData['file']
+					? ' - <input class="btn btn-default" type="submit" value="' . ($inData['do_update']
 						? $this->lang->getLL('importdata_update_299e', TRUE)
 						: $this->lang->getLL('importdata_import', TRUE)) . '" name="tx_impexp[import_file]" onclick="return confirm(\''
 							. $this->lang->getLL('importdata_areYouSure', TRUE) . '\');" />'
 					: '')
-				: '<input type="submit" name="tx_impexp[new_import]" value="' . $this->lang->getLL('importdata_newImport', TRUE) . '" />';
-			$row[] = '<tr class="bgColor4">
-				<td><strong>' . $this->lang->getLL('importdata_action', TRUE) . '</strong>'
-					. BackendUtility::cshItem('xMOD_tx_impexp', 'action') . '</td>
-				<td>' . $newImport . '
-					<input type="hidden" name="tx_impexp[action]" value="import" /></td>
+				: '<input class="btn btn-default" type="submit" name="tx_impexp[new_import]" value="' . $this->lang->getLL('importdata_newImport', TRUE) . '" />';
+			$row[] = '<tr>
+					<td valign="top">
+						' . $this->lang->getLL('importdata_action', TRUE) . BackendUtility::cshItem('xMOD_tx_impexp', 'action') . '
+					</td>
+					<td>
+						' . $newImport . '
+						<input type="hidden" name="tx_impexp[action]" value="import" />
+					</td>
 				</tr>';
-			$row[] = '<tr class="bgColor4">
-				<td><strong>' . $this->lang->getLL('importdata_enableLogging', TRUE) . '</strong>'
-					. BackendUtility::cshItem('xMOD_tx_impexp', 'enableLogging') . '</td>
+			$row[] = '<tr>
+				<td valign="top">
+					' . $this->lang->getLL('importdata_enableLogging', TRUE)
+					. BackendUtility::cshItem('xMOD_tx_impexp', 'enableLogging') . '
+				</td>
 				<td>
 					<input type="checkbox" name="tx_impexp[enableLogging]" id="checkEnableLogging" value="1"'
 						. ($inData['enableLogging'] ? ' checked="checked"' : '') . ' />
@@ -995,21 +1019,23 @@ class ImportExportController extends \TYPO3\CMS\Backend\Module\BaseScriptClass {
 			$tempFolder = $this->getDefaultImportExportFolder();
 			if ($tempFolder) {
 				$row = array();
-				$row[] = '<tr class="bgColor5">
-						<td colspan="2"><strong>' . $this->lang->getLL('importdata_uploadFileFromLocal', TRUE) . '</strong></td>
+				$row[] = '
+					<tr>
+						<th colspan="2">' . $this->lang->getLL('importdata_uploadFileFromLocal', TRUE) . '</th>
 					</tr>';
-				$row[] = '<tr class="bgColor4">
-						<td>' . $this->lang->getLL('importdata_browse', TRUE)
-							. BackendUtility::cshItem('xMOD_tx_impexp', 'upload') . '</td>
+				$row[] = '
+					<tr>
+						<td valign="top">
+							' . $this->lang->getLL('importdata_browse', TRUE) . BackendUtility::cshItem('xMOD_tx_impexp', 'upload') . '
+						</td>
 						<td>
-
-								<input type="file" name="upload_1"' . $this->doc->formWidth(35) . ' size="40" />
-								<input type="hidden" name="file[upload][1][target]" value="' . htmlspecialchars($tempFolder->getCombinedIdentifier()) . '" />
-								<input type="hidden" name="file[upload][1][data]" value="1" /><br />
-
-								<input type="submit" name="_upload" value="' . $this->lang->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" />
-								<input type="checkbox" name="overwriteExistingFiles" id="checkOverwriteExistingFiles" value="1" checked="checked" /> <label for="checkOverwriteExistingFiles">'
-									. $this->lang->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '</label>
+							<input type="file" name="upload_1"' . $this->doc->formWidth(35) . ' size="40" />
+							<input type="hidden" name="file[upload][1][target]" value="' . htmlspecialchars($tempFolder->getCombinedIdentifier()) . '" />
+							<input type="hidden" name="file[upload][1][data]" value="1" />
+							<br />
+							<input class="btn btn-default" type="submit" name="_upload" value="' . $this->lang->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" />
+							<input type="checkbox" name="overwriteExistingFiles" id="checkOverwriteExistingFiles" value="1" checked="checked" />
+							<label for="checkOverwriteExistingFiles">' . $this->lang->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '</label>
 						</td>
 					</tr>';
 				if (GeneralUtility::_POST('_upload')) {
diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html
index e26a28d8c27c..1780bb25a3ae 100644
--- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html
+++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/ExternalDocuments.html
@@ -6,7 +6,7 @@
 	<h2><f:translate key="administration.external.title"/></h2>
 
 	<f:if condition="{records}">
-		<table class="t3-table">
+		<table class="table table-striped table-hover">
 			<thead>
 				<tr>
 					<th><f:translate key="field.fileName"/></th>
diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html
index 2b319dde7e0e..a7192eac641a 100644
--- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html
+++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Index.html
@@ -6,7 +6,7 @@
 	<div class="row">
 		<div class="col-md-6">
 			<h4><f:translate key="administration.statistics.header" /></h4>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th><f:translate key="administration.statistics.name" /></th>
@@ -25,7 +25,7 @@
 		</div>
 		<div class="col-md-6">
 			<h4><f:translate key="administration.statistics.headerTypes" /></h4>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th><f:translate key="administration.statistics.name" /></th>
@@ -92,7 +92,7 @@
 	</h4>
 	<f:if condition="{statistic}">
 		<f:then>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th class="nowrap">&nbsp;</th>
diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html
index a75efe8f9aa7..69f656745bf5 100644
--- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html
+++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Pages.html
@@ -5,7 +5,7 @@
 <f:section name="Content">
 	<h2>Pages</h2>
 	<f:if condition="{records}">
-		<table class="t3-table">
+		<table class="table table-striped table-hover">
 			<thead>
 				<tr>
 					<th><f:translate key="field.id"/>/<f:translate key="field.type"/></th>
diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html
index 917b47fb1827..6d27f179a17e 100644
--- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html
+++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/Statistic.html
@@ -16,7 +16,7 @@
 					</div>
 				</div>
 			</f:form>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th></th>
diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html
index d5095e228976..d7848858fe35 100644
--- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html
+++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/StatisticDetails.html
@@ -7,7 +7,7 @@
 	<f:flashMessages renderMode="div"/>
 	<f:if condition="{phashRow}">
 		<f:then>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th colspan="2"><f:translate key="administration.phash.tableHeader"/></th>
@@ -53,7 +53,7 @@
 				<h4>
 					<f:translate key="administration.statistics.metaphone"/>
 				</h4>
-				<table class="t3-table">
+				<table class="table table-striped table-hover">
 					<thead>
 					<tr>
 						<th>
@@ -87,7 +87,7 @@
 
 			<f:if condition="{sections}">
 				<h4><f:translate key="administration.statistics.sectionRecords"/></h4>
-				<table class="t3-table">
+				<table class="table table-striped table-hover">
 					<thead>
 						<tr>
 							<th><f:translate key="field.pHash"/></th>
@@ -133,7 +133,7 @@
 		<f:form method="post" action="saveStopwordsKeywords" name="stopwordskeywords" arguments="{pageHash:phash}">
 			<f:form.hidden name="pageHash" value="{phash}"/>
 			<f:form.hidden name="pageId" value="{page.uid}"/>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th><f:translate key="administration.stopWords"/></th>
diff --git a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html
index 41bbfcfb139d..8dbd525cb7d2 100644
--- a/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html
+++ b/typo3/sysext/indexed_search/Resources/Private/Templates/Administration/WordDetail.html
@@ -6,7 +6,7 @@
 	</p>
 	<f:if condition="{rows}">
 		<f:then>
-			<table class="t3-table">
+			<table class="table table-striped table-hover">
 				<thead>
 					<tr>
 						<th><f:translate key="field.pHash"/></th>
diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html b/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html
index 4d67be4c54b3..c1990a06ac21 100644
--- a/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html
+++ b/typo3/sysext/install/Resources/Private/Partials/Action/Common/SubmitButton.html
@@ -2,7 +2,7 @@
 	<ol>
 		<li>
 			<button
-					class="btn {className}"
+					class="btn btn-default {className}"
 					type="submit"
 					name="install[set][{name}]"
 					>
diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html
index 1eab82477741..f5c44a5d9959 100644
--- a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html
+++ b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/ConnectDetails.html
@@ -72,7 +72,7 @@
 		</ol>
 	</fieldset>
 
-	<button type="submit">
+	<button class="btn btn-default" type="submit">
 		Continue
 	</button>
 </form>
diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html
index 5bbe67824fc3..0017a7b37db2 100644
--- a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html
+++ b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/LoadDbal.html
@@ -9,7 +9,7 @@
 	<f:render partial="Action/Common/HiddenFormFields" arguments="{_all}" />
 	<input type="hidden" value="execute" name="install[set]" />
 	<input type="hidden" value="1" name="install[values][loadDbal]" />
-	<button type="submit">
+	<button class="btn btn-default" type="submit">
 		I do not use MySQL
 		<span class="t3-install-form-button-icon-negative">&nbsp;</span>
 	</button>
diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html
index b6c6c5380c13..664316414402 100644
--- a/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html
+++ b/typo3/sysext/install/Resources/Private/Partials/Action/Step/DatabaseConnect/UnloadDbal.html
@@ -2,7 +2,7 @@
 	<f:render partial="Action/Common/HiddenFormFields" arguments="{_all}" />
 	<input type="hidden" value="execute" name="install[set]" />
 	<input type="hidden" value="1" name="install[values][unloadDbal]" />
-	<button type="submit">
+	<button class="btn btn-default" type="submit">
 		I use native MySQL
 	</button>
 </form>
\ No newline at end of file
diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html
index 9370b2964069..fe647f849d3a 100644
--- a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html
+++ b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/Configuration/Image.html
@@ -26,7 +26,7 @@
 					name="install[values][{feature.name}][additionalSearchPath]"
 					value="{feature.additionalSearchPath}"
 				/>
-				<button type="submit" name="install[set][ImageSearch]">Find executables in this directory</button>
+				<button class="btn btn-default" type="submit" name="install[set][ImageSearch]">Find executables in this directory</button>
 			</p>
 
 			<f:for each="{feature.presetsOrderedByPriority}" as="preset">
diff --git a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html
index 709de3bd7f78..5894af822e15 100644
--- a/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html
+++ b/typo3/sysext/install/Resources/Private/Partials/Action/Tool/ImportantActions/CoreUpdateButton.html
@@ -24,7 +24,7 @@
 				<fieldset class="t3-install-form-submit">
 					<ol>
 						<li>
-							<button class="btn" type="submit" name="coreUpdateCheckForUpdate" data-action="checkForUpdate">
+							<button class="btn btn-default" type="submit" name="coreUpdateCheckForUpdate" data-action="checkForUpdate">
 								Check for core updates
 							</button>
 						</li>
diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html
index 38ba85048689..21407ff8b13f 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseData.html
@@ -69,7 +69,7 @@
 			</ol>
 		</fieldset>
 
-		<button type="submit">
+		<button class="btn btn-default" type="submit">
 			Continue
 		</button>
 	</form>
diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html
index 858b7437cf0c..74773b6ecd4a 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DatabaseSelect.html
@@ -114,7 +114,7 @@
 
 		</fieldset>
 
-		<button type="submit">
+		<button class="btn btn-default" type="submit">
 			Continue
 		</button>
 	</form>
diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html
index fbf52a5ff86b..2a513013af3f 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/DefaultConfiguration.html
@@ -35,7 +35,7 @@
 			</ol>
 		</fieldset>
 		<hr />
-		<button type="submit">
+		<button class="btn btn-default" type="submit">
 			Open the backend
 		</button>
 	</form>
diff --git a/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html b/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html
index 7d962470e248..917c66119beb 100644
--- a/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html
+++ b/typo3/sysext/install/Resources/Private/Templates/Action/Step/EnvironmentAndFolders.html
@@ -18,7 +18,7 @@
 	<f:if condition="{errorsOrWarningsFromStatus}">
 		<f:then>
 			<form method="post">
-				<button type="submit">
+				<button class="btn btn-default" type="submit">
 					Fixed. Check again!
 				</button>
 			</form>
@@ -26,7 +26,7 @@
 			<form method="post">
 				<input type="hidden" value="environmentAndFolders" name="install[action]" />
 				<input type="hidden" value="execute" name="install[set]" />
-				<button type="submit">
+				<button class="btn btn-default" type="submit">
 					I know what I'm doing, continue!
 					<span class="t3-install-form-button-icon-negative">&nbsp;</span>
 				</button>
@@ -36,7 +36,7 @@
 			<form method="post">
 				<input type="hidden" value="environmentAndFolders" name="install[action]" />
 				<input type="hidden" value="execute" name="install[set]" />
-				<button type="submit">
+				<button class="btn btn-default" type="submit">
 					System looks good. Continue!
 				</button>
 			</form>
diff --git a/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html b/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html
index 9a5366b3435a..b04baaab9fc9 100644
--- a/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html
+++ b/typo3/sysext/install/Resources/Private/Templates/BackendModule/ShowEnableInstallToolButton.html
@@ -15,7 +15,7 @@
 				<f:translate
 					key="LLL:EXT:install/Resources/Private/Language/BackendModule.xlf:confirmUnlockInstallToolMessage"
 				/>
-				<button value="enableInstallTool">
+				<button class="btn btn-warning" value="enableInstallTool">
 					<f:translate
 						key="LLL:EXT:install/Resources/Private/Language/BackendModule.xlf:confirmUnlockInstallToolButton"
 					/>
diff --git a/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php b/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php
index d1a7ed54b7c5..c2eda9243821 100644
--- a/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php
+++ b/typo3/sysext/linkvalidator/Classes/Report/LinkValidatorReport.php
@@ -173,9 +173,9 @@ class LinkValidatorReport extends \TYPO3\CMS\Backend\Module\AbstractFunctionModu
 		);
 
 		if ($this->modTS['showCheckLinkTab'] == 1) {
-			$this->updateListHtml = '<input type="submit" name="updateLinkList" id="updateLinkList" value="' . $this->getLanguageService()->getLL('label_update') . '"/>';
+			$this->updateListHtml = '<input class="btn btn-default" type="submit" name="updateLinkList" id="updateLinkList" value="' . $this->getLanguageService()->getLL('label_update') . '"/>';
 		}
-		$this->refreshListHtml = '<input type="submit" name="refreshLinkList" id="refreshLinkList" value="' . $this->getLanguageService()->getLL('label_refresh') . '"/>';
+		$this->refreshListHtml = '<input class="btn btn-default" type="submit" name="refreshLinkList" id="refreshLinkList" value="' . $this->getLanguageService()->getLL('label_refresh') . '"/>';
 		$this->linkAnalyzer = GeneralUtility::makeInstance(LinkAnalyzer::class);
 		$this->updateBrokenLinks();
 
diff --git a/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html b/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html
index 7caca38b8ab1..9a8d06f63f87 100644
--- a/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html
+++ b/typo3/sysext/linkvalidator/Resources/Private/Templates/mod_template.html
@@ -11,7 +11,7 @@
 <!-- ###FULLDOC### end -->
 
 <!-- ###CHECKOPTIONS_SECTION### begin -->
-<table class="t3-table" id="linkvalidator-statistics-table">
+<table class="table table-striped table-hover" id="linkvalidator-statistics-table">
 	<thead>
 		<tr>
 			<th>###TOTAL_COUNT_LABEL###</th>
@@ -31,7 +31,7 @@
 
 <!-- ###BROKENLINKS_CONTENT### begin -->
 ###LIST_HEADER###
-<table class="t3-table" id="linkvalidator-broken-links-table">
+<table class="table table-striped table-hover" id="linkvalidator-broken-links-table">
 	<thead>
 		<tr>
 			<th>###TABLEHEAD_PATH###</th>
diff --git a/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php b/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php
index 374528016471..56469fa212ee 100644
--- a/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php
+++ b/typo3/sysext/lowlevel/Classes/View/DatabaseIntegrityView.php
@@ -82,7 +82,7 @@ class DatabaseIntegrityView {
 		$this->doc->backPath = $GLOBALS['BACK_PATH'];
 		$this->doc->setModuleTemplate('EXT:lowlevel/Resources/Private/Templates/dbint.html');
 		$this->doc->form = '<form action="" method="post" name="' . $this->formName . '">';
-		$this->doc->table_TABLE = '<table class="t3-table">
+		$this->doc->table_TABLE = '<table class="table table-striped table-hover">
 			<colgroup><col width="24"><col><col width="150"></colgroup>';
 		$this->doc->tableLayout = array(
 			'0' => array(
@@ -298,7 +298,7 @@ class DatabaseIntegrityView {
 
 		// Output content:
 		$content = '<p class="lead">' . $GLOBALS['LANG']->getLL('referenceIndex_description') . '</p>';
-		$content .= '<input type="submit" name="_check" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonCheck') . '" /> <input type="submit" name="_update" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonUpdate') . '" /><br /><br />';
+		$content .= '<input class="btn btn-default" type="submit" name="_check" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonCheck') . '" /> <input class="btn btn-default" type="submit" name="_update" value="' . $GLOBALS['LANG']->getLL('referenceIndex_buttonUpdate') . '" /><br /><br />';
 		$this->content .= $this->doc->section('', $content, FALSE, TRUE);
 
 		// Command Line Interface
diff --git a/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html b/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html
index 8fe1f3748beb..28882a0dabd5 100644
--- a/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html
+++ b/typo3/sysext/lowlevel/Resources/Private/Templates/Backend/Configuration.html
@@ -9,15 +9,13 @@
 		<f:translate key="enterSearchPhrase" />
 	</label>
 	<input type="search" id="search_field" name="search_field" value="{search_field}" style="width:192px;"/>
-
 	<div class="checkbox">
 		<label for="checkRegexsearch">
 			<f:format.raw>{checkbox_checkRegexsearch}</f:format.raw>
 			<f:translate key="useRegExp" />
 		</label>
 	</div>
-
-	<input type="submit" name="search" id="search" value="{f:translate(key: 'search')}"/>
+	<input class="btn btn-default" type="submit" name="search" id="search" value="{f:translate(key: 'search')}"/>
 </div>
 
 <div id="lowlevel-config-var">
@@ -29,7 +27,7 @@
 
 		<f:if condition="{showSaveButton}">
 			<f:then>
-				<br/><input type="submit" name="writetoexttables" value="{f:translate(key: 'writeValue')}"/>
+				<br/><input class="btn btn-default" type="submit" name="writetoexttables" value="{f:translate(key: 'writeValue')}"/>
 			</f:then>
 			<f:else>
 				<f:translate key="copyPaste" />
diff --git a/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html b/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html
index 8341b0d66ed4..91aa48d5c8f4 100644
--- a/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html
+++ b/typo3/sysext/openid/Resources/Private/Templates/Wizard/Content.html
@@ -40,7 +40,7 @@
 			<label for="openid_url"><f:translate key="LLL:EXT:openid/Resources/Private/Language/Wizard.xlf:html.openid_url" /></label>
 			<input type="text" name="openid_url" id="openid_url" value="{openid_url}"/>
 
-			<input type="submit" value="{f:translate(key:'LLL:EXT:openid/Resources/Private/Language/Wizard.xlf:html.submit')}"/>
+			<input class="btn btn-default" type="submit" value="{f:translate(key:'LLL:EXT:openid/Resources/Private/Language/Wizard.xlf:html.submit')}"/>
 		</form>
 	</f:if>
 </f:be.container>
diff --git a/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php b/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php
index 2f12c1074d5e..e134be65e7bb 100644
--- a/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php
+++ b/typo3/sysext/recordlist/Classes/Browser/ElementBrowser.php
@@ -967,7 +967,7 @@ class ElementBrowser {
 				&& $this->curUrlArray['href'] && $this->curUrlInfo['act'] == $this->act
 			) {
 				$ltarget .= '
-							<input type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE)
+							<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE)
 								. '" onclick="return link_current();" />';
 			}
 			$selectJS = '
@@ -1112,22 +1112,26 @@ class ElementBrowser {
 	 */
 	protected function getEmailSelectorHtml() {
 		$extUrl = '
-
-				<!--
-					Enter mail address:
-				-->
-						<form action="" name="lurlform" id="lurlform">
-							<table border="0" cellpadding="2" cellspacing="1" id="typo3-linkMail">
-								<tr>
-									<td style="width: 96px;">' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ':</td>
-									<td><input type="text" name="lemail"' . $this->doc->formWidth(20) . ' value="'
-			. htmlspecialchars(($this->curUrlInfo['act'] === 'mail' ? $this->curUrlInfo['info'] : ''))
-			. '" /> ' . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
-			. '" onclick="browse_links_setTarget(\'\');browse_links_setValue(\'mailto:\'+'
-			. 'document.lurlform.lemail.value); return link_current();" /></td>
-								</tr>
-							</table>
-						</form>';
+			<!--
+				Enter mail address:
+			-->
+			<form action="" name="lurlform" id="lurlform">
+				<table border="0" cellpadding="2" cellspacing="1" id="typo3-linkMail">
+					<tr>
+						<td style="width: 96px;">
+							' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ':
+						</td>
+						<td>
+							<input type="text" name="lemail"' . $this->doc->formWidth(20) . ' value="'
+								. htmlspecialchars(($this->curUrlInfo['act'] === 'mail' ? $this->curUrlInfo['info'] : ''))
+								. '" />
+							<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
+								. '" onclick="browse_links_setTarget(\'\');browse_links_setValue(\'mailto:\'+'
+								. 'document.lurlform.lemail.value); return link_current();" />
+						</td>
+					</tr>
+				</table>
+			</form>';
 		return $extUrl;
 	}
 
@@ -1148,7 +1152,7 @@ class ElementBrowser {
 									<td style="width: 96px;">URL:</td>
 									<td><input type="text" name="lurl"' . $this->doc->formWidth(30) . ' value="'
 			. htmlspecialchars(($this->curUrlInfo['act'] === 'url' ? $this->curUrlInfo['info'] : 'http://'))
-			. '" /> ' . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
+			. '" /> ' . '<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
 			. '" onclick="browse_links_setValue(document.lurlform.lurl.value); return link_current();" /></td>
 								</tr>
 							</table>
@@ -2477,11 +2481,13 @@ class ElementBrowser {
 		$code .= \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction');
 		$code .= '
 			<div id="c-override">
-				<label><input type="checkbox" name="overwriteExistingFiles" id="overwriteExistingFiles" value="1" /> '
-					. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '</label>
+				<label>
+					<input type="checkbox" name="overwriteExistingFiles" id="overwriteExistingFiles" value="1" /> '
+					. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_misc.xlf:overwriteExistingFiles', TRUE) . '
+				</label>
 			</div>
-			<input type="submit" name="submit" value="'
-					. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" />
+			<input class="btn btn-default" type="submit" name="submit" value="'
+				. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_upload.php.submit', TRUE) . '" />
 		';
 		$code .= '</td>
 					</tr>
@@ -2538,7 +2544,7 @@ class ElementBrowser {
 			. '&bparams=' . rawurlencode($this->bparams);
 		$code .= '<input type="hidden" name="redirect" value="' . htmlspecialchars($redirectValue) . '" />'
 			. \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction')
-			. '<input type="submit" name="submit" value="'
+			. '<input class="btn btn-default" type="submit" name="submit" value="'
 			. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:file_newfolder.php.submit', TRUE) . '" />';
 		$code .= '</td>
 					</tr>
diff --git a/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php b/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php
index 659e4d38f6c9..683e4033b501 100644
--- a/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php
+++ b/typo3/sysext/recordlist/Classes/RecordList/AbstractDatabaseRecordList.php
@@ -511,7 +511,7 @@ class AbstractDatabaseRecordList extends \TYPO3\CMS\Backend\RecordList\AbstractR
 						</div>
 						<div class="col-xs-3 col-md-3 col-lg-3">
 							<div class="input-group">
-								<input type="submit" class="btn-block" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.search', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search', TRUE) . '" />
+								<input type="submit" class="btn btn-default btn-block" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.search', TRUE) . '" title="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.title.search', TRUE) . '" />
 							</div>
 						</div>
 					</div>
diff --git a/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php b/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php
index 7e762b662a47..e909bb05f681 100644
--- a/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php
+++ b/typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php
@@ -632,7 +632,7 @@ class DatabaseRecordList extends AbstractDatabaseRecordList {
 					' . $tableHeader . '
 					</div>
 					<div class="table-fit">
-						<table data-table="' . htmlspecialchars($table) . '" class="table table-hover' . ($listOnlyInSingleTableMode ? ' typo3-dblist-overview' : '') . '">
+						<table data-table="' . htmlspecialchars($table) . '" class="table table-striped table-hover' . ($listOnlyInSingleTableMode ? ' typo3-dblist-overview' : '') . '">
 							' . $out . '
 						</table>
 					</div>
@@ -1585,17 +1585,20 @@ class DatabaseRecordList extends AbstractDatabaseRecordList {
 				';
 		// Table with the field selector::
 		$content = $formElements[0] . '
-
-				<!--
-					Field selector for extended table view:
-				-->
-				<table border="0" cellpadding="0" cellspacing="0" id="typo3-dblist-fieldSelect">
-					<tr>
-						<td>' . $lMenu . '</td>
-						<td><input type="submit" name="search" value="'
-			. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.setFields', TRUE) . '" /></td>
-					</tr>
-				</table>
+			<!--
+				Field selector for extended table view:
+			-->
+			<table border="0" cellpadding="0" cellspacing="0" id="typo3-dblist-fieldSelect">
+				<tr>
+					<td>
+						' . $lMenu . '
+					</td>
+					<td>
+						<input class="btn btn-default" type="submit" name="search" value="'
+						. $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.xlf:labels.setFields', TRUE) . '" />
+					</td>
+				</tr>
+			</table>
 			' . $formElements[1];
 		return '<div class="db_list-fieldSelect">' . $content . '</div>';
 	}
diff --git a/typo3/sysext/reports/Classes/Report/Status/Status.php b/typo3/sysext/reports/Classes/Report/Status/Status.php
index 9c2f8eeddbab..b728033ae15f 100644
--- a/typo3/sysext/reports/Classes/Report/Status/Status.php
+++ b/typo3/sysext/reports/Classes/Report/Status/Status.php
@@ -169,7 +169,7 @@ class Status implements ReportInterface {
 				));
 			}
 			$header = '<h2>' . $provider . '</h2>';
-			$table = '<table class="t3-table">';
+			$table = '<table class="table table-striped table-hover">';
 			$table .= '<tbody>' . $messages . '</tbody>';
 			$table .= '</table>';
 
diff --git a/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php b/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php
index 654a15932b68..d33a54ee8a0f 100644
--- a/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php
+++ b/typo3/sysext/rtehtmlarea/Classes/BrowseLinks.php
@@ -538,17 +538,23 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser {
 	 */
 	protected function getEmailSelectorHtml() {
 		$extUrl = '
-						<!--
-							Enter mail address:
-						-->
-										<tr>
-											<td><label>' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ':</label></td>
-									<td><input type="text" name="lemail"' . $this->doc->formWidth(20)
-			. ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'mail' ? $this->curUrlInfo['info'] : '')) . '" /> '
-			. '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
-			. '" onclick="browse_links_setTarget(\'\');browse_links_setHref(\'mailto:\'+document.ltargetform.lemail.value);'
-			. 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'\');return link_current();" /></td>
-								</tr>';
+			<!--
+				Enter mail address:
+			-->
+			<tr>
+				<td>
+					<label>
+						' . $GLOBALS['LANG']->getLL('emailAddress', TRUE) . ':
+					</label>
+				</td>
+				<td>
+					<input type="text" name="lemail"' . $this->doc->formWidth(20)
+						. ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'mail' ? $this->curUrlInfo['info'] : '')) . '" />
+					<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
+						. '" onclick="browse_links_setTarget(\'\');browse_links_setHref(\'mailto:\'+document.ltargetform.lemail.value);'
+						. 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'\');return link_current();" />
+				</td>
+			</tr>';
 		return $extUrl;
 	}
 
@@ -559,19 +565,26 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser {
 	 */
 	protected function getExternalUrlSelectorHtml() {
 		$extUrl = '
-				<!--
-					Enter External URL:
-				-->
-								<tr>
-									<td><label>URL:</label></td>
-									<td colspan="3"><input type="text" name="lurl"' . $this->doc->formWidth(20)
-			. ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'url' ? $this->curUrlInfo['info'] : 'http://'))
-			. '" /> ' . '<input type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
-			. '" onclick="if (/^[A-Za-z0-9_+]{1,8}:/.test(document.ltargetform.lurl.value)) { '
-			. ' browse_links_setHref(document.ltargetform.lurl.value); } else { browse_links_setHref(\'http://\''
-			. '+document.ltargetform.lurl.value); }; browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\');'
-			. 'return link_current();" /></td>
-								</tr>';
+			<!--
+				Enter External URL:
+			-->
+			<tr>
+				<td>
+					<label>
+						URL:
+					</label>
+				</td>
+				<td colspan="3">
+					<input type="text" name="lurl"' . $this->doc->formWidth(20)
+						. ' value="' . htmlspecialchars(($this->curUrlInfo['act'] == 'url' ? $this->curUrlInfo['info'] : 'http://'))
+						. '" />
+					<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('setLink', TRUE)
+						. '" onclick="if (/^[A-Za-z0-9_+]{1,8}:/.test(document.ltargetform.lurl.value)) { '
+						. ' browse_links_setHref(document.ltargetform.lurl.value); } else { browse_links_setHref(\'http://\''
+						. '+document.ltargetform.lurl.value); }; browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\');'
+						. 'return link_current();" />
+				</td>
+			</tr>';
 		return $extUrl;
 	}
 
@@ -708,23 +721,23 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser {
 			<!--
 				Selecting target for link:
 			-->
-				<form action="" name="ltargetform" id="ltargetform">
-					<table id="typo3-linkTarget" class="htmlarea-window-table">' . $string;
+			<form action="" name="ltargetform" id="ltargetform">
+				<table id="typo3-linkTarget" class="htmlarea-window-table">' . $string;
 		if ($this->act == $this->curUrlInfo['act'] && $this->act != 'mail' && $this->curUrlArray['href']) {
 			$form .= '
-						<tr>
-							<td>
-							</td>
-							<td colspan="3">
-								<input type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE) . '" onclick="'
-				. ($this->act == 'url' ? 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\'); ' : '')
-				. 'return link_current();" />
-							</td>
-						</tr>';
+					<tr>
+						<td>
+						</td>
+						<td colspan="3">
+							<input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('update', TRUE) . '" onclick="'
+								. ($this->act == 'url' ? 'browse_links_setAdditionalValue(\'data-htmlarea-external\', \'1\'); ' : '')
+								. 'return link_current();" />
+						</td>
+					</tr>';
 		}
 		$form .= '
-					</table>
-				</form>';
+				</table>
+			</form>';
 		return $form;
 	}
 
@@ -738,13 +751,17 @@ class BrowseLinks extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser {
 			&& $this->buttonConfig['pageIdSelector.']['enabled']
 		) {
 			return '
-									<tr>
-										<td><label>' . $GLOBALS['LANG']->getLL('page_id', TRUE) . ':</label></td>
-							<td colspan="3">
-								<input type="text" size="6" name="luid" />&nbsp;<input type="submit" value="'
-			. $GLOBALS['LANG']->getLL('setLink', TRUE) . '" onclick="return link_typo3Page(document.ltargetform.luid.value);" />
-							</td>
-						</tr>';
+				<tr>
+					<td>
+						<label>
+							' . $GLOBALS['LANG']->getLL('page_id', TRUE) . ':
+						</label>
+					</td>
+					<td colspan="3">
+						<input type="text" size="6" name="luid" /> <input class="btn btn-default" type="submit" value="'
+							. $GLOBALS['LANG']->getLL('setLink', TRUE) . '" onclick="return link_typo3Page(document.ltargetform.luid.value);" />
+					</td>
+				</tr>';
 		}
 		return '';
 	}
diff --git a/typo3/sysext/rtehtmlarea/Classes/SelectImage.php b/typo3/sysext/rtehtmlarea/Classes/SelectImage.php
index 52f001568f58..7aec1e0acee7 100644
--- a/typo3/sysext/rtehtmlarea/Classes/SelectImage.php
+++ b/typo3/sysext/rtehtmlarea/Classes/SelectImage.php
@@ -382,7 +382,7 @@ class SelectImage extends \TYPO3\CMS\Recordlist\Browser\ElementBrowser {
 					sz+=\'<tr><td><label for="iLang">\' + plugin.editor.getPlugin("Language").localize(\'Language-Tooltip\') + \': </label></td><td>\' + languageSelector + \'</td></tr>\';
 				}') . (in_array('clickenlarge', $removedProperties) || in_array('data-htmlarea-clickenlarge', $removedProperties) ? '' : '
 				sz+=\'<tr><td><label for="iClickEnlarge">' . $GLOBALS['LANG']->sL('LLL:EXT:cms/locallang_ttc.xlf:image_zoom', TRUE) . ' </label></td><td><input type="checkbox" name="iClickEnlarge" id="iClickEnlarge" value="0" /></td></tr>\';') . '
-				sz+=\'<tr><td></td><td><input type="submit" value="' . $GLOBALS['LANG']->getLL('update') . '" onClick="return setImageProperties();"></td></tr>\';
+				sz+=\'<tr><td></td><td><input class="btn btn-default" type="submit" value="' . $GLOBALS['LANG']->getLL('update') . '" onClick="return setImageProperties();"></td></tr>\';
 				sz+=\'</table></form>\';
 				return sz;
 			}
diff --git a/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php b/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php
index 3c658865a90e..68ecacce219d 100644
--- a/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php
+++ b/typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php
@@ -1061,7 +1061,7 @@ class SchedulerModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClas
 			}
 			$this->getDatabaseConnection()->sql_free_result($res);
 
-			$this->view->assign('table', '<table class="t3-table">' . implode(LF, $table) . '</table>');
+			$this->view->assign('table', '<table class="table table-striped table-hover">' . implode(LF, $table) . '</table>');
 
 			// Server date time
 			$dateFormat = $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] . ' ' . $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'] . ' T (e';
diff --git a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html
index 67a1a7212486..d9fc0adc92a6 100644
--- a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html
+++ b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/InfoScreen.html
@@ -4,7 +4,7 @@
 	<f:translate key="msg.infoScreenIntro" />
 </p>
 
-<table class="t3-table">
+<table class="table table-striped table-hover">
 	<thead>
 		<tr>
 			<th>
diff --git a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html
index 60da98e8ef4c..4b4dfb40123a 100644
--- a/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html
+++ b/typo3/sysext/scheduler/Resources/Private/Templates/Backend/SchedulerModule/ListTasks.html
@@ -1,6 +1,6 @@
 {namespace s = TYPO3\CMS\Scheduler\ViewHelpers}
 <f:format.raw>{table}</f:format.raw>
-<button name="go" id="scheduler_executeselected">
+<button class="btn btn-primary" name="go" id="scheduler_executeselected">
 	<s:spriteIcon iconName="extensions-scheduler-run-task" />
 	<f:translate key="label.executeSelected" />
 </button>
diff --git a/typo3/sysext/sv/Classes/Report/ServicesListReport.php b/typo3/sysext/sv/Classes/Report/ServicesListReport.php
index 2d2736083765..da08770da563 100644
--- a/typo3/sysext/sv/Classes/Report/ServicesListReport.php
+++ b/typo3/sysext/sv/Classes/Report/ServicesListReport.php
@@ -87,7 +87,7 @@ class ServicesListReport implements \TYPO3\CMS\Reports\ReportInterface {
 	protected function renderServiceTypeList($serviceType, $services) {
 		$header = '<h3>' . sprintf($GLOBALS['LANG']->getLL('service_type'), $serviceType) . '</h3>';
 		$serviceList = '
-			<table class="t3-table table tx_sv_reportlist">
+			<table class="table table-striped table-hover tx_sv_reportlist">
 				<thead>
 					<tr>
 						<td style="width: 35%">' . $GLOBALS['LANG']->getLL('service') . '</td>
@@ -166,7 +166,7 @@ class ServicesListReport implements \TYPO3\CMS\Reports\ReportInterface {
 			$content .= '<p>' . $GLOBALS['LANG']->getLL('no_search_paths') . '</p>';
 		} else {
 			$content .= '
-			<table class="t3-table tx_sv_reportlist">
+			<table class="table table-striped table-hover tx_sv_reportlist">
 				<thead>
 					<tr>
 						<td>' . $GLOBALS['LANG']->getLL('path') . '</td>
diff --git a/typo3/sysext/sys_action/Classes/ActionTask.php b/typo3/sysext/sys_action/Classes/ActionTask.php
index e28791c443a2..a5256738f331 100644
--- a/typo3/sysext/sys_action/Classes/ActionTask.php
+++ b/typo3/sysext/sys_action/Classes/ActionTask.php
@@ -315,7 +315,7 @@ class ActionTask implements \TYPO3\CMS\Taskcenter\TaskInterface {
 							<div class="row">
 								<input type="hidden" name="data[key]" value="' . $key . '" />
 								<input type="hidden" name="data[sent]" value="1" />
-								<input type="submit" value="' . ($key === 'NEW' ? $GLOBALS['LANG']->getLL('action_Create') : $GLOBALS['LANG']->getLL('action_Update')) . '" />
+								<input class="btn btn-default" type="submit" value="' . ($key === 'NEW' ? $GLOBALS['LANG']->getLL('action_Create') : $GLOBALS['LANG']->getLL('action_Update')) . '" />
 							</div>
 						</fieldset>
 					</form>';
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less
index 7cdac955336c..cd4d0662f635 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_debug_panel.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 debug panel
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TYPO3 debug panel
+//
 
 .typo3-debugPanel-dragDropArrowDown {
 	background-image: url('../../../../icons/gfx/arrowdown.png');
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less
index 066de5a3804d..a96025ea6ec9 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_deprecated.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Deprecated
+//
 
 .t3-row-header {
 	background-color: #666;
@@ -25,15 +16,9 @@
 	color: #fff;
 }
 
-table.t3-table-info {
-	background: #ffffff;
-	border: 1px solid #cccccc;
-}
-
 .t3-col-header,
 .t3-row-header,
-.tableheader td,
-table.t3-table-info td {
+.tableheader td {
 	padding: 6px;
 }
 
@@ -60,9 +45,9 @@ table.t3-table-info td {
 	.text-nowrap;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Background color classes
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Background color classes
+//
 
 .bgColor-20 {
 	background-color: #e3dfdb;
@@ -98,14 +83,12 @@ Background color classes
 	background-color: #f7f7f7;
 }
 
-
 #typo3-messages {
   margin-bottom: 10px;
 }
 
 .typo3-message {
   .alert;
-
   background-position: 10px 12px;
   background-repeat: no-repeat;
   padding: 12px 12px 12px 36px;
@@ -136,14 +119,12 @@ Background color classes
 
   a {
     text-decoration: underline;
-
   }
 }
 
 
 .message-notice {
   // Nothing to inherit from Bootstrap - there is no alert-notice
-
   color: #777;
   background-color: #f6f7fa;
   background-image: url('../../../../icons/gfx/notice.png');
@@ -156,9 +137,7 @@ Background color classes
 
 .message-information {
   .alert-info;
-
   background-image: url('../../../../icons/gfx/information.png');
-
   a {
     color: #4c73a1;
   }
@@ -166,9 +145,7 @@ Background color classes
 
 .message-ok {
   .alert-success;
-
   background-image: url('../../../../icons/gfx/ok.png');
-
   a {
     color: #3b7826;
   }
@@ -176,9 +153,7 @@ Background color classes
 
 .message-warning {
   .alert-warning;
-
   background-image: url("../../../../icons/gfx/warning.png");
-
   a {
     color: #9e7d4a;
   }
@@ -186,11 +161,8 @@ Background color classes
 
 .message-error {
   .alert-danger;
-
   background-image: url('../../../../icons/gfx/error.png');
-
   a {
     color: #aa0225;
   }
 }
-
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less
index e45bc15960c6..285784be7e1d 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_clipboard.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Clipboard
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Clipboard
+//
 
 table#typo3-clipboard {
 	background-color: #efeff4;
@@ -52,5 +39,4 @@ table#typo3-clipboard {
 			}
 		}
 	}
-
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less
index 7b9436919e7a..ff3afc8ac266 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Context sensitive help
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Context sensitive help jij
+//
 
 .typo3-csh-inline {
 	padding: 4px;
@@ -118,7 +105,9 @@ div.typo3-view-help img.c-inlineimg  {
 	margin-left: 10px;
 }
 
-/*** new help code ***/
+//
+// new help code
+//
 
 .t3-help-inline {
 	padding: 4px;
@@ -223,7 +212,10 @@ div.t3-view-help img.c-inlineimg  {
 	margin-left: 10px;
 }
 
-/** ExtJS based CSH tooltips */
+//
+// ExtJS based CSH tooltips
+//
+
 .x-tip.typo3-csh-tooltip .x-tip-tl,
 .x-tip.typo3-csh-tooltip .x-tip-cl {
 	padding-left: 8px;
@@ -234,10 +226,9 @@ div.t3-view-help img.c-inlineimg  {
 	padding-right: 8px;
 }
 
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Context Sensitive Help (CSH)
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Context Sensitive Help (CSH)
+//
 
 table.typo3-csh-inline {
 	background-color: #ffffc7;
@@ -264,7 +255,10 @@ a.typo3-csh-link {
 	white-space: normal;
 }
 
-/** new CSH code **/
+//
+// new CSH code
+//
+
 table.t3-help-inline {
 	background-color: #ffffc7;
 	border: 1px solid #cccccc;
@@ -299,15 +293,16 @@ a.t3-help-link {
 	white-space: normal;
 }
 
+//
+// EXT:cshmanual
+//
 
-/*  EXT:cshmanual */
 div.typo3-view-help h1 {
 	background: none;
 	color: #000;
 	text-align: left;
 }
 
-
 div.typo3-view-help p {
 }
 
@@ -324,4 +319,4 @@ div.typo3-view-help .manual-title a,
 div.typo3-view-help div.c-toc a,
 div.typo3-view-help p a {
 	text-decoration: underline;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less
index aa35bcc847c5..06489447fe54 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less
@@ -1,30 +1,17 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
-Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
+// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
+//
 
 .typo3-CSM-wrapperCM {
 	background: #fff;
 	border: #b6b6b6 1px solid;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
-Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
+// Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
+//
 
 table.typo3-CSM {
 	tr.typo3-CSM-itemRow {
@@ -35,8 +22,10 @@ table.typo3-CSM {
 				vertical-align: bottom;
 			}
 
-			/* the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
-			   see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks */
+			//
+			// the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
+			// see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks
+			//
 			img {
 				display: block;
 			}
@@ -56,16 +45,22 @@ table.typo3-CSM {
 	}
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-special backend elements
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// special backend elements
+//
+
+//
+// Context Sensitive Menu / Top frame (alt_clickmenu.php):
+//
 
-/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
 body#typo3-alt-clickmenu-php {
 	margin-top: 10px;
 }
 
-/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
+//
+// Context Sensitive Menu / Top frame (alt_clickmenu.php):
+//
+
 #contentMenu0 {
 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
 }
@@ -79,4 +74,3 @@ div#contentMenu1 {
 	position: absolute;
 	z-index: 20;
 }
-
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
index 371db410ceca..364f27aee7b7 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-DocHeader
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// DocHeader
+//
 
 @docheader-text: rgb(45, 45, 45);
 @docheader-bg: linear-gradient(to bottom, rgb(235, 235, 235) 0%, rgb(205, 205, 205) 100%);
@@ -35,7 +22,9 @@ DocHeader
 	.left {
 		float: left;
 
-		/** Extra margin 6px added to it-icon margin, doubled spacing = 12px */
+		//
+		// Extra margin 6px added to it-icon margin, doubled spacing = 12px
+		//
 		.buttongroup {
 			.pull-left;
 			margin-right: 6px;
@@ -78,7 +67,9 @@ DocHeader
 			}
 		}
 
-		/* overwrite defaults from normalize.css */
+		//
+		// overwrite defaults from normalize.css
+		//
 		select {
 			color: @docheader-text;
 		}
@@ -101,12 +92,14 @@ DocHeader
 	}
 }
 
-/**
- * ExtJS Viewport
- */
+//
+// ExtJS Viewport
+//
 
-/* Collapsed tree frame is not invisible, but 5px wide.
-   If no tree frame is in use, an empty container is shown instead */
+//
+// Collapsed tree frame is not invisible, but 5px wide.
+// If no tree frame is in use, an empty container is shown instead
+//
 
 #typo3-navigationContainer-xsplit,
 #typo3-navigationContainer-xcollapsed,
@@ -114,7 +107,9 @@ DocHeader
 	background: @body-bg url(../../Images/docheader-split-background.png) left top repeat-x;
 }
 
-/** ExtJS theme for PageTree */
+//
+// ExtJS theme for PageTree
+//
 #typo3-pagetree-topPanelItems {
 	background-color: @docheader-bg;
 	background: @docheader-bg;
@@ -124,29 +119,23 @@ DocHeader
 		.x-panel-tbar {
 			color: @docheader-text;
 			border-bottom: 1px solid @docheader-border;
-
 			a {
 				color: @docheader-text;
-
 				&:hover {
 					color: #000;
 				}
 			}
-
 		}
 
 		// Buttons
 		.x-panel-body {
 			color: @docheader-text;
 			border-bottom: 1px solid @docheader-border;
-
 			.typo3-pagetree-topPanel-button {
 				margin-top: 0;
 			}
-
 			a {
 				color: @docheader-text;
-
 				&:hover {
 					color: #000;
 				}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less
index 184688dd464a..6f7590baeaa1 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-History / Undo
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// History / Undo
+//
 
 table#typo3-history,
 table#typo3-history-item {
@@ -34,5 +21,3 @@ table#typo3-history-item {
 		margin: 1px 1px 1px 1px;
 	}
 }
-
-
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less
new file mode 100644
index 000000000000..4eb9427da4ad
--- /dev/null
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_label.less
@@ -0,0 +1,11 @@
+//
+// Label
+//
+
+.label-stable:extend(.label-success){};
+.label-beta:extend(.label-warning){};
+.label-alpha:extend(.label-danger){};
+.label-obsolete:extend(.label-default){};
+.label-experimental:extend(.label-default){}
+.label-test:extend(.label-default){}
+.label-excludeFromUpdates:extend(.label-default){}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less
index 1ff6c5bc736c..5c9d20c1917b 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Messages
+//
 
 #alert-container {
 	width: 400px;
@@ -48,7 +39,6 @@
 
 	a {
 		color: darken(@state-notice-text, 5%);
-
 		&:hover {
 			color: darken(@state-notice-text, 10%);
 		}
@@ -58,7 +48,6 @@
 .alert-success {
 	a {
 		color: darken(@brand-success, 10%);
-
 		&:hover {
 			color: darken(@brand-success, 15%);
 		}
@@ -68,7 +57,6 @@
 .alert-info {
 	a {
 		color: darken(@brand-info, 5%);
-
 		&:hover {
 			color: darken(@brand-info, 10%);
 		}
@@ -78,7 +66,6 @@
 .alert-warning {
 	a {
 		color: @brand-warning;
-
 		&:hover {
 			color: darken(@brand-warning, 5%)
 		}
@@ -88,9 +75,8 @@
 .alert-danger {
 	a {
 		color: @brand-danger;
-
 		&:hover {
 			color: darken(@brand-danger, 10%);
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less
index dfc355968873..2d2b9fb67c84 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_modal.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Modals
+//
 
 // Modal notice
 @modal-notice-bg:		@btn-default-bg;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less
index 0cd190188e71..54550a1a2e5b 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagetree.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Pagetree
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Pagetree
+//
 
 #typo3-pagetree {
 	height: 100%;
@@ -112,7 +99,9 @@ Pagetree
 
 	.x-unselectable,
 	.x-unselectable * {
-		/* restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css */
+		//
+		// restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css
+		//
 		cursor: pointer;
 	}
 
@@ -139,9 +128,9 @@ Pagetree
 
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Drag and Drop
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Drag and Drop
+//
 
 .x-tree-lines .typo3-pagetree-node-notExpandable .x-tree-ec-icon {
 	visibility: hidden;
@@ -261,9 +250,9 @@ Drag and Drop
 	border: none;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Top Panel
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Top Panel
+//
 
 .typo3-pagetree-topPanel-button {
 	background: none;
@@ -384,9 +373,9 @@ Top Panel
 	display: block;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Deletion Drop Zone
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Deletion Drop Zone
+//
 
 #typo3-pagetree-deletionDropZone {
 	color: #FFF;
@@ -443,17 +432,17 @@ Deletion Drop Zone
 	background-color: #644d2d;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Tree Highlighting
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Tree Highlighting
+//
 
 .x-tree-node-readableRootline {
 	font-style: italic;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Indicator Bar
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Indicator Bar
+//
 
 #typo3-pagetree-indicatorBar-temporaryMountPoint {
 	background-color: #eaf7ff;
@@ -506,4 +495,4 @@ Indicator Bar
 		top: 5px;
 		position: absolute;
 	}
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less
index a683c90b5ade..f9039c8fdf99 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_pagination.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Pagination
+//
 
 .pagination {
     .t3-icon {
@@ -20,4 +11,4 @@
         display: inline-block;
         margin: -2px 0;
     }
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less
index 21fbc0f72521..f3945ff0be11 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_panel.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Panel
+//
 
 .panel {
 	margin: 3em 0;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less
index 6de74c587911..1f93d1838a82 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_rte.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Element Browser / RTE link selection
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Element Browser / RTE link selection
+//
 
 #typo3-browse-links-php {
 	background: #ececec;
@@ -158,9 +145,9 @@ input.typo3-link-input {
 	width: 250px;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Element Browser / RTE link selection
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Element Browser / RTE link selection
+//
 
 form#typo3-uplFilesForm,
 form#typo3-crFolderForm {
@@ -174,9 +161,9 @@ table#typo3-EBfiles tr td.c-wCell {
 	white-space: nowrap;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-RTE select image
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// RTE select image
+//
 
 body#ext-rte-app-rte-select-image-php {
 	a {
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less
index e8ebfd9aecf9..108d07452805 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_spinner.less
@@ -1,24 +1,10 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Animated spinner icon
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Animated spinner icon
+//
 
 span.spinner {
 	display: inline-block;
 	width: 16px;
 	height: 16px;
-
 	background-image: url('../../../../images/spinner/f1f1f1.gif');
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less
index b93047689a05..47f1da47f4ab 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tab.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Tab menu
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Tab menu
+//
 
 .nav-tabs {
 	background-color: darken(@nav-tabs-active-link-bg, 5%);
@@ -56,7 +43,10 @@ div.typo3-dyntabmenu-divs {
 	}
 }
 
-/* Foldout tabs */
+//
+// Foldout tabs
+//
+
 div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
 	margin-left: 20px;
 }
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less
index ae75bf0c4ec6..8580ab748c75 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_table.less
@@ -1,17 +1,11 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Tables
+//
+
+//
+// used in the admin tools => DB check
+//
 
-/** used in the admin tools => DB check **/
 .t3-overview-list dt {
 	padding: 0px 0px 2px 20px;
 
@@ -26,39 +20,37 @@
 	padding-left: 22px;
 }
 
-/**
- * Common style for tables
- *
- * <table class="t3-table>
- *   <thead>
- *     <tr>
- *       <th>...</th>
- *       <th>...</th>
- *     </tr>
- *   </thead>
- *   <tbody>
- *     <tr>
- *       <td>
- *         <span class="t3-icon t3-icon-treeline t3-icon-treeline-join t3-icon-join">&nbsp;</span>
- *       </td>
- *       <td>...</td>
- *     </tr>
- *   </tbody>
- * </table>
- */
+//
+// Common style for tables
+//
+// <table class="table table-striped table-hover>
+//   <thead>
+//     <tr>
+//       <th>...</th>
+//       <th>...</th>
+//     </tr>
+//   </thead>
+//   <tbody>
+//     <tr>
+//       <td>
+//         <span class="t3-icon t3-icon-treeline t3-icon-treeline-join t3-icon-join">&nbsp;</span>
+//       </td>
+//       <td>...</td>
+//     </tr>
+//   </tbody>
+// </table>
+//
 
 // Revert Bootstrap @table-bg in order to allow ExtJS and dataTable <table>
 table {
 	background: transparent;
 }
 
-/**
- * Default table styling
- **/
-.t3-table,
+//
+// Default table styling
+//
 .table {
 	background-color: @table-bg;
-	margin-bottom: 1.5em;
 	border: 1px solid @table-border-color;
 
 	* {
@@ -81,7 +73,6 @@ table {
 
 	> thead > tr {
 		background-color: darken(@table-bg, 5%);
-
 		th,
 		td {
 			border-bottom: 1px solid @table-border-color;
@@ -188,126 +179,17 @@ table {
 		white-space: nowrap;
 		text-align: right;
 	}
-}
 
-/**
- * Copy table stylings from bootstrap
- **/
-.t3-table {
-	.table();
-	.table-striped();
-	.table-hover();
-
-	// .active
-	> thead > tr,
-	> tbody > tr,
-	> tfoot > tr {
-		> td.active,
-		> th.active,
-		&.active > td,
-		&.active > th {
-			background-color: @table-bg-active;
-		}
-	}
-	> tbody > tr {
-	> td.active:hover,
-	> th.active:hover,
-		&.active:hover > td,
-		&:hover > .active,
-		&.active:hover > th {
-			background-color: darken(@table-bg-active, 5%);
-		}
+	.col-border-left {
+		border-left: 1px solid @table-border-color;
 	}
 
-	// .success
-	> thead > tr,
-	> tbody > tr,
-	> tfoot > tr {
-		> td.success,
-		> th.success,
-		&.success > td,
-		&.success > th {
-			background-color: @state-success-bg;
-		}
-	}
-	> tbody > tr {
-		> td.success:hover,
-		> th.success:hover,
-		&.success:hover > td,
-		&:hover > .success,
-		&.success:hover > th {
-			background-color: darken(@state-success-bg, 5%);
-		}
-	}
-
-	// .info
-	> thead > tr,
-	> tbody > tr,
-	> tfoot > tr {
-		> td.info,
-		> th.info,
-		&.info > td,
-		&.info > th {
-			background-color: @state-info-bg;
-		}
-	}
-	> tbody > tr {
-		> td.info:hover,
-		> th.info:hover,
-		&.info:hover > td,
-		&:hover > .info,
-		&.info:hover > th {
-			background-color: darken(@state-info-bg, 5%);
-		}
-	}
-
-	// .warning
-	> thead > tr,
-	> tbody > tr,
-	> tfoot > tr {
-		> td.warning,
-		> th.warning,
-		&.warning > td,
-		&.warning > th {
-			background-color: @state-warning-bg;
-		}
-	}
-	> tbody > tr {
-		> td.warning:hover,
-		> th.warning:hover,
-		&.warning:hover > td,
-		&:hover > .warning,
-		&.warning:hover > th {
-			background-color: darken(@state-warning-bg, 5%);
-		}
-	}
-
-	// .danger
-	> thead > tr,
-	> tbody > tr,
-	> tfoot > tr {
-		> td.danger,
-		> th.danger,
-		&.danger > td,
-		&.danger > th {
-			background-color: @state-danger-bg;
-		}
-	}
-
-	> tbody > tr {
-		> td.danger:hover,
-		> th.danger:hover,
-		&.danger:hover > td,
-		&:hover > .danger,
-		&.danger:hover > th {
-			background-color: darken(@state-danger-bg, 5%);
-		}
-	}
 }
 
-/**
- * Fits the table in the viewport and makes overflow possible
- **/
+//
+// Fits the table in the viewport and makes overflow possible
+//
+
 .table-fit {
 	width: 100%;
 	margin-bottom: 1.5em;
@@ -317,8 +199,7 @@ table {
 	-ms-overflow-style: -ms-autohiding-scrollbar;
 	border: 1px solid #ddd;
 
-	> .table,
-	> .t3-table {
+	> .table {
 		margin-top: 0;
 		margin-bottom: 0;
 		border: 0;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less
index 6d4874eca4ad..0104fd162442 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less
@@ -1,24 +1,13 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms
+//
 
 // Special handling of Tabs within FormEngine
+
 .typo3-TCEforms {
 
 	// Move dyntab inner padding into fieldset for horizontal HR (only when tabs are there)
+
 	.typo3-dyntabmenu-divs {
 		border-top: 1px solid @nav-tabs-border-color;
 	}
@@ -119,7 +108,9 @@ img.t3-TCEforms-contentchangedImg {
 	margin-right: 2px;
 	width: 16px;
 }
-/* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */
+
+// renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility
+
 img.t3-TCEforms-reqPaletteImg {
 	display: block;
 	position: absolute;
@@ -139,7 +130,9 @@ img.t3-TCEforms-reqPaletteImg {
 	z-index: 4000;
 	width: 7px;
 }
-/* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */
+
+// renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility
+
 img.t3-TCEforms-contentchangedPaletteImg {
 	display: block;
 	position: absolute;
@@ -153,7 +146,6 @@ img.t3-TCEforms-contentchangedPaletteImg {
 	width: 100%;
 }
 
-
 .typo3-TCEforms-recHeaderRow {
 	padding-top: 5px;
 	padding-bottom: 20px;
@@ -181,7 +173,6 @@ select option.c-divider {
 	padding: 2px;
 }
 
-
 .typo3-TCEforms select.icon-select option {
 	padding-left: 22px;
 }
@@ -346,9 +337,9 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable >
 	position: relative;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms suggest
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms suggest
+//
 
 div.typo3-TCEforms-suggest-position-right {
 	margin-left: 10px;
@@ -407,10 +398,9 @@ input.typo3-TCEforms-suggest-search {
 	vertical-align: middle;
 }
 
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Flexforms
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms Flexforms
+//
 
 .t3-form-field-label-flex {
 	border-top: 1px solid #c0c0c0;
@@ -421,10 +411,10 @@ TCEforms Flexforms
 	padding: 0 5px 5px;
 }
 
+//
+// TCEforms Inline-Relational-Record-Editing
+//
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Inline-Relational-Record-Editing
-- - - - - - - - - - - - - - - - - - - - - */
 .t3-form-field-container-wrap {
 	margin: 6px 0px;
 }
@@ -572,9 +562,10 @@ TCEforms Inline-Relational-Record-Editing
 	cursor: move;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Sections
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms Sections
+//
+
 .t3-flex-section-header .t3-record-title {
 	font-weight: bold;
 }
@@ -636,7 +627,8 @@ TCEforms Sections
 	text-overflow: ellipsis;
 }
 
-/* preview image in sys_file records */
+// preview image in sys_file records
+
 img.t3-tceforms-sysfile-imagepreview {
 	float: left;
 	margin-right: 10px;
@@ -651,10 +643,9 @@ img.t3-tceforms-sysfile-imagepreview {
 	z-index: 0;
 }
 
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms
+//
 
 table#typo3-altdoc-header input,
 .c-inputButton {
@@ -683,7 +674,6 @@ table#typo3-altdoc-header input,
 	top: -4px;
 }
 
-
 .typo3-TCEforms table#typo3-altdoc-header input:hover,
 .c-inputButton:hover {
 	background: none;
@@ -757,9 +747,8 @@ select option.c-divider {
 	text-transform: uppercase;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-show text of default language under the translated input field
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+// show text of default language under the translated input field
+
 .t3-form-original-language {
 	background-color: #dadada;
 	border: 1px solid #c0c0c0;
@@ -784,7 +773,7 @@ show text of default language under the translated input field
 	padding: 2px;
 }
 
-/* Default. Always used on main-palettes in the bottom of the forms */
+// Default. Always used on main-palettes in the bottom of the forms
 
 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
 	padding-right: 5px;
@@ -820,18 +809,19 @@ div.typo3-TCEforms-suggest-choises a {
 	cursor: pointer;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Flexforms
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms Flexforms
+//
+
 .t3-form-field-container-flex {
 }
 
-
 div.t3-form-field-container:first-child .t3-form-field-label-flex {
 	border-top: 0;
 }
 
-/** no separate background for dyntabs in flexforms **/
+// no separate background for dyntabs in flexforms
+
 .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
 .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
 .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
@@ -841,7 +831,8 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 	background: transparent;
 }
 
-/** tabs inside the table => flexforms */
+// tabs inside the table => flexforms
+
 .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
 .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
 .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
@@ -851,10 +842,9 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 	border: 1px solid #c0c0c0;
 }
 
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Inline-Relational-Record-Editing
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms Inline-Relational-Record-Editing
+//
 
 .t3-form-field-header-inline:hover {
 	background-color: #cccccc;
@@ -890,9 +880,9 @@ TCEforms Inline-Relational-Record-Editing
 	font-weight: bold;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Sections
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms Sections
+//
 
 .typo3-TCEforms-flexForm .bgColor4,
 .typo3-TCEforms-flexForm .bgColor5 {
@@ -959,9 +949,9 @@ TCEforms Sections
 	text-indent: 2px;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Tree
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TCEforms Tree
+//
 
 .t3-form-field-item .x-tree input.x-tree-node-cb {
 	height: auto;
@@ -969,9 +959,7 @@ TCEforms Tree
 	vertical-align: middle;
 }
 
-
-
-/* state: the form field was modified */
+// state: the form field was modified
 .t3-form-field-label.t3-form-field-state-changed {
 	color: #004fb0;
 }
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less
index 30f4f0a97515..ebf118643e06 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tree.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Trees
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Trees
+//
 
 @navigation-text: #000;
 @navigation-bg: rgb(245, 245, 245);
@@ -63,9 +50,9 @@ body#typo3-alt-db-navframe-php div.c-notice {
 	width: 95%;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Configuration trees, used in Admin Tools => Configuration
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Configuration trees, used in Admin Tools => Configuration
+//
 
 table.t3-tree-config {
 	background: #ececec;
@@ -78,9 +65,9 @@ table.t3-tree-config {
 	}
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-AJAX Page Tree
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// AJAX Page Tree
+//
 
 body#typo3-pagetree,
 body#typo3-alt-file-navframe-php {
@@ -173,8 +160,11 @@ ul #pages0_0 > ul {
 	padding-left: 0;
 }
 
-/* active tree items, we have to work against the border: 1px here,
-   otherwise tree elements would take too much space */
+//
+// active tree items, we have to work against the border: 1px here,
+// otherwise tree elements would take too much space
+//
+
 ul.tree li.active div.treeLinkItem {
 	margin: -1px 0 -1px -1px;
 }
@@ -238,7 +228,7 @@ ul.tree div.treeLinkItem span.dragIcon {
 	margin: 2px;
 }
 
-/* Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .t3-table */
+// Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .table
 
 .t3-icon-treeline {
 	display: block;
@@ -251,9 +241,9 @@ ul.tree div.treeLinkItem span.dragIcon {
 	overflow: hidden;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Tree
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Tree
+//
 
 body#typo3-pagetree,
 body#typo3-alt-file-navframe-php {
@@ -283,9 +273,9 @@ table#typo3-tree tr:hover {
 	background-color: #d7dbe2;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-AJAX Page Tree
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// AJAX Page Tree
+//
 
 #dragIcon {
 	filter: alpha(opacity=50);
@@ -306,4 +296,4 @@ AJAX Page Tree
 
 #tree-toolbar-filter-item.active {
 	background-image: url("../../../../icons/gfx/toolbar_item_active_bg.png")
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less
index 5cb69e14e7e7..ac2257c0f450 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_fonts.less
@@ -1,17 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* Include Share webfont */
+//
+// Share Font
+//
 
 @font-face {
     font-family: 'Share';
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less
index 6f2f746d5174..ca03b531dd41 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_login_screen.less
@@ -1,22 +1,14 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* Login Screen
- * Warning:
- * DO NOT prevent the copyright notice from being shown!
- * According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
- * Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
- */
+//
+// Login Screen
+//
+
+//
+// Login Screen
+// Warning:
+// DO NOT prevent the copyright notice from being shown!
+// According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
+// Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
+//
 
 #typo3-index-php {
 	background: rgb(235, 235, 235);
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less
index 945aba6abd55..9577b700138d 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_body.less
@@ -1,28 +1,15 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Body
+//
 
-/* - - - - - - - - - - - - - - - - - - - - -
-body tags
-- - - - - - - - - - - - - - - - - - - - - */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-specific wrappers
-
-The "template" class is usually instantiated as either
-noDoc or fullDoc. Both will result in the whole page
-content between the bodytags being
-wrapped in a DIV-section with a class.
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// specific wrappers
+//
+// The "template" class is usually instantiated as either
+// noDoc or fullDoc. Both will result in the whole page
+// content between the bodytags being
+// wrapped in a DIV-section with a class.
+//
 
 div.typo3-noDoc {
 	margin-left: 10px;
@@ -54,17 +41,17 @@ div#typo3-inner-docbody {
 	transition: border 0.2s ease;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Information popup, show_item.php
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Information popup, show_item.php
+//
 
 body#typo3-show-item-php {
 	padding: 12px 24px;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Decorations (shadows etc.)
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Decorations (shadows etc.)
+//
 
 .shadow-box-bottom-424 {
 	height: 3px;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less
index 940effefeeec..fea9eba6a7a6 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_content.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Content
+//
 
 // Menu icons
 @app-icon-border-radius: @border-radius-small;
@@ -18,9 +9,9 @@
 @app-icon-font-size: 21px;
 @app-icon-bg: #484848;
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 styles for basic elements
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TYPO3 styles for basic elements
+//
 
 h1 {
 	font-family: Share, Verdana, Arial, Helvetica, sans-serif;
@@ -44,24 +35,27 @@ blockquote {
 	margin-bottom: (@line-height-computed / 2);
 }
 
-/* Lists */
+// Lists
 
 ul,
 ol {
 	padding-left: 3em;
 }
 
-/* Preformatted text - not used so much in TYPO3 */
+// Preformatted text - not used so much in TYPO3
+
 pre {
 	margin: 0px;
 }
 
-/* horizontal ruler */
+// horizontal ruler
+
 div.hr {
 	height: 1px;
 }
 
-/** .uppercase is kept for backwards-compatibility, use .divider */
+// .uppercase is kept for backwards-compatibility, use .divider
+
 .divider {
 	padding-bottom: 12px;
 }
@@ -77,9 +71,9 @@ video {
 	background-color: #000;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Various classes
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Various classes
+//
 
 div.diff-r {
 	padding: 3px 3px 3px 3px;
@@ -109,9 +103,10 @@ img.absmiddle {
 	white-space: nowrap;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 styles for basic elements
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TYPO3 styles for basic elements
+//
+
 tr:hover .t3-page-ce a,
 tr:hover .x-tree a {
 	text-decoration: none;
@@ -121,7 +116,8 @@ a.t3-link {
 	text-decoration: underline;
 }
 
-/* horizontal ruler */
+// horizontal ruler
+
 hr, div.hr {
 	background: none;
 	border: none;
@@ -132,9 +128,9 @@ em {
 	font-style: italic;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Various classes
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Various classes
+//
 
 // Please use .typo3-app-icon in your extensions.
 // Wrap <img> in span>span for 16x16px horizontally and vertically centered icons (backwards compatibility)
@@ -200,14 +196,14 @@ div.diff-g {
 	color: black;
 }
 
-/** used in the admin tools => DB check **/
+// used in the admin tools => DB check
 .t3-overview-list dt {
 	font-weight: bold;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Dimmed span tag color (disabled)
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Dimmed span tag color (disabled)
+//
 
 .c-na {
 	color: #666;
@@ -218,9 +214,9 @@ Dimmed span tag color (disabled)
 	color: #cccccc;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Red span tag color (warning, notice)
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Red span tag color (warning, notice)
+//
 
 table.warningbox {
 	border: solid 2px black;
@@ -249,7 +245,8 @@ span.warningboxheader {
 	margin-left: 5px;
 }
 
-/* all buttons have the "click" mouse cursor */
+// all buttons have the "click" mouse cursor
+
 .t3-btn {
 	cursor: pointer;
 }
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less
index 56d9991b1f77..bcc1c297d995 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less
@@ -1,58 +1,24 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Form
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Form
+//
 
 #typo3-docbody form {
 	margin-bottom: 1.25em;
 }
 
-textarea,
-button {
+textarea {
 	display: inline-block;
 	margin: 0 0.5em 0.5em 0;
 	padding: 3px 6px;
 	vertical-align: middle;
 }
 
+// Limit form width globally
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Form
-- - - - - - - - - - - - - - - - - - - - - */
-
-/* Limit form width globally */
 .form-group {
 	max-width: 440px;
 }
 
-input,
-textarea,
-button {
-	background-color: #fefefe;
-	border: 1px solid #7c7c7c;
-	border-radius: 2px;
-}
-
-input:focus,
-textarea:focus,
-button:focus {
-	border-color: rgb(50, 160, 255);
-	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(50, 160, 255, 0.6);
-	outline: 0;
-}
-
 textarea.fixed-font {
 	font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
 }
@@ -65,31 +31,17 @@ input[type="checkbox"] {
 	cursor: pointer;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Buttons
-- - - - - - - - - - - - - - - - - - - - - */
-
-/* Deprecated HTML5 definitions */
-.t3-button,
-button,
-input[type=submit],
-input[type=button],
-input[type=reset] {
-	.btn;
-	.btn-default;
-}
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Groups
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Groups
+//
 
 .t3-form-field-group {
 	margin-bottom:	1.5em;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Go back A-tags
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Go back A-tags
+//
 
 a.typo3-goBack img {
 	margin-right: 5px;
@@ -105,9 +57,9 @@ a.typo3-goBack {
 	font-weight: bold;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-   Styles for the "clearable" jquery plugin.
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Styles for the "clearable" jquery plugin.
+//
 
 .t3-clearable-wrapper {
 	position: relative;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less
index 7c12592e6205..2cb66c6328e0 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_scaffolding.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 backend scaffolding
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TYPO3 backend scaffolding
+//
 
 body#typo3-backend-php {
 	margin: 0;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less
new file mode 100644
index 000000000000..8d59bd9810a1
--- /dev/null
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_type.less
@@ -0,0 +1,22 @@
+//
+// Horizontal description lists
+//
+
+.dl-horizontal {
+	@media (min-width: @grid-float-breakpoint) {
+		dt {
+			text-align: left;
+		}
+	}
+}
+
+.dl-horizontal-wide {
+	@media (min-width: @grid-float-breakpoint) {
+		dt {
+			width: (@dl-horizontal-offset * 1.5 - 20);
+		}
+		dd {
+			margin-left: @dl-horizontal-offset * 1.5;
+		}
+	}
+}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less
new file mode 100644
index 000000000000..62ff01ee9c71
--- /dev/null
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_extensionmanager.less
@@ -0,0 +1,426 @@
+//
+// Extensionmanager
+//
+
+// Tabs
+#typo3-extension-main-menu .tabs ul,
+#typo3-extension-configuration-forms .tabs ul {
+	list-style: none;
+	padding: 0;
+	margin-bottom: -1px;
+	.clearfix();
+	> li {
+		cursor: pointer;
+		&.ui-tabs-active a,
+		a.current {
+			background: white;
+			color: black;
+			border-bottom: 0;
+			padding-top: 4px;
+			cursor: default;
+		}
+		a {
+			border-radius: 4px 4px 0 0;
+			float: left;
+			height: 22px;
+			background: #dadada;
+			padding: 4px 15px;
+			margin-top: -1px;
+			margin-right: 2px;
+			border: 1px solid #adadad;
+			color: #606060;
+			outline: none;
+			&:hover {
+				background-color: #eee;
+				border-color: #adadad;
+				color: #606060;
+			}
+		}
+	}
+}
+
+// Extension list
+.typo3-extension-list {
+	.ext-icon {
+		max-height: 16px;
+		width: auto;
+	}
+}
+.typo3-extensionmanager-headerRowLeft {
+	float: left;
+}
+.typo3-extensionmanager-headerRowRight {
+	float: right;
+}
+.ui-toolbar {
+	margin-bottom: 5px;
+	.dataTables_filter {
+		float: left;
+	}
+}
+
+// Paginator
+.dataTables_info {
+	display: none;
+}
+.dataTables_paginate {
+	float: left;
+	margin: 10px 0 0;
+}
+
+// Upload form
+.uploadForm {
+	background-color: #ededed;
+	border-top: 1px solid #cdcdcd;
+	border-bottom: 1px solid #cdcdcd;
+	padding: 12px;
+	margin-bottom: 24px;
+	form {
+		.control-group {
+			clear: both;
+			margin-bottom: 5px;
+		}
+		label {
+			float: left;
+			height: 20px;
+			padding: 4px 0;
+			line-height: 20px;
+			width: 90px;
+		}
+		.control {
+			min-height: 20px;
+			padding: 4px 0;
+			margin-left: 110px;
+		}
+	}
+}
+
+// Distributions list
+.distribution {
+	border: 1px solid darken(@gray-lighter,15%);
+	background-color: @gray-lighter;
+	margin-bottom: 20px;
+	margin-left: 20px;
+	width: 300px;
+	float: left;
+	&:hover {
+		background-color: darken(@gray-lighter,3%);
+		.distribution-hover {
+			top: 0px;
+			opacity: 1;
+		}
+		.distribution-more {
+			text-decoration: underline;
+		}
+	}
+}
+.distribution-holder {
+	.clearfix();
+	top: 0px;
+	bottom: 0px;
+	margin-left: -20px;
+}
+.distribution-image {
+	position: relative;
+	width: 300px;
+	height: 225px;
+	overflow: hidden;
+	img {
+		display: block;
+		height: 100%;
+		width: 100%;
+	}
+}
+.distribution-hover {
+	background-color: @gray-lighter;
+	position: absolute;
+	top: 100%;
+	left: 0px;
+	width: 300px;
+	height: 225px;
+	overflow: hidden;
+	opacity: 0;
+	.transition(all 0.2s ease-in-out);
+}
+.distribution-hover-inner {
+	padding: 15px;
+}
+.distribution-meta {
+	border-top: 1px solid darken(@gray-lighter,10%);
+	padding: 15px;
+	.distribution-title {
+		margin: 0;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		font-size: 14px;
+	}
+	.distribution-install {
+		margin-top: 0.5em;
+	}
+	.distribution-official {
+		border: 1px solid @brand-primary;
+		background-color: @brand-primary;
+		border-radius: 2px;
+		display: inline-block;
+		padding: 3px 8px;
+		vertical-align: middle;
+		color: #FFFFFF;
+	}
+}
+
+// Distributions detail
+.distribution-detail-flashmessage {
+	margin-bottom: 2.5em;
+	p {
+		padding-bottom: 0;
+	}
+}
+.distribution-detail {
+	.clearfix();
+	min-width: 750px;
+}
+.distribution-detail-previewpane {
+	float: left;
+	margin-right: 30px;
+}
+.distribution-detail-preview {
+	display: block;
+	border: 1px solid darken(@gray-lighter,15%);
+}
+.distribution-detail-body {
+	overflow: hidden;
+	zoom: 1;
+}
+.distribution-detail-header {
+	h1 {
+		margin-bottom: 0.5em;
+	}
+	p {
+		padding: 0px;
+		max-width: 500px;
+		margin-bottom: 1.25em;
+	}
+	margin-bottom: 2.5em;
+}
+.distribution-detail-summary {
+	margin-top: 2.5em;
+	margin-bottom: 2.5em;
+}
+.distribution-installed {
+	hr {
+		margin: 2.5em 0;
+		border: 0;
+		border-top: 1px solid darken(@gray-lighter,15%);
+	}
+}
+
+// Misc
+.ui-widget-header {
+	background: none;
+	border: none;
+	font-weight: normal;
+}
+.dataTables_info {
+	font-size: 10px;
+	color: #444;
+	float: left;
+}
+.paging_two_button .ui-button {
+	float: left;
+	cursor: pointer;
+}
+.paging_full_numbers .ui-button {
+	padding: 2px 6px;
+	margin: 0;
+	cursor: pointer;
+	color: #333 !important;
+}
+.dataTables_paginate .ui-button {
+	margin-right: -0.1em !important;
+}
+.paging_full_numbers {
+	float: right;
+}
+.dataTables_paginate {
+	width: auto;
+}
+#typo3-extension-configuration-forms  {
+	min-width: 400px;
+	max-width: 900px;
+	.category {
+		background-repeat: repeat-x;
+		background-color: #fff;
+		border: 1px solid #adadad;
+		padding: 15px;
+	}
+	.group {
+		margin-bottom: 30px;
+		label {
+			display: block;
+			padding-bottom: 10px;
+		}
+		input[type=text] {
+			width: 300px;
+		}
+	}
+}
+#typo3-extension-configuration-forms #typo3-docheader-row2 .back {
+	float: right;
+}
+#typo3-extension-configuration-forms input.submit {
+	margin-top: 10px;
+}
+#typo3-extension-configuration-forms .error,
+#typo3-extension-configuration-forms .invalid {
+	border-radius: 0 4px 4px 0;
+	.box-shadow(0 0 6px #ddd);
+	height: 15px;
+	background-color: #ff2262;
+	border: 1px solid #e1e16d;
+	font-size: 11px;
+	color: #000;
+	padding: 3px 10px;
+	margin-left: -2px;
+}
+#typo3-extension-configuration-forms .info {
+	color: #666;
+	font-weight: normal;
+}
+.typo3-extension-list tr.installed td {
+	background-color: #c8ffaa;
+}
+.typo3-extension-list tr.available td {
+	background-color: #E1E1aa;
+}
+.typo3-extension-manager .insecure {
+	color: #ff2262;
+}
+.typo3-extension-manager .outdated {
+	color: #0c08ff;
+}
+.typo3-extension-manager form#extensionUploadForm {
+	margin-bottom: 0;
+	div.control-group:last-child {
+		margin-bottom: 0;
+	}
+}
+.typo3-extension-list .inactive {
+	color: rgb(170, 170, 170);
+}
+.headerTooltip,
+.tooltip {
+	.box-shadow(2px 2px 11px #666);
+	display: none;
+	width: 400px;
+	background-color: #ffa;
+	border: 1px solid #cc9;
+	padding: 3px;
+	font-size: 13px;
+	z-index: 1000;
+}
+.headerTooltip {
+	width: 150px;
+}
+
+// Loader
+#terTableWrapper {
+	position: relative;
+	.splash-receivedata {
+		display: none;
+		position: absolute;
+		top: 50px;
+		left: 50%;
+		margin: 0 0 0 -150px;
+		a {
+			display: inline-block;
+			width: 200px;
+			vertical-align: top;
+			padding: 3px 20px;
+		}
+		&.is-shown {
+			display: block;
+		}
+	}
+	.spinner {
+		display: inline-block;
+	}
+	.ui-icon {
+		width: 16px;
+		height: 16px;
+		background-image: url('../Images/ui-icons_222222_256x240.png');
+		background-position: -64px -16px;
+	}
+}
+.time-since-last-update {
+	font-weight: bold;
+	padding-right: 0.4em;
+	cursor: help;
+}
+.is-loading {
+	opacity: 0;
+}
+
+// If something is hidden
+.is-hidden {
+	display: none;
+}
+
+.typo3-extension-list {
+	// Import extension
+	.t3-icon,
+	.t3-icon:hover {
+		border: none;
+		background-color: transparent;
+	}
+	// Hide author for now
+	.author {
+		display: none;
+	}
+}
+
+// Show all versions
+.versions-all {
+	display: inline-block;
+	width: 20px;
+	text-indent: -200px;
+	overflow: hidden;
+}
+.currentVersionInfo {
+	padding: 0 0 20px 0;
+
+	td { padding: 4px 0; }
+	th { font-weight: normal; color: #8c8c8c; padding: 4px 20px 4px 0; }
+}
+span.ter-ext-state {
+	padding: 0 0 0 5px;
+	font-weight: bold;
+	text-transform: capitalize;
+}
+#typo3-docbody form.download {
+	margin-bottom: 0;
+}
+.typo3-extensionmanager-headerRowLeft {
+	display: inline-block;
+	.typo3-extensionmanager-searchTerFieldWrapper {
+		display: inline-block;
+		position: relative;
+		input {
+			height: 15px;
+		}
+		.t3-icon-input-clear {
+			position: absolute;
+			right: 3px;
+			top: 4px;
+		}
+	}
+}
+
+
+
+
+
+
+
+
+
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less
index 709d60c688b8..5dca4272c971 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_menu.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Module menu
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Module menu
+//
 
 // Module base
 @module-menu-color: #ddd;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less
index 8209814516d1..381f1638c232 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_list_sysnote.less
@@ -1,21 +1,8 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Sys notes
+//
 
-/* - - - - - - - - - - - - - - - - - - - - -
-Sys notes
-- - - - - - - - - - - - - - - - - - - - - */
-
-/* Should be added by sys_note only when necessary */
+// Should be added by sys_note only when necessary
 #typo3-dblist-sysnotes {
 	margin-top: 15px;
 
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less
index a660e3386e53..0bacb25d81a4 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_module_web_new_element.less
@@ -1,21 +1,8 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// New Record Wizard
+//
 
-/* - - - - - - - - - - - - - - - - - - - - -
--New Record Wizard
-- - - -- - - - - - - - - - - - - - - - - */
-
-/* Should be added by NewContentElementController only when necessary */
+// Should be added by NewContentElementController only when necessary
 .contentelement-wizard {
 	li {
 		margin-bottom: 10px;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
index 829b71c4ea30..d513b8c313ca 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
@@ -1,15 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
+//
+// Topbar
+//
 
 @topbar-color: #ddd;
 @topbar-height: 45px;
@@ -108,19 +99,6 @@
 	color: @topbar-navigation-color;
 	background-color: @topbar-navigation-bg;
 	float: right;
-	// Buttons
-	.btn {
-		.btn();
-	}
-	.btn.btn-default {
-		.btn-default();
-	}
-	.btn.btn-success {
-		.btn-success();
-	}
-	.btn.btn-danger {
-		.btn-danger();
-	}
 	// Shortcut
 	.shortcut {
 		min-width: 180px;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less
index 65a302128f0b..a527a67b9c37 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_move_element.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Move Element
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Move Element
+//
 
 table#typo3-ttContentList {
 	border: 1px solid #a2aab8;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less
index 155ce0f2e950..ebc9daf97106 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_version.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Workspace
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Workspace
+//
 
 div.workspace-info {
 	padding: 7px;
@@ -59,4 +46,4 @@ table.ver-verElement {
 #ver-wl-new-workspace-icon {
 	margin-right: 5px;
 	float: left;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less
index a033eabbed1a..e5216527e9c2 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_wizard.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Wizards
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Wizards
+//
 
 body#typo3-wizard-tsconfig-php {
 	margin-left: 5px;
@@ -60,4 +47,4 @@ body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent {
 
 body#typo3-wizard-colorpicker-php p.c-head {
 	margin-top: 4px;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less
index 73b87b498d2f..d800cdbfc424 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_file_list.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-File > List
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// File > List
+//
 
 table#typo3-filelist tr td div.typo3-clipCtrl {
 	float: left;
@@ -24,9 +11,10 @@ table#typo3-filelist tr td div.typo3-editCtrl {
 	padding-right: 10px;
 }
 
-/* - - - - - - - - - - - - - - - - - - - - -
-File scripts
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// File scripts
+//
+
 body#typo3-file-upload-php div#c-submit,
 body#typo3-file-upload-php div#c-upload,
 body#typo3-file-upload-php div#c-override,
@@ -50,4 +38,4 @@ body#typo3-file-newfolder-php div#c-submitFiles {
 body#typo3-file-edit-php div#c-submit,
 body#typo3-file-edit-php div#c-edit {
 	margin-top: 10px;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less
index bd935786c80d..164c22fa4a1e 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_user_ws.less
@@ -1,20 +1,7 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Styling for the module User => Workspace
- */
+//
+// Styling for the module User => Workspace
+//
 
 #typo3-mod-user-ws-index-php .typo3-dyntabmenu-divs {
 	padding: 10px;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less
index aa43702a3743..761c8e78cb66 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > List
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Web > List
+//
 
 table.typo3-dblist tr.c-table-row-spacer td {
 	display: none;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less
index 79d84a777bc4..92d6c9913cc2 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_page.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > Page
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Web > Page
+//
 
 table.t3-gridTable,
 table.t3-page-langMode {
@@ -149,4 +136,4 @@ td.t3-page-column.t3-gridCell .t3-page-colHeader {
 
 tr:first-child td.t3-page-column.t3-gridCell .t3-page-colHeader {
 	padding-top: 0;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less
index 43ee90a4598c..231fa29805e5 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_extjs_icons.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-extJS icons
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// extJS icons
+//
 
 .t3icon-ext-upload {
 	background: url('../../../../icons/gfx/upload.gif') 3px 4px no-repeat !important;
@@ -25,4 +12,4 @@ extJS icons
 
 .t3iconstyle-center {
 	background-position: center center;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less
index f8e005f51e4a..30818a9ae6f5 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_typoscript.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-TypoScript Highlighting
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// TypoScript Highlighting
+//
 
 pre.ts-hl {
 	font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
@@ -69,4 +56,4 @@ pre.ts-hl .ts-error {
 pre.ts-hl .ts-linenum {
 	background-color: #eee;
 	color: #212424;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less
index 3566b660c75b..1f3742244ac1 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_version.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Workspace
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Workspace
+//
 
 #typo3-pagetree .workspace-info {
 	background-color: #ffec97;
@@ -121,4 +108,4 @@ table.ver-subtree tr.typo3-ver-noComp td {
 
 .ver-wl-current-user {
 	font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less
index 543000a72398..c0b58adbc0f1 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_list.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-File > List
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// File > List
+//
 
 table#typo3-filelist tr td div.typo3-clipCtrl,
 table#typo3-filelist tr td div.typo3-editCtrl {
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less
index b2f5bb74e974..f422a4baec9a 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_file_upload.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-File Upload Window
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// File Upload Window
+//
 
 .t3icon-ext-upload {
 	background: url('../../../../icons/gfx/upload.gif') 1px 1px no-repeat !important;
@@ -25,4 +12,4 @@ File Upload Window
 .t3-upload-window-progressbar .x-progress-text div {
 	text-align: left;
 	text-indent: 6px;
-}
\ No newline at end of file
+}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less
deleted file mode 100644
index a913c9989a64..000000000000
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > Info
-- - - - - - - - - - - - - - - - - - - - - */
-
-table.typo3-page-sysnote tr td {
-	background-color: #d9d5c9;
-}
-table.typo3-page-sysnote tr td.c-headLine {
-	background-color: #c5c1b5;
-}
-table#langTable td.c-blocked {
-	background-color: #f6d3cf;
-}
-table#langTable td.c-ok {
-	background-color: #cdeaca;
-}
-table#langTable td.c-fallback {
-}
-table#langTable td.c-leftLine {
-	border-left: 1px solid #a2aab8;
-}
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less
deleted file mode 100644
index 774dacb552ae..000000000000
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > List
-- - - - - - - - - - - - - - - - - - - - - */
-
-table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning {
-	font-weight: bold;
-	line-height: 16px;
-	text-align: center;
-}
-
-table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
-	background-color: #ffff00;
-}
-
-table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
-	background-color: #9999cc;
-}
-
-#db_list-searchbox-toolbar {
-	padding: 5px;
-
-	.container {
-		width: 100%;
-	}
-
-	input.btn-block {
-		margin-top: 23px;
-	}
-}
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less
index bad2e90d7666..4c331a2ee3cb 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_page.less
@@ -1,19 +1,6 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > Page
-- - - - - - - - - - - - - - - - - - - - - */
+//
+// Web > Page
+//
 
 .t3-page-langMode {
 	width: 100%;
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less b/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less
index 36b701159420..4b2e5c5d42b1 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/bootstrap/variables.less
@@ -121,7 +121,7 @@
 //** Padding for `<th>`s and `<td>`s.
 @table-cell-padding:            6px;
 //** Padding for cells in `.table-condensed`.
-@table-condensed-cell-padding:  6px; /* Not supported yet in CMS */
+@table-condensed-cell-padding:  6px;
 
 //** Default background color used for all tables.
 @table-bg:                      #fafafa;
@@ -141,9 +141,9 @@
 
 @btn-font-weight:                normal;
 
-@btn-default-color:              #fff;
-@btn-default-bg:                 rgb(130, 130, 130);
-@btn-default-border:             darken(@btn-default-bg, 5%);
+@btn-default-color:              #333;
+@btn-default-bg:                 #eee;
+@btn-default-border:             #ccc;
 
 @btn-primary-color:              #fff;
 @btn-primary-bg:                 @brand-primary;
@@ -857,7 +857,7 @@
 //** Page header border color
 @page-header-border-color:    @gray-lighter;
 //** Width of horizontal description list titles
-@dl-horizontal-offset:        @component-offset-horizontal;
+@dl-horizontal-offset:        90px;
 //** Horizontal line color.
 @hr-border:                   #7a7a7a;
 
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less b/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less
index a642fa456cec..ea9801305ef5 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/t3skin.less
@@ -22,7 +22,7 @@
 @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/mixins.less";
 
 // Reset and dependencies
-// @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/normalize.less";
+@import "@{composer-package-directory-prefix}/twbs/bootstrap/less/normalize.less";
 // @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/print.less";
 // @import "@{composer-package-directory-prefix}/twbs/bootstrap/less/glyphicons.less";
 
@@ -102,6 +102,8 @@
 
 @import "TYPO3/_deprecated.less";
 
+@import "TYPO3/_main_type.less";
+
 @import "TYPO3/_debug_panel.less";
 @import "TYPO3/_element_clipboard.less";
 @import "TYPO3/_element_csh.less";
@@ -119,6 +121,7 @@
 @import "TYPO3/_element_tceforms.less";
 @import "TYPO3/_element_tree.less";
 @import "TYPO3/_element_pagination.less";
+@import "TYPO3/_element_label.less";
 @import "TYPO3/_fonts.less";
 @import "TYPO3/_login_screen.less";
 @import "TYPO3/_main_body.less";
@@ -130,6 +133,7 @@
 
 @import "TYPO3/_module_web_list_sysnote.less";
 @import "TYPO3/_module_web_new_element.less";
+@import "TYPO3/_module_extensionmanager.less";
 
 @import "TYPO3/structure/_element_move_element.less";
 @import "TYPO3/structure/_element_version.less";
@@ -144,6 +148,4 @@
 @import "TYPO3/visual/_element_version.less";
 @import "TYPO3/visual/_module_file_list.less";
 @import "TYPO3/visual/_module_file_upload.less";
-@import "TYPO3/visual/_module_web_info.less";
-@import "TYPO3/visual/_module_web_list.less";
-@import "TYPO3/visual/_module_web_page.less";
+@import "TYPO3/visual/_module_web_page.less";
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
index ecf4edded6d5..215f73390845 100644
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
@@ -10,7 +10,187 @@
  *
  * The TYPO3 project - inspiring people to share!
  */
-/* Not supported yet in CMS */
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+a {
+  background-color: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+mark {
+  background: #ff0;
+  color: #000;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+img {
+  border: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+legend {
+  border: 0;
+  padding: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: bold;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td,
+th {
+  padding: 0;
+}
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -385,7 +565,7 @@ dd {
 @media (min-width: 768px) {
   .dl-horizontal dt {
     float: left;
-    width: 160px;
+    width: 70px;
     clear: left;
     text-align: right;
     overflow: hidden;
@@ -393,7 +573,7 @@ dd {
     white-space: nowrap;
   }
   .dl-horizontal dd {
-    margin-left: 180px;
+    margin-left: 90px;
   }
 }
 abbr[title],
@@ -1904,7 +2084,7 @@ select[multiple].form-group-lg .form-control {
 .btn:hover,
 .btn:focus,
 .btn.focus {
-  color: #ffffff;
+  color: #333333;
   text-decoration: none;
 }
 .btn:active,
@@ -1925,9 +2105,9 @@ fieldset[disabled] .btn {
   box-shadow: none;
 }
 .btn-default {
-  color: #ffffff;
-  background-color: #828282;
-  border-color: #757575;
+  color: #333333;
+  background-color: #eeeeee;
+  border-color: #cccccc;
 }
 .btn-default:hover,
 .btn-default:focus,
@@ -1935,9 +2115,9 @@ fieldset[disabled] .btn {
 .btn-default:active,
 .btn-default.active,
 .open > .dropdown-toggle.btn-default {
-  color: #ffffff;
-  background-color: #696969;
-  border-color: #575757;
+  color: #333333;
+  background-color: #d5d5d5;
+  border-color: #adadad;
 }
 .btn-default:active,
 .btn-default.active,
@@ -1962,12 +2142,12 @@ fieldset[disabled] .btn-default:active,
 .btn-default.disabled.active,
 .btn-default[disabled].active,
 fieldset[disabled] .btn-default.active {
-  background-color: #828282;
-  border-color: #757575;
+  background-color: #eeeeee;
+  border-color: #cccccc;
 }
 .btn-default .badge {
-  color: #828282;
-  background-color: #ffffff;
+  color: #eeeeee;
+  background-color: #333333;
 }
 .btn-primary {
   color: #ffffff;
@@ -3593,7 +3773,11 @@ a.label:focus {
   position: relative;
   top: -1px;
 }
-.label-default {
+.label-default,
+.label-obsolete,
+.label-experimental,
+.label-test,
+.label-excludeFromUpdates {
   background-color: #d7d7d7;
 }
 .label-default[href]:hover,
@@ -3607,7 +3791,8 @@ a.label:focus {
 .label-primary[href]:focus {
   background-color: #005db3;
 }
-.label-success {
+.label-success,
+.label-stable {
   background-color: #1eb941;
 }
 .label-success[href]:hover,
@@ -3621,14 +3806,16 @@ a.label:focus {
 .label-info[href]:focus {
   background-color: #249cc6;
 }
-.label-warning {
+.label-warning,
+.label-beta {
   background-color: #f07814;
 }
 .label-warning[href]:hover,
 .label-warning[href]:focus {
   background-color: #c4600d;
 }
-.label-danger {
+.label-danger,
+.label-alpha {
   background-color: #c83c3c;
 }
 .label-danger[href]:hover,
@@ -6886,18 +7073,6 @@ button.close {
 /*!
  * TYPO3
  */
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
 .t3-row-header {
   background-color: #666;
 }
@@ -6909,14 +7084,9 @@ button.close {
   background-color: #585858;
   color: #fff;
 }
-table.t3-table-info {
-  background: #ffffff;
-  border: 1px solid #cccccc;
-}
 .t3-col-header,
 .t3-row-header,
-.tableheader td,
-table.t3-table-info td {
+.tableheader td {
   padding: 6px;
 }
 .t3-row-header span.t3-icon {
@@ -6937,9 +7107,6 @@ table.t3-table-info td {
 .nobr {
   white-space: nowrap;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Background color classes
-- - - - - - - - - - - - - - - - - - - - - */
 .bgColor-20 {
   background-color: #e3dfdb;
 }
@@ -7117,21 +7284,19 @@ Background color classes
 .message-error a {
   color: #aa0225;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 debug panel
-- - - - - - - - - - - - - - - - - - - - - */
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    text-align: left;
+  }
+}
+@media (min-width: 768px) {
+  .dl-horizontal-wide dt {
+    width: 115px;
+  }
+  .dl-horizontal-wide dd {
+    margin-left: 135px;
+  }
+}
 .typo3-debugPanel-dragDropArrowDown {
   background-image: url('../../../../icons/gfx/arrowdown.png');
   display: block;
@@ -7143,21 +7308,6 @@ TYPO3 debug panel
   top: 0;
   left: 0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Clipboard
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-clipboard {
   background-color: #efeff4;
   border: 1px solid #a2aab8;
@@ -7186,21 +7336,6 @@ table#typo3-clipboard tr.bgColor5 td a {
 table#typo3-clipboard tr.bgColor5 td img {
   vertical-align: middle;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Context sensitive help
-- - - - - - - - - - - - - - - - - - - - - */
 .typo3-csh-inline {
   padding: 4px;
 }
@@ -7282,7 +7417,6 @@ div.typo3-view-help .introduction {
 div.typo3-view-help img.c-inlineimg {
   margin-left: 10px;
 }
-/*** new help code ***/
 .t3-help-inline {
   padding: 4px;
 }
@@ -7364,7 +7498,6 @@ div.t3-view-help .introduction {
 div.t3-view-help img.c-inlineimg {
   margin-left: 10px;
 }
-/** ExtJS based CSH tooltips */
 .x-tip.typo3-csh-tooltip .x-tip-tl,
 .x-tip.typo3-csh-tooltip .x-tip-cl {
   padding-left: 8px;
@@ -7373,9 +7506,6 @@ div.t3-view-help img.c-inlineimg {
 .x-tip.typo3-csh-tooltip .x-tip-cr {
   padding-right: 8px;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Context Sensitive Help (CSH)
-- - - - - - - - - - - - - - - - - - - - - */
 table.typo3-csh-inline {
   background-color: #ffffc7;
   border: 1px solid #cccccc;
@@ -7396,7 +7526,6 @@ img.typo3-csh-icon {
 a.typo3-csh-link {
   white-space: normal;
 }
-/** new CSH code **/
 table.t3-help-inline {
   background-color: #ffffc7;
   border: 1px solid #cccccc;
@@ -7424,7 +7553,6 @@ img.t3-help-icon {
 a.t3-help-link {
   white-space: normal;
 }
-/*  EXT:cshmanual */
 div.typo3-view-help h1 {
   background: none;
   color: #000;
@@ -7442,34 +7570,12 @@ div.typo3-view-help div.c-toc a,
 div.typo3-view-help p a {
   text-decoration: underline;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
-Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
-- - - - - - - - - - - - - - - - - - - - - */
 .typo3-CSM-wrapperCM {
   background: #fff;
   border: #b6b6b6 1px solid;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
-Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
-- - - - - - - - - - - - - - - - - - - - - */
 table.typo3-CSM tr.typo3-CSM-itemRow td {
   padding: 2px 6px;
-  /* the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
-			   see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks */
 }
 table.typo3-CSM tr.typo3-CSM-itemRow td .t3-icon {
   vertical-align: bottom;
@@ -7486,14 +7592,9 @@ table.typo3-CSM tr.typo3-CSM-itemRow {
 table.typo3-CSM tr.bgColor2 {
   background-color: #b6b6b6;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-special backend elements
-- - - - - - - - - - - - - - - - - - - - - */
-/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
 body#typo3-alt-clickmenu-php {
   margin-top: 10px;
 }
-/* Context Sensitive Menu / Top frame (alt_clickmenu.php): */
 #contentMenu0 {
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
 }
@@ -7505,21 +7606,6 @@ div#contentMenu1 {
   position: absolute;
   z-index: 20;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-DocHeader
-- - - - - - - - - - - - - - - - - - - - - */
 #typo3-docheader {
   background-color: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
   background: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
@@ -7533,7 +7619,6 @@ DocHeader
 }
 #typo3-docheader .left {
   float: left;
-  /** Extra margin 6px added to it-icon margin, doubled spacing = 12px */
 }
 #typo3-docheader .left .buttongroup {
   float: left !important;
@@ -7563,7 +7648,6 @@ DocHeader
   line-height: 27px;
   padding: 0 24px;
   overflow: hidden;
-  /* overwrite defaults from normalize.css */
 }
 #typo3-docheader .typo3-docheader-functions a {
   color: #2d2d2d;
@@ -7587,17 +7671,11 @@ DocHeader
 #typo3-docheader .typo3-docheader-buttons a:hover {
   color: #000;
 }
-/**
- * ExtJS Viewport
- */
-/* Collapsed tree frame is not invisible, but 5px wide.
-   If no tree frame is in use, an empty container is shown instead */
 #typo3-navigationContainer-xsplit,
 #typo3-navigationContainer-xcollapsed,
 #typo3-navigationDummy {
   background: #ffffff url(../../Images/docheader-split-background.png) left top repeat-x;
 }
-/** ExtJS theme for PageTree */
 #typo3-pagetree-topPanelItems {
   background-color: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
   background: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
@@ -7625,21 +7703,6 @@ DocHeader
 #typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-body a:hover {
   color: #000;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-History / Undo
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-history tr.c-head td,
 table#typo3-history-item tr.c-head td,
 table#typo3-history tr.c-head td,
@@ -7656,18 +7719,6 @@ table#typo3-history img,
 table#typo3-history-item img {
   margin: 1px 1px 1px 1px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
 #alert-container {
   width: 400px;
   position: absolute;
@@ -7726,22 +7777,10 @@ table#typo3-history-item img {
 .alert-danger a:hover {
   color: #a32e2e;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
 .modal.t3-modal-notice .modal-header {
-  background-color: #828282;
-  color: #ffffff;
-  border-bottom-color: #757575;
+  background-color: #eeeeee;
+  color: #333333;
+  border-bottom-color: #cccccc;
 }
 .modal.t3-modal-info .modal-header {
   background-color: #41b4dc;
@@ -7798,21 +7837,6 @@ table#typo3-history-item img {
   border: none;
   overflow: hidden;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Pagetree
-- - - - - - - - - - - - - - - - - - - - - */
 #typo3-pagetree {
   height: 100%;
 }
@@ -7887,7 +7911,6 @@ Pagetree
 }
 #typo3-pagetree .x-unselectable,
 #typo3-pagetree .x-unselectable * {
-  /* restore behaviour from x-tree-node-el which gets overwritten by x-unselectable in default-css */
   cursor: pointer;
 }
 #typo3-pagetree .ver-element,
@@ -7908,9 +7931,6 @@ Pagetree
   color: #FFF;
   padding: 0;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Drag and Drop
-- - - - - - - - - - - - - - - - - - - - - */
 .x-tree-lines .typo3-pagetree-node-notExpandable .x-tree-ec-icon {
   visibility: hidden;
 }
@@ -8004,9 +8024,6 @@ Drag and Drop
   background-color: inherit;
   border: none;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Top Panel
-- - - - - - - - - - - - - - - - - - - - - */
 .typo3-pagetree-topPanel-button {
   background: none;
   border: none;
@@ -8099,9 +8116,6 @@ Top Panel
 .typo3-pagetree-topPanel-item .x-form-field-trigger-wrap:hover .x-form-trigger {
   display: block;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Deletion Drop Zone
-- - - - - - - - - - - - - - - - - - - - - */
 #typo3-pagetree-deletionDropZone {
   color: #FFF;
   background-color: #585858;
@@ -8149,15 +8163,9 @@ Deletion Drop Zone
 #typo3-pagetree .typo3-pagetree-deletionDropZone-activateProxyOver {
   background-color: #644d2d;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Tree Highlighting
-- - - - - - - - - - - - - - - - - - - - - */
 .x-tree-node-readableRootline {
   font-style: italic;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Indicator Bar
-- - - - - - - - - - - - - - - - - - - - - */
 #typo3-pagetree-indicatorBar-temporaryMountPoint {
   background-color: #eaf7ff;
   border-bottom: 1px solid #c5dbe6;
@@ -8199,21 +8207,6 @@ Indicator Bar
   top: 5px;
   position: absolute;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Element Browser / RTE link selection
-- - - - - - - - - - - - - - - - - - - - - */
 #typo3-browse-links-php {
   background: #ececec;
   background-image: linear-gradient(center top, #ffffff 30px, #ececec 130px);
@@ -8316,9 +8309,6 @@ table#typo3-msgBox tr td {
 input.typo3-link-input {
   width: 250px;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Element Browser / RTE link selection
-- - - - - - - - - - - - - - - - - - - - - */
 form#typo3-uplFilesForm,
 form#typo3-crFolderForm {
   border-top: 1px solid #adadad;
@@ -8329,51 +8319,18 @@ table#typo3-EBrecords tr td.c-wCell,
 table#typo3-EBfiles tr td.c-wCell {
   white-space: nowrap;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-RTE select image
-- - - - - - - - - - - - - - - - - - - - - */
 body#ext-rte-app-rte-select-image-php a {
   text-decoration: none;
 }
 body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a {
   text-decoration: underline;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Animated spinner icon
-- - - - - - - - - - - - - - - - - - - - - */
 span.spinner {
   display: inline-block;
   width: 16px;
   height: 16px;
   background-image: url('../../../../images/spinner/f1f1f1.gif');
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Tab menu
-- - - - - - - - - - - - - - - - - - - - - */
 .nav-tabs {
   background-color: #ededed;
 }
@@ -8402,7 +8359,6 @@ div.typo3-dyntabmenu-divs p.c-descr {
   background: #e7dba8;
   font-style: italic;
 }
-/* Foldout tabs */
 div.typo3-dyntabmenu-divs-foldout div.c-tablayer {
   margin-left: 20px;
 }
@@ -8444,19 +8400,6 @@ div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
   margin: 0;
   padding: 0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/** used in the admin tools => DB check **/
 .t3-overview-list dt {
   padding: 0px 0px 2px 20px;
 }
@@ -8468,76 +8411,38 @@ div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
   margin: 2px 0 15px 20px;
   padding-left: 22px;
 }
-/**
- * Common style for tables
- *
- * <table class="t3-table>
- *   <thead>
- *     <tr>
- *       <th>...</th>
- *       <th>...</th>
- *     </tr>
- *   </thead>
- *   <tbody>
- *     <tr>
- *       <td>
- *         <span class="t3-icon t3-icon-treeline t3-icon-treeline-join t3-icon-join">&nbsp;</span>
- *       </td>
- *       <td>...</td>
- *     </tr>
- *   </tbody>
- * </table>
- */
 table {
   background: transparent;
 }
-/**
- * Default table styling
- **/
-.t3-table,
 .table {
   background-color: #fafafa;
-  margin-bottom: 1.5em;
   border: 1px solid #cccccc;
 }
-.t3-table *,
 .table * {
   box-sizing: border-box;
 }
-.t3-table > thead > tr > th,
 .table > thead > tr > th,
-.t3-table > tbody > tr > th,
 .table > tbody > tr > th,
-.t3-table > tfoot > tr > th,
 .table > tfoot > tr > th {
   white-space: nowrap;
   vertical-align: middle;
 }
-.t3-table > thead > tr > td,
 .table > thead > tr > td,
-.t3-table > tbody > tr > td,
 .table > tbody > tr > td,
-.t3-table > tfoot > tr > td,
 .table > tfoot > tr > td {
   vertical-align: middle;
 }
-.t3-table > thead > tr,
 .table > thead > tr {
   background-color: #ededed;
 }
-.t3-table > thead > tr th,
 .table > thead > tr th,
-.t3-table > thead > tr td,
 .table > thead > tr td {
   border-bottom: 1px solid #cccccc;
 }
-.t3-table > thead > tr th i,
 .table > thead > tr th i,
-.t3-table > thead > tr td i,
 .table > thead > tr td i {
   font-weight: normal;
 }
-.t3-table .btn,
 .table .btn {
   padding: 4px 4px;
   font-size: 11px;
@@ -8549,474 +8454,294 @@ table {
   margin-top: -2px;
   margin-bottom: -2px;
 }
-.t3-table .btn:hover,
 .table .btn:hover {
   border-color: #ababab;
   background-color: #c4c4c4;
 }
-.t3-table .btn .t3-icon,
 .table .btn .t3-icon {
   margin: 0;
 }
-.t3-table .btn.btn-danger,
 .table .btn.btn-danger {
   color: #ffffff;
   background-color: #c83c3c;
   border-color: #b73434;
 }
-.t3-table .btn.btn-danger:hover,
 .table .btn.btn-danger:hover,
-.t3-table .btn.btn-danger:focus,
 .table .btn.btn-danger:focus,
-.t3-table .btn.btn-danger.focus,
 .table .btn.btn-danger.focus,
-.t3-table .btn.btn-danger:active,
 .table .btn.btn-danger:active,
-.t3-table .btn.btn-danger.active,
 .table .btn.btn-danger.active,
-.open > .dropdown-toggle.t3-table .btn.btn-danger,
 .open > .dropdown-toggle.table .btn.btn-danger {
   color: #ffffff;
   background-color: #a32e2e;
   border-color: #872626;
 }
-.t3-table .btn.btn-danger:active,
 .table .btn.btn-danger:active,
-.t3-table .btn.btn-danger.active,
 .table .btn.btn-danger.active,
-.open > .dropdown-toggle.t3-table .btn.btn-danger,
 .open > .dropdown-toggle.table .btn.btn-danger {
   background-image: none;
 }
-.t3-table .btn.btn-danger.disabled,
 .table .btn.btn-danger.disabled,
-.t3-table .btn.btn-danger[disabled],
 .table .btn.btn-danger[disabled],
-fieldset[disabled] .t3-table .btn.btn-danger,
 fieldset[disabled] .table .btn.btn-danger,
-.t3-table .btn.btn-danger.disabled:hover,
 .table .btn.btn-danger.disabled:hover,
-.t3-table .btn.btn-danger[disabled]:hover,
 .table .btn.btn-danger[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-danger:hover,
 fieldset[disabled] .table .btn.btn-danger:hover,
-.t3-table .btn.btn-danger.disabled:focus,
 .table .btn.btn-danger.disabled:focus,
-.t3-table .btn.btn-danger[disabled]:focus,
 .table .btn.btn-danger[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-danger:focus,
 fieldset[disabled] .table .btn.btn-danger:focus,
-.t3-table .btn.btn-danger.disabled.focus,
 .table .btn.btn-danger.disabled.focus,
-.t3-table .btn.btn-danger[disabled].focus,
 .table .btn.btn-danger[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-danger.focus,
 fieldset[disabled] .table .btn.btn-danger.focus,
-.t3-table .btn.btn-danger.disabled:active,
 .table .btn.btn-danger.disabled:active,
-.t3-table .btn.btn-danger[disabled]:active,
 .table .btn.btn-danger[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-danger:active,
 fieldset[disabled] .table .btn.btn-danger:active,
-.t3-table .btn.btn-danger.disabled.active,
 .table .btn.btn-danger.disabled.active,
-.t3-table .btn.btn-danger[disabled].active,
 .table .btn.btn-danger[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-danger.active,
 fieldset[disabled] .table .btn.btn-danger.active {
   background-color: #c83c3c;
   border-color: #b73434;
 }
-.t3-table .btn.btn-danger .badge,
 .table .btn.btn-danger .badge {
   color: #c83c3c;
   background-color: #ffffff;
 }
-.t3-table .btn.btn-success,
 .table .btn.btn-success {
   color: #ffffff;
   background-color: #1eb941;
   border-color: #1aa339;
 }
-.t3-table .btn.btn-success:hover,
 .table .btn.btn-success:hover,
-.t3-table .btn.btn-success:focus,
 .table .btn.btn-success:focus,
-.t3-table .btn.btn-success.focus,
 .table .btn.btn-success.focus,
-.t3-table .btn.btn-success:active,
 .table .btn.btn-success:active,
-.t3-table .btn.btn-success.active,
 .table .btn.btn-success.active,
-.open > .dropdown-toggle.t3-table .btn.btn-success,
 .open > .dropdown-toggle.table .btn.btn-success {
   color: #ffffff;
   background-color: #178d32;
   border-color: #126e27;
 }
-.t3-table .btn.btn-success:active,
 .table .btn.btn-success:active,
-.t3-table .btn.btn-success.active,
 .table .btn.btn-success.active,
-.open > .dropdown-toggle.t3-table .btn.btn-success,
 .open > .dropdown-toggle.table .btn.btn-success {
   background-image: none;
 }
-.t3-table .btn.btn-success.disabled,
 .table .btn.btn-success.disabled,
-.t3-table .btn.btn-success[disabled],
 .table .btn.btn-success[disabled],
-fieldset[disabled] .t3-table .btn.btn-success,
 fieldset[disabled] .table .btn.btn-success,
-.t3-table .btn.btn-success.disabled:hover,
 .table .btn.btn-success.disabled:hover,
-.t3-table .btn.btn-success[disabled]:hover,
 .table .btn.btn-success[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-success:hover,
 fieldset[disabled] .table .btn.btn-success:hover,
-.t3-table .btn.btn-success.disabled:focus,
 .table .btn.btn-success.disabled:focus,
-.t3-table .btn.btn-success[disabled]:focus,
 .table .btn.btn-success[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-success:focus,
 fieldset[disabled] .table .btn.btn-success:focus,
-.t3-table .btn.btn-success.disabled.focus,
 .table .btn.btn-success.disabled.focus,
-.t3-table .btn.btn-success[disabled].focus,
 .table .btn.btn-success[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-success.focus,
 fieldset[disabled] .table .btn.btn-success.focus,
-.t3-table .btn.btn-success.disabled:active,
 .table .btn.btn-success.disabled:active,
-.t3-table .btn.btn-success[disabled]:active,
 .table .btn.btn-success[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-success:active,
 fieldset[disabled] .table .btn.btn-success:active,
-.t3-table .btn.btn-success.disabled.active,
 .table .btn.btn-success.disabled.active,
-.t3-table .btn.btn-success[disabled].active,
 .table .btn.btn-success[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-success.active,
 fieldset[disabled] .table .btn.btn-success.active {
   background-color: #1eb941;
   border-color: #1aa339;
 }
-.t3-table .btn.btn-success .badge,
 .table .btn.btn-success .badge {
   color: #1eb941;
   background-color: #ffffff;
 }
-.t3-table .btn.btn-warning,
 .table .btn.btn-warning {
   color: #ffffff;
   background-color: #f07814;
   border-color: #dc6c0e;
 }
-.t3-table .btn.btn-warning:hover,
 .table .btn.btn-warning:hover,
-.t3-table .btn.btn-warning:focus,
 .table .btn.btn-warning:focus,
-.t3-table .btn.btn-warning.focus,
 .table .btn.btn-warning.focus,
-.t3-table .btn.btn-warning:active,
 .table .btn.btn-warning:active,
-.t3-table .btn.btn-warning.active,
 .table .btn.btn-warning.active,
-.open > .dropdown-toggle.t3-table .btn.btn-warning,
 .open > .dropdown-toggle.table .btn.btn-warning {
   color: #ffffff;
   background-color: #c4600d;
   border-color: #a3500a;
 }
-.t3-table .btn.btn-warning:active,
 .table .btn.btn-warning:active,
-.t3-table .btn.btn-warning.active,
 .table .btn.btn-warning.active,
-.open > .dropdown-toggle.t3-table .btn.btn-warning,
 .open > .dropdown-toggle.table .btn.btn-warning {
   background-image: none;
 }
-.t3-table .btn.btn-warning.disabled,
 .table .btn.btn-warning.disabled,
-.t3-table .btn.btn-warning[disabled],
 .table .btn.btn-warning[disabled],
-fieldset[disabled] .t3-table .btn.btn-warning,
 fieldset[disabled] .table .btn.btn-warning,
-.t3-table .btn.btn-warning.disabled:hover,
 .table .btn.btn-warning.disabled:hover,
-.t3-table .btn.btn-warning[disabled]:hover,
 .table .btn.btn-warning[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-warning:hover,
 fieldset[disabled] .table .btn.btn-warning:hover,
-.t3-table .btn.btn-warning.disabled:focus,
 .table .btn.btn-warning.disabled:focus,
-.t3-table .btn.btn-warning[disabled]:focus,
 .table .btn.btn-warning[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-warning:focus,
 fieldset[disabled] .table .btn.btn-warning:focus,
-.t3-table .btn.btn-warning.disabled.focus,
 .table .btn.btn-warning.disabled.focus,
-.t3-table .btn.btn-warning[disabled].focus,
 .table .btn.btn-warning[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-warning.focus,
 fieldset[disabled] .table .btn.btn-warning.focus,
-.t3-table .btn.btn-warning.disabled:active,
 .table .btn.btn-warning.disabled:active,
-.t3-table .btn.btn-warning[disabled]:active,
 .table .btn.btn-warning[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-warning:active,
 fieldset[disabled] .table .btn.btn-warning:active,
-.t3-table .btn.btn-warning.disabled.active,
 .table .btn.btn-warning.disabled.active,
-.t3-table .btn.btn-warning[disabled].active,
 .table .btn.btn-warning[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-warning.active,
 fieldset[disabled] .table .btn.btn-warning.active {
   background-color: #f07814;
   border-color: #dc6c0e;
 }
-.t3-table .btn.btn-warning .badge,
 .table .btn.btn-warning .badge {
   color: #f07814;
   background-color: #ffffff;
 }
-.t3-table .btn.btn-info,
 .table .btn.btn-info {
   color: #ffffff;
   background-color: #41b4dc;
   border-color: #2bacd8;
 }
-.t3-table .btn.btn-info:hover,
 .table .btn.btn-info:hover,
-.t3-table .btn.btn-info:focus,
 .table .btn.btn-info:focus,
-.t3-table .btn.btn-info.focus,
 .table .btn.btn-info.focus,
-.t3-table .btn.btn-info:active,
 .table .btn.btn-info:active,
-.t3-table .btn.btn-info.active,
 .table .btn.btn-info.active,
-.open > .dropdown-toggle.t3-table .btn.btn-info,
 .open > .dropdown-toggle.table .btn.btn-info {
   color: #ffffff;
   background-color: #249cc6;
   border-color: #1f84a7;
 }
-.t3-table .btn.btn-info:active,
 .table .btn.btn-info:active,
-.t3-table .btn.btn-info.active,
 .table .btn.btn-info.active,
-.open > .dropdown-toggle.t3-table .btn.btn-info,
 .open > .dropdown-toggle.table .btn.btn-info {
   background-image: none;
 }
-.t3-table .btn.btn-info.disabled,
 .table .btn.btn-info.disabled,
-.t3-table .btn.btn-info[disabled],
 .table .btn.btn-info[disabled],
-fieldset[disabled] .t3-table .btn.btn-info,
 fieldset[disabled] .table .btn.btn-info,
-.t3-table .btn.btn-info.disabled:hover,
 .table .btn.btn-info.disabled:hover,
-.t3-table .btn.btn-info[disabled]:hover,
 .table .btn.btn-info[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-info:hover,
 fieldset[disabled] .table .btn.btn-info:hover,
-.t3-table .btn.btn-info.disabled:focus,
 .table .btn.btn-info.disabled:focus,
-.t3-table .btn.btn-info[disabled]:focus,
 .table .btn.btn-info[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-info:focus,
 fieldset[disabled] .table .btn.btn-info:focus,
-.t3-table .btn.btn-info.disabled.focus,
 .table .btn.btn-info.disabled.focus,
-.t3-table .btn.btn-info[disabled].focus,
 .table .btn.btn-info[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-info.focus,
 fieldset[disabled] .table .btn.btn-info.focus,
-.t3-table .btn.btn-info.disabled:active,
 .table .btn.btn-info.disabled:active,
-.t3-table .btn.btn-info[disabled]:active,
 .table .btn.btn-info[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-info:active,
 fieldset[disabled] .table .btn.btn-info:active,
-.t3-table .btn.btn-info.disabled.active,
 .table .btn.btn-info.disabled.active,
-.t3-table .btn.btn-info[disabled].active,
 .table .btn.btn-info[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-info.active,
 fieldset[disabled] .table .btn.btn-info.active {
   background-color: #41b4dc;
   border-color: #2bacd8;
 }
-.t3-table .btn.btn-info .badge,
 .table .btn.btn-info .badge {
   color: #41b4dc;
   background-color: #ffffff;
 }
-.t3-table .btn.btn-default,
 .table .btn.btn-default {
-  color: #ffffff;
-  background-color: #828282;
-  border-color: #757575;
+  color: #333333;
+  background-color: #eeeeee;
+  border-color: #cccccc;
 }
-.t3-table .btn.btn-default:hover,
 .table .btn.btn-default:hover,
-.t3-table .btn.btn-default:focus,
 .table .btn.btn-default:focus,
-.t3-table .btn.btn-default.focus,
 .table .btn.btn-default.focus,
-.t3-table .btn.btn-default:active,
 .table .btn.btn-default:active,
-.t3-table .btn.btn-default.active,
 .table .btn.btn-default.active,
-.open > .dropdown-toggle.t3-table .btn.btn-default,
 .open > .dropdown-toggle.table .btn.btn-default {
-  color: #ffffff;
-  background-color: #696969;
-  border-color: #575757;
+  color: #333333;
+  background-color: #d5d5d5;
+  border-color: #adadad;
 }
-.t3-table .btn.btn-default:active,
 .table .btn.btn-default:active,
-.t3-table .btn.btn-default.active,
 .table .btn.btn-default.active,
-.open > .dropdown-toggle.t3-table .btn.btn-default,
 .open > .dropdown-toggle.table .btn.btn-default {
   background-image: none;
 }
-.t3-table .btn.btn-default.disabled,
 .table .btn.btn-default.disabled,
-.t3-table .btn.btn-default[disabled],
 .table .btn.btn-default[disabled],
-fieldset[disabled] .t3-table .btn.btn-default,
 fieldset[disabled] .table .btn.btn-default,
-.t3-table .btn.btn-default.disabled:hover,
 .table .btn.btn-default.disabled:hover,
-.t3-table .btn.btn-default[disabled]:hover,
 .table .btn.btn-default[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-default:hover,
 fieldset[disabled] .table .btn.btn-default:hover,
-.t3-table .btn.btn-default.disabled:focus,
 .table .btn.btn-default.disabled:focus,
-.t3-table .btn.btn-default[disabled]:focus,
 .table .btn.btn-default[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-default:focus,
 fieldset[disabled] .table .btn.btn-default:focus,
-.t3-table .btn.btn-default.disabled.focus,
 .table .btn.btn-default.disabled.focus,
-.t3-table .btn.btn-default[disabled].focus,
 .table .btn.btn-default[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-default.focus,
 fieldset[disabled] .table .btn.btn-default.focus,
-.t3-table .btn.btn-default.disabled:active,
 .table .btn.btn-default.disabled:active,
-.t3-table .btn.btn-default[disabled]:active,
 .table .btn.btn-default[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-default:active,
 fieldset[disabled] .table .btn.btn-default:active,
-.t3-table .btn.btn-default.disabled.active,
 .table .btn.btn-default.disabled.active,
-.t3-table .btn.btn-default[disabled].active,
 .table .btn.btn-default[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-default.active,
 fieldset[disabled] .table .btn.btn-default.active {
-  background-color: #828282;
-  border-color: #757575;
+  background-color: #eeeeee;
+  border-color: #cccccc;
 }
-.t3-table .btn.btn-default .badge,
 .table .btn.btn-default .badge {
-  color: #828282;
-  background-color: #ffffff;
+  color: #eeeeee;
+  background-color: #333333;
 }
-.t3-table .btn.btn-primary,
 .table .btn.btn-primary {
   color: #ffffff;
   background-color: #0078e6;
   border-color: #006bcd;
 }
-.t3-table .btn.btn-primary:hover,
 .table .btn.btn-primary:hover,
-.t3-table .btn.btn-primary:focus,
 .table .btn.btn-primary:focus,
-.t3-table .btn.btn-primary.focus,
 .table .btn.btn-primary.focus,
-.t3-table .btn.btn-primary:active,
 .table .btn.btn-primary:active,
-.t3-table .btn.btn-primary.active,
 .table .btn.btn-primary.active,
-.open > .dropdown-toggle.t3-table .btn.btn-primary,
 .open > .dropdown-toggle.table .btn.btn-primary {
   color: #ffffff;
   background-color: #005db3;
   border-color: #004b8f;
 }
-.t3-table .btn.btn-primary:active,
 .table .btn.btn-primary:active,
-.t3-table .btn.btn-primary.active,
 .table .btn.btn-primary.active,
-.open > .dropdown-toggle.t3-table .btn.btn-primary,
 .open > .dropdown-toggle.table .btn.btn-primary {
   background-image: none;
 }
-.t3-table .btn.btn-primary.disabled,
 .table .btn.btn-primary.disabled,
-.t3-table .btn.btn-primary[disabled],
 .table .btn.btn-primary[disabled],
-fieldset[disabled] .t3-table .btn.btn-primary,
 fieldset[disabled] .table .btn.btn-primary,
-.t3-table .btn.btn-primary.disabled:hover,
 .table .btn.btn-primary.disabled:hover,
-.t3-table .btn.btn-primary[disabled]:hover,
 .table .btn.btn-primary[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-primary:hover,
 fieldset[disabled] .table .btn.btn-primary:hover,
-.t3-table .btn.btn-primary.disabled:focus,
 .table .btn.btn-primary.disabled:focus,
-.t3-table .btn.btn-primary[disabled]:focus,
 .table .btn.btn-primary[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-primary:focus,
 fieldset[disabled] .table .btn.btn-primary:focus,
-.t3-table .btn.btn-primary.disabled.focus,
 .table .btn.btn-primary.disabled.focus,
-.t3-table .btn.btn-primary[disabled].focus,
 .table .btn.btn-primary[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-primary.focus,
 fieldset[disabled] .table .btn.btn-primary.focus,
-.t3-table .btn.btn-primary.disabled:active,
 .table .btn.btn-primary.disabled:active,
-.t3-table .btn.btn-primary[disabled]:active,
 .table .btn.btn-primary[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-primary:active,
 fieldset[disabled] .table .btn.btn-primary:active,
-.t3-table .btn.btn-primary.disabled.active,
 .table .btn.btn-primary.disabled.active,
-.t3-table .btn.btn-primary[disabled].active,
 .table .btn.btn-primary[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-primary.active,
 fieldset[disabled] .table .btn.btn-primary.active {
   background-color: #0078e6;
   border-color: #006bcd;
 }
-.t3-table .btn.btn-primary .badge,
 .table .btn.btn-primary .badge {
   color: #0078e6;
   background-color: #ffffff;
 }
-.t3-table .btn-group,
 .table .btn-group {
   font-size: 0;
 }
-.t3-table .btn-group .btn,
 .table .btn-group .btn {
   font-size: 12px;
   float: none;
 }
-.t3-table .btn-checkbox-holder,
 .table .btn-checkbox-holder {
   position: relative;
   display: inline-block;
 }
-.t3-table .btn-checkbox-holder .btn-checkbox,
 .table .btn-checkbox-holder .btn-checkbox {
   position: absolute;
   top: 0;
@@ -9025,1090 +8750,454 @@ fieldset[disabled] .table .btn.btn-primary.active {
   opacity: 0;
   z-index: 10;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox] + .btn .t3-icon:before,
 .table .btn-checkbox-holder input[type=checkbox] + .btn .t3-icon:before {
   content: "\f096";
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn {
   color: #ffffff;
   background-color: #0078e6;
   border-color: #006bcd;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
-.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn,
 .open > .dropdown-toggle.table .btn-checkbox-holder input[type=checkbox]:checked + .btn {
   color: #ffffff;
   background-color: #005db3;
   border-color: #004b8f;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
-.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn,
 .open > .dropdown-toggle.table .btn-checkbox-holder input[type=checkbox]:checked + .btn {
   background-image: none;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled],
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled],
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:hover,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:hover,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:hover,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:hover,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:focus,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.focus,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:active,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].active,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].active,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active {
   background-color: #0078e6;
   border-color: #006bcd;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .badge,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn .badge {
   color: #0078e6;
   background-color: #ffffff;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .t3-icon:before,
 .table .btn-checkbox-holder input[type=checkbox]:checked + .btn .t3-icon:before {
   content: "\f00c";
 }
-.t3-table .btn-group .btn + .btn-checkbox-holder,
 .table .btn-group .btn + .btn-checkbox-holder {
   margin-left: -1px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.t3-table .pagination,
 .table .pagination {
   margin: 0;
 }
-.t3-table .col-icon,
 .table .col-icon {
   text-align: center;
 }
-.t3-table .col-icon .t3-icon,
 .table .col-icon .t3-icon {
   margin: 0;
 }
-.t3-table .col-title,
 .table .col-title {
   width: 95%;
 }
-.t3-table .col-control,
 .table .col-control,
-.t3-table .col-clipboard,
 .table .col-clipboard {
   white-space: nowrap;
   text-align: right;
 }
-/**
- * Copy table stylings from bootstrap
- **/
-.t3-table {
+.table .col-border-left {
+  border-left: 1px solid #cccccc;
+}
+.table-fit {
   width: 100%;
-  max-width: 100%;
-  margin-bottom: 18px;
-  background-color: #fafafa;
   margin-bottom: 1.5em;
-  border: 1px solid #cccccc;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  border: 1px solid #ddd;
 }
-.t3-table > thead > tr > th,
-.t3-table > tbody > tr > th,
-.t3-table > tfoot > tr > th,
-.t3-table > thead > tr > td,
-.t3-table > tbody > tr > td,
-.t3-table > tfoot > tr > td {
-  padding: 6px;
-  line-height: 1.5;
-  vertical-align: top;
-  border-top: 1px solid #cccccc;
+.table-fit > .table {
+  margin-top: 0;
+  margin-bottom: 0;
+  border: 0;
 }
-.t3-table > thead > tr > th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #cccccc;
+.table-fit > .table > thead > tr > td,
+.table-fit > .table > tbody > tr > td,
+.table-fit > .table > tfoot > tr > td {
+  white-space: nowrap;
 }
-.t3-table > caption + thead > tr:first-child > th,
-.t3-table > colgroup + thead > tr:first-child > th,
-.t3-table > thead:first-child > tr:first-child > th,
-.t3-table > caption + thead > tr:first-child > td,
-.t3-table > colgroup + thead > tr:first-child > td,
-.t3-table > thead:first-child > tr:first-child > td {
-  border-top: 0;
+.panel {
+  margin: 3em 0;
 }
-.t3-table > tbody + tbody {
-  border-top: 2px solid #cccccc;
+.panel .panel-heading {
+  font-weight: bold;
 }
-.t3-table .table {
-  background-color: #ffffff;
+.panel .table,
+.panel .table-fit {
+  border: 0;
+  margin: 0;
 }
-.t3-table * {
-  box-sizing: border-box;
+.typo3-TCEforms .typo3-dyntabmenu-divs {
+  border-top: 1px solid #cccccc;
 }
-.t3-table > thead > tr > th,
-.t3-table > tbody > tr > th,
-.t3-table > tfoot > tr > th {
-  white-space: nowrap;
-  vertical-align: middle;
+.typo3-TCEforms .typo3-dyntabmenu-tabs + .typo3-dyntabmenu-divs {
+  border-top: none;
+  padding: 0;
 }
-.t3-table > thead > tr > td,
-.t3-table > tbody > tr > td,
-.t3-table > tfoot > tr > td {
-  vertical-align: middle;
+.typo3-TCEforms .c-tablayer div,
+.typo3-TCEforms .c-tablayer td {
+  vertical-align: top;
 }
-.t3-table > thead > tr {
-  background-color: #ededed;
+.typo3-TCEforms .c-tablayer > table {
+  margin-bottom: 0;
 }
-.t3-table > thead > tr th,
-.t3-table > thead > tr td {
-  border-bottom: 1px solid #cccccc;
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td {
+  padding: 0 18px 0 18px;
+  background: none;
 }
-.t3-table > thead > tr th i,
-.t3-table > thead > tr td i {
-  font-weight: normal;
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header {
+  border-top: 1px solid #cccccc;
+  padding: 27px 18px 4px 18px;
 }
-.t3-table .btn {
-  padding: 4px 4px;
-  font-size: 11px;
-  line-height: 1.5;
-  border-radius: 2px;
-  color: #333;
-  background-color: #dedede;
-  border-color: #c4c4c4;
-  margin-top: -2px;
-  margin-bottom: -2px;
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header h3 {
+  margin-top: 0;
 }
-.t3-table .btn:hover {
-  border-color: #ababab;
-  background-color: #c4c4c4;
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td .t3-form-palette-fieldset .t3-form-palette-field-container {
+  display: inline-block;
+  padding-right: 25px;
+  padding-bottom: 18px;
 }
-.t3-table .btn .t3-icon {
-  margin: 0;
+.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td {
+  padding-top: 18px;
 }
-.t3-table .btn.btn-danger {
-  color: #ffffff;
-  background-color: #c83c3c;
-  border-color: #b73434;
+.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td.palette-header {
+  border-top: none;
 }
-.t3-table .btn.btn-danger:hover,
-.t3-table .btn.btn-danger:focus,
-.t3-table .btn.btn-danger.focus,
-.t3-table .btn.btn-danger:active,
-.t3-table .btn.btn-danger.active,
-.open > .dropdown-toggle.t3-table .btn.btn-danger {
-  color: #ffffff;
-  background-color: #a32e2e;
-  border-color: #872626;
+.typo3-TCEforms .c-tablayer > table > tbody > tr:last-child > td {
+  padding-bottom: 18px;
 }
-.t3-table .btn.btn-danger:active,
-.t3-table .btn.btn-danger.active,
-.open > .dropdown-toggle.t3-table .btn.btn-danger {
-  background-image: none;
+img.t3-TCEforms-reqImg {
+  display: block;
+  position: absolute;
+  left: 14px;
+  top: 28%;
+  z-index: 3000;
+  height: 16px;
+  margin-right: 2px;
+  width: 16px;
 }
-.t3-table .btn.btn-danger.disabled,
-.t3-table .btn.btn-danger[disabled],
-fieldset[disabled] .t3-table .btn.btn-danger,
-.t3-table .btn.btn-danger.disabled:hover,
-.t3-table .btn.btn-danger[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-danger:hover,
-.t3-table .btn.btn-danger.disabled:focus,
-.t3-table .btn.btn-danger[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-danger:focus,
-.t3-table .btn.btn-danger.disabled.focus,
-.t3-table .btn.btn-danger[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-danger.focus,
-.t3-table .btn.btn-danger.disabled:active,
-.t3-table .btn.btn-danger[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-danger:active,
-.t3-table .btn.btn-danger.disabled.active,
-.t3-table .btn.btn-danger[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-danger.active {
-  background-color: #c83c3c;
-  border-color: #b73434;
+img.t3-TCEforms-reqTabImg {
+  height: 16px;
+  margin-left: 4px;
+  margin-bottom: -3px;
+  width: 16px;
 }
-.t3-table .btn.btn-danger .badge {
-  color: #c83c3c;
-  background-color: #ffffff;
+img.t3-TCEforms-contentchangedImg {
+  display: block;
+  position: absolute;
+  left: 4px;
+  top: 32%;
+  z-index: 4000;
+  width: 7px;
 }
-.t3-table .btn.btn-success {
-  color: #ffffff;
-  background-color: #1eb941;
-  border-color: #1aa339;
+.t3-form-palette-icon-required {
+  display: block;
+  position: absolute;
+  left: 4px;
+  top: 26%;
+  z-index: 3000;
+  height: 16px;
+  margin-right: 2px;
+  width: 16px;
 }
-.t3-table .btn.btn-success:hover,
-.t3-table .btn.btn-success:focus,
-.t3-table .btn.btn-success.focus,
-.t3-table .btn.btn-success:active,
-.t3-table .btn.btn-success.active,
-.open > .dropdown-toggle.t3-table .btn.btn-success {
-  color: #ffffff;
-  background-color: #178d32;
-  border-color: #126e27;
+img.t3-TCEforms-reqPaletteImg {
+  display: block;
+  position: absolute;
+  left: 14px;
+  top: 30%;
+  z-index: 3000;
+  height: 16px;
+  margin-right: 2px;
+  width: 16px;
 }
-.t3-table .btn.btn-success:active,
-.t3-table .btn.btn-success.active,
-.open > .dropdown-toggle.t3-table .btn.btn-success {
-  background-image: none;
+.t3-form-palette-icon-contentchanged {
+  display: block;
+  position: absolute;
+  left: -6px;
+  top: 30%;
+  z-index: 4000;
+  width: 7px;
 }
-.t3-table .btn.btn-success.disabled,
-.t3-table .btn.btn-success[disabled],
-fieldset[disabled] .t3-table .btn.btn-success,
-.t3-table .btn.btn-success.disabled:hover,
-.t3-table .btn.btn-success[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-success:hover,
-.t3-table .btn.btn-success.disabled:focus,
-.t3-table .btn.btn-success[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-success:focus,
-.t3-table .btn.btn-success.disabled.focus,
-.t3-table .btn.btn-success[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-success.focus,
-.t3-table .btn.btn-success.disabled:active,
-.t3-table .btn.btn-success[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-success:active,
-.t3-table .btn.btn-success.disabled.active,
-.t3-table .btn.btn-success[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-success.active {
-  background-color: #1eb941;
-  border-color: #1aa339;
+img.t3-TCEforms-contentchangedPaletteImg {
+  display: block;
+  position: absolute;
+  left: 4px;
+  top: 30%;
+  z-index: 4000;
+  width: 7px;
 }
-.t3-table .btn.btn-success .badge {
-  color: #1eb941;
-  background-color: #ffffff;
+.typo3-TCEforms {
+  width: 100%;
 }
-.t3-table .btn.btn-warning {
-  color: #ffffff;
-  background-color: #f07814;
-  border-color: #dc6c0e;
+.typo3-TCEforms-recHeaderRow {
+  padding-top: 5px;
+  padding-bottom: 20px;
 }
-.t3-table .btn.btn-warning:hover,
-.t3-table .btn.btn-warning:focus,
-.t3-table .btn.btn-warning.focus,
-.t3-table .btn.btn-warning:active,
-.t3-table .btn.btn-warning.active,
-.open > .dropdown-toggle.t3-table .btn.btn-warning {
-  color: #ffffff;
-  background-color: #c4600d;
-  border-color: #a3500a;
+.typo3-TCEforms .bgColor2,
+.typo3-TCEforms tr.bgColor2 td {
+  padding-bottom: 5px;
 }
-.t3-table .btn.btn-warning:active,
-.t3-table .btn.btn-warning.active,
-.open > .dropdown-toggle.t3-table .btn.btn-warning {
-  background-image: none;
+.typo3-TCEforms optgroup.c-divider,
+select option.c-divider {
+  margin-top: 10px;
+  padding: 0px;
 }
-.t3-table .btn.btn-warning.disabled,
-.t3-table .btn.btn-warning[disabled],
-fieldset[disabled] .t3-table .btn.btn-warning,
-.t3-table .btn.btn-warning.disabled:hover,
-.t3-table .btn.btn-warning[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-warning:hover,
-.t3-table .btn.btn-warning.disabled:focus,
-.t3-table .btn.btn-warning[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-warning:focus,
-.t3-table .btn.btn-warning.disabled.focus,
-.t3-table .btn.btn-warning[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-warning.focus,
-.t3-table .btn.btn-warning.disabled:active,
-.t3-table .btn.btn-warning[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-warning:active,
-.t3-table .btn.btn-warning.disabled.active,
-.t3-table .btn.btn-warning[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-warning.active {
-  background-color: #f07814;
-  border-color: #dc6c0e;
+.typo3-TCEforms optgroup option {
+  background-color: white;
+  border-bottom: none;
+  color: black;
+  font-style: normal;
+  text-indent: 0px;
+  text-transform: none;
+  margin: 0px;
+  padding: 2px;
 }
-.t3-table .btn.btn-warning .badge {
-  color: #f07814;
-  background-color: #ffffff;
+.typo3-TCEforms select.icon-select option {
+  padding-left: 22px;
 }
-.t3-table .btn.btn-info {
-  color: #ffffff;
-  background-color: #41b4dc;
-  border-color: #2bacd8;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
+  margin-bottom: 10px;
 }
-.t3-table .btn.btn-info:hover,
-.t3-table .btn.btn-info:focus,
-.t3-table .btn.btn-info.focus,
-.t3-table .btn.btn-info:active,
-.t3-table .btn.btn-info.active,
-.open > .dropdown-toggle.t3-table .btn.btn-info {
-  color: #ffffff;
-  background-color: #249cc6;
-  border-color: #1f84a7;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody {
+  display: block;
+  max-height: 300px;
+  overflow-y: scroll;
 }
-.t3-table .btn.btn-info:active,
-.t3-table .btn.btn-info.active,
-.open > .dropdown-toggle.t3-table .btn.btn-info {
-  background-image: none;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
+  vertical-align: middle;
 }
-.t3-table .btn.btn-info.disabled,
-.t3-table .btn.btn-info[disabled],
-fieldset[disabled] .t3-table .btn.btn-info,
-.t3-table .btn.btn-info.disabled:hover,
-.t3-table .btn.btn-info[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-info:hover,
-.t3-table .btn.btn-info.disabled:focus,
-.t3-table .btn.btn-info[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-info:focus,
-.t3-table .btn.btn-info.disabled.focus,
-.t3-table .btn.btn-info[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-info.focus,
-.t3-table .btn.btn-info.disabled:active,
-.t3-table .btn.btn-info[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-info:active,
-.t3-table .btn.btn-info.disabled.active,
-.t3-table .btn.btn-info[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-info.active {
-  background-color: #41b4dc;
-  border-color: #2bacd8;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td,
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox,
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
+  padding: 1px 3px;
 }
-.t3-table .btn.btn-info .badge {
-  color: #41b4dc;
-  background-color: #ffffff;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
+  min-width: 300px;
 }
-.t3-table .btn.btn-default {
-  color: #ffffff;
-  background-color: #828282;
-  border-color: #757575;
-}
-.t3-table .btn.btn-default:hover,
-.t3-table .btn.btn-default:focus,
-.t3-table .btn.btn-default.focus,
-.t3-table .btn.btn-default:active,
-.t3-table .btn.btn-default.active,
-.open > .dropdown-toggle.t3-table .btn.btn-default {
-  color: #ffffff;
-  background-color: #696969;
-  border-color: #575757;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img {
+  margin-right: 5px;
+  width: 16px;
 }
-.t3-table .btn.btn-default:active,
-.t3-table .btn.btn-default.active,
-.open > .dropdown-toggle.t3-table .btn.btn-default {
-  background-image: none;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr {
+  width: 40px;
 }
-.t3-table .btn.btn-default.disabled,
-.t3-table .btn.btn-default[disabled],
-fieldset[disabled] .t3-table .btn.btn-default,
-.t3-table .btn.btn-default.disabled:hover,
-.t3-table .btn.btn-default[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-default:hover,
-.t3-table .btn.btn-default.disabled:focus,
-.t3-table .btn.btn-default[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-default:focus,
-.t3-table .btn.btn-default.disabled.focus,
-.t3-table .btn.btn-default[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-default.focus,
-.t3-table .btn.btn-default.disabled:active,
-.t3-table .btn.btn-default[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-default:active,
-.t3-table .btn.btn-default.disabled.active,
-.t3-table .btn.btn-default[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-default.active {
-  background-color: #828282;
-  border-color: #757575;
-}
-.t3-table .btn.btn-default .badge {
-  color: #828282;
-  background-color: #ffffff;
+.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
+  float: right;
 }
-.t3-table .btn.btn-primary {
-  color: #ffffff;
-  background-color: #0078e6;
-  border-color: #006bcd;
+.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
+  margin-bottom: 10px;
+  margin-top: 4px;
 }
-.t3-table .btn.btn-primary:hover,
-.t3-table .btn.btn-primary:focus,
-.t3-table .btn.btn-primary.focus,
-.t3-table .btn.btn-primary:active,
-.t3-table .btn.btn-primary.active,
-.open > .dropdown-toggle.t3-table .btn.btn-primary {
-  color: #ffffff;
-  background-color: #005db3;
-  border-color: #004b8f;
+.typo3-TCEforms .checkbox,
+.typo3-TCEforms .checkbox:hover {
+  position: relative;
+  z-index: 3500;
 }
-.t3-table .btn.btn-primary:active,
-.t3-table .btn.btn-primary.active,
-.open > .dropdown-toggle.t3-table .btn.btn-primary {
-  background-image: none;
+.typo3-TCEforms td.formField-header,
+.typo3-TCEforms td.palette-header,
+.typo3-TCEforms td.formField-field {
+  display: block;
+  position: relative;
+  vertical-align: top;
 }
-.t3-table .btn.btn-primary.disabled,
-.t3-table .btn.btn-primary[disabled],
-fieldset[disabled] .t3-table .btn.btn-primary,
-.t3-table .btn.btn-primary.disabled:hover,
-.t3-table .btn.btn-primary[disabled]:hover,
-fieldset[disabled] .t3-table .btn.btn-primary:hover,
-.t3-table .btn.btn-primary.disabled:focus,
-.t3-table .btn.btn-primary[disabled]:focus,
-fieldset[disabled] .t3-table .btn.btn-primary:focus,
-.t3-table .btn.btn-primary.disabled.focus,
-.t3-table .btn.btn-primary[disabled].focus,
-fieldset[disabled] .t3-table .btn.btn-primary.focus,
-.t3-table .btn.btn-primary.disabled:active,
-.t3-table .btn.btn-primary[disabled]:active,
-fieldset[disabled] .t3-table .btn.btn-primary:active,
-.t3-table .btn.btn-primary.disabled.active,
-.t3-table .btn.btn-primary[disabled].active,
-fieldset[disabled] .t3-table .btn.btn-primary.active {
-  background-color: #0078e6;
-  border-color: #006bcd;
+div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td {
+  padding-left: 10px;
+  padding-right: 10px;
 }
-.t3-table .btn.btn-primary .badge {
-  color: #0078e6;
-  background-color: #ffffff;
+.t3-form-field-group-file tr:last-child td {
+  vertical-align: top;
 }
-.t3-table .btn-group {
-  font-size: 0;
+.typo3-TCEforms td.icons {
+  padding: 0 2px 2px 2px;
 }
-.t3-table .btn-group .btn {
-  font-size: 12px;
-  float: none;
+.typo3-TCEforms td.thumbnails {
+  padding-top: 2px;
 }
-.t3-table .btn-checkbox-holder {
-  position: relative;
+.typo3-TCEforms div.imagethumbs {
+  padding-top: 2px;
+  white-space: normal;
+  width: 253px;
+}
+.typo3-TCEforms div.imagethumbs br {
+  display: none;
+}
+.typo3-TCEforms div.imagethumbs .nobr {
+  background-color: #CCC;
   display: inline-block;
+  width: 60px;
+  height: 60px;
+  overflow: hidden;
+  margin-right: 3px;
+  margin-bottom: 1px;
+  text-align: center;
 }
-.t3-table .btn-checkbox-holder .btn-checkbox {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  opacity: 0;
-  z-index: 10;
+.typo3-TCEforms div.imagethumbs .nobr a {
+  display: block;
+  width: 60px;
+  height: 60px;
+  line-height: 58px;
+  text-align: center;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox] + .btn .t3-icon:before {
-  content: "\f096";
+.typo3-TCEforms div.imagethumbs .nobr a img {
+  display: inline;
+  margin-right: auto;
+  vertical-align: middle;
+  margin-left: auto;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn {
-  color: #ffffff;
-  background-color: #0078e6;
-  border-color: #006bcd;
+.typo3-TCEforms div.imagethumbs .nobr span {
+  display: none;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
-.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn {
-  color: #ffffff;
-  background-color: #005db3;
-  border-color: #004b8f;
+.typo3-TCEforms span.filetypes {
+  font-size: 0.8em;
+  display: block;
+  margin-top: 6px;
+  white-space: normal;
+  width: 250px;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active,
-.open > .dropdown-toggle.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn {
-  background-image: none;
+.t3-form-field-container {
+  display: block;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled],
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:hover,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:hover,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:active,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.disabled.active,
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].active,
-fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.active {
-  background-color: #0078e6;
-  border-color: #006bcd;
+.typo3-TCEforms-palette .typo3-csh-link img {
+  padding-top: 3px;
+  vertical-align: top;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .badge {
-  color: #0078e6;
-  background-color: #ffffff;
+.typo3-TCEforms-palette select.select,
+.t3-form-palette-field-container select.select {
+  margin: 4px 2px 4px 1px;
 }
-.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn .t3-icon:before {
-  content: "\f00c";
+.t3-form-palette-field-container .t3-form-palette-field-label,
+.t3-form-palette-field-container .t3-form-palette-field {
+  display: block;
+  position: relative;
 }
-.t3-table .btn-group .btn + .btn-checkbox-holder {
-  margin-left: -1px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+.typo3-TCEforms .typo3-csh-link {
+  margin-left: 5px;
 }
-.t3-table .pagination {
-  margin: 0;
+.t3-tceforms-fieldReadOnly {
+  background-color: #fefefe;
+  border: 1px solid #7c7c7c;
+  border-radius: 2px;
+  pointer-events: none;
+  cursor: default;
+  opacity: 0.5;
+  filter: alpha(opacity=@50);
+  box-shadow: none;
+  /** Lock icon in right corner */
+  padding: 3px 30px 3px 6px;
+  margin: 0 0.5em 0.5em 0;
+  position: relative;
 }
-.t3-table .col-icon {
-  text-align: center;
+div.typo3-TCEforms-suggest-position-right {
+  margin-left: 10px;
 }
-.t3-table .col-icon .t3-icon {
-  margin: 0;
+div.typo3-TCEforms-suggest label {
+  margin-right: 5px;
 }
-.t3-table .col-title {
-  width: 95%;
+div.typo3-TCEforms-suggest-indicator {
+  left: 230px;
+  position: relative;
+  top: -18px;
 }
-.t3-table .col-control,
-.t3-table .col-clipboard {
-  white-space: nowrap;
-  text-align: right;
+div.typo3-TCEforms-suggest-choices {
+  background-color: white;
+  border: 1px solid #888;
+  position: absolute;
+  width: 250px;
+  z-index: 4000;
 }
-.t3-table > tbody > tr:nth-child(odd) {
-  background-color: #f7f7f7;
+div.typo3-TCEforms-suggest-choices ul {
+  margin: 0;
+  padding: 0;
 }
-.t3-table > tbody > tr:hover {
-  background-color: #ededed;
+div.typo3-TCEforms-suggest-choices li {
+  cursor: pointer;
+  background-color: #efeff4;
+  background-repeat: no-repeat;
+  background-position: 4px center;
+  list-style-type: none;
+  display: block;
+  margin: 0;
+  padding: 4px 2px 4px 24px;
 }
-.t3-table > thead > tr > td.active,
-.t3-table > tbody > tr > td.active,
-.t3-table > tfoot > tr > td.active,
-.t3-table > thead > tr > th.active,
-.t3-table > tbody > tr > th.active,
-.t3-table > tfoot > tr > th.active,
-.t3-table > thead > tr.active > td,
-.t3-table > tbody > tr.active > td,
-.t3-table > tfoot > tr.active > td,
-.t3-table > thead > tr.active > th,
-.t3-table > tbody > tr.active > th,
-.t3-table > tfoot > tr.active > th {
-  background-color: #ededed;
+div.typo3-TCEforms-suggest-choices li.suggest-noresults {
+  height: auto;
 }
-.t3-table > tbody > tr > td.active:hover,
-.t3-table > tbody > tr > th.active:hover,
-.t3-table > tbody > tr.active:hover > td,
-.t3-table > tbody > tr:hover > .active,
-.t3-table > tbody > tr.active:hover > th {
-  background-color: #e0e0e0;
+div.typo3-TCEforms-suggest-choices span.suggest-uid {
+  margin-left: 0.3em;
 }
-.t3-table > thead > tr > td.success,
-.t3-table > tbody > tr > td.success,
-.t3-table > tfoot > tr > td.success,
-.t3-table > thead > tr > th.success,
-.t3-table > tbody > tr > th.success,
-.t3-table > tfoot > tr > th.success,
-.t3-table > thead > tr.success > td,
-.t3-table > tbody > tr.success > td,
-.t3-table > tfoot > tr.success > td,
-.t3-table > thead > tr.success > th,
-.t3-table > tbody > tr.success > th,
-.t3-table > tfoot > tr.success > th {
-  background-color: #c7f6d1;
+div.typo3-TCEforms-suggest-choices span.suggest-path {
+  font-size: 0.9em;
+  margin-top: 0.3em;
 }
-.t3-table > tbody > tr > td.success:hover,
-.t3-table > tbody > tr > th.success:hover,
-.t3-table > tbody > tr.success:hover > td,
-.t3-table > tbody > tr:hover > .success,
-.t3-table > tbody > tr.success:hover > th {
-  background-color: #b1f2c0;
+input.typo3-TCEforms-suggest-search {
+  width: 200px;
+  padding-left: 20px;
+  vertical-align: middle;
 }
-.t3-table > thead > tr > td.info,
-.t3-table > tbody > tr > td.info,
-.t3-table > tfoot > tr > td.info,
-.t3-table > thead > tr > th.info,
-.t3-table > tbody > tr > th.info,
-.t3-table > tfoot > tr > th.info,
-.t3-table > thead > tr.info > td,
-.t3-table > tbody > tr.info > td,
-.t3-table > tfoot > tr.info > td,
-.t3-table > thead > tr.info > th,
-.t3-table > tbody > tr.info > th,
-.t3-table > tfoot > tr.info > th {
-  background-color: #d8f0f8;
+.t3-form-field-label-flex {
+  border-top: 1px solid #c0c0c0;
+  padding: 5px;
 }
-.t3-table > tbody > tr > td.info:hover,
-.t3-table > tbody > tr > th.info:hover,
-.t3-table > tbody > tr.info:hover > td,
-.t3-table > tbody > tr:hover > .info,
-.t3-table > tbody > tr.info:hover > th {
-  background-color: #c2e7f4;
+.t3-form-field-flex {
+  padding: 0 5px 5px;
 }
-.t3-table > thead > tr > td.warning,
-.t3-table > tbody > tr > td.warning,
-.t3-table > tfoot > tr > td.warning,
-.t3-table > thead > tr > th.warning,
-.t3-table > tbody > tr > th.warning,
-.t3-table > tfoot > tr > th.warning,
-.t3-table > thead > tr.warning > td,
-.t3-table > tbody > tr.warning > td,
-.t3-table > tfoot > tr.warning > td,
-.t3-table > thead > tr.warning > th,
-.t3-table > tbody > tr.warning > th,
-.t3-table > tfoot > tr.warning > th {
-  background-color: #fbd8bc;
+.t3-form-field-container-wrap {
+  margin: 6px 0px;
 }
-.t3-table > tbody > tr > td.warning:hover,
-.t3-table > tbody > tr > th.warning:hover,
-.t3-table > tbody > tr.warning:hover > td,
-.t3-table > tbody > tr:hover > .warning,
-.t3-table > tbody > tr.warning:hover > th {
-  background-color: #f9cba4;
+.t3-form-field-container-inline {
+  border: 1px solid #aaaaaa;
+  background-color: #f9f9f9;
+  margin: 2px 0px;
 }
-.t3-table > thead > tr > td.danger,
-.t3-table > tbody > tr > td.danger,
-.t3-table > tfoot > tr > td.danger,
-.t3-table > thead > tr > th.danger,
-.t3-table > tbody > tr > th.danger,
-.t3-table > tfoot > tr > th.danger,
-.t3-table > thead > tr.danger > td,
-.t3-table > tbody > tr.danger > td,
-.t3-table > tfoot > tr.danger > td,
-.t3-table > thead > tr.danger > th,
-.t3-table > tbody > tr.danger > th,
-.t3-table > tfoot > tr.danger > th {
-  background-color: #efc7c7;
+.t3-form-field-header-inline > span {
+  position: absolute;
+  left: 4px;
+  top: 15px;
 }
-.t3-table > tbody > tr > td.danger:hover,
-.t3-table > tbody > tr > th.danger:hover,
-.t3-table > tbody > tr.danger:hover > td,
-.t3-table > tbody > tr:hover > .danger,
-.t3-table > tbody > tr.danger:hover > th {
-  background-color: #eab3b3;
+.t3-form-field-header-inline-wrap:before,
+.t3-form-field-header-inline-wrap:after {
+  content: " ";
+  display: table;
 }
-/**
- * Fits the table in the viewport and makes overflow possible
- **/
-.table-fit {
-  width: 100%;
-  margin-bottom: 1.5em;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-  border: 1px solid #ddd;
+.t3-form-field-header-inline-wrap:after {
+  clear: both;
 }
-.table-fit > .table,
-.table-fit > .t3-table {
-  margin-top: 0;
-  margin-bottom: 0;
-  border: 0;
+.t3-form-field-header-inline-wrap {
+  min-width: 300px;
 }
-.table-fit > .table > thead > tr > td,
-.table-fit > .t3-table > thead > tr > td,
-.table-fit > .table > tbody > tr > td,
-.table-fit > .t3-table > tbody > tr > td,
-.table-fit > .table > tfoot > tr > td,
-.table-fit > .t3-table > tfoot > tr > td {
-  white-space: nowrap;
-}
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-.panel {
-  margin: 3em 0;
-}
-.panel .panel-heading {
-  font-weight: bold;
-}
-.panel .table,
-.panel .table-fit {
-  border: 0;
-  margin: 0;
-}
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms
-- - - - - - - - - - - - - - - - - - - - - */
-.typo3-TCEforms .typo3-dyntabmenu-divs {
-  border-top: 1px solid #cccccc;
-}
-.typo3-TCEforms .typo3-dyntabmenu-tabs + .typo3-dyntabmenu-divs {
-  border-top: none;
-  padding: 0;
-}
-.typo3-TCEforms .c-tablayer div,
-.typo3-TCEforms .c-tablayer td {
-  vertical-align: top;
-}
-.typo3-TCEforms .c-tablayer > table {
-  margin-bottom: 0;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr > td {
-  padding: 0 18px 0 18px;
-  background: none;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header {
-  border-top: 1px solid #cccccc;
-  padding: 27px 18px 4px 18px;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header h3 {
-  margin-top: 0;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr > td .t3-form-palette-fieldset .t3-form-palette-field-container {
-  display: inline-block;
-  padding-right: 25px;
-  padding-bottom: 18px;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td {
-  padding-top: 18px;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td.palette-header {
-  border-top: none;
-}
-.typo3-TCEforms .c-tablayer > table > tbody > tr:last-child > td {
-  padding-bottom: 18px;
-}
-img.t3-TCEforms-reqImg {
-  display: block;
-  position: absolute;
-  left: 14px;
-  top: 28%;
-  z-index: 3000;
-  height: 16px;
-  margin-right: 2px;
-  width: 16px;
-}
-img.t3-TCEforms-reqTabImg {
-  height: 16px;
-  margin-left: 4px;
-  margin-bottom: -3px;
-  width: 16px;
-}
-img.t3-TCEforms-contentchangedImg {
-  display: block;
-  position: absolute;
-  left: 4px;
-  top: 32%;
-  z-index: 4000;
-  width: 7px;
-}
-.t3-form-palette-icon-required {
-  display: block;
-  position: absolute;
-  left: 4px;
-  top: 26%;
-  z-index: 3000;
-  height: 16px;
-  margin-right: 2px;
-  width: 16px;
-}
-/* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */
-img.t3-TCEforms-reqPaletteImg {
-  display: block;
-  position: absolute;
-  left: 14px;
-  top: 30%;
-  z-index: 3000;
-  height: 16px;
-  margin-right: 2px;
-  width: 16px;
-}
-.t3-form-palette-icon-contentchanged {
-  display: block;
-  position: absolute;
-  left: -6px;
-  top: 30%;
-  z-index: 4000;
-  width: 7px;
-}
-/* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */
-img.t3-TCEforms-contentchangedPaletteImg {
-  display: block;
-  position: absolute;
-  left: 4px;
-  top: 30%;
-  z-index: 4000;
-  width: 7px;
-}
-.typo3-TCEforms {
-  width: 100%;
-}
-.typo3-TCEforms-recHeaderRow {
-  padding-top: 5px;
-  padding-bottom: 20px;
-}
-.typo3-TCEforms .bgColor2,
-.typo3-TCEforms tr.bgColor2 td {
-  padding-bottom: 5px;
-}
-.typo3-TCEforms optgroup.c-divider,
-select option.c-divider {
-  margin-top: 10px;
-  padding: 0px;
-}
-.typo3-TCEforms optgroup option {
-  background-color: white;
-  border-bottom: none;
-  color: black;
-  font-style: normal;
-  text-indent: 0px;
-  text-transform: none;
-  margin: 0px;
-  padding: 2px;
-}
-.typo3-TCEforms select.icon-select option {
-  padding-left: 22px;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
-  margin-bottom: 10px;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody {
-  display: block;
-  max-height: 300px;
-  overflow-y: scroll;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
-  vertical-align: middle;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td,
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox,
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
-  padding: 1px 3px;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
-  min-width: 300px;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img {
-  margin-right: 5px;
-  width: 16px;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr {
-  width: 40px;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
-  float: right;
-}
-.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
-  margin-bottom: 10px;
-  margin-top: 4px;
-}
-.typo3-TCEforms .checkbox,
-.typo3-TCEforms .checkbox:hover {
-  position: relative;
-  z-index: 3500;
-}
-.typo3-TCEforms td.formField-header,
-.typo3-TCEforms td.palette-header,
-.typo3-TCEforms td.formField-field {
-  display: block;
-  position: relative;
-  vertical-align: top;
-}
-div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-.t3-form-field-group-file tr:last-child td {
-  vertical-align: top;
-}
-.typo3-TCEforms td.icons {
-  padding: 0 2px 2px 2px;
-}
-.typo3-TCEforms td.thumbnails {
-  padding-top: 2px;
-}
-.typo3-TCEforms div.imagethumbs {
-  padding-top: 2px;
-  white-space: normal;
-  width: 253px;
-}
-.typo3-TCEforms div.imagethumbs br {
-  display: none;
-}
-.typo3-TCEforms div.imagethumbs .nobr {
-  background-color: #CCC;
-  display: inline-block;
-  width: 60px;
-  height: 60px;
-  overflow: hidden;
-  margin-right: 3px;
-  margin-bottom: 1px;
-  text-align: center;
-}
-.typo3-TCEforms div.imagethumbs .nobr a {
-  display: block;
-  width: 60px;
-  height: 60px;
-  line-height: 58px;
-  text-align: center;
-}
-.typo3-TCEforms div.imagethumbs .nobr a img {
-  display: inline;
-  margin-right: auto;
-  vertical-align: middle;
-  margin-left: auto;
-}
-.typo3-TCEforms div.imagethumbs .nobr span {
-  display: none;
-}
-.typo3-TCEforms span.filetypes {
-  font-size: 0.8em;
-  display: block;
-  margin-top: 6px;
-  white-space: normal;
-  width: 250px;
-}
-.t3-form-field-container {
-  display: block;
-}
-.typo3-TCEforms-palette .typo3-csh-link img {
-  padding-top: 3px;
-  vertical-align: top;
-}
-.typo3-TCEforms-palette select.select,
-.t3-form-palette-field-container select.select {
-  margin: 4px 2px 4px 1px;
-}
-.t3-form-palette-field-container .t3-form-palette-field-label,
-.t3-form-palette-field-container .t3-form-palette-field {
-  display: block;
-  position: relative;
-}
-.typo3-TCEforms .typo3-csh-link {
-  margin-left: 5px;
-}
-.t3-tceforms-fieldReadOnly {
-  background-color: #fefefe;
-  border: 1px solid #7c7c7c;
-  border-radius: 2px;
-  pointer-events: none;
-  cursor: default;
-  opacity: 0.5;
-  filter: alpha(opacity=@50);
-  box-shadow: none;
-  /** Lock icon in right corner */
-  padding: 3px 30px 3px 6px;
-  margin: 0 0.5em 0.5em 0;
-  position: relative;
-}
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms suggest
-- - - - - - - - - - - - - - - - - - - - - */
-div.typo3-TCEforms-suggest-position-right {
-  margin-left: 10px;
-}
-div.typo3-TCEforms-suggest label {
-  margin-right: 5px;
-}
-div.typo3-TCEforms-suggest-indicator {
-  left: 230px;
-  position: relative;
-  top: -18px;
-}
-div.typo3-TCEforms-suggest-choices {
-  background-color: white;
-  border: 1px solid #888;
-  position: absolute;
-  width: 250px;
-  z-index: 4000;
-}
-div.typo3-TCEforms-suggest-choices ul {
-  margin: 0;
-  padding: 0;
-}
-div.typo3-TCEforms-suggest-choices li {
-  cursor: pointer;
-  background-color: #efeff4;
-  background-repeat: no-repeat;
-  background-position: 4px center;
-  list-style-type: none;
-  display: block;
-  margin: 0;
-  padding: 4px 2px 4px 24px;
-}
-div.typo3-TCEforms-suggest-choices li.suggest-noresults {
-  height: auto;
-}
-div.typo3-TCEforms-suggest-choices span.suggest-uid {
-  margin-left: 0.3em;
-}
-div.typo3-TCEforms-suggest-choices span.suggest-path {
-  font-size: 0.9em;
-  margin-top: 0.3em;
-}
-input.typo3-TCEforms-suggest-search {
-  width: 200px;
-  padding-left: 20px;
-  vertical-align: middle;
-}
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Flexforms
-- - - - - - - - - - - - - - - - - - - - - */
-.t3-form-field-label-flex {
-  border-top: 1px solid #c0c0c0;
-  padding: 5px;
-}
-.t3-form-field-flex {
-  padding: 0 5px 5px;
-}
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Inline-Relational-Record-Editing
-- - - - - - - - - - - - - - - - - - - - - */
-.t3-form-field-container-wrap {
-  margin: 6px 0px;
-}
-.t3-form-field-container-inline {
-  border: 1px solid #aaaaaa;
-  background-color: #f9f9f9;
-  margin: 2px 0px;
-}
-.t3-form-field-header-inline > span {
-  position: absolute;
-  left: 4px;
-  top: 15px;
-}
-.t3-form-field-header-inline-wrap:before,
-.t3-form-field-header-inline-wrap:after {
-  content: " ";
-  display: table;
-}
-.t3-form-field-header-inline-wrap:after {
-  clear: both;
-}
-.t3-form-field-header-inline-wrap {
-  min-width: 300px;
-}
-.t3-form-field-header-inline-icon,
-.t3-form-field-header-inline-thumbnail {
-  float: left;
-  margin-right: 5px;
+.t3-form-field-header-inline-icon,
+.t3-form-field-header-inline-thumbnail {
+  float: left;
+  margin-right: 5px;
 }
 .t3-form-field-header-inline-icon {
   width: 18px;
@@ -10199,9 +9288,6 @@ TCEforms Inline-Relational-Record-Editing
 .sortableHandle {
   cursor: move;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Sections
-- - - - - - - - - - - - - - - - - - - - - */
 .t3-flex-section-header .t3-record-title {
   font-weight: bold;
 }
@@ -10252,7 +9338,6 @@ TCEforms Sections
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-/* preview image in sys_file records */
 img.t3-tceforms-sysfile-imagepreview {
   float: left;
   margin-right: 10px;
@@ -10264,9 +9349,6 @@ img.t3-tceforms-sysfile-imagepreview {
 .typo3-TCEforms img[src*="clear.gif"] {
   z-index: 0;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-altdoc-header input,
 .c-inputButton {
   background: none;
@@ -10348,9 +9430,6 @@ select option.c-divider {
   font-style: italic;
   text-transform: uppercase;
 }
-/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-show text of default language under the translated input field
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 .t3-form-original-language {
   background-color: #dadada;
   border: 1px solid #c0c0c0;
@@ -10374,7 +9453,6 @@ a.t3-form-original-language-diffheader:hover {
 .t3-form-original-language-diffcontent {
   padding: 2px;
 }
-/* Default. Always used on main-palettes in the bottom of the forms */
 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
   padding-right: 5px;
 }
@@ -10401,13 +9479,9 @@ div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
 div.typo3-TCEforms-suggest-choises a {
   cursor: pointer;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Flexforms
-- - - - - - - - - - - - - - - - - - - - - */
 div.t3-form-field-container:first-child .t3-form-field-label-flex {
   border-top: 0;
 }
-/** no separate background for dyntabs in flexforms **/
 .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs,
 .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
 .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
@@ -10416,7 +9490,6 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 .typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
   background: transparent;
 }
-/** tabs inside the table => flexforms */
 .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
 .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
 .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
@@ -10425,9 +9498,6 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 .typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
   border: 1px solid #c0c0c0;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Inline-Relational-Record-Editing
-- - - - - - - - - - - - - - - - - - - - - */
 .t3-form-field-header-inline:hover {
   background-color: #cccccc;
 }
@@ -10455,9 +9525,6 @@ TCEforms Inline-Relational-Record-Editing
 .t3-form-field-header-inline td.t3-form-field-header-inline-summary dl dt {
   font-weight: bold;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Sections
-- - - - - - - - - - - - - - - - - - - - - */
 .typo3-TCEforms-flexForm .bgColor4,
 .typo3-TCEforms-flexForm .bgColor5 {
   background: none;
@@ -10513,33 +9580,14 @@ TCEforms Sections
 .t3-form-palette-field-label {
   text-indent: 2px;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TCEforms Tree
-- - - - - - - - - - - - - - - - - - - - - */
 .t3-form-field-item .x-tree input.x-tree-node-cb {
   height: auto;
   margin: 0 0 0 1px;
   vertical-align: middle;
 }
-/* state: the form field was modified */
 .t3-form-field-label.t3-form-field-state-changed {
   color: #004fb0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Trees
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-tree {
   margin: 10px 0 20px 10px;
   width: 95%;
@@ -10572,9 +9620,6 @@ body#typo3-alt-db-navframe-php div.c-notice {
   padding: 5px 5px 5px 5px;
   width: 95%;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Configuration trees, used in Admin Tools => Configuration
-- - - - - - - - - - - - - - - - - - - - - */
 table.t3-tree-config {
   background: #ececec;
   background-image: linear-gradient(center top, #ffffff 0px, #ececec 100px);
@@ -10584,9 +9629,6 @@ table.t3-tree-config {
 table.t3-tree-config .t3-tree-config-header {
   text-align: left;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-AJAX Page Tree
-- - - - - - - - - - - - - - - - - - - - - */
 body#typo3-pagetree,
 body#typo3-alt-file-navframe-php {
   margin: 0;
@@ -10655,8 +9697,6 @@ ul.tree ul li.active ul span a {
 ul #pages0_0 > ul {
   padding-left: 0;
 }
-/* active tree items, we have to work against the border: 1px here,
-   otherwise tree elements would take too much space */
 ul.tree li.active div.treeLinkItem {
   margin: -1px 0 -1px -1px;
 }
@@ -10711,7 +9751,6 @@ ul.tree div.treeLinkItem span.dragIcon {
 #typo3-alt-file-navframe-php #typo3-docheader img {
   margin: 2px;
 }
-/* Sprite icons for tree lines. Single lines need 6px padding. Can also be used directly inside .t3-table */
 .t3-icon-treeline {
   display: block;
   float: left;
@@ -10722,9 +9761,6 @@ ul.tree div.treeLinkItem span.dragIcon {
   white-space: nowrap;
   overflow: hidden;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Tree
-- - - - - - - - - - - - - - - - - - - - - */
 body#typo3-pagetree,
 body#typo3-alt-file-navframe-php {
   background: #ebebeb;
@@ -10749,9 +9785,6 @@ body#typo3-alt-file-navframe-php {
 table#typo3-tree tr:hover {
   background-color: #d7dbe2;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-AJAX Page Tree
-- - - - - - - - - - - - - - - - - - - - - */
 #dragIcon {
   filter: alpha(opacity=50);
   opacity: 0.5;
@@ -10769,18 +9802,6 @@ AJAX Page Tree
 #tree-toolbar-filter-item.active {
   background-image: url("../../../../icons/gfx/toolbar_item_active_bg.png");
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
 .pagination .t3-icon {
   margin: 0;
   text-align: center;
@@ -10789,19 +9810,6 @@ AJAX Page Tree
   display: inline-block;
   margin: -2px 0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* Include Share webfont */
 @font-face {
   font-family: 'Share';
   src: url('../../Fonts/share-bold-webfont.eot');
@@ -10830,24 +9838,6 @@ AJAX Page Tree
   font-weight: bold;
   font-style: italic;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* Login Screen
- * Warning:
- * DO NOT prevent the copyright notice from being shown!
- * According to the GPL license an interactive application must show such a notice on start-up ('If the program is interactive, make it output a short notice... ' - see GPL.txt)
- * Therefore preventing this notice from being properly shown is a violation of the license, regardless of whether you remove it or use the stylesheet to obstruct the display.
- */
 #typo3-index-php {
   background: #ebebeb;
   min-width: 400px;
@@ -10908,872 +9898,722 @@ AJAX Page Tree
   padding: 4px 20px;
   height: 41.2px;
 }
-#typo3-index-php #t3-login-wrap .t3-login-body .form-group #t3-login-process {
-  background-color: #ff8600;
-  color: #fff;
-  cursor: wait;
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group #t3-login-process {
+  background-color: #ff8600;
+  color: #fff;
+  cursor: wait;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+  line-height: 41.2px;
+  text-align: center;
+}
+#typo3-index-php #t3-login-wrap .t3-login-body .form-group:last-child {
+  margin-bottom: 0;
+}
+#typo3-index-php #t3-login-wrap .t3-login-body a {
+  cursor: pointer;
+}
+#typo3-index-php #t3-login-wrap .t3-login-body a i {
+  margin-right: 6px;
+}
+#typo3-index-php #t3-login-wrap .t3-login-body a.switchToOpenId {
+  color: #a7a7a7;
+}
+#typo3-index-php #t3-login-wrap #t3-login-news {
+  background: #fff;
+  padding: 25px 40px;
+}
+#typo3-index-php #t3-login-wrap #t3-login-news h4 {
+  margin-top: 0;
+}
+#typo3-index-php #t3-login-wrap #t3-login-news dl {
+  margin-bottom: 0;
+}
+#typo3-index-php #t3-login-wrap #t3-login-news dl dt {
+  font-size: 17px;
+  font-weight: 500;
+}
+#typo3-index-php #t3-login-wrap #t3-login-news dl dt span {
+  color: #737373;
+  font-size: 11px;
+}
+#typo3-index-php #t3-login-copyright {
+  font-size: 11px;
+  color: #737373;
+  position: fixed;
+  bottom: 18px;
+  left: 18px;
+  right: 18px;
+}
+#typo3-index-php #t3-login-copyright a {
+  color: #4d4d4d;
+  text-decoration: underline;
+}
+#typo3-index-php #t3-login-copyright a:hover {
+  color: #000;
+}
+div.typo3-noDoc {
+  margin-left: 10px;
+  margin-top: 5px;
+  width: 740px;
+}
+div.typo3-noDoc h2 {
+  width: 740px;
+}
+div.typo3-fullDoc {
+  height: 100%;
+  width: 100%;
+}
+div#typo3-docbody {
+  bottom: 0;
+  overflow: auto;
+  position: absolute;
+  top: 49px;
+  width: 100%;
+  z-index: 2;
+}
+div#typo3-inner-docbody {
+  padding: 24px;
+  margin-top: 0;
+  transition: border 0.2s ease;
+}
+body#typo3-show-item-php {
+  padding: 12px 24px;
+}
+.shadow-box-bottom-424 {
+  height: 3px;
+  background-image: url('../../../../images/shadows/box-bottom-424.png');
+  background-position: top center;
+  background-repeat: no-repeat;
+}
+.shadow-box-top-428 {
+  height: 4px;
+  background-image: url('../../../../images/shadows/box-top-428.png');
+  background-position: bottom center;
+  background-repeat: no-repeat;
+}
+h1 {
+  font-family: Share, Verdana, Arial, Helvetica, sans-serif;
+  font-variant: normal;
+  font-weight: normal;
+  margin-top: 0;
+  margin-bottom: 22px;
+}
+h2 {
+  margin: 24px 0 12px 0;
+}
+h3 {
+  margin: 24px 0 12px 0;
+}
+ul,
+ol,
+blockquote {
+  margin-bottom: 9px;
+}
+ul,
+ol {
+  padding-left: 3em;
+}
+pre {
+  margin: 0px;
+}
+div.hr {
+  height: 1px;
+}
+.divider {
+  padding-bottom: 12px;
+}
+li.divider {
+  padding: 0;
+}
+a span {
+  cursor: pointer;
+}
+video {
+  background-color: #000;
+}
+div.diff-r {
+  padding: 3px 3px 3px 3px;
+}
+div.diff-g {
+  padding: 3px 3px 3px 3px;
+}
+img.absmiddle {
+  vertical-align: middle;
+}
+.smallCheckboxes {
+  height: 12px;
+  margin: 0px;
+  width: 12px;
+}
+.alignToInputText,
+.alignToInputText:hover {
+  margin-top: 5px;
+  margin-right: 2px;
+  vertical-align: top;
+}
+.nowrap {
+  white-space: nowrap;
+}
+tr:hover .t3-page-ce a,
+tr:hover .x-tree a {
+  text-decoration: none;
+}
+a.t3-link {
+  text-decoration: underline;
+}
+hr,
+div.hr {
+  background: none;
+  border: none;
+  height: 1px;
+}
+em {
+  font-style: italic;
+}
+.typo3-app-icon {
+  position: relative;
+  display: inline-block;
+  padding: 0px;
+  height: 32px;
+  width: 32px;
+  overflow: hidden;
+  border-radius: 2px;
+  background-color: #484848;
+}
+.typo3-app-icon > span {
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+.typo3-app-icon > span > span {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+}
+.typo3-app-icon img {
+  max-height: 32px;
+  max-width: 32px;
+}
+.typo3-app-icon .fa {
+  font-size: 21px;
+  vertical-align: middle;
+}
+.typo3-app-icon:after {
   position: absolute;
+  content: '';
+  display: block;
   top: 0;
+  left: 0;
   right: 0;
   bottom: 0;
-  left: 0;
-  z-index: 10;
-  line-height: 41.2px;
-  text-align: center;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 2px;
 }
-#typo3-index-php #t3-login-wrap .t3-login-body .form-group:last-child {
-  margin-bottom: 0;
+.section {
+  margin-bottom: 15px;
 }
-#typo3-index-php #t3-login-wrap .t3-login-body a {
-  cursor: pointer;
+.diff-r {
+  color: red;
 }
-#typo3-index-php #t3-login-wrap .t3-login-body a i {
-  margin-right: 6px;
+.diff-g {
+  color: green;
 }
-#typo3-index-php #t3-login-wrap .t3-login-body a.switchToOpenId {
-  color: #a7a7a7;
+div.diff-r {
+  background-color: red;
+  color: black;
 }
-#typo3-index-php #t3-login-wrap #t3-login-news {
-  background: #fff;
-  padding: 25px 40px;
+div.diff-g {
+  background-color: green;
+  color: black;
 }
-#typo3-index-php #t3-login-wrap #t3-login-news h4 {
-  margin-top: 0;
+.t3-overview-list dt {
+  font-weight: bold;
 }
-#typo3-index-php #t3-login-wrap #t3-login-news dl {
-  margin-bottom: 0;
+.c-na {
+  color: #666;
+  font-style: italic;
 }
-#typo3-index-php #t3-login-wrap #t3-login-news dl dt {
-  font-size: 17px;
-  font-weight: 500;
+.not-found a {
+  color: #cccccc;
 }
-#typo3-index-php #t3-login-wrap #t3-login-news dl dt span {
-  color: #737373;
-  font-size: 11px;
+table.warningbox {
+  border: solid 2px black;
+  background-color: yellow;
+  margin: 20px 0px 20px 0px;
 }
-#typo3-index-php #t3-login-copyright {
-  font-size: 11px;
-  color: #737373;
-  position: fixed;
-  bottom: 18px;
-  left: 18px;
-  right: 18px;
+table.warningbox td {
+  padding: 20px 20px 20px 20px;
+  font-weight: bold;
 }
-#typo3-index-php #t3-login-copyright a {
-  color: #4d4d4d;
+table.warningbox td a {
   text-decoration: underline;
 }
-#typo3-index-php #t3-login-copyright a:hover {
-  color: #000;
+div.warningbox {
+  border: solid 2px black;
+  background-color: yellow;
+  font-weight: bold;
+  margin: 10px 0px 10px 0px;
+  padding: 10px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-body tags
-- - - - - - - - - - - - - - - - - - - - - */
-/* - - - - - - - - - - - - - - - - - - - - -
-specific wrappers
-
-The "template" class is usually instantiated as either
-noDoc or fullDoc. Both will result in the whole page
-content between the bodytags being
-wrapped in a DIV-section with a class.
-- - - - - - - - - - - - - - - - - - - - - */
-div.typo3-noDoc {
-  margin-left: 10px;
-  margin-top: 5px;
-  width: 740px;
+span.warningboxheader {
+  margin-left: 5px;
 }
-div.typo3-noDoc h2 {
-  width: 740px;
+.t3-btn {
+  cursor: pointer;
 }
-div.typo3-fullDoc {
-  height: 100%;
-  width: 100%;
+#typo3-docbody form {
+  margin-bottom: 1.25em;
 }
-div#typo3-docbody {
-  bottom: 0;
-  overflow: auto;
+textarea {
+  display: inline-block;
+  margin: 0 0.5em 0.5em 0;
+  padding: 3px 6px;
+  vertical-align: middle;
+}
+.form-group {
+  max-width: 440px;
+}
+textarea.fixed-font {
+  font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
+}
+.checkbox,
+.checkbox:hover,
+input[type="checkbox"] {
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+.t3-form-field-group {
+  margin-bottom: 1.5em;
+}
+a.typo3-goBack img {
+  margin-right: 5px;
+  vertical-align: middle;
+}
+span.typo3-moduleHeader img {
+  margin-right: 4px;
+  vertical-align: middle;
+}
+a.typo3-goBack {
+  font-weight: bold;
+}
+.t3-clearable-wrapper {
+  position: relative;
+  display: inline-block;
+}
+.t3-clearable {
+  padding-right: 15px;
+}
+.t3-clearable-wrapper .t3-input-clearer {
   position: absolute;
-  top: 49px;
-  width: 100%;
-  z-index: 2;
+  right: 5px;
+  top: 5px;
+  z-index: 100;
 }
-div#typo3-inner-docbody {
-  padding: 24px;
-  margin-top: 0;
-  transition: border 0.2s ease;
+.t3-tceforms-input-wrapper-datetime .t3-clearable-wrapper .t3-input-clearer {
+  top: 10px;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Information popup, show_item.php
-- - - - - - - - - - - - - - - - - - - - - */
-body#typo3-show-item-php {
-  padding: 12px 24px;
+body#typo3-backend-php {
+  margin: 0;
+  padding: 0;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Decorations (shadows etc.)
-- - - - - - - - - - - - - - - - - - - - - */
-.shadow-box-bottom-424 {
-  height: 3px;
-  background-image: url('../../../../images/shadows/box-bottom-424.png');
-  background-position: top center;
-  background-repeat: no-repeat;
+#typo3-main-container {
+  clear: both;
 }
-.shadow-box-top-428 {
-  height: 4px;
-  background-image: url('../../../../images/shadows/box-top-428.png');
-  background-position: bottom center;
-  background-repeat: no-repeat;
+#typo3-top {
+  margin-left: 160px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 styles for basic elements
-- - - - - - - - - - - - - - - - - - - - - */
-h1 {
-  font-family: Share, Verdana, Arial, Helvetica, sans-serif;
-  font-variant: normal;
-  font-weight: normal;
-  margin-top: 0;
-  margin-bottom: 22px;
+iframe {
+  width: 100%;
 }
-h2 {
-  margin: 24px 0 12px 0;
+#typo3-side-menu,
+iframe {
+  height: 100%;
+  overflow: auto;
 }
-h3 {
-  margin: 24px 0 12px 0;
+[id="typo3-module-menu"] {
+  background: #222222;
+  color: #dddddd;
 }
-ul,
-ol,
-blockquote {
-  margin-bottom: 9px;
+[id="typo3-module-menu-xsplit"] {
+  z-index: 10;
+  width: 1px;
+  background-color: #2b2b2b;
+  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
+  box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
 }
-/* Lists */
-ul,
-ol {
-  padding-left: 3em;
+[id="typo3-module-menu-xsplit"]:hover {
+  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9);
+  box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9);
 }
-/* Preformatted text - not used so much in TYPO3 */
-pre {
-  margin: 0px;
+[id="typo3-module-menu-xsplit"] .x-layout-mini-wrapper {
+  left: -7px;
+  width: 15px;
 }
-/* horizontal ruler */
-div.hr {
-  height: 1px;
+[id="typo3-menu"] {
+  padding-left: 0;
+  list-style: none;
 }
-/** .uppercase is kept for backwards-compatibility, use .divider */
-.divider {
-  padding-bottom: 12px;
+[id="typo3-menu"] .typo3-module-menu-group-container {
+  clear: both;
+  padding-left: 0;
+  list-style: none;
+  padding-right: 15px;
+}
+[id="typo3-menu"] .typo3-module-menu-group {
+  -webkit-transition: background-color 0.4s ease-in-out;
+  -o-transition: background-color 0.4s ease-in-out;
+  transition: background-color 0.4s ease-in-out;
+  position: relative;
+  color: #dddddd;
+  background-color: #222222;
+  border-top: 1px solid #2b2b2b;
+  border-bottom: 1px solid #111111;
+  padding: 5px 0;
 }
-li.divider {
-  padding: 0;
+[id="typo3-menu"] .typo3-module-menu-group.expanded {
+  background-color: #222222;
 }
-a span {
+[id="typo3-menu"] .typo3-module-menu-group-header {
+  position: relative;
   cursor: pointer;
+  display: block;
+  padding: 4px 9px;
+  text-transform: uppercase;
 }
-video {
-  background-color: #000;
+[id="typo3-menu"] .typo3-module-menu-group-header:before,
+[id="typo3-menu"] .typo3-module-menu-group-header:after {
+  content: " ";
+  display: table;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Various classes
-- - - - - - - - - - - - - - - - - - - - - */
-div.diff-r {
-  padding: 3px 3px 3px 3px;
+[id="typo3-menu"] .typo3-module-menu-group-header:after {
+  clear: both;
 }
-div.diff-g {
-  padding: 3px 3px 3px 3px;
+[id="typo3-menu"] .typo3-module-menu-group-header:before,
+[id="typo3-menu"] .typo3-module-menu-group-header:after {
+  content: " ";
+  display: table;
 }
-img.absmiddle {
-  vertical-align: middle;
+[id="typo3-menu"] .typo3-module-menu-group-header:after {
+  clear: both;
 }
-.smallCheckboxes {
-  height: 12px;
-  margin: 0px;
-  width: 12px;
+[id="typo3-menu"] .typo3-module-menu-item {
+  margin: 1px 0;
 }
-.alignToInputText,
-.alignToInputText:hover {
-  margin-top: 5px;
-  margin-right: 2px;
-  vertical-align: top;
+[id="typo3-menu"] .typo3-module-menu-item-link {
+  position: relative;
+  cursor: pointer;
+  display: block;
+  padding: 4px 9px;
+  color: #666666;
+  border-radius: 0 2px 2px 0;
+  text-decoration: none;
 }
-.nowrap {
-  white-space: nowrap;
+[id="typo3-menu"] .typo3-module-menu-item-link:before,
+[id="typo3-menu"] .typo3-module-menu-item-link:after {
+  content: " ";
+  display: table;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 styles for basic elements
-- - - - - - - - - - - - - - - - - - - - - */
-tr:hover .t3-page-ce a,
-tr:hover .x-tree a {
-  text-decoration: none;
+[id="typo3-menu"] .typo3-module-menu-item-link:after {
+  clear: both;
 }
-a.t3-link {
-  text-decoration: underline;
+[id="typo3-menu"] .typo3-module-menu-item-link:before,
+[id="typo3-menu"] .typo3-module-menu-item-link:after {
+  content: " ";
+  display: table;
 }
-/* horizontal ruler */
-hr,
-div.hr {
-  background: none;
-  border: none;
-  height: 1px;
+[id="typo3-menu"] .typo3-module-menu-item-link:after {
+  clear: both;
 }
-em {
-  font-style: italic;
+[id="typo3-menu"] .typo3-module-menu-item-link:focus,
+[id="typo3-menu"] .typo3-module-menu-item-link:hover {
+  outline: none;
+  color: #dddddd;
+  background-color: #2a2a2a;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Various classes
-- - - - - - - - - - - - - - - - - - - - - */
-.typo3-app-icon {
-  position: relative;
-  display: inline-block;
-  padding: 0px;
-  height: 32px;
-  width: 32px;
-  overflow: hidden;
-  border-radius: 2px;
+[id="typo3-menu"] .typo3-module-menu-item.active .typo3-module-menu-item-link {
+  color: #ffffff;
   background-color: #484848;
 }
-.typo3-app-icon > span {
-  display: table;
-  height: 100%;
-  width: 100%;
-}
-.typo3-app-icon > span > span {
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
+[id="typo3-menu"] .typo3-module-menu-group-icon,
+[id="typo3-menu"] .typo3-module-menu-item-icon {
+  float: left;
+  margin-right: 10px;
 }
-.typo3-app-icon img {
-  max-height: 32px;
-  max-width: 32px;
+[id="typo3-menu"] .typo3-module-menu-group-icon {
+  background-color: transparent;
 }
-.typo3-app-icon .fa {
-  font-size: 21px;
-  vertical-align: middle;
+[id="typo3-menu"] .typo3-module-menu-group-icon:after {
+  display: none;
 }
-.typo3-app-icon:after {
-  position: absolute;
-  content: '';
+[id="typo3-menu"] .typo3-module-menu-group-title,
+[id="typo3-menu"] .typo3-module-menu-item-title {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-top: 7px;
   display: block;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 2px;
+  overflow: hidden;
+  *zoom: 1;
 }
-.section {
-  margin-bottom: 15px;
+[id="typo3-menu"] .typo3-module-menu-group-title {
+  padding-right: 20px;
 }
-.diff-r {
-  color: red;
+[id="typo3-menu"] .typo3-module-menu-group-title .caret {
+  -webkit-transition: all 0.25s ease-in-out;
+  -o-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  transform: rotate(90deg);
+  position: absolute;
+  top: 17px;
+  right: 18px;
 }
-.diff-g {
-  color: green;
+[id="typo3-menu"] .expanded .typo3-module-menu-group-title .caret {
+  -webkit-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  -o-transform: rotate(0deg);
+  transform: rotate(0deg);
 }
-div.diff-r {
-  background-color: red;
-  color: black;
+.typo3-module-menu-snapped .typo3-module-menu-group-container {
+  padding-right: 0;
 }
-div.diff-g {
-  background-color: green;
-  color: black;
+.typo3-module-menu-snapped .typo3-module-menu-item-link {
+  border-radius: 0;
 }
-/** used in the admin tools => DB check **/
-.t3-overview-list dt {
-  font-weight: bold;
+.typo3-module-menu-snapped .typo3-module-menu-group-title,
+.typo3-module-menu-snapped .typo3-module-menu-item-title {
+  display: none;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Dimmed span tag color (disabled)
-- - - - - - - - - - - - - - - - - - - - - */
-.c-na {
-  color: #666;
-  font-style: italic;
+[id="typo3-topbar"],
+[id="typo3-topbar"] .x-panel-body {
+  min-width: 1000px;
 }
-.not-found a {
-  color: #cccccc;
+[id="typo3-topbar"] {
+  height: 45px;
+  position: relative;
+  background-color: #111111;
+  color: #dddddd;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Red span tag color (warning, notice)
-- - - - - - - - - - - - - - - - - - - - - */
-table.warningbox {
-  border: solid 2px black;
-  background-color: yellow;
-  margin: 20px 0px 20px 0px;
+[id="typo3-topbar"] .x-panel-bwrap,
+[id="typo3-topbar"] .x-panel-body {
+  overflow: visible;
 }
-table.warningbox td {
-  padding: 20px 20px 20px 20px;
-  font-weight: bold;
+.typo3-in-workspace [id="typo3-topbar"] {
+  background-color: #6d860d;
 }
-table.warningbox td a {
-  text-decoration: underline;
+.typo3-in-workspace [id="typo3-topbar"] .typo3-topbar-site-name {
+  color: #fff;
 }
-div.warningbox {
-  border: solid 2px black;
-  background-color: yellow;
-  font-weight: bold;
-  margin: 10px 0px 10px 0px;
-  padding: 10px;
+.typo3-topbar-container {
+  -moz-user-select: -moz-none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  height: 45px;
+  position: relative;
 }
-span.warningboxheader {
-  margin-left: 5px;
+.typo3-topbar-site {
+  display: table;
+  padding: 0;
+  height: 45px;
+  float: left;
 }
-/* all buttons have the "click" mouse cursor */
-.t3-btn {
-  cursor: pointer;
+.typo3-topbar-site-logo,
+.typo3-topbar-site-name {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Form
-- - - - - - - - - - - - - - - - - - - - - */
-#typo3-docbody form {
-  margin-bottom: 1.25em;
+.typo3-topbar-site-logo {
+  background-color: #111111;
+  width: 51px;
+  -webkit-box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15);
 }
-textarea,
-button {
-  display: inline-block;
-  margin: 0 0.5em 0.5em 0;
-  padding: 3px 6px;
-  vertical-align: middle;
+.typo3-topbar-site-logo:hover {
+  background-color: #333333;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Form
-- - - - - - - - - - - - - - - - - - - - - */
-/* Limit form width globally */
-.form-group {
-  max-width: 440px;
+.typo3-topbar-site-logo > img {
+  max-width: 50px;
+  max-height: 50px;
 }
-input,
-textarea,
-button {
-  background-color: #fefefe;
-  border: 1px solid #7c7c7c;
-  border-radius: 2px;
+.typo3-topbar-site-name {
+  cursor: default;
+  padding: 0 15px;
 }
-input:focus,
-textarea:focus,
-button:focus {
-  border-color: #32a0ff;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(50, 160, 255, 0.6);
-  outline: 0;
+.typo3-topbar-navigation {
+  color: #dddddd;
+  background-color: #222222;
+  float: right;
 }
-textarea.fixed-font {
-  font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
+.typo3-topbar-navigation .shortcut {
+  min-width: 180px;
 }
-.checkbox,
-.checkbox:hover,
-input[type="checkbox"] {
-  background: none;
-  border: none;
-  cursor: pointer;
+.typo3-topbar-navigation .shortcut-form {
+  padding: 16px;
+  margin: 4px -16px;
+  border-top: 1px solid #373737;
+  background-color: #2b2b2b;
+  border-bottom: 1px solid #111111;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Buttons
-- - - - - - - - - - - - - - - - - - - - - */
-/* Deprecated HTML5 definitions */
-.t3-button,
-button,
-input[type=submit],
-input[type=button],
-input[type=reset] {
-  display: inline-block;
+.typo3-topbar-navigation-items {
+  height: 45px;
   margin-bottom: 0;
-  font-weight: normal;
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  white-space: nowrap;
-  padding: 6px 6px;
-  font-size: 12px;
-  line-height: 1.5;
-  border-radius: 2px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  color: #ffffff;
-  background-color: #828282;
-  border-color: #757575;
-}
-.t3-button:focus,
-button:focus,
-input[type=submit]:focus,
-input[type=button]:focus,
-input[type=reset]:focus,
-.t3-button:active:focus,
-button:active:focus,
-input[type=submit]:active:focus,
-input[type=button]:active:focus,
-input[type=reset]:active:focus,
-.t3-button.active:focus,
-button.active:focus,
-input[type=submit].active:focus,
-input[type=button].active:focus,
-input[type=reset].active:focus,
-.t3-button.focus,
-button.focus,
-input[type=submit].focus,
-input[type=button].focus,
-input[type=reset].focus,
-.t3-button:active.focus,
-button:active.focus,
-input[type=submit]:active.focus,
-input[type=button]:active.focus,
-input[type=reset]:active.focus,
-.t3-button.active.focus,
-button.active.focus,
-input[type=submit].active.focus,
-input[type=button].active.focus,
-input[type=reset].active.focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
+  padding-left: 0;
+  list-style: none;
+  float: left;
 }
-.t3-button:hover,
-button:hover,
-input[type=submit]:hover,
-input[type=button]:hover,
-input[type=reset]:hover,
-.t3-button:focus,
-button:focus,
-input[type=submit]:focus,
-input[type=button]:focus,
-input[type=reset]:focus,
-.t3-button.focus,
-button.focus,
-input[type=submit].focus,
-input[type=button].focus,
-input[type=reset].focus {
-  color: #ffffff;
+.typo3-topbar-navigation-items a {
+  color: #dddddd;
   text-decoration: none;
 }
-.t3-button:active,
-button:active,
-input[type=submit]:active,
-input[type=button]:active,
-input[type=reset]:active,
-.t3-button.active,
-button.active,
-input[type=submit].active,
-input[type=button].active,
-input[type=reset].active {
-  outline: 0;
-  background-image: none;
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+.typo3-topbar-navigation-items > li {
+  float: left;
+  height: 45px;
 }
-.t3-button.disabled,
-button.disabled,
-input[type=submit].disabled,
-input[type=button].disabled,
-input[type=reset].disabled,
-.t3-button[disabled],
-button[disabled],
-input[type=submit][disabled],
-input[type=button][disabled],
-input[type=reset][disabled],
-fieldset[disabled] .t3-button,
-fieldset[disabled] button,
-fieldset[disabled] input[type=submit],
-fieldset[disabled] input[type=button],
-fieldset[disabled] input[type=reset] {
-  cursor: not-allowed;
-  pointer-events: none;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  box-shadow: none;
+.typo3-topbar-navigation-items > li > a {
+  position: relative;
+  display: block;
+  padding: 13.5px 10px;
+  border-left: 1px solid #2b2b2b;
+  border-right: 1px solid #111111;
 }
-.t3-button:hover,
-button:hover,
-input[type=submit]:hover,
-input[type=button]:hover,
-input[type=reset]:hover,
-.t3-button:focus,
-button:focus,
-input[type=submit]:focus,
-input[type=button]:focus,
-input[type=reset]:focus,
-.t3-button.focus,
-button.focus,
-input[type=submit].focus,
-input[type=button].focus,
-input[type=reset].focus,
-.t3-button:active,
-button:active,
-input[type=submit]:active,
-input[type=button]:active,
-input[type=reset]:active,
-.t3-button.active,
-button.active,
-input[type=submit].active,
-input[type=button].active,
-input[type=reset].active,
-.open > .dropdown-toggle.t3-button,
-.open > .dropdown-togglebutton,
-.open > .dropdown-toggleinput[type=submit],
-.open > .dropdown-toggleinput[type=button],
-.open > .dropdown-toggleinput[type=reset] {
+.typo3-topbar-navigation-items > li > a:hover,
+.typo3-topbar-navigation-items > li > a:focus,
+.typo3-topbar-navigation-items > li > a:active {
   color: #ffffff;
-  background-color: #696969;
-  border-color: #575757;
-}
-.t3-button:active,
-button:active,
-input[type=submit]:active,
-input[type=button]:active,
-input[type=reset]:active,
-.t3-button.active,
-button.active,
-input[type=submit].active,
-input[type=button].active,
-input[type=reset].active,
-.open > .dropdown-toggle.t3-button,
-.open > .dropdown-togglebutton,
-.open > .dropdown-toggleinput[type=submit],
-.open > .dropdown-toggleinput[type=button],
-.open > .dropdown-toggleinput[type=reset] {
-  background-image: none;
-}
-.t3-button.disabled,
-button.disabled,
-input[type=submit].disabled,
-input[type=button].disabled,
-input[type=reset].disabled,
-.t3-button[disabled],
-button[disabled],
-input[type=submit][disabled],
-input[type=button][disabled],
-input[type=reset][disabled],
-fieldset[disabled] .t3-button,
-fieldset[disabled] button,
-fieldset[disabled] input[type=submit],
-fieldset[disabled] input[type=button],
-fieldset[disabled] input[type=reset],
-.t3-button.disabled:hover,
-button.disabled:hover,
-input[type=submit].disabled:hover,
-input[type=button].disabled:hover,
-input[type=reset].disabled:hover,
-.t3-button[disabled]:hover,
-button[disabled]:hover,
-input[type=submit][disabled]:hover,
-input[type=button][disabled]:hover,
-input[type=reset][disabled]:hover,
-fieldset[disabled] .t3-button:hover,
-fieldset[disabled] button:hover,
-fieldset[disabled] input[type=submit]:hover,
-fieldset[disabled] input[type=button]:hover,
-fieldset[disabled] input[type=reset]:hover,
-.t3-button.disabled:focus,
-button.disabled:focus,
-input[type=submit].disabled:focus,
-input[type=button].disabled:focus,
-input[type=reset].disabled:focus,
-.t3-button[disabled]:focus,
-button[disabled]:focus,
-input[type=submit][disabled]:focus,
-input[type=button][disabled]:focus,
-input[type=reset][disabled]:focus,
-fieldset[disabled] .t3-button:focus,
-fieldset[disabled] button:focus,
-fieldset[disabled] input[type=submit]:focus,
-fieldset[disabled] input[type=button]:focus,
-fieldset[disabled] input[type=reset]:focus,
-.t3-button.disabled.focus,
-button.disabled.focus,
-input[type=submit].disabled.focus,
-input[type=button].disabled.focus,
-input[type=reset].disabled.focus,
-.t3-button[disabled].focus,
-button[disabled].focus,
-input[type=submit][disabled].focus,
-input[type=button][disabled].focus,
-input[type=reset][disabled].focus,
-fieldset[disabled] .t3-button.focus,
-fieldset[disabled] button.focus,
-fieldset[disabled] input[type=submit].focus,
-fieldset[disabled] input[type=button].focus,
-fieldset[disabled] input[type=reset].focus,
-.t3-button.disabled:active,
-button.disabled:active,
-input[type=submit].disabled:active,
-input[type=button].disabled:active,
-input[type=reset].disabled:active,
-.t3-button[disabled]:active,
-button[disabled]:active,
-input[type=submit][disabled]:active,
-input[type=button][disabled]:active,
-input[type=reset][disabled]:active,
-fieldset[disabled] .t3-button:active,
-fieldset[disabled] button:active,
-fieldset[disabled] input[type=submit]:active,
-fieldset[disabled] input[type=button]:active,
-fieldset[disabled] input[type=reset]:active,
-.t3-button.disabled.active,
-button.disabled.active,
-input[type=submit].disabled.active,
-input[type=button].disabled.active,
-input[type=reset].disabled.active,
-.t3-button[disabled].active,
-button[disabled].active,
-input[type=submit][disabled].active,
-input[type=button][disabled].active,
-input[type=reset][disabled].active,
-fieldset[disabled] .t3-button.active,
-fieldset[disabled] button.active,
-fieldset[disabled] input[type=submit].active,
-fieldset[disabled] input[type=button].active,
-fieldset[disabled] input[type=reset].active {
-  background-color: #828282;
-  border-color: #757575;
-}
-.t3-button .badge,
-button .badge,
-input[type=submit] .badge,
-input[type=button] .badge,
-input[type=reset] .badge {
-  color: #828282;
-  background-color: #ffffff;
+  background-color: #333333;
+  border-left-color: #3b3b3b;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Groups
-- - - - - - - - - - - - - - - - - - - - - */
-.t3-form-field-group {
-  margin-bottom: 1.5em;
+.typo3-topbar-navigation-items > li.open > a {
+  color: #ffffff;
+  background-color: #484848;
+  border-left-color: #505050;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-Go back A-tags
-- - - - - - - - - - - - - - - - - - - - - */
-a.typo3-goBack img {
-  margin-right: 5px;
-  vertical-align: middle;
+.typo3-topbar-navigation-items .dropdown {
+  min-width: 45px;
+  text-align: center;
 }
-span.typo3-moduleHeader img {
-  margin-right: 4px;
+.typo3-topbar-navigation-items .dropdown > a > .fa {
+  font-size: 16px;
+  margin: 0;
+  display: inline-block;
+  position: relative;
   vertical-align: middle;
+  width: auto;
+  height: auto;
 }
-a.typo3-goBack {
-  font-weight: bold;
-}
-/* - - - - - - - - - - - - - - - - - - - - -
-   Styles for the "clearable" jquery plugin.
-- - - - - - - - - - - - - - - - - - - - - */
-.t3-clearable-wrapper {
+.typo3-topbar-navigation-items .dropdown-toggle {
   position: relative;
-  display: inline-block;
-}
-.t3-clearable {
-  padding-right: 15px;
 }
-.t3-clearable-wrapper .t3-input-clearer {
+.typo3-topbar-navigation-items .dropdown-toggle .badge {
+  display: none;
+  font-size: 10px;
+  min-width: 15px;
+  height: 15px;
   position: absolute;
+  padding: 0;
+  border-radius: 2px;
+  line-height: 15px;
+  bottom: 5px;
   right: 5px;
-  top: 5px;
-  z-index: 100;
-}
-.t3-tceforms-input-wrapper-datetime .t3-clearable-wrapper .t3-input-clearer {
-  top: 10px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-TYPO3 backend scaffolding
-- - - - - - - - - - - - - - - - - - - - - */
-body#typo3-backend-php {
+.typo3-topbar-navigation-items .dropdown-menu {
+  left: auto;
+  right: 0;
   margin: 0;
-  padding: 0;
-}
-#typo3-main-container {
-  clear: both;
-}
-#typo3-top {
-  margin-left: 160px;
-}
-iframe {
-  width: 100%;
-}
-#typo3-side-menu,
-iframe {
-  height: 100%;
-  overflow: auto;
-}
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Module menu
-- - - - - - - - - - - - - - - - - - - - - */
-[id="typo3-module-menu"] {
-  background: #222222;
+  padding: 8px 16px;
   color: #dddddd;
+  background-color: #222222;
+  border-color: #111111;
+  border-top: 1px solid #444444;
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0 0 2px 2px;
+  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
 }
-[id="typo3-module-menu-xsplit"] {
-  z-index: 10;
-  width: 1px;
-  background-color: #2b2b2b;
-  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
-  box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
-}
-[id="typo3-module-menu-xsplit"]:hover {
-  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9);
-  box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9);
-}
-[id="typo3-module-menu-xsplit"] .x-layout-mini-wrapper {
-  left: -7px;
-  width: 15px;
+.typo3-topbar-navigation-items .dropdown-menu a {
+  color: #dddddd;
+  white-space: nowrap;
 }
-[id="typo3-menu"] {
-  padding-left: 0;
-  list-style: none;
+.typo3-topbar-navigation-items .dropdown-menu > *:last-child {
+  margin-bottom: 0;
 }
-[id="typo3-menu"] .typo3-module-menu-group-container {
-  clear: both;
+.typo3-topbar-navigation-items .dropdown-list {
   padding-left: 0;
   list-style: none;
-  padding-right: 15px;
-}
-[id="typo3-menu"] .typo3-module-menu-group {
-  -webkit-transition: background-color 0.4s ease-in-out;
-  -o-transition: background-color 0.4s ease-in-out;
-  transition: background-color 0.4s ease-in-out;
-  position: relative;
-  color: #dddddd;
-  background-color: #222222;
-  border-top: 1px solid #2b2b2b;
-  border-bottom: 1px solid #111111;
-  padding: 5px 0;
-}
-[id="typo3-menu"] .typo3-module-menu-group.expanded {
-  background-color: #222222;
 }
-[id="typo3-menu"] .typo3-module-menu-group-header {
+.typo3-topbar-navigation-items .dropdown-list > li {
   position: relative;
-  cursor: pointer;
-  display: block;
-  padding: 4px 9px;
-  text-transform: uppercase;
 }
-[id="typo3-menu"] .typo3-module-menu-group-header:before,
-[id="typo3-menu"] .typo3-module-menu-group-header:after {
+.typo3-topbar-navigation-items .dropdown-list > li:before,
+.typo3-topbar-navigation-items .dropdown-list > li:after {
   content: " ";
   display: table;
 }
-[id="typo3-menu"] .typo3-module-menu-group-header:after {
+.typo3-topbar-navigation-items .dropdown-list > li:after {
   clear: both;
 }
-[id="typo3-menu"] .typo3-module-menu-group-header:before,
-[id="typo3-menu"] .typo3-module-menu-group-header:after {
+.typo3-topbar-navigation-items .dropdown-list > li:before,
+.typo3-topbar-navigation-items .dropdown-list > li:after {
   content: " ";
   display: table;
 }
-[id="typo3-menu"] .typo3-module-menu-group-header:after {
+.typo3-topbar-navigation-items .dropdown-list > li:after {
   clear: both;
 }
-[id="typo3-menu"] .typo3-module-menu-item {
-  margin: 1px 0;
+.typo3-topbar-navigation-items .dropdown-list > li.active .dropdown-list-link {
+  background-color: #484848;
+  color: #ffffff;
+}
+.typo3-topbar-navigation-items .dropdown-list > li + li {
+  margin-top: 1px;
+}
+.typo3-topbar-navigation-items .dropdown-list > li.divider + li {
+  margin-top: 0;
+}
+.typo3-topbar-navigation-items .dropdown-list .divider {
+  border-top: 1px solid #111111;
+  background-color: #2b2b2b;
+  margin: 8px 0;
+  padding: 0;
+  padding-top: 1px;
+  margin-left: -16px;
+  margin-right: -16px;
 }
-[id="typo3-menu"] .typo3-module-menu-item-link {
-  position: relative;
-  cursor: pointer;
-  display: block;
-  padding: 4px 9px;
-  color: #666666;
-  border-radius: 0 2px 2px 0;
-  text-decoration: none;
+.typo3-topbar-navigation-items .dropdown-list .modlink {
+  width: 210px;
 }
-[id="typo3-menu"] .typo3-module-menu-item-link:before,
-[id="typo3-menu"] .typo3-module-menu-item-link:after {
+.typo3-topbar-navigation-items .dropdown-list .modlink:before,
+.typo3-topbar-navigation-items .dropdown-list .modlink:after {
   content: " ";
   display: table;
 }
-[id="typo3-menu"] .typo3-module-menu-item-link:after {
+.typo3-topbar-navigation-items .dropdown-list .modlink:after {
   clear: both;
 }
-[id="typo3-menu"] .typo3-module-menu-item-link:before,
-[id="typo3-menu"] .typo3-module-menu-item-link:after {
+.typo3-topbar-navigation-items .dropdown-list .modlink:before,
+.typo3-topbar-navigation-items .dropdown-list .modlink:after {
   content: " ";
   display: table;
 }
-[id="typo3-menu"] .typo3-module-menu-item-link:after {
+.typo3-topbar-navigation-items .dropdown-list .modlink:after {
   clear: both;
 }
-[id="typo3-menu"] .typo3-module-menu-item-link:focus,
-[id="typo3-menu"] .typo3-module-menu-item-link:hover {
-  outline: none;
-  color: #dddddd;
-  background-color: #2a2a2a;
-}
-[id="typo3-menu"] .typo3-module-menu-item.active .typo3-module-menu-item-link {
-  color: #ffffff;
-  background-color: #484848;
-}
-[id="typo3-menu"] .typo3-module-menu-group-icon,
-[id="typo3-menu"] .typo3-module-menu-item-icon {
+.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-icon {
   float: left;
   margin-right: 10px;
 }
-[id="typo3-menu"] .typo3-module-menu-group-icon {
-  background-color: transparent;
-}
-[id="typo3-menu"] .typo3-module-menu-group-icon:after {
-  display: none;
-}
-[id="typo3-menu"] .typo3-module-menu-group-title,
-[id="typo3-menu"] .typo3-module-menu-item-title {
+.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-label {
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-top: 7px;
@@ -11781,113 +10621,189 @@ Module menu
   overflow: hidden;
   *zoom: 1;
 }
-[id="typo3-menu"] .typo3-module-menu-group-title {
-  padding-right: 20px;
+.typo3-topbar-navigation-items .dropdown-list .dropdown-header {
+  font-size: 1em;
+  margin-left: -16px;
+  margin-right: -16px;
+  padding: 8px 16px;
 }
-[id="typo3-menu"] .typo3-module-menu-group-title .caret {
-  -webkit-transition: all 0.25s ease-in-out;
-  -o-transition: all 0.25s ease-in-out;
-  transition: all 0.25s ease-in-out;
-  -webkit-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
+.typo3-topbar-navigation-items .dropdown-list-link {
+  max-width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  text-decoration: none;
+  cursor: pointer;
+  white-space: nowrap;
+  color: #dddddd;
+  margin-left: -16px;
+  margin-right: -16px;
+  padding: 4px 16px;
+}
+.typo3-topbar-navigation-items .dropdown-list-link:hover {
+  color: #ffffff;
+  background-color: #333333;
+}
+.typo3-topbar-navigation-items .dropdown-list-link-edit,
+.typo3-topbar-navigation-items .dropdown-list-link-delete,
+.typo3-topbar-navigation-items .dropdown-list-link-close {
+  display: table;
   position: absolute;
-  top: 17px;
-  right: 18px;
+  top: 0;
+  bottom: 0;
+  right: -8px;
+  padding: 0;
+  text-align: center;
+  width: 26px;
+  height: 26px;
 }
-[id="typo3-menu"] .expanded .typo3-module-menu-group-title .caret {
-  -webkit-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
-  -o-transform: rotate(0deg);
-  transform: rotate(0deg);
+.typo3-topbar-navigation-items .dropdown-list-link-edit .t3-icon,
+.typo3-topbar-navigation-items .dropdown-list-link-delete .t3-icon,
+.typo3-topbar-navigation-items .dropdown-list-link-close .t3-icon {
+  display: table-cell;
+  margin: 0;
+  height: auto;
+  width: auto;
 }
-.typo3-module-menu-snapped .typo3-module-menu-group-container {
-  padding-right: 0;
+.typo3-topbar-navigation-items .dropdown-list-link-edit:hover,
+.typo3-topbar-navigation-items .dropdown-list-link-delete:hover,
+.typo3-topbar-navigation-items .dropdown-list-link-close:hover {
+  color: #ffffff;
+  background-color: #333333;
 }
-.typo3-module-menu-snapped .typo3-module-menu-item-link {
-  border-radius: 0;
+.typo3-topbar-navigation-items .dropdown-list-link-edit {
+  right: 18px;
 }
-.typo3-module-menu-snapped .typo3-module-menu-group-title,
-.typo3-module-menu-snapped .typo3-module-menu-item-title {
-  display: none;
+.typo3-topbar-navigation-items .dropdown-list-link-delete:hover,
+.typo3-topbar-navigation-items .dropdown-list-link-close:hover {
+  color: #ffffff;
+  background-color: #c83c3c;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-[id="typo3-topbar"],
-[id="typo3-topbar"] .x-panel-body {
-  min-width: 1000px;
+.typo3-topbar-navigation-items .dropdown-link-list-add-close {
+  padding-right: 50px;
 }
-[id="typo3-topbar"] {
-  height: 45px;
+.typo3-topbar-navigation-items .dropdown-link-list-add-editdelete {
+  padding-right: 85px;
+}
+.typo3-topbar-navigation-items .topbar-workspaces-title {
+  margin-left: 3px;
+}
+.typo3-topbar-navigation-search {
   position: relative;
-  background-color: #111111;
+  padding: 0;
+  margin: 0;
+}
+.typo3-topbar-navigation-search .form-group:before {
+  content: "\f002";
+  font: normal normal normal 14px/1 FontAwesome;
+  position: absolute;
+  top: 50%;
+  left: 15px;
+  margin-top: -8px;
+  z-index: 1;
+}
+.typo3-topbar-navigation-search .form-control {
+  box-sizing: content-box;
+  background-color: #222222;
   color: #dddddd;
+  height: 18px;
+  padding-left: 35px;
+  padding-right: 30px;
+  padding-top: 14px;
+  padding-bottom: 13px;
+  border: none;
+  border-left: 1px solid #2b2b2b;
+  border-radius: 0;
 }
-[id="typo3-topbar"] .x-panel-bwrap,
-[id="typo3-topbar"] .x-panel-body {
-  overflow: visible;
+.typo3-topbar-navigation-search .form-control:hover {
+  border-left-color: #373737;
+  background-color: #333333;
 }
-.typo3-in-workspace [id="typo3-topbar"] {
-  background-color: #6d860d;
+.typo3-topbar-navigation-search .form-control:focus {
+  outline: none;
+  border-left-color: #373737;
+  background-color: #484848;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
-.typo3-in-workspace [id="typo3-topbar"] .typo3-topbar-site-name {
-  color: #fff;
+.typo3-topbar-navigation-search .form-control + .t3-icon {
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  margin-right: 0;
+  margin-top: -8px;
 }
-.typo3-topbar-container {
-  -moz-user-select: -moz-none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-  height: 45px;
-  position: relative;
+.live-search-list {
+  left: auto;
+  right: 0;
+  margin: 0;
+  padding: 8px 16px;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #111111;
+  border-top: 1px solid #444444;
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0 0 2px 2px;
+  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
+  right: auto;
+  padding: 0;
 }
-.typo3-topbar-site {
-  display: table;
+.live-search-list a {
+  color: #dddddd;
+  white-space: nowrap;
+}
+.live-search-list > *:last-child {
+  margin-bottom: 0;
+}
+.live-search-list .x-toolbar {
   padding: 0;
-  height: 45px;
-  float: left;
+  border: none;
+  background: transparent;
 }
-.typo3-topbar-site-logo,
-.typo3-topbar-site-name {
-  display: table-cell;
-  vertical-align: middle;
-  text-align: center;
+.live-search-list .x-combo-list-hd,
+.live-search-list .x-combo-list-inner,
+.live-search-list .x-combo-list-ft {
+  border: none;
+  background: transparent;
+  color: #dddddd;
+}
+.live-search-list .x-combo-list-hd,
+.live-search-list .x-combo-list-inner,
+.live-search-list .x-combo-list-ft {
+  padding: 16px;
 }
-.typo3-topbar-site-logo {
-  background-color: #111111;
-  width: 51px;
-  -webkit-box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15);
-  box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15);
+.live-search-list .x-combo-list-hd {
+  background-color: #2a2a2a;
+  border-top: 0;
+  border-bottom: 1px solid #111111;
 }
-.typo3-topbar-site-logo:hover {
-  background-color: #333333;
+.live-search-list .x-combo-list-ft {
+  padding-top: 0;
+  border-bottom: 0;
 }
-.typo3-topbar-site-logo > img {
-  max-width: 50px;
-  max-height: 50px;
+.live-search-list .x-combo-list-inner {
+  padding-right: 0;
+  border-top: 1px solid #2b2b2b;
 }
-.typo3-topbar-site-name {
-  cursor: default;
-  padding: 0 15px;
+.live-search-list .x-btn {
+  background: none;
+  border: none;
+  color: inherit;
 }
-.typo3-topbar-navigation {
-  color: #dddddd;
-  background-color: #222222;
-  float: right;
+.live-search-list .x-btn .x-btn-tl,
+.live-search-list .x-btn .x-btn-tc,
+.live-search-list .x-btn .x-btn-tr,
+.live-search-list .x-btn .x-btn-ml,
+.live-search-list .x-btn .x-btn-mr,
+.live-search-list .x-btn .x-btn-bl,
+.live-search-list .x-btn .x-btn-bc,
+.live-search-list .x-btn .x-btn-br {
+  display: none;
 }
-.typo3-topbar-navigation .btn {
+.live-search-list .x-btn button {
   display: inline-block;
   margin-bottom: 0;
   font-weight: normal;
@@ -11900,39 +10816,45 @@ Module menu
   white-space: nowrap;
   padding: 6px 6px;
   font-size: 12px;
-  line-height: 1.5;
-  border-radius: 2px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  padding: 4px 4px;
+  font-size: 11px;
+  line-height: 1.5;
+  border-radius: 2px;
+  color: #333333;
+  background-color: #eeeeee;
+  border-color: #cccccc;
+  height: auto!important;
 }
-.typo3-topbar-navigation .btn:focus,
-.typo3-topbar-navigation .btn:active:focus,
-.typo3-topbar-navigation .btn.active:focus,
-.typo3-topbar-navigation .btn.focus,
-.typo3-topbar-navigation .btn:active.focus,
-.typo3-topbar-navigation .btn.active.focus {
+.live-search-list .x-btn button:focus,
+.live-search-list .x-btn button:active:focus,
+.live-search-list .x-btn button.active:focus,
+.live-search-list .x-btn button.focus,
+.live-search-list .x-btn button:active.focus,
+.live-search-list .x-btn button.active.focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
-.typo3-topbar-navigation .btn:hover,
-.typo3-topbar-navigation .btn:focus,
-.typo3-topbar-navigation .btn.focus {
-  color: #ffffff;
+.live-search-list .x-btn button:hover,
+.live-search-list .x-btn button:focus,
+.live-search-list .x-btn button.focus {
+  color: #333333;
   text-decoration: none;
 }
-.typo3-topbar-navigation .btn:active,
-.typo3-topbar-navigation .btn.active {
+.live-search-list .x-btn button:active,
+.live-search-list .x-btn button.active {
   outline: 0;
   background-image: none;
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
-.typo3-topbar-navigation .btn.disabled,
-.typo3-topbar-navigation .btn[disabled],
-fieldset[disabled] .typo3-topbar-navigation .btn {
+.live-search-list .x-btn button.disabled,
+.live-search-list .x-btn button[disabled],
+fieldset[disabled] .live-search-list .x-btn button {
   cursor: not-allowed;
   pointer-events: none;
   opacity: 0.65;
@@ -11940,738 +10862,596 @@ fieldset[disabled] .typo3-topbar-navigation .btn {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.typo3-topbar-navigation .btn.btn-default {
-  color: #ffffff;
-  background-color: #828282;
-  border-color: #757575;
-}
-.typo3-topbar-navigation .btn.btn-default:hover,
-.typo3-topbar-navigation .btn.btn-default:focus,
-.typo3-topbar-navigation .btn.btn-default.focus,
-.typo3-topbar-navigation .btn.btn-default:active,
-.typo3-topbar-navigation .btn.btn-default.active,
-.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-default {
-  color: #ffffff;
-  background-color: #696969;
-  border-color: #575757;
+.live-search-list .x-btn button:hover,
+.live-search-list .x-btn button:focus,
+.live-search-list .x-btn button.focus,
+.live-search-list .x-btn button:active,
+.live-search-list .x-btn button.active,
+.open > .dropdown-toggle.live-search-list .x-btn button {
+  color: #333333;
+  background-color: #d5d5d5;
+  border-color: #adadad;
 }
-.typo3-topbar-navigation .btn.btn-default:active,
-.typo3-topbar-navigation .btn.btn-default.active,
-.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-default {
+.live-search-list .x-btn button:active,
+.live-search-list .x-btn button.active,
+.open > .dropdown-toggle.live-search-list .x-btn button {
   background-image: none;
 }
-.typo3-topbar-navigation .btn.btn-default.disabled,
-.typo3-topbar-navigation .btn.btn-default[disabled],
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-default,
-.typo3-topbar-navigation .btn.btn-default.disabled:hover,
-.typo3-topbar-navigation .btn.btn-default[disabled]:hover,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-default:hover,
-.typo3-topbar-navigation .btn.btn-default.disabled:focus,
-.typo3-topbar-navigation .btn.btn-default[disabled]:focus,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-default:focus,
-.typo3-topbar-navigation .btn.btn-default.disabled.focus,
-.typo3-topbar-navigation .btn.btn-default[disabled].focus,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-default.focus,
-.typo3-topbar-navigation .btn.btn-default.disabled:active,
-.typo3-topbar-navigation .btn.btn-default[disabled]:active,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-default:active,
-.typo3-topbar-navigation .btn.btn-default.disabled.active,
-.typo3-topbar-navigation .btn.btn-default[disabled].active,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-default.active {
-  background-color: #828282;
-  border-color: #757575;
-}
-.typo3-topbar-navigation .btn.btn-default .badge {
-  color: #828282;
-  background-color: #ffffff;
-}
-.typo3-topbar-navigation .btn.btn-success {
-  color: #ffffff;
-  background-color: #1eb941;
-  border-color: #1aa339;
-}
-.typo3-topbar-navigation .btn.btn-success:hover,
-.typo3-topbar-navigation .btn.btn-success:focus,
-.typo3-topbar-navigation .btn.btn-success.focus,
-.typo3-topbar-navigation .btn.btn-success:active,
-.typo3-topbar-navigation .btn.btn-success.active,
-.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-success {
-  color: #ffffff;
-  background-color: #178d32;
-  border-color: #126e27;
+.live-search-list .x-btn button.disabled,
+.live-search-list .x-btn button[disabled],
+fieldset[disabled] .live-search-list .x-btn button,
+.live-search-list .x-btn button.disabled:hover,
+.live-search-list .x-btn button[disabled]:hover,
+fieldset[disabled] .live-search-list .x-btn button:hover,
+.live-search-list .x-btn button.disabled:focus,
+.live-search-list .x-btn button[disabled]:focus,
+fieldset[disabled] .live-search-list .x-btn button:focus,
+.live-search-list .x-btn button.disabled.focus,
+.live-search-list .x-btn button[disabled].focus,
+fieldset[disabled] .live-search-list .x-btn button.focus,
+.live-search-list .x-btn button.disabled:active,
+.live-search-list .x-btn button[disabled]:active,
+fieldset[disabled] .live-search-list .x-btn button:active,
+.live-search-list .x-btn button.disabled.active,
+.live-search-list .x-btn button[disabled].active,
+fieldset[disabled] .live-search-list .x-btn button.active {
+  background-color: #eeeeee;
+  border-color: #cccccc;
 }
-.typo3-topbar-navigation .btn.btn-success:active,
-.typo3-topbar-navigation .btn.btn-success.active,
-.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-success {
-  background-image: none;
+.live-search-list .x-btn button .badge {
+  color: #eeeeee;
+  background-color: #333333;
 }
-.typo3-topbar-navigation .btn.btn-success.disabled,
-.typo3-topbar-navigation .btn.btn-success[disabled],
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-success,
-.typo3-topbar-navigation .btn.btn-success.disabled:hover,
-.typo3-topbar-navigation .btn.btn-success[disabled]:hover,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-success:hover,
-.typo3-topbar-navigation .btn.btn-success.disabled:focus,
-.typo3-topbar-navigation .btn.btn-success[disabled]:focus,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-success:focus,
-.typo3-topbar-navigation .btn.btn-success.disabled.focus,
-.typo3-topbar-navigation .btn.btn-success[disabled].focus,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-success.focus,
-.typo3-topbar-navigation .btn.btn-success.disabled:active,
-.typo3-topbar-navigation .btn.btn-success[disabled]:active,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-success:active,
-.typo3-topbar-navigation .btn.btn-success.disabled.active,
-.typo3-topbar-navigation .btn.btn-success[disabled].active,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-success.active {
-  background-color: #1eb941;
-  border-color: #1aa339;
+.live-search-list .search-item-type {
+  padding: 5px 20px 5px 0px;
+  white-space: nowrap;
 }
-.typo3-topbar-navigation .btn.btn-success .badge {
-  color: #1eb941;
-  background-color: #ffffff;
+.live-search-list .search-item-title {
+  border-radius: 2px 0px 0px 2px;
+  padding: 5px 20px 5px 10px;
 }
-.typo3-topbar-navigation .btn.btn-danger {
-  color: #ffffff;
-  background-color: #c83c3c;
-  border-color: #b73434;
+.live-search-list .search-item-title.x-combo-selected {
+  border: none!important;
+  background-color: #3c3c3c;
 }
-.typo3-topbar-navigation .btn.btn-danger:hover,
-.typo3-topbar-navigation .btn.btn-danger:focus,
-.typo3-topbar-navigation .btn.btn-danger.focus,
-.typo3-topbar-navigation .btn.btn-danger:active,
-.typo3-topbar-navigation .btn.btn-danger.active,
-.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-danger {
-  color: #ffffff;
-  background-color: #a32e2e;
-  border-color: #872626;
+.search-list-help-content {
+  padding: 16px;
 }
-.typo3-topbar-navigation .btn.btn-danger:active,
-.typo3-topbar-navigation .btn.btn-danger.active,
-.open > .dropdown-toggle.typo3-topbar-navigation .btn.btn-danger {
-  background-image: none;
+.search-list-help-content strong {
+  display: block;
+  margin-bottom: 0.5em;
 }
-.typo3-topbar-navigation .btn.btn-danger.disabled,
-.typo3-topbar-navigation .btn.btn-danger[disabled],
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger,
-.typo3-topbar-navigation .btn.btn-danger.disabled:hover,
-.typo3-topbar-navigation .btn.btn-danger[disabled]:hover,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger:hover,
-.typo3-topbar-navigation .btn.btn-danger.disabled:focus,
-.typo3-topbar-navigation .btn.btn-danger[disabled]:focus,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger:focus,
-.typo3-topbar-navigation .btn.btn-danger.disabled.focus,
-.typo3-topbar-navigation .btn.btn-danger[disabled].focus,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.focus,
-.typo3-topbar-navigation .btn.btn-danger.disabled:active,
-.typo3-topbar-navigation .btn.btn-danger[disabled]:active,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger:active,
-.typo3-topbar-navigation .btn.btn-danger.disabled.active,
-.typo3-topbar-navigation .btn.btn-danger[disabled].active,
-fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.active {
-  background-color: #c83c3c;
-  border-color: #b73434;
+.search-list-help-content p {
+  margin-top: 0.5em;
+  margin-bottom: 0;
 }
-.typo3-topbar-navigation .btn.btn-danger .badge {
-  color: #c83c3c;
-  background-color: #ffffff;
+#typo3-dblist-sysnotes {
+  margin-top: 15px;
 }
-.typo3-topbar-navigation .shortcut {
-  min-width: 180px;
+#typo3-dblist-sysnotes .single-note {
+  margin-bottom: 12px;
 }
-.typo3-topbar-navigation .shortcut-form {
-  padding: 16px;
-  margin: 4px -16px;
-  border-top: 1px solid #373737;
-  background-color: #2b2b2b;
-  border-bottom: 1px solid #111111;
+#typo3-dblist-sysnotes .single-note .header {
+  min-height: 24px;
+  line-height: 24px;
+  background: #d7d7d7;
+  color: #000;
+  font-size: 0.9em;
 }
-.typo3-topbar-navigation-items {
-  height: 45px;
-  margin-bottom: 0;
-  padding-left: 0;
-  list-style: none;
+#typo3-dblist-sysnotes .single-note .header span.typeicon {
+  width: 23px;
+  height: 24px;
+  margin-right: 7px;
+  display: block;
   float: left;
+  cursor: pointer;
+  background: url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left;
 }
-.typo3-topbar-navigation-items a {
-  color: #dddddd;
-  text-decoration: none;
+#typo3-dblist-sysnotes .single-note .header .right.icons {
+  visibility: hidden;
 }
-.typo3-topbar-navigation-items > li {
-  float: left;
-  height: 45px;
+#typo3-dblist-sysnotes .single-note .header .right {
+  float: right;
+  margin-right: 5px;
 }
-.typo3-topbar-navigation-items > li > a {
-  position: relative;
-  display: block;
-  padding: 13.5px 10px;
-  border-left: 1px solid #2b2b2b;
-  border-right: 1px solid #111111;
+#typo3-dblist-sysnotes .single-note .header span {
+  color: #666;
 }
-.typo3-topbar-navigation-items > li > a:hover,
-.typo3-topbar-navigation-items > li > a:focus,
-.typo3-topbar-navigation-items > li > a:active {
-  color: #ffffff;
-  background-color: #333333;
-  border-left-color: #3b3b3b;
+#typo3-dblist-sysnotes .single-note .content {
+  padding: 12px;
+  background: #fffeed;
+  border: 1px solid #dadada;
+  border-top: none;
+  color: #666;
 }
-.typo3-topbar-navigation-items > li.open > a {
-  color: #ffffff;
-  background-color: #484848;
-  border-left-color: #505050;
+#typo3-dblist-sysnotes .single-note .content .title {
+  margin-bottom: 6px;
+  font-weight: bold;
 }
-.typo3-topbar-navigation-items .dropdown {
-  min-width: 45px;
-  text-align: center;
+#typo3-dblist-sysnotes .single-note:hover .header {
+  background-color: #666;
 }
-.typo3-topbar-navigation-items .dropdown > a > .fa {
-  font-size: 16px;
-  margin: 0;
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-  width: auto;
-  height: auto;
+#typo3-dblist-sysnotes .single-note:hover .header .right.icons {
+  visibility: visible;
 }
-.typo3-topbar-navigation-items .dropdown-toggle {
-  position: relative;
+#typo3-dblist-sysnotes .category-1 .header span.typeicon {
+  background-image: url(../../../../icons/ext/sys_note/icon-instruction.png);
 }
-.typo3-topbar-navigation-items .dropdown-toggle .badge {
-  display: none;
-  font-size: 10px;
-  min-width: 15px;
-  height: 15px;
-  position: absolute;
-  padding: 0;
-  border-radius: 2px;
-  line-height: 15px;
-  bottom: 5px;
-  right: 5px;
+#typo3-dblist-sysnotes .category-2 .header span.typeicon {
+  background-image: url(../../../../icons/ext/sys_note/icon-template.png);
 }
-.typo3-topbar-navigation-items .dropdown-menu {
-  left: auto;
-  right: 0;
-  margin: 0;
-  padding: 8px 16px;
-  color: #dddddd;
-  background-color: #222222;
-  border-color: #111111;
-  border-top: 1px solid #444444;
-  border-left: 0;
-  border-right: 0;
-  border-radius: 0 0 2px 2px;
-  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
-  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
+#typo3-dblist-sysnotes .category-3 .header span.typeicon {
+  background-image: url(../../../../icons/ext/sys_note/icon-note.png);
 }
-.typo3-topbar-navigation-items .dropdown-menu a {
-  color: #dddddd;
-  white-space: nowrap;
+#typo3-dblist-sysnotes .category-4 .header span.typeicon {
+  background-image: url(../../../../icons/ext/sys_note/icon-todo.png);
 }
-.typo3-topbar-navigation-items .dropdown-menu > *:last-child {
-  margin-bottom: 0;
+#typo3-dblist-sysnotes .single-note:hover .header,
+#typo3-dblist-sysnotes .single-note:hover .header span {
+  color: #d7d7d7;
 }
-.typo3-topbar-navigation-items .dropdown-list {
-  padding-left: 0;
-  list-style: none;
+.contentelement-wizard li {
+  margin-bottom: 10px;
 }
-.typo3-topbar-navigation-items .dropdown-list > li {
-  position: relative;
+.contentelement-wizard li .contentelement-wizard-item-input,
+.contentelement-wizard li .contentelement-wizard-item-icon {
+  float: left;
+  margin-right: 5px;
 }
-.typo3-topbar-navigation-items .dropdown-list > li:before,
-.typo3-topbar-navigation-items .dropdown-list > li:after {
+.contentelement-wizard li:last-child {
+  margin-bottom: 0px;
+}
+.contentelement-wizard a {
+  display: inline-block;
+}
+#typo3-extension-main-menu .tabs ul,
+#typo3-extension-configuration-forms .tabs ul {
+  list-style: none;
+  padding: 0;
+  margin-bottom: -1px;
+}
+#typo3-extension-main-menu .tabs ul:before,
+#typo3-extension-configuration-forms .tabs ul:before,
+#typo3-extension-main-menu .tabs ul:after,
+#typo3-extension-configuration-forms .tabs ul:after {
   content: " ";
   display: table;
 }
-.typo3-topbar-navigation-items .dropdown-list > li:after {
+#typo3-extension-main-menu .tabs ul:after,
+#typo3-extension-configuration-forms .tabs ul:after {
   clear: both;
 }
-.typo3-topbar-navigation-items .dropdown-list > li:before,
-.typo3-topbar-navigation-items .dropdown-list > li:after {
+#typo3-extension-main-menu .tabs ul:before,
+#typo3-extension-configuration-forms .tabs ul:before,
+#typo3-extension-main-menu .tabs ul:after,
+#typo3-extension-configuration-forms .tabs ul:after {
   content: " ";
   display: table;
 }
-.typo3-topbar-navigation-items .dropdown-list > li:after {
+#typo3-extension-main-menu .tabs ul:after,
+#typo3-extension-configuration-forms .tabs ul:after {
   clear: both;
 }
-.typo3-topbar-navigation-items .dropdown-list > li.active .dropdown-list-link {
-  background-color: #484848;
-  color: #ffffff;
+#typo3-extension-main-menu .tabs ul > li,
+#typo3-extension-configuration-forms .tabs ul > li {
+  cursor: pointer;
 }
-.typo3-topbar-navigation-items .dropdown-list > li + li {
-  margin-top: 1px;
+#typo3-extension-main-menu .tabs ul > li.ui-tabs-active a,
+#typo3-extension-configuration-forms .tabs ul > li.ui-tabs-active a,
+#typo3-extension-main-menu .tabs ul > li a.current,
+#typo3-extension-configuration-forms .tabs ul > li a.current {
+  background: white;
+  color: black;
+  border-bottom: 0;
+  padding-top: 4px;
+  cursor: default;
 }
-.typo3-topbar-navigation-items .dropdown-list > li.divider + li {
-  margin-top: 0;
+#typo3-extension-main-menu .tabs ul > li a,
+#typo3-extension-configuration-forms .tabs ul > li a {
+  border-radius: 4px 4px 0 0;
+  float: left;
+  height: 22px;
+  background: #dadada;
+  padding: 4px 15px;
+  margin-top: -1px;
+  margin-right: 2px;
+  border: 1px solid #adadad;
+  color: #606060;
+  outline: none;
 }
-.typo3-topbar-navigation-items .dropdown-list .divider {
-  border-top: 1px solid #111111;
-  background-color: #2b2b2b;
-  margin: 8px 0;
-  padding: 0;
-  padding-top: 1px;
-  margin-left: -16px;
-  margin-right: -16px;
+#typo3-extension-main-menu .tabs ul > li a:hover,
+#typo3-extension-configuration-forms .tabs ul > li a:hover {
+  background-color: #eee;
+  border-color: #adadad;
+  color: #606060;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink {
-  width: 210px;
+.typo3-extension-list .ext-icon {
+  max-height: 16px;
+  width: auto;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink:before,
-.typo3-topbar-navigation-items .dropdown-list .modlink:after {
-  content: " ";
-  display: table;
+.typo3-extensionmanager-headerRowLeft {
+  float: left;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink:after {
-  clear: both;
+.typo3-extensionmanager-headerRowRight {
+  float: right;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink:before,
-.typo3-topbar-navigation-items .dropdown-list .modlink:after {
-  content: " ";
-  display: table;
+.ui-toolbar {
+  margin-bottom: 5px;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink:after {
-  clear: both;
+.ui-toolbar .dataTables_filter {
+  float: left;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-icon {
+.dataTables_info {
+  display: none;
+}
+.dataTables_paginate {
   float: left;
-  margin-right: 10px;
+  margin: 10px 0 0;
 }
-.typo3-topbar-navigation-items .dropdown-list .modlink .submodule-label {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding-top: 7px;
-  display: block;
-  overflow: hidden;
-  *zoom: 1;
+.uploadForm {
+  background-color: #ededed;
+  border-top: 1px solid #cdcdcd;
+  border-bottom: 1px solid #cdcdcd;
+  padding: 12px;
+  margin-bottom: 24px;
 }
-.typo3-topbar-navigation-items .dropdown-list .dropdown-header {
-  font-size: 1em;
-  margin-left: -16px;
-  margin-right: -16px;
-  padding: 8px 16px;
+.uploadForm form .control-group {
+  clear: both;
+  margin-bottom: 5px;
 }
-.typo3-topbar-navigation-items .dropdown-list-link {
-  max-width: 300px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  text-decoration: none;
-  cursor: pointer;
-  white-space: nowrap;
-  color: #dddddd;
-  margin-left: -16px;
-  margin-right: -16px;
-  padding: 4px 16px;
+.uploadForm form label {
+  float: left;
+  height: 20px;
+  padding: 4px 0;
+  line-height: 20px;
+  width: 90px;
 }
-.typo3-topbar-navigation-items .dropdown-list-link:hover {
-  color: #ffffff;
-  background-color: #333333;
+.uploadForm form .control {
+  min-height: 20px;
+  padding: 4px 0;
+  margin-left: 110px;
 }
-.typo3-topbar-navigation-items .dropdown-list-link-edit,
-.typo3-topbar-navigation-items .dropdown-list-link-delete,
-.typo3-topbar-navigation-items .dropdown-list-link-close {
-  display: table;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: -8px;
-  padding: 0;
-  text-align: center;
-  width: 26px;
-  height: 26px;
+.distribution {
+  border: 1px solid #cfcfcf;
+  background-color: #f5f5f5;
+  margin-bottom: 20px;
+  margin-left: 20px;
+  width: 300px;
+  float: left;
 }
-.typo3-topbar-navigation-items .dropdown-list-link-edit .t3-icon,
-.typo3-topbar-navigation-items .dropdown-list-link-delete .t3-icon,
-.typo3-topbar-navigation-items .dropdown-list-link-close .t3-icon {
-  display: table-cell;
-  margin: 0;
-  height: auto;
-  width: auto;
+.distribution:hover {
+  background-color: #ededed;
 }
-.typo3-topbar-navigation-items .dropdown-list-link-edit:hover,
-.typo3-topbar-navigation-items .dropdown-list-link-delete:hover,
-.typo3-topbar-navigation-items .dropdown-list-link-close:hover {
-  color: #ffffff;
-  background-color: #333333;
+.distribution:hover .distribution-hover {
+  top: 0px;
+  opacity: 1;
 }
-.typo3-topbar-navigation-items .dropdown-list-link-edit {
-  right: 18px;
+.distribution:hover .distribution-more {
+  text-decoration: underline;
 }
-.typo3-topbar-navigation-items .dropdown-list-link-delete:hover,
-.typo3-topbar-navigation-items .dropdown-list-link-close:hover {
-  color: #ffffff;
-  background-color: #c83c3c;
+.distribution-holder {
+  top: 0px;
+  bottom: 0px;
+  margin-left: -20px;
 }
-.typo3-topbar-navigation-items .dropdown-link-list-add-close {
-  padding-right: 50px;
+.distribution-holder:before,
+.distribution-holder:after {
+  content: " ";
+  display: table;
 }
-.typo3-topbar-navigation-items .dropdown-link-list-add-editdelete {
-  padding-right: 85px;
+.distribution-holder:after {
+  clear: both;
 }
-.typo3-topbar-navigation-items .topbar-workspaces-title {
-  margin-left: 3px;
+.distribution-holder:before,
+.distribution-holder:after {
+  content: " ";
+  display: table;
 }
-.typo3-topbar-navigation-search {
+.distribution-holder:after {
+  clear: both;
+}
+.distribution-image {
   position: relative;
-  padding: 0;
-  margin: 0;
+  width: 300px;
+  height: 225px;
+  overflow: hidden;
 }
-.typo3-topbar-navigation-search .form-group:before {
-  content: "\f002";
-  font: normal normal normal 14px/1 FontAwesome;
+.distribution-image img {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.distribution-hover {
+  background-color: #f5f5f5;
   position: absolute;
-  top: 50%;
-  left: 15px;
-  margin-top: -8px;
-  z-index: 1;
+  top: 100%;
+  left: 0px;
+  width: 300px;
+  height: 225px;
+  overflow: hidden;
+  opacity: 0;
+  -webkit-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
-.typo3-topbar-navigation-search .form-control {
-  box-sizing: content-box;
-  background-color: #222222;
-  color: #dddddd;
-  height: 18px;
-  padding-left: 35px;
-  padding-right: 30px;
-  padding-top: 14px;
-  padding-bottom: 13px;
-  border: none;
-  border-left: 1px solid #2b2b2b;
-  border-radius: 0;
+.distribution-hover-inner {
+  padding: 15px;
 }
-.typo3-topbar-navigation-search .form-control:hover {
-  border-left-color: #373737;
-  background-color: #333333;
+.distribution-meta {
+  border-top: 1px solid #dcdcdc;
+  padding: 15px;
 }
-.typo3-topbar-navigation-search .form-control:focus {
-  outline: none;
-  border-left-color: #373737;
-  background-color: #484848;
-  -webkit-box-shadow: none;
-  box-shadow: none;
+.distribution-meta .distribution-title {
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 14px;
 }
-.typo3-topbar-navigation-search .form-control + .t3-icon {
-  text-align: center;
-  position: absolute;
-  top: 50%;
-  right: 15px;
-  margin-right: 0;
-  margin-top: -8px;
+.distribution-meta .distribution-install {
+  margin-top: 0.5em;
 }
-.live-search-list {
-  left: auto;
-  right: 0;
-  margin: 0;
-  padding: 8px 16px;
-  color: #dddddd;
-  background-color: #222222;
-  border-color: #111111;
-  border-top: 1px solid #444444;
-  border-left: 0;
-  border-right: 0;
-  border-radius: 0 0 2px 2px;
-  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
-  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
-  right: auto;
-  padding: 0;
+.distribution-meta .distribution-official {
+  border: 1px solid #0078e6;
+  background-color: #0078e6;
+  border-radius: 2px;
+  display: inline-block;
+  padding: 3px 8px;
+  vertical-align: middle;
+  color: #FFFFFF;
+}
+.distribution-detail-flashmessage {
+  margin-bottom: 2.5em;
 }
-.live-search-list a {
-  color: #dddddd;
-  white-space: nowrap;
+.distribution-detail-flashmessage p {
+  padding-bottom: 0;
 }
-.live-search-list > *:last-child {
-  margin-bottom: 0;
+.distribution-detail {
+  min-width: 750px;
 }
-.live-search-list .x-toolbar {
-  padding: 0;
-  border: none;
-  background: transparent;
+.distribution-detail:before,
+.distribution-detail:after {
+  content: " ";
+  display: table;
 }
-.live-search-list .x-combo-list-hd,
-.live-search-list .x-combo-list-inner,
-.live-search-list .x-combo-list-ft {
-  border: none;
-  background: transparent;
-  color: #dddddd;
+.distribution-detail:after {
+  clear: both;
 }
-.live-search-list .x-combo-list-hd,
-.live-search-list .x-combo-list-inner,
-.live-search-list .x-combo-list-ft {
-  padding: 16px;
+.distribution-detail:before,
+.distribution-detail:after {
+  content: " ";
+  display: table;
 }
-.live-search-list .x-combo-list-hd {
-  background-color: #2a2a2a;
-  border-top: 0;
-  border-bottom: 1px solid #111111;
+.distribution-detail:after {
+  clear: both;
 }
-.live-search-list .x-combo-list-ft {
-  padding-top: 0;
-  border-bottom: 0;
+.distribution-detail-previewpane {
+  float: left;
+  margin-right: 30px;
 }
-.live-search-list .x-combo-list-inner {
-  padding-right: 0;
-  border-top: 1px solid #2b2b2b;
+.distribution-detail-preview {
+  display: block;
+  border: 1px solid #cfcfcf;
 }
-.live-search-list .x-btn {
+.distribution-detail-body {
+  overflow: hidden;
+  zoom: 1;
+}
+.distribution-detail-header {
+  margin-bottom: 2.5em;
+}
+.distribution-detail-header h1 {
+  margin-bottom: 0.5em;
+}
+.distribution-detail-header p {
+  padding: 0px;
+  max-width: 500px;
+  margin-bottom: 1.25em;
+}
+.distribution-detail-summary {
+  margin-top: 2.5em;
+  margin-bottom: 2.5em;
+}
+.distribution-installed hr {
+  margin: 2.5em 0;
+  border: 0;
+  border-top: 1px solid #cfcfcf;
+}
+.ui-widget-header {
   background: none;
   border: none;
-  color: inherit;
+  font-weight: normal;
 }
-.live-search-list .x-btn .x-btn-tl,
-.live-search-list .x-btn .x-btn-tc,
-.live-search-list .x-btn .x-btn-tr,
-.live-search-list .x-btn .x-btn-ml,
-.live-search-list .x-btn .x-btn-mr,
-.live-search-list .x-btn .x-btn-bl,
-.live-search-list .x-btn .x-btn-bc,
-.live-search-list .x-btn .x-btn-br {
-  display: none;
+.dataTables_info {
+  font-size: 10px;
+  color: #444;
+  float: left;
 }
-.live-search-list .x-btn button {
-  display: inline-block;
-  margin-bottom: 0;
-  font-weight: normal;
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
+.paging_two_button .ui-button {
+  float: left;
   cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  white-space: nowrap;
-  padding: 6px 6px;
-  font-size: 12px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding: 4px 4px;
-  font-size: 11px;
-  line-height: 1.5;
-  border-radius: 2px;
-  color: #ffffff;
-  background-color: #828282;
-  border-color: #757575;
-  height: auto!important;
 }
-.live-search-list .x-btn button:focus,
-.live-search-list .x-btn button:active:focus,
-.live-search-list .x-btn button.active:focus,
-.live-search-list .x-btn button.focus,
-.live-search-list .x-btn button:active.focus,
-.live-search-list .x-btn button.active.focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
+.paging_full_numbers .ui-button {
+  padding: 2px 6px;
+  margin: 0;
+  cursor: pointer;
+  color: #333 !important;
 }
-.live-search-list .x-btn button:hover,
-.live-search-list .x-btn button:focus,
-.live-search-list .x-btn button.focus {
-  color: #ffffff;
-  text-decoration: none;
+.dataTables_paginate .ui-button {
+  margin-right: -0.1em !important;
 }
-.live-search-list .x-btn button:active,
-.live-search-list .x-btn button.active {
-  outline: 0;
-  background-image: none;
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+.paging_full_numbers {
+  float: right;
 }
-.live-search-list .x-btn button.disabled,
-.live-search-list .x-btn button[disabled],
-fieldset[disabled] .live-search-list .x-btn button {
-  cursor: not-allowed;
-  pointer-events: none;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  box-shadow: none;
+.dataTables_paginate {
+  width: auto;
 }
-.live-search-list .x-btn button:hover,
-.live-search-list .x-btn button:focus,
-.live-search-list .x-btn button.focus,
-.live-search-list .x-btn button:active,
-.live-search-list .x-btn button.active,
-.open > .dropdown-toggle.live-search-list .x-btn button {
-  color: #ffffff;
-  background-color: #696969;
-  border-color: #575757;
+#typo3-extension-configuration-forms {
+  min-width: 400px;
+  max-width: 900px;
 }
-.live-search-list .x-btn button:active,
-.live-search-list .x-btn button.active,
-.open > .dropdown-toggle.live-search-list .x-btn button {
-  background-image: none;
+#typo3-extension-configuration-forms .category {
+  background-repeat: repeat-x;
+  background-color: #fff;
+  border: 1px solid #adadad;
+  padding: 15px;
 }
-.live-search-list .x-btn button.disabled,
-.live-search-list .x-btn button[disabled],
-fieldset[disabled] .live-search-list .x-btn button,
-.live-search-list .x-btn button.disabled:hover,
-.live-search-list .x-btn button[disabled]:hover,
-fieldset[disabled] .live-search-list .x-btn button:hover,
-.live-search-list .x-btn button.disabled:focus,
-.live-search-list .x-btn button[disabled]:focus,
-fieldset[disabled] .live-search-list .x-btn button:focus,
-.live-search-list .x-btn button.disabled.focus,
-.live-search-list .x-btn button[disabled].focus,
-fieldset[disabled] .live-search-list .x-btn button.focus,
-.live-search-list .x-btn button.disabled:active,
-.live-search-list .x-btn button[disabled]:active,
-fieldset[disabled] .live-search-list .x-btn button:active,
-.live-search-list .x-btn button.disabled.active,
-.live-search-list .x-btn button[disabled].active,
-fieldset[disabled] .live-search-list .x-btn button.active {
-  background-color: #828282;
-  border-color: #757575;
+#typo3-extension-configuration-forms .group {
+  margin-bottom: 30px;
 }
-.live-search-list .x-btn button .badge {
-  color: #828282;
-  background-color: #ffffff;
+#typo3-extension-configuration-forms .group label {
+  display: block;
+  padding-bottom: 10px;
 }
-.live-search-list .search-item-type {
-  padding: 5px 20px 5px 0px;
-  white-space: nowrap;
+#typo3-extension-configuration-forms .group input[type=text] {
+  width: 300px;
 }
-.live-search-list .search-item-title {
-  border-radius: 2px 0px 0px 2px;
-  padding: 5px 20px 5px 10px;
+#typo3-extension-configuration-forms #typo3-docheader-row2 .back {
+  float: right;
 }
-.live-search-list .search-item-title.x-combo-selected {
-  border: none!important;
-  background-color: #3c3c3c;
+#typo3-extension-configuration-forms input.submit {
+  margin-top: 10px;
 }
-.search-list-help-content {
-  padding: 16px;
+#typo3-extension-configuration-forms .error,
+#typo3-extension-configuration-forms .invalid {
+  border-radius: 0 4px 4px 0;
+  -webkit-box-shadow: 0 0 6px #dddddd;
+  box-shadow: 0 0 6px #dddddd;
+  height: 15px;
+  background-color: #ff2262;
+  border: 1px solid #e1e16d;
+  font-size: 11px;
+  color: #000;
+  padding: 3px 10px;
+  margin-left: -2px;
 }
-.search-list-help-content strong {
-  display: block;
-  margin-bottom: 0.5em;
+#typo3-extension-configuration-forms .info {
+  color: #666;
+  font-weight: normal;
 }
-.search-list-help-content p {
-  margin-top: 0.5em;
+.typo3-extension-list tr.installed td {
+  background-color: #c8ffaa;
+}
+.typo3-extension-list tr.available td {
+  background-color: #E1E1aa;
+}
+.typo3-extension-manager .insecure {
+  color: #ff2262;
+}
+.typo3-extension-manager .outdated {
+  color: #0c08ff;
+}
+.typo3-extension-manager form#extensionUploadForm {
   margin-bottom: 0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Sys notes
-- - - - - - - - - - - - - - - - - - - - - */
-/* Should be added by sys_note only when necessary */
-#typo3-dblist-sysnotes {
-  margin-top: 15px;
+.typo3-extension-manager form#extensionUploadForm div.control-group:last-child {
+  margin-bottom: 0;
 }
-#typo3-dblist-sysnotes .single-note {
-  margin-bottom: 12px;
+.typo3-extension-list .inactive {
+  color: #aaaaaa;
 }
-#typo3-dblist-sysnotes .single-note .header {
-  min-height: 24px;
-  line-height: 24px;
-  background: #d7d7d7;
-  color: #000;
-  font-size: 0.9em;
+.headerTooltip,
+.tooltip {
+  -webkit-box-shadow: 2px 2px 11px #666666;
+  box-shadow: 2px 2px 11px #666666;
+  display: none;
+  width: 400px;
+  background-color: #ffa;
+  border: 1px solid #cc9;
+  padding: 3px;
+  font-size: 13px;
+  z-index: 1000;
 }
-#typo3-dblist-sysnotes .single-note .header span.typeicon {
-  width: 23px;
-  height: 24px;
-  margin-right: 7px;
-  display: block;
-  float: left;
-  cursor: pointer;
-  background: url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left;
+.headerTooltip {
+  width: 150px;
 }
-#typo3-dblist-sysnotes .single-note .header .right.icons {
-  visibility: hidden;
+#terTableWrapper {
+  position: relative;
 }
-#typo3-dblist-sysnotes .single-note .header .right {
-  float: right;
-  margin-right: 5px;
+#terTableWrapper .splash-receivedata {
+  display: none;
+  position: absolute;
+  top: 50px;
+  left: 50%;
+  margin: 0 0 0 -150px;
 }
-#typo3-dblist-sysnotes .single-note .header span {
-  color: #666;
+#terTableWrapper .splash-receivedata a {
+  display: inline-block;
+  width: 200px;
+  vertical-align: top;
+  padding: 3px 20px;
 }
-#typo3-dblist-sysnotes .single-note .content {
-  padding: 12px;
-  background: #fffeed;
-  border: 1px solid #dadada;
-  border-top: none;
-  color: #666;
+#terTableWrapper .splash-receivedata.is-shown {
+  display: block;
 }
-#typo3-dblist-sysnotes .single-note .content .title {
-  margin-bottom: 6px;
+#terTableWrapper .spinner {
+  display: inline-block;
+}
+#terTableWrapper .ui-icon {
+  width: 16px;
+  height: 16px;
+  background-image: url('../Images/ui-icons_222222_256x240.png');
+  background-position: -64px -16px;
+}
+.time-since-last-update {
   font-weight: bold;
+  padding-right: 0.4em;
+  cursor: help;
 }
-#typo3-dblist-sysnotes .single-note:hover .header {
-  background-color: #666;
+.is-loading {
+  opacity: 0;
+}
+.is-hidden {
+  display: none;
 }
-#typo3-dblist-sysnotes .single-note:hover .header .right.icons {
-  visibility: visible;
+.typo3-extension-list .t3-icon,
+.typo3-extension-list .t3-icon:hover {
+  border: none;
+  background-color: transparent;
 }
-#typo3-dblist-sysnotes .category-1 .header span.typeicon {
-  background-image: url(../../../../icons/ext/sys_note/icon-instruction.png);
+.typo3-extension-list .author {
+  display: none;
 }
-#typo3-dblist-sysnotes .category-2 .header span.typeicon {
-  background-image: url(../../../../icons/ext/sys_note/icon-template.png);
+.versions-all {
+  display: inline-block;
+  width: 20px;
+  text-indent: -200px;
+  overflow: hidden;
 }
-#typo3-dblist-sysnotes .category-3 .header span.typeicon {
-  background-image: url(../../../../icons/ext/sys_note/icon-note.png);
+.currentVersionInfo {
+  padding: 0 0 20px 0;
 }
-#typo3-dblist-sysnotes .category-4 .header span.typeicon {
-  background-image: url(../../../../icons/ext/sys_note/icon-todo.png);
+.currentVersionInfo td {
+  padding: 4px 0;
 }
-#typo3-dblist-sysnotes .single-note:hover .header,
-#typo3-dblist-sysnotes .single-note:hover .header span {
-  color: #d7d7d7;
+.currentVersionInfo th {
+  font-weight: normal;
+  color: #8c8c8c;
+  padding: 4px 20px 4px 0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
--New Record Wizard
-- - - -- - - - - - - - - - - - - - - - - */
-/* Should be added by NewContentElementController only when necessary */
-.contentelement-wizard li {
-  margin-bottom: 10px;
+span.ter-ext-state {
+  padding: 0 0 0 5px;
+  font-weight: bold;
+  text-transform: capitalize;
 }
-.contentelement-wizard li .contentelement-wizard-item-input,
-.contentelement-wizard li .contentelement-wizard-item-icon {
-  float: left;
-  margin-right: 5px;
+#typo3-docbody form.download {
+  margin-bottom: 0;
 }
-.contentelement-wizard li:last-child {
-  margin-bottom: 0px;
+.typo3-extensionmanager-headerRowLeft {
+  display: inline-block;
 }
-.contentelement-wizard a {
+.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper {
   display: inline-block;
+  position: relative;
+}
+.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input {
+  height: 15px;
+}
+.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear {
+  position: absolute;
+  right: 3px;
+  top: 4px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Move Element
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-ttContentList {
   border: 1px solid #a2aab8;
   background-color: #fff;
@@ -12686,21 +11466,6 @@ body#typo3-move-el-php img#c-recIcon {
 body#typo3-move-el-php label.t3-label-valign-top {
   vertical-align: top;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Workspace
-- - - - - - - - - - - - - - - - - - - - - */
 div.workspace-info {
   padding: 7px;
 }
@@ -12737,21 +11502,6 @@ table.ver-verElement {
   margin-right: 5px;
   float: left;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Wizards
-- - - - - - - - - - - - - - - - - - - - - */
 body#typo3-wizard-tsconfig-php {
   margin-left: 5px;
 }
@@ -12789,21 +11539,6 @@ body#typo3-wizard-rte-php table#typo3-rtewizard tr td#c-formContent {
 body#typo3-wizard-colorpicker-php p.c-head {
   margin-top: 4px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-File > List
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-filelist tr td div.typo3-clipCtrl {
   float: left;
 }
@@ -12811,9 +11546,6 @@ table#typo3-filelist tr td div.typo3-editCtrl {
   float: left;
   padding-right: 10px;
 }
-/* - - - - - - - - - - - - - - - - - - - - -
-File scripts
-- - - - - - - - - - - - - - - - - - - - - */
 body#typo3-file-upload-php div#c-submit,
 body#typo3-file-upload-php div#c-upload,
 body#typo3-file-upload-php div#c-override,
@@ -12835,39 +11567,9 @@ body#typo3-file-edit-php div#c-submit,
 body#typo3-file-edit-php div#c-edit {
   margin-top: 10px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/**
- * Styling for the module User => Workspace
- */
 #typo3-mod-user-ws-index-php .typo3-dyntabmenu-divs {
   padding: 10px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > List
-- - - - - - - - - - - - - - - - - - - - - */
 table.typo3-dblist tr.c-table-row-spacer td {
   display: none;
 }
@@ -12994,21 +11696,6 @@ div#typo3-listOptions {
   vertical-align: text-bottom !important;
   margin-right: 10px !important;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > Page
-- - - - - - - - - - - - - - - - - - - - - */
 table.t3-gridTable,
 table.t3-page-langMode {
   margin-bottom: 1.5em;
@@ -13116,21 +11803,6 @@ td.t3-page-column.t3-gridCell .t3-page-colHeader {
 tr:first-child td.t3-page-column.t3-gridCell .t3-page-colHeader {
   padding-top: 0;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-extJS icons
-- - - - - - - - - - - - - - - - - - - - - */
 .t3icon-ext-upload {
   background: url('../../../../icons/gfx/upload.gif') 3px 4px no-repeat !important;
 }
@@ -13140,21 +11812,6 @@ extJS icons
 .t3iconstyle-center {
   background-position: center center;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-TypoScript Highlighting
-- - - - - - - - - - - - - - - - - - - - - */
 pre.ts-hl {
   font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
 }
@@ -13199,21 +11856,6 @@ pre.ts-hl .ts-linenum {
   background-color: #eee;
   color: #212424;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Workspace
-- - - - - - - - - - - - - - - - - - - - - */
 #typo3-pagetree .workspace-info {
   background-color: #ffec97;
   font-weight: bold;
@@ -13300,21 +11942,6 @@ table.ver-subtree tr.typo3-ver-noComp td {
 .ver-wl-current-user {
   font-weight: bold;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-File > List
-- - - - - - - - - - - - - - - - - - - - - */
 table#typo3-filelist tr td div.typo3-clipCtrl,
 table#typo3-filelist tr td div.typo3-editCtrl {
   text-align: center;
@@ -13419,21 +12046,6 @@ div.t3-upload-queue-progress {
 .error .t3-upload-queue-progress-bar {
   background-color: #BF383F;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-File Upload Window
-- - - - - - - - - - - - - - - - - - - - - */
 .t3icon-ext-upload {
   background: url('../../../../icons/gfx/upload.gif') 1px 1px no-repeat !important;
 }
@@ -13444,86 +12056,6 @@ File Upload Window
   text-align: left;
   text-indent: 6px;
 }
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > Info
-- - - - - - - - - - - - - - - - - - - - - */
-table.typo3-page-sysnote tr td {
-  background-color: #d9d5c9;
-}
-table.typo3-page-sysnote tr td.c-headLine {
-  background-color: #c5c1b5;
-}
-table#langTable td.c-blocked {
-  background-color: #f6d3cf;
-}
-table#langTable td.c-ok {
-  background-color: #cdeaca;
-}
-table#langTable td.c-leftLine {
-  border-left: 1px solid #a2aab8;
-}
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > List
-- - - - - - - - - - - - - - - - - - - - - */
-table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning {
-  font-weight: bold;
-  line-height: 16px;
-  text-align: center;
-}
-table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
-  background-color: #ffff00;
-}
-table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
-  background-color: #9999cc;
-}
-#db_list-searchbox-toolbar {
-  padding: 5px;
-}
-#db_list-searchbox-toolbar .container {
-  width: 100%;
-}
-#db_list-searchbox-toolbar input.btn-block {
-  margin-top: 23px;
-}
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
-Web > Page
-- - - - - - - - - - - - - - - - - - - - - */
 .t3-page-langMode {
   width: 100%;
 }
diff --git a/typo3/sysext/t3skin/Resources/Public/Images/ui-icons_222222_256x240.png b/typo3/sysext/t3skin/Resources/Public/Images/ui-icons_222222_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..e913bce11f7488ad1f74056543356e11b1487283
GIT binary patch
literal 3702
zcmd^?`8(8K|Ht3&8Dp8jsFV>631ululzoQCjCHarA10v)WtXvxHH4vrsE}RuN}(9p
ztFeb<nXHK{*_&Z*pZk0N7vIPAyv{j4o$L8}J<mDUb>avn`aJOCZ~y>!@HkyF000k`
zz$z#7U>w04>>f<N2}Txr;$q_ef3(^X%YRU~iLaT7Ie_9*WaA_>MLszvW^otmLOgz$
z#x1IGOb2IxzA7niCL67EKfJ}QtEWRnSNKC+@XI#^i6!N)&g^B2ufW+Mlsw1Bxs~pd
z&n|0uhNj%Q)sNc)0PbISU2Tg%`=u-}ep;SeuUvR_oTY-e?jJc{JsG8>R1j1pOG|e*
zw0in(IpK7#lJOM>GzQrN_^Gy@F(W)u*ldTh5fyvcn&sYLe`$xSC9|BkHyhz>Sf3fT
zK=$&{@e?C9=ibuSI`|^&v9Oii`fxMKHe?p~2dvZ4XsL#L1T4Ti&6g~K#ZdgR{fGi(
zy83fSW3>N`QirI_Le~Q|P8nCBH^t`0c`Z0&Po!2dL$EtK#e^eor@%Adg$&wh=<Lfe
z;iDHRZd2?U`x;ZC0)&$e3fb%<tnoydot*yI&vU%*%(R@*(sX0~fKU;-dh2a02G$ty
z-`$T_+=JS=WpA^~lLMQl@G8SiN8+_?DCp`C_6twOtJBnaf&2<a&zh)h{UBd>!*qIV
ztBtld)o~f)neGLN_+pYITGs)pVEtX7E<XN)tT_JJ!!eejCltPoLsf=b;#SK>0pF90
zmxwI8-rP%{8&fUY^#Y5-LX9pM4=5QA*s*M-?a<gUIhVv|hdSMw>%b^pr=zDjp&69N
z#rRJIS7;(-`=qCQ`rhY%K-_02kbyjwD|yz6&%y{>(%|=`jT@UF5?AjSz?&kamq5^-
z;8kzlf#1*s@=L))!hZkk9YJMz9kK!W@M{w?yC_Mp%sG}Ze?4FllKUXVGdx1g2l1|b
z9CQ6p3&?5uMEq=oYtl!tGrcw9tdqqW`nKqpKqN)C0%+;J-xzyfSIM~L-6JtfMm2}L
zeP_L@)4m!!7$)70aZVgCzpPf-4n}SaH=8Vc;{ROs3Vsa7Ze;T1a!!=^`l7ru_2hDY
zek3zQ%Opb~=101mcasbV<Bi8prW~hK=5<#o$IBmI|Hz+uYSmvrV|sDjg>-9UD*#dk
zeX9vC{xL3?n%2ogL=k~cJ<=y_!W3qjZsm3_*?TeniYvGjPx_z@|81vx0<t~JbY-4-
zsG`j@@jjjS;RNdYAEjiEr@`M}7Fki7_J&fPC*F9to1#(}CV*tjW(!xf_`K*)&Dcov
zkpC`%W{yF>EHhVB>I1DHJBGO4D-#Cf{Qy0hcerPGku~{uKp|TlWP=o4$1GWsx=k(|
z?sktfzD-{8V__Il$!W}85RA(2zS`XJfurnt!(HyRzL}k@gM&6_s(v$Xtkz5KN6R>n
zpp9VDtFA4`cw;W*=W)?E^EKD>Pz8UH*RMGetD}VN$h(mfXT>FC^F)GEV|=RkVtwZR
zI9``q0N<aZ>3@?FaW$Nws#qgMpgH1Wky;P5&|7Z|7}j94EGQxp3Nhkez@fH>J2QxB
zBT}EAW?tZnz$Uk*&N$Wn8MFv@Sgq#eMP(=2cEW2C#0>Wxu3rk&Ns%W8O~_mjI`g?d
zL=^5M%tqvjUE(f-L;%=V=7W-B7C;=(Swklaep{|65~2oc2^c^kZ1SNQY~YkhZXuV`
zAe&=o3w662X9=ioiN_UkC>=lad<_kdj!~B#|1^k_Ign`10cE_0&=l~6)#3?Y`KX<T
z^eiHe2j0D0194G3yj#YDMZcE?I8->1H#xq*(VD*+VRN5qjMlBD7dsw9<yqU?B85<t
zo>1#8rOd?3#o=v^Da+s&7uA_po`Bg!02zoNL&=fQp&)A*|7hY8))a_`68Nd76}w*7
zBU4KNowEuh+B_PeOjL~%Y{&L_&wJRab`dm?30j<&w&8Dk=*Z7TcLte_p}u=AUVtq>
zpbaykg{c7uCf?Y>+cvEfz`R@&S5i$r^8WOL7a!pKWm1Qa5<$C04(v|Q+$4m0zfyn(
z-BHm*zT0r_?Y;?DTs7in%+?rJ)-dyUynr-p3GGLS<@Dx*@Gh4om6B|(f@N;#znEs1
z3UHXXVj-K;Yl%DjWK*Fh&~eg|l(JFY_g7ufqdU-IL)+5(nj_{oOG`=NiEEH)ZWUQ?
z_ZR1*7c_&cJ%XsrQ?g*jb5L`8UGIvWwxQ@7UISs3PeZ)s#tQms5qX^$!r3nv8%XQR
zmbf=N2|Xj)G1f^JBRL<&^oeX5g*_B}!6ywVC#*P=3Jc(+(tZ(u`G9$>jEU;wJRUwI
z9nVg8Gg{njevr=KsJp6B_x_v^HGB7Ik6-`~L@z(v*RQZFcD}LPfAHNpG;9>N2tEGF
z{EF(=vGu_nQVAfQEKlPN`yurYEASsRAS73AbGWQ8Xv~W23R5d1#}g|YAcqOhMRu$Q
zg9~EX#Oecp742V0(PFZxWD#Y34>85?y6@AyArMR(W|sGz8buRFvueH89iA!T+31`y
zI`iY|o4)sI><~FdFuLuLU5dRNoT|j(poPNhFfQKKyg{4M@z{4BxkmMsr6d_yTO@fo
z0P$FF6CExp^SdRV)^B#vf*{DMZhPC+IgA%{rG9^N>U)XO-j<#a)g*dxm&C6i;rW8C
z;R)+5I(g^jicJfyy{%r6wdP#a=651(TVf%!BqySuzy98aY1Cn#oXPm`e-SRblMYb6
zLVvRGAfcE8+l1;c=!X}jU8-V3Kb)To>A2{xw$$0{oju?4%|UYL+Duv3sS|fP&2L*G
z+VAa4<A6|O;Ak{l+K}?tYRx^k&u!nU9U~-Vr5as&;beD%x*kvMcuXY2I%@m5zrHZs
zvleA2V_#hjkm2hMkYAHkfGl~qvS7H9hCBBOE?ofOOiK`@2-pClxeSG4RMR3Nxa#e1
zunn^=`{M*C<uA2Q!+wz5VBui_6Jw-)+y}6I&cR9fwHlM8NcHFI)~<+#<){HqemK_2
z#((r}bS!u}az&aP#U`aNZm+kmIgVaceq<gv@MM@htj9hKXrP{3x-fbIqKfF)onN`P
z>%HaOl{>T=|5$0l4)B685#+qyCP7&%<p);!ut*;giKGoQlR~{dH7_8qYrS+r+MK)j
z%C?uyVRkpeab1(jtds>cQcYsgfby{F(I0$<0KQ>pYlaIN_{VAQ2s^fhV<xoDu15Tx
z;26`Aj?>4=7)F;B4pbUliSM_Cj6Cw_(|sBy=+u||6P&qOrRz$}TPL5w>#KYvTeD$%
z73@`2Z|PIADY|^vfG&f%HFWku={k9_Wx1=XBEhW#@9pi?6K8GW8S`(n8tK(6P3ktI
zUj2Ra+wz@oWz5ftRZe=})g>qnu!8!`DQ?`!vCu6sR^T8u(ja#$&W4MeC5tec7}ELq
zMq`L?F{v)g5>IXbwO0YNYY<fa%?Msc7GX<nOo`U8^lYKkthd}Bn5TOrhoY#du1jI=
z6SOe51<zS&`8|_<^?``pJ1A^drs5&&wMljjpJxi|*_>3E#3f0oma)rV;M}^Z{k4zW
zMbKDq9ht%6v7pvw5xMBXiT95n=;9UR4bVLps!5%>5SulDcqI4Gn6G;=OsD~lyLJ0Z
zN%aeL&zb6=AToc#M5!E#xxhos%H9x)_}^Ovm8c$*O!z!uigSNX+ID2MdS{XK_}GYR
z@0NLINAR;5@=dNUi$welCMVJe(u1vLsiVh;hjc+3jo+&2gzty|PDs_73NVnX=<)D3
zJ22n`$fuFtq_$&UU*f~cpG)z5nihNQ8kn*CXzbvoZ)}sVk&fof1=+!3?os~>@OW8%
z88fvPZjQM7b2&MzeJUi*_S~n7gfkI43}i)FrIgIR%)|rB<WCtY;MC19=a92r8jmK@
zgIpwlm(lGif*%u{NZ%Gr8-lYwxM()G>O4!ivbY#KUv=z$V7ZjEjf($a@Jly}cDZab
zw(qAql%{gt#4q5f;O5Soa-gIHSVYL^FcN37ko3y3%F{Qb@kehclf94KLs5TwM8GuE
zgNHmAqF2(Qw)#8@0uk@e`U(i54yfwk*jQ{8E0u9mpRn@HoSBFI^?RSN{A)DnEl-F7
z<Mon5{&aMz_1Cqv+8jn4Mx@v6=dT;#NyC5Hu)x#TnKm*C6T+Av&9=;mwYvNY$sw{^
z2-j3wpHfCz5=DakkP$gpnew+?LhJ<Ql;36#hUH#=`RYe!=&eV%TS*1eoykAHIaKFP
z?9tYod-So{_Cxy@QCJDfIKZsO^^*0ls8=-HrgRILMM79uu5fMMZrRWSAp#aSic5(^
zI-HuB*>6nCq~mMwhi*%>A2BwomeiamejQV=U|$;|_<-^jHvYNxwBmvJJjS<ui=m{q
zN5^~qmzT1;-6X2Bn+^$SfaYKT#roreBII5g9O#VoQxg^ME9xVFmypDF@G)EV|Ksw{
zLNY-vkok3w;%km_-FOK_rL2ZAWT?#czb;ll-dqYNIi^<*zWMt%*m!aS6Tf%99&wbo
zkKbw9JDR)|W?cc{Vg-1jiTih)kRzysrR~h~@~fDxIUiv`pPUB=|0w{kXQEr7LyY(j
D3B!d8

literal 0
HcmV?d00001

diff --git a/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php b/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php
index b63da7839ae3..d06b03c11980 100644
--- a/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php
+++ b/typo3/sysext/tstemplate/Classes/Controller/TemplateAnalyzerModuleFunctionController.php
@@ -121,7 +121,7 @@ class TemplateAnalyzerModuleFunctionController extends \TYPO3\CMS\Backend\Module
 		$head .= '<th>' . $GLOBALS['LANG']->getLL('nextLevel', TRUE) . '</th>';
 		$head .= '</tr></thead>';
 		$hierar = implode(array_reverse($GLOBALS['tmpl']->ext_getTemplateHierarchyArr($hierarchyInfo, '', array(), 1)), '');
-		$hierar = '<div class="table-fit"><table class="t3-table" id="ts-analyzer">' . $head . $hierar . '</table></div>';
+		$hierar = '<div class="table-fit"><table class="table table-striped table-hover" id="ts-analyzer">' . $head . $hierar . '</table></div>';
 		$theOutput .= $this->pObj->doc->spacer(5);
 		$theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('templateHierarchy', TRUE), $hierar, 0, 1);
 		$urlParameters = array(
@@ -129,7 +129,7 @@ class TemplateAnalyzerModuleFunctionController extends \TYPO3\CMS\Backend\Module
 			'template' => 'all'
 		);
 		$aHref = BackendUtility::getModuleUrl('web_ts', $urlParameters);
-		$completeLink = '<p><a href="' . htmlspecialchars($aHref) . '" class="t3-button">' . $GLOBALS['LANG']->getLL('viewCompleteTS', TRUE) . '</a></p>';
+		$completeLink = '<p><a href="' . htmlspecialchars($aHref) . '" class="btn btn-default">' . $GLOBALS['LANG']->getLL('viewCompleteTS', TRUE) . '</a></p>';
 		$theOutput .= $this->pObj->doc->spacer(5);
 		$theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('completeTS', TRUE), $completeLink, 0, 1);
 		$theOutput .= $this->pObj->doc->spacer(15);
diff --git a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php
index c167544d5d1c..fea15609a930 100644
--- a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php
+++ b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateInformationModuleFunctionController.php
@@ -267,7 +267,7 @@ class TypoScriptTemplateInformationModuleFunctionController extends AbstractFunc
 			$outCode .= $this->tableRow($lang->getLL('description'), nl2br(htmlspecialchars($tplRow['description'])), 'description', $tplRow['uid']);
 			$outCode .= $this->tableRow($lang->getLL('constants'), sprintf($lang->getLL('editToView'), trim($tplRow['constants']) ? count(explode(LF, $tplRow['constants'])) : 0), 'constants', $tplRow['uid']);
 			$outCode .= $this->tableRow($lang->getLL('setup'), sprintf($lang->getLL('editToView'), trim($tplRow['config']) ? count(explode(LF, $tplRow['config'])) : 0), 'config', $tplRow['uid']);
-			$outCode = '<div class="table-fit"><table class="t3-table">' . $outCode . '</table></div>';
+			$outCode = '<div class="table-fit"><table class="table table-striped table-hover">' . $outCode . '</table></div>';
 
 			// Edit all icon:
 			$editOnClick = BackendUtility::editOnClick(rawurlencode('&createExtension=0') . '&amp;edit[sys_template][' . $tplRow['uid'] . ']=edit', $GLOBALS['BACK_PATH'], '');
diff --git a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php
index 1fdfe8523a7f..75215c43b4e9 100644
--- a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php
+++ b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php
@@ -201,7 +201,7 @@ class TypoScriptTemplateModuleController extends \TYPO3\CMS\Backend\Module\BaseS
 			}
 			$GLOBALS['TYPO3_DB']->sql_free_result($res);
 
-			$table = '<div class="table-fit"><table class="t3-table" id="ts-overview">' .
+			$table = '<div class="table-fit"><table class="table table-striped table-hover" id="ts-overview">' .
 					'<thead>' .
 					'<tr>' .
 					'<th>' . $GLOBALS['LANG']->getLL('pageName') . '</th>' .
@@ -366,20 +366,27 @@ class TypoScriptTemplateModuleController extends \TYPO3\CMS\Backend\Module\BaseS
 				$staticsText = '';
 			}
 			// Extension?
-			$theOutput .= $this->doc->section($GLOBALS['LANG']->getLL('newWebsite') . $staticsText, $GLOBALS['LANG']->getLL('newWebsiteDescription') . '<br /><br />' . $selector . '<input type="Submit" name="newWebsite" value="' . $GLOBALS['LANG']->getLL('newWebsiteAction') . '" />', 0, 1);
+			$theOutput .= $this->doc->section(
+				$GLOBALS['LANG']->getLL('newWebsite') . $staticsText,
+				'<p>' . $GLOBALS['LANG']->getLL('newWebsiteDescription') . '</p>' . $selector . '<input class="btn btn-primary" type="submit" name="newWebsite" value="' . $GLOBALS['LANG']->getLL('newWebsiteAction') . '" />',
+				0, 1);
 		}
 		// Extension?
-		$theOutput .= $this->doc->spacer(10);
-		$theOutput .= $this->doc->section($GLOBALS['LANG']->getLL('extTemplate'), $GLOBALS['LANG']->getLL('extTemplateDescription') . '<br /><br />' . '<input type="submit" name="createExtension" value="' . $GLOBALS['LANG']->getLL('extTemplateAction') . '" />', 0, 1);
+		$theOutput .= $this->doc->section(
+			$GLOBALS['LANG']->getLL('extTemplate'),
+			'<p>' . $GLOBALS['LANG']->getLL('extTemplateDescription') . '</p>' . '<input class="btn btn-default" type="submit" name="createExtension" value="' . $GLOBALS['LANG']->getLL('extTemplateAction') . '" />',
+			0, 1);
 		// Go to first appearing...
 		$first = $tmpl->ext_prevPageWithTemplate($this->id, $this->perms_clause);
 		if ($first) {
-			$theOutput .= $this->doc->spacer(10);
 			$urlParameters = array(
 				'id' => $first['uid']
 			);
 			$aHref = BackendUtility::getModuleUrl('web_ts', $urlParameters);
-			$theOutput .= $this->doc->section($GLOBALS['LANG']->getLL('goToClosest'), sprintf($GLOBALS['LANG']->getLL('goToClosestDescription') . '<br /><br />%s<strong>' . $GLOBALS['LANG']->getLL('goToClosestAction') . '</strong>%s', htmlspecialchars($first['title']), $first['uid'], '<a href="' . htmlspecialchars($aHref) . '">', '</a>'), 0, 1);
+			$theOutput .= $this->doc->section(
+				$GLOBALS['LANG']->getLL('goToClosest'),
+				sprintf('<p>' .$GLOBALS['LANG']->getLL('goToClosestDescription') . '</p>%s' . $GLOBALS['LANG']->getLL('goToClosestAction') . '%s', htmlspecialchars($first['title']), $first['uid'], '<a class="btn btn-default" href="' . htmlspecialchars($aHref) . '">', '</a>'),
+				0, 1);
 		}
 		return $theOutput;
 	}
diff --git a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php
index 4d5579dd165a..c818cae12748 100644
--- a/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php
+++ b/typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php
@@ -305,22 +305,22 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS
 				// Value
 				$out = '';
 				$out .= htmlspecialchars($this->pObj->sObj) . ' =<br />';
-				$out .= '<input type="Text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][value]" value="' . htmlspecialchars($theSetupValue) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />';
-				$out .= '<input type="Submit" name="update_value" value="' . $GLOBALS['LANG']->getLL('updateButton') . '" />';
+				$out .= '<input type="text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][value]" value="' . htmlspecialchars($theSetupValue) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />';
+				$out .= '<input class="btn btn-default" type="submit" name="update_value" value="' . $GLOBALS['LANG']->getLL('updateButton') . '" />';
 				$theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('editProperty'), $out, 0, 0);
 				// Property
 				$out = '';
 				$out = '<nobr>' . htmlspecialchars($this->pObj->sObj) . '.';
-				$out .= '<input type="Text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][name]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . ' /> = </nobr><br />';
-				$out .= '<input type="Text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][propertyValue]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />';
-				$out .= '<input type="Submit" name="add_property" value="' . $GLOBALS['LANG']->getLL('addButton') . '" />';
+				$out .= '<input type="text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][name]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . ' /> = </nobr><br />';
+				$out .= '<input type="text" name="data[' . htmlspecialchars($this->pObj->sObj) . '][propertyValue]"' . $GLOBALS['TBE_TEMPLATE']->formWidth(40) . ' />';
+				$out .= '<input class="btn btn-default" type="submit" name="add_property" value="' . $GLOBALS['LANG']->getLL('addButton') . '" />';
 				$theOutput .= $this->pObj->doc->spacer(20);
 				$theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('addProperty'), $out, 0, 0);
 				// clear
 				$out = '';
 				$out = htmlspecialchars($this->pObj->sObj) . ' <strong>' . $GLOBALS['LANG']->csConvObj->conv_case($GLOBALS['LANG']->charSet, $GLOBALS['LANG']->getLL('clear'), 'toUpper') . '</strong> &nbsp;&nbsp;';
-				$out .= '<input type="Checkbox" name="data[' . htmlspecialchars($this->pObj->sObj) . '][clearValue]" value="1" />';
-				$out .= '<input type="Submit" name="clear_object" value="' . $GLOBALS['LANG']->getLL('clearButton') . '" />';
+				$out .= '<input type="checkbox" name="data[' . htmlspecialchars($this->pObj->sObj) . '][clearValue]" value="1" />';
+				$out .= '<input class="btn btn-default" type="submit" name="clear_object" value="' . $GLOBALS['LANG']->getLL('clearButton') . '" />';
 				$theOutput .= $this->pObj->doc->spacer(20);
 				$theOutput .= $this->pObj->doc->section($GLOBALS['LANG']->getLL('clearObject'), $out, 0, 0);
 				$theOutput .= $this->pObj->doc->spacer(10);
@@ -360,17 +360,36 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS
 				// If any POST-vars are send, update the condition array
 				$tmpl->tsbrowser_depthKeys = $tmpl->ext_getSearchKeys($theSetup, '', GeneralUtility::_POST('search_field'), array());
 			}
-			$menu = '<div class="tsob-menu"><label>' . $GLOBALS['LANG']->getLL('browse') . '</label>';
-			$menu .= BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_type]', $bType, $this->pObj->MOD_MENU['ts_browser_type']);
-			$menu .= '<label for="ts_browser_toplevel_' . $bType . '">' . $GLOBALS['LANG']->getLL('objectList') . '</label>';
-			$menu .= BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_toplevel_' . $bType . ']', $this->pObj->MOD_SETTINGS['ts_browser_toplevel_' . $bType], $this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]);
-			//search
-			$menu .= '<label for="search_field">' . $GLOBALS['LANG']->getLL('search') . '</label>';
-			$menu .= '<input type="search" name="search_field" id="search_field" value="' . htmlspecialchars($POST['search_field']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '/>';
-			$menu .= '<input type="submit" name="search" class="tsob-search-submit" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_common.xlf:search') . '" />';
-			$menu .= '<div class="checkbox"><label for="checkTs_browser_regexsearch">' . BackendUtility::getFuncCheck($this->pObj->id, 'SET[ts_browser_regexsearch]', $this->pObj->MOD_SETTINGS['ts_browser_regexsearch'], '', '', 'id="checkTs_browser_regexsearch"') . $GLOBALS['LANG']->getLL('regExp') . '</label></div>';
-			$menu .= '</div>';
-			$theOutput .= $this->pObj->doc->section('', '<nobr>' . $menu . '</nobr>');
+			$theOutput .= '
+				<div class="tsob-menu">
+					<div class="form-inline">';
+			if(is_array($this->pObj->MOD_MENU['ts_browser_type']) && count($this->pObj->MOD_MENU['ts_browser_type']) > 1){
+				$theOutput .= '
+						<div class="form-group">
+							<label class="control-label">' . $GLOBALS['LANG']->getLL('browse') . '</label>'
+							. BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_type]', $bType, $this->pObj->MOD_MENU['ts_browser_type']). '
+						</div>';
+			}
+			if(is_array($this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]) && count($this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]) > 1){
+				$theOutput .= '
+						<div class="form-group">
+							<label class="control-label" for="ts_browser_toplevel_' . $bType . '">' . $GLOBALS['LANG']->getLL('objectList') . '</label> '
+							. BackendUtility::getFuncMenu($this->pObj->id, 'SET[ts_browser_toplevel_' . $bType . ']', $this->pObj->MOD_SETTINGS['ts_browser_toplevel_' . $bType], $this->pObj->MOD_MENU['ts_browser_toplevel_' . $bType]) . '
+						</div>';
+			}
+			$theOutput .= '
+						<div class="form-group">
+							<label class="control-label" for="search_field">' . $GLOBALS['LANG']->getLL('search') . '</label>
+							<input class="form-control" type="search" name="search_field" id="search_field" value="' . htmlspecialchars($POST['search_field']) . '"' . $GLOBALS['TBE_TEMPLATE']->formWidth(20) . '/>
+						</div>
+						<input class="btn btn-default tsob-search-submit" type="submit" name="search" value="' . $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_common.xlf:search') . '" />
+					</div>
+					<div class="checkbox">
+						<label for="checkTs_browser_regexsearch">
+							' . BackendUtility::getFuncCheck($this->pObj->id, 'SET[ts_browser_regexsearch]', $this->pObj->MOD_SETTINGS['ts_browser_regexsearch'], '', '', 'id="checkTs_browser_regexsearch"') . $GLOBALS['LANG']->getLL('regExp') . '
+						</label>
+					</div>
+				</div>';
 			$theKey = $this->pObj->MOD_SETTINGS['ts_browser_toplevel_' . $bType];
 			if (!$theKey || !str_replace('-', '', $theKey)) {
 				$theKey = '';
@@ -438,7 +457,7 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS
 					$out .= '<input class="checkbox" type="checkbox" name="conditions[' . $key . ']" id="check' . $key . '" value="' . htmlspecialchars($val) . '"' . ($this->pObj->MOD_SETTINGS['tsbrowser_conditions'][$key] ? ' checked' : '') . ' />' . $tmpl->substituteCMarkers(htmlspecialchars($val));
 					$out .= '</label></div>';
 				}
-				$theOutput .=  '<div class="tsob-menu-row2">' . $out . '</div><input type="submit" name="Submit" value="' . $GLOBALS['LANG']->getLL('setConditions') . '" />';
+				$theOutput .=  '<div class="tsob-menu-row2">' . $out . '</div><input class="btn btn-default" type="submit" name="Submit" value="' . $GLOBALS['LANG']->getLL('setConditions') . '" />';
 			}
 			// Ending section:
 			$theOutput .= $this->pObj->doc->sectionEnd();
diff --git a/typo3/sysext/version/Classes/Controller/VersionModuleController.php b/typo3/sysext/version/Classes/Controller/VersionModuleController.php
index 7854eae07c97..c69c30646481 100644
--- a/typo3/sysext/version/Classes/Controller/VersionModuleController.php
+++ b/typo3/sysext/version/Classes/Controller/VersionModuleController.php
@@ -341,7 +341,7 @@ class VersionModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClass
 					<td title="' . $GLOBALS['LANG']->getLL('tblHeaderDesc_t3ver_count') . '">' . $GLOBALS['LANG']->getLL('tblHeader_t3ver_count') . '</td>
 					<td title="' . $GLOBALS['LANG']->getLL('tblHeaderDesc_pid') . '">' . $GLOBALS['LANG']->getLL('tblHeader_pid') . '</td>
 					<td title="' . $GLOBALS['LANG']->getLL('tblHeaderDesc_t3ver_label') . '">' . $GLOBALS['LANG']->getLL('tblHeader_t3ver_label') . '</td>
-					<td colspan="2"><input type="submit" name="do_diff" value="' . $GLOBALS['LANG']->getLL('diff') . '" /></td>
+					<td colspan="2"><input class="btn btn-default" type="submit" name="do_diff" value="' . $GLOBALS['LANG']->getLL('diff') . '" /></td>
 				</tr>';
 		$versions = BackendUtility::selectVersionsOfRecord($this->table, $this->uid, '*', $GLOBALS['BE_USER']->workspace);
 		foreach ($versions as $row) {
@@ -389,7 +389,7 @@ class VersionModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClass
 			<br /><input type="hidden" name="cmd[' . $this->table . '][' . $this->uid . '][version][action]" value="new" />
 			<input type="hidden" name="prErr" value="1" />
 			<input type="hidden" name="redirect" value="' . htmlspecialchars($this->REQUEST_URI) . '" />
-			<input type="submit" name="_" value="' . $GLOBALS['LANG']->getLL('createNewVersion') . '" />
+			<input class="btn btn-default" type="submit" name="_" value="' . $GLOBALS['LANG']->getLL('createNewVersion') . '" />
 			' . \TYPO3\CMS\Backend\Form\FormEngine::getHiddenTokenField('tceAction') . '
 			</form>
 
diff --git a/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php b/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php
index dfcff1ddbd2c..1c84f97454a1 100644
--- a/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php
+++ b/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php
@@ -130,12 +130,12 @@ class CreatePagesWizardModuleFunctionController extends \TYPO3\CMS\Backend\Modul
 				for ($a = 0; $a < 9; $a++) {
 					$tableData[] = $this->getFormLine($a);
 				}
-				$lines[] = '<table id="formFieldContainer" class="t3-table table-fit"><tbody id="formFieldContainerBody">' . implode(LF, $tableData) . '</tbody></table>';
-				$theCode .= '<h4>' . $this->getLanguageService()->getLL('wiz_newPages') . ':</h4>' . implode('', $lines) . '<input type="button" id="createNewFormFields" value="' . $this->getLanguageService()->getLL('wiz_newPages_addMoreLines') . '" />';
+				$lines[] = '<div class="table-fit"><table id="formFieldContainer" class="table table-striped table-hover"><tbody id="formFieldContainerBody">' . implode(LF, $tableData) . '</tbody></table></div>';
+				$theCode .= '<h4>' . $this->getLanguageService()->getLL('wiz_newPages') . ':</h4>' . implode('', $lines) . '<input class="btn btn-default" type="button" id="createNewFormFields" value="' . $this->getLanguageService()->getLL('wiz_newPages_addMoreLines') . '" />';
 				$theCode .= '<div class="checkbox"><label for="createInListEnd"><input type="checkbox" name="createInListEnd" id="createInListEnd" value="1" />' . $this->getLanguageService()->getLL('wiz_newPages_listEnd') . '</label></div>';
 				$theCode .= '<div class="checkbox"><label for="hidePages"><input type="checkbox" name="hidePages" id="hidePages" value="1" />' . $this->getLanguageService()->getLL('wiz_newPages_hidePages') . '</label></div>';
 				$theCode .= '<div class="checkbox"><label for="hidePagesInMenus"><input type="checkbox" name="hidePagesInMenus" id="hidePagesInMenus" value="1" />' . $this->getLanguageService()->getLL('wiz_newPages_hidePagesInMenus') . '</label></div>';
-				$theCode .= '<input type="submit" name="create" value="' . $this->getLanguageService()->getLL('wiz_newPages_lCreate') . '" />&nbsp;<input type="reset" value="' . $this->getLanguageService()->getLL('wiz_newPages_lReset') . '" />';
+				$theCode .= '<input class="btn btn-default" type="submit" name="create" value="' . $this->getLanguageService()->getLL('wiz_newPages_lCreate') . '" /> <input class="btn btn-default" type="reset" value="' . $this->getLanguageService()->getLL('wiz_newPages_lReset') . '" />';
 
 				/** @var \TYPO3\CMS\Core\Page\PageRenderer $pageRenderer */
 				$pageRenderer = $GLOBALS['TBE_TEMPLATE']->getPageRenderer();
@@ -144,12 +144,6 @@ class CreatePagesWizardModuleFunctionController extends \TYPO3\CMS\Backend\Modul
 				// Add inline code
 				$inlineJavaScriptCode = 'var tpl = "' . addslashes(str_replace(array(LF, TAB), array('', ''), $this->getFormLine('#'))) . '", i, line, div, bg, label;';
 				$pageRenderer->addJsInlineCode('wizard_crpages', $inlineJavaScriptCode);
-
-				$pageRenderer->addCssInlineBlock(__CLASS__, '
-				#formFieldContainer {float: left; margin: 0 0 10px 0;}
-				#formFieldContainer label {width: 70px; display: inline-block;}
-				#formFieldContainer span {padding: 0 3px;}
-				');
 			}
 		} else {
 			$theCode .= GeneralUtility::makeInstance(FlashMessage::class, '', $this->getLanguageService()->getLL('wiz_newPages_errorMsg1'), FlashMessage::ERROR)->render();
diff --git a/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php b/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php
index ba32674ea8a8..b6926d452fea 100644
--- a/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php
+++ b/typo3/sysext/wizard_sortpages/Classes/View/SortPagesWizardModuleFunction.php
@@ -80,7 +80,7 @@ class SortPagesWizardModuleFunction extends \TYPO3\CMS\Backend\Module\AbstractFu
 					</tr>';
 				}
 				$theCode .= '<h2>' . $GLOBALS['LANG']->getLL('wiz_currentPageOrder', TRUE) . '</h2>';
-				$theCode .= '<div class="table-fit"><table class="t3-table">' . implode('', $lines) . '</table></div>';
+				$theCode .= '<div class="table-fit"><table class="table table-striped table-hover">' . implode('', $lines) . '</table></div>';
 
 				// Menu:
 				$lines = array();
-- 
GitLab