2 * Bootstrap v3.3.2 (http://getbootstrap.com)
3 * Copyright 2011-2015 Twitter, Inc.
4 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
8 font-family: sans-serif;
9 -webkit-text-size-adjust: 100%;
10 -ms-text-size-adjust: 100%; }
15 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
18 audio, canvas, progress, video {
19 display: inline-block;
20 vertical-align: baseline; }
22 audio:not([controls]) {
30 background-color: transparent; }
36 border-bottom: 1px dotted; }
59 vertical-align: baseline; }
78 -webkit-box-sizing: content-box;
79 -moz-box-sizing: content-box;
80 box-sizing: content-box; }
85 code, kbd, pre, samp {
86 font-family: monospace, monospace;
89 button, input, optgroup, select, textarea {
98 text-transform: none; }
100 button, html input[type=button], input[type=reset], input[type=submit] {
101 -webkit-appearance: button;
104 button[disabled], html input[disabled] {
107 button::-moz-focus-inner, input::-moz-focus-inner {
112 line-height: normal; }
114 input[type=checkbox], input[type=radio] {
115 -webkit-box-sizing: border-box;
116 -moz-box-sizing: border-box;
117 box-sizing: border-box;
120 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
124 -webkit-box-sizing: content-box;
125 -moz-box-sizing: content-box;
126 box-sizing: content-box;
127 -webkit-appearance: textfield; }
129 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
130 -webkit-appearance: none; }
133 padding: 0.35em 0.625em 0.75em;
135 border: 1px solid silver; }
149 border-collapse: collapse; }
154 /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
157 color: #000 !important;
158 text-shadow: none !important;
159 background: 0 0 !important;
160 -webkit-box-shadow: none !important;
161 box-shadow: none !important; }
163 text-decoration: underline; }
165 content: " (" attr(href) ")"; }
167 content: " (" attr(title) ")"; }
168 a[href^="javascript:"]:after, a[href^="#"]:after {
171 border: 1px solid #999;
172 page-break-inside: avoid; }
174 display: table-header-group; }
176 page-break-inside: avoid; }
178 max-width: 100% !important; }
183 page-break-after: avoid; }
185 background: #fff !important; }
188 .btn > .caret, .dropup > .btn > .caret {
189 border-top-color: #000 !important; } }
192 font-family: 'Glyphicons Halflings';
193 src: url(../fonts/glyphicons-halflings-regular.eot);
194 src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
199 display: inline-block;
200 font-family: 'Glyphicons Halflings';
204 -webkit-font-smoothing: antialiased;
205 -moz-osx-font-smoothing: grayscale; }
207 .glyphicon-asterisk:before {
210 .glyphicon-plus:before {
213 .glyphicon-eur:before, .glyphicon-euro:before {
216 .glyphicon-minus:before {
219 .glyphicon-cloud:before {
222 .glyphicon-envelope:before {
225 .glyphicon-pencil:before {
228 .glyphicon-glass:before {
231 .glyphicon-music:before {
234 .glyphicon-search:before {
237 .glyphicon-heart:before {
240 .glyphicon-star:before {
243 .glyphicon-star-empty:before {
246 .glyphicon-user:before {
249 .glyphicon-film:before {
252 .glyphicon-th-large:before {
255 .glyphicon-th:before {
258 .glyphicon-th-list:before {
261 .glyphicon-ok:before {
264 .glyphicon-remove:before {
267 .glyphicon-zoom-in:before {
270 .glyphicon-zoom-out:before {
273 .glyphicon-off:before {
276 .glyphicon-signal:before {
279 .glyphicon-cog:before {
282 .glyphicon-trash:before {
285 .glyphicon-home:before {
288 .glyphicon-file:before {
291 .glyphicon-time:before {
294 .glyphicon-road:before {
297 .glyphicon-download-alt:before {
300 .glyphicon-download:before {
303 .glyphicon-upload:before {
306 .glyphicon-inbox:before {
309 .glyphicon-play-circle:before {
312 .glyphicon-repeat:before {
315 .glyphicon-refresh:before {
318 .glyphicon-list-alt:before {
321 .glyphicon-lock:before {
324 .glyphicon-flag:before {
327 .glyphicon-headphones:before {
330 .glyphicon-volume-off:before {
333 .glyphicon-volume-down:before {
336 .glyphicon-volume-up:before {
339 .glyphicon-qrcode:before {
342 .glyphicon-barcode:before {
345 .glyphicon-tag:before {
348 .glyphicon-tags:before {
351 .glyphicon-book:before {
354 .glyphicon-bookmark:before {
357 .glyphicon-print:before {
360 .glyphicon-camera:before {
363 .glyphicon-font:before {
366 .glyphicon-bold:before {
369 .glyphicon-italic:before {
372 .glyphicon-text-height:before {
375 .glyphicon-text-width:before {
378 .glyphicon-align-left:before {
381 .glyphicon-align-center:before {
384 .glyphicon-align-right:before {
387 .glyphicon-align-justify:before {
390 .glyphicon-list:before {
393 .glyphicon-indent-left:before {
396 .glyphicon-indent-right:before {
399 .glyphicon-facetime-video:before {
402 .glyphicon-picture:before {
405 .glyphicon-map-marker:before {
408 .glyphicon-adjust:before {
411 .glyphicon-tint:before {
414 .glyphicon-edit:before {
417 .glyphicon-share:before {
420 .glyphicon-check:before {
423 .glyphicon-move:before {
426 .glyphicon-step-backward:before {
429 .glyphicon-fast-backward:before {
432 .glyphicon-backward:before {
435 .glyphicon-play:before {
438 .glyphicon-pause:before {
441 .glyphicon-stop:before {
444 .glyphicon-forward:before {
447 .glyphicon-fast-forward:before {
450 .glyphicon-step-forward:before {
453 .glyphicon-eject:before {
456 .glyphicon-chevron-left:before {
459 .glyphicon-chevron-right:before {
462 .glyphicon-plus-sign:before {
465 .glyphicon-minus-sign:before {
468 .glyphicon-remove-sign:before {
471 .glyphicon-ok-sign:before {
474 .glyphicon-question-sign:before {
477 .glyphicon-info-sign:before {
480 .glyphicon-screenshot:before {
483 .glyphicon-remove-circle:before {
486 .glyphicon-ok-circle:before {
489 .glyphicon-ban-circle:before {
492 .glyphicon-arrow-left:before {
495 .glyphicon-arrow-right:before {
498 .glyphicon-arrow-up:before {
501 .glyphicon-arrow-down:before {
504 .glyphicon-share-alt:before {
507 .glyphicon-resize-full:before {
510 .glyphicon-resize-small:before {
513 .glyphicon-exclamation-sign:before {
516 .glyphicon-gift:before {
519 .glyphicon-leaf:before {
522 .glyphicon-fire:before {
525 .glyphicon-eye-open:before {
528 .glyphicon-eye-close:before {
531 .glyphicon-warning-sign:before {
534 .glyphicon-plane:before {
537 .glyphicon-calendar:before {
540 .glyphicon-random:before {
543 .glyphicon-comment:before {
546 .glyphicon-magnet:before {
549 .glyphicon-chevron-up:before {
552 .glyphicon-chevron-down:before {
555 .glyphicon-retweet:before {
558 .glyphicon-shopping-cart:before {
561 .glyphicon-folder-close:before {
564 .glyphicon-folder-open:before {
567 .glyphicon-resize-vertical:before {
570 .glyphicon-resize-horizontal:before {
573 .glyphicon-hdd:before {
576 .glyphicon-bullhorn:before {
579 .glyphicon-bell:before {
582 .glyphicon-certificate:before {
585 .glyphicon-thumbs-up:before {
588 .glyphicon-thumbs-down:before {
591 .glyphicon-hand-right:before {
594 .glyphicon-hand-left:before {
597 .glyphicon-hand-up:before {
600 .glyphicon-hand-down:before {
603 .glyphicon-circle-arrow-right:before {
606 .glyphicon-circle-arrow-left:before {
609 .glyphicon-circle-arrow-up:before {
612 .glyphicon-circle-arrow-down:before {
615 .glyphicon-globe:before {
618 .glyphicon-wrench:before {
621 .glyphicon-tasks:before {
624 .glyphicon-filter:before {
627 .glyphicon-briefcase:before {
630 .glyphicon-fullscreen:before {
633 .glyphicon-dashboard:before {
636 .glyphicon-paperclip:before {
639 .glyphicon-heart-empty:before {
642 .glyphicon-link:before {
645 .glyphicon-phone:before {
648 .glyphicon-pushpin:before {
651 .glyphicon-usd:before {
654 .glyphicon-gbp:before {
657 .glyphicon-sort:before {
660 .glyphicon-sort-by-alphabet:before {
663 .glyphicon-sort-by-alphabet-alt:before {
666 .glyphicon-sort-by-order:before {
669 .glyphicon-sort-by-order-alt:before {
672 .glyphicon-sort-by-attributes:before {
675 .glyphicon-sort-by-attributes-alt:before {
678 .glyphicon-unchecked:before {
681 .glyphicon-expand:before {
684 .glyphicon-collapse-down:before {
687 .glyphicon-collapse-up:before {
690 .glyphicon-log-in:before {
693 .glyphicon-flash:before {
696 .glyphicon-log-out:before {
699 .glyphicon-new-window:before {
702 .glyphicon-record:before {
705 .glyphicon-save:before {
708 .glyphicon-open:before {
711 .glyphicon-saved:before {
714 .glyphicon-import:before {
717 .glyphicon-export:before {
720 .glyphicon-send:before {
723 .glyphicon-floppy-disk:before {
726 .glyphicon-floppy-saved:before {
729 .glyphicon-floppy-remove:before {
732 .glyphicon-floppy-save:before {
735 .glyphicon-floppy-open:before {
738 .glyphicon-credit-card:before {
741 .glyphicon-transfer:before {
744 .glyphicon-cutlery:before {
747 .glyphicon-header:before {
750 .glyphicon-compressed:before {
753 .glyphicon-earphone:before {
756 .glyphicon-phone-alt:before {
759 .glyphicon-tower:before {
762 .glyphicon-stats:before {
765 .glyphicon-sd-video:before {
768 .glyphicon-hd-video:before {
771 .glyphicon-subtitles:before {
774 .glyphicon-sound-stereo:before {
777 .glyphicon-sound-dolby:before {
780 .glyphicon-sound-5-1:before {
783 .glyphicon-sound-6-1:before {
786 .glyphicon-sound-7-1:before {
789 .glyphicon-copyright-mark:before {
792 .glyphicon-registration-mark:before {
795 .glyphicon-cloud-download:before {
798 .glyphicon-cloud-upload:before {
801 .glyphicon-tree-conifer:before {
804 .glyphicon-tree-deciduous:before {
807 .glyphicon-cd:before {
810 .glyphicon-save-file:before {
813 .glyphicon-open-file:before {
816 .glyphicon-level-up:before {
819 .glyphicon-copy:before {
822 .glyphicon-paste:before {
825 .glyphicon-alert:before {
828 .glyphicon-equalizer:before {
831 .glyphicon-king:before {
834 .glyphicon-queen:before {
837 .glyphicon-pawn:before {
840 .glyphicon-bishop:before {
843 .glyphicon-knight:before {
846 .glyphicon-baby-formula:before {
849 .glyphicon-tent:before {
852 .glyphicon-blackboard:before {
855 .glyphicon-bed:before {
858 .glyphicon-apple:before {
861 .glyphicon-erase:before {
864 .glyphicon-hourglass:before {
867 .glyphicon-lamp:before {
870 .glyphicon-duplicate:before {
873 .glyphicon-piggy-bank:before {
876 .glyphicon-scissors:before {
879 .glyphicon-bitcoin:before {
882 .glyphicon-yen:before {
885 .glyphicon-ruble:before {
888 .glyphicon-scale:before {
891 .glyphicon-ice-lolly:before {
894 .glyphicon-ice-lolly-tasted:before {
897 .glyphicon-education:before {
900 .glyphicon-option-horizontal:before {
903 .glyphicon-option-vertical:before {
906 .glyphicon-menu-hamburger:before {
909 .glyphicon-modal-window:before {
912 .glyphicon-oil:before {
915 .glyphicon-grain:before {
918 .glyphicon-sunglasses:before {
921 .glyphicon-text-size:before {
924 .glyphicon-text-color:before {
927 .glyphicon-text-background:before {
930 .glyphicon-object-align-top:before {
933 .glyphicon-object-align-bottom:before {
936 .glyphicon-object-align-horizontal:before {
939 .glyphicon-object-align-left:before {
942 .glyphicon-object-align-vertical:before {
945 .glyphicon-object-align-right:before {
948 .glyphicon-triangle-right:before {
951 .glyphicon-triangle-left:before {
954 .glyphicon-triangle-bottom:before {
957 .glyphicon-triangle-top:before {
960 .glyphicon-console:before {
963 .glyphicon-superscript:before {
966 .glyphicon-subscript:before {
969 .glyphicon-menu-left:before {
972 .glyphicon-menu-right:before {
975 .glyphicon-menu-down:before {
978 .glyphicon-menu-up:before {
982 -webkit-box-sizing: border-box;
983 -moz-box-sizing: border-box;
984 box-sizing: border-box
988 -webkit-box-sizing: border-box;
989 -moz-box-sizing: border-box;
990 box-sizing: border-box; }
994 -webkit-tap-highlight-color: transparent; }
998 background-color: #fff; }
1000 button, input, select, textarea {
1001 font-family: inherit;
1003 line-height: inherit; }
1007 text-decoration: none; }
1011 text-decoration: underline; }
1014 outline: thin dotted;
1015 outline: 5px auto -webkit-focus-ring-color;
1016 outline-offset: -2px; }
1022 vertical-align: middle; }
1024 .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
1030 border-radius: 6px; }
1033 display: inline-block;
1037 line-height: 1.42857143;
1038 background-color: #fff;
1039 border: 1px solid #ddd;
1041 -webkit-transition: all 0.2s ease-in-out;
1042 -o-transition: all 0.2s ease-in-out;
1043 transition: all 0.2s ease-in-out; }
1046 border-radius: 50%; }
1050 margin-bottom: 20px;
1052 border-top: 1px solid #eee; }
1061 clip: rect(0, 0, 0, 0);
1064 .sr-only-focusable:active, .sr-only-focusable:focus {
1072 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
1073 font-family: inherit;
1078 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
1083 .h1, .h2, .h3, h1, h2, h3 {
1085 margin-bottom: 10px; }
1087 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
1090 .h4, .h5, .h6, h4, h5, h6 {
1092 margin-bottom: 10px; }
1094 .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
1119 margin-bottom: 20px;
1124 @media (min-width: 768px) {
1126 font-size: 21px; } }
1133 background-color: #fcf8e3; }
1139 text-align: right; }
1142 text-align: center; }
1145 text-align: justify; }
1148 white-space: nowrap; }
1151 text-transform: lowercase; }
1154 text-transform: uppercase; }
1157 text-transform: capitalize; }
1165 a.text-primary:hover {
1171 a.text-success:hover {
1183 a.text-warning:hover {
1189 a.text-danger:hover {
1194 background-color: #337ab7; }
1196 a.bg-primary:hover {
1197 background-color: #286090; }
1200 background-color: #dff0d8; }
1202 a.bg-success:hover {
1203 background-color: #c1e2b3; }
1206 background-color: #d9edf7; }
1209 background-color: #afd9ee; }
1212 background-color: #fcf8e3; }
1214 a.bg-warning:hover {
1215 background-color: #f7ecb5; }
1218 background-color: #f2dede; }
1221 background-color: #e4b9b9; }
1224 padding-bottom: 9px;
1225 margin: 40px 0 20px;
1226 border-bottom: 1px solid #eee; }
1230 margin-bottom: 10px; }
1232 ol ol, ol ul, ul ol, ul ul {
1245 display: inline-block;
1247 padding-left: 5px; }
1251 margin-bottom: 20px; }
1254 line-height: 1.42857143; }
1262 @media (min-width: 768px) {
1269 text-overflow: ellipsis;
1270 white-space: nowrap; }
1272 margin-left: 180px; } }
1274 abbr[data-original-title], abbr[title] {
1276 border-bottom: 1px dotted #777; }
1280 text-transform: uppercase; }
1286 border-left: 5px solid #eee; }
1288 blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
1291 blockquote .small, blockquote footer, blockquote small {
1294 line-height: 1.42857143;
1297 blockquote .small:before, blockquote footer:before, blockquote small:before {
1298 content: '\2014 \00A0'; }
1300 .blockquote-reverse, blockquote.pull-right {
1301 padding-right: 15px;
1304 border-right: 5px solid #eee;
1307 .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
1310 .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
1311 content: '\00A0 \2014'; }
1314 margin-bottom: 20px;
1316 line-height: 1.42857143; }
1318 code, kbd, pre, samp {
1319 font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
1325 background-color: #f9f2f4;
1326 border-radius: 4px; }
1332 background-color: #333;
1334 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
1335 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
1341 -webkit-box-shadow: none;
1349 line-height: 1.42857143;
1351 word-break: break-all;
1352 word-wrap: break-word;
1353 background-color: #f5f5f5;
1354 border: 1px solid #ccc;
1355 border-radius: 4px; }
1361 white-space: pre-wrap;
1362 background-color: transparent;
1367 overflow-y: scroll; }
1370 padding-right: 15px;
1373 margin-left: auto; }
1375 @media (min-width: 768px) {
1379 @media (min-width: 992px) {
1383 @media (min-width: 1200px) {
1388 padding-right: 15px;
1391 margin-left: auto; }
1394 margin-right: -15px;
1395 margin-left: -15px; }
1397 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
1400 padding-right: 15px;
1401 padding-left: 15px; }
1403 .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
1410 width: 91.66666667%; }
1413 width: 83.33333333%; }
1419 width: 66.66666667%; }
1422 width: 58.33333333%; }
1428 width: 41.66666667%; }
1431 width: 33.33333333%; }
1437 width: 16.66666667%; }
1440 width: 8.33333333%; }
1446 right: 91.66666667%; }
1449 right: 83.33333333%; }
1455 right: 66.66666667%; }
1458 right: 58.33333333%; }
1464 right: 41.66666667%; }
1467 right: 33.33333333%; }
1473 right: 16.66666667%; }
1476 right: 8.33333333%; }
1485 left: 91.66666667%; }
1488 left: 83.33333333%; }
1494 left: 66.66666667%; }
1497 left: 58.33333333%; }
1503 left: 41.66666667%; }
1506 left: 33.33333333%; }
1512 left: 16.66666667%; }
1515 left: 8.33333333%; }
1521 margin-left: 100%; }
1524 margin-left: 91.66666667%; }
1527 margin-left: 83.33333333%; }
1533 margin-left: 66.66666667%; }
1536 margin-left: 58.33333333%; }
1542 margin-left: 41.66666667%; }
1545 margin-left: 33.33333333%; }
1551 margin-left: 16.66666667%; }
1554 margin-left: 8.33333333%; }
1559 @media (min-width: 768px) {
1560 .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
1565 width: 91.66666667%; }
1567 width: 83.33333333%; }
1571 width: 66.66666667%; }
1573 width: 58.33333333%; }
1577 width: 41.66666667%; }
1579 width: 33.33333333%; }
1583 width: 16.66666667%; }
1585 width: 8.33333333%; }
1589 right: 91.66666667%; }
1591 right: 83.33333333%; }
1595 right: 66.66666667%; }
1597 right: 58.33333333%; }
1601 right: 41.66666667%; }
1603 right: 33.33333333%; }
1607 right: 16.66666667%; }
1609 right: 8.33333333%; }
1615 left: 91.66666667%; }
1617 left: 83.33333333%; }
1621 left: 66.66666667%; }
1623 left: 58.33333333%; }
1627 left: 41.66666667%; }
1629 left: 33.33333333%; }
1633 left: 16.66666667%; }
1635 left: 8.33333333%; }
1639 margin-left: 100%; }
1641 margin-left: 91.66666667%; }
1643 margin-left: 83.33333333%; }
1647 margin-left: 66.66666667%; }
1649 margin-left: 58.33333333%; }
1653 margin-left: 41.66666667%; }
1655 margin-left: 33.33333333%; }
1659 margin-left: 16.66666667%; }
1661 margin-left: 8.33333333%; }
1665 @media (min-width: 992px) {
1666 .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
1671 width: 91.66666667%; }
1673 width: 83.33333333%; }
1677 width: 66.66666667%; }
1679 width: 58.33333333%; }
1683 width: 41.66666667%; }
1685 width: 33.33333333%; }
1689 width: 16.66666667%; }
1691 width: 8.33333333%; }
1695 right: 91.66666667%; }
1697 right: 83.33333333%; }
1701 right: 66.66666667%; }
1703 right: 58.33333333%; }
1707 right: 41.66666667%; }
1709 right: 33.33333333%; }
1713 right: 16.66666667%; }
1715 right: 8.33333333%; }
1721 left: 91.66666667%; }
1723 left: 83.33333333%; }
1727 left: 66.66666667%; }
1729 left: 58.33333333%; }
1733 left: 41.66666667%; }
1735 left: 33.33333333%; }
1739 left: 16.66666667%; }
1741 left: 8.33333333%; }
1745 margin-left: 100%; }
1747 margin-left: 91.66666667%; }
1749 margin-left: 83.33333333%; }
1753 margin-left: 66.66666667%; }
1755 margin-left: 58.33333333%; }
1759 margin-left: 41.66666667%; }
1761 margin-left: 33.33333333%; }
1765 margin-left: 16.66666667%; }
1767 margin-left: 8.33333333%; }
1771 @media (min-width: 1200px) {
1772 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
1777 width: 91.66666667%; }
1779 width: 83.33333333%; }
1783 width: 66.66666667%; }
1785 width: 58.33333333%; }
1789 width: 41.66666667%; }
1791 width: 33.33333333%; }
1795 width: 16.66666667%; }
1797 width: 8.33333333%; }
1801 right: 91.66666667%; }
1803 right: 83.33333333%; }
1807 right: 66.66666667%; }
1809 right: 58.33333333%; }
1813 right: 41.66666667%; }
1815 right: 33.33333333%; }
1819 right: 16.66666667%; }
1821 right: 8.33333333%; }
1827 left: 91.66666667%; }
1829 left: 83.33333333%; }
1833 left: 66.66666667%; }
1835 left: 58.33333333%; }
1839 left: 41.66666667%; }
1841 left: 33.33333333%; }
1845 left: 16.66666667%; }
1847 left: 8.33333333%; }
1851 margin-left: 100%; }
1853 margin-left: 91.66666667%; }
1855 margin-left: 83.33333333%; }
1859 margin-left: 66.66666667%; }
1861 margin-left: 58.33333333%; }
1865 margin-left: 41.66666667%; }
1867 margin-left: 33.33333333%; }
1871 margin-left: 16.66666667%; }
1873 margin-left: 8.33333333%; }
1878 background-color: transparent; }
1882 padding-bottom: 8px;
1892 margin-bottom: 20px; }
1894 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
1896 line-height: 1.42857143;
1897 vertical-align: top; }
1899 .table > thead > tr > th {
1900 vertical-align: bottom; }
1902 .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
1906 background-color: #fff; }
1908 .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
1911 .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
1912 border-bottom-width: 1px; }
1914 table col[class*=col-] {
1916 display: table-column;
1919 table td[class*=col-], table th[class*=col-] {
1921 display: table-cell;
1928 @media screen and (max-width: 767px) {
1931 margin-bottom: 15px;
1933 -ms-overflow-style: -ms-autohiding-scrollbar; }
1934 .table-responsive > .table {
1936 .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
1937 white-space: nowrap; }
1938 .table-responsive > .table-bordered {
1940 .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
1942 .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
1944 .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
1945 border-bottom: 0; } }
1947 input[type=search] {
1948 -webkit-box-sizing: border-box;
1949 -moz-box-sizing: border-box;
1950 box-sizing: border-box; }
1952 input[type=checkbox], input[type=radio] {
1955 line-height: normal; }
1961 select[multiple], select[size] {
1964 input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
1965 outline: thin dotted;
1966 outline: 5px auto -webkit-focus-ring-color;
1967 outline-offset: -2px; }
1973 line-height: 1.42857143;
1982 line-height: 1.42857143;
1984 background-color: #fff;
1985 background-image: none;
1986 border: 1px solid #ccc;
1987 border-radius: 4px; }
1989 .form-control:focus {
1990 border-color: #66afe9;
1993 .form-control::-moz-placeholder {
1997 .form-control:-ms-input-placeholder {
2000 .form-control::-webkit-input-placeholder {
2003 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
2004 cursor: not-allowed;
2005 background-color: #eee;
2008 textarea.form-control {
2011 input[type=search] {
2012 -webkit-appearance: none; }
2014 @media screen and (-webkit-min-device-pixel-ratio: 0) {
2015 input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
2016 line-height: 34px; }
2017 .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
2018 line-height: 30px; }
2019 .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
2020 line-height: 46px; } }
2023 margin-bottom: 15px; }
2029 margin-bottom: 10px; }
2031 .checkbox label, .radio label {
2038 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
2041 margin-left: -20px; }
2043 .checkbox + .checkbox, .radio + .radio {
2046 .checkbox-inline, .radio-inline {
2047 display: inline-block;
2051 vertical-align: middle;
2054 .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
2056 margin-left: 10px; }
2058 fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
2059 cursor: not-allowed; }
2061 .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
2062 cursor: not-allowed; }
2064 .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
2065 cursor: not-allowed; }
2067 .form-control-static {
2069 padding-bottom: 7px;
2072 .form-control-static.input-lg, .form-control-static.input-sm {
2081 border-radius: 3px; }
2085 line-height: 30px; }
2087 select[multiple].input-sm, textarea.input-sm {
2090 .form-group-sm .form-control {
2095 border-radius: 3px; }
2097 select.form-group-sm .form-control {
2099 line-height: 30px; }
2101 select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control {
2104 .form-group-sm .form-control-static {
2114 line-height: 1.3333333;
2115 border-radius: 6px; }
2119 line-height: 46px; }
2121 select[multiple].input-lg, textarea.input-lg {
2124 .form-group-lg .form-control {
2128 line-height: 1.3333333;
2129 border-radius: 6px; }
2131 select.form-group-lg .form-control {
2133 line-height: 46px; }
2135 select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control {
2138 .form-group-lg .form-control-static {
2142 line-height: 1.3333333; }
2145 position: relative; }
2147 .has-feedback .form-control {
2148 padding-right: 42.5px; }
2150 .form-control-feedback {
2160 pointer-events: none; }
2162 .input-lg + .form-control-feedback {
2165 line-height: 46px; }
2167 .input-sm + .form-control-feedback {
2170 line-height: 30px; }
2172 .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
2175 .has-success .form-control {
2176 border-color: #3c763d;
2177 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2178 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
2180 .has-success .form-control:focus {
2181 border-color: #2b542c;
2182 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
2183 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
2185 .has-success .input-group-addon {
2187 background-color: #dff0d8;
2188 border-color: #3c763d; }
2190 .has-success .form-control-feedback {
2193 .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
2196 .has-warning .form-control {
2197 border-color: #8a6d3b;
2198 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2199 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
2201 .has-warning .form-control:focus {
2202 border-color: #66512c;
2203 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
2204 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
2206 .has-warning .input-group-addon {
2208 background-color: #fcf8e3;
2209 border-color: #8a6d3b; }
2211 .has-warning .form-control-feedback {
2214 .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
2217 .has-error .form-control {
2218 border-color: #a94442;
2219 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2220 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
2222 .has-error .form-control:focus {
2223 border-color: #843534;
2224 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
2225 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
2227 .has-error .input-group-addon {
2229 background-color: #f2dede;
2230 border-color: #a94442; }
2232 .has-error .form-control-feedback {
2235 .has-feedback label ~ .form-control-feedback {
2238 .has-feedback label.sr-only ~ .form-control-feedback {
2244 margin-bottom: 10px;
2247 @media (min-width: 768px) {
2248 .form-inline .form-group {
2249 display: inline-block;
2251 vertical-align: middle; }
2252 .form-inline .form-control {
2253 display: inline-block;
2255 vertical-align: middle; }
2256 .form-inline .form-control-static {
2257 display: inline-block; }
2258 .form-inline .input-group {
2259 display: inline-table;
2260 vertical-align: middle; }
2261 .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
2263 .form-inline .input-group > .form-control {
2265 .form-inline .control-label {
2267 vertical-align: middle; }
2268 .form-inline .checkbox, .form-inline .radio {
2269 display: inline-block;
2272 vertical-align: middle; }
2273 .form-inline .checkbox label, .form-inline .radio label {
2275 .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
2278 .form-inline .has-feedback .form-control-feedback {
2281 .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
2286 .form-horizontal .checkbox, .form-horizontal .radio {
2289 .form-horizontal .form-group {
2290 margin-right: -15px;
2291 margin-left: -15px; }
2293 @media (min-width: 768px) {
2294 .form-horizontal .control-label {
2297 text-align: right; } }
2299 .form-horizontal .has-feedback .form-control-feedback {
2302 @media (min-width: 768px) {
2303 .form-horizontal .form-group-lg .control-label {
2304 padding-top: 14.33px; } }
2306 @media (min-width: 768px) {
2307 .form-horizontal .form-group-sm .control-label {
2308 padding-top: 6px; } }
2311 display: inline-block;
2316 line-height: 1.42857143;
2318 white-space: nowrap;
2319 vertical-align: middle;
2320 -ms-touch-action: manipulation;
2321 touch-action: manipulation;
2323 -webkit-user-select: none;
2324 -moz-user-select: none;
2325 -ms-user-select: none;
2327 background-image: none;
2328 border: 1px solid transparent;
2329 border-radius: 4px; }
2331 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
2332 outline: thin dotted;
2333 outline: 5px auto -webkit-focus-ring-color;
2334 outline-offset: -2px; }
2336 .btn.focus, .btn:focus, .btn:hover {
2338 text-decoration: none; }
2340 .btn.active, .btn:active {
2341 background-image: none;
2343 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2344 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
2346 .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
2347 pointer-events: none;
2348 cursor: not-allowed;
2349 filter: alpha(opacity=65);
2350 -webkit-box-shadow: none;
2356 background-color: #fff;
2357 border-color: #ccc; }
2359 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
2361 background-color: #e6e6e6;
2362 border-color: #adadad; }
2364 .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
2365 background-image: none; }
2367 .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
2368 background-color: #fff;
2369 border-color: #ccc; }
2371 .btn-default .badge {
2373 background-color: #333; }
2377 background-color: #337ab7;
2378 border-color: #2e6da4; }
2380 .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
2382 background-color: #286090;
2383 border-color: #204d74; }
2385 .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
2386 background-image: none; }
2388 .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
2389 background-color: #337ab7;
2390 border-color: #2e6da4; }
2392 .btn-primary .badge {
2394 background-color: #fff; }
2398 background-color: #5cb85c;
2399 border-color: #4cae4c; }
2401 .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
2403 background-color: #449d44;
2404 border-color: #398439; }
2406 .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
2407 background-image: none; }
2409 .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
2410 background-color: #5cb85c;
2411 border-color: #4cae4c; }
2413 .btn-success .badge {
2415 background-color: #fff; }
2419 background-color: #5bc0de;
2420 border-color: #46b8da; }
2422 .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
2424 background-color: #31b0d5;
2425 border-color: #269abc; }
2427 .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
2428 background-image: none; }
2430 .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
2431 background-color: #5bc0de;
2432 border-color: #46b8da; }
2436 background-color: #fff; }
2440 background-color: #f0ad4e;
2441 border-color: #eea236; }
2443 .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
2445 background-color: #ec971f;
2446 border-color: #d58512; }
2448 .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
2449 background-image: none; }
2451 .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
2452 background-color: #f0ad4e;
2453 border-color: #eea236; }
2455 .btn-warning .badge {
2457 background-color: #fff; }
2461 background-color: #d9534f;
2462 border-color: #d43f3a; }
2464 .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
2466 background-color: #c9302c;
2467 border-color: #ac2925; }
2469 .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
2470 background-image: none; }
2472 .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
2473 background-color: #d9534f;
2474 border-color: #d43f3a; }
2476 .btn-danger .badge {
2478 background-color: #fff; }
2485 .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
2486 background-color: transparent;
2487 -webkit-box-shadow: none;
2490 .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
2491 border-color: transparent; }
2493 .btn-link:focus, .btn-link:hover {
2495 text-decoration: underline;
2496 background-color: transparent; }
2498 .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
2500 text-decoration: none; }
2502 .btn-group-lg > .btn, .btn-lg {
2505 line-height: 1.3333333;
2506 border-radius: 6px; }
2508 .btn-group-sm > .btn, .btn-sm {
2512 border-radius: 3px; }
2514 .btn-group-xs > .btn, .btn-xs {
2518 border-radius: 3px; }
2524 .btn-block + .btn-block {
2527 input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
2532 -webkit-transition: opacity 0.15s linear;
2533 -o-transition: opacity 0.15s linear;
2534 transition: opacity 0.15s linear; }
2541 visibility: hidden; }
2545 visibility: visible; }
2548 display: table-row; }
2551 display: table-row-group; }
2557 -webkit-transition-timing-function: ease;
2558 -o-transition-timing-function: ease;
2559 transition-timing-function: ease;
2560 -webkit-transition-duration: .35s;
2561 -o-transition-duration: .35s;
2562 transition-duration: .35s;
2563 -webkit-transition-property: height, visibility;
2564 -o-transition-property: height, visibility;
2565 transition-property: height, visibility; }
2568 display: inline-block;
2572 vertical-align: middle;
2573 border-top: 4px solid;
2574 border-right: 4px solid transparent;
2575 border-left: 4px solid transparent; }
2577 .dropdown, .dropup {
2578 position: relative; }
2580 .dropdown-toggle:focus {
2596 background-color: #fff;
2597 -webkit-background-clip: padding-box;
2598 background-clip: padding-box;
2599 border: 1px solid #ccc;
2600 border: 1px solid rgba(0, 0, 0, 0.15);
2602 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2603 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
2605 .dropdown-menu.pull-right {
2609 .dropdown-menu .divider {
2613 background-color: #e5e5e5; }
2615 .dropdown-menu > li > a {
2620 line-height: 1.42857143;
2622 white-space: nowrap; }
2624 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
2626 text-decoration: none;
2627 background-color: #f5f5f5; }
2629 .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
2631 text-decoration: none;
2632 background-color: #337ab7;
2635 .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
2638 .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
2639 text-decoration: none;
2640 cursor: not-allowed;
2641 background-color: transparent;
2642 background-image: none;
2643 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
2645 .open > .dropdown-menu {
2651 .dropdown-menu-right {
2655 .dropdown-menu-left {
2663 line-height: 1.42857143;
2665 white-space: nowrap; }
2667 .dropdown-backdrop {
2675 .pull-right > .dropdown-menu {
2679 .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
2682 border-bottom: 4px solid; }
2684 .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
2687 margin-bottom: 2px; }
2689 @media (min-width: 768px) {
2690 .navbar-right .dropdown-menu {
2693 .navbar-right .dropdown-menu-left {
2697 .btn-group, .btn-group-vertical {
2699 display: inline-block;
2700 vertical-align: middle; }
2702 .btn-group-vertical > .btn, .btn-group > .btn {
2706 .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
2709 .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
2710 margin-left: -1px; }
2713 margin-left: -5px; }
2715 .btn-toolbar .btn-group, .btn-toolbar .input-group {
2718 .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
2721 .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
2724 .btn-group > .btn:first-child {
2727 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2728 border-top-right-radius: 0;
2729 border-bottom-right-radius: 0; }
2731 .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
2732 border-top-left-radius: 0;
2733 border-bottom-left-radius: 0; }
2735 .btn-group > .btn-group {
2738 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
2741 .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
2742 border-top-right-radius: 0;
2743 border-bottom-right-radius: 0; }
2745 .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
2746 border-top-left-radius: 0;
2747 border-bottom-left-radius: 0; }
2749 .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
2752 .btn-group > .btn + .dropdown-toggle {
2754 padding-left: 8px; }
2756 .btn-group > .btn-lg + .dropdown-toggle {
2757 padding-right: 12px;
2758 padding-left: 12px; }
2760 .btn-group.open .dropdown-toggle {
2761 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2762 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
2764 .btn-group.open .dropdown-toggle.btn-link {
2765 -webkit-box-shadow: none;
2772 border-width: 5px 5px 0;
2773 border-bottom-width: 0; }
2775 .dropup .btn-lg .caret {
2776 border-width: 0 5px 5px; }
2778 .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
2784 .btn-group-vertical > .btn-group > .btn {
2787 .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
2791 .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
2794 .btn-group-vertical > .btn:first-child:not(:last-child) {
2795 border-top-right-radius: 4px;
2796 border-bottom-right-radius: 0;
2797 border-bottom-left-radius: 0; }
2799 .btn-group-vertical > .btn:last-child:not(:first-child) {
2800 border-top-left-radius: 0;
2801 border-top-right-radius: 0;
2802 border-bottom-left-radius: 4px; }
2804 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
2807 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
2808 border-bottom-right-radius: 0;
2809 border-bottom-left-radius: 0; }
2811 .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
2812 border-top-left-radius: 0;
2813 border-top-right-radius: 0; }
2815 .btn-group-justified {
2818 table-layout: fixed;
2819 border-collapse: separate; }
2821 .btn-group-justified > .btn, .btn-group-justified > .btn-group {
2822 display: table-cell;
2826 .btn-group-justified > .btn-group .btn {
2829 .btn-group-justified > .btn-group .dropdown-menu {
2832 [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
2834 clip: rect(0, 0, 0, 0);
2835 pointer-events: none; }
2840 border-collapse: separate; }
2842 .input-group[class*=col-] {
2847 .input-group .form-control {
2854 .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
2858 line-height: 1.3333333;
2859 border-radius: 6px; }
2861 select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
2863 line-height: 46px; }
2865 select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
2868 .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
2873 border-radius: 3px; }
2875 select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
2877 line-height: 30px; }
2879 select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
2882 .input-group .form-control, .input-group-addon, .input-group-btn {
2883 display: table-cell; }
2885 .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
2888 .input-group-addon, .input-group-btn {
2890 white-space: nowrap;
2891 vertical-align: middle; }
2893 .input-group-addon {
2900 background-color: #eee;
2901 border: 1px solid #ccc;
2902 border-radius: 4px; }
2904 .input-group-addon.input-sm {
2907 border-radius: 3px; }
2909 .input-group-addon.input-lg {
2912 border-radius: 6px; }
2914 .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
2917 .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
2918 border-top-right-radius: 0;
2919 border-bottom-right-radius: 0; }
2921 .input-group-addon:first-child {
2924 .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
2925 border-top-left-radius: 0;
2926 border-bottom-left-radius: 0; }
2928 .input-group-addon:last-child {
2934 white-space: nowrap; }
2936 .input-group-btn > .btn {
2937 position: relative; }
2939 .input-group-btn > .btn + .btn {
2940 margin-left: -1px; }
2942 .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
2945 .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
2946 margin-right: -1px; }
2948 .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
2949 margin-left: -1px; }
2963 padding: 10px 15px; }
2965 .nav > li > a:focus, .nav > li > a:hover {
2966 text-decoration: none;
2967 background-color: #eee; }
2969 .nav > li.disabled > a {
2972 .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
2974 text-decoration: none;
2975 cursor: not-allowed;
2976 background-color: transparent; }
2978 .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
2979 background-color: #eee;
2980 border-color: #337ab7; }
2986 background-color: #e5e5e5; }
2988 .nav > li > a > img {
2992 border-bottom: 1px solid #ddd; }
2996 margin-bottom: -1px; }
2998 .nav-tabs > li > a {
3000 line-height: 1.42857143;
3001 border: 1px solid transparent;
3002 border-radius: 4px 4px 0 0; }
3004 .nav-tabs > li > a:hover {
3005 border-color: #eee #eee #ddd; }
3007 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
3010 background-color: #fff;
3011 border: 1px solid #ddd;
3012 border-bottom-color: transparent; }
3014 .nav-tabs.nav-justified {
3018 .nav-tabs.nav-justified > li {
3021 .nav-tabs.nav-justified > li > a {
3023 text-align: center; }
3025 .nav-tabs.nav-justified > .dropdown .dropdown-menu {
3029 @media (min-width: 768px) {
3030 .nav-tabs.nav-justified > li {
3031 display: table-cell;
3033 .nav-tabs.nav-justified > li > a {
3034 margin-bottom: 0; } }
3036 .nav-tabs.nav-justified > li > a {
3038 border-radius: 4px; }
3040 .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
3041 border: 1px solid #ddd; }
3043 @media (min-width: 768px) {
3044 .nav-tabs.nav-justified > li > a {
3045 border-bottom: 1px solid #ddd;
3046 border-radius: 4px 4px 0 0; }
3047 .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
3048 border-bottom-color: #fff; } }
3053 .nav-pills > li > a {
3054 border-radius: 4px; }
3056 .nav-pills > li + li {
3059 .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
3061 background-color: #337ab7; }
3066 .nav-stacked > li + li {
3073 .nav-justified > li {
3076 .nav-justified > li > a {
3078 text-align: center; }
3080 .nav-justified > .dropdown .dropdown-menu {
3084 @media (min-width: 768px) {
3085 .nav-justified > li {
3086 display: table-cell;
3088 .nav-justified > li > a {
3089 margin-bottom: 0; } }
3091 .nav-tabs-justified {
3094 .nav-tabs-justified > li > a {
3096 border-radius: 4px; }
3098 .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
3099 border: 1px solid #ddd; }
3101 @media (min-width: 768px) {
3102 .nav-tabs-justified > li > a {
3103 border-bottom: 1px solid #ddd;
3104 border-radius: 4px 4px 0 0; }
3105 .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
3106 border-bottom-color: #fff; } }
3108 .tab-content > .tab-pane {
3110 visibility: hidden; }
3112 .tab-content > .active {
3114 visibility: visible; }
3116 .nav-tabs .dropdown-menu {
3118 border-top-left-radius: 0;
3119 border-top-right-radius: 0; }
3124 margin-bottom: 20px;
3125 border: 1px solid transparent; }
3127 @media (min-width: 768px) {
3129 border-radius: 4px; } }
3131 @media (min-width: 768px) {
3136 padding-right: 15px;
3138 overflow-x: visible;
3139 -webkit-overflow-scrolling: touch;
3140 border-top: 1px solid transparent;
3141 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
3142 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
3144 .navbar-collapse.in {
3147 @media (min-width: 768px) {
3151 -webkit-box-shadow: none;
3153 .navbar-collapse.collapse {
3154 display: block !important;
3155 height: auto !important;
3157 overflow: visible !important;
3158 visibility: visible !important; }
3159 .navbar-collapse.in {
3160 overflow-y: visible; }
3161 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
3163 padding-left: 0; } }
3165 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
3166 max-height: 340px; }
3168 @media (max-device-width: 480px) and (orientation: landscape) {
3169 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
3170 max-height: 200px; } }
3172 .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
3173 margin-right: -15px;
3174 margin-left: -15px; }
3176 @media (min-width: 768px) {
3177 .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
3181 .navbar-static-top {
3183 border-width: 0 0 1px; }
3185 @media (min-width: 768px) {
3186 .navbar-static-top {
3187 border-radius: 0; } }
3189 .navbar-fixed-bottom, .navbar-fixed-top {
3195 @media (min-width: 768px) {
3196 .navbar-fixed-bottom, .navbar-fixed-top {
3197 border-radius: 0; } }
3201 border-width: 0 0 1px; }
3203 .navbar-fixed-bottom {
3206 border-width: 1px 0 0; }
3213 line-height: 20px; }
3215 .navbar-brand:focus, .navbar-brand:hover {
3216 text-decoration: none; }
3218 .navbar-brand > img {
3221 @media (min-width: 768px) {
3222 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
3223 margin-left: -15px; } }
3232 background-color: transparent;
3233 background-image: none;
3234 border: 1px solid transparent;
3235 border-radius: 4px; }
3237 .navbar-toggle:focus {
3240 .navbar-toggle .icon-bar {
3244 border-radius: 1px; }
3246 .navbar-toggle .icon-bar + .icon-bar {
3249 @media (min-width: 768px) {
3254 margin: 7.5px -15px; }
3256 .navbar-nav > li > a {
3258 padding-bottom: 10px;
3259 line-height: 20px; }
3261 @media (max-width: 767px) {
3262 .navbar-nav .open .dropdown-menu {
3267 background-color: transparent;
3269 -webkit-box-shadow: none;
3271 .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
3272 padding: 5px 15px 5px 25px; }
3273 .navbar-nav .open .dropdown-menu > li > a {
3274 line-height: 20px; }
3275 .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
3276 background-image: none; } }
3278 @media (min-width: 768px) {
3284 .navbar-nav > li > a {
3286 padding-bottom: 15px; } }
3291 margin-right: -15px;
3294 border-top: 1px solid transparent;
3295 border-bottom: 1px solid transparent;
3296 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
3297 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
3299 @media (min-width: 768px) {
3300 .navbar-form .form-group {
3301 display: inline-block;
3303 vertical-align: middle; }
3304 .navbar-form .form-control {
3305 display: inline-block;
3307 vertical-align: middle; }
3308 .navbar-form .form-control-static {
3309 display: inline-block; }
3310 .navbar-form .input-group {
3311 display: inline-table;
3312 vertical-align: middle; }
3313 .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
3315 .navbar-form .input-group > .form-control {
3317 .navbar-form .control-label {
3319 vertical-align: middle; }
3320 .navbar-form .checkbox, .navbar-form .radio {
3321 display: inline-block;
3324 vertical-align: middle; }
3325 .navbar-form .checkbox label, .navbar-form .radio label {
3327 .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
3330 .navbar-form .has-feedback .form-control-feedback {
3333 @media (max-width: 767px) {
3334 .navbar-form .form-group {
3335 margin-bottom: 5px; }
3336 .navbar-form .form-group:last-child {
3337 margin-bottom: 0; } }
3339 @media (min-width: 768px) {
3347 -webkit-box-shadow: none;
3348 box-shadow: none; } }
3350 .navbar-nav > li > .dropdown-menu {
3352 border-top-left-radius: 0;
3353 border-top-right-radius: 0; }
3355 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
3357 border-top-left-radius: 4px;
3358 border-top-right-radius: 4px;
3359 border-bottom-right-radius: 0;
3360 border-bottom-left-radius: 0; }
3364 margin-bottom: 8px; }
3366 .navbar-btn.btn-sm {
3368 margin-bottom: 10px; }
3370 .navbar-btn.btn-xs {
3372 margin-bottom: 14px; }
3376 margin-bottom: 15px; }
3378 @media (min-width: 768px) {
3382 margin-left: 15px; } }
3384 @media (min-width: 768px) {
3386 float: left !important; }
3388 float: right !important;
3389 margin-right: -15px; }
3390 .navbar-right ~ .navbar-right {
3391 margin-right: 0; } }
3394 background-color: #f8f8f8;
3395 border-color: #e7e7e7; }
3397 .navbar-default .navbar-brand {
3400 .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
3402 background-color: transparent; }
3404 .navbar-default .navbar-text {
3407 .navbar-default .navbar-nav > li > a {
3410 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
3412 background-color: transparent; }
3414 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
3416 background-color: #e7e7e7; }
3418 .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
3420 background-color: transparent; }
3422 .navbar-default .navbar-toggle {
3423 border-color: #ddd; }
3425 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
3426 background-color: #ddd; }
3428 .navbar-default .navbar-toggle .icon-bar {
3429 background-color: #888; }
3431 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
3432 border-color: #e7e7e7; }
3434 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
3436 background-color: #e7e7e7; }
3438 @media (max-width: 767px) {
3439 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
3441 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
3443 background-color: transparent; }
3444 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
3446 background-color: #e7e7e7; }
3447 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
3449 background-color: transparent; } }
3451 .navbar-default .navbar-link {
3454 .navbar-default .navbar-link:hover {
3457 .navbar-default .btn-link {
3460 .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
3463 .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
3467 background-color: #222;
3468 border-color: #080808; }
3470 .navbar-inverse .navbar-brand {
3473 .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
3475 background-color: transparent; }
3477 .navbar-inverse .navbar-text {
3480 .navbar-inverse .navbar-nav > li > a {
3483 .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
3485 background-color: transparent; }
3487 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
3489 background-color: #080808; }
3491 .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
3493 background-color: transparent; }
3495 .navbar-inverse .navbar-toggle {
3496 border-color: #333; }
3498 .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
3499 background-color: #333; }
3501 .navbar-inverse .navbar-toggle .icon-bar {
3502 background-color: #fff; }
3504 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
3505 border-color: #101010; }
3507 .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
3509 background-color: #080808; }
3511 @media (max-width: 767px) {
3512 .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
3513 border-color: #080808; }
3514 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
3515 background-color: #080808; }
3516 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
3518 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
3520 background-color: transparent; }
3521 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
3523 background-color: #080808; }
3524 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
3526 background-color: transparent; } }
3528 .navbar-inverse .navbar-link {
3531 .navbar-inverse .navbar-link:hover {
3534 .navbar-inverse .btn-link {
3537 .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
3540 .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
3545 margin-bottom: 20px;
3547 background-color: #f5f5f5;
3548 border-radius: 4px; }
3551 display: inline-block; }
3553 .breadcrumb > li + li:before {
3556 content: "/\00a0"; }
3558 .breadcrumb > .active {
3562 display: inline-block;
3565 border-radius: 4px; }
3570 .pagination > li > a, .pagination > li > span {
3575 line-height: 1.42857143;
3576 text-decoration: none; }
3578 .pagination > li:first-child > a, .pagination > li:first-child > span {
3580 border-top-left-radius: 4px;
3581 border-bottom-left-radius: 4px; }
3583 .pagination > li:last-child > a, .pagination > li:last-child > span {
3584 border-top-right-radius: 4px;
3585 border-bottom-right-radius: 4px; }
3587 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
3591 .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
3592 cursor: not-allowed; }
3594 .pagination-lg > li > a, .pagination-lg > li > span {
3598 .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
3599 border-top-left-radius: 6px;
3600 border-bottom-left-radius: 6px; }
3602 .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
3603 border-top-right-radius: 6px;
3604 border-bottom-right-radius: 6px; }
3606 .pagination-sm > li > a, .pagination-sm > li > span {
3610 .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
3611 border-top-left-radius: 3px;
3612 border-bottom-left-radius: 3px; }
3614 .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
3615 border-top-right-radius: 3px;
3616 border-bottom-right-radius: 3px; }
3627 .pager li > a, .pager li > span {
3628 display: inline-block;
3630 background-color: #fff;
3631 border: 1px solid #ddd;
3632 border-radius: 15px; }
3634 .pager li > a:focus, .pager li > a:hover {
3635 text-decoration: none;
3636 background-color: #eee; }
3638 .pager .next > a, .pager .next > span {
3641 .pager .previous > a, .pager .previous > span {
3644 .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
3646 cursor: not-allowed;
3647 background-color: #fff; }
3651 /* padding: .2em .6em .3em; */
3653 /* font-weight: 700;*/
3657 white-space: nowrap;
3658 vertical-align: baseline;
3659 border-radius: .25em; }
3661 a.label:focus, a.label:hover {
3663 text-decoration: none;
3674 background-color: #777; }
3676 .label-default[href]:focus, .label-default[href]:hover {
3677 background-color: #5e5e5e; }
3680 background-color: #337ab7; }
3682 .label-primary[href]:focus, .label-primary[href]:hover {
3683 background-color: #286090; }
3686 background-color: #5cb85c; }
3688 .label-success[href]:focus, .label-success[href]:hover {
3689 background-color: #449d44; }
3692 background-color: #5bc0de; }
3694 .label-info[href]:focus, .label-info[href]:hover {
3695 background-color: #31b0d5; }
3698 background-color: #f0ad4e; }
3700 .label-warning[href]:focus, .label-warning[href]:hover {
3701 background-color: #ec971f; }
3704 background-color: #d9534f; }
3706 .label-danger[href]:focus, .label-danger[href]:hover {
3707 background-color: #c9302c; }
3710 display: inline-block;
3718 white-space: nowrap;
3719 vertical-align: baseline;
3720 background-color: #777;
3721 border-radius: 10px; }
3734 a.badge:focus, a.badge:hover {
3736 text-decoration: none;
3739 .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
3741 background-color: #fff; }
3743 .list-group-item > .badge {
3746 .list-group-item > .badge + .badge {
3747 margin-right: 5px; }
3749 .nav-pills > li > a > .badge {
3754 margin-bottom: 30px;
3756 background-color: #eee; }
3758 .jumbotron .h1, .jumbotron h1 {
3762 margin-bottom: 15px;
3767 border-top-color: #d5d5d5; }
3769 .container .jumbotron, .container-fluid .jumbotron {
3770 border-radius: 6px; }
3772 .jumbotron .container {
3775 @media screen and (min-width: 768px) {
3778 .container .jumbotron, .container-fluid .jumbotron {
3779 padding-right: 60px;
3780 padding-left: 60px; }
3781 .jumbotron .h1, .jumbotron h1 {
3782 font-size: 63px; } }
3787 margin-bottom: 20px;
3788 line-height: 1.42857143;
3789 background-color: #fff;
3790 border: 1px solid #ddd;
3792 -webkit-transition: border 0.2s ease-in-out;
3793 -o-transition: border 0.2s ease-in-out;
3794 transition: border 0.2s ease-in-out; }
3796 .thumbnail a > img, .thumbnail > img {
3798 margin-left: auto; }
3800 a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
3801 border-color: #337ab7; }
3803 .thumbnail .caption {
3809 margin-bottom: 20px;
3810 border: 1px solid transparent;
3811 border-radius: 4px; }
3817 .alert .alert-link {
3820 .alert > p, .alert > ul {
3826 .alert-dismissable, .alert-dismissible {
3827 padding-right: 35px; }
3829 .alert-dismissable .close, .alert-dismissible .close {
3837 background-color: #dff0d8;
3838 border-color: #d6e9c6; }
3841 border-top-color: #c9e2b3; }
3843 .alert-success .alert-link {
3848 background-color: #d9edf7;
3849 border-color: #bce8f1; }
3852 border-top-color: #a6e1ec; }
3854 .alert-info .alert-link {
3859 background-color: #fcf8e3;
3860 border-color: #faebcc; }
3863 border-top-color: #f7e1b5; }
3865 .alert-warning .alert-link {
3870 background-color: #f2dede;
3871 border-color: #ebccd1; }
3874 border-top-color: #e4b9c0; }
3876 .alert-danger .alert-link {
3879 @-webkit-keyframes progress-bar-stripes {
3881 background-position: 40px 0; }
3883 background-position: 0 0; } }
3885 @-o-keyframes progress-bar-stripes {
3887 background-position: 40px 0; }
3889 background-position: 0 0; } }
3891 @keyframes progress-bar-stripes {
3893 background-position: 40px 0; }
3895 background-position: 0 0; } }
3899 margin-bottom: 20px;
3901 background-color: #f5f5f5;
3903 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3904 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
3914 background-color: #337ab7;
3915 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3916 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3917 -webkit-transition: width 0.6s ease;
3918 -o-transition: width 0.6s ease;
3919 transition: width 0.6s ease; }
3921 .progress-bar-striped, .progress-striped .progress-bar {
3922 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3923 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3924 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3925 -webkit-background-size: 40px 40px;
3926 background-size: 40px 40px; }
3928 .progress-bar.active, .progress.active .progress-bar {
3929 -webkit-animation: progress-bar-stripes 2s linear infinite;
3930 -o-animation: progress-bar-stripes 2s linear infinite;
3931 animation: progress-bar-stripes 2s linear infinite; }
3933 .progress-bar-success {
3934 background-color: #5cb85c; }
3936 .progress-striped .progress-bar-success {
3937 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3938 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3939 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
3941 .progress-bar-info {
3942 background-color: #5bc0de; }
3944 .progress-striped .progress-bar-info {
3945 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3946 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3947 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
3949 .progress-bar-warning {
3950 background-color: #f0ad4e; }
3952 .progress-striped .progress-bar-warning {
3953 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3954 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3955 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
3957 .progress-bar-danger {
3958 background-color: #d9534f; }
3960 .progress-striped .progress-bar-danger {
3961 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3962 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3963 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
3968 .media:first-child {
3971 .media, .media-body {
3981 .media-right, .media > .pull-right {
3982 padding-left: 10px; }
3984 .media-left, .media > .pull-left {
3985 padding-right: 10px; }
3987 .media-body, .media-left, .media-right {
3988 display: table-cell;
3989 vertical-align: top; }
3992 vertical-align: middle; }
3995 vertical-align: bottom; }
3999 margin-bottom: 5px; }
4007 margin-bottom: 20px; }
4013 margin-bottom: -1px;
4014 background-color: #fff;
4015 border: 1px solid #ddd; }
4017 .list-group-item:first-child {
4018 border-top-left-radius: 4px;
4019 border-top-right-radius: 4px; }
4021 .list-group-item:last-child {
4023 border-bottom-right-radius: 4px;
4024 border-bottom-left-radius: 4px; }
4029 a.list-group-item .list-group-item-heading {
4032 a.list-group-item:focus, a.list-group-item:hover {
4034 text-decoration: none;
4035 background-color: #f5f5f5; }
4037 .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
4039 cursor: not-allowed;
4040 background-color: #eee; }
4042 .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
4045 .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
4048 .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
4051 background-color: #337ab7;
4052 border-color: #337ab7; }
4054 .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
4057 .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
4060 .list-group-item-success {
4062 background-color: #dff0d8; }
4064 a.list-group-item-success {
4067 a.list-group-item-success .list-group-item-heading {
4070 a.list-group-item-success:focus, a.list-group-item-success:hover {
4072 background-color: #d0e9c6; }
4074 a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
4076 background-color: #3c763d;
4077 border-color: #3c763d; }
4079 .list-group-item-info {
4081 background-color: #d9edf7; }
4083 a.list-group-item-info {
4086 a.list-group-item-info .list-group-item-heading {
4089 a.list-group-item-info:focus, a.list-group-item-info:hover {
4091 background-color: #c4e3f3; }
4093 a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
4095 background-color: #31708f;
4096 border-color: #31708f; }
4098 .list-group-item-warning {
4100 background-color: #fcf8e3; }
4102 a.list-group-item-warning {
4105 a.list-group-item-warning .list-group-item-heading {
4108 a.list-group-item-warning:focus, a.list-group-item-warning:hover {
4110 background-color: #faf2cc; }
4112 a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
4114 background-color: #8a6d3b;
4115 border-color: #8a6d3b; }
4117 .list-group-item-danger {
4119 background-color: #f2dede; }
4121 a.list-group-item-danger {
4124 a.list-group-item-danger .list-group-item-heading {
4127 a.list-group-item-danger:focus, a.list-group-item-danger:hover {
4129 background-color: #ebcccc; }
4131 a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
4133 background-color: #a94442;
4134 border-color: #a94442; }
4136 .list-group-item-heading {
4138 margin-bottom: 5px; }
4140 .list-group-item-text {
4145 margin-bottom: 20px;
4146 background-color: #fff;
4147 border: 1px solid transparent;
4149 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
4150 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
4157 border-bottom: 1px solid transparent;
4158 border-top-left-radius: 3px;
4159 border-top-right-radius: 3px; }
4161 .panel-heading > .dropdown .dropdown-toggle {
4170 .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
4175 background-color: #f5f5f5;
4176 border-top: 1px solid #ddd;
4177 border-bottom-right-radius: 3px;
4178 border-bottom-left-radius: 3px; }
4180 .panel > .list-group, .panel > .panel-collapse > .list-group {
4183 .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
4184 border-width: 1px 0;
4187 .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
4189 border-top-left-radius: 3px;
4190 border-top-right-radius: 3px; }
4192 .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
4194 border-bottom-right-radius: 3px;
4195 border-bottom-left-radius: 3px; }
4197 .panel-heading + .list-group .list-group-item:first-child {
4198 border-top-width: 0; }
4200 .list-group + .panel-footer {
4201 border-top-width: 0; }
4203 .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
4206 .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
4207 padding-right: 15px;
4208 padding-left: 15px; }
4210 .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
4211 border-top-left-radius: 3px;
4212 border-top-right-radius: 3px; }
4214 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
4215 border-top-left-radius: 3px;
4216 border-top-right-radius: 3px; }
4218 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
4219 border-top-left-radius: 3px; }
4221 .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
4222 border-top-right-radius: 3px; }
4224 .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
4225 border-bottom-right-radius: 3px;
4226 border-bottom-left-radius: 3px; }
4228 .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
4229 border-bottom-right-radius: 3px;
4230 border-bottom-left-radius: 3px; }
4232 .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
4233 border-bottom-left-radius: 3px; }
4235 .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
4236 border-bottom-right-radius: 3px; }
4238 .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
4239 border-top: 1px solid #ddd; }
4241 .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
4244 .panel > .table-bordered, .panel > .table-responsive > .table-bordered {
4247 .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
4250 .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
4253 .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
4256 .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
4259 .panel > .table-responsive {
4264 margin-bottom: 20px; }
4266 .panel-group .panel {
4268 border-radius: 4px; }
4270 .panel-group .panel + .panel {
4273 .panel-group .panel-heading {
4276 .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
4277 border-top: 1px solid #ddd; }
4279 .panel-group .panel-footer {
4282 .panel-group .panel-footer + .panel-collapse .panel-body {
4283 border-bottom: 1px solid #ddd; }
4286 border-color: #ddd; }
4288 .panel-default > .panel-heading {
4290 background-color: #f5f5f5;
4291 border-color: #ddd; }
4293 .panel-default > .panel-heading + .panel-collapse > .panel-body {
4294 border-top-color: #ddd; }
4296 .panel-default > .panel-heading .badge {
4298 background-color: #333; }
4300 .panel-default > .panel-footer + .panel-collapse > .panel-body {
4301 border-bottom-color: #ddd; }
4304 border-color: #337ab7; }
4306 .panel-primary > .panel-heading {
4308 background-color: #337ab7;
4309 border-color: #337ab7; }
4311 .panel-primary > .panel-heading + .panel-collapse > .panel-body {
4312 border-top-color: #337ab7; }
4314 .panel-primary > .panel-heading .badge {
4316 background-color: #fff; }
4318 .panel-primary > .panel-footer + .panel-collapse > .panel-body {
4319 border-bottom-color: #337ab7; }
4322 border-color: #d6e9c6; }
4324 .panel-success > .panel-heading {
4326 background-color: #dff0d8;
4327 border-color: #d6e9c6; }
4329 .panel-success > .panel-heading + .panel-collapse > .panel-body {
4330 border-top-color: #d6e9c6; }
4332 .panel-success > .panel-heading .badge {
4334 background-color: #3c763d; }
4336 .panel-success > .panel-footer + .panel-collapse > .panel-body {
4337 border-bottom-color: #d6e9c6; }
4340 border-color: #bce8f1; }
4342 .panel-info > .panel-heading {
4344 background-color: #d9edf7;
4345 border-color: #bce8f1; }
4347 .panel-info > .panel-heading + .panel-collapse > .panel-body {
4348 border-top-color: #bce8f1; }
4350 .panel-info > .panel-heading .badge {
4352 background-color: #31708f; }
4354 .panel-info > .panel-footer + .panel-collapse > .panel-body {
4355 border-bottom-color: #bce8f1; }
4358 border-color: #faebcc; }
4360 .panel-warning > .panel-heading {
4362 background-color: #fcf8e3;
4363 border-color: #faebcc; }
4365 .panel-warning > .panel-heading + .panel-collapse > .panel-body {
4366 border-top-color: #faebcc; }
4368 .panel-warning > .panel-heading .badge {
4370 background-color: #8a6d3b; }
4372 .panel-warning > .panel-footer + .panel-collapse > .panel-body {
4373 border-bottom-color: #faebcc; }
4376 border-color: #ebccd1; }
4378 .panel-danger > .panel-heading {
4380 background-color: #f2dede;
4381 border-color: #ebccd1; }
4383 .panel-danger > .panel-heading + .panel-collapse > .panel-body {
4384 border-top-color: #ebccd1; }
4386 .panel-danger > .panel-heading .badge {
4388 background-color: #a94442; }
4390 .panel-danger > .panel-footer + .panel-collapse > .panel-body {
4391 border-bottom-color: #ebccd1; }
4400 .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
4409 .embed-responsive.embed-responsive-16by9 {
4410 padding-bottom: 56.25%; }
4412 .embed-responsive.embed-responsive-4by3 {
4413 padding-bottom: 75%; }
4418 margin-bottom: 20px;
4419 background-color: #f5f5f5;
4420 border: 1px solid #e3e3e3;
4422 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4423 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
4427 border-color: rgba(0, 0, 0, 0.15); }
4431 border-radius: 6px; }
4435 border-radius: 3px; }
4443 text-shadow: 0 1px 0 #fff;
4444 filter: alpha(opacity=20);
4447 .close:focus, .close:hover {
4449 text-decoration: none;
4451 filter: alpha(opacity=50);
4455 -webkit-appearance: none;
4473 -webkit-overflow-scrolling: touch;
4476 .modal.fade .modal-dialog {
4477 -webkit-transition: -webkit-transform 0.3s ease-out;
4478 -o-transition: -o-transform 0.3s ease-out;
4479 transition: transform 0.3s ease-out;
4480 -webkit-transform: translate(0, -25%);
4481 -ms-transform: translate(0, -25%);
4482 -o-transform: translate(0, -25%);
4483 transform: translate(0, -25%); }
4485 .modal.in .modal-dialog {
4486 -webkit-transform: translate(0, 0);
4487 -ms-transform: translate(0, 0);
4488 -o-transform: translate(0, 0);
4489 transform: translate(0, 0); }
4491 .modal-open .modal {
4502 background-color: #fff;
4503 -webkit-background-clip: padding-box;
4504 background-clip: padding-box;
4505 border: 1px solid #999;
4506 border: 1px solid rgba(0, 0, 0, 0.2);
4509 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
4510 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
4517 background-color: #000; }
4519 .modal-backdrop.fade {
4520 filter: alpha(opacity=0);
4523 .modal-backdrop.in {
4524 filter: alpha(opacity=50);
4528 min-height: 16.43px;
4530 border-bottom: 1px solid #e5e5e5; }
4532 .modal-header .close {
4537 line-height: 1.42857143; }
4546 border-top: 1px solid #e5e5e5; }
4548 .modal-footer .btn + .btn {
4552 .modal-footer .btn-group .btn + .btn {
4553 margin-left: -1px; }
4555 .modal-footer .btn-block + .btn-block {
4558 .modal-scrollbar-measure {
4565 @media (min-width: 768px) {
4568 margin: 30px auto; }
4570 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
4571 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
4575 @media (min-width: 992px) {
4583 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
4587 visibility: visible;
4588 filter: alpha(opacity=0);
4592 filter: alpha(opacity=90);
4609 margin-left: -3px; }
4616 text-decoration: none;
4617 background-color: #000;
4618 border-radius: 4px; }
4624 border-color: transparent;
4625 border-style: solid; }
4627 .tooltip.top .tooltip-arrow {
4631 border-width: 5px 5px 0;
4632 border-top-color: #000; }
4634 .tooltip.top-left .tooltip-arrow {
4637 margin-bottom: -5px;
4638 border-width: 5px 5px 0;
4639 border-top-color: #000; }
4641 .tooltip.top-right .tooltip-arrow {
4644 margin-bottom: -5px;
4645 border-width: 5px 5px 0;
4646 border-top-color: #000; }
4648 .tooltip.right .tooltip-arrow {
4652 border-width: 5px 5px 5px 0;
4653 border-right-color: #000; }
4655 .tooltip.left .tooltip-arrow {
4659 border-width: 5px 0 5px 5px;
4660 border-left-color: #000; }
4662 .tooltip.bottom .tooltip-arrow {
4666 border-width: 0 5px 5px;
4667 border-bottom-color: #000; }
4669 .tooltip.bottom-left .tooltip-arrow {
4673 border-width: 0 5px 5px;
4674 border-bottom-color: #000; }
4676 .tooltip.bottom-right .tooltip-arrow {
4680 border-width: 0 5px 5px;
4681 border-bottom-color: #000; }
4691 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
4694 line-height: 1.42857143;
4696 white-space: normal;
4697 background-color: #fff;
4698 -webkit-background-clip: padding-box;
4699 background-clip: padding-box;
4700 border: 1px solid #ccc;
4701 border: 1px solid rgba(0, 0, 0, 0.2);
4703 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
4704 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
4707 margin-top: -10px; }
4710 margin-left: 10px; }
4716 margin-left: -10px; }
4722 background-color: #f7f7f7;
4723 border-bottom: 1px solid #ebebeb;
4724 border-radius: 5px 5px 0 0; }
4727 padding: 9px 14px; }
4729 .popover > .arrow, .popover > .arrow:after {
4734 border-color: transparent;
4735 border-style: solid; }
4738 border-width: 11px; }
4740 .popover > .arrow:after {
4742 border-width: 10px; }
4744 .popover.top > .arrow {
4748 border-top-color: #999;
4749 border-top-color: rgba(0, 0, 0, 0.25);
4750 border-bottom-width: 0; }
4752 .popover.top > .arrow:after {
4756 border-top-color: #fff;
4757 border-bottom-width: 0; }
4759 .popover.right > .arrow {
4763 border-right-color: #999;
4764 border-right-color: rgba(0, 0, 0, 0.25);
4765 border-left-width: 0; }
4767 .popover.right > .arrow:after {
4771 border-right-color: #fff;
4772 border-left-width: 0; }
4774 .popover.bottom > .arrow {
4778 border-top-width: 0;
4779 border-bottom-color: #999;
4780 border-bottom-color: rgba(0, 0, 0, 0.25); }
4782 .popover.bottom > .arrow:after {
4786 border-top-width: 0;
4787 border-bottom-color: #fff; }
4789 .popover.left > .arrow {
4793 border-right-width: 0;
4794 border-left-color: #999;
4795 border-left-color: rgba(0, 0, 0, 0.25); }
4797 .popover.left > .arrow:after {
4801 border-right-width: 0;
4802 border-left-color: #fff; }
4805 position: relative; }
4812 .carousel-inner > .item {
4815 -webkit-transition: .6s ease-in-out left;
4816 -o-transition: .6s ease-in-out left;
4817 transition: .6s ease-in-out left; }
4819 .carousel-inner > .item > a > img, .carousel-inner > .item > img {
4822 @media all and (transform-3d), (-webkit-transform-3d) {
4823 .carousel-inner > .item {
4824 -webkit-transition: -webkit-transform 0.6s ease-in-out;
4825 -o-transition: -o-transform 0.6s ease-in-out;
4826 transition: transform 0.6s ease-in-out;
4827 -webkit-backface-visibility: hidden;
4828 backface-visibility: hidden;
4829 -webkit-perspective: 1000;
4830 perspective: 1000; }
4831 .carousel-inner > .item.active.right, .carousel-inner > .item.next {
4833 -webkit-transform: translate3d(100%, 0, 0);
4834 transform: translate3d(100%, 0, 0); }
4835 .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
4837 -webkit-transform: translate3d(-100%, 0, 0);
4838 transform: translate3d(-100%, 0, 0); }
4839 .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
4841 -webkit-transform: translate3d(0, 0, 0);
4842 transform: translate3d(0, 0, 0); } }
4844 .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
4847 .carousel-inner > .active {
4850 .carousel-inner > .next, .carousel-inner > .prev {
4855 .carousel-inner > .next {
4858 .carousel-inner > .prev {
4861 .carousel-inner > .next.left, .carousel-inner > .prev.right {
4864 .carousel-inner > .active.left {
4867 .carousel-inner > .active.right {
4879 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
4880 filter: alpha(opacity=50);
4883 .carousel-control.left {
4884 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
4885 background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
4886 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
4887 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
4888 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
4889 background-repeat: repeat-x; }
4891 .carousel-control.right {
4894 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
4895 background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
4896 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
4897 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
4898 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
4899 background-repeat: repeat-x; }
4901 .carousel-control:focus, .carousel-control:hover {
4903 text-decoration: none;
4904 filter: alpha(opacity=90);
4908 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
4912 display: inline-block; }
4914 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
4916 margin-left: -10px; }
4918 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
4920 margin-right: -10px; }
4922 .carousel-control .icon-next, .carousel-control .icon-prev {
4929 .carousel-control .icon-prev:before {
4932 .carousel-control .icon-next:before {
4935 .carousel-indicators {
4946 .carousel-indicators li {
4947 display: inline-block;
4951 text-indent: -999px;
4953 background-color: #000 \9;
4954 background-color: transparent;
4955 border: 1px solid #fff;
4956 border-radius: 10px; }
4958 .carousel-indicators .active {
4962 background-color: #fff; }
4971 padding-bottom: 20px;
4974 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
4976 .carousel-caption .btn {
4977 text-shadow: none; }
4979 @media screen and (min-width: 768px) {
4980 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
4985 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
4986 margin-left: -15px; }
4987 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
4988 margin-right: -15px; }
4992 padding-bottom: 30px; }
4993 .carousel-indicators {
4996 .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
5000 .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
5006 margin-left: auto; }
5009 float: right !important; }
5012 float: left !important; }
5015 visibility: hidden; }
5021 background-color: transparent;
5025 display: none !important;
5026 visibility: hidden !important; }
5032 width: device-width; }
5034 .visible-lg, .visible-md, .visible-sm, .visible-xs {
5035 display: none !important; }
5037 .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
5038 display: none !important; }
5040 @media (max-width: 767px) {
5042 display: block !important; }
5046 display: table-row !important; }
5047 td.visible-xs, th.visible-xs {
5048 display: table-cell !important; } }
5050 @media (max-width: 767px) {
5052 display: block !important; } }
5054 @media (max-width: 767px) {
5055 .visible-xs-inline {
5056 display: inline !important; } }
5058 @media (max-width: 767px) {
5059 .visible-xs-inline-block {
5060 display: inline-block !important; } }
5062 @media (min-width: 768px) and (max-width: 991px) {
5064 display: block !important; }
5068 display: table-row !important; }
5069 td.visible-sm, th.visible-sm {
5070 display: table-cell !important; } }
5072 @media (min-width: 768px) and (max-width: 991px) {
5074 display: block !important; } }
5076 @media (min-width: 768px) and (max-width: 991px) {
5077 .visible-sm-inline {
5078 display: inline !important; } }
5080 @media (min-width: 768px) and (max-width: 991px) {
5081 .visible-sm-inline-block {
5082 display: inline-block !important; } }
5084 @media (min-width: 992px) and (max-width: 1199px) {
5086 display: block !important; }
5090 display: table-row !important; }
5091 td.visible-md, th.visible-md {
5092 display: table-cell !important; } }
5094 @media (min-width: 992px) and (max-width: 1199px) {
5096 display: block !important; } }
5098 @media (min-width: 992px) and (max-width: 1199px) {
5099 .visible-md-inline {
5100 display: inline !important; } }
5102 @media (min-width: 992px) and (max-width: 1199px) {
5103 .visible-md-inline-block {
5104 display: inline-block !important; } }
5106 @media (min-width: 1200px) {
5108 display: block !important; }
5112 display: table-row !important; }
5113 td.visible-lg, th.visible-lg {
5114 display: table-cell !important; } }
5116 @media (min-width: 1200px) {
5118 display: block !important; } }
5120 @media (min-width: 1200px) {
5121 .visible-lg-inline {
5122 display: inline !important; } }
5124 @media (min-width: 1200px) {
5125 .visible-lg-inline-block {
5126 display: inline-block !important; } }
5128 @media (max-width: 767px) {
5130 display: none !important; } }
5132 @media (min-width: 768px) and (max-width: 991px) {
5134 display: none !important; } }
5136 @media (min-width: 992px) and (max-width: 1199px) {
5138 display: none !important; } }
5140 @media (min-width: 1200px) {
5142 display: none !important; } }
5145 display: none !important; }
5149 display: block !important; }
5150 table.visible-print {
5153 display: table-row !important; }
5154 td.visible-print, th.visible-print {
5155 display: table-cell !important; } }
5157 .visible-print-block {
5158 display: none !important; }
5161 .visible-print-block {
5162 display: block !important; } }
5164 .visible-print-inline {
5165 display: none !important; }
5168 .visible-print-inline {
5169 display: inline !important; } }
5171 .visible-print-inline-block {
5172 display: none !important; }
5175 .visible-print-inline-block {
5176 display: inline-block !important; } }
5180 display: none !important; } }
5184 /* Precision rounding function */
5190 /* Borders & Shadows */
5193 /* Vertical placement of multuple lines of text */
5194 /* transform-rotate */
5195 /* transform-scale */
5198 /* Bottom positioning */
5201 font-family: SourceSanPro-Light;
5202 src: url("../fonts/SourceSansPro-Light.otf"); }
5205 font-family: SourceSanPro-Regular;
5206 src: url("../fonts/SourceSansPro-Regular.otf"); }
5209 font-family: SourceSanPro-Semibold;
5210 src: url("../fonts/SourceSansPro-Semibold.otf"); }
5212 .nfv-heading-1, .nfv-header .header-content-wrapper .header-title .main-title, .nfv-header .header-content-wrapper .header-title .version-select, .service-overview-tab .service-metrics .service-metric .metric-details .metric-value {
5213 font-family: "SourceSanPro-Light";
5216 .nfv-heading-2, .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step .step-item, .launch-service-wizard .nfv-wizard-content .select-service-title, .launch-service-wizard .nfv-wizard-content .launch-service-title, .launch-service-wizard .nfv-wizard-content .parameters-service-title, .service-overview-tab .service-detailed-info .service-tasks .list-header, .service-overview-tab .service-detailed-info .service-events .list-header, .service-overview-tab .service-detailed-info .service-performance .services-performance-header, .nfv-landing-page .landing-page-view h2 {
5217 font-family: "SourceSanPro-Light";
5221 font-family: "SourceSanPro-Light";
5224 .nfv-heading-4, .service-attributes .form-container .form-element--label, .modify-service-wizard .impact-view .impact-view-title {
5225 font-family: "SourceSanPro-Regular";
5228 .nfv-body-1, .ui-dialog[role="dialog"] .ui-dialog-titlebar .ui-dialog-title, .nfv-header .header-content-wrapper .header-title .version-select select, .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step .step-title, .nfv-tabpanel .nfv-tabs-v1 .ui-state-default .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs-v1 .ui-state-default.ui-state-active .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs-v2 .ui-state-default .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs-v2 .ui-state-default.ui-state-active .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs-v3 .ui-state-default .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs-v3 .ui-state-default.ui-state-active .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs .ui-state-default .ui-tabs-anchor, .nfv-tabpanel .nfv-tabs .ui-state-default.ui-state-active .ui-tabs-anchor, body.theme2 .nfv-tabs-v3 .ui-state-default .ui-tabs-anchor, body.theme2 .nfv-tabs-v3 .ui-state-default.ui-state-active .ui-tabs-anchor, .notification .notification-header, .notification .notification-content .notification-main, .service-overview-tab .service-metrics .service-metric .metric-details .desc, .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-message, .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-content .event-message, .nfv-landing-page .landing-page-view .lists-box .events ul > li time, .nfv-landing-page .landing-page-view .lists-box .services ul > li > h3 {
5229 font-family: "SourceSanPro-Regular";
5232 .nfv-body-2, .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-header, .nfv-button-link .uxf-button .ui-button-text, .nfv-button-link.ui-button-text-only .ui-button-text, .LS-error, .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step.active .step-title, .nfv-balloon .balloon-header .balloon-title, .network-topology-view .right-pane-controller .header .node-attributes-title, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:first-child .node-attribute, .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-value, .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-name, body.theme2 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-value, body.theme2 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-name, .service-overview-tab .service-metrics .service-status .service-details .status, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .serviceName, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .serviceName, .system-tasks .task-details-container .task-details-header, .tasks-notifications-container .task-details-container .task-details-header, .system-tasks .task-details-container .task-details-header .serviceTitles .serviceName, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .serviceName {
5233 font-family: "SourceSanPro-Semibold";
5236 .nfv-body-3, input, .nfv-header .header-content-wrapper .header-title .sub-title, .ui-state-default.ui-button .ui-button-text,
5237 .ui-widget-content .ui-state-default.ui-button .ui-button-text,
5238 .ui-widget-header .ui-state-default.ui-button .ui-button-text, .nfv-link, .uxf-selectinput select, .form-element select, .nfv-balloon .balloon-content .node-attribute, .network-graph .element.nfvo .label, .tree-graph .node text, .nfv-pagination a, .uxf-pagination a, .notification .notification-content .notification-secondary, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item .node-attribute, .service-attributes .form-element .form-element--label, .service-attributes .form-element .form-element--error-message, .launch-service-wizard .nfv-wizard-content .service-list-item .service-name .service-version, .service-overview-tab .service-metrics .service-status .service-details .service-times, .service-overview-tab .service-detailed-info .service-tasks .list-header .recent-notice, .service-overview-tab .service-detailed-info .service-events .list-header .recent-notice, .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-time .due, body.theme2 .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-time .due, .system-tasks .tasks-list-container .filters, .tasks-notifications-container .tasks-list-container .filters, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview, .system-tasks .task-details-container .task-details-header .serviceTitles .customer, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .customer, .system-tasks .task-details-container .task-details-header .dueDateGroup, .tasks-notifications-container .task-details-container .task-details-header .dueDateGroup, .system-tasks .task-details-container .task-details-header .description, .tasks-notifications-container .task-details-container .task-details-header .description, .nfv-landing-page .landing-page-view h2 .see-all-link span, .nfv-landing-page .landing-page-view .lists-box .events ul > li .event-message p, .nfv-landing-page .landing-page-view .lists-box .events ul > li .machine-id, .nfv-landing-page .landing-page-view .lists-box .services ul > li > label, .nfv-landing-page .landing-page-view .lists-box .services ul > li > time {
5239 font-family: "SourceSanPro-Regular";
5242 .nfv-body-4, .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .version-and-build, .service-attributes .form-element input, .service-attributes .form-element select, .service-overview-tab .service-detailed-info .service-tasks .see-all-link, .service-overview-tab .service-detailed-info .service-events .see-all-link, .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-time .time, .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-content .event-item-data .event-time {
5243 font-family: "SourceSanPro-Semibold";
5246 .nfv-body-5, .tree-graph .node text.sub-title, .color-legend .statuses .legend, .color-legend .states .legend, .color-legend .statuses .new, .color-legend .states .new, .network-topology-view .right-pane-controller .kpi-graph .header .node-attributes-title, .network-topology-view .right-pane-controller .kpi-graph .header .toggle, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken .label, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken .label, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams .label, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams .label {
5247 font-family: "SourceSanPro-Regular";
5250 .nfv-body-6, .network-graph .element.nfvo .port > .port-label, .color-legend .statuses .title, .color-legend .states .title, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken .value, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken .value, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams .value, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams .value {
5251 font-family: "SourceSanPro-Semibold";
5258 .ui-state-disabled {
5259 pointer-events: none; }
5262 display: inline-block; }
5264 .ui-widget-content {
5265 background: #ffffff;
5268 .ui-widget-content a {
5275 .uxf-progressbar > div[data-uxf-point="remaining"] {
5276 background: #ffffff;
5278 -webkit-box-shadow: inset 0 1px 2px 1px #ffffff;
5279 -moz-box-shadow: inset 0 1px 2px 1px #ffffff;
5280 box-shadow: inset 0 1px 2px 1px #ffffff; }
5281 .uxf-progressbar > div[data-uxf-point="progress"] {
5283 .uxf-progressbar .nfv-normal {
5284 background: #1a2531; }
5285 .uxf-progressbar .nfv-critical {
5286 background: #e65353; }
5287 .uxf-progressbar .progress-text {
5292 .nfv-white-bg.uxf-progressbar > div[data-uxf-point="remaining"] {
5293 background: #ffffff;
5299 .ui-tabs .ui-tabs-nav {
5302 .ui-tabs .ui-tabs-panel {
5306 .ui-accordion .ui-accordion-content {
5311 line-height: 1.25; }
5315 font-family: "SourceSanPro-Regular"; }
5317 font-family: "SourceSanPro-Regular"; }
5319 font-family: "SourceSanPro-Regular"; }
5321 .ui-dialog[role="dialog"] {
5325 transform: translate(-50%, -50%);
5327 -webkit-box-shadow: none;
5328 -moz-box-shadow: none;
5330 @media only screen and (min-width: 1224px) {
5331 .ui-dialog[role="dialog"] {
5332 min-width: 500px; } }
5333 .ui-dialog[role="dialog"] .ui-dialog-titlebar {
5334 background: #ecf1f5;
5336 padding: 0.5em 1em; }
5337 .ui-dialog[role="dialog"] .ui-dialog-titlebar .ui-dialog-title {
5339 font-weight: normal; }
5340 .ui-dialog[role="dialog"] .ui-dialog-titlebar .ui-button {
5342 .ui-dialog[role="dialog"] .ui-dialog-content {
5344 background: #ffffff; }
5345 .ui-dialog[role="dialog"] .ui-dialog-buttonpane {
5348 .ui-dialog[role="dialog"] .ui-dialog-buttonpane button.ui-button {
5351 .ui-dialog[role="dialog"] .ui-dialog-buttonpane button.ui-button .ui-button-text {
5354 .ui-widget-overlay {
5355 background: rgba(26, 37, 49, 0.5);
5357 filter: alpha(opacity = 100);
5362 border: 1px solid #ffffff; }
5363 .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-header {
5365 background: #232323; }
5366 .ui-datepicker .ui-state-highlight {
5368 background: #ffffff;
5371 .ui-dialog-titlebar .ui-state-default.ui-button {
5373 background: transparent;
5375 border-radius: 0px; }
5377 .ui-dialog-titlebar .ui-state-default.ui-state-hover {
5379 background: #413a35 url(images/ui-bg_glass_0_413a35_1x400.png) 50% 50% repeat-x;
5380 border-radius: 4px; }
5385 body.theme2 .ui-widget-content {
5386 background: #232323;
5389 body.theme2 .ui-widget-content a {
5392 body.theme2 .uxf-progressbar {
5394 body.theme2 .uxf-progressbar > div[data-uxf-point="remaining"] {
5396 body.theme2 .uxf-progressbar .nfv-normal {
5397 background: #1a2531; }
5398 body.theme2 .uxf-progressbar .nfv-critical {
5399 background: #ff7c54; }
5400 body.theme2 .uxf-progressbar .progress-text {
5403 body.theme2 .nfv-white-bg.uxf-progressbar > div[data-uxf-point="remaining"] {
5404 background: #232323; }
5406 body.theme2 .ui-dialog .ui-widget-content {
5409 body.theme2 .ui-dialog .ui-dialog-titlebar {
5411 background: #232323; }
5413 body.theme2 .ui-dialog .ui-dialog-content {
5416 body.theme2 .ui-widget-overlay {
5417 background: rgba(185, 186, 181, 0.3); }
5419 body.theme2 .ui-datepicker {
5420 border: 1px solid #333; }
5421 body.theme2 .ui-datepicker .ui-state-default, body.theme2 .ui-datepicker .ui-widget-header {
5423 background: #232323; }
5424 body.theme2 .ui-datepicker .ui-state-highlight {
5426 background: #232323;
5429 body.theme2 .ui-dialog-titlebar .ui-state-default.ui-state-hover {
5431 background: #413a35 url(images/ui-bg_glass_0_413a35_1x400.png) 50% 50% repeat-x;
5432 border-radius: 4px; }
5434 /* PX fallback for browsers that do not support REM units. */
5439 font-weight: normal;
5441 font-family: "SourceSanPro-Regular";
5442 background-color: #ffffff;
5444 /* scrollbar styling for Internet Explorer */
5445 scrollbar-face-color: #ff8a00;
5446 scrollbar-track-color: #ecf1f5;
5447 /* scrollbar styling for Google Chrome | Safari | Opera */
5448 /* Mozilla Firefox currently doesn't support scrollbar styling */ }
5449 body ::-webkit-scrollbar {
5452 body ::-webkit-scrollbar-track {
5453 background-color: transparent;
5454 border-radius: 10px; }
5455 body ::-webkit-scrollbar-thumb {
5456 border-radius: 10px;
5457 border: 1px solid #ecf1f5;
5458 background-color: #253244; }
5460 background-color: #232323;
5462 scrollbar-face-color: #ff8a00;
5463 scrollbar-track-color: #333; }
5464 body.theme2 ::-webkit-scrollbar-thumb {
5465 border: 1px solid #333;
5466 background-color: #232323; }
5471 h1, h2, h3, h4, h5, h6, ul {
5476 background: #ffffff;
5477 border: 1px solid #445a75;
5478 padding: 7px 10px; }
5484 display: inline-block; }
5487 background-color: #419ef1;
5490 transition: background-color 0.4s;
5492 .nfv-header .nfv-logo {
5495 vertical-align: middle;
5496 display: table-cell;
5498 white-space: nowrap;
5499 background-color: #253244; }
5500 .nfv-header .nfv-logo a {
5502 .nfv-header .nfv-logo a:hover {
5503 text-decoration: none; }
5504 .nfv-header .header-content-wrapper {
5505 display: table-cell;
5506 vertical-align: middle; }
5507 .nfv-header .header-content-wrapper .header-title {
5508 display: table-cell;
5509 vertical-align: middle;
5512 transition: color 0.4s; }
5513 .nfv-header .header-content-wrapper .header-title .main-title {
5514 display: inline-block; }
5515 .nfv-header .header-content-wrapper .header-title .version-select {
5516 display: inline-block;
5518 .nfv-header .header-content-wrapper .header-title .version-select select {
5520 background: transparent url("../images/images_theme_1/drop_down_down_arrow_white.png") no-repeat 100% 50%;
5523 padding-right: 15px;
5525 padding-left: 8px; }
5526 .nfv-header .header-content-wrapper .header-title .version-select select option {
5527 background-color: #419ef1; }
5528 .nfv-header .user-details {
5533 .nfv-header .user-details .nfv-header-logged-user {
5534 background-size: 30px 30px;
5535 background-repeat: no-repeat;
5537 position: relative; }
5538 .nfv-header .tasks-notifications-container {
5542 .nfv-header .tasks-notifications-container .tasks-notification-icon {
5552 .nfv-header .tasks-notifications-container .notification-counter {
5553 display: table-cell;
5556 background-color: #e65353;
5562 vertical-align: middle;
5565 .nfv-header .tasks-notifications-container .notifications-popup {
5573 background-color: #ffffff;
5574 border: 1px solid #a8bbdc; }
5575 .nfv-header .tasks-notifications-container .notifications-popup:after, .nfv-header .tasks-notifications-container .notifications-popup:before {
5578 border: solid transparent;
5583 pointer-events: none; }
5584 .nfv-header .tasks-notifications-container .notifications-popup:after {
5585 border-color: rgba(255, 255, 255, 0);
5586 border-bottom-color: #ffffff;
5588 margin-left: -25px; }
5589 .nfv-header .tasks-notifications-container .notifications-popup:before {
5590 border-color: rgba(167, 179, 178, 0);
5591 border-bottom-color: #a8bbdc;
5593 margin-left: -27px; }
5594 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-header {
5598 padding-right: 20px;
5599 border-bottom: 1px solid #a8bbdc; }
5600 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-header .nfv-link {
5602 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-content {
5607 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu {
5610 border-right: 1px solid #a8bbdc;
5611 background: #e1e8f1;
5615 text-align: center; }
5616 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .settings, .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .logout, .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .theme-select {
5619 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .settings {
5621 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .theme-select {
5623 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .version-and-build {
5624 transform: rotate(270deg);
5625 /* IE10 and Mozilla */
5626 -ms-transform: rotate(270deg);
5628 -webkit-transform: rotate(270deg);
5629 /* Safari and Chrome */
5633 letter-spacing: 2px; }
5634 .nfv-header .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .logout {
5641 body.theme2 .nfv-header {
5642 background-color: #333; }
5643 body.theme2 .nfv-header .search-filter-input input[type="search"] {
5644 background: #232323;
5646 body.theme2 .nfv-header .nfv-logo {
5647 background-color: #232323; }
5648 body.theme2 .nfv-header .header-content-wrapper .header-title {
5650 body.theme2 .nfv-header .header-content-wrapper .version-select select {
5652 body.theme2 .nfv-header .header-content-wrapper .version-select select option {
5653 background-color: #333; }
5654 body.theme2 .nfv-header .header-content-wrapper .sub-title {
5656 body.theme2 .nfv-header .user-details .nfv-header-logged-user {
5659 body.theme2 .tasks-notifications-container .tasks-notification-icon {
5662 body.theme2 .tasks-notifications-container .notification-counter {
5663 background-color: #333;
5666 body.theme2 .tasks-notifications-container .notifications-popup {
5667 background-color: #333;
5668 border: 1px solid #454544;
5669 box-shadow: 0px 0px 5px 2px #b9bab5; }
5670 body.theme2 .tasks-notifications-container .notifications-popup:after {
5671 border-color: rgba(255, 255, 255, 0);
5672 border-bottom-color: #232323; }
5673 body.theme2 .tasks-notifications-container .notifications-popup:before {
5674 border-color: rgba(167, 179, 178, 0);
5675 border-bottom-color: #454544; }
5676 body.theme2 .tasks-notifications-container .notifications-popup .notifications-popup-header {
5677 border-bottom: 1px solid #454544;
5678 background: #232323; }
5679 body.theme2 .tasks-notifications-container .notifications-popup .notifications-popup-user-menu {
5680 border-right: 1px solid #454544;
5681 background: #232323; }
5682 body.theme2 .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .settings {
5684 body.theme2 .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .logout {
5686 body.theme2 .tasks-notifications-container .notifications-popup .notifications-popup-user-menu .theme-select {
5692 position: relative; }
5693 .nfv-page .nfv-content {
5694 background-color: #ffffff;
5699 transition: background-color 0.2s;
5702 body.theme2 .nfv-page .nfv-content {
5703 background-color: #232323; }
5706 -webkit-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.6);
5707 -moz-box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.6);
5708 box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.6); }
5709 .ui-dialog .nfv-content {
5710 background: #ffffff;
5715 padding: 20px 35px 20px;
5716 overflow-x: hidden; }
5717 .ui-dialog .nfv-content p {
5720 .ui-state-default.ui-button,
5721 .ui-widget-content .ui-state-default.ui-button,
5722 .ui-widget-header .ui-state-default.ui-button {
5723 -webkit-border-radius: 2px;
5726 background: transparent;
5729 .ui-state-default.ui-button .ui-button-text,
5730 .ui-widget-content .ui-state-default.ui-button .ui-button-text,
5731 .ui-widget-header .ui-state-default.ui-button .ui-button-text {
5732 padding: 6px 10px; }
5734 .nfv-primary-button .ui-button.ui-widget, .nfv-secondary-button .ui-button.ui-widget, .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button.ui-widget {
5735 transition: background 0.4s, color 0.4s, border 0.4s; }
5736 .nfv-primary-button .ui-button.ui-widget.ui-state-disabled, .nfv-secondary-button .ui-button.ui-widget.ui-state-disabled, .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled {
5738 filter: alpha(opacity = 50);
5739 background: transparent !important;
5740 border: 1px solid #445a75; }
5741 .nfv-primary-button .ui-button.ui-widget.ui-state-disabled .ui-button-text, .nfv-secondary-button .ui-button.ui-widget.ui-state-disabled .ui-button-text, .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled .ui-button-text {
5742 color: #445a75 !important; }
5744 .nfv-primary-button .ui-button.ui-widget {
5746 background: #ff8a00;
5748 .nfv-primary-button .ui-button.ui-widget:hover {
5749 background: #a8bbdc; }
5751 .nfv-secondary-button .ui-button, .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button {
5753 background: transparent;
5754 border: 1px solid #253244;
5756 .nfv-secondary-button .ui-button:hover, .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button:hover {
5758 border: 1px solid #419ef1; }
5760 .nfv-button-link .uxf-button, .nfv-button-link.ui-button-text-only {
5765 .nfv-button-link .uxf-button.ui-button:hover, .nfv-button-link.ui-button-text-only.ui-button:hover {
5767 .nfv-button-link .uxf-button .ui-button-text, .nfv-button-link.ui-button-text-only .ui-button-text {
5769 text-decoration: underline; }
5771 .nfv-button-link .ui-state-default.ui-button,
5772 .nfv-button-link .ui-widget-content .ui-state-default.ui-button,
5773 .nfv-button-link .ui-widget-header .ui-state-default.ui-button {
5777 .nfv-button-link .ui-state-default.ui-state-hover,
5778 .nfv-button-link .ui-widget-content .ui-state-default.ui-state-hover,
5779 .nfv-button-link .ui-widget-header .ui-state-default.ui-state-hover {
5782 .nfv-button-link a {
5785 body.theme2 .ui-state-default.ui-button,
5786 body.theme2 .ui-widget-content .ui-state-default.ui-button,
5787 body.theme2 .ui-widget-header .ui-state-default.ui-button {
5788 color: rgba(185, 186, 181, 0.5); }
5790 body.theme2 .nfv-primary-button .ui-button.ui-widget.ui-state-disabled, body.theme2 .nfv-secondary-button .ui-button.ui-widget.ui-state-disabled, body.theme2 .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled, .ui-dialog[role="dialog"] body.theme2 .ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled {
5791 background: transparent !important;
5792 border: 1px solid #2f2f2f; }
5793 body.theme2 .nfv-primary-button .ui-button.ui-widget.ui-state-disabled .ui-button-text, body.theme2 .nfv-secondary-button .ui-button.ui-widget.ui-state-disabled .ui-button-text, body.theme2 .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled .ui-button-text, .ui-dialog[role="dialog"] body.theme2 .ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled .ui-button-text {
5794 color: #b9bab5 !important; }
5796 body.theme2 .nfv-primary-button .ui-button.ui-widget {
5798 background: rgba(155, 219, 105, 0.8); }
5799 body.theme2 .nfv-primary-button .ui-button.ui-widget:hover {
5800 background: #9bdb69;
5803 body.theme2 .nfv-secondary-button .ui-button, body.theme2 .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button, .ui-dialog[role="dialog"] body.theme2 .ui-dialog-buttonset .ui-button {
5804 color: rgba(185, 186, 181, 0.7);
5805 background: transparent;
5806 border: 1px solid rgba(185, 186, 181, 0.7); }
5807 body.theme2 .nfv-secondary-button .ui-button:hover, body.theme2 .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button:hover, .ui-dialog[role="dialog"] body.theme2 .ui-dialog-buttonset .ui-button:hover {
5809 border: 1px solid #b9bab5;
5810 background: transparent; }
5812 body.theme2 .nfv-button-link .uxf-button, body.theme2 .nfv-button-link.ui-button-text-only {
5815 body.theme2 .nfv-button-link .ui-state-default.ui-button,
5816 body.theme2 .nfv-button-link .ui-widget-content .ui-state-default.ui-button,
5817 body.theme2 .nfv-button-link .ui-widget-header .ui-state-default.ui-button {
5824 text-decoration: underline; }
5825 a.nfv-button-link:hover {
5826 text-decoration: none; }
5827 a.nfv-button-link.nfv-active {
5828 text-decoration: none;
5829 font-weight: bold; }
5833 text-decoration: none;
5836 text-decoration: underline; }
5837 .nfv-link.nfv-active {
5838 text-decoration: none;
5839 font-weight: bold; }
5840 .nfv-link .uxf-button {
5844 .nfv-link .uxf-button .ui-button-text {
5847 text-decoration: none; }
5848 .nfv-link .uxf-button .ui-button-text:hover {
5849 text-decoration: none; }
5851 .nfv-checkbox-button input[type="checkbox"] {
5853 .nfv-checkbox-button input[type="checkbox"]:checked + label:before {
5854 font-family: FontAwesome;
5856 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
5861 font-weight: bold; }
5863 .nfv-checkbox-button label {
5864 display: inline-block;
5867 padding-left: 25px; }
5868 .nfv-checkbox-button label:before {
5870 display: inline-block;
5877 background-color: #ffffff;
5878 border: 1px solid #445a75; }
5880 .nfv-radio-button input[type="radio"] {
5882 .nfv-radio-button input[type="radio"]:checked + label:after {
5885 .nfv-radio-button label {
5886 display: inline-block;
5889 padding-left: 25px; }
5890 .nfv-radio-button label:before {
5892 display: inline-block;
5899 background-color: #ffffff;
5900 border: 1px solid #445a75;
5901 -webkit-border-radius: 10px;
5902 border-radius: 10px; }
5903 .nfv-radio-button label:after {
5906 background-color: #419ef1;
5909 border-radius: 10px;
5913 transition: opacity 0.2s; }
5915 .uxf-textinput input, .uxf-searchinput input {
5917 border-bottom: 1px solid #a8bbdc;
5918 background: transparent;
5920 .uxf-textinput input::-webkit-input-placeholder, .uxf-searchinput input::-webkit-input-placeholder {
5922 .uxf-textinput input::-moz-placeholder, .uxf-searchinput input::-moz-placeholder {
5925 .form-element .form-element--error-message {
5927 margin-left: 20px; }
5929 .form-element input.form-element--control {
5933 border-bottom: 1px solid #a8bbdc;
5935 .form-element input.form-element--control[disabled] {
5938 .form-element select.form-element--control {
5941 border-color: #a8bbdc; }
5943 .nfv-mandatory label:after, .is-mandatory label:after {
5945 display: inline-block;
5948 .nfv-mandatory-asterisk {
5949 color: #e65353 !important; }
5951 .uxf-selectinput select, .form-element select {
5955 height: 35px !important;
5957 padding-right: 17px;
5959 -moz-appearance: none;
5960 -webkit-appearance: none;
5961 background: url("../images/images_theme_1/drop_down_down_arrow.png") no-repeat 102% #ffffff;
5963 border: 1px solid #a8bbdc;
5966 .uxf-selectinput .mlabel, .form-element .mlabel {
5968 margin-right: 18px !important; }
5973 background-position: 0;
5974 padding: 5px 0 5px 25px; }
5976 body.theme2 .nfv-link {
5978 body.theme2 .nfv-link .uxf-button {
5981 body.theme2 .nfv-checkbox-button input[type=checkbox]:checked + label:before {
5984 body.theme2 .nfv-checkbox-button label:before {
5985 background-color: #333;
5986 border: 1px solid #b9bab5; }
5988 body.theme2 .nfv-radio-button input[type="radio"]:checked + label:before {
5991 body.theme2 .nfv-radio-button label:before {
5992 background-color: #333;
5993 border: 1px solid #b9bab5; }
5995 body.theme2 .nfv-radio-button label:after {
5996 background-color: #9bdb69; }
5998 body.theme2 .uxf-textinput input, body.theme2 .uxf-searchinput input {
5999 border-bottom: 1px solid #333; }
6001 body.theme2 .form-element .form-element--error-message {
6004 body.theme2 .form-element input.form-element--control {
6005 border-bottom: 1px solid #333;
6006 background: #232323; }
6008 body.theme2 .form-element select.form-element--control {
6009 border-color: #333; }
6011 body.theme2 .nfv-mandatory label:after, body.theme2 .is-mandatory label:after {
6014 body.theme2 .nfv-mandatory-asterisk {
6015 color: #ff7c54 !important; }
6017 body.theme2 .uxf-selectinput select, body.theme2 .form-element select {
6019 background: url("../images/images_theme_1/drop_down_down_arrow.png") no-repeat 102% #232323;
6020 border: 1px solid #333; }
6022 body.theme2 .LS-error {
6025 body.theme2 .form-element-container > .form-element--label:first-child {
6028 .nfv-wizard-header {
6030 border-bottom: 1px solid rgba(168, 187, 220, 0.3);
6032 background: #ecf1f5; }
6033 .nfv-wizard-header .wizard .nfv-wizard-steps {
6035 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step {
6036 display: inline-block;
6037 text-align: center; }
6038 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step .step-item {
6039 margin-left: 15px; }
6040 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step .step-title {
6042 text-align: center; }
6043 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step .step-arrow {
6045 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step:first-child {
6046 margin-left: 37px; }
6047 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step:first-child .step-item {
6049 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step:last-child .step-arrow {
6051 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step.active .step-item {
6053 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step.active .step-title {
6056 .wizard-nav-controls {
6057 background: #ecf1f5;
6059 border-top: 1px solid #445a75;
6065 .wizard-nav-controls .nfv-button-link, .wizard-nav-controls .nfv-secondary-button, .wizard-nav-controls .ui-dialog[role="dialog"] .ui-dialog-buttonset, .ui-dialog[role="dialog"] .wizard-nav-controls .ui-dialog-buttonset, .wizard-nav-controls .nfv-primary-button {
6066 display: inline-block; }
6067 .wizard-nav-controls .nfv-secondary-button, .wizard-nav-controls .ui-dialog[role="dialog"] .ui-dialog-buttonset, .ui-dialog[role="dialog"] .wizard-nav-controls .ui-dialog-buttonset {
6068 margin-left: 30px; }
6069 .wizard-nav-controls .nfv-primary-button {
6074 body.theme2 .nfv-wizard-header {
6075 border-bottom: 1px solid #454544;
6076 background: #232323; }
6077 body.theme2 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step .step-arrow {
6079 body.theme2 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step.active .step-item {
6081 body.theme2 .nfv-wizard-header .wizard .nfv-wizard-steps .wizard-step.active .step-title {
6084 body.theme2 .wizard-nav-controls {
6086 border-top: 1px solid #333; }
6088 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title {
6089 background: #ecf1f5;
6093 border-bottom: 1px solid #a8bbdc;
6094 margin-bottom: 10px;
6097 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-title-icon {
6098 display: table-cell;
6099 vertical-align: middle;
6101 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-title-icon:before {
6102 font-family: FontAwesome;
6106 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-title-text {
6107 display: table-cell;
6108 vertical-align: middle;
6112 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-subtitle-text {
6113 display: table-cell;
6114 vertical-align: middle;
6117 margin-left: 0.5em; }
6118 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title.ui-state-active {
6119 background: #ecf1f5; }
6120 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title.ui-state-active .nfv-collapsible-title-icon:before {
6123 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-content {
6126 body.theme2 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title {
6128 border-bottom: 1px solid #2f2f2f; }
6129 body.theme2 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-title-icon:before {
6131 body.theme2 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-title-text {
6133 body.theme2 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title .nfv-collapsible-subtitle-text {
6135 body.theme2 .nfv-accordion .nfv-collapsible-item .nfv-collapsible-title.ui-state-active {
6139 background: transparent;
6141 .nfv-tabpanel .nfv-tabs-v1 {
6143 background: #e1e8f1;
6146 .nfv-tabpanel .nfv-tabs-v1 .ui-state-default {
6149 background: transparent; }
6150 .nfv-tabpanel .nfv-tabs-v1 .ui-state-default .ui-tabs-anchor {
6154 text-align: center; }
6155 .nfv-tabpanel .nfv-tabs-v1 .ui-state-default.ui-state-active .ui-tabs-anchor {
6158 .nfv-tabpanel .nfv-tabs-v2 {
6160 background: #ffffff;
6162 .nfv-tabpanel .nfv-tabs-v2 .ui-state-default {
6164 border: 1px solid #a8bbdc;
6165 background: transparent;
6167 .nfv-tabpanel .nfv-tabs-v2 .ui-state-default .ui-tabs-anchor {
6171 text-align: center; }
6172 .nfv-tabpanel .nfv-tabs-v2 .ui-state-default.ui-state-active {
6173 border-bottom: none; }
6174 .nfv-tabpanel .nfv-tabs-v2 .ui-state-default.ui-state-active .ui-tabs-anchor {
6177 .nfv-tabpanel .nfv-tabs-v3 {
6179 background: #ffffff;
6182 .nfv-tabpanel .nfv-tabs-v3 .ui-state-default {
6184 border: 1px solid #a8bbdc !important;
6185 border-left: none !important;
6186 background: transparent;
6188 .nfv-tabpanel .nfv-tabs-v3 .ui-state-default:first-child {
6189 border-bottom-left-radius: 2px;
6190 border-top-left-radius: 2px;
6191 border-left: 1px solid #a8bbdc !important; }
6192 .nfv-tabpanel .nfv-tabs-v3 .ui-state-default:last-child {
6193 border-bottom-right-radius: 2px;
6194 border-top-right-radius: 2px; }
6195 .nfv-tabpanel .nfv-tabs-v3 .ui-state-default .ui-tabs-anchor {
6198 text-align: center; }
6199 .nfv-tabpanel .nfv-tabs-v3 .ui-state-default.ui-state-active .ui-tabs-anchor {
6200 background: #ecf1f5;
6202 .nfv-tabpanel .nfv-tabs {
6204 background: transparent; }
6205 .nfv-tabpanel .nfv-tabs .ui-state-default {
6207 background: #445a75;
6208 border: 1px solid #a8bbdc; }
6209 .nfv-tabpanel .nfv-tabs .ui-state-default .ui-tabs-anchor {
6213 text-align: center; }
6214 .nfv-tabpanel .nfv-tabs .ui-state-default.ui-state-active {
6215 background: #ffffff;
6216 border: 1px solid #ffffff; }
6217 .nfv-tabpanel .nfv-tabs .ui-state-default.ui-state-active .ui-tabs-anchor {
6220 .nfv-tabpanel .ui-tabs-panel {
6221 border-top: 1px solid #a8bbdc;
6223 background: #ffffff; }
6224 .nfv-tabpanel.ui-tabs-vertical {
6227 border-top: 1px solid #a8bbdc;
6228 border-bottom: 1px solid #a8bbdc;
6230 -webkit-border-top-left-radius: 0;
6231 border-top-left-radius: 0;
6232 -webkit-border-top-right-radius: 0;
6233 border-top-right-radius: 0; }
6234 .nfv-tabpanel.ui-tabs-vertical .nfv-tabs {
6239 overflow-x: hidden; }
6240 .nfv-tabpanel.ui-tabs-vertical .nfv-tabs .ui-state-default {
6244 -webkit-border-top-left-radius: 0;
6245 border-top-left-radius: 0;
6246 -webkit-border-top-right-radius: 0;
6247 border-top-right-radius: 0;
6250 margin: 0 0 5px 0; }
6251 .nfv-tabpanel.ui-tabs-vertical .nfv-tabs .ui-state-default .ui-tabs-anchor {
6253 .nfv-tabpanel.ui-tabs-vertical .nfv-tabs .ui-state-default.ui-tabs-active {
6255 border-bottom: #a8bbdc 2px solid !important;
6256 border-top: #a8bbdc 2px solid !important;
6258 .nfv-tabpanel.ui-tabs-vertical .ui-tabs-panel {
6265 body.theme2 .nfv-tabpanel .nfv-tabs-v1 {
6266 background-color: #232323; }
6267 body.theme2 .nfv-tabpanel .nfv-tabs-v1 .ui-state-default .ui-tabs-anchor {
6269 body.theme2 .nfv-tabpanel .nfv-tabs-v1 .ui-state-default.ui-state-active .ui-tabs-anchor {
6272 body.theme2 .nfv-tabs-v2 {
6273 background: #232323;
6274 border-bottom: 1px solid #2f2f2f; }
6275 body.theme2 .nfv-tabs-v2 .ui-state-default {
6276 border: 1px solid #2f2f2f; }
6277 body.theme2 .nfv-tabs-v2 .ui-state-default .ui-tabs-anchor {
6279 body.theme2 .nfv-tabs-v2 .ui-state-default.ui-state-active .ui-tabs-anchor {
6282 body.theme2 .nfv-tabs-v3 {
6283 background: #232323; }
6284 body.theme2 .nfv-tabs-v3 .ui-state-default {
6285 border: 1px solid #2f2f2f !important; }
6286 body.theme2 .nfv-tabs-v3 .ui-state-default:first-child {
6287 border-bottom-left-radius: 2px;
6288 border-top-left-radius: 2px;
6289 border-left: 1px solid #2f2f2f !important; }
6290 body.theme2 .nfv-tabs-v3 .ui-state-default:last-child {
6291 border-bottom-right-radius: 2px;
6292 border-top-right-radius: 2px; }
6293 body.theme2 .nfv-tabs-v3 .ui-state-default .ui-tabs-anchor {
6295 body.theme2 .nfv-tabs-v3 .ui-state-default.ui-state-active .ui-tabs-anchor {
6297 background: #232323;
6300 body.theme2 .nfv-tabs .ui-state-default {
6302 background: #232323;
6303 border: 1px solid #2f2f2f; }
6304 body.theme2 .nfv-tabs .ui-state-default .ui-tabs-anchor {
6306 body.theme2 .nfv-tabs .ui-state-default.ui-state-active {
6308 border: 1px solid #2f2f2f; }
6309 body.theme2 .nfv-tabs .ui-state-default.ui-state-active .ui-tabs-anchor {
6312 body.theme2 .ui-tabs-panel {
6313 border-top: 1px solid #2f2f2f;
6314 background: #232323; }
6316 body.theme2.ui-tabs-vertical {
6317 border-top: 1px solid #2f2f2f;
6318 border-bottom: 1px solid #2f2f2f; }
6319 body.theme2.ui-tabs-vertical .nfv-tabs .ui-state-default.ui-tabs-active {
6320 border-bottom-color: #2f2f2f !important;
6321 border-top-color: #2f2f2f !important; }
6325 border: 1px solid #445a75;
6326 box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.35);
6328 background-color: #ffffff;
6332 .nfv-balloon.ui-draggable-dragging {
6334 .nfv-balloon .balloon-header {
6335 padding: 10px 22px 5px;
6336 background-color: #a8bbdc; }
6337 .nfv-balloon .balloon-header .balloon-title {
6339 margin-bottom: 10px;
6340 margin-right: 23px; }
6341 .nfv-balloon .balloon-header .ui-button {
6346 margin-left: 20px; }
6347 .nfv-balloon .balloon-content {
6348 padding: 5px 22px 10px;
6350 max-height: 250px; }
6351 .nfv-balloon .balloon-content .node-attribute {
6352 word-wrap: break-word;
6354 border-bottom: 1px solid #445a75; }
6356 body.theme2 .nfv-balloon {
6357 border: 1px solid #2f2f2f;
6359 background-color: #333;
6360 box-shadow: 0px 0px 6px 2px rgba(244, 246, 241, 0.8); }
6361 body.theme2 .nfv-balloon .balloon-header {
6362 background-color: #232323; }
6363 body.theme2 .nfv-balloon .balloon-header .balloon-title {
6365 body.theme2 .nfv-balloon .balloon-content .node-attribute {
6366 border-bottom: 1px solid #454544; }
6368 .network-graph .element.nfvo rect {
6372 .network-graph .element.nfvo rect.rect-fadeout {
6373 -webkit-animation: fadeout 0.25s;
6374 -moz-animation: fadeout 0.25s;
6375 -ms-animation: fadeout 0.25s;
6376 -o-animation: fadeout 0.25s;
6377 animation: fadeout 0.25s; }
6379 @keyframes fadeout {
6385 @-moz-keyframes fadeout {
6392 @-webkit-keyframes fadeout {
6393 /* Safari and Chrome */
6399 @-o-keyframes fadeout {
6405 .network-graph .element.nfvo rect.twins-container, .network-graph .element.nfvo rect.parent-container {
6408 fill: transparent; }
6409 .network-graph .element.nfvo rect.node-title-frame {
6412 .network-graph .element.nfvo rect.node-title-frame[status="removed"] {
6415 .network-graph .element.nfvo rect.node-title-frame[status="completed"] {
6418 .network-graph .element.nfvo rect.node-title-frame[status="in progress"] {
6421 .network-graph .element.nfvo rect.node-title-frame[status="warning"] {
6424 .network-graph .element.nfvo rect.node-title-frame[status="error"] {
6427 .network-graph .element.nfvo rect.node-title-frame[status="down"] {
6430 .network-graph .element.nfvo rect.main-rect[status="removed"] {
6432 .network-graph .element.nfvo rect.main-rect[status="completed"] {
6434 .network-graph .element.nfvo rect.main-rect[status="in progress"] {
6436 .network-graph .element.nfvo rect.main-rect[status="warning"] {
6438 .network-graph .element.nfvo rect.main-rect[status="error"] {
6440 .network-graph .element.nfvo rect.main-rect[status="down"] {
6443 .network-graph .element.nfvo path.right-arrow, .network-graph .element.nfvo path.left-arrow {
6446 stroke-width: 1.5px;
6449 .network-graph .element.nfvo .label {
6451 .network-graph .element.nfvo .label.twins-container-title {
6453 .network-graph .element.nfvo .label.sub-title {
6456 .network-graph .element.nfvo .port > .port-label {
6461 .network-graph .element.nfvo .port > circle {
6465 .network-graph .element.nfvo .port:hover .port-label {
6466 opacity: 1 !important; }
6468 .network-graph .link .connection {
6470 stroke-width: 2px; }
6472 .network-graph .link .marker-target {
6475 stroke-width: 2px; }
6477 .network-graph .link .marker-source {
6486 .tree-graph .node circle {
6490 .tree-graph .node text {
6492 transform: rotate(-25deg); }
6493 .tree-graph .node text.removed-node {
6494 fill: rgba(37, 50, 68, 0.5); }
6495 .tree-graph .node .nodeCircle.new-node {
6497 stroke-dasharray: 4px; }
6498 .tree-graph .node .nodeCircle.removed-node {
6499 stroke: rgba(168, 187, 220, 0.5); }
6500 .tree-graph .node .nodeCircle.has-children {
6506 stroke-width: 1.5px; }
6508 .link-tools .tool-remove {
6511 .marker-arrowheads .marker-arrowhead {
6514 .marker-vertex-group {
6517 .color-legend .statuses .legend, .color-legend .states .legend, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .status {
6519 margin: 0px 0px 12px 30px; }
6520 .color-legend .statuses .legend::before, .color-legend .states .legend::before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .status::before {
6526 .color-legend .statuses .up.legend:before, .color-legend .states .up.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .up.status:before, .color-legend .statuses .completed.legend:before, .color-legend .states .completed.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .completed.status:before {
6527 background: #1a2531; }
6528 .color-legend .statuses .error.legend:before, .color-legend .states .error.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .error.status:before {
6529 background: #e65353; }
6530 .color-legend .statuses .warning.legend:before, .color-legend .states .warning.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .warning.status:before {
6531 background: #ff8a00; }
6532 .color-legend .statuses .down.legend:before, .color-legend .states .down.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .down.status:before {
6533 background: #445a75; }
6534 .color-legend .statuses .in-progress.legend:before, .color-legend .states .in-progress.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .in-progress.status:before {
6535 background: #419ef1; }
6536 .color-legend .statuses .deleted.legend:before, .color-legend .states .deleted.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .deleted.status:before {
6537 background: #a8bbdc; }
6538 .color-legend .statuses .modified.legend:before, .color-legend .states .modified.legend:before, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .modified.status:before {
6539 border: 2px solid #445a75;
6540 box-shadow: 0px 0px 5px 2px #3ebd6b; }
6544 .color-legend .statuses .title, .color-legend .states .title {
6545 text-decoration: underline;
6547 .color-legend .statuses .new .legend, .color-legend .states .new .legend {
6548 margin-left: 17px; }
6549 .color-legend .statuses .new .legend::before, .color-legend .states .new .legend::before {
6551 border: 2px solid #445a75;
6555 body.theme2 .tree-graph .node circle {
6559 body.theme2 .tree-graph .node text {
6561 body.theme2 .tree-graph .node text.removed-node {
6562 fill: rgba(140, 205, 245, 0.5); }
6564 body.theme2 .tree-graph .node .nodeCircle.new-node {
6567 body.theme2 .tree-graph .node .nodeCircle.removed-node {
6568 stroke: rgba(170, 166, 217, 0.5); }
6570 body.theme2 .tree-graph .node .nodeCircle.has-children {
6573 body.theme2 .tree-graph .link {
6576 body.theme2 .network-graph .element.nfvo rect {
6579 body.theme2 .network-graph .element.nfvo rect.twins-container, body.theme2 .network-graph .element.nfvo rect.parent-container {
6580 fill: transparent; }
6581 body.theme2 .network-graph .element.nfvo rect.node-title-frame {
6583 body.theme2 .network-graph .element.nfvo rect.node-title-frame[status="removed"] {
6584 fill: rgba(69, 69, 68, 0.7);
6585 stroke: rgba(69, 69, 68, 0.7); }
6586 body.theme2 .network-graph .element.nfvo rect.node-title-frame[status="completed"] {
6589 body.theme2 .network-graph .element.nfvo rect.node-title-frame[status="in progress"] {
6592 body.theme2 .network-graph .element.nfvo rect.node-title-frame[status="warning"] {
6595 body.theme2 .network-graph .element.nfvo rect.node-title-frame[status="error"] {
6598 body.theme2 .network-graph .element.nfvo rect.node-title-frame[status="down"] {
6601 body.theme2 .network-graph .element.nfvo rect.main-rect[status="removed"] {
6602 stroke: rgba(69, 69, 68, 0.7); }
6603 body.theme2 .network-graph .element.nfvo rect.main-rect[status="completed"] {
6605 body.theme2 .network-graph .element.nfvo rect.main-rect[status="in progress"] {
6607 body.theme2 .network-graph .element.nfvo rect.main-rect[status="warning"] {
6609 body.theme2 .network-graph .element.nfvo rect.main-rect[status="error"] {
6611 body.theme2 .network-graph .element.nfvo rect.main-rect[status="down"] {
6614 body.theme2 .network-graph .element.nfvo path.right-arrow, body.theme2 .network-graph .element.nfvo path.left-arrow {
6617 body.theme2 .network-graph .element.nfvo .label {
6619 body.theme2 .network-graph .element.nfvo .label.twins-container-title {
6622 body.theme2 .network-graph .element.nfvo .port > .port-label {
6625 body.theme2 .network-graph .element.nfvo .port > circle {
6629 body.theme2 .network-graph .link .connection {
6632 body.theme2 .network-graph .link .marker-target {
6636 body.theme2 .network-graph .link .marker-source {
6640 body.theme2 .color-legend .statuses .up.legend:before, body.theme2 .color-legend .states .up.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .up.status:before, body.theme2 .color-legend .statuses .completed.legend:before, body.theme2 .color-legend .states .completed.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .completed.status:before {
6641 background: #b9bab5; }
6643 body.theme2 .color-legend .statuses .error.legend:before, body.theme2 .color-legend .states .error.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .error.status:before {
6644 background: #ff7c54; }
6646 body.theme2 .color-legend .statuses .warning.legend:before, body.theme2 .color-legend .states .warning.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .warning.status:before {
6647 background: #f7e385; }
6649 body.theme2 .color-legend .statuses .down.legend:before, body.theme2 .color-legend .states .down.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .down.status:before {
6650 background: #f4f6f1; }
6652 body.theme2 .color-legend .statuses .in-progress.legend:before, body.theme2 .color-legend .states .in-progress.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .in-progress.status:before {
6653 background: #8ccdf5; }
6655 body.theme2 .color-legend .statuses .deleted.legend:before, body.theme2 .color-legend .states .deleted.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .deleted.status:before {
6656 background: rgba(69, 69, 68, 0.7); }
6658 body.theme2 .color-legend .statuses .modified.legend:before, body.theme2 .color-legend .states .modified.legend:before, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .modified.status:before {
6659 border-color: #b9bab5;
6660 box-shadow: 0px 0px 5px 2px #9bdb69; }
6662 body.theme2 .color-legend .statuses .new .legend::before, body.theme2 .color-legend .states .new .legend::before {
6663 border-color: #b9bab5; }
6665 .nfv-pagination, .uxf-pagination {
6666 text-align: right; }
6667 .nfv-pagination .nfv-pagination-info, .uxf-pagination .nfv-pagination-info {
6668 display: inline-block;
6670 .nfv-pagination .uxf-pagination-goto, .uxf-pagination .uxf-pagination-goto {
6672 .nfv-pagination a, .uxf-pagination a {
6677 display: inline-block;
6679 border: 1px solid #a8bbdc;
6680 line-height: 30px; }
6681 .nfv-pagination a.uxf-pagination-page.active, .uxf-pagination a.uxf-pagination-page.active {
6682 background-color: #a8bbdc;
6683 border: 1px solid #a8bbdc;
6685 text-decoration: underline; }
6686 .nfv-pagination .uxf-pagination-prev, .nfv-pagination .uxf-pagination-prev, .uxf-pagination .uxf-pagination-prev, .uxf-pagination .uxf-pagination-prev {
6689 margin-right: -3px; }
6690 .nfv-pagination .uxf-pagination-prev.disable, .nfv-pagination .uxf-pagination-prev.disable, .uxf-pagination .uxf-pagination-prev.disable, .uxf-pagination .uxf-pagination-prev.disable {
6692 .nfv-pagination .uxf-pagination-next, .nfv-pagination .uxf-pagination-next, .uxf-pagination .uxf-pagination-next, .uxf-pagination .uxf-pagination-next {
6695 margin-left: -2px; }
6696 .nfv-pagination .uxf-pagination-next.disable, .nfv-pagination .uxf-pagination-next.disable, .uxf-pagination .uxf-pagination-next.disable, .uxf-pagination .uxf-pagination-next.disable {
6699 /* dataTable overrides */
6700 div.dataTables_paginate > ul.pagination > li > a {
6701 border-radius: initial;
6704 div.dataTables_paginate > ul.pagination > li.active > a {
6705 background-color: #a8bbdc;
6706 border-color: #a8bbdc; }
6708 div.dataTables_paginate > ul.pagination > li.previous > a,
6709 div.dataTables_paginate > ul.pagination > li.next > a {
6712 div.dataTables_paginate > ul.pagination > li.disabled > a {
6713 background-color: transparent;
6715 div.dataTables_paginate > ul.pagination > li.disabled > a:hover {
6719 /* dataTable overrides */ }
6720 body.theme2 .nfv-pagination a, body.theme2 .uxf-pagination a {
6722 border: 1px solid #2f2f2f; }
6723 body.theme2 .nfv-pagination a.uxf-pagination-page.active, body.theme2 .uxf-pagination a.uxf-pagination-page.active {
6724 background-color: #2f2f2f;
6725 border: 1px solid #2f2f2f; }
6726 body.theme2 .nfv-pagination .uxf-pagination-prev, body.theme2 .nfv-pagination .uxf-pagination-prev, body.theme2 .uxf-pagination .uxf-pagination-prev, body.theme2 .uxf-pagination .uxf-pagination-prev {
6729 body.theme2 .nfv-pagination .uxf-pagination-prev.disable, body.theme2 .nfv-pagination .uxf-pagination-prev.disable, body.theme2 .uxf-pagination .uxf-pagination-prev.disable, body.theme2 .uxf-pagination .uxf-pagination-prev.disable {
6731 body.theme2 .nfv-pagination .uxf-pagination-next, body.theme2 .nfv-pagination .uxf-pagination-next, body.theme2 .uxf-pagination .uxf-pagination-next, body.theme2 .uxf-pagination .uxf-pagination-next {
6734 body.theme2 .nfv-pagination .uxf-pagination-next.disable, body.theme2 .nfv-pagination .uxf-pagination-next.disable, body.theme2 .uxf-pagination .uxf-pagination-next.disable, body.theme2 .uxf-pagination .uxf-pagination-next.disable {
6736 body.theme2 div.dataTables_paginate > ul.pagination > li > a {
6738 body.theme2 div.dataTables_paginate > ul.pagination > li.active > a {
6740 background-color: #333;
6741 border-color: #333; }
6742 body.theme2 div.dataTables_paginate > ul.pagination > li.previous > a,
6743 body.theme2 div.dataTables_paginate > ul.pagination > li.next > a {
6745 body.theme2 div.dataTables_paginate > ul.pagination > li.disabled > a {
6746 background-color: transparent;
6749 .nfv-notifications-manager {
6761 background: #ffffff;
6762 border: 1px solid #419ef1;
6765 white-space: nowrap;
6767 text-overflow: ellipsis;
6769 .notification .notification-icon {
6773 vertical-align: middle;
6774 font-family: FontAwesome; }
6775 .notification .notification-icon.error-icon:before {
6778 .notification .notification-icon.success-icon:before {
6781 .notification .notification-icon.warning-icon:before {
6784 .notification .notification-header {
6786 margin-right: 5px; }
6787 .notification .notification-header.error {
6789 .notification .notification-header::after {
6791 .notification .notification-content.error {
6793 .notification .notification-content .notification-secondary {
6800 white-space: nowrap;
6802 text-overflow: ellipsis;
6803 line-height: 19px; }
6804 .notification .close-button {
6810 text-shadow: 0 1px 0 #ffffff;
6812 filter: alpha(opacity=20);
6813 vertical-align: middle;
6815 cursor: pointer !important;
6817 margin-left: 17px; }
6818 .notification .close-button:hover {
6819 text-decoration: none; }
6821 body.theme2 .notification {
6822 background: #454544;
6823 border-color: #2f2f2f;
6825 body.theme2 .notification .notification-icon.error-icon:before {
6827 body.theme2 .notification .notification-icon.success-icon:before {
6829 body.theme2 .notification .notification-icon.warning-icon:before {
6831 body.theme2 .notification .notification-content .notification-secondary {
6834 body.theme2 .close-button {
6836 text-shadow: 0 1px 0 #f4f6f1; }
6838 /* dataTable overrides */
6839 .data-table-wrapper {
6841 transition: background-color 0.2s, color 0.2s, border 0.2s; }
6842 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(even) {
6843 background-color: #ecf1f5; }
6844 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(odd) {
6845 background-color: #e1e8f1; }
6846 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(even):hover,
6847 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(odd):hover {
6848 background-color: #f6e6cd; }
6849 .data-table-wrapper table.dataTable > thead > tr,
6850 .data-table-wrapper table.dataTable > tbody > tr {
6851 transition: background-color 0.2s; }
6852 .data-table-wrapper table.dataTable > thead > tr > th,
6853 .data-table-wrapper table.dataTable .dataTables_wrapper.no-footer .dataTables_scrollBody {
6854 border-bottom: 1px solid #a8bbdc; }
6855 .data-table-wrapper table.dataTable > tbody > tr > td,
6856 .data-table-wrapper table.dataTable > thead > tr > th {
6857 border-left: 1px solid #a8bbdc;
6858 border-top: 1px solid #a8bbdc; }
6859 .data-table-wrapper table.dataTable > tbody > tr:first-child > td {
6861 .data-table-wrapper table.dataTable > tbody > tr > td:last-child,
6862 .data-table-wrapper table.dataTable > thead > tr > th:last-child {
6863 border-right: 1px solid #a8bbdc; }
6864 .data-table-wrapper table.dataTable > tbody > tr:hover {
6865 background-color: #f6e6cd;
6867 .data-table-wrapper table.dataTable > tbody > tr > td.dataTables_empty {
6868 pointer-events: none; }
6869 .data-table-wrapper table.dataTable > thead > tr > th:hover {
6870 background-color: #f6e6cd; }
6871 .data-table-wrapper div.dataTables_wrapper {
6878 .data-table-wrapper div.dataTables_wrapper label select,
6879 .data-table-wrapper div.dataTables_wrapper label input {
6882 .data-table-wrapper div.dataTables_wrapper.no-footer .dataTables_scrollBody {
6883 border-bottom: 1px solid rgba(168, 187, 220, 0.3); }
6884 .data-table-wrapper div.dataTables_wrapper .ColVis_Button.ColVis_MasterButton {
6888 color: #ff8a00 !important;
6889 font-family: FontAwesome;
6893 .data-table-wrapper div.dataTables_wrapper .ColVis_Button.ColVis_MasterButton:before {
6895 .data-table-wrapper div.dataTables_wrapper .ColVis_Button.ColVis_MasterButton span {
6897 .data-table-wrapper .dataTables_wrapper .dataTables_length,
6898 .data-table-wrapper .dataTables_wrapper .dataTables_filter,
6899 .data-table-wrapper .dataTables_wrapper .dataTables_info,
6900 .data-table-wrapper .dataTables_wrapper .dataTables_processing,
6901 .data-table-wrapper .dataTables_wrapper .dataTables_paginate {
6903 .data-table-wrapper .dataTables_wrapper .dataTables_length .form-control.input-sm {
6905 -moz-appearance: none;
6906 -webkit-appearance: none;
6907 background: url("../images/images_theme_1/drop_down_down_arrow.png") no-repeat 102% #ffffff;
6908 padding: 0 17px 0 10px;
6910 border: 1px solid #a8bbdc; }
6911 .data-table-wrapper .dataTables_wrapper .dataTables_filter .form-control.input-sm {
6914 border-bottom: 1px solid #a8bbdc; }
6916 body.theme2 .data-table-wrapper table.dataTable thead tr th {
6919 body.theme2 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(even) {
6920 background-color: #333; }
6922 body.theme2 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(odd) {
6923 background-color: #292929; }
6925 body.theme2 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(even):hover,
6926 body.theme2 .data-table-wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(odd):hover {
6927 background-color: #454544; }
6929 body.theme2 .data-table-wrapper table.dataTable > thead > tr,
6930 body.theme2 .data-table-wrapper table.dataTable > tbody > tr {
6931 transition: background-color 0.2s; }
6933 body.theme2 .data-table-wrapper table.dataTable > thead > tr > th,
6934 body.theme2 .data-table-wrapper table.dataTable .dataTables_wrapper.no-footer .dataTables_scrollBody {
6935 border-bottom: 1px solid #2f2f2f; }
6937 body.theme2 .data-table-wrapper table.dataTable > tbody > tr > td,
6938 body.theme2 .data-table-wrapper table.dataTable > thead > tr > th {
6939 border-left: 1px solid #2f2f2f;
6940 border-top: 1px solid #2f2f2f; }
6942 body.theme2 .data-table-wrapper table.dataTable > tbody > tr:first-child > td {
6945 body.theme2 .data-table-wrapper table.dataTable > tbody > tr > td:last-child,
6946 body.theme2 .data-table-wrapper table.dataTable > thead > tr > th:last-child {
6947 border-right: 1px solid #2f2f2f; }
6949 body.theme2 .data-table-wrapper table.dataTable > tbody > tr:hover {
6950 background-color: #454544;
6953 body.theme2 .data-table-wrapper table.dataTable > tbody > tr > td.dataTables_empty {
6954 pointer-events: none; }
6956 body.theme2 .data-table-wrapper table.dataTable > thead > tr > th:hover {
6957 background-color: #454544; }
6959 body.theme2 .data-table-wrapper .dataTables_wrapper .dataTables_length,
6960 body.theme2 .data-table-wrapper .dataTables_wrapper .dataTables_filter,
6961 body.theme2 .data-table-wrapper .dataTables_wrapper .dataTables_info,
6962 body.theme2 .data-table-wrapper .dataTables_wrapper .dataTables_processing,
6963 body.theme2 .data-table-wrapper .dataTables_wrapper .dataTables_paginate {
6966 body.theme2 .data-table-wrapper .dataTables_wrapper .dataTables_length .form-control.input-sm {
6968 background: url("../images/images_theme_1/drop_down_down_arrow.png") no-repeat 102% #232323;
6969 border: 1px solid #333; }
6971 body.theme2 .data-table-wrapper div.dataTables_wrapper.no-footer .dataTables_scrollBody {
6972 border-bottom: 1px solid #454544; }
6974 body.theme2 .data-table-wrapper div.dataTables_wrapper label select,
6975 body.theme2 .data-table-wrapper div.dataTables_wrapper label input {
6976 background-color: #232323;
6979 body.theme2 .data-table-wrapper div.dataTables_wrapper .ColVis_Button.ColVis_MasterButton {
6980 color: #8ccdf5 !important; }
6981 body.theme2 .data-table-wrapper div.dataTables_wrapper .ColVis_Button.ColVis_MasterButton span {
6984 .topology-view .controllers {
6988 .topology-view .controllers .tree-toggle-button, .topology-view .controllers .network-toggle-button, .topology-view .controllers .service-toggle-button {
6991 .topology-view .controllers .tree-toggle-button .ui-button-text, .topology-view .controllers .network-toggle-button .ui-button-text, .topology-view .controllers .service-toggle-button .ui-button-text {
6994 .topology-view .controllers .tree-toggle-button.active, .topology-view .controllers .network-toggle-button.active, .topology-view .controllers .service-toggle-button.active {
6996 .topology-view .controllers .diff-ind {
6997 display: inline-block; }
6999 .network-topology-view .color-legend-icon {
7000 display: inline-block;
7006 .network-topology-view .right-click-context-menu {
7009 border: 1px solid #1a2531;
7010 box-shadow: 0px 1px 7px #1a2531;
7011 background: #ecf1f5;
7013 .network-topology-view .right-click-context-menu .context-menu-item {
7015 border-bottom: 2px solid #ecf1f5; }
7016 .network-topology-view .right-click-context-menu .context-menu-item:first-child {
7018 .network-topology-view .right-click-context-menu .context-menu-item:hover {
7020 display: inline-block;
7021 border-bottom: 2px solid #419ef1; }
7023 .network-topology-view .right-pane-controller {
7028 background: rgba(255, 255, 255, 0.95);
7029 border: 1px solid #253244;
7031 box-shadow: -3px 3px 10px 0px #1a2531;
7033 .network-topology-view .right-pane-controller .header {
7035 background: #445a75;
7038 .network-topology-view .right-pane-controller .header .node-attributes-title {
7039 display: inline-block; }
7040 .network-topology-view .right-pane-controller .header .toggle {
7042 display: inline-block;
7045 .network-topology-view .right-pane-controller .header .toggle * {
7047 .network-topology-view .right-pane-controller .header .toggle .minimize {
7048 vertical-align: text-bottom; }
7049 .network-topology-view .right-pane-controller .header .toggle .minimize:hover, .network-topology-view .right-pane-controller .header .toggle .hide:hover {
7051 .network-topology-view .right-pane-controller .node-attributes .nfv-tabs-v3 {
7053 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list {
7056 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item {
7059 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item .node-attribute {
7060 display: table-cell;
7061 padding: 5px 0 5px 10px;
7063 text-overflow: ellipsis;
7065 white-space: nowrap; }
7066 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item .node-attribute.name {
7067 border-right: 1px solid #a8bbdc; }
7068 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:first-child {
7069 border-top: 1px solid #a8bbdc;
7070 border-bottom: 1px solid #a8bbdc; }
7071 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:last-child {
7072 border-bottom: none; }
7073 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:nth-child(even) {
7074 background: rgba(168, 187, 220, 0.2); }
7075 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:hover, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item.selected {
7076 background: rgba(65, 158, 241, 0.5); }
7077 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-item .node-attribute.name, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-header .node-attribute.name {
7079 text-align: center; }
7080 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-item .node-attribute.value, .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-header .node-attribute.value {
7082 text-align: center; }
7083 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .multi-node-status-cell .status::before {
7084 border-radius: 50%; }
7085 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-title {
7088 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item {
7089 display: inline-block;
7091 text-align: center; }
7092 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-icon {
7095 background-position-y: -27px; }
7096 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-icon.cpu {
7097 background-image: url("../images/images_theme_1/cpu.png");
7098 background-repeat: no-repeat; }
7099 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-icon.disk {
7100 background-image: url("../images/images_theme_1/disk.png");
7101 background-repeat: no-repeat; }
7102 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-icon.memory {
7103 background-image: url("../images/images_theme_1/memory.png");
7104 background-repeat: no-repeat; }
7105 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-icon.network {
7106 background-image: url("../images/images_theme_1/network.png");
7107 background-repeat: no-repeat; }
7108 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-name {
7109 text-transform: uppercase; }
7110 .network-topology-view .right-pane-controller .kpi-graph {
7114 box-shadow: -3px 3px 10px 0px #1a2531; }
7115 .network-topology-view .right-pane-controller .kpi-graph .header {
7117 .network-topology-view .right-pane-controller .kpi-graph .kpi-graph-area {
7118 background: #ffffff;
7119 border: 1px solid #253244; }
7120 .network-topology-view .right-pane-controller .kpi-graph .kpi-graph-area .highcharts-container {
7123 body.theme2 .topology-view .tree-toggle-button.active, body.theme2 .topology-view .network-toggle-button.active, body.theme2 .topology-view .service-toggle-button.active {
7126 body.theme2 .network-topology-view .color-legend-icon {
7129 body.theme2 .network-topology-view .right-click-context-menu {
7130 border: 1px solid #b9bab5;
7131 box-shadow: 0px 1px 7px #b9bab5;
7132 background: #232323; }
7133 body.theme2 .network-topology-view .right-click-context-menu .context-menu-item {
7134 border-bottom: 2px solid #232323; }
7135 body.theme2 .network-topology-view .right-click-context-menu .context-menu-item:hover {
7136 border-bottom: 2px solid #8ccdf5; }
7138 body.theme2 .network-topology-view .right-pane-controller {
7139 background: #232323;
7141 box-shadow: -3px 3px 10px 0px #333; }
7142 body.theme2 .network-topology-view .right-pane-controller .header {
7143 background: #232323;
7145 body.theme2 .network-topology-view .right-pane-controller .header .toggle .minimize:hover, body.theme2 .network-topology-view .right-pane-controller .header .toggle .hide:hover {
7147 body.theme2 .network-topology-view .right-pane-controller .node-attributes .ui-tabs-panel {
7148 border-color: transparent; }
7149 body.theme2 .network-topology-view .right-pane-controller .node-attributes [id=tabs-kpi] .node-attributes-list .node-attribute-list-item:nth-child(even) {
7150 background: inherit; }
7151 body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item .node-attribute.name {
7152 border-right-color: #333; }
7153 body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:first-child {
7154 border-top: 1px solid #333;
7155 border-bottom: 1px solid #333;
7157 body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:nth-child(even) {
7158 background: #292929; }
7159 body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item:hover, body.theme2 .network-topology-view .right-pane-controller .node-attributes .node-attributes-list .node-attribute-list-item.selected {
7160 background: rgba(140, 205, 245, 0.5); }
7161 body.theme2 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item {
7162 display: inline-block;
7164 text-align: center; }
7165 body.theme2 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-icon {
7166 background-position-y: 0px; }
7167 body.theme2 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-value {
7169 body.theme2 .network-topology-view .right-pane-controller .node-attributes .nfv-collapsible-item .nfv-collapsible-content .kpi-item .kpi-item-name {
7171 body.theme2 .network-topology-view .right-pane-controller .kpi-graph {
7172 box-shadow: -1px 1px 5px 0px #b9bab5; }
7173 body.theme2 .network-topology-view .right-pane-controller .kpi-graph .kpi-graph-area {
7175 border-color: #2f2f2f; }
7176 body.theme2 .network-topology-view .right-pane-controller .kpi-graph .highcharts-container .highcharts-background {
7178 body.theme2 .network-topology-view .right-pane-controller .kpi-graph .highcharts-container tspan {
7180 body.theme2 .network-topology-view .right-pane-controller .kpi-graph .highcharts-container .highcharts-tooltip rect:nth-child(4) {
7184 background-color: rgba(0, 0, 0, 0.65);
7191 .nfv-loader .loading {
7197 .nfv-loader .loading .circle {
7198 border-radius: 100%;
7199 border-top: 5px solid #419ef1;
7201 transform-origin: 50%;
7202 position: relative; }
7203 .nfv-loader .loading .s_3 {
7206 animation: rot_right 2s infinite linear;
7207 -webkit-animation: rot_right 2s infinite linear;
7209 -webkit-transition: 2s; }
7210 .nfv-loader .loading .s_2 {
7214 animation: rot_left 2s infinite linear;
7215 -webkit-animation: rot_left 2s infinite linear;
7217 -webkit-transition: 2s;
7218 margin-top: -190px; }
7219 .nfv-loader .loading .s_1 {
7223 animation: rot_right 2s infinite linear;
7224 -webkit-animation: rot_right 2s infinite linear;
7226 -webkit-transition: 2s;
7227 margin-top: -140px; }
7229 @keyframes rot_right {
7231 transform: rotate(0deg); }
7233 transform: rotate(360deg); } }
7235 @-webkit-keyframes rot_right {
7237 transform: rotate(0deg); }
7239 transform: rotate(360deg); } }
7241 @keyframes rot_left {
7243 transform: rotate(360deg); }
7245 transform: rotate(0deg); } }
7247 @-webkit-keyframes rot_left {
7249 transform: rotate(360deg); }
7251 transform: rotate(0deg); } }
7252 .nfv-loader .loading .s_title {
7257 animation: blink 2s infinite linear;
7258 -webkit-animation: blink 2s infinite linear;
7260 -webkit-transition: 2s;
7261 letter-spacing: 1px; }
7271 @-webkit-keyframes blink {
7280 .tasks-handler, .parameters-tab .tasks-handler {
7286 .tasks-handler .reject-button {
7287 display: inline-block;
7289 .tasks-handler .right-side-buttons {
7291 display: inline-block;
7294 .tasks-handler .right-side-buttons .skip-to-end-button {
7296 .tasks-handler .right-side-buttons .approve-button {
7297 position: initial !important;
7298 margin-left: 30px; }
7301 pointer-events: none; }
7302 .not-editable input, .not-editable select {
7304 background: #ffffff; }
7306 .service-attributes {
7309 margin-bottom: 30px; }
7310 .service-attributes .mandatory {
7311 margin-bottom: 30px; }
7312 .service-attributes .form-container .form-element--label {
7313 margin-bottom: 15px;
7315 position: relative; }
7316 .service-attributes .form-element {
7318 border-left: 3px solid #419ef1; }
7319 .service-attributes .form-element .form-element--label {
7320 display: inline-block;
7323 padding-left: 20px; }
7324 .service-attributes .form-element input {
7326 .service-attributes .form-element select {
7328 .service-attributes .form-element .form-element--error-message {
7330 margin-left: 235px; }
7331 .service-attributes .form-element-container {
7332 margin-bottom: 80px; }
7333 .service-attributes .previous-value {
7334 margin-left: 50px; }
7335 .service-attributes .previous-value:before {
7336 content: "Previous: "; }
7338 .orchestration-tree {
7341 .launch-service-wizard .nfv-wizard-content {
7342 background: #ffffff;
7352 .launch-service-wizard .nfv-wizard-content .select-service-title, .launch-service-wizard .nfv-wizard-content .launch-service-title, .launch-service-wizard .nfv-wizard-content .parameters-service-title {
7354 margin-bottom: 30px; }
7355 .launch-service-wizard .nfv-wizard-content .service-list-item {
7356 display: inline-block;
7357 background-color: rgba(236, 241, 245, 0.5);
7360 margin: 0 15px 15px 0;
7363 transition: background-color 0.25s; }
7364 .launch-service-wizard .nfv-wizard-content .service-list-item:hover {
7365 background-color: #ecf1f5; }
7366 .launch-service-wizard .nfv-wizard-content .service-list-item .service-image {
7369 .launch-service-wizard .nfv-wizard-content .service-list-item .service-name {
7372 /* Fallback for non-webkit */
7373 display: -webkit-box;
7376 /* Fallback for non-webkit */
7377 margin: 10px auto 0;
7380 -webkit-line-clamp: 3;
7381 -webkit-box-orient: vertical;
7383 text-overflow: ellipsis;
7384 word-wrap: break-word; }
7386 .launch-service-wizard .wizard-nav-controls .skip-to-end {
7390 body.theme2 .not-editable input, body.theme2 .not-editable select {
7391 background: #232323; }
7393 body.theme2 .service-attributes .form-container .form-element--label::before {
7394 background-color: #333; }
7396 body.theme2 .service-attributes .form-element {
7397 border-left: 3px solid #8ccdf5; }
7399 body.theme2 .launch-service-wizard .nfv-wizard-content {
7400 background: #232323;
7401 padding-left: 30px; }
7402 body.theme2 .launch-service-wizard .nfv-wizard-content .select-service-title, body.theme2 .launch-service-wizard .nfv-wizard-content .launch-service-title, body.theme2 .launch-service-wizard .nfv-wizard-content .parameters-service-title {
7404 body.theme2 .launch-service-wizard .nfv-wizard-content .service-list-item {
7405 background-color: rgba(47, 47, 47, 0.8); }
7406 body.theme2 .launch-service-wizard .nfv-wizard-content .service-list-item:hover {
7407 background-color: #2f2f2f; }
7409 .system-events .dataTable .column.type .type-icon, .service-events-tab .service-events .dataTable .column.type .type-icon {
7412 font-family: FontAwesome;
7414 text-align: center; }
7415 .system-events .dataTable .column.type .type-icon.error, .service-events-tab .service-events .dataTable .column.type .type-icon.error {
7417 .system-events .dataTable .column.type .type-icon.error:before, .service-events-tab .service-events .dataTable .column.type .type-icon.error:before {
7419 .system-events .dataTable .column.type .type-icon.info, .service-events-tab .service-events .dataTable .column.type .type-icon.info {
7421 .system-events .dataTable .column.type .type-icon.info:before, .service-events-tab .service-events .dataTable .column.type .type-icon.info:before {
7423 .system-events .dataTable .column.type .type-icon.warning, .service-events-tab .service-events .dataTable .column.type .type-icon.warning {
7425 .system-events .dataTable .column.type .type-icon.warning:before, .service-events-tab .service-events .dataTable .column.type .type-icon.warning:before {
7428 .system-events .dataTable .column.message .column-cell-content .flexible-content, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content {
7430 flex-wrap: nowrap; }
7431 .system-events .dataTable .column.message .column-cell-content .flexible-content .service-message, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .service-message {
7434 white-space: nowrap;
7436 text-overflow: ellipsis;
7437 padding-right: 20px; }
7438 .system-events .dataTable .column.message .column-cell-content .flexible-content .nfv-secondary-button, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .nfv-secondary-button, .system-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog[role="dialog"] .ui-dialog-buttonset, .ui-dialog[role="dialog"] .system-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog-buttonset, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog[role="dialog"] .ui-dialog-buttonset, .ui-dialog[role="dialog"] .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog-buttonset {
7441 .system-events .dataTable .column.message .column-cell-content .flexible-content .nfv-secondary-button .uxf-button, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .nfv-secondary-button .uxf-button, .system-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog[role="dialog"] .ui-dialog-buttonset .uxf-button, .ui-dialog[role="dialog"] .system-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog-buttonset .uxf-button, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog[role="dialog"] .ui-dialog-buttonset .uxf-button, .ui-dialog[role="dialog"] .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog-buttonset .uxf-button {
7444 .system-events .dataTable .column.message .column-cell-content .flexible-content .nfv-secondary-button .ui-button-text, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .nfv-secondary-button .ui-button-text, .system-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button-text, .ui-dialog[role="dialog"] .system-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog-buttonset .ui-button-text, .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog[role="dialog"] .ui-dialog-buttonset .ui-button-text, .ui-dialog[role="dialog"] .service-events-tab .service-events .dataTable .column.message .column-cell-content .flexible-content .ui-dialog-buttonset .ui-button-text {
7447 .system-events .dataTable .column.where .column-cell-content, .service-events-tab .service-events .dataTable .column.where .column-cell-content {
7451 .system-events .dataTable .column.component .column-cell-content, .service-events-tab .service-events .dataTable .column.component .column-cell-content {
7452 display: table-cell;
7454 text-overflow: ellipsis;
7458 body.theme2 .system-events .dataTable .column.type .type-icon.error, body.theme2 .service-events-tab .service-events .dataTable .column.type .type-icon.error, .service-events-tab body.theme2 .service-events .dataTable .column.type .type-icon.error {
7461 body.theme2 .system-events .dataTable .column.type .type-icon.info, body.theme2 .service-events-tab .service-events .dataTable .column.type .type-icon.info, .service-events-tab body.theme2 .service-events .dataTable .column.type .type-icon.info {
7464 body.theme2 .system-events .dataTable .column.type .type-icon.warning, body.theme2 .service-events-tab .service-events .dataTable .column.type .type-icon.warning, .service-events-tab body.theme2 .service-events .dataTable .column.type .type-icon.warning {
7467 .service-details .activities-button {
7468 float: right !important; }
7469 .service-details .activities-button .uxf-button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
7470 border: 1px solid #253244;
7472 background-color: #ffffff; }
7473 .service-details .activities-button .uxf-button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
7475 border: 1px solid #419ef1; }
7476 @media screen and (max-width: 1024px) {
7477 .service-details .activities-button .uxf-button {
7480 .service-details .activities-button .uxf-button .ui-button-text {
7481 padding: 0px 5px; } }
7483 @media screen and (max-width: 1024px) {
7484 .service-details .nfv-tabs-v1 li.ui-state-default {
7487 .service-details .services-tabs {
7492 transition: background-color 0.2s;
7495 .service-details div[role="tabpanel"].ui-tabs-panel {
7496 padding-top: 40px; }
7498 .service-details .workflow-view .refresh-button {
7500 .service-details .workflow-view .refresh-button .ui-button-text {
7504 /* service overview tab */
7505 .service-overview-tab .service-metrics {
7506 padding: 14px 14px 0px 14px; }
7507 .service-overview-tab .service-metrics .service-metric {
7508 background-color: rgba(236, 241, 245, 0.5);
7509 display: inline-block;
7510 transition: background-color 0.2s;
7512 @media screen and (max-width: 1024px) {
7513 .service-overview-tab .service-metrics .service-metric {
7515 .service-overview-tab .service-metrics .service-metric:first-child {
7516 padding-top: 6px; } }
7517 @media screen and (min-width: 1224px) {
7518 .service-overview-tab .service-metrics .service-metric {
7520 margin-right: 12px; } }
7521 .service-overview-tab .service-metrics .service-metric .vnf-icon, .service-overview-tab .service-metrics .service-metric .vm-icon {
7523 display: inline-block;
7526 .service-overview-tab .service-metrics .service-metric .metric-details {
7527 display: inline-block;
7529 margin-left: 15px; }
7530 .service-overview-tab .service-metrics .service-status .service-status-icon {
7531 display: inline-block;
7532 padding-right: 20px;
7536 .service-overview-tab .service-metrics .service-status .service-status-icon.active i:before {
7539 .service-overview-tab .service-metrics .service-status .service-status-icon.new i:before,
7540 .service-overview-tab .service-metrics .service-status .service-status-icon.service-tree-created i:before,
7541 .service-overview-tab .service-metrics .service-status .service-status-icon.service-tree-approved i:before,
7542 .service-overview-tab .service-metrics .service-status .service-status-icon.workflow-created i:before,
7543 .service-overview-tab .service-metrics .service-status .service-status-icon.workflow-started i:before {
7546 .service-overview-tab .service-metrics .service-status .service-status-icon.terminated i:before {
7549 .service-overview-tab .service-metrics .service-status .service-status-icon.error i:before {
7552 .service-overview-tab .service-metrics .service-status .service-details {
7553 display: inline-block;
7554 border-left: 1px solid #454544;
7555 padding-left: 20px; }
7556 .service-overview-tab .service-metrics .service-status .service-details .status {
7558 .service-overview-tab .service-metrics .service-status .service-details .service-times {
7560 .service-overview-tab .service-metrics .service-status .service-details .service-times .service-time-value {
7563 margin-left: 12px; }
7565 .service-overview-tab .service-detailed-info {
7567 .service-overview-tab .service-detailed-info .service-tasks, .service-overview-tab .service-detailed-info .service-events {
7568 background: rgba(236, 241, 245, 0.5); }
7569 @media screen and (min-width: 1224px) {
7570 .service-overview-tab .service-detailed-info .service-tasks, .service-overview-tab .service-detailed-info .service-events {
7571 display: inline-block;
7572 vertical-align: top; } }
7573 .service-overview-tab .service-detailed-info .service-tasks .list-header, .service-overview-tab .service-detailed-info .service-events .list-header {
7576 border-bottom: 1px solid rgba(168, 187, 220, 0.3);
7577 transition: color 0.2s, border 0.2s; }
7578 .service-overview-tab .service-detailed-info .service-tasks .see-all-link, .service-overview-tab .service-detailed-info .service-events .see-all-link {
7579 border-top: 1px solid rgba(168, 187, 220, 0.3);
7580 padding: 11px 30px; }
7581 @media screen and (min-width: 1224px) {
7582 .service-overview-tab .service-detailed-info .service-tasks {
7584 margin-right: 14px; } }
7585 @media screen and (max-width: 1024px) {
7586 .service-overview-tab .service-detailed-info .service-tasks {
7587 margin-bottom: 14px; } }
7588 .service-overview-tab .service-detailed-info .service-tasks .service-tasks-list {
7591 overflow-x: hidden; }
7592 .service-overview-tab .service-detailed-info .service-tasks .task-list-item {
7593 border-bottom: 1px solid rgba(168, 187, 220, 0.3); }
7594 .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-item-content {
7596 padding: 14px 30px; }
7597 .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-time .due {
7599 .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-message {
7601 text-overflow: ellipsis;
7603 white-space: nowrap;
7605 .service-overview-tab .service-detailed-info .service-tasks .task-list-item:hover {
7606 background: #f6e6cd; }
7607 @media screen and (min-width: 1224px) {
7608 .service-overview-tab .service-detailed-info .service-events {
7610 .service-overview-tab .service-detailed-info .service-events .service-events-list {
7613 overflow-x: hidden; }
7614 .service-overview-tab .service-detailed-info .service-events .event-list-item {
7615 border-bottom: 1px solid rgba(168, 187, 220, 0.3); }
7616 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon {
7617 display: table-cell;
7620 font-family: FontAwesome;
7622 text-align: center; }
7623 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.error {
7625 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.error:before {
7627 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.info {
7629 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.info:before {
7631 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.warning, .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.warn {
7633 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.warning:before, .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.warn:before {
7635 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-content {
7636 padding: 10px 30px; }
7637 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-content .event-item-data .event-time {
7638 display: table-cell;
7639 vertical-align: middle;
7640 padding-left: 12px; }
7641 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-content .event-message {
7643 text-overflow: ellipsis;
7645 white-space: nowrap;
7647 margin-left: 40px; }
7648 .service-overview-tab .service-detailed-info .service-events .event-list-item:hover {
7649 background: #f6e6cd; }
7650 .service-overview-tab .service-detailed-info .service-performance {
7652 text-align: center; }
7653 .service-overview-tab .service-detailed-info .service-performance .services-performance-header {
7656 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .title {
7657 display: inline-block; }
7658 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .scale-buttons {
7659 display: inline-block;
7661 border: 1px solid #a8bbdc; }
7662 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .scale-buttons .scale-button {
7667 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .scale-buttons .scale-button .ui-button-text {
7669 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .scale-buttons .scale-button.active {
7670 background: #419ef1; }
7671 .service-overview-tab .service-detailed-info .service-performance .vm-chart {
7673 .service-overview-tab .service-detailed-info .service-performance svg {
7676 /* Service Events Tab */
7677 /* Service Parameters */
7679 margin-left: 30px; }
7680 .parameters-tab .edit-buttons-toolbar {
7681 background: #ecf1f5;
7683 border-top: 1px solid #445a75;
7689 .parameters-tab .edit-buttons-toolbar .edit, .parameters-tab .edit-buttons-toolbar .submit, .parameters-tab .edit-buttons-toolbar .discard {
7690 display: inline-block; }
7691 .parameters-tab .edit-buttons-toolbar .edit {
7692 margin-left: 30px; }
7693 .parameters-tab .edit-buttons-toolbar .submit {
7696 .parameters-tab .edit-buttons-toolbar .continue {
7702 /* Service Parameters */ }
7703 body.theme2 .service-details .activities-button .uxf-button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
7704 border: 1px solid rgba(185, 186, 181, 0.7);
7705 color: rgba(185, 186, 181, 0.7);
7706 background-color: transparent; }
7707 body.theme2 .service-details .activities-button .uxf-button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
7709 border: 1px solid #b9bab5; }
7710 body.theme2 .service-overview-tab .service-metrics .service-metric {
7711 background-color: #333; }
7712 body.theme2 .service-overview-tab .service-metrics .service-metric .vnf-icon, body.theme2 .service-overview-tab .service-metrics .service-metric .vm-icon {
7714 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.active i:before {
7716 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.new i:before,
7717 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.service-tree-created i:before,
7718 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.service-tree-approved i:before,
7719 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.workflow-created i:before,
7720 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.workflow-started i:before {
7722 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.terminated i:before {
7724 body.theme2 .service-overview-tab .service-metrics .service-status .service-status-icon.error i:before {
7726 body.theme2 .service-overview-tab .service-metrics .service-status .service-details {
7727 border-left: 1px solid #454544; }
7728 body.theme2 .service-overview-tab .service-metrics .service-status .service-details .status {
7730 body.theme2 .service-overview-tab .service-metrics .service-status .service-details .service-times {
7732 body.theme2 .service-overview-tab .service-metrics .service-status .service-details .service-times .service-time-value {
7734 body.theme2 .service-overview-tab .service-detailed-info .service-tasks, body.theme2 .service-overview-tab .service-detailed-info .service-events {
7736 body.theme2 .service-overview-tab .service-detailed-info .service-tasks .list-header, body.theme2 .service-overview-tab .service-detailed-info .service-events .list-header {
7738 border-bottom: 1px solid #454544; }
7739 body.theme2 .service-overview-tab .service-detailed-info .service-tasks .see-all-link, body.theme2 .service-overview-tab .service-detailed-info .service-events .see-all-link {
7740 border-top: 1px solid #454544; }
7741 body.theme2 .service-overview-tab .service-detailed-info .service-tasks .task-list-item {
7742 border-bottom: 1px solid #454544; }
7743 body.theme2 .service-overview-tab .service-detailed-info .service-tasks .task-list-item .task-time .due {
7745 body.theme2 .service-overview-tab .service-detailed-info .service-tasks .task-list-item:hover {
7746 background: #454544; }
7747 body.theme2 .service-overview-tab .service-detailed-info .service-events .event-list-item {
7748 border-bottom: 1px solid #454544; }
7749 body.theme2 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.error {
7751 body.theme2 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.info {
7753 body.theme2 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.warning, body.theme2 .service-overview-tab .service-detailed-info .service-events .event-list-item .event-item-icon.warn {
7755 body.theme2 .service-overview-tab .service-detailed-info .service-events .event-list-item:hover {
7756 background: #454544; }
7757 body.theme2 .service-overview-tab .service-detailed-info .service-performance .services-performance-header {
7759 body.theme2 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .scale-buttons {
7760 border: 1px solid #a8bbdc; }
7761 body.theme2 .service-overview-tab .service-detailed-info .service-performance .services-performance-header .scale-buttons .scale-button.active {
7762 background: #419ef1; }
7763 body.theme2 .service-overview-tab .service-detailed-info .service-performance .highcharts-container .highcharts-background {
7765 body.theme2 .service-overview-tab .service-detailed-info .service-performance .highcharts-container tspan {
7767 body.theme2 .service-overview-tab .service-detailed-info .service-performance .highcharts-container .highcharts-tooltip rect:nth-child(4) {
7769 body.theme2 .parameters-tab .edit-buttons-toolbar {
7771 border-top: 1px solid #333; }
7773 .modify-service-wizard {
7774 margin-left: -30px; }
7775 .modify-service-wizard .nfv-wizard-header {
7776 background: transparent;
7777 border-bottom: none; }
7778 .modify-service-wizard .impact-view {
7780 .modify-service-wizard .impact-view .impact-view-title {
7781 margin-bottom: 30px; }
7782 .modify-service-wizard .impact-view .impact-list .impact-item {
7784 .modify-service-wizard .impact-view .impact-list .impact-item .impact-item-icon {
7785 background: url("../images/images_theme_1/cloud.png") no-repeat;
7788 display: table-cell;
7789 vertical-align: middle; }
7790 .modify-service-wizard .impact-view .impact-list .impact-item .impact-item-text {
7791 display: table-cell;
7792 vertical-align: middle;
7793 padding-left: 20px; }
7794 .modify-service-wizard .impact-view .nfv-collapsible-title-text {
7797 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .serviceName, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .serviceName, .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer, .system-tasks .task-details-container .task-details-header .serviceTitles, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles, .system-tasks .task-details-container .task-details-header .serviceTitles .serviceName, .system-tasks .task-details-container .task-details-header .serviceTitles .customer, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .serviceName, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .customer, .system-tasks .task-details-container .task-details-header .dueDateGroup, .tasks-notifications-container .task-details-container .task-details-header .dueDateGroup {
7798 white-space: nowrap;
7800 text-overflow: ellipsis; }
7802 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview, .system-tasks .task-details-container .task-details-header .description, .tasks-notifications-container .task-details-container .task-details-header .description {
7803 display: -webkit-box;
7804 -webkit-line-clamp: 2;
7806 -webkit-box-orient: vertical;
7808 text-overflow: ellipsis; }
7817 .nfv-balloon.reject-balloon .reject-task-balloon {
7820 .nfv-balloon.reject-balloon .reject-task-balloon .reject-title, .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container, .nfv-balloon.reject-balloon .reject-task-balloon .reject-reason {
7822 padding-right: 14px; }
7823 .nfv-balloon.reject-balloon .reject-task-balloon .reject-title {
7825 padding-bottom: 10px; }
7826 .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container {
7832 background: #f6e6cd; }
7833 .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container .cancel-reject-btn-holder, .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container .reject-btn-holder {
7834 display: table-cell;
7835 vertical-align: middle; }
7836 .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container .reject-btn-holder {
7837 text-align: right; }
7838 .nfv-balloon.reject-balloon .reject-task-balloon .reject-reason-text {
7841 .nfv-balloon.reject-balloon .reject-task-balloon .reject-reason-text.required {
7842 border: 1px solid #e65353; }
7844 .system-tasks, .tasks-notifications-container {
7846 .system-tasks .tasks-list-container, .tasks-notifications-container .tasks-list-container {
7849 background: #ffffff;
7851 .system-tasks .tasks-list-container .filters, .tasks-notifications-container .tasks-list-container .filters {
7852 background-color: #ecf1f5;
7858 border-bottom: 2px solid #a8bbdc; }
7859 .system-tasks .tasks-list-container .filters .select, .tasks-notifications-container .tasks-list-container .filters .select {
7860 display: table-cell;
7862 vertical-align: middle;
7865 .system-tasks .tasks-list-container .filters .select select, .tasks-notifications-container .tasks-list-container .filters .select select {
7867 .system-tasks .tasks-list-container .filters .tasks-list-footer, .system-tasks .tasks-list-container .filters .tasks-list-popup-footer, .tasks-notifications-container .tasks-list-container .filters .tasks-list-footer, .tasks-notifications-container .tasks-list-container .filters .tasks-list-popup-footer {
7868 display: table-cell;
7869 vertical-align: middle; }
7870 .system-tasks .tasks-list-container .placeholder, .tasks-notifications-container .tasks-list-container .placeholder {
7875 border-bottom: 1px solid #a8bbdc;
7877 .system-tasks .tasks-list-container .placeholder .approve-bg, .tasks-notifications-container .tasks-list-container .placeholder .approve-bg {
7883 background-color: #3ebd6b;
7885 .system-tasks .tasks-list-container .placeholder .reject-bg, .tasks-notifications-container .tasks-list-container .placeholder .reject-bg {
7891 background-color: #e65353;
7893 .system-tasks .tasks-list-container .placeholder .replan-bg, .tasks-notifications-container .tasks-list-container .placeholder .replan-bg {
7899 background-color: #ff8a00;
7901 .system-tasks .tasks-list-container .placeholder .text, .tasks-notifications-container .tasks-list-container .placeholder .text {
7906 .system-tasks .tasks-list-container .tasks-collection-container, .tasks-notifications-container .tasks-list-container .tasks-collection-container {
7910 position: absolute; }
7911 .system-tasks .tasks-list-container .tasks-collection-container.popup, .tasks-notifications-container .tasks-list-container .tasks-collection-container.popup {
7914 .system-tasks .tasks-list-container .tasks-collection-container.full-mode, .tasks-notifications-container .tasks-list-container .tasks-collection-container.full-mode {
7917 .system-tasks .tasks-list-container .tasks-collection-container.full-mode .task-list-item.active, .tasks-notifications-container .tasks-list-container .tasks-collection-container.full-mode .task-list-item.active {
7918 background-color: #ecf1f5;
7919 border-left: 5px solid #419ef1;
7920 padding-left: 25px; }
7921 .system-tasks .tasks-list-container .tasks-collection-container.full-mode .task-list-item.active .serviceParams, .tasks-notifications-container .tasks-list-container .tasks-collection-container.full-mode .task-list-item.active .serviceParams {
7923 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist {
7924 list-style-type: none;
7927 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item {
7935 background-color: #ffffff;
7936 border-bottom: 1px solid #a8bbdc; }
7937 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item:hover, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item:hover {
7938 background-color: #ecf1f5; }
7939 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles {
7941 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer {
7943 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer::before, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer::before {
7945 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer::after, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer::after {
7947 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview {
7952 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .message, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .message {
7954 white-space: nowrap;
7955 text-overflow: ellipsis;
7957 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-approve .value, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-approve .value {
7959 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-cancel .value, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-cancel .value {
7961 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams {
7965 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams .Default, .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceParams .Default {
7967 line-height: 18px; }
7968 .system-tasks .task-details-container, .tasks-notifications-container .task-details-container {
7970 background: #ffffff;
7975 border-left: 2px solid #a8bbdc;
7977 .system-tasks .task-details-container .empty, .tasks-notifications-container .task-details-container .empty {
7980 background: #ffffff;
7984 .system-tasks .task-details-container .empty span, .tasks-notifications-container .task-details-container .empty span {
7985 display: table-cell;
7987 vertical-align: middle; }
7988 .system-tasks .task-details-container .task-details-header, .tasks-notifications-container .task-details-container .task-details-header {
7994 background-color: #ecf1f5;
7995 padding-left: 15px; }
7996 .system-tasks .task-details-container .task-details-header .serviceTitles, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles {
7997 display: inline-block;
8000 padding-right: 10px;
8001 border-right: 1px solid #a8bbdc;
8003 .system-tasks .task-details-container .task-details-header .serviceTitles .customer::before, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .customer::before {
8005 .system-tasks .task-details-container .task-details-header .serviceTitles .customer::after, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .customer::after {
8007 .system-tasks .task-details-container .task-details-header .serviceTitles .customer:empty, .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .customer:empty {
8009 .system-tasks .task-details-container .task-details-header .dueDateGroup, .tasks-notifications-container .task-details-container .task-details-header .dueDateGroup {
8010 display: inline-block;
8012 padding: 11px 10px 0 10px;
8013 border-right: 1px solid #a8bbdc;
8015 .system-tasks .task-details-container .task-details-header .description, .tasks-notifications-container .task-details-container .task-details-header .description {
8017 padding: 11px 10px 10px 10px;
8022 border-right: 1px solid #a8bbdc; }
8023 .system-tasks .task-details-container .buttons-container, .tasks-notifications-container .task-details-container .buttons-container {
8025 margin: 10px 30px 10px 0; }
8026 .system-tasks .task-details-container .buttons-container .approve-btn, .system-tasks .task-details-container .buttons-container .reject-btn, .system-tasks .task-details-container .buttons-container .replan-btn, .tasks-notifications-container .task-details-container .buttons-container .approve-btn, .tasks-notifications-container .task-details-container .buttons-container .reject-btn, .tasks-notifications-container .task-details-container .buttons-container .replan-btn {
8028 .system-tasks .task-details-container .buttons-container .approve-btn:before, .tasks-notifications-container .task-details-container .buttons-container .approve-btn:before {
8029 font-family: FontAwesome;
8032 .system-tasks .task-details-container .buttons-container .reject-btn:before, .tasks-notifications-container .task-details-container .buttons-container .reject-btn:before {
8033 font-family: FontAwesome;
8036 .system-tasks .task-details-container .buttons-container .replan-btn:before, .tasks-notifications-container .task-details-container .buttons-container .replan-btn:before {
8037 font-family: FontAwesome;
8039 .system-tasks .task-details-container .task-details-tabs-container, .tasks-notifications-container .task-details-container .task-details-tabs-container {
8045 .system-tasks .task-details-container .task-details-tabs-container .tree-graph, .tasks-notifications-container .task-details-container .task-details-tabs-container .tree-graph {
8047 .system-tasks .task-details-container .task-details-tabs-container .tree-graph svg, .tasks-notifications-container .task-details-container .task-details-tabs-container .tree-graph svg {
8049 .system-tasks .task-details-container .task-details-tabs-container .nfv-tabpanel, .tasks-notifications-container .task-details-container .task-details-tabs-container .nfv-tabpanel {
8055 .system-tasks .task-details-container .task-details-tabs-container .nfv-tabpanel .nfv-tabs-v3, .tasks-notifications-container .task-details-container .task-details-tabs-container .nfv-tabpanel .nfv-tabs-v3 {
8057 .system-tasks .task-details-container .task-details-tabs-container .nfv-tabpanel #tabs-parameters-tab, .tasks-notifications-container .task-details-container .task-details-tabs-container .nfv-tabpanel #tabs-parameters-tab {
8065 body.theme2 .nfv-balloon.reject-balloon {
8067 background-color: #454544; }
8068 body.theme2 .nfv-balloon.reject-balloon .reject-task-balloon .reject-title {
8070 body.theme2 .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container {
8072 body.theme2 .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container .reject-btn-holder a {
8074 border-color: #f4f6f1; }
8075 body.theme2 .nfv-balloon.reject-balloon .reject-task-balloon .buttons-container .reject-btn-holder a:hover {
8076 border-color: #ff7c54;
8078 body.theme2 .nfv-balloon.reject-balloon .reject-task-balloon .reject-reason-text {
8079 background-color: inherit;
8080 border-color: inherit;
8082 body.theme2 .nfv-balloon.reject-balloon .reject-task-balloon .reject-reason-text.required {
8083 border: 1px solid #f7e385; }
8085 body.theme2 .system-tasks, body.theme2 .tasks-notifications-container {
8087 body.theme2 .system-tasks .tasks-list-container, body.theme2 .tasks-notifications-container .tasks-list-container {
8088 background: #232323; }
8089 body.theme2 .system-tasks .tasks-list-container .filters, body.theme2 .tasks-notifications-container .tasks-list-container .filters {
8090 background-color: #232323;
8091 border-bottom: 2px solid #454544; }
8092 body.theme2 .system-tasks .tasks-list-container .placeholder, body.theme2 .tasks-notifications-container .tasks-list-container .placeholder {
8093 border-bottom: 1px solid #454544; }
8094 body.theme2 .system-tasks .tasks-list-container .placeholder .approve-bg, body.theme2 .tasks-notifications-container .tasks-list-container .placeholder .approve-bg {
8095 background-color: #9bdb69; }
8096 body.theme2 .system-tasks .tasks-list-container .placeholder .reject-bg, body.theme2 .tasks-notifications-container .tasks-list-container .placeholder .reject-bg {
8097 background-color: #f7e385; }
8098 body.theme2 .system-tasks .tasks-list-container .placeholder .replan-bg, body.theme2 .tasks-notifications-container .tasks-list-container .placeholder .replan-bg {
8099 background-color: #8ccdf5; }
8100 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container.full-mode .task-list-item.active, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container.full-mode .task-list-item.active {
8101 background-color: #333;
8102 border-left: 5px solid #f4f6f1; }
8103 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item {
8104 background-color: #232323;
8105 border-bottom: 1px solid #454544; }
8106 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .serviceName, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .serviceName {
8108 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .serviceTitles .customer {
8110 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item:hover, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item:hover {
8111 background-color: #333; }
8112 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .message, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .message {
8114 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-approve .value, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-approve .value {
8116 body.theme2 .system-tasks .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-cancel .value, body.theme2 .tasks-notifications-container .tasks-list-container .tasks-collection-container .uxf-itemlist .task-list-item .contentPreview .action-taken.action-taken-cancel .value {
8118 body.theme2 .system-tasks .task-details-container, body.theme2 .tasks-notifications-container .task-details-container {
8120 border-left: 2px solid #454544; }
8121 body.theme2 .system-tasks .task-details-container .empty, body.theme2 .tasks-notifications-container .task-details-container .empty {
8123 body.theme2 .system-tasks .task-details-container .task-details-header, body.theme2 .tasks-notifications-container .task-details-container .task-details-header {
8124 background-color: #292929;
8125 border-bottom: 2px solid #454544; }
8126 body.theme2 .system-tasks .task-details-container .task-details-header .serviceTitles, body.theme2 .tasks-notifications-container .task-details-container .task-details-header .serviceTitles {
8127 border-right: 1px solid #454544; }
8128 body.theme2 .system-tasks .task-details-container .task-details-header .serviceTitles .serviceName, body.theme2 .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .serviceName {
8130 body.theme2 .system-tasks .task-details-container .task-details-header .serviceTitles .customer, body.theme2 .tasks-notifications-container .task-details-container .task-details-header .serviceTitles .customer {
8132 body.theme2 .system-tasks .task-details-container .task-details-header .dueDateGroup, body.theme2 .tasks-notifications-container .task-details-container .task-details-header .dueDateGroup {
8133 border-right: 1px solid #454544; }
8134 body.theme2 .system-tasks .task-details-container .task-details-header .description, body.theme2 .tasks-notifications-container .task-details-container .task-details-header .description {
8135 border-color: #454544; }
8136 body.theme2 .system-tasks .approve-btn:before, body.theme2 .tasks-notifications-container .approve-btn:before {
8138 body.theme2 .system-tasks .reject-btn:before, body.theme2 .tasks-notifications-container .reject-btn:before {
8140 body.theme2 .system-tasks .replan-btn:before, body.theme2 .tasks-notifications-container .replan-btn:before {
8143 [data-uxf-point="settings-cp-add"] {
8144 background-color: #ecf1f5;
8150 [data-uxf-point="settings-cp-add"] button.ui-state-default.ui-button {
8155 [data-uxf-point="settings-cp-add"] button.ui-state-default.ui-button:before {
8156 font-family: FontAwesome;
8162 [data-uxf-point="settings-cp-add"] button.ui-state-default.ui-button:hover {
8165 .settings[data-uxf-point="settings-view"] {
8166 background-color: #e1e8f1;
8168 /* DataTables modifications */ }
8169 .settings[data-uxf-point="settings-view"] .image-controllers {
8170 background-color: #ecf1f5;
8171 margin: 30px 30px 0px 0px;
8173 padding: 3px 10px 2px 0;
8174 border-bottom: 1px solid rgba(168, 187, 220, 0.3); }
8175 .settings[data-uxf-point="settings-view"] .image-controllers .controller {
8178 transition: color 0.4s; }
8179 .settings[data-uxf-point="settings-view"] .image-controllers .controller:hover {
8181 .settings[data-uxf-point="settings-view"] .image-controllers .controller .fa {
8182 margin-right: 5px; }
8183 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 {
8184 background-color: #ecf1f5;
8190 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3:after {
8191 background-color: #ecf1f5;
8198 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 .ui-state-disabled,
8199 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 .ui-widget-content .ui-state-disabled,
8200 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 .ui-widget-header .ui-state-disabled {
8202 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default {
8203 border: none !important;
8205 line-height: 27px; }
8206 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default.ui-tabs-active.ui-state-active {
8208 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default a.ui-tabs-anchor {
8209 background-color: #ffffff;
8214 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default a.ui-tabs-anchor:hover {
8215 text-decoration: underline; }
8216 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default:nth-child(2) a.ui-tabs-anchor,
8217 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default:nth-child(3) a.ui-tabs-anchor,
8218 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default:nth-child(4) a.ui-tabs-anchor {
8219 background-color: #ecf1f5;
8220 margin: 0px 0px 0px 30px; }
8221 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .ui-tabs-panel {
8226 background: transparent; }
8227 .settings[data-uxf-point="settings-view"] #tabs-images .data-table-wrapper div.dataTables_wrapper {
8229 .settings[data-uxf-point="settings-view"] .data-table-wrapper div.dataTables_wrapper {
8231 .settings[data-uxf-point="settings-view"] .data-table-wrapper .dataTables_scroll {
8232 background-color: #ecf1f5; }
8233 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable.table-bordered {
8235 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > tbody > tr > td,
8236 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > thead > tr > th {
8238 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > tbody > tr > td:nth-last-child(1) {
8240 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > tbody > tr > td:nth-last-child(2) {
8241 border-left: solid 1px #a8bbdc;
8243 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > tbody > tr > td:nth-last-child(-n+2) {
8247 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > thead > tr > th {
8248 border-bottom: solid 1px #a8bbdc; }
8249 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > thead > tr > th:hover {
8250 background-color: transparent; }
8252 .add-setting-popup-module .form-container {
8253 border-left: solid 3px #419ef1;
8254 margin-bottom: 20px;
8255 padding-left: 20px; }
8256 .add-setting-popup-module .form-container + .nfv-primary-button {
8258 .add-setting-popup-module .form-container .form-element {
8259 margin-bottom: 15px; }
8260 .add-setting-popup-module .form-container .form-element .form-element--label {
8261 display: inline-block;
8263 .add-setting-popup-module .form-container .form-element select {
8264 padding-right: 10px; }
8265 .add-setting-popup-module .form-container .form-element .form-element--control {
8267 box-sizing: content-box;
8269 .add-setting-popup-module .form-container .form-element .form-element--error-message {
8272 body.theme2 [data-uxf-point="settings-cp-add"] {
8273 background-color: #333; }
8275 body.theme2 .settings[data-uxf-point="settings-view"] {
8276 background-color: #232323;
8277 /* DataTables modifications */ }
8278 body.theme2 .settings[data-uxf-point="settings-view"] .image-controllers {
8279 background-color: #333;
8280 border-bottom: 1px solid #454544; }
8281 body.theme2 .settings[data-uxf-point="settings-view"] .image-controllers .controller:hover {
8283 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 {
8284 background-color: #333; }
8285 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3:after {
8286 background-color: #333; }
8287 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default {
8288 border: none !important; }
8289 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default.ui-tabs-active.ui-state-active a.ui-tabs-anchor {
8291 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default a.ui-tabs-anchor {
8292 background-color: #232323; }
8293 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default:nth-child(2) a.ui-tabs-anchor,
8294 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default:nth-child(3) a.ui-tabs-anchor,
8295 body.theme2 .settings[data-uxf-point="settings-view"] .nfv-tabpanel .nfv-tabs-v3 li.ui-state-default:nth-child(4) a.ui-tabs-anchor {
8296 background-color: #333; }
8297 body.theme2 .settings[data-uxf-point="settings-view"] > tbody > tr > td:nth-last-child(2) {
8298 border-left: solid 1px #2f2f2f; }
8299 body.theme2 .settings[data-uxf-point="settings-view"] > thead > tr > th {
8300 border-bottom: solid 1px #2f2f2f;
8302 body.theme2 .settings[data-uxf-point="settings-view"] > thead > tr > th:hover {
8303 background-color: transparent; }
8304 body.theme2 .settings[data-uxf-point="settings-view"] .data-table-wrapper .dataTables_scroll {
8305 background-color: #333; }
8306 body.theme2 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > tbody > tr > td:nth-last-child(1) {
8308 body.theme2 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > tbody > tr > td:nth-last-child(2) {
8309 border-left: solid 1px #2f2f2f;
8311 body.theme2 .settings[data-uxf-point="settings-view"] .data-table-wrapper table.dataTable > thead > tr > th {
8312 border-bottom: solid 1px #2f2f2f;
8315 body.theme2 .add-setting-popup-module .form-container {
8316 border-left: solid 3px #454544; }
8318 .service-termination-view .service-termination-subtitle {
8321 .service-termination-view .uxf-input select {
8324 .service-termination-view .service-termination-controllers {
8327 .service-termination-view .nfv-button-link {
8328 display: inline-block;
8331 .service-termination-view .nfv-primary-button {
8332 display: inline-block;
8335 .confirmation-popup-view .confirmation-popup-subtitle {
8336 margin-bottom: 30px;
8340 .confirmation-popup-view .confirmation-popup-subtitle:before {
8343 font-family: FontAwesome;
8346 .confirmation-popup-view .confirmation-popup-message {
8347 background: #fcf3d4;
8348 display: inline-block; }
8350 .confirmation-popup-view .confirmation-popup-controllers {
8352 .confirmation-popup-view .confirmation-popup-controllers .confirmation-popup-button {
8353 display: inline-block; }
8354 .confirmation-popup-view .confirmation-popup-controllers .confirmation-popup-button.nfv-primary-button {
8357 .nfv-anonymous-landing-page .nfv-content {
8358 min-height: 595px; }
8360 .nfv-landing-page .landing-page-content {
8363 transition: background-color 0.4s, color 0.4s; }
8365 .nfv-landing-page .landing-page-view {
8371 .nfv-landing-page .landing-page-view h2 {
8372 box-sizing: border-box;
8378 transition: color 0.2s; }
8379 .nfv-landing-page .landing-page-view h2:nth-child(2) {
8380 border-left: solid 2px #a8bbdc;
8382 .nfv-landing-page .landing-page-view h2 [data-uxf-point="add-service-button"] {
8388 transform: translateY(-50%); }
8389 .nfv-landing-page .landing-page-view h2 [data-uxf-point="add-service-button"] button {
8395 .nfv-landing-page .landing-page-view h2 .see-all-link {
8399 transform: translateY(-50%); }
8400 .nfv-landing-page .landing-page-view .search-filter-input {
8404 .nfv-landing-page .landing-page-view .search-filter-input i.fa {
8406 .nfv-landing-page .landing-page-view .search-filter-input input[type="search"] {
8408 border-bottom-color: #1a2531;
8410 transition: width 0.4s, opacity 0.4s;
8412 .nfv-landing-page .landing-page-view .search-filter-input input[type="search"]:focus {
8415 .nfv-landing-page .landing-page-view .lists-box {
8421 .nfv-landing-page .landing-page-view .lists-box .events {
8422 border-left: solid 2px #a8bbdc;
8425 .nfv-landing-page .landing-page-view .lists-box .events ul > li {
8428 transition: background-color 0.2s;
8429 background-color: #ffffff; }
8430 .nfv-landing-page .landing-page-view .lists-box .events ul > li:nth-child(even) {
8431 background-color: #ecf1f5; }
8432 .nfv-landing-page .landing-page-view .lists-box .events ul > li > * {
8433 display: table-cell;
8435 .nfv-landing-page .landing-page-view .lists-box .events ul > li .status {
8441 .nfv-landing-page .landing-page-view .lists-box .events ul > li .status.error {
8443 .nfv-landing-page .landing-page-view .lists-box .events ul > li .status.suspend {
8445 .nfv-landing-page .landing-page-view .lists-box .events ul > li .event-message p {
8450 /* exactly two lines */
8453 -webkit-box-orient: vertical;
8454 display: -webkit-box;
8455 -webkit-line-clamp: 2; }
8456 .nfv-landing-page .landing-page-view .lists-box .events ul > li .event-message p:after {
8457 /* fade out last line until multiline ellipsis (clamp) browsers' support */
8465 background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%); }
8466 .nfv-landing-page .landing-page-view .lists-box .events ul > li:nth-child(even) .event-message p:after {
8467 background: linear-gradient(to right, rgba(236, 241, 245, 0), #ecf1f5 80%); }
8468 .nfv-landing-page .landing-page-view .lists-box .events ul > li time {
8472 .nfv-landing-page .landing-page-view .lists-box .events ul > li .machine-id {
8473 text-align: center; }
8474 .nfv-landing-page .landing-page-view .lists-box .events ul > li .task-icon, .nfv-landing-page .landing-page-view .lists-box .events ul > li .type {
8475 position: relative; }
8476 .nfv-landing-page .landing-page-view .lists-box .events ul > li .task-icon:before, .nfv-landing-page .landing-page-view .lists-box .events ul > li .type:before {
8479 transform: translateY(-50%); }
8480 .nfv-landing-page .landing-page-view .lists-box .events ul > li .task-icon {
8486 .nfv-landing-page .landing-page-view .lists-box .events ul > li .task-icon.empty {
8489 .nfv-landing-page .landing-page-view .lists-box .events ul > li .task-icon.empty:before {
8491 .nfv-landing-page .landing-page-view .lists-box .events ul > li .type {
8493 .nfv-landing-page .landing-page-view .lists-box .events ul > li .type:before {
8494 transform: translateY(-45%); }
8495 .nfv-landing-page .landing-page-view .lists-box .list {
8496 border-top: solid 1px rgba(168, 187, 220, 0.3);
8501 transition: border 0.2s; }
8502 .nfv-landing-page .landing-page-view .lists-box .list::after, .nfv-landing-page .landing-page-view .lists-box .list::before {
8503 background: rgba(0, 0, 0, 0.6);
8509 transform: scale(1, 0.5);
8510 transform-origin: bottom;
8511 transition: opacity 0.2s, transform 0.2s;
8514 .nfv-landing-page .landing-page-view .lists-box .list::after {
8515 -moz-animation: loader-spin 5s infinite linear;
8516 -ms-animation: loader-spin 5s infinite linear;
8517 -webkit-animation: loader-spin 5s infinite linear;
8518 background-color: transparent;
8523 transform-origin: center;
8525 .nfv-landing-page .landing-page-view .lists-box .list.loader-on::after, .nfv-landing-page .landing-page-view .lists-box .list.loader-on::before {
8527 transform: scale(1, 1); }
8528 .nfv-landing-page .landing-page-view .lists-box .services {
8530 .nfv-landing-page .landing-page-view .lists-box .services ul > li {
8531 border-left: 5px solid transparent;
8532 border-bottom: solid 1px rgba(168, 187, 220, 0.3);
8536 transition: border 0.2s; }
8537 .nfv-landing-page .landing-page-view .lists-box .services ul > li > h3 {
8539 transition: color 0.2s; }
8540 .nfv-landing-page .landing-page-view .lists-box .services ul > li > label {
8542 .nfv-landing-page .landing-page-view .lists-box .services ul > li > time {
8545 transition: color 0.2s; }
8546 .nfv-landing-page .landing-page-view .lists-box .services ul > li .machine-id {
8548 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status {
8554 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.active {
8556 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.error {
8558 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.new, .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.service-tree-created, .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.service-tree-approved {
8560 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.workflow-created, .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.workflow-started {
8562 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.suspended {
8564 .nfv-landing-page .landing-page-view .lists-box .services ul > li > .status.terminated {
8567 body.theme2 .landing-page-view h2 {
8569 body.theme2 .landing-page-view h2:nth-child(2) {
8570 border-left: solid 2px #454544; }
8571 body.theme2 .landing-page-view h2 .see-all-link span {
8574 body.theme2 .landing-page-view .search-filter-input input[type="search"] {
8576 border-bottom-color: #454544; }
8578 body.theme2 .landing-page-view .lists-box .events {
8579 border-left: solid 3px #454544; }
8580 body.theme2 .landing-page-view .lists-box .events ul > li {
8581 background-color: #232323; }
8582 body.theme2 .landing-page-view .lists-box .events ul > li:nth-child(even) {
8583 background-color: #292929; }
8584 body.theme2 .landing-page-view .lists-box .events ul > li time {
8586 body.theme2 .landing-page-view .lists-box .events ul > li .machine-id {
8588 body.theme2 .landing-page-view .lists-box .events ul > li .event-message p:after {
8589 background: linear-gradient(to right, rgba(35, 35, 35, 0), #232323 80%); }
8590 body.theme2 .landing-page-view .lists-box .events ul > li:nth-child(even) .event-message p:after {
8591 background: linear-gradient(to right, rgba(41, 41, 41, 0), #292929 80%); }
8593 body.theme2 .landing-page-view .lists-box .list {
8594 border-top: solid 1px #454544; }
8596 body.theme2 .landing-page-view .lists-box .services ul > li {
8597 border-bottom: solid 1px #454544; }
8598 body.theme2 .landing-page-view .lists-box .services ul > li > label {
8600 body.theme2 .landing-page-view .lists-box .services ul > li h3 {
8602 body.theme2 .landing-page-view .lists-box .services ul > li > .status.active {
8604 body.theme2 .landing-page-view .lists-box .services ul > li > .status.error {
8606 body.theme2 .landing-page-view .lists-box .services ul > li > .status.new, body.theme2 .landing-page-view .lists-box .services ul > li > .status.service-tree-created, body.theme2 .landing-page-view .lists-box .services ul > li > .status.service-tree-approved {
8608 body.theme2 .landing-page-view .lists-box .services ul > li > .status.workflow-created, body.theme2 .landing-page-view .lists-box .services ul > li > .status.workflow-started {
8610 body.theme2 .landing-page-view .lists-box .services ul > li > .status.suspended {
8612 body.theme2 .landing-page-view .lists-box .services ul > li > .status.terminated {
8615 @-moz-keyframes loader-spin {
8617 transform: rotate(0deg); }
8619 transform: rotate(3600deg); } }
8621 @-ms-keyframes loader-spin {
8623 transform: rotate(0deg); }
8625 transform: rotate(3600deg); } }
8627 @-webkit-keyframes loader-spin {
8629 transform: rotate(0deg); }
8631 transform: rotate(3600deg); } }
8633 .graph-simulator-page h1, .graph-simulator-page h2, .graph-simulator-page h3, .graph-simulator-page h4 {
8636 .graph-simulator-page .simulator-content {
8638 padding-left: 20px; }
8640 .graph-simulator-page .input-label-first-fieldset {
8643 .graph-simulator-page .input-label-second-fieldset {
8646 .graph-simulator-page .first-fieldset, .graph-simulator-page .second-fieldset {
8647 display: inline-block;
8648 vertical-align: top; }
8650 .graph-simulator-page .warning {
8653 .graph-simulator-page .nfv-checkbox-button {
8656 .graph-simulator-page .nfv-primary-button {
8657 margin-bottom: 13px; }
8659 /*# sourceMappingURL=style.css.map */