1 /* Copyright (c) 2019 AT&T Intellectual Property. #
\r
3 # Licensed under the Apache License, Version 2.0 (the "License"); #
\r
4 # you may not use this file except in compliance with the License. #
\r
5 # You may obtain a copy of the License at #
\r
7 # http://www.apache.org/licenses/LICENSE-2.0 #
\r
9 # Unless required by applicable law or agreed to in writing, software #
\r
10 # distributed under the License is distributed on an "AS IS" BASIS, #
\r
11 # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #
\r
12 # See the License for the specific language governing permissions and #
\r
13 # limitations under the License. #
\r
14 ##############################################################################*/
\r
17 /* You can add global styles to this file, and also import other style files */
\r
18 $zindex-dropdown: 900 !default;
\r
19 $zindex-sticky: 920 !default;
\r
20 $zindex-fixed: 950 !default;
\r
21 $font-size-base: .8rem !default;
\r
22 @import "../../../node_modules/bootstrap/scss/bootstrap";
\r
26 @import "responsive";
\r
29 padding: .5rem 1rem;
\r
34 display: none !important;
\r
38 @import '~@angular/material/theming';
\r
39 // Plus imports for other components in your app.
\r
41 // Include the common styles for Angular Material. We include this here so that you only
\r
42 // have to load a single css file for Angular Material in your app.
\r
43 // Be sure that you only ever include this mixin once!
\r
44 @include mat-core();
\r
46 // Define the palettes for your theme using the Material Design palettes available in palette.scss
\r
47 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
\r
48 // hue. Available color palettes: https://material.io/design/color/
\r
49 $candy-app-primary: mat-palette($mat-blue, 900);
\r
51 $candy-app-accent: mat-palette($mat-orange, A400);
\r
53 // The warn palette is optional (defaults to red).
\r
54 $candy-app-warn: mat-palette($mat-deep-orange, A700);
\r
56 // Create the theme object (a Sass map containing all of the palettes).
\r
57 $candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
\r
59 // Include theme styles for core and each component used in your app.
\r
60 // Alternatively, you can import and @include the theme mixins for each component
\r
61 // that you are using.
\r
62 @include angular-material-theme($candy-app-theme);
\r
64 @import "../../../node_modules/perfect-scrollbar/css/perfect-scrollbar.css";
\r
65 //@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
\r
66 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
\r
67 @import "../../../node_modules/codemirror/lib/codemirror.css";
\r
68 @import "../../../node_modules/codemirror/theme/eclipse.css";
\r
70 @import 'ag-grid-community/dist/styles/ag-grid.css';
\r
71 @import 'ag-grid-community/dist/styles/ag-theme-material.css';
\r
74 font-family: 'Material Icons';
\r
77 src: local('Material Icons'),
\r
78 local('MaterialIcons-Regular'),
\r
79 url(https://fonts.gstatic.com/s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
\r
83 font-family: 'Material Icons' !important
\r
87 box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC
\r
90 .mat-mini-fab .mat-button-wrapper>*{
\r
91 vertical-align: 6px !important;
\r
99 padding: 0px !important;
\r
103 padding: 15px !important;
\r
104 padding-top: 10px !important;
\r
105 padding-bottom: 10px !important;
\r
108 .mat-card-header-text {
\r
109 width: 100% !important;
\r
113 margin: 0px !important;
\r
114 padding: 0px !important;
\r
117 mat-card-title button {
\r
118 padding: 3px 8px !important;
\r
119 line-height: 5px !important;
\r
122 mat-card-title button mat-icon {
\r
123 font-size: 22px !important;
\r
127 padding: 24px !important;
\r
128 padding-top: 10px !important;
\r
131 .highlight-task-running:not(.djs-connection) .djs-visual > :nth-child(1) {
\r
132 fill: rgb(186, 186, 255) !important; /* color elements as green */
\r
136 .highlight-task-completed:not(.djs-connection) .djs-visual > :nth-child(1) {
\r
137 fill: rgb(92, 223, 92) !important; /* color elements as green */
\r
140 .highlight-task-failed:not(.djs-connection) .djs-visual > :nth-child(1) {
\r
141 fill: rgb(255, 83, 83) !important; /* color elements as green */
\r
148 tr:nth-child(even){background-color: #f9f9f9;}
\r
155 height: calc(100% - 56px);
\r
160 overflow: scroll !important;
\r
168 margin-bottom:-18px
\r
172 position: absolute;
\r
173 background-color: green;
\r
179 app-form-generator textarea,
\r
180 app-form-generator input {
\r
184 .loader-modal-container .mat-dialog-container{
\r
185 border-radius: 100px;
\r