office-ui-fabric-rails 2.6.0.0 → 2.6.1.0

data/vendor/assets/css/fabric.components.rtl.css

@@ -1,7 +1,7 @@
 /* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
 
 /**
- * Office UI Fabric 2.6.0
+ * Office UI Fabric 2.6.1
  * The front-end framework for building experiences for Office 365.
  **/
 
@@ -66,7 +66,7 @@
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
   background-color: #ffffff;
   border: 1px solid #c8c8c8;
-  z-index: 5;
+  z-index: 105;
 }
 
 .ms-Breadcrumb-overflowMenu:before {
@@ -77,8 +77,7 @@
   content: ' ';
   width: 16px;
   height: 16px;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
+  transform: rotate(45deg);
   background-color: #ffffff;
 }
 
@@ -471,7 +470,7 @@
 }
 
 .ms-Callout {
-  z-index: 4;
+  z-index: 100;
   margin: 16px auto;
   position: relative;
   width: 288px;
@@ -487,8 +486,7 @@
 .ms-Callout.ms-Callout--arrowTop:before {
   content: '';
   position: absolute;
-  -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
+  transform: rotate(-45deg);
   height: 0;
   width: 0;
 }
@@ -506,7 +504,7 @@
 .ms-Callout.ms-Callout--arrowLeft:after,
 .ms-Callout.ms-Callout--arrowRight:after,
 .ms-Callout.ms-Callout--arrowTop:after {
-  z-index: 3;
+  z-index: 10;
 }
 
 .ms-Callout.ms-Callout--arrowLeft:after,
@@ -597,7 +595,7 @@
   background-color: #ffffff;
   box-sizing: border-box;
   outline: 1px solid transparent;
-  z-index: 2;
+  z-index: 5;
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
 }
 
@@ -614,7 +612,7 @@
   height: 32px;
   font-size: 14px;
   color: #666666;
-  z-index: 6;
+  z-index: 110;
 }
 
 .ms-Callout-inner {
@@ -623,7 +621,7 @@
 }
 
 .ms-Callout-header {
-  z-index: 5;
+  z-index: 105;
   padding: 18px 24px 12px;
 }
 
@@ -1149,7 +1147,7 @@
 @media screen and (-ms-high-contrast:active) {
   .ms-CommandBarSearch {
     border-left: 1px solid #ffffff;
-    z-index: 3;
+    z-index: 10;
   }
 }
 
@@ -1260,7 +1258,7 @@
   display: none;
   top: 1px;
   left: 0;
-  z-index: 3;
+  z-index: 10;
 }
 
 .ms-CommandBarSearch.is-active {
@@ -1272,7 +1270,7 @@
   .ms-CommandBarSearch.is-active {
     width: 100%;
     position: absolute;
-    z-index: 3;
+    z-index: 10;
     max-width: 100%;
   }
 }
@@ -1343,7 +1341,7 @@
   list-style-type: none;
   position: absolute;
   width: 180px;
