Minor cleanups in CSS.

remoting/webapp/main.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td, button {
@@ skipping 260 matching lines @@
 
 .icon-black:hover > img {
   opacity: 0.4;
 }
 
 section h2 {
   color: #666;
 }
 
 header {
-  display: -webkit-flex;
+  display: flex;
   width: 100%;
 }
 
 html {
   -webkit-user-select: none;
   cursor: default;
 }
 
 section {
   width: 690px;
@@ skipping 11 matching lines @@
 
 .access-code-digit-group {
   /*
     Used for each of the four-digit components of the access code as
     displayed by the host.
   */
   padding: 0px 6px;
 }
 
 .box-spacer {
-  -webkit-flex: 1;
+  flex: 1;
 }
 
 .centered {
   margin: auto;
 }
 
 .button-row {
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
   margin-top: 20px;
 }
 
 .button-row button {
   margin-left: 5px;
 }
 
 .button-row span:first-child {
   width: 100%;
 }
 
 .clickable {
   cursor: pointer;
 }
 
 .box {
-  display: -webkit-flex;
+  display: flex;
 }
 
 .host-list-empty-instructions {
   padding-__MSG_@@bidi_start_edge__: 36px;
   color: #666;
   background-image: url('host_setup_instructions.webp');
   background-repeat: no-repeat;
   background-position: -3px -2px;
 }
 
 #host-list-empty-hosting-supported {
   margin-top: 14px;
   padding-top: 20px;
   border-top: 1px solid #E5E5E5;
   background-position-y: 18px;
 }
 
 .selectable {
   -webkit-user-select: text;
   cursor: text;
 }
 
 .section-row {
-  display: -webkit-flex;
+  display: flex;
   -webkit-align-items: center;
   padding: 10px 0;
   border-top: 1px solid #EBEBEB;
 }
 
 .section-row button {
   margin-__MSG_@@bidi_start_edge__: 20px;
 }
 
 .section-row:first-child,
@@ skipping 63 matching lines @@
   margin-__MSG_@@bidi_end_edge__: -12px;
 }
 
 #butter-bar-dimiss:hover {
   opacity: 0.7;
 }
 
 #butter-bar > p {
   background-color: #f9edbe;
   border: 1px solid #f0c36d;
-  -webkit-border-radius: 2px;
-  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
+  border-radius: 2px;
+  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   color: #222;
   font-size: 12px;
   padding: 4px 16px;
   margin: auto;
 }
 
 #butter-bar a {
   color: inherit;
   text-decoration: underline;
   padding-__MSG_@@bidi_start_edge__: 2px;
@@ skipping 150 matching lines @@
 #daemon-plugin-container {
   width: 0;
   height: 0;
 }
 
 .dialog-container {
   position: absolute;
   top: 200px;
   left: 0;
   width: 100%;
-  display: -webkit-flex;
+  display: flex;
 }
 
 .dialog-screen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #fff;
   opacity: 0.75;
@@ skipping 41 matching lines @@
   box-shadow: 0 0 8px 0 black;
   -webkit-user-select: none;
 }
 
 #session-client-plugin {
   display: block;
 }
 
 .session-client-inactive {
   -webkit-filter: grayscale(70%);
-  -webkit-transition: -webkit-filter 0.218s;
+  transition: -webkit-filter 0.218s;
 }
 
 #set-pin-table td {
   border-bottom: 6px solid transparent;
 }
 
 #top-secondary {
   margin-top: 10px
 }
 
@@ skipping 11 matching lines @@
  */
 [hidden] {
   display: none !important;
 }
 
 .full-height {
   height: 100%;
 }
 
 .horizontally-centered {
-  display: -webkit-flex;
+  display: flex;
 }
 
 .vertically-centered {
-  display: -webkit-flex;
+  display: flex;
   flex-direction: column;
   height: 100%
 }
 
 .horizontally-centered::before,
 .horizontally-centered::after,
 .vertically-centered::before,
 .vertically-centered::after {
   content: "";
-  -webkit-flex: 1;
+  flex: 1;
 }
 
 /* Bump-scrolling is currently implemented by adjusting the margins, which is
  * easier to implement with "position: fixed". In full-screen mode there are
  * no scroll-bars, so the advantages of flex-box layout to achieve centering
  * (ie, the DOM is easier to measure to determine when scroll-bars are needed)
  * don't apply */
 .full-screen #session-mode {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
 }