2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
6 * Copyright © 2017-2018 Amdocs
7 * ================================================================================
8 * Licensed under the Apache License, Version 2.0 (the "License");
9 * you may not use this file except in compliance with the License.
10 * You may obtain a copy of the License at
12 * http://www.apache.org/licenses/LICENSE-2.0
14 * Unless required by applicable law or agreed to in writing, software
15 * distributed under the License is distributed on an "AS IS" BASIS,
16 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 * See the License for the specific language governing permissions and
18 * limitations under the License.
19 * ============LICENSE_END=========================================================
22 background-color: $background-header-color1;
26 padding: 5px 0px 0px 0px;
36 font-size: $heading-font-1;
40 padding: 2px 20px 0 10px;
41 border-right: solid 1px $border-color5;
44 .data-integrity-search-bar-wrapper {
47 .inline-message-alert {
56 background-color: $background-header-color2;
58 padding: 10px 20px 5px 20px;
59 border-top: solid 2px $border-color5;
60 border-bottom: solid 2px $border-color5;
65 font-size: $heading-font-3;
67 padding: 5px 20px 0px 0px;
68 border-right: solid 1px $border-color5;
69 margin: 0px 25px 0px 0px;
75 background-color: transparent;
80 vertical-align: text-bottom;
83 .toggle-view-button:hover {
88 .toggle-view-button:focus {
89 color: $primary-background-color;
93 .toggle-view-button-active {
95 background-color: transparent;
101 vertical-align: text-bottom;
123 background-color: $background-color2;
135 background-repeat: no-repeat;
136 background-position: center;
141 background-color: transparent;
143 color: $primary-background-color;
150 .view-inspect-button-icon {
151 background-image: url($icons-folder-path + '/binocularicon.png');
154 .inventory-button-icon {
155 background-image: url($icons-folder-path + '/inventoryicon.png');
158 .vnf-search-button-icon {
159 background-image: url($icons-folder-path + '/vnfSearchicon.png');
162 .configurable-view-button-icon {
163 background-image: url($icons-folder-path + '/reports.svg');
164 -webkit-filter: brightness(500);
165 filter: brightness(500);
169 .main-menu-button:hover, .main-menu-button:focus {
172 .view-inspect-button-icon {
173 background-image: url($icons-folder-path + '/binocularicon_hover.png');
176 .inventory-button-icon {
177 background-image: url($icons-folder-path + '/inventoryicon.png');
180 .vnf-search-button-icon {
181 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
184 .configurable-view-button-icon {
185 background-image: url($icons-folder-path + '/reports.svg');
186 -webkit-filter: brightness(1);
187 filter: brightness(1);
191 .main-menu-button-active {
192 background-color: $turquoise-blue;
202 .view-inspect-button-icon {
203 background-image: url($icons-folder-path + '/binocularicon_active.png');
206 .inventory-button-icon {
207 background-image: url($icons-folder-path + '/inventoryicon.png');
210 .vnf-search-button-icon {
211 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
214 .configurable-view-button-icon {
215 background-image: url($icons-folder-path + '/reports.svg');
216 -webkit-filter: brightness(0.55);
217 filter: brightness(0.55);