-  z-index: 5;
+  z-index: 105;
 }
 
 .ms-ContextualMenu-item {
@@ -1585,7 +1583,7 @@
   padding: 0;
   box-shadow: none;
   margin-bottom: 17px;
-  z-index: 8;
+  z-index: 300;
 }
 
 .ms-DatePicker .ms-TextField {
@@ -1608,7 +1606,7 @@
   position: absolute;
   left: 5px;
   bottom: 5px;
-  z-index: 2;
+  z-index: 5;
 }
 
 .ms-DatePicker-holder {
@@ -1621,16 +1619,13 @@
 }
 
 .ms-DatePicker-picker.ms-DatePicker-picker--opened .ms-DatePicker-holder {
-  -webkit-animation-name: fadeIn,slideDownIn10;
-          animation-name: fadeIn,slideDownIn10;
+  animation-name: fadeIn,slideDownIn10;
   -webkit-animation-duration: 0.167s;
      -moz-animation-duration: 0.167s;
       -ms-animation-duration: 0.167s;
        -o-animation-duration: 0.167s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-          animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+  animation-fill-mode: both;
   box-sizing: border-box;
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
   border: 1px solid #eaeaea;
@@ -1639,7 +1634,7 @@
 
 .ms-DatePicker-picker--opened {
   position: relative;
-  z-index: 3;
+  z-index: 10;
 }
 
 .ms-DatePicker-frame {
@@ -1800,7 +1795,7 @@
   position: absolute;
   top: 0;
   width: 140px;
-  z-index: 2;
+  z-index: 5;
   cursor: pointer;
 }
 
@@ -2042,17 +2037,15 @@
   width: 100%;
   top: 0;
   right: 0;
-  z-index: 8;
+  z-index: 300;
   display: block;
   font-size: 0;
   line-height: 100vh;
   text-align: center;
   display: -ms-flexbox;
-  display: -webkit-flex;
-  display:         flex;
+  display: flex;
   -ms-flex-align: center;
-  -webkit-align-items: center;
-          align-items: center;
+  align-items: center;
 }
 
 .ms-Dialog:before {
@@ -2103,7 +2096,7 @@
   top: 12px;
   left: 12px;
   padding: 8px;
-  z-index: 3;
+  z-index: 10;
 }
 
 .ms-Dialog-button.ms-Dialog-button--close .ms-Icon.ms-Icon--x {
@@ -2336,7 +2329,7 @@
   width: 100%;
   max-height: 200px;
   max-width: 268px;
-  z-index: 10;
+  z-index: 400;
   top: 0;
   left: 0;
   bottom: 0;
@@ -2888,16 +2881,13 @@
   width: 100%;
   height: 52px;
   text-align: center;
-  -webkit-animation-name: fadeIn,slideDownIn20;
-          animation-name: fadeIn,slideDownIn20;
+  animation-name: fadeIn,slideDownIn20;
   -webkit-animation-duration: 0.367s;
      -moz-animation-duration: 0.367s;
       -ms-animation-duration: 0.367s;
        -o-animation-duration: 0.367s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-          animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+  animation-fill-mode: both;
 }
 
 .ms-MessageBanner .ms-Icon {
@@ -2905,16 +2895,13 @@
 }
 
 .ms-MessageBanner.hide {
-  -webkit-animation-name: fadeOut,slideUpOut20;
-          animation-name: fadeOut,slideUpOut20;
+  animation-name: fadeOut,slideUpOut20;
   -webkit-animation-duration: 0.167s;
      -moz-animation-duration: 0.167s;
       -ms-animation-duration: 0.167s;
        -o-animation-duration: 0.167s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-          animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+  animation-fill-mode: both;
 }
 
 .ms-MessageBanner.is-hidden {
@@ -3018,6 +3005,87 @@
   }
 }
 
