--- /dev/null
+/* Copyright (c) 2019 AT&T Intellectual Property. #\r
+# #\r
+# Licensed under the Apache License, Version 2.0 (the "License"); #\r
+# you may not use this file except in compliance with the License. #\r
+# You may obtain a copy of the License at #\r
+# #\r
+# http://www.apache.org/licenses/LICENSE-2.0 #\r
+# #\r
+# Unless required by applicable law or agreed to in writing, software #\r
+# distributed under the License is distributed on an "AS IS" BASIS, #\r
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #\r
+# See the License for the specific language governing permissions and #\r
+# limitations under the License. #\r
+##############################################################################*/\r
+\r
+\r
+/* You can add global styles to this file, and also import other style files */\r
+$zindex-dropdown: 900 !default;\r
+$zindex-sticky: 920 !default;\r
+$zindex-fixed: 950 !default;\r
+$font-size-base: .8rem !default;\r
+@import "../../../node_modules/bootstrap/scss/bootstrap";\r
+@import "spinner";\r
+@import "utils";\r
+@import "rtl";\r
+@import "responsive";\r
+\r
+.list-group-item {\r
+ padding: .5rem 1rem;\r
+}\r
+\r
+@media print {\r
+ .breadcrumb {\r
+ display: none !important;\r
+ }\r
+}\r
+\r
+@import '~@angular/material/theming';\r
+// Plus imports for other components in your app.\r
+\r
+// Include the common styles for Angular Material. We include this here so that you only\r
+// have to load a single css file for Angular Material in your app.\r
+// Be sure that you only ever include this mixin once!\r
+@include mat-core();\r
+\r
+// Define the palettes for your theme using the Material Design palettes available in palette.scss\r
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker\r
+// hue. Available color palettes: https://material.io/design/color/\r
+$candy-app-primary: mat-palette($mat-blue, 900);\r
+\r
+$candy-app-accent: mat-palette($mat-orange, A400);\r
+\r
+// The warn palette is optional (defaults to red).\r
+$candy-app-warn: mat-palette($mat-deep-orange, A700);\r
+\r
+// Create the theme object (a Sass map containing all of the palettes).\r
+$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);\r
+\r
+// Include theme styles for core and each component used in your app.\r
+// Alternatively, you can import and @include the theme mixins for each component\r
+// that you are using.\r
+@include angular-material-theme($candy-app-theme);\r
+\r
+@import "../../../node_modules/perfect-scrollbar/css/perfect-scrollbar.css";\r
+//@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';\r
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');\r
+@import "../../../node_modules/codemirror/lib/codemirror.css";\r
+@import "../../../node_modules/codemirror/theme/eclipse.css";\r
+\r
+@import 'ag-grid-community/dist/styles/ag-grid.css';\r
+@import 'ag-grid-community/dist/styles/ag-theme-material.css';\r
+\r
+@font-face {\r
+ font-family: 'Material Icons';\r
+ font-style: normal;\r
+ font-weight: 400;\r
+ src: local('Material Icons'), \r
+ local('MaterialIcons-Regular'), \r
+ url(https://fonts.gstatic.com/s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');\r
+ }\r
+\r
+mat-icon{\r
+ font-family: 'Material Icons' !important\r
+}\r
+\r
+.embedded {\r
+ box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC\r
+}\r
+\r
+.mat-mini-fab .mat-button-wrapper>*{\r
+ vertical-align: 6px !important;\r
+}\r
+\r
+button:focus{\r
+ outline: none;\r
+}\r
+\r
+mat-card {\r
+ padding: 0px !important;\r
+}\r
+\r
+mat-card-header {\r
+ padding: 15px !important;\r
+ padding-top: 10px !important;\r
+ padding-bottom: 10px !important;\r
+}\r
+\r
+.mat-card-header-text {\r
+ width: 100% !important;\r
+}\r
+\r
+mat-card-title {\r
+ margin: 0px !important;\r
+ padding: 0px !important;\r
+}\r
+\r
+mat-card-title button {\r
+ padding: 3px 8px !important;\r
+ line-height: 5px !important;\r
+}\r
+\r
+mat-card-title button mat-icon {\r
+ font-size: 22px !important;\r
+}\r
+\r
+mat-card-content {\r
+ padding: 24px !important;\r
+ padding-top: 10px !important;\r
+}\r
+\r
+.highlight-task-running:not(.djs-connection) .djs-visual > :nth-child(1) {\r
+ fill: rgb(186, 186, 255) !important; /* color elements as green */\r
+ opacity: .7;\r
+}\r
+\r
+.highlight-task-completed:not(.djs-connection) .djs-visual > :nth-child(1) {\r
+ fill: rgb(92, 223, 92) !important; /* color elements as green */\r
+}\r
+\r
+.highlight-task-failed:not(.djs-connection) .djs-visual > :nth-child(1) {\r
+ fill: rgb(255, 83, 83) !important; /* color elements as green */\r
+}\r
+\r
+.dropdown-item {\r
+ cursor: pointer;\r
+}\r
+\r
+tr:nth-child(even){background-color: #f9f9f9;}\r
+\r
+html {\r
+ height: 100%\r
+}\r
+\r
+body {\r
+ height: calc(100% - 56px);\r
+}\r
+\r
+.main-container {\r
+ height: 100%;\r
+ overflow: scroll !important;\r
+}\r
+\r
+.form-buttons {\r
+ position:absolute;\r
+ bottom:0;\r
+ right:0; \r
+ z-index:1000;\r
+ margin-bottom:-18px\r
+}\r
+\r
+.upload-progress {\r
+ position: absolute;\r
+ background-color: green;\r
+ height: 100%;\r
+ opacity: .5;\r
+ top: 0; \r
+ left: 0;\r
+}\r
+app-form-generator textarea,\r
+app-form-generator input {\r
+ width: 100%;\r
+}\r
+\r
+.loader-modal-container .mat-dialog-container{\r
+ border-radius: 100px;\r
+ opacity: 0.1;\r
+}
\ No newline at end of file