--- /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
+$topnav-background-color: #045C87;\r
+\r
+:host {\r
+ .navbar {\r
+ \r
+ background-color: $topnav-background-color;\r
+ .navbar-brand {\r
+ color: #fff;\r
+ font-size: 1.5em !important;\r
+ }\r
+ .nav-item > a {\r
+ color: #fff;\r
+ &:hover {\r
+ color: lighten($topnav-background-color, 50%);\r
+ }\r
+ }\r
+ }\r
+ .messages {\r
+ width: 300px;\r
+ .media {\r
+ border-bottom: 1px solid #ddd;\r
+ padding: 5px 10px;\r
+ &:last-child {\r
+ border-bottom: none;\r
+ }\r
+ }\r
+ .media-body {\r
+ h5 {\r
+ font-size: 13px;\r
+ font-weight: 600;\r
+ }\r
+ .small {\r
+ margin: 0;\r
+ }\r
+ .last {\r
+ font-size: 12px;\r
+ margin: 0;\r
+ }\r
+ }\r
+ }\r
+}\r
+.my-class{\r
+ line-height: 25px;\r
+ height: 25px!important;\r
+ min-height: unset!important;\r
+}
\ No newline at end of file