[BUGFIX] FormEngine gaps, sections and borders 23/34223/5
authorFelix Kopp <felix-source@phorax.com>
Sat, 15 Nov 2014 19:30:30 +0000 (20:30 +0100)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sun, 16 Nov 2014 09:45:02 +0000 (10:45 +0100)
* Padding & margins
* Section headline
* First section border top
* Hover link (everywhere)

Resolves: #62999
Releases: master
Change-Id: Ib617cf01644b2d11e022f4e318a745961ddd8860
Reviewed-on: http://review.typo3.org/34223
Tested-by: Benjamin Mack <benni@typo3.org>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index b17dcc3..bb2f17f 100644 (file)
@@ -18,47 +18,60 @@ TCEforms
 // Special handling of Tabs within FormEngine
 .typo3-TCEforms {
 
+       // Move dyntab inner padding into fieldset for horizontal HR
        div.typo3-dyntabmenu-divs {
-               // Override .tab inner padding: for section border
                padding: 0;
        }
 
-       .table {
-               margin-bottom: 0;
+       .c-tablayer {
+               div,
+               td {
+                       vertical-align: top;
+               }
 
-               > tbody {
-                       > tr {
-                               > td {
-                                       background: none;
+               > table {
+                       margin-bottom: 0;
 
+                       > tbody {
+                               > tr {
+                                       > td {
+                                               padding: 0 @line-height-computed 0 @line-height-computed;
+                                               background: none;
 
+                                               &.palette-header {
+                                                       border-top: 1px solid @gray-light;
+                                                       padding: ceil(@line-height-computed * 1.5) @line-height-computed floor(@line-height-computed * 0.25) @line-height-computed;
 
-                                       &.palette-header {
-                                               border-top: 1px solid @gray-light;
+                                                       h3 {
+                                                               margin-top: 0;
+                                                       }
+                                               }
 
-                                               h3 {
-                                                       // Padding and margin are created by table <td>
-                                                       margin-top: @padding-large-vertical;
-                                                       margin-bottom: 0;
+                                               .t3-form-palette-fieldset {
+                                                       .t3-form-palette-field-container {
+                                                               display: inline-block;
+                                                               padding-right: 25px;
+                                                               padding-bottom: @line-height-computed;
+                                                       }
                                                }
+
                                        }
 
-                                       .t3-form-palette-fieldset {
-                                               margin-bottom: @padding-large-vertical;
+                                       &:first-child {
+                                               > td {
+                                                       padding-top: @line-height-computed;
 
-                                               .t3-form-palette-field-container {
-                                                       margin-bottom: @padding-base-vertical;
+                                                       &.palette-header {
+                                                               border-top: none;
+                                                       }
                                                }
                                        }
 
-
-                                       table.t3-form-field-group-file {
-                                               td {
-                                                       // Padding coming from outer wrap
-                                                       padding-left: 0;
+                                       &:last-child {
+                                               > td {
+                                                       padding-bottom: @line-height-computed;
                                                }
                                        }
-
                                }
                        }
                }
@@ -142,10 +155,6 @@ img.t3-TCEforms-contentchangedPaletteImg {
        padding-bottom: 20px;
 }
 
-td.palette-header {
-       padding-left: 10px;
-}
-
 .typo3-TCEforms .bgColor2,
 .typo3-TCEforms tr.bgColor2 td {
        padding-bottom: 5px;
@@ -238,7 +247,7 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable >
 }
 
 .typo3-TCEforms td.icons {
-       padding: 2px;
+       padding: 0 2px 2px 2px;
 }
 
 .typo3-TCEforms td.thumbnails {
@@ -307,18 +316,6 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable >
        margin: 4px 2px 4px 1px;
 }
 
-.t3-form-multiselect-filter-textfield {
-       width: 60px;
-       padding-left: 25px;
-}
-
-.t3-form-palette-field-container {
-       display: inline-block;
-       vertical-align: top;
-       padding-right: 25px;
-       margin-bottom: 0.5em;
-}
-
 .t3-form-palette-field-container .t3-form-palette-field-label,
 .t3-form-palette-field-container .t3-form-palette-field {
        display: block;
@@ -347,9 +344,9 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable >
 /* - - - - - - - - - - - - - - - - - - - - -
 TCEforms suggest
 - - - - - - - - - - - - - - - - - - - - - */
+
 div.typo3-TCEforms-suggest-position-right {
        margin-left: 10px;
-       margin-top: 5px;
 }
 
 div.typo3-TCEforms-suggest label {
@@ -822,12 +819,6 @@ select option.c-divider {
        padding-right: 5px;
 }
 
-
-.typo3-TCEforms .typo3-dyntabmenu-divs table {
-       border: none;
-       border-bottom: 1px solid #c0c0c0;
-}
-
 input.typo3-TCEforms-suggest-search {
        background-image: url('../../../../icons/gfx/zoom.gif');
        background-position: 2px center;
@@ -1004,6 +995,7 @@ TCEforms Sections
 /* - - - - - - - - - - - - - - - - - - - - -
 TCEforms Tree
 - - - - - - - - - - - - - - - - - - - - - */
+
 .t3-form-field-item .x-tree input.x-tree-node-cb {
        height: auto;
        margin: 0 0 0 1px;
index 226df0c..c42e256 100644 (file)
@@ -65,7 +65,6 @@ img {
 .thumbnail > img,
 .thumbnail a > img {
   display: block;
-  width: 100% \9;
   max-width: 100%;
   height: auto;
 }
@@ -82,7 +81,6 @@ img {
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   display: inline-block;
-  width: 100% \9;
   max-width: 100%;
   height: auto;
 }
@@ -247,9 +245,6 @@ small,
 .small {
   font-size: 91%;
 }
-cite {
-  font-style: normal;
-}
 mark,
 .mark {
   background-color: #fbd8bc;
@@ -458,10 +453,6 @@ blockquote.pull-right small:after,
 blockquote.pull-right .small:after {
   content: '\00A0 \2014';
 }
-blockquote:before,
-blockquote:after {
-  content: "";
-}
 address {
   margin-bottom: 18px;
   font-style: normal;
@@ -491,6 +482,7 @@ kbd {
 kbd kbd {
   padding: 0;
   font-size: 100%;
+  font-weight: bold;
   box-shadow: none;
 }
 pre {
@@ -1188,6 +1180,12 @@ pre code {
 table {
   background-color: #fafafa;
 }
+caption {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  color: #737373;
+  text-align: left;
+}
 th {
   text-align: left;
 }
@@ -1248,12 +1246,10 @@ th {
 .table-bordered > thead > tr > td {
   border-bottom-width: 2px;
 }
-.table-striped > tbody > tr:nth-child(odd) > td,
-.table-striped > tbody > tr:nth-child(odd) > th {
+.table-striped > tbody > tr:nth-child(odd) {
   background-color: #f7f7f7;
 }
-.table-hover > tbody > tr:hover > td,
-.table-hover > tbody > tr:hover > th {
+.table-hover > tbody > tr:hover {
   background-color: #ededed;
 }
 table col[class*="col-"] {
@@ -1372,15 +1368,17 @@ table th[class*="col-"] {
 .table-hover > tbody > tr.danger:hover > th {
   background-color: #eab3b3;
 }
+.table-responsive {
+  overflow-x: auto;
+  min-height: 0.01%;
+}
 @media screen and (max-width: 767px) {
   .table-responsive {
     width: 100%;
     margin-bottom: 13.5px;
     overflow-y: hidden;
-    overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     border: 1px solid #cccccc;
-    -webkit-overflow-scrolling: touch;
   }
   .table-responsive > .table {
     margin-bottom: 0;
@@ -1525,24 +1523,25 @@ textarea.form-control {
 input[type="search"] {
   -webkit-appearance: none;
 }
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
-  line-height: 32px;
-  line-height: 1.5 \0;
-}
-input[type="date"].input-sm,
-input[type="time"].input-sm,
-input[type="datetime-local"].input-sm,
-input[type="month"].input-sm {
-  line-height: 26px;
-}
-input[type="date"].input-lg,
-input[type="time"].input-lg,
-input[type="datetime-local"].input-lg,
-input[type="month"].input-lg {
-  line-height: 41.2px;
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"],
+  input[type="time"],
+  input[type="datetime-local"],
+  input[type="month"] {
+    line-height: 32px;
+  }
+  input[type="date"].input-sm,
+  input[type="time"].input-sm,
+  input[type="datetime-local"].input-sm,
+  input[type="month"].input-sm {
+    line-height: 26px;
+  }
+  input[type="date"].input-lg,
+  input[type="time"].input-lg,
+  input[type="datetime-local"].input-lg,
+  input[type="month"].input-lg {
+    line-height: 41.2px;
+  }
 }
 .form-group {
   margin-bottom: 15px;
@@ -1551,12 +1550,12 @@ input[type="month"].input-lg {
 .checkbox {
   position: relative;
   display: block;
-  min-height: 18px;
   margin-top: 10px;
   margin-bottom: 10px;
 }
 .radio label,
 .checkbox label {
+  min-height: 18px;
   padding-left: 20px;
   margin-bottom: 0;
   font-weight: normal;
@@ -1619,35 +1618,41 @@ fieldset[disabled] .checkbox label {
   padding-right: 0;
 }
 .input-sm,
-.form-horizontal .form-group-sm .form-control {
+.form-group-sm .form-control {
   height: 26px;
   padding: 4px 4px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 2px;
 }
-select.input-sm {
+select.input-sm,
+select.form-group-sm .form-control {
   height: 26px;
   line-height: 26px;
 }
 textarea.input-sm,
-select[multiple].input-sm {
+textarea.form-group-sm .form-control,
+select[multiple].input-sm,
+select[multiple].form-group-sm .form-control {
   height: auto;
 }
 .input-lg,
-.form-horizontal .form-group-lg .form-control {
+.form-group-lg .form-control {
   height: 41.2px;
   padding: 12px 12px;
   font-size: 15px;
   line-height: 1.33;
   border-radius: 2px;
 }
-select.input-lg {
+select.input-lg,
+select.form-group-lg .form-control {
   height: 41.2px;
   line-height: 41.2px;
 }
 textarea.input-lg,
-select[multiple].input-lg {
+textarea.form-group-lg .form-control,
+select[multiple].input-lg,
+select[multiple].form-group-lg .form-control {
   height: auto;
 }
 .has-feedback {
@@ -1658,7 +1663,7 @@ select[multiple].input-lg {
 }
 .form-control-feedback {
   position: absolute;
-  top: 23px;
+  top: 0;
   right: 0;
   z-index: 2;
   display: block;
@@ -1666,6 +1671,7 @@ select[multiple].input-lg {
   height: 32px;
   line-height: 32px;
   text-align: center;
+  pointer-events: none;
 }
 .input-lg + .form-control-feedback {
   width: 41.2px;
@@ -1682,7 +1688,11 @@ select[multiple].input-lg {
 .has-success .radio,
 .has-success .checkbox,
 .has-success .radio-inline,
-.has-success .checkbox-inline {
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
   color: #1eb941;
 }
 .has-success .form-control {
@@ -1708,7 +1718,11 @@ select[multiple].input-lg {
 .has-warning .radio,
 .has-warning .checkbox,
 .has-warning .radio-inline,
-.has-warning .checkbox-inline {
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
   color: #f07814;
 }
 .has-warning .form-control {
@@ -1734,7 +1748,11 @@ select[multiple].input-lg {
 .has-error .radio,
 .has-error .checkbox,
 .has-error .radio-inline,
-.has-error .checkbox-inline {
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
   color: #c83c3c;
 }
 .has-error .form-control {
@@ -1755,6 +1773,9 @@ select[multiple].input-lg {
 .has-error .form-control-feedback {
   color: #c83c3c;
 }
+.has-feedback label ~ .form-control-feedback {
+  top: 23px;
+}
 .has-feedback label.sr-only ~ .form-control-feedback {
   top: 0;
 }
@@ -1775,6 +1796,9 @@ select[multiple].input-lg {
     width: auto;
     vertical-align: middle;
   }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
   .form-inline .input-group {
     display: inline-table;
     vertical-align: middle;
@@ -1835,7 +1859,6 @@ select[multiple].input-lg {
   }
 }
 .form-horizontal .has-feedback .form-control-feedback {
-  top: 0;
   right: 15px;
 }
 @media (min-width: 768px) {
@@ -1854,6 +1877,7 @@ select[multiple].input-lg {
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
+  touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
@@ -1869,13 +1893,17 @@ select[multiple].input-lg {
 }
 .btn:focus,
 .btn:active:focus,
-.btn.active:focus {
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
 .btn:hover,
-.btn:focus {
+.btn:focus,
+.btn.focus {
   color: #ffffff;
   text-decoration: none;
 }
@@ -1903,6 +1931,7 @@ fieldset[disabled] .btn {
 }
 .btn-default:hover,
 .btn-default:focus,
+.btn-default.focus,
 .btn-default:active,
 .btn-default.active,
 .open > .dropdown-toggle.btn-default {
@@ -1924,6 +1953,9 @@ fieldset[disabled] .btn-default:hover,
 .btn-default.disabled:focus,
 .btn-default[disabled]:focus,
 fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
 .btn-default.disabled:active,
 .btn-default[disabled]:active,
 fieldset[disabled] .btn-default:active,
@@ -1944,6 +1976,7 @@ fieldset[disabled] .btn-default.active {
 }
 .btn-primary:hover,
 .btn-primary:focus,
+.btn-primary.focus,
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
@@ -1965,6 +1998,9 @@ fieldset[disabled] .btn-primary:hover,
 .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus,
 fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
 .btn-primary.disabled:active,
 .btn-primary[disabled]:active,
 fieldset[disabled] .btn-primary:active,
@@ -1985,6 +2021,7 @@ fieldset[disabled] .btn-primary.active {
 }
 .btn-success:hover,
 .btn-success:focus,
+.btn-success.focus,
 .btn-success:active,
 .btn-success.active,
 .open > .dropdown-toggle.btn-success {
@@ -2006,6 +2043,9 @@ fieldset[disabled] .btn-success:hover,
 .btn-success.disabled:focus,
 .btn-success[disabled]:focus,
 fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
 .btn-success.disabled:active,
 .btn-success[disabled]:active,
 fieldset[disabled] .btn-success:active,
@@ -2026,6 +2066,7 @@ fieldset[disabled] .btn-success.active {
 }
 .btn-info:hover,
 .btn-info:focus,
+.btn-info.focus,
 .btn-info:active,
 .btn-info.active,
 .open > .dropdown-toggle.btn-info {
@@ -2047,6 +2088,9 @@ fieldset[disabled] .btn-info:hover,
 .btn-info.disabled:focus,
 .btn-info[disabled]:focus,
 fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
 .btn-info.disabled:active,
 .btn-info[disabled]:active,
 fieldset[disabled] .btn-info:active,
@@ -2067,6 +2111,7 @@ fieldset[disabled] .btn-info.active {
 }
 .btn-warning:hover,
 .btn-warning:focus,
+.btn-warning.focus,
 .btn-warning:active,
 .btn-warning.active,
 .open > .dropdown-toggle.btn-warning {
@@ -2088,6 +2133,9 @@ fieldset[disabled] .btn-warning:hover,
 .btn-warning.disabled:focus,
 .btn-warning[disabled]:focus,
 fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
 .btn-warning.disabled:active,
 .btn-warning[disabled]:active,
 fieldset[disabled] .btn-warning:active,
@@ -2108,6 +2156,7 @@ fieldset[disabled] .btn-warning.active {
 }
 .btn-danger:hover,
 .btn-danger:focus,
+.btn-danger.focus,
 .btn-danger:active,
 .btn-danger.active,
 .open > .dropdown-toggle.btn-danger {
@@ -2129,6 +2178,9 @@ fieldset[disabled] .btn-danger:hover,
 .btn-danger.disabled:focus,
 .btn-danger[disabled]:focus,
 fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
 .btn-danger.disabled:active,
 .btn-danger[disabled]:active,
 fieldset[disabled] .btn-danger:active,
@@ -2145,11 +2197,11 @@ fieldset[disabled] .btn-danger.active {
 .btn-link {
   color: #212424;
   font-weight: normal;
-  cursor: pointer;
   border-radius: 0;
 }
 .btn-link,
 .btn-link:active,
+.btn-link.active,
 .btn-link[disabled],
 fieldset[disabled] .btn-link {
   background-color: transparent;
@@ -2219,9 +2271,11 @@ input[type="button"].btn-block {
 }
 .collapse {
   display: none;
+  visibility: hidden;
 }
 .collapse.in {
   display: block;
+  visibility: visible;
 }
 tr.collapse.in {
   display: table-row;
@@ -2233,9 +2287,12 @@ tbody.collapse.in {
   position: relative;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.35s ease;
-  -o-transition: height 0.35s ease;
-  transition: height 0.35s ease;
+  -webkit-transition-property: height, visibility;
+  transition-property: height, visibility;
+  -webkit-transition-duration: 0.35s;
+  transition-duration: 0.35s;
+  -webkit-transition-timing-function: ease;
+  transition-timing-function: ease;
 }
 .caret {
   display: inline-block;
@@ -2397,10 +2454,6 @@ tbody.collapse.in {
 .btn-group-vertical > .btn.active {
   z-index: 2;
 }
-.btn-group > .btn:focus,
-.btn-group-vertical > .btn:focus {
-  outline: 0;
-}
 .btn-group .btn + .btn,
 .btn-group .btn + .btn-group,
 .btn-group .btn-group + .btn,
@@ -2540,12 +2593,13 @@ tbody.collapse.in {
 .btn-group-justified > .btn-group .dropdown-menu {
   left: auto;
 }
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
   position: absolute;
-  z-index: -1;
-  opacity: 0;
-  filter: alpha(opacity=0);
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
 }
 .input-group {
   position: relative;
@@ -2884,9 +2938,11 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 }
 .tab-content > .tab-pane {
   display: none;
+  visibility: hidden;
 }
 .tab-content > .active {
   display: block;
+  visibility: visible;
 }
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
@@ -2928,6 +2984,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   }
   .navbar-collapse.collapse {
     display: block !important;
+    visibility: visible !important;
     height: auto !important;
     padding-bottom: 0;
     overflow: visible !important;
@@ -2946,7 +3003,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .navbar-fixed-bottom .navbar-collapse {
   max-height: 340px;
 }
-@media (max-width: 480px) and (orientation: landscape) {
+@media (max-device-width: 480px) and (orientation: landscape) {
   .navbar-fixed-top .navbar-collapse,
   .navbar-fixed-bottom .navbar-collapse {
     max-height: 200px;
@@ -2983,8 +3040,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   right: 0;
   left: 0;
   z-index: 1030;
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
 }
 @media (min-width: 768px) {
   .navbar-fixed-top,
@@ -3012,6 +3067,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .navbar-brand:focus {
   text-decoration: none;
 }
+.navbar-brand > img {
+  display: block;
+}
 @media (min-width: 768px) {
   .navbar > .container .navbar-brand,
   .navbar > .container-fluid .navbar-brand {
@@ -3089,19 +3147,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     padding-top: 13.5px;
     padding-bottom: 13.5px;
   }
-  .navbar-nav.navbar-right:last-child {
-    margin-right: -15px;
-  }
-}
-@media (min-width: 768px) {
-  .navbar-left {
-    float: left !important;
-    float: left;
-  }
-  .navbar-right {
-    float: right !important;
-    float: right;
-  }
 }
 .navbar-form {
   margin-left: -15px;
@@ -3125,6 +3170,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     width: auto;
     vertical-align: middle;
   }
+  .navbar-form .form-control-static {
+    display: inline-block;
+  }
   .navbar-form .input-group {
     display: inline-table;
     vertical-align: middle;
@@ -3165,6 +3213,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   .navbar-form .form-group {
     margin-bottom: 5px;
   }
+  .navbar-form .form-group:last-child {
+    margin-bottom: 0;
+  }
 }
 @media (min-width: 768px) {
   .navbar-form {
@@ -3177,9 +3228,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     -webkit-box-shadow: none;
     box-shadow: none;
   }
-  .navbar-form.navbar-right:last-child {
-    margin-right: -15px;
-  }
 }
 .navbar-nav > li > .dropdown-menu {
   margin-top: 0;
@@ -3187,6 +3235,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   border-top-left-radius: 0;
 }
 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -3212,7 +3262,18 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     margin-left: 15px;
     margin-right: 15px;
   }
-  .navbar-text.navbar-right:last-child {
+}
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important;
+    float: left;
+  }
+  .navbar-right {
+    float: right !important;
+    float: right;
+    margin-right: -15px;
+  }
+  .navbar-right ~ .navbar-right {
     margin-right: 0;
   }
 }
@@ -3605,11 +3666,17 @@ a.badge:focus {
   text-decoration: none;
   cursor: pointer;
 }
-a.list-group-item.active > .badge,
+.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
   color: #212424;
   background-color: #ffffff;
 }
+.list-group-item > .badge {
+  float: right;
+}
+.list-group-item > .badge + .badge {
+  margin-right: 5px;
+}
 .nav-pills > li > a > .badge {
   margin-left: 3px;
 }
@@ -3621,9 +3688,9 @@ a.list-group-item.active > .badge,
   background-color: #ffffff;
   border: 1px solid #dddddd;
   border-radius: 2px;
-  -webkit-transition: all 0.2s ease-in-out;
-  -o-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out;
+  -webkit-transition: border 0.2s ease-in-out;
+  -o-transition: border 0.2s ease-in-out;
+  transition: border 0.2s ease-in-out;
 }
 .thumbnail > img,
 .thumbnail a > img {
@@ -3767,17 +3834,6 @@ a.thumbnail.active {
   -o-animation: progress-bar-stripes 2s linear infinite;
   animation: progress-bar-stripes 2s linear infinite;
 }
-.progress-bar[aria-valuenow="1"],
-.progress-bar[aria-valuenow="2"] {
-  min-width: 30px;
-}
-.progress-bar[aria-valuenow="0"] {
-  color: #d7d7d7;
-  min-width: 30px;
-  background-color: transparent;
-  background-image: none;
-  box-shadow: none;
-}
 .progress-bar-success {
   background-color: #1eb941;
 }
@@ -3810,29 +3866,35 @@ a.thumbnail.active {
   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
-.media,
-.media-body {
-  overflow: hidden;
-  zoom: 1;
-}
-.media,
-.media .media {
+.media {
   margin-top: 15px;
 }
 .media:first-child {
   margin-top: 0;
 }
-.media-object {
-  display: block;
-}
-.media-heading {
-  margin: 0 0 5px;
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
 }
+.media-left,
 .media > .pull-left {
-  margin-right: 10px;
+  padding-right: 10px;
 }
-.media > .pull-right {
-  margin-left: 10px;
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+.media-middle {
+  vertical-align: middle;
+}
+.media-bottom {
+  vertical-align: bottom;
+}
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
 }
 .media-list {
   padding-left: 0;
@@ -3859,12 +3921,6 @@ a.thumbnail.active {
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
 }
-.list-group-item > .badge {
-  float: right;
-}
-.list-group-item > .badge + .badge {
-  margin-right: 5px;
-}
 a.list-group-item {
   color: #555555;
 }
@@ -3882,6 +3938,7 @@ a.list-group-item:focus {
 .list-group-item.disabled:focus {
   background-color: #f5f5f5;
   color: #d7d7d7;
+  cursor: not-allowed;
 }
 .list-group-item.disabled .list-group-item-heading,
 .list-group-item.disabled:hover .list-group-item-heading,
@@ -4049,19 +4106,23 @@ a.list-group-item-danger.active:focus {
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
 }
-.panel > .list-group {
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
   margin-bottom: 0;
 }
-.panel > .list-group .list-group-item {
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
   border-width: 1px 0;
   border-radius: 0;
 }
-.panel > .list-group:first-child .list-group-item:first-child {
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
   border-top: 0;
   border-top-right-radius: 1px;
   border-top-left-radius: 1px;
 }
-.panel > .list-group:last-child .list-group-item:last-child {
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
   border-bottom: 0;
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
@@ -4077,11 +4138,24 @@ a.list-group-item-danger.active:focus {
 .panel > .panel-collapse > .table {
   margin-bottom: 0;
 }
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-left: 15px;
+  padding-right: 15px;
+}
 .panel > .table:first-child,
 .panel > .table-responsive:first-child > .table:first-child {
   border-top-right-radius: 1px;
   border-top-left-radius: 1px;
 }
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 1px;
+  border-top-right-radius: 1px;
+}
 .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
 .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
 .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
@@ -4107,6 +4181,13 @@ a.list-group-item-danger.active:focus {
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
 }
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-left-radius: 1px;
+  border-bottom-right-radius: 1px;
+}
 .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
@@ -4128,7 +4209,9 @@ a.list-group-item-danger.active:focus {
   border-bottom-right-radius: 1px;
 }
 .panel > .panel-body + .table,
-.panel > .panel-body + .table-responsive {
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
   border-top: 1px solid #cccccc;
 }
 .panel > .table > tbody:first-child > tr:first-child th,
@@ -4204,7 +4287,8 @@ a.list-group-item-danger.active:focus {
 .panel-group .panel-heading {
   border-bottom: 0;
 }
-.panel-group .panel-heading + .panel-collapse > .panel-body {
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #dddddd;
 }
 .panel-group .panel-footer {
@@ -4331,7 +4415,8 @@ a.list-group-item-danger.active:focus {
 .embed-responsive .embed-responsive-item,
 .embed-responsive iframe,
 .embed-responsive embed,
-.embed-responsive object {
+.embed-responsive object,
+.embed-responsive video {
   position: absolute;
   top: 0;
   left: 0;
@@ -4470,8 +4555,6 @@ button.close {
 }
 .affix {
   position: fixed;
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
 }
 @-ms-viewport {
   width: device-width;
@@ -7955,6 +8038,7 @@ div.typo3-dyntabmenu-divs-foldout div.disabled:hover {
 }
 .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 {
@@ -7976,6 +8060,9 @@ 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,
@@ -7996,6 +8083,7 @@ fieldset[disabled] .t3-table .btn.btn-danger.active {
 }
 .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 {
@@ -8017,6 +8105,9 @@ 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,
@@ -8037,6 +8128,7 @@ fieldset[disabled] .t3-table .btn.btn-success.active {
 }
 .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 {
@@ -8058,6 +8150,9 @@ 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,
@@ -8078,6 +8173,7 @@ fieldset[disabled] .t3-table .btn.btn-warning.active {
 }
 .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 {
@@ -8099,6 +8195,9 @@ 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,
@@ -8119,6 +8218,7 @@ fieldset[disabled] .t3-table .btn.btn-info.active {
 }
 .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 {
@@ -8140,6 +8240,9 @@ 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,
@@ -8160,6 +8263,7 @@ fieldset[disabled] .t3-table .btn.btn-default.active {
 }
 .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 {
@@ -8181,6 +8285,9 @@ 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,
@@ -8223,6 +8330,7 @@ fieldset[disabled] .t3-table .btn.btn-primary.active {
 }
 .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 {
@@ -8244,6 +8352,9 @@ fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked +
 .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,
@@ -8282,12 +8393,10 @@ fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked +
   white-space: nowrap;
   text-align: right;
 }
-.t3-table > tbody > tr:nth-child(odd) > td,
-.t3-table > tbody > tr:nth-child(odd) > th {
+.t3-table > tbody > tr:nth-child(odd) {
   background-color: #f7f7f7;
 }
-.t3-table > tbody > tr:hover > td,
-.t3-table > tbody > tr:hover > th {
+.t3-table > tbody > tr:hover {
   background-color: #ededed;
 }
 .t3-table > thead > tr > td.active,
@@ -8467,6 +8576,8 @@ fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked +
 .t3-table .btn.btn-danger:hover,
 .table .btn.btn-danger:focus,
 .t3-table .btn.btn-danger:focus,
+.table .btn.btn-danger.focus,
+.t3-table .btn.btn-danger.focus,
 .table .btn.btn-danger:active,
 .t3-table .btn.btn-danger:active,
 .table .btn.btn-danger.active,
@@ -8503,6 +8614,12 @@ fieldset[disabled] .t3-table .btn.btn-danger:hover,
 .t3-table .btn.btn-danger[disabled]:focus,
 fieldset[disabled] .table .btn.btn-danger:focus,
 fieldset[disabled] .t3-table .btn.btn-danger:focus,
+.table .btn.btn-danger.disabled.focus,
+.t3-table .btn.btn-danger.disabled.focus,
+.table .btn.btn-danger[disabled].focus,
+.t3-table .btn.btn-danger[disabled].focus,
+fieldset[disabled] .table .btn.btn-danger.focus,
+fieldset[disabled] .t3-table .btn.btn-danger.focus,
 .table .btn.btn-danger.disabled:active,
 .t3-table .btn.btn-danger.disabled:active,
 .table .btn.btn-danger[disabled]:active,
@@ -8533,6 +8650,8 @@ fieldset[disabled] .t3-table .btn.btn-danger.active {
 .t3-table .btn.btn-success:hover,
 .table .btn.btn-success:focus,
 .t3-table .btn.btn-success:focus,
+.table .btn.btn-success.focus,
+.t3-table .btn.btn-success.focus,
 .table .btn.btn-success:active,
 .t3-table .btn.btn-success:active,
 .table .btn.btn-success.active,
@@ -8569,6 +8688,12 @@ fieldset[disabled] .t3-table .btn.btn-success:hover,
 .t3-table .btn.btn-success[disabled]:focus,
 fieldset[disabled] .table .btn.btn-success:focus,
 fieldset[disabled] .t3-table .btn.btn-success:focus,
+.table .btn.btn-success.disabled.focus,
+.t3-table .btn.btn-success.disabled.focus,
+.table .btn.btn-success[disabled].focus,
+.t3-table .btn.btn-success[disabled].focus,
+fieldset[disabled] .table .btn.btn-success.focus,
+fieldset[disabled] .t3-table .btn.btn-success.focus,
 .table .btn.btn-success.disabled:active,
 .t3-table .btn.btn-success.disabled:active,
 .table .btn.btn-success[disabled]:active,
@@ -8599,6 +8724,8 @@ fieldset[disabled] .t3-table .btn.btn-success.active {
 .t3-table .btn.btn-warning:hover,
 .table .btn.btn-warning:focus,
 .t3-table .btn.btn-warning:focus,
+.table .btn.btn-warning.focus,
+.t3-table .btn.btn-warning.focus,
 .table .btn.btn-warning:active,
 .t3-table .btn.btn-warning:active,
 .table .btn.btn-warning.active,
@@ -8635,6 +8762,12 @@ fieldset[disabled] .t3-table .btn.btn-warning:hover,
 .t3-table .btn.btn-warning[disabled]:focus,
 fieldset[disabled] .table .btn.btn-warning:focus,
 fieldset[disabled] .t3-table .btn.btn-warning:focus,
+.table .btn.btn-warning.disabled.focus,
+.t3-table .btn.btn-warning.disabled.focus,
+.table .btn.btn-warning[disabled].focus,
+.t3-table .btn.btn-warning[disabled].focus,
+fieldset[disabled] .table .btn.btn-warning.focus,
+fieldset[disabled] .t3-table .btn.btn-warning.focus,
 .table .btn.btn-warning.disabled:active,
 .t3-table .btn.btn-warning.disabled:active,
 .table .btn.btn-warning[disabled]:active,
@@ -8665,6 +8798,8 @@ fieldset[disabled] .t3-table .btn.btn-warning.active {
 .t3-table .btn.btn-info:hover,
 .table .btn.btn-info:focus,
 .t3-table .btn.btn-info:focus,
+.table .btn.btn-info.focus,
+.t3-table .btn.btn-info.focus,
 .table .btn.btn-info:active,
 .t3-table .btn.btn-info:active,
 .table .btn.btn-info.active,
@@ -8701,6 +8836,12 @@ fieldset[disabled] .t3-table .btn.btn-info:hover,
 .t3-table .btn.btn-info[disabled]:focus,
 fieldset[disabled] .table .btn.btn-info:focus,
 fieldset[disabled] .t3-table .btn.btn-info:focus,
+.table .btn.btn-info.disabled.focus,
+.t3-table .btn.btn-info.disabled.focus,
+.table .btn.btn-info[disabled].focus,
+.t3-table .btn.btn-info[disabled].focus,
+fieldset[disabled] .table .btn.btn-info.focus,
+fieldset[disabled] .t3-table .btn.btn-info.focus,
 .table .btn.btn-info.disabled:active,
 .t3-table .btn.btn-info.disabled:active,
 .table .btn.btn-info[disabled]:active,
@@ -8731,6 +8872,8 @@ fieldset[disabled] .t3-table .btn.btn-info.active {
 .t3-table .btn.btn-default:hover,
 .table .btn.btn-default:focus,
 .t3-table .btn.btn-default:focus,
+.table .btn.btn-default.focus,
+.t3-table .btn.btn-default.focus,
 .table .btn.btn-default:active,
 .t3-table .btn.btn-default:active,
 .table .btn.btn-default.active,
@@ -8767,6 +8910,12 @@ fieldset[disabled] .t3-table .btn.btn-default:hover,
 .t3-table .btn.btn-default[disabled]:focus,
 fieldset[disabled] .table .btn.btn-default:focus,
 fieldset[disabled] .t3-table .btn.btn-default:focus,
+.table .btn.btn-default.disabled.focus,
+.t3-table .btn.btn-default.disabled.focus,
+.table .btn.btn-default[disabled].focus,
+.t3-table .btn.btn-default[disabled].focus,
+fieldset[disabled] .table .btn.btn-default.focus,
+fieldset[disabled] .t3-table .btn.btn-default.focus,
 .table .btn.btn-default.disabled:active,
 .t3-table .btn.btn-default.disabled:active,
 .table .btn.btn-default[disabled]:active,
@@ -8797,6 +8946,8 @@ fieldset[disabled] .t3-table .btn.btn-default.active {
 .t3-table .btn.btn-primary:hover,
 .table .btn.btn-primary:focus,
 .t3-table .btn.btn-primary:focus,
+.table .btn.btn-primary.focus,
+.t3-table .btn.btn-primary.focus,
 .table .btn.btn-primary:active,
 .t3-table .btn.btn-primary:active,
 .table .btn.btn-primary.active,
@@ -8833,6 +8984,12 @@ fieldset[disabled] .t3-table .btn.btn-primary:hover,
 .t3-table .btn.btn-primary[disabled]:focus,
 fieldset[disabled] .table .btn.btn-primary:focus,
 fieldset[disabled] .t3-table .btn.btn-primary:focus,
+.table .btn.btn-primary.disabled.focus,
+.t3-table .btn.btn-primary.disabled.focus,
+.table .btn.btn-primary[disabled].focus,
+.t3-table .btn.btn-primary[disabled].focus,
+fieldset[disabled] .table .btn.btn-primary.focus,
+fieldset[disabled] .t3-table .btn.btn-primary.focus,
 .table .btn.btn-primary.disabled:active,
 .t3-table .btn.btn-primary.disabled:active,
 .table .btn.btn-primary[disabled]:active,
@@ -8890,6 +9047,8 @@ fieldset[disabled] .t3-table .btn.btn-primary.active {
 .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn:hover,
 .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.focus,
 .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,
@@ -8926,6 +9085,12 @@ fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked +
 .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled]:focus,
 fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn:focus,
 fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn: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,
+.t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn[disabled].focus,
+fieldset[disabled] .table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
+fieldset[disabled] .t3-table .btn-checkbox-holder input[type=checkbox]:checked + .btn.focus,
 .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,
@@ -9159,27 +9324,37 @@ TCEforms
 .typo3-TCEforms div.typo3-dyntabmenu-divs {
   padding: 0;
 }
-.typo3-TCEforms .table {
+.typo3-TCEforms .c-tablayer div,
+.typo3-TCEforms .c-tablayer td {
+  vertical-align: top;
+}
+.typo3-TCEforms .c-tablayer > table {
   margin-bottom: 0;
 }
-.typo3-TCEforms .table > tbody > tr > td {
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td {
+  padding: 0 18px 0 18px;
   background: none;
 }
-.typo3-TCEforms .table > tbody > tr > td.palette-header {
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header {
   border-top: 1px solid #d7d7d7;
+  padding: 27px 18px 4px 18px;
 }
-.typo3-TCEforms .table > tbody > tr > td.palette-header h3 {
-  margin-top: 12px;
-  margin-bottom: 0;
+.typo3-TCEforms .c-tablayer > table > tbody > tr > td.palette-header h3 {
+  margin-top: 0;
 }
-.typo3-TCEforms .table > tbody > tr > td .t3-form-palette-fieldset {
-  margin-bottom: 12px;
+.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 .table > tbody > tr > td .t3-form-palette-fieldset .t3-form-palette-field-container {
-  margin-bottom: 6px;
+.typo3-TCEforms .c-tablayer > table > tbody > tr:first-child > td {
+  padding-top: 18px;
 }
-.typo3-TCEforms .table > tbody > tr > td table.t3-form-field-group-file td {
-  padding-left: 0;
+.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;
@@ -9250,9 +9425,6 @@ img.t3-TCEforms-contentchangedPaletteImg {
   padding-top: 5px;
   padding-bottom: 20px;
 }
-td.palette-header {
-  padding-left: 10px;
-}
 .typo3-TCEforms .bgColor2,
 .typo3-TCEforms tr.bgColor2 td {
   padding-bottom: 5px;
@@ -9327,7 +9499,7 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable >
   vertical-align: top;
 }
 .typo3-TCEforms td.icons {
-  padding: 2px;
+  padding: 0 2px 2px 2px;
 }
 .typo3-TCEforms td.thumbnails {
   padding-top: 2px;
@@ -9384,16 +9556,6 @@ div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable >
 .t3-form-palette-field-container select.select {
   margin: 4px 2px 4px 1px;
 }
-.t3-form-multiselect-filter-textfield {
-  width: 60px;
-  padding-left: 25px;
-}
-.t3-form-palette-field-container {
-  display: inline-block;
-  vertical-align: top;
-  padding-right: 25px;
-  margin-bottom: 0.5em;
-}
 .t3-form-palette-field-container .t3-form-palette-field-label,
 .t3-form-palette-field-container .t3-form-palette-field {
   display: block;
@@ -9421,7 +9583,6 @@ TCEforms suggest
 - - - - - - - - - - - - - - - - - - - - - */
 div.typo3-TCEforms-suggest-position-right {
   margin-left: 10px;
-  margin-top: 5px;
 }
 div.typo3-TCEforms-suggest label {
   margin-right: 5px;
@@ -9805,10 +9966,6 @@ select option.c-divider {
 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
   padding-right: 5px;
 }
-.typo3-TCEforms .typo3-dyntabmenu-divs table {
-  border: none;
-  border-bottom: 1px solid #c0c0c0;
-}
 input.typo3-TCEforms-suggest-search {
   background-image: url('../../../../icons/gfx/zoom.gif');
   background-position: 2px center;
@@ -10712,6 +10869,7 @@ input[type=reset] {
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
+  touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
@@ -10742,7 +10900,22 @@ input[type=reset]:active:focus,
 button.active:focus,
 input[type=submit].active:focus,
 input[type=button].active:focus,
-input[type=reset].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;
@@ -10756,7 +10929,12 @@ input[type=reset]:hover,
 button:focus,
 input[type=submit]:focus,
 input[type=button]:focus,
-input[type=reset]:focus {
+input[type=reset]:focus,
+.t3-button.focus,
+button.focus,
+input[type=submit].focus,
+input[type=button].focus,
+input[type=reset].focus {
   color: #ffffff;
   text-decoration: none;
 }
@@ -10807,6 +10985,11 @@ 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,
@@ -10888,6 +11071,21 @@ 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,