2 * # ============LICENSE_START=======================================================
3 * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved.
4 * # ================================================================================
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.
16 * # ============LICENSE_END=========================================================
25 background: linear-gradient(to bottom, #1D2329 0%, #454B52 8%)
28 .sidenav .mat-toolbar {
30 color:rgb(225, 241, 247);
37 height: 6vh !important;
38 min-height: 35px !important;
41 .mat-toolbar.mat-primary {
49 background: linear-gradient(to bottom, #1D2329 0%, #454B52 135%)
55 background-color: #454B52;
57 height: 7vh !important;
58 min-height: 40px !important;
62 outline: none !important;
67 background-color: #EA712F !important;
100 /* B R E A D C R U M B S . . . . . . . . */
104 font: 12px Helvetica, Arial, Sans-Serif;
105 background: transparent;
116 text-decoration: none;
117 padding: 6px 0 6px 45px;
118 background: brown; /* fallback color */
119 background: hsla(21,82%,55%,1);
124 .breadcrumb li a:after {
129 border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
130 border-bottom: 50px solid transparent;
131 border-left: 30px solid hsla(21,82%,55%,1);
138 .breadcrumb li a:before {
143 border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
144 border-bottom: 50px solid transparent;
145 border-left: 30px solid #b9bec4;
153 .breadcrumb li:first-child a {
156 .breadcrumb li:nth-child(2) a { background: hsla(30,100%,50%,.95); }
157 .breadcrumb li:nth-child(2) a:after { border-left-color: hsla(30,100%,50%,.95); }
158 .breadcrumb li:nth-child(3) a { background: hsla(38,100%,50%,.90); }
159 .breadcrumb li:nth-child(3) a:after { border-left-color: hsla(38,100%,50%,.90); }
160 .breadcrumb li:nth-child(4) a { background: hsla(45,100%,50%,.85); }
161 .breadcrumb li:nth-child(4) a:after { border-left-color: hsla(45,100%,50%,.85); }
162 .breadcrumb li:nth-child(5) a { background: hsla(52,100%,50%,.80); }
163 .breadcrumb li:nth-child(5) a:after { border-left-color: hsla(52,100%,50%,.80); }
164 .breadcrumb li:last-child a {
165 background: transparent !important;
167 pointer-events: none;
171 .breadcrumb li:last-child a:after { border: 0; }
172 .breadcrumb li a:hover { background: rgba(102, 102, 102, 0.993); color: #e9fffd; cursor: pointer}
173 .breadcrumb li a:hover:after { border-left-color: hsla(0,0%,40%,1); color: #bbc9d8 !important; cursor: pointer}