/**
* ============LICENSE_START=======================================================
* org.onap.aai
* ================================================================================
* Copyright © 2017 AT&T Intellectual Property. All rights reserved.
* Copyright © 2017 Amdocs
* ================================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ============LICENSE_END=========================================================
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
.header {
background-color: $background-header-color1;
//display: flex;
align-items: center;
margin: 0px;
padding: 5px 0px 0px 0px;
.dropdown-toggle {
border: none;
.fa-bars {
font-size: 18px;
}
}
.application-title {
font-size: $heading-font-1;
color: $text-color11;
width: 127px;
margin-right: 20px;
padding: 2px 20px 0 10px;
border-right: solid 1px $border-color5;
}
.data-integrity-search-bar-wrapper {
display: flex;
align-items: center;
.inline-message-alert {
padding: 0;
margin: 0 0 0 10px;
height: 32px;
}
}
}
.secondary-header {
background-color: $background-header-color2;
margin: 0px;
padding: 10px 20px 5px 20px;
border-top: solid 2px $border-color5;
border-bottom: solid 2px $border-color5;
width: 100%;
.secondary-title {
color: $text-color2;
font-size: $heading-font-3;
font-weight: bold;
padding: 5px 20px 0px 0px;
border-right: solid 1px $border-color5;
margin: 0px 25px 0px 0px;
}
}
.toggle-view-button {
color: $text-color11;
background-color: transparent;
font-size: 20px;
padding: 2px 5px;
margin-left: 10px;
border: none;
vertical-align: text-bottom;
}
.toggle-view-button:hover {
color: $text-color3;
outline: none;
}
.toggle-view-button:focus {
color: $primary-background-color;
outline: none;
}
.toggle-view-button-active {
color: $text-color11;
background-color: transparent;
font-size: 20px;
padding: 2px 5px;
margin-left: 10px;
outline: none;
border: none;
vertical-align: text-bottom;
}
.modal {
top: 43px;
}
.modal-backdrop.in{
opacity: 0;
}
.modal-main-menu {
position: absolute;
left: 0px;
width: 250px;
height: 100%;
margin: 0px;
box-shadow: none;
.modal-content {
height: 100%;
box-shadow: none;
background-color: $background-color2;
.modal-body {
margin: 0px;
padding: 0px;
}
}
.button-icon {
margin: 0px auto;
width: 80px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 5px;
}
.main-menu-button {
background-color: transparent;
border: none;
color: $primary-background-color;
font-size: 16px;
line-height: 13px;
width: 100%;
height: 90px;
text-align: center;
.view-inspect-button-icon {
background-image: url($icons-folder-path + '/binocularicon.png');
}
.inventory-button-icon {
background-image: url($icons-folder-path + '/inventoryicon.png');
}
.vnf-search-button-icon {
background-image: url($icons-folder-path + '/vnfSearchicon.png');
}
}
.main-menu-button:hover, .main-menu-button:focus {
color: $text-color4;
modal-backdrop.in
.view-inspect-button-icon {
background-image: url($icons-folder-path + '/binocularicon_hover.png');
}
.inventory-button-icon {
background-image: url($icons-folder-path + '/inventoryicon.png');
}
.vnf-search-button-icon {
background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
}
}
.main-menu-button-active {
background-color: $turquoise-blue;
border: none;
color: $text-color3;
font-size: 16px;
line-height: 13px;
width: 100%;
height: 90px;
text-align: center;
.view-inspect-button-icon {
background-image: url($icons-folder-path + '/binocularicon_active.png');
}
.inventory-button-icon {
background-image: url($icons-folder-path + '/inventoryicon.png');
}
.vnf-search-button-icon {
background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
}
}
.search-bar {
margin-bottom: 30px;
}
}