//
// ============LICENSE_START========================================== 
// org.onap.vvp/portal
// ===================================================================
// Copyright © 2017 AT&T Intellectual Property. All rights reserved.
// ===================================================================
//
// Unless otherwise specified, all software contained herein is licensed
// under the Apache License, Version 2.0 (the “License”);
// you may not use this software 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.
//
//
//
// Unless otherwise specified, all documentation contained herein is licensed
// under the Creative Commons License, Attribution 4.0 Intl. (the “License”);
// you may not use this documentation except in compliance with the License.
// You may obtain a copy of the License at
// 
//          https:creativecommons.org/licenses/by/4.0/
//
// Unless required by applicable law or agreed to in writing, documentation
// 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.
.tooltip-container {
    border: 1px solid @main_color_o;
    background-color: @main_color_p;
    padding: 0px;

    .tooltip-title {
        .f-type._22_m;
        background-color: @main_color_p;
        color: @tooltip_header_color;
        padding: 10px 10px 0;
    }

    .tooltip-content {
        background-color: @main_color_p;
        word-wrap: break-word;

        h4 {
           padding: 0 15px;
        }
    }
}

#nav-bar-wrapper {
    .tooltip-container {
        bottom: 10px;

        .tooltip-title {
            .f-type._16_m;
            background-color: @main_color_p;
            color: @tooltip_header_color;
            padding: 15px 15px 0;
            }

        .tooltip-content {
            background-color: @main_color_p;
            word-wrap: break-word;

            h4 {
            .f-type._16_r;
            padding: 0 15px;
            }
        }
    }
}