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;
146 background-color: transparent;
148 color: $primary-background-color;
155 .view-inspect-button-icon {
156 background-image: url($icons-folder-path + '/binocularicon.png');
159 .inventory-button-icon {
160 background-image: url($icons-folder-path + '/inventoryicon.png');
163 .vnf-search-button-icon {
164 background-image: url($icons-folder-path + '/vnfSearchicon.png');
167 .browse-button-icon {
168 background-image: url($icons-folder-path + '/vnfSearchicon.png');
171 .byoq-ext-button-icon {
172 background-image: url($icons-folder-path + '/vnfSearchicon.png');
175 .custom-query-button-icon {
176 background-image: url($icons-folder-path + '/vnfSearchicon.png');
179 .specialized-search-button-icon {
180 background-image: url($icons-folder-path + '/vnfSearchicon.png');
183 .configurable-view-button-icon {
184 background-image: url($icons-folder-path + '/reports.svg');
185 -webkit-filter: brightness(500);
186 filter: brightness(500);
190 .main-menu-button:hover, .main-menu-button:focus {
193 .view-inspect-button-icon {
194 background-image: url($icons-folder-path + '/binocularicon_hover.png');
197 .inventory-button-icon {
198 background-image: url($icons-folder-path + '/inventoryicon.png');
201 .vnf-search-button-icon {
202 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
205 .browse-button-icon {
206 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
209 .byoq-ext-button-icon {
210 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
213 .custom-query-button-icon {
214 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
217 .specialized-search-button-icon {
218 background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
221 .configurable-view-button-icon {
222 background-image: url($icons-folder-path + '/reports.svg');
223 -webkit-filter: brightness(1);
224 filter: brightness(1);
228 .main-menu-button-active {
229 background-color: $turquoise-blue;
239 .view-inspect-button-icon {
240 background-image: url($icons-folder-path + '/binocularicon_active.png');
243 .inventory-button-icon {
244 background-image: url($icons-folder-path + '/inventoryicon.png');
247 .vnf-search-button-icon {
248 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
251 .browse-button-icon {
252 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
255 .byoq-ext-button-icon {
256 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
259 .custom-query-button-icon {
260 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
263 .specialized-search-button-icon {
264 background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
267 .configurable-view-button-icon {
268 background-image: url($icons-folder-path + '/reports.svg');
269 -webkit-filter: brightness(0.55);
270 filter: brightness(0.55);