1/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5body {
6  padding: 8px;
7}
8
9h2 {
10  margin-bottom: 20px;
11}
12
13.page {
14  display: none;
15  margin-left: 20px;
16  margin-right: 20px;
17  padding: 0;
18}
19
20body[page='0'] #check-charger,
21body[page='1'] #confirm-safe-charger {
22  display: block;
23}
24body[page='2'] #charger-update {
25  display: block;
26}
27body[page='3'] #order-charger-online {
28  display: block;
29}
30body[page='4'] #confirm-online-order {
31 display: block;
32}
33body[page='5'] #finish-not-order-charger {
34  display: block;
35}
36body[page='6'] #order-charger-offline {
37  display: block;
38}
39body[page='7'] #charger-still-bad {
40  display: block;
41}
42
43.button-strip {
44  display: -webkit-flex;
45  justify-content: flex-end;
46  margin-top: 20px;
47}
48
49.command-button {
50  width: 80px;
51}
52
53.stop-use-recalled-charger {
54  font-weight: bold;
55}
56
57.checkbox-label {
58 margin-left: 5px;
59}
60
61.selected-charger {
62  border: 2px solid rgb(66, 129, 244);
63}
64
65.de-selected-charger {
66  border: 2px solid #999;
67}
68
69#select-device-country {
70  width: 270px;
71}
72
73#charger-selection {
74  display: -webkit-flex;
75  justify-content: space-between;
76  margin-bottom: 25px;
77  margin-top: 15px;
78}
79
80#charger-selection img {
81  display: block;
82}
83
84#safe-charger-checkmark {
85  display: block;
86  margin-left: auto;
87  margin-right: auto;
88}
89
90#go-with-good-charger {
91  margin-bottom: 30px;
92  text-align: center;
93}
94
95#safe-charger-checkmark {
96  margin-bottom: 40px;
97  margin-top: 40px;
98}
99
100#back-to-check-charger {
101 margin-right: 10px;
102}
103
104#charger-order-form {
105  border-style: none;
106  height: 500px;
107  width: 1100px;
108}
109
110#back-to-check-charger-from-charger-update {
111  margin-right: 10px;
112}
113
114#not-order-charger-checkbox-strip {
115  display: -webkit-flex;
116  margin-left: 20px;
117  margin-top: 5px;
118}
119
120#offline-content {
121  display: -webkit-flex;
122  justify-content: space-between;
123}
124
125#offline-order-contact {
126  font-weight: bold;
127}
128
129#offline-content-left {
130  width: 450px;
131}
132
133#offline-content-divider {
134  border: 1px solid #f5f5f5;
135  margin-left: 30px;
136  margin-right: 30px;
137}
138
139#offline-content-right {
140  display: -webkit-flex;
141  flex-direction: column;
142  height: 465px;
143  justify-content: space-between;
144}
145
146#confirm-offline-order-checkbox-strip {
147  display: -webkit-flex;
148  flex-direction: row;
149}
150
151#finish-still-bad-charger {
152  margin-top: 40px;
153}
154