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";
19 @import '../../node_modules/open-iconic/font/css/open-iconic.css';
25 background: url('../../../assets/img/header-logo.png') no-repeat;
31 text-transform: uppercase;
42 margin: 0rem 1.25rem 1.25rem;
60 -ms-flex-direction: row;
63 justify-content: flex-start; /* align items in Main Axis */
64 -ms-flex-align: stretch;
65 align-items: stretch; /* align items in Cross Axis */
66 -ms-flex-line-pack: stretch;
67 align-content: stretch;
79 -ms-flex-direction: row;
82 justify-content: flex-start;
83 -ms-flex-align: stretch;
85 -ms-flex-wrap: nowrap;
87 -ms-flex-line-pack: stretch;
88 align-content: stretch;
90 margin-top: 0.0725rem;
97 white-space: pre-wrap;
100 background-color: white;
103 display: -ms-flexbox;
120 -ms-flex-flow: row wrap;
126 .recordNavigator.dashboardCard {
129 /* min-width: 300px;*/
130 /* max-width: 300px;*/
146 .recordCard.dashboardCard {
156 .recordCard_content {
171 border-right: $gray-dark 1px solid;
172 padding: 1rem 0.5rem;
180 display: -ms-flexbox;
182 -ms-flex-pack: center;
183 justify-content: center;
184 -ms-flex-align: center;
189 .dashboardCard_content {
208 -ms-flex-pack: center;
209 justify-content: center;
210 -ms-flex-align: center;
211 -ms-grid-row-align: center;
230 .launchpadCard_data-list.EPA-PARAMS {
236 margin: 0 0 0 0.5rem;
239 .launchpadCard_title {
252 .line-scale-pulse-out-rapid {
253 -ms-flex-item-align: center;
259 -ms-flex-direction:column;
260 flex-direction:column;
267 -ms-flex-direction:column;
268 flex-direction:column;
272 .consoleUrlsComponent {
278 flex-direction: column;
289 text-decoration: underline;
292 align-self: flex-start;
296 align-self: flex-end;
309 -ms-flex-direction:row;
313 -ms-flex-pack: distribute;
314 justify-content: space-around;
319 fill: $brand-blue-light;
324 transform:scaleX(0.25);
329 transform:scaleY(0.25);
338 text-transform: uppercase;
341 background: lightgray;
343 border-top: 1px solid #f1f1f1;
344 border-bottom: 1px solid #f1f1f1;
349 border-right: #999 1px solid;
354 -ms-flex-preferred-size:50%;
371 text-decoration:underline;
379 background: $gray-dark;
382 .nsrType dt, .vnfrType dt, .vduType dt{
383 border-right:1px solid $gray-dark;
384 display: -ms-flexbox;
386 -ms-flex-direction: column;
387 flex-direction: column;
388 -ms-flex-pack: center;
389 justify-content: center;
407 .placementGroupDetails {
410 text-transform:uppercase;
414 margin-bottom:0.5rem;