2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017-2019 AT&T Intellectual Property. All rights reserved.
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 * ============LICENSE_END=========================================================
35 .navbar .navbar-toggle {
39 .navbar .navbar-brand {
45 .navbar .navbar-form {
63 background-color: #FAFAFA;
68 background-color: #FAFAFA;
73 background-color: #FAFAFA;
80 background-color: #FAFAFA;
83 border: 1px solid #ccc;
89 background-color: white;
98 border: 1px solid #ccc;
103 border: 2px solid #0000a0;
107 border: 2px solid #a94442;
111 border: 2px solid #808000;
115 border: 2px solid #ffb900;
123 div#HeaderDefaultValues.modal-body {
129 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
131 letter-spacing: .01em;
136 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
144 padding-bottom: 10px;
145 border-bottom: 1px solid #eee;
161 text-decoration: none;
170 .nav-sidebar > li > a {
175 .nav-sidebar > .active > a,
176 .nav-sidebar > .active > a:hover,
177 .nav-sidebar > .active > a:focus {
179 background-color: #2196F3;
190 .file-tree ul.nav.nav-sidebar {
196 .file-tree ul.nav.nav-sidebar > li {
197 border-left: 1px solid #ddd;
201 .file-tree ul.nav.nav-sidebar > li > a {
202 padding: 2px 2px 2px 4px;
205 .file-tree ul.nav.nav-sidebar:first-child {
209 .file-tree ul.nav.nav-sidebar.file-tree-root > li {
215 vertical-align: middle;
236 .col-120:last-child {
240 .iconset .thumbnail {
249 .iconset .thumbnail .item-icon {
254 text-overflow: ellipsis;
256 word-wrap: break-word;
259 ::-webkit-scrollbar {
262 background-color: #fff;
263 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
266 ::-webkit-scrollbar:hover {
267 background-color: #eee;
270 ::-webkit-scrollbar-thumb {
273 background-color: rgba(0, 0, 0, .2);
274 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
277 ::-webkit-scrollbar-thumb:hover {
278 background-color: #bbb;
281 ::-webkit-scrollbar-thumb:active {
282 background-color: #888;
285 .dropdown-menu.dropdown-right-click {
292 .dropdown-menu.dropdown-right-click>li>a {
296 .dropdown-menu.dropdown-right-click>li>a>i {
301 .dropdown-menu.dropdown-right-click .divider {
314 text-decoration: none;
322 .sortorder.reverse:after {
327 [ng\:cloak], [ng-cloak],
328 [data-ng-cloak], [x-ng-cloak],
329 .ng-cloak, .x-ng-cloak {
330 display: none !important;
359 text-overflow: ellipsis;
367 @media (min-width: 768px) {
383 background-color: #f5f5f5;
384 border-right: 1px solid #eee;
388 @media (max-width: 768px) {
394 @media (max-width: 475px) {
395 .table.table-files .btn {
400 /* Tooltip container */
403 display: inline-block;
404 border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
408 .tooltip .tooltiptext {
411 background-color: #555;
417 /* Position the tooltip text */
424 /* Fade in tooltip */
426 transition: opacity 1s;
430 .tooltip .tooltiptext::after {
438 border-color: #555 transparent transparent transparent;
441 /* Show the tooltip text when you mouse over the tooltip container */
442 .tooltip:hover .tooltiptext {
449 display: inline-block;
451 font-weight: lighter;
454 .mstooltip .tooltiptext {
455 font-weight: lighter;
458 background-color: #555;
470 .mstooltip:hover .tooltiptext {
476 border: 6px solid #a94442;
477 border-top: 6px solid #3498db; /* Blue */
481 animation: spin 2s linear infinite;
485 @-webkit-keyframes spin {
486 0% { -webkit-transform: rotate(0deg); }
487 100% { -webkit-transform: rotate(360deg); }
491 0% { transform: rotate(0deg); }
492 100% { transform: rotate(360deg); }
497 background-color:#c0c0c0;
507 display: -webkit-flex; /* Safari */
508 -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
510 flex-flow: row-reverse wrap;
515 border-width: 0 1px 1px 0;
516 display: inline-block;
521 transform: rotate(-45deg);
522 -webkit-transform: rotate(-45deg);
526 transform: rotate(135deg);
527 -webkit-transform: rotate(135deg);
531 transform: rotate(-135deg);
532 -webkit-transform: rotate(-135deg);
536 transform: rotate(45deg);
537 -webkit-transform: rotate(45deg);
540 #dashBoardAdvanceSearch .well {
544 #dashBoardAdvanceSearch button {
546 padding-bottom: 10px;
550 border: 0px solid grey;
557 display: inline-block;
562 .switch input {display:none;}
571 background-color: #ccc;
572 -webkit-transition: .4s;
583 background-color: white;
584 -webkit-transition: .4s;
588 input:checked + .slider {
589 background-color: blue;
592 input:focus + .slider {
593 box-shadow: 0 0 1px blue;
596 input:checked + .slider:before {
597 -webkit-transform: translateX(26px);
598 -ms-transform: translateX(26px);
599 transform: translateX(26px);
602 /* Rounded sliders */
607 .slider.round:before {
613 position: relative; width: 90px;
614 -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
616 .onoffswitch-checkbox {
620 display: block; overflow: hidden; cursor: pointer;
621 border: 2px solid #999999; border-radius: 20px;
624 display: block; width: 200%; margin-left: -100%;
625 transition: margin 0.3s ease-in 0s;
627 .onoffswitch-inner:before, .onoffswitch-inner:after {
628 display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
629 font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
630 box-sizing: border-box;
632 .onoffswitch-inner:before {
635 background-color: #337ab7; color: #FFFFFF;
637 .onoffswitch-inner:after {
640 background-color: #EEEEEE; color: #999999;
643 .onoffswitch-switch {
644 display: block; width: 18px; margin: 6px;
646 position: absolute; top: 0; bottom: 0;
648 border: 2px solid #999999; border-radius: 20px;
649 transition: all 0.3s ease-in 0s;
651 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
654 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {