3 * Copyright 2016 RIFT.IO Inc
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
18 @import "style/_colors.scss";
28 text-transform: uppercase;
31 -ms-flex-line-pack:center;
41 .associateSdnAccount {
44 .create > .flex-row > li {
49 .create > .flex-row > li:first-child {
52 .create > .flex-row > li:last-child {
55 /* .flex-row > li h3 {*/
56 /* background-color: #ffffff;*/
57 /* padding: 12px 18px;*/
58 /* text-transform: uppercase;*/
70 justify-content: flex-start;
73 background-color: #ffffff;
78 box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
80 .create .options a h5 {
85 .create .options a img {
93 background-color: #ffffff;
99 box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
115 display: inline-block;
118 text-decoration: none;
119 text-transform: uppercase;
120 box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
122 .form-actions a.save {
123 background-color: #ffffff;
124 border: 1px solid #cccccc;
129 .form-actions a.launch {
130 background-color: #333333;
131 border: 1px solid #000000;
135 .form-actions a.launch:hover, .form-actions a.launch:active {
139 .create .select-type {
142 /* .create-fleet-pool label {*/
143 /* padding: 0.125rem;*/
146 /* .create-fleet-pool input {*/
149 /* margin: 0px 20px 10px 15px;*/
150 /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;*/
151 /* font-size: 20px;*/
157 background:white !important;
158 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;
176 -ms-flex-direction:column;
177 flex-direction:column;
179 -ms-flex-align:center;
181 border-top:$gray-light 1px solid;
182 border-left:$gray-light 1px solid;
183 border-right:$gray-dark 1px solid;
184 border-bottom:$gray-dark 1px solid;
185 box-shadow: $gray 2px 2px 3px;
192 input[type="radio"] {
200 -ms-flex-direction:column;
201 flex-direction:column;
207 -ms-flex-align:center;
209 -ms-flex-pack:center;
210 justify-content:center;
217 padding-bottom:0.5rem;
227 background: rgba(0, 0, 0, 0.25);
231 border-bottom:$gray-light 1px solid;
232 border-right:$gray-light 1px solid;
233 border-top:$gray-dark 1px solid;
234 border-left:$gray-dark 1px solid;
235 box-shadow: $gray 2px 2px 3px inset;
241 background: $gray-lighter;
243 background-color: #ffffff;
244 padding: 12px 0.5rem;
245 text-transform: uppercase;
249 -ms-flex-pack:justify;
250 justify-content:space-between;
251 -ms-flex-align: center;
256 -ms-flex-align:center;
280 .connectivityStatus {
282 border:1px solid $lightest-gray;
286 margin-right: 0.25rem;
288 background:$lightest-gray;
290 background:$brand-green;
293 background:$error-red;
300 text-transform:uppercase;