2 * ================================================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ================================================================================
20 @sidebar-width: 200px;
21 @transition-duration: 0.25s;
22 @overlayer-opacity: 0.65;
31 vertical-align: middle;
32 top: @second-level-top;
34 -webkit-font-smoothing: antialiased;
38 .ecomp-sidebar-container {
43 transition: left @transition-duration;
49 width: @sidebar-width;
52 box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
65 display: inline-block;
70 .att-accordion-active{
71 color: #199DDF !important;
81 vertical-align: middle;
85 .att-accordion-active;
90 border-bottom: 1px solid #bbb;
95 vertical-align: middle;
99 .att-accordion-active;
110 left: -@sidebar-width;
119 background: none repeat scroll 0 0 rgb(242, 242, 242);
123 opacity: @overlayer-opacity;
124 transition: opacity @transition-duration ease-in-out;
126 .fade-animation.ng-hide {
128 transition: opacity @transition-duration ease-in-out;