+.ms-MessageBar {
+  padding: 8px;
+  display: table;
+  background-color: #f4f4f4;
+}
+
+.ms-MessageBar-icon,
+.ms-MessageBar-text {
+  display: table-cell;
+  vertical-align: top;
+}
+
+.ms-MessageBar-icon {
+  padding-left: 8px;
+  font-size: 16px;
+  color: #767676;
+}
+
+.ms-MessageBar-text {
+  color: #333333;
+  font-family: Segoe UI Regular WestEuropean,Segoe UI,Tahoma,Arial,sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.ms-MessageBar.ms-MessageBar--warning {
+  background-color: #fff4ce;
+}
+
+.ms-MessageBar.ms-MessageBar--severeWarning {
+  background-color: #fed9cc;
+}
+
+.ms-MessageBar.ms-MessageBar--severeWarning .ms-MessageBar-icon {
+  color: #d83b01;
+}
+
+.ms-MessageBar.ms-MessageBar--error {
+  background-color: #fde7e9;
+}
+
+.ms-MessageBar.ms-MessageBar--error .ms-MessageBar-icon {
+  color: #a80000;
+}
+
+.ms-MessageBar.ms-MessageBar--remove {
+  background-color: #fde7e9;
+}
+
+.ms-MessageBar.ms-MessageBar--remove .ms-MessageBar-icon {
+  color: #a80000;
+}
+
+.ms-MessageBar.ms-MessageBar--remove .ms-Icon {
+  font-size: 8px;
+  margin-right: 3px;
+}
+
+.ms-MessageBar.ms-MessageBar--success {
+  background-color: #dff6dd;
+}
+
+.ms-MessageBar.ms-MessageBar--success .ms-MessageBar-icon {
+  color: #107c10;
+}
+
+.ms-MessageBar.ms-MessageBar--success .ms-Icon {
+  font-size: 12px;
+  top: 3px;
+}
+
+.ms-MessageBar.ms-MessageBar--success .ms-Icon:before {
+  margin-right: 1px;
+}
+
+.ms-MessageBar.ms-MessageBar--success .ms-Icon:after {
+  font-size: 8px;
+  margin-right: 3px;
+  top: 1px;
+}
+
 .ms-NavBar {
   color: #333333;
   font-family: Segoe UI Regular WestEuropean,Segoe UI,Tahoma,Arial,sans-serif;
@@ -3175,7 +3243,7 @@
     left: 0;
     top: 0;
     outline: 1px solid transparent;
-    z-index: 2;
+    z-index: 5;
   }
 
   .ms-NavBar.is-open .ms-NavBar-item .ms-ContextualMenu {
@@ -3191,8 +3259,7 @@
   }
 
   .ms-NavBar-item.ms-NavBar-item--hasMenu.is-selected .ms-NavBar-chevronDown {
-    -webkit-transform: scaleY(-1);
-            transform: scaleY(-1);
+    transform: scaleY(-1);
   }
 
   .ms-NavBar-item .ms-ContextualMenu {
@@ -3313,7 +3380,7 @@
   right: 0;
   left: 0;
   top: 0;
-  z-index: 7;
+  z-index: 200;
 }
 
 .ms-Overlay.ms-Overlay--dark {
@@ -3330,7 +3397,7 @@
   position: fixed;
   left: 0;
   top: 0;
-  z-index: 8;
+  z-index: 300;
 }
 
 .ms-Panel,
@@ -3353,7 +3420,7 @@
   left: 0;
   top: 0;
   display: none;
-  z-index: 3;
+  z-index: 10;
   width: 100%;
 }
 
@@ -3405,50 +3472,42 @@
 }
 
 .ms-Panel.ms-Panel--lightDismiss.ms-Panel-animateIn .ms-Panel-main {
-  -webkit-animation-name: fadeIn,slideLeftIn40;
-          animation-name: fadeIn,slideLeftIn40;
+  animation-name: fadeIn,slideLeftIn40;
   -webkit-animation-duration: 0.367s;
      -moz-animation-duration: 0.367s;
       -ms-animation-duration: 0.367s;
        -o-animation-duration: 0.367s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-          animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+  animation-fill-mode: both;
 }
 
 .ms-Panel.ms-Panel--lightDismiss.ms-Panel-animateIn .ms-Overlay {
   -webkit-animation-duration: 0.367s;
-          animation-duration: 0.367s;
   -webkit-animation-name: fadeIn;
-          animation-name: fadeIn;
   -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
+          animation-name: fadeIn;
           animation-fill-mode: both;
-  -webkit-animation-duration: 0.267s;
           animation-duration: 0.267s;
 }
 
 .ms-Panel.ms-Panel--lightDismiss.ms-Panel-animateOut .ms-Panel-main {
-  -webkit-animation-name: fadeOut,slideRightOut40;
-          animation-name: fadeOut,slideRightOut40;
+  animation-name: fadeOut,slideRightOut40;
   -webkit-animation-duration: 0.167s;
      -moz-animation-duration: 0.167s;
       -ms-animation-duration: 0.167s;
        -o-animation-duration: 0.167s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-          animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+  animation-fill-mode: both;
 }
 
 .ms-Panel.ms-Panel--lightDismiss.ms-Panel-animateOut .ms-Overlay {
   -webkit-animation-duration: 0.367s;
-          animation-duration: 0.367s;
   -webkit-animation-name: fadeOut;
-          animation-name: fadeOut;
   -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
+          animation-name: fadeOut;
           animation-fill-mode: both;
-  -webkit-animation-duration: 0.167s;
           animation-duration: 0.167s;
 }
 
