2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
22 background-repeat: no-repeat;
23 height: 300px !important;
38 -webkit-box-orient: vertical;
39 -webkit-box-direction: normal;
40 -ms-flex-direction: column;
41 flex-direction: column;
43 word-wrap: break-word;
44 background-color: #fff;
45 background-clip: border-box;
46 border: 1px solid rgba(0, 0, 0, 0.125);
47 border-radius: 0.25rem;
59 .dark-modal .modal-content {
60 background-color: white;
67 font-size: 2rem !important;
73 background-color: white;
75 border-color: #0062cc;
78 .dsl-hint:focus, .dsl-hint.focus {
79 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
86 .card > .list-group:first-child .list-group-item:first-child {
87 border-top-left-radius: 0.25rem;
88 border-top-right-radius: 0.25rem;
91 .card > .list-group:last-child .list-group-item:last-child {
92 border-bottom-right-radius: 0.25rem;
93 border-bottom-left-radius: 0.25rem;
104 margin-bottom: 0.75rem;
108 margin-top: -0.375rem;
112 .card-text:last-child {
117 text-decoration: none;
120 .card-link + .card-link {
121 margin-left: 1.25rem;
125 padding: 0.75rem 1.25rem;
127 background-color: rgba(0, 0, 0, 0.03);
128 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
133 padding: 0.75rem 1.25rem;
135 background-color: rgba(0, 0, 0, 0.03);
136 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
139 .card-header:first-child {
140 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
143 .card-header + .list-group .list-group-item:first-child {
148 padding: 0.75rem 1.25rem;
149 background-color: #f2f2f2;
150 border-top: 1px solid rgba(0, 0, 0, 0.125);
159 .card-footer:last-child {
160 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
164 margin-right: -0.625rem;
165 margin-bottom: -0.75rem;
166 margin-left: -0.625rem;
171 margin-right: -0.625rem;
172 margin-left: -0.625rem;
186 border-radius: calc(0.25rem - 1px);
191 border-top-left-radius: calc(0.25rem - 1px);
192 border-top-right-radius: calc(0.25rem - 1px);
197 border-bottom-right-radius: calc(0.25rem - 1px);
198 border-bottom-left-radius: calc(0.25rem - 1px);
202 display: -webkit-box;
203 display: -ms-flexbox;
205 -webkit-box-orient: vertical;
206 -webkit-box-direction: normal;
207 -ms-flex-direction: column;
208 flex-direction: column;
215 @media (min-width: 576px) {
217 -webkit-box-orient: horizontal;
218 -webkit-box-direction: normal;
219 -ms-flex-flow: row wrap;
225 display: -webkit-box;
226 display: -ms-flexbox;
231 -webkit-box-orient: vertical;
232 -webkit-box-direction: normal;
233 -ms-flex-direction: column;
234 flex-direction: column;
242 display: -webkit-box;
243 display: -ms-flexbox;
245 -webkit-box-orient: vertical;
246 -webkit-box-direction: normal;
247 -ms-flex-direction: column;
248 flex-direction: column;
251 .card-group > .card {
255 @media (min-width: 576px) {
257 -webkit-box-orient: horizontal;
258 -webkit-box-direction: normal;
259 -ms-flex-flow: row wrap;
262 .card-group > .card {
268 .card-group > .card + .card {
272 .card-group > .card:first-child {
273 border-top-right-radius: 0;
274 border-bottom-right-radius: 0;
276 .card-group > .card:first-child .card-img-top,
277 .card-group > .card:first-child .card-header {
278 border-top-right-radius: 0;
280 .card-group > .card:first-child .card-img-bottom,
281 .card-group > .card:first-child .card-footer {
282 border-bottom-right-radius: 0;
284 .card-group > .card:last-child {
285 border-top-left-radius: 0;
286 border-bottom-left-radius: 0;
288 .card-group > .card:last-child .card-img-top,
289 .card-group > .card:last-child .card-header {
290 border-top-left-radius: 0;
292 .card-group > .card:last-child .card-img-bottom,
293 .card-group > .card:last-child .card-footer {
294 border-bottom-left-radius: 0;
296 .card-group > .card:only-child {
297 border-radius: 0.25rem;
299 .card-group > .card:only-child .card-img-top,
300 .card-group > .card:only-child .card-header {
301 border-top-left-radius: 0.25rem;
302 border-top-right-radius: 0.25rem;
304 .card-group > .card:only-child .card-img-bottom,
305 .card-group > .card:only-child .card-footer {
306 border-bottom-right-radius: 0.25rem;
307 border-bottom-left-radius: 0.25rem;
309 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
312 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
313 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
314 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
315 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
320 .card-columns .card {
321 margin-bottom: 0.75rem;
324 @media (min-width: 576px) {
326 -webkit-column-count: 3;
327 -moz-column-count: 3;
329 -webkit-column-gap: 1.25rem;
330 -moz-column-gap: 1.25rem;
333 .card-columns .card {
334 display: inline-block;
340 text-align: center !important;
344 color: #fff !important;
346 .customDsl a.bg-primary:hover, a.bg-primary:focus,
347 button.bg-primary:hover,
348 button.bg-primary:focus {
349 background-color: #0062cc !important;
355 .dsl-hint-form-group {
364 font-family: monospace, monospace;
375 line-height: 1.42857;
376 word-break: break-all;
377 word-wrap: break-word;
379 background-color: #ffffff;
384 white-space: pre-wrap !important;
388 border: 1px solid #999;
389 page-break-inside: avoid;
392 .customDsl [class*="licon-"]::before, .customDsl [class*="icon-"]::after {
420 font: 10px sans-serif;
430 margin-bottom: 0px !important;
436 .toggle-theme.react-toggle--checked .react-toggle-track {
437 background-color: #009fdb;