2 //.bg_portalWhite;//white for 1702
3 .bg_portalGray; // gray for 1610
8 bottom: @page-main-bottom;
24 padding: 15px 0 32px 0;
29 .dBlue24r; // AT&T Dark Blue
36 justify-content: center;
43 .app-gridster-header {
44 background-color: @portalWhite;
47 .app-gridster-footer {
48 background-color: @portalWhite;
52 background-color: @portalWhite;
54 box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
55 display: inline-block;
58 background-size: cover;
64 background-color: @portalWhite;
68 box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
73 .dBlue24r; // AT&T Dark Blue
76 text-overflow: ellipsis;
81 text-overflow: ellipsis;
103 .w-ecomp-main-disclaimer {
127 background: @portalLGray;
132 .tab-container ul.nav-tabs {
134 list-style-type: none;
138 display: inline-block;
139 display: -webkit-flex;
142 border-bottom: 5px solid @funcBkgGray;
144 .tab-container ul.nav-tabs > li {
146 -moz-border-radius-topleft: 28px 145px;
147 -webkit-border-top-left-radius: 28px 145px;
148 border-top-left-radius: 28px 145px;
149 -moz-border-radius-topright: 28px 145px;
150 -webkit-border-top-right-radius: 28px 145px;
151 border-top-right-radius: 28px 145px;
152 padding: 0 30px 0 25px;
156 -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
157 -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
158 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
162 border: 1px solid @portalGray;
164 .tab-container ul.nav-tabs > li:first-child {
167 .tab-container ul.nav-tabs > li:last-of-type {
170 .tab-container ul.nav-tabs > li > a {
173 text-decoration: none;
177 .tab-container ul.nav-tabs > li > a span {
182 .tab-container ul.nav-tabs > li > a:focus, .tab-container ul.nav-tabs > li > a:hover {
183 background-color: transparent;
184 border-color: transparent;
186 .tab-container ul.nav-tabs > li > a .glyphicon-remove {
188 display: inline-block;
195 -moz-border-radius: 50%;
196 -webkit-border-radius: 50%;
199 .tab-container ul.nav-tabs > li > a .glyphicon-remove:hover {
200 background: @portalLPurple;
202 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
203 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
204 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
205 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
207 .tab-container ul.nav-tabs > li.active {
209 background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
210 background-size: 100%;
211 background-image: -webkit-gradient(linear, 50% 0%, 50% 30, color-stop(0%, @portalWhite), color-stop(100%, @funcBkgGray));
212 background-image: -moz-linear-gradient(@portalWhite, @funcBkgGray 30px);
213 background-image: -webkit-linear-gradient(@portalWhite, @funcBkgGray 30px);
214 background-image: linear-gradient(@portalWhite, @funcBkgGray 30px);
216 .tab-container ul.nav-tabs > li.active > a {
217 background-color: transparent;
218 border-color: transparent;
219 border-bottom-color: transparent;
221 .tab-container ul.nav-tabs > li.active > a:focus, .tab-container ul.nav-tabs > li.active > a:hover {
222 background-color: transparent;
223 border-color: transparent;
224 border-bottom-color: transparent;
226 .tab-container ul.nav-tabs .btn {
233 border-color: @portalLBlue;
235 -moz-transform: skew(30deg);
236 -ms-transform: skew(30deg);
237 -webkit-transform: skew(30deg);
238 transform: skew(30deg);
240 .tab-container ul.nav-tabs .btn.btn-default {
243 .tab-container ul.nav-tabs .btn.btn-default:hover {
246 .tab-container ul.nav-tabs .btn.btn-default:active {
249 .tab-container .tab-pane {
253 .tab-container .tab-pane.active {
254 border-top: 1px solid #ddd;
257 .tab-container md-content {
258 background-color: transparent !important; }
259 .tab-container md-content md-tabs {
260 border: 1px solid #e1e1e1; }
261 .tab-container md-content md-tabs md-tab-content {
262 background: #f6f6f6; }
263 .tab-container md-content md-tabs md-tabs-canvas {
265 .tab-container md-content h1:first-child {
267 .tab-container md-input-container {
269 .tab-container .remove-tab {
270 margin-bottom: 40px; }
271 .tab-container .demo-tab > div > div {
273 box-sizing: border-box; }
274 .tab-container .edit-form input {
276 .tab-container md-tabs {
277 border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
278 .tab-container md-tab[disabled] {
280 .tab-container label {
282 .tab-container .long > input {
284 .tab-container .md-button.add-tab {
285 transform: translateY(5px); }
291 border-top-left-radius: 88px 205px;
292 border-top-right-radius: 88px 205px;
293 padding: 0 30px 0 25px;
295 background: @portalLGray;
297 box-shadow: 0 4px 6px rgba(0,0,0,.5);
301 border: 1px solid #aaa;
302 text-transform: capitalize;
311 border-bottom: 5px solid #f7f7f7;
316 background-color: #f5f5f5 !important;
322 z-index: 5 !important;
330 font-size: x-small;width: 10px;
333 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
335 font-size: x-small;width: 10px;margin-left: 130px;margin-top: 55px;
343 -moz-box-sizing: border-box;
344 -webkit-box-sizing: border-box;
345 box-sizing: border-box;
351 .transition(@transitionDefault color);
352 background: transparent;
370 fill: @colorWetAsphalt;
376 fill: @colorAsbestos;
381 &.active ~ .notifications
388 border-top: 1px solid #bdc3c7;
397 .notifications_li:hover{
400 .notifications_detail{
404 display: inline-block;
405 vertical-align: middle;
408 .notifications_empty{
412 .notifications_title{
423 .border-radius(@borderRadius);
424 .transition(@transitionDefault opacity);
425 background: @colorClouds;
426 border: 1px solid @colorSilver;
429 // position: absolute;
434 border: 10px solid transparent;
435 border-bottom-color: @colorPeterRiver;
448 background: @colorPeterRiver;
466 text-decoration: none;
471 text-decoration: underline;
484 .transition-transform(@transitionDefault);
485 border-top: 1px solid @colorSilver;
486 color: @colorAsbestos;
498 display: inline-block;
499 vertical-align: middle;
505 background: @colorPeterRiver;
525 color: @colorConcrete;
539 color: @colorConcrete;
560 background: @colorSilver;
574 .transform(translateX(100%));
593 @colorClouds: #ecf0f1;
594 @colorSilver: #bdc3c7;
595 @colorWhite: #fefefe;
596 @colorPeterRiver: #3498db;
597 @colorConcrete: #95a5a6;
598 @colorAsbestos: #7f8c8d;
599 @colorWetAsphalt: #34495e;
603 @transitionDefault: 0.25s ease-out 0.10s;
606 .background-clip(@value: border-box)
608 -moz-background-clip: @value;
609 -webkit-background-clip: @value;
610 background-clip: @value;
613 .border-radius(@value: 5px)
615 -moz-border-radius: @value;
616 -webkit-border-radius: @value;
617 border-radius: @value;
618 .background-clip(padding-box);
623 -webkit-transform: @value;
624 -moz-transform: @value;
625 -ms-transform: @value;
626 -o-transform: @value;
630 .transition(@value: all 0.25s ease-out)
632 -webkit-transition: @value;
633 -moz-transition: @value;
634 -o-transition: @value;
638 .transition-transform(@transition: 0.25s ease-out)
640 -webkit-transition: -webkit-transform @transition;
641 -moz-transition: -moz-transform @transition;
642 -o-transition: -o-transform @transition;
643 transition: transform @transition;
650 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
655 #tab-cross-sign-icon{
656 margin: 48px 0px 0px 0px;
658 border-bottom-width:0px;
659 padding: 6px 6px 6px 3px;