@@ -3467,87 +3526,72 @@
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel-animateIn .ms-Panel-main {
-  -webkit-animation-name: fadeIn,slideLeftIn40;
-          animation-name: fadeIn,slideLeftIn40;
+  animation-name: fadeIn,slideLeftIn40;
   -webkit-animation-duration: 0.367s;
      -moz-animation-duration: 0.367s;
       -ms-animation-duration: 0.367s;
        -o-animation-duration: 0.367s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-          animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+  animation-fill-mode: both;
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel-animateOut .ms-Panel-main {
-  -webkit-animation-name: fadeOut,slideRightOut40;
-          animation-name: fadeOut,slideRightOut40;
+  animation-name: fadeOut,slideRightOut40;
   -webkit-animation-duration: 0.167s;
      -moz-animation-duration: 0.167s;
       -ms-animation-duration: 0.167s;
        -o-animation-duration: 0.167s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-          animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+  animation-fill-mode: both;
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel-animateOut .ms-Overlay {
   -webkit-animation-duration: 0.367s;
-          animation-duration: 0.367s;
   -webkit-animation-name: fadeOut;
-          animation-name: fadeOut;
   -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
+          animation-name: fadeOut;
           animation-fill-mode: both;
-  -webkit-animation-duration: 0.167s;
           animation-duration: 0.167s;
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel-animateIn .ms-Panel-main {
-  -webkit-animation-name: fadeIn,slideRightIn40;
-          animation-name: fadeIn,slideRightIn40;
+  animation-name: fadeIn,slideRightIn40;
   -webkit-animation-duration: 0.367s;
      -moz-animation-duration: 0.367s;
       -ms-animation-duration: 0.367s;
        -o-animation-duration: 0.367s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-          animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+  animation-fill-mode: both;
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel-animateIn .ms-Overlay {
   -webkit-animation-duration: 0.367s;
-          animation-duration: 0.367s;
   -webkit-animation-name: fadeIn;
-          animation-name: fadeIn;
   -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
+          animation-name: fadeIn;
           animation-fill-mode: both;
-  -webkit-animation-duration: 0.267s;
           animation-duration: 0.267s;
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel--left.ms-Panel-animateOut .ms-Panel-main {
-  -webkit-animation-name: fadeOut,slideLeftOut40;
-          animation-name: fadeOut,slideLeftOut40;
+  animation-name: fadeOut,slideLeftOut40;
   -webkit-animation-duration: 0.167s;
      -moz-animation-duration: 0.167s;
       -ms-animation-duration: 0.167s;
        -o-animation-duration: 0.167s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-          animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+  animation-fill-mode: both;
 }
 
 .ms-Panel.ms-Panel--left.ms-Panel--left.ms-Panel-animateOut .ms-Overlay {
   -webkit-animation-duration: 0.367s;
-          animation-duration: 0.367s;
   -webkit-animation-name: fadeOut;
-          animation-name: fadeOut;
   -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
+          animation-name: fadeOut;
           animation-fill-mode: both;
-  -webkit-animation-duration: 0.167s;
           animation-duration: 0.167s;
 }
 
@@ -3617,24 +3661,22 @@
 }
 
 .ms-Panel.is-open.ms-Panel-animateIn .ms-Panel-main {
+  -webkit-animation-duration: 0.367s;
   -webkit-animation-name: fadeIn;
+  -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
           animation-name: fadeIn;
-  -webkit-animation-duration: 0.167s;
+          animation-fill-mode: both;
           animation-duration: 0.167s;
 }
 
-.ms-Panel.is-open.ms-Panel-animateIn .ms-Panel-main,
 .ms-Panel.is-open.ms-Panel-animateOut .ms-Panel-main {
   -webkit-animation-duration: 0.367s;
-          animation-duration: 0.367s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-}
-
-.ms-Panel.is-open.ms-Panel-animateOut .ms-Panel-main {
   -webkit-animation-name: fadeOut;
+  -webkit-animation-fill-mode: both;
+          animation-duration: 0.367s;
           animation-name: fadeOut;
-  -webkit-animation-duration: 0.1s;
+          animation-fill-mode: both;
           animation-duration: 0.1s;
 }
 
@@ -3644,98 +3686,82 @@
 
 @media (min-width:480px) {
   .ms-Panel.is-open.ms-Panel-animateIn .ms-Panel-main {
-    -webkit-animation-name: fadeIn,slideLeftIn40;
-            animation-name: fadeIn,slideLeftIn40;
+    animation-name: fadeIn,slideLeftIn40;
     -webkit-animation-duration: 0.367s;
        -moz-animation-duration: 0.367s;
         -ms-animation-duration: 0.367s;
          -o-animation-duration: 0.367s;
-    -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-            animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-    -webkit-animation-fill-mode: both;
-            animation-fill-mode: both;
+    animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+    animation-fill-mode: both;
   }
 
   .ms-Panel.is-open.ms-Panel-animateIn .ms-Overlay {
     -webkit-animation-duration: 0.367s;
-            animation-duration: 0.367s;
     -webkit-animation-name: fadeIn;
-            animation-name: fadeIn;
     -webkit-animation-fill-mode: both;
+            animation-duration: 0.367s;
+            animation-name: fadeIn;
             animation-fill-mode: both;
-    -webkit-animation-duration: 0.267s;
             animation-duration: 0.267s;
   }
 
   .ms-Panel.is-open.ms-Panel-animateOut .ms-Panel-main {
-    -webkit-animation-name: fadeOut,slideRightOut40;
-            animation-name: fadeOut,slideRightOut40;
+    animation-name: fadeOut,slideRightOut40;
     -webkit-animation-duration: 0.167s;
        -moz-animation-duration: 0.167s;
         -ms-animation-duration: 0.167s;
          -o-animation-duration: 0.167s;
-    -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-            animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-    -webkit-animation-fill-mode: both;
-            animation-fill-mode: both;
+    animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+    animation-fill-mode: both;
   }
 
   .ms-Panel.is-open.ms-Panel-animateOut .ms-Overlay {
     -webkit-animation-duration: 0.367s;
-            animation-duration: 0.367s;
     -webkit-animation-name: fadeOut;
-            animation-name: fadeOut;
     -webkit-animation-fill-mode: both;
+            animation-duration: 0.367s;
+            animation-name: fadeOut;
             animation-fill-mode: both;
-    -webkit-animation-duration: 0.167s;
             animation-duration: 0.167s;
   }
 
   .ms-Panel.is-open.ms-Panel--left.ms-Panel-animateIn .ms-Panel-main {
-    -webkit-animation-name: fadeIn,slideRightIn40;
-            animation-name: fadeIn,slideRightIn40;
+    animation-name: fadeIn,slideRightIn40;
     -webkit-animation-duration: 0.367s;
        -moz-animation-duration: 0.367s;
         -ms-animation-duration: 0.367s;
          -o-animation-duration: 0.367s;
-    -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-            animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-    -webkit-animation-fill-mode: both;
-            animation-fill-mode: both;
+    animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+    animation-fill-mode: both;
   }
 
   .ms-Panel.is-open.ms-Panel--left.ms-Panel-animateIn .ms-Overlay {
     -webkit-animation-duration: 0.367s;
-            animation-duration: 0.367s;
     -webkit-animation-name: fadeIn;
-            animation-name: fadeIn;
     -webkit-animation-fill-mode: both;
+            animation-duration: 0.367s;
+            animation-name: fadeIn;
             animation-fill-mode: both;
-    -webkit-animation-duration: 0.267s;
             animation-duration: 0.267s;
   }
 
   .ms-Panel.is-open.ms-Panel--left.ms-Panel-animateOut .ms-Panel-main {
-    -webkit-animation-name: fadeOut,slideLeftOut40;
-            animation-name: fadeOut,slideLeftOut40;
+    animation-name: fadeOut,slideLeftOut40;
     -webkit-animation-duration: 0.167s;
        -moz-animation-duration: 0.167s;
         -ms-animation-duration: 0.167s;
          -o-animation-duration: 0.167s;
-    -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-            animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-    -webkit-animation-fill-mode: both;
-            animation-fill-mode: both;
+    animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+    animation-fill-mode: both;
   }
 
   .ms-Panel.is-open.ms-Panel--left.ms-Panel-animateOut .ms-Overlay {
     -webkit-animation-duration: 0.367s;
-            animation-duration: 0.367s;
     -webkit-animation-name: fadeOut;
-            animation-name: fadeOut;
     -webkit-animation-fill-mode: both;
+            animation-duration: 0.367s;
+            animation-name: fadeOut;
             animation-fill-mode: both;
-    -webkit-animation-duration: 0.167s;
             animation-duration: 0.167s;
   }
 
@@ -3750,8 +3776,7 @@
   .ms-Panel.is-open.ms-Panel--left.ms-Panel-animateIn .ms-Overlay,
   .ms-Panel.is-open.ms-Panel-animateIn .ms-Overlay {
     opacity: 0;
-    -webkit-animation-name: none;
-            animation-name: none;
+    animation-name: none;
   }
 }
 
@@ -3870,24 +3895,19 @@
 }
 
 .ms-Panel.ms-Panel--animatedCommands.is-open .ms-CommandBar {
-  -webkit-animation-name: fadeIn,slideDownIn20;
-          animation-name: fadeIn,slideDownIn20;
+  animation-name: fadeIn,slideDownIn20;
   -webkit-animation-duration: 0.367s;
      -moz-animation-duration: 0.367s;
       -ms-animation-duration: 0.367s;
        -o-animation-duration: 0.367s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-          animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-delay: 0.25s;
-          animation-delay: 0.25s;
+  animation-timing-function: cubic-bezier(0.1,0.9,0.2,1);
+  animation-fill-mode: both;
+  animation-delay: 0.25s;
 }
 
 @media (min-width:480px) {
   .ms-Panel.ms-Panel--animatedCommands.is-open .ms-CommandBar {
-    -webkit-animation-delay: 0.5s;
-            animation-delay: 0.5s;
+    animation-delay: 0.5s;
   }
 }
 
@@ -3994,7 +4014,7 @@
   max-width: 340px;
   padding-top: 9px;
   position: absolute;
-  z-index: 9;
+  z-index: 305;
 }
 
 .ms-PeoplePicker.is-active .ms-PeoplePicker-results {
@@ -4139,8 +4159,7 @@
 }
 
 .ms-PeoplePicker-result.is-expanded .ms-PeoplePicker-resultAction .ms-Icon {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 
 .ms-PeoplePicker-result.is-expanded .ms-PeoplePicker-resultAdditionalContent {
@@ -4986,16 +5005,13 @@
   font-family: Segoe UI Regular WestEuropean,Segoe UI,Tahoma,Arial,sans-serif;
   font-size: 14px;
   font-weight: 400;
-  -webkit-animation-name: fadeIn,slideUpIn10;
-          animation-name: fadeIn,slideUpIn10;
+  animation-name: fadeIn,slideUpIn10;
   -webkit-animation-duration: 0.167s;
      -moz-animation-duration: 0.167s;
       -ms-animation-duration: 0.167s;
        -o-animation-duration: 0.167s;
-  -webkit-animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-          animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.1,0.25,0.75,0.9);
+  animation-fill-mode: both;
   bottom: 0;
   right: 0;
   position: fixed;
@@ -5078,8 +5094,7 @@
 .is-active.ms-PersonaCard-overflow:after,
 .ms-PersonaCard-action.is-active:after {
   box-sizing: border-box;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
+  transform: rotate(45deg);
   content: '';
   width: 10px;
   height: 10px;
@@ -5613,7 +5628,7 @@
   padding: 6px 10px 7px 3px;
   width: 180px;
   background-color: transparent;
-  z-index: 2;
+  z-index: 5;
 }
 
 .ms-SearchBox-field.hovering {
@@ -5652,7 +5667,7 @@
   display: none;
   font-size: 17px;
   color: #ffffff;
-  z-index: 3;
+  z-index: 10;
 }
 
 .ms-SearchBox-label {