summaryrefslogtreecommitdiffstats
path: root/resources
diff options
context:
space:
mode:
authorwr148d <wr148d@att.com>2021-01-15 15:32:00 -0500
committerwr148d <wr148d@att.com>2021-02-11 09:47:17 -0500
commit5ee7367a101143715c2869d72ea4a6fbf55f5af6 (patch)
tree84bf43601c0cce4fb37b5b3b494e113c96d5591e /resources
parentddc05d4ea0254b427fea6ec80e2b03950eeca4ce (diff)
Updated Sparky to add ECOMP functionality Browse, Specialized Search, BYOQ, and the Builder FE Updates
Issue-ID: AAI-3250 Change-Id: I576e37f77f7e9b40d72e4a5e7de645e9f62bc7d2 Signed-off-by: wr148d <wr148d@att.com>
Diffstat (limited to 'resources')
-rw-r--r--resources/css/bootstrap-slider.css328
-rw-r--r--resources/css/font-awesome.min.css2
-rw-r--r--resources/icons/browse/vnfSearchicon.pngbin0 -> 2066 bytes
-rw-r--r--resources/icons/browse/vnfSearchicon_active.pngbin0 -> 2222 bytes
-rw-r--r--resources/icons/browse/vnfSearchicon_hover.pngbin0 -> 2223 bytes
-rw-r--r--resources/icons/byoq/hw_ext.pngbin0 -> 437 bytes
-rw-r--r--resources/icons/byoq/hw_ext_active.pngbin0 -> 437 bytes
-rw-r--r--resources/icons/byoq/hw_ext_hover.pngbin0 -> 437 bytes
-rw-r--r--resources/icons/byoq/vnfSearchicon.pngbin0 -> 2066 bytes
-rw-r--r--resources/icons/byoq/vnfSearchicon_active.pngbin0 -> 2222 bytes
-rw-r--r--resources/icons/byoq/vnfSearchicon_hover.pngbin0 -> 2223 bytes
-rw-r--r--resources/icons/hw_ext.pngbin0 -> 437 bytes
-rw-r--r--resources/icons/hw_ext_active.pngbin0 -> 437 bytes
-rw-r--r--resources/icons/hw_ext_hover.pngbin0 -> 437 bytes
-rw-r--r--resources/icons/vnfSearchicon.pngbin0 -> 2066 bytes
-rw-r--r--resources/icons/vnfSearchicon_active.pngbin0 -> 2222 bytes
-rw-r--r--resources/icons/vnfSearchicon_hover.pngbin0 -> 2223 bytes
-rw-r--r--resources/scss/_browse.scss45
-rw-r--r--resources/scss/_custom.scss349
-rw-r--r--resources/scss/_customByoq.scss438
-rw-r--r--resources/scss/_spinner.scss35
-rw-r--r--resources/scss/_typography.scss27
-rw-r--r--resources/scss/_variables.scss41
-rw-r--r--resources/scss/bootstrap-cust/_buttons.scss34
-rw-r--r--resources/scss/bootstrap-cust/_card.scss262
-rw-r--r--resources/scss/bootstrap-cust/_panels.scss24
-rw-r--r--resources/scss/bootstrap.scss3
-rw-r--r--resources/scss/common/_layout.scss6
-rw-r--r--resources/scss/common/_variables.scss2
-rw-r--r--resources/scss/customQuery/_customQuery.scss84
-rw-r--r--resources/scss/filter/_filter.scss135
-rw-r--r--resources/scss/header/_layout.scss53
-rw-r--r--resources/scss/model/_model.scss183
-rw-r--r--resources/scss/style.scss12
-rw-r--r--resources/scss/tier-support/_search.scss32
-rw-r--r--resources/styles/images/svg/master/controls/magnifyingglass.svg1
-rw-r--r--resources/views/defaultViews.json139
-rw-r--r--resources/views/defaultViews_onap.json83
38 files changed, 2309 insertions, 9 deletions
diff --git a/resources/css/bootstrap-slider.css b/resources/css/bootstrap-slider.css
new file mode 100644
index 0000000..3ea9908
--- /dev/null
+++ b/resources/css/bootstrap-slider.css
@@ -0,0 +1,328 @@
+/*! =======================================================
+ VERSION 10.6.1
+========================================================= */
+/*! =========================================================
+ * bootstrap-slider.js
+ *
+ * Maintainers:
+ * Kyle Kemp
+ * - Twitter: @seiyria
+ * - Github: seiyria
+ * Rohit Kalkur
+ * - Twitter: @Rovolutionary
+ * - Github: rovolution
+ *
+ * =========================================================
+ *
+ * bootstrap-slider is released under the MIT License
+ * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * ========================================================= */
+.slider {
+ display: inline-block;
+ vertical-align: middle;
+ position: relative;
+}
+.slider.slider-horizontal {
+ width: 210px;
+ height: 20px;
+}
+.slider.slider-horizontal .slider-track {
+ height: 10px;
+ width: 100%;
+ margin-top: -5px;
+ top: 50%;
+ left: 0;
+}
+.slider.slider-horizontal .slider-selection,
+.slider.slider-horizontal .slider-track-low,
+.slider.slider-horizontal .slider-track-high {
+ height: 100%;
+ top: 0;
+ bottom: 0;
+}
+.slider.slider-horizontal .slider-tick,
+.slider.slider-horizontal .slider-handle {
+ margin-left: -10px;
+}
+.slider.slider-horizontal .slider-tick.triangle,
+.slider.slider-horizontal .slider-handle.triangle {
+ position: relative;
+ top: 50%;
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ border-width: 0 10px 10px 10px;
+ width: 0;
+ height: 0;
+ border-bottom-color: #2e6da4;
+ margin-top: 0;
+}
+.slider.slider-horizontal .slider-tick-container {
+ white-space: nowrap;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+}
+.slider.slider-horizontal .slider-tick-label-container {
+ white-space: nowrap;
+ margin-top: 20px;
+}
+.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
+ padding-top: 4px;
+ display: inline-block;
+ text-align: center;
+}
+.slider.slider-horizontal .tooltip {
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+.slider.slider-horizontal.slider-rtl .slider-track {
+ left: initial;
+ right: 0;
+}
+.slider.slider-horizontal.slider-rtl .slider-tick,
+.slider.slider-horizontal.slider-rtl .slider-handle {
+ margin-left: initial;
+ margin-right: -10px;
+}
+.slider.slider-horizontal.slider-rtl .slider-tick-container {
+ left: initial;
+ right: 0;
+}
+.slider.slider-horizontal.slider-rtl .tooltip {
+ -ms-transform: translateX(50%);
+ transform: translateX(50%);
+}
+.slider.slider-vertical {
+ height: 210px;
+ width: 20px;
+}
+.slider.slider-vertical .slider-track {
+ width: 10px;
+ height: 100%;
+ left: 25%;
+ top: 0;
+}
+.slider.slider-vertical .slider-selection {
+ width: 100%;
+ left: 0;
+ top: 0;
+ bottom: 0;
+}
+.slider.slider-vertical .slider-track-low,
+.slider.slider-vertical .slider-track-high {
+ width: 100%;
+ left: 0;
+ right: 0;
+}
+.slider.slider-vertical .slider-tick,
+.slider.slider-vertical .slider-handle {
+ margin-top: -10px;
+}
+.slider.slider-vertical .slider-tick.triangle,
+.slider.slider-vertical .slider-handle.triangle {
+ border-width: 10px 0 10px 10px;
+ width: 1px;
+ height: 1px;
+ border-left-color: #2e6da4;
+ border-right-color: #2e6da4;
+ margin-left: 0;
+ margin-right: 0;
+}
+.slider.slider-vertical .slider-tick-label-container {
+ white-space: nowrap;
+}
+.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
+ padding-left: 4px;
+}
+.slider.slider-vertical .tooltip {
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.slider.slider-vertical.slider-rtl .slider-track {
+ left: initial;
+ right: 25%;
+}
+.slider.slider-vertical.slider-rtl .slider-selection {
+ left: initial;
+ right: 0;
+}
+.slider.slider-vertical.slider-rtl .slider-tick.triangle,
+.slider.slider-vertical.slider-rtl .slider-handle.triangle {
+ border-width: 10px 10px 10px 0;
+}
+.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
+ padding-left: initial;
+ padding-right: 4px;
+}
+.slider.slider-disabled .slider-handle {
+ background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+ background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+ background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
+}
+.slider.slider-disabled .slider-track {
+ background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+ background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+ background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
+ cursor: not-allowed;
+}
+.slider input {
+ display: none;
+}
+.slider .tooltip {
+ pointer-events: none;
+}
+.slider .tooltip.top {
+ margin-top: -36px;
+}
+.slider .tooltip-inner {
+ white-space: nowrap;
+ max-width: none;
+}
+.slider .hide {
+ display: none;
+}
+.slider-track {
+ position: absolute;
+ cursor: pointer;
+ background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+ background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+ background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+}
+.slider-selection {
+ position: absolute;
+ background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+ background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+ background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 4px;
+}
+.slider-selection.tick-slider-selection {
+ background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+ background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+ background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
+}
+.slider-track-low,
+.slider-track-high {
+ position: absolute;
+ background: transparent;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 4px;
+}
+.slider-handle {
+ position: absolute;
+ top: 0;
+ width: 20px;
+ height: 20px;
+ background-color: #337ab7;
+ background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+ background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+ background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+ filter: none;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+ border: 0px solid transparent;
+}
+.slider-handle:hover {
+ cursor: pointer;
+}
+.slider-handle.round {
+ border-radius: 50%;
+}
+.slider-handle.triangle {
+ background: transparent none;
+}
+.slider-handle.custom {
+ background: transparent none;
+}
+.slider-handle.custom::before {
+ line-height: 20px;
+ font-size: 20px;
+ content: '\2605';
+ color: #726204;
+}
+.slider-tick {
+ position: absolute;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+ background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+ background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ filter: none;
+ opacity: 0.8;
+ border: 0px solid transparent;
+}
+.slider-tick.round {
+ border-radius: 50%;
+}
+.slider-tick.triangle {
+ background: transparent none;
+}
+.slider-tick.custom {
+ background: transparent none;
+}
+.slider-tick.custom::before {
+ line-height: 20px;
+ font-size: 20px;
+ content: '\2605';
+ color: #726204;
+}
+.slider-tick.in-selection {
+ background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+ background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+ background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
+ opacity: 1;
+}
diff --git a/resources/css/font-awesome.min.css b/resources/css/font-awesome.min.css
index 24fcc04..123de92 100644
--- a/resources/css/font-awesome.min.css
+++ b/resources/css/font-awesome.min.css
@@ -1,4 +1,4 @@
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} \ No newline at end of file
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
diff --git a/resources/icons/browse/vnfSearchicon.png b/resources/icons/browse/vnfSearchicon.png
new file mode 100644
index 0000000..54ab5ff
--- /dev/null
+++ b/resources/icons/browse/vnfSearchicon.png
Binary files differ
diff --git a/resources/icons/browse/vnfSearchicon_active.png b/resources/icons/browse/vnfSearchicon_active.png
new file mode 100644
index 0000000..14c3812
--- /dev/null
+++ b/resources/icons/browse/vnfSearchicon_active.png
Binary files differ
diff --git a/resources/icons/browse/vnfSearchicon_hover.png b/resources/icons/browse/vnfSearchicon_hover.png
new file mode 100644
index 0000000..f26dded
--- /dev/null
+++ b/resources/icons/browse/vnfSearchicon_hover.png
Binary files differ
diff --git a/resources/icons/byoq/hw_ext.png b/resources/icons/byoq/hw_ext.png
new file mode 100644
index 0000000..afc7e53
--- /dev/null
+++ b/resources/icons/byoq/hw_ext.png
Binary files differ
diff --git a/resources/icons/byoq/hw_ext_active.png b/resources/icons/byoq/hw_ext_active.png
new file mode 100644
index 0000000..afc7e53
--- /dev/null
+++ b/resources/icons/byoq/hw_ext_active.png
Binary files differ
diff --git a/resources/icons/byoq/hw_ext_hover.png b/resources/icons/byoq/hw_ext_hover.png
new file mode 100644
index 0000000..afc7e53
--- /dev/null
+++ b/resources/icons/byoq/hw_ext_hover.png
Binary files differ
diff --git a/resources/icons/byoq/vnfSearchicon.png b/resources/icons/byoq/vnfSearchicon.png
new file mode 100644
index 0000000..54ab5ff
--- /dev/null
+++ b/resources/icons/byoq/vnfSearchicon.png
Binary files differ
diff --git a/resources/icons/byoq/vnfSearchicon_active.png b/resources/icons/byoq/vnfSearchicon_active.png
new file mode 100644
index 0000000..14c3812
--- /dev/null
+++ b/resources/icons/byoq/vnfSearchicon_active.png
Binary files differ
diff --git a/resources/icons/byoq/vnfSearchicon_hover.png b/resources/icons/byoq/vnfSearchicon_hover.png
new file mode 100644
index 0000000..f26dded
--- /dev/null
+++ b/resources/icons/byoq/vnfSearchicon_hover.png
Binary files differ
diff --git a/resources/icons/hw_ext.png b/resources/icons/hw_ext.png
new file mode 100644
index 0000000..afc7e53
--- /dev/null
+++ b/resources/icons/hw_ext.png
Binary files differ
diff --git a/resources/icons/hw_ext_active.png b/resources/icons/hw_ext_active.png
new file mode 100644
index 0000000..afc7e53
--- /dev/null
+++ b/resources/icons/hw_ext_active.png
Binary files differ
diff --git a/resources/icons/hw_ext_hover.png b/resources/icons/hw_ext_hover.png
new file mode 100644
index 0000000..afc7e53
--- /dev/null
+++ b/resources/icons/hw_ext_hover.png
Binary files differ
diff --git a/resources/icons/vnfSearchicon.png b/resources/icons/vnfSearchicon.png
new file mode 100644
index 0000000..54ab5ff
--- /dev/null
+++ b/resources/icons/vnfSearchicon.png
Binary files differ
diff --git a/resources/icons/vnfSearchicon_active.png b/resources/icons/vnfSearchicon_active.png
new file mode 100644
index 0000000..14c3812
--- /dev/null
+++ b/resources/icons/vnfSearchicon_active.png
Binary files differ
diff --git a/resources/icons/vnfSearchicon_hover.png b/resources/icons/vnfSearchicon_hover.png
new file mode 100644
index 0000000..f26dded
--- /dev/null
+++ b/resources/icons/vnfSearchicon_hover.png
Binary files differ
diff --git a/resources/scss/_browse.scss b/resources/scss/_browse.scss
new file mode 100644
index 0000000..b2941aa
--- /dev/null
+++ b/resources/scss/_browse.scss
@@ -0,0 +1,45 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+ .browse-content {
+ margin: 30px;
+
+ div[class^="col-"] {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+
+ .browse-card-content {
+ text-align: left;
+
+ i {
+ margin: 0 auto;
+ cursor: pointer;
+ }
+ }
+
+ .browse-fa {
+ font-size: 96px;
+ font-style: normal;
+ text-align: center;
+ color: #007bff;
+ margin-bottom: 20px !important;
+ }
diff --git a/resources/scss/_custom.scss b/resources/scss/_custom.scss
new file mode 100644
index 0000000..d6b8ffd
--- /dev/null
+++ b/resources/scss/_custom.scss
@@ -0,0 +1,349 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+.model-card {
+ .panel {
+ background-color: initial;
+ box-shadow: none;
+ margin-bottom: 0;
+ }
+
+ .panel-default > .panel-heading {
+ padding-left: 0;
+ border: 0;
+ padding: 0;
+ color: #191919;
+ }
+
+ .panel-default > .panel-heading + .panel-collapse > .panel-body {
+ overflow-y: scroll;
+ max-height: 200px;
+ background-color: #fff;
+ margin-top: 10px;
+ }
+ }
+
+ .aggregate-card {
+ height: 700px !important;
+ margin: 15px 0;
+
+ .aggregate-card-content {
+ overflow: hidden;
+ margin-left: 12px;
+ }
+
+ .aggregate-attribute {
+ margin-left: 24px;
+ }
+
+ .aggregate-card-content:hover {
+ overflow-y: scroll;
+ }
+
+ .label-default {
+ background-color: #5a5a5a;
+ }
+ }
+
+ .btn-outline-primary {
+ color: #007bff;
+ background-color: transparent;
+ background-image: none;
+ border-color: #007bff;
+ }
+
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+ }
+
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+ }
+
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #007bff;
+ background-color: transparent;
+ }
+
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+ }
+
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+ }
+ .model-container .card{
+ height: 400px !important;
+ }
+ .table-header-view th{
+ background: #009fdb;
+ color:#ffffff;
+ }
+ .table-header-view{
+ color:#ffffff;
+ width:auto !important;
+ }
+ .filter{
+ margin-left:0px !important;
+ margin-right:0px !important;
+ }
+ .filter:last-child {
+ margin-bottom:20px !important;
+ }
+ .react-bootstrap-table table{
+ width:100%;
+ min-width:100%;
+ }
+ .relationshipTable .label-default {
+ background-color: #5a5a5a !important;
+ }
+ .parent-expand-bar {
+ background-color: #81c784;
+ }
+ .react-bootstrap-table {
+ width: 100%;
+ max-height: 500px;
+ overflow: auto;
+ }
+ .react-bootstrap-table table{
+ font-size:13px;
+ }
+ .react-bootstrap-table table th{
+ word-wrap: break-word;
+ white-space: nowrap;
+ }
+ .filter-label{
+ display:flex;
+ margin-bottom:0px;
+ margin-top:5px;
+ }
+ .nav-tabs > li > a {
+ margin-right: 2px;
+ line-height: 1.42857;
+ border: 1px solid #dfdfdf;
+ border-radius: 10px 10px 0 0px;
+ font-size: 14px;
+ color:#4d6069;
+ }
+ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+ color: #FFFFFF;
+ background-color: #009fdb;
+ border: 1px solid transparent;
+ border-bottom-color: transparent;
+ cursor: default;
+ }
+ .multipleNodes .model-container {
+ margin: 0px;
+ //width: max-content;
+ }
+ .multipleNodes .container-fluid{
+ padding-left:2px;
+ }
+ .nav-tabs {
+ padding:0px;
+ border-bottom: 4px solid #009fdb;
+ }
+ .nav-tabs > li {
+ float: left;
+ margin-bottom: -3px;
+ }
+ .table-striped > tbody > tr:nth-child(2n) > td {
+ background-color: #ffffff;
+ }
+ .table-striped > tbody > tr:nth-child(2n+1) > td {
+ background-color: #dddddd;
+ }
+ .table-striped > tbody > tr:hover td {
+ background-color: #009fdb4d;
+ }
+ .table-striped > thead > tr > th {
+ background-color: #009fdb;
+ color: #FFFFFFFF;
+ }
+ .relationshipTable{
+ background:#ffffff;
+ }
+ .relationshipTable th {
+ padding: 5px;
+ }
+ .relationshipTable ul {
+ max-height: 300px;
+ overflow-y: scroll;
+ }
+ .relationshipTable li{
+ padding:10px 0px 10px 3px;
+ border:1px solid #7c8388
+ }
+ .relationshipTable li:nth-child(2n){
+ background-color: #ffffff;
+ }
+ .relationshipTable li:nth-child(2n+1){
+ background-color: #dddddd;
+ }
+ .relationshipTable li:hover{
+ background-color: #009fdb4d;
+ }
+ .react-bootstrap-table .table-hover tr:hover {
+ cursor: auto !important;
+}
+.react-bootstrap-table td.expand-cell {
+ cursor: pointer !important;
+}
+
+.react-bootstrap-table td{
+ white-space:pre-wrap !important;
+}
+.pre-wrap-text{
+ white-space: pre-wrap !important;
+}
+#downloadRangeForm .radio{
+ margin-top:10px;
+
+}
+#downloadRangeForm input[type='radio']{
+ margin-top:5px;
+}
+#downloadRangeForm input{
+ padding:5px 0px 0px 5px
+}
+#downloadRangeForm span{
+ margin-left:5px;
+}
+#downloadRangeForm .warning{
+ color:#ffa500;
+ font-weight:bold;
+ margin:0px !important;
+}
+#downloadRangeForm{
+ margin:10px 0px;
+}
+#downloadPagePane h2{
+ margin-bottom: 10px;
+}
+#downloadRangeForm input[type=radio]:checked:before{
+ font-size: 34px;
+ text-align: center;
+ line-height: 12px;
+}
+.modal-backdrop.in{
+ opacity:0.5 !important;
+}
+.spinner{
+ z-index:9999 !important;
+}
+.savedQueryTemplate th{
+ background:#69a8c7 !important;
+ padding:2px !important;
+}
+.tab-content .form-control{
+ height:37px !important;
+}
+.alignFormTwinElements{
+ width:48% !important;
+ float:left;
+ margin:0px 5px 0px 0px !important;
+}
+.btn-space{
+ margin: 5px !important;
+}
+#template .btn {
+ padding: 6px 16px;
+ margin: 0.2em;
+ white-space: normal;
+ box-shadow: 1px 2px #0c88d7;
+}
+#template .dropdownButton {
+ width:100%;
+}
+#template .btn-secondary {
+ background-color: #fdfdfd;
+ border: 1px solid #d7dbf6;
+}
+@media (min-width: 768px){
+ #customDslBuilderModel .modal-dialog{
+ width: 700px !important;
+ margin: 30px auto;
+ }
+}
+.dsl-panel .caret{
+ right: 0px !important;
+ top: 12px;
+ position: absolute;
+}
+.dsl-panel .inputFilter{
+ padding: 5px 5px 0px 5px !important;
+ width: 89% !important;
+ margin:3px 0px 5px 0px;
+}
+.dsl-panel .btn{
+ font-size:12px !important;
+}
+.inputBoxError{
+ border: 1px solid #ec110b;
+ padding:2px;
+ margin:1px;
+}
+.toggleSwitch .btn-success, .toggleSwitch .btn-success:hover{
+ color: #fff;
+ background-color:#aadc1f;
+ border-color: #888888 !important;
+}
+.toggleSwitch{
+ position: fixed !important;
+ float: right;
+ z-index: 999;
+ right: 10px;
+ margin:5px;
+ top:-2px;
+}
+.switch.btn {
+ min-width: 4.7rem !important;
+}
+.switch-off.btn {
+ padding-left: 1.0rem;
+}
+.toggleSwitch .btn-danger, .toggleSwitch .btn-danger:hover{
+ color: #000;
+ background-color: #e9ecef;
+ border-color: #888888;
+}
+.switch.off .switch-group {
+ left: -100%;
+ transition: left 1s;
+}
+.switch.on .switch-group {
+ transition: left 1s;
+}
+.toggleSwitch .btn{
+ border-radius:5px;
+ width:100px;
+}
+.switch-handle {
+ border-radius:0px;
+}
+.toggleSwitch .btn-light{
+ width:0px;
+}
diff --git a/resources/scss/_customByoq.scss b/resources/scss/_customByoq.scss
new file mode 100644
index 0000000..f885eb9
--- /dev/null
+++ b/resources/scss/_customByoq.scss
@@ -0,0 +1,438 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+.tinkerpop-book {
+ background-repeat: no-repeat;
+ height: 300px !important;
+ width: 700px;
+}
+.fixed-panel {
+ position: absolute;
+ top: 100px;
+ width: 20%;
+ right: 20px;
+}
+
+.customDsl .card {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
+}
+
+.addCardFooter {
+ padding-bottom:50px;
+}
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem;
+}
+.dark-modal .modal-content {
+ background-color: white;
+ color: #292b2c;
+}
+.dark-modal .close {
+ color: #292b2c;
+}
+.dsl-hint {
+ font-size: 2rem !important;
+ cursor: pointer;
+ height: 0.5rem;
+}
+.dsl-hint:hover {
+ color: #292b2c;
+ background-color: white;
+ cursor: pointer;
+ border-color: #0062cc;
+}
+
+.dsl-hint:focus, .dsl-hint.focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+.card > .list-group:first-child .list-group-item:first-child {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.card > .list-group:last-child .list-group-item:last-child {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem;
+}
+
+.card-title {
+ margin-bottom: 0.75rem;
+}
+
+.card-subtitle {
+ margin-top: -0.375rem;
+ margin-bottom: 0;
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link:hover {
+ text-decoration: none;
+}
+
+.card-link + .card-link {
+ margin-left: 1.25rem;
+}
+
+.card-header-help {
+ padding: 0.75rem 1.25rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+
+}
+
+.card-header {
+ padding: 0.75rem 1.25rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-header + .list-group .list-group-item:first-child {
+ border-top: 0;
+}
+
+.card-footer {
+ padding: 0.75rem 1.25rem;
+ background-color: #f2f2f2;
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.cfFormat{
+ position:absolute;
+ bottom:0;
+ width:100%;
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+
+.card-header-tabs {
+ margin-right: -0.625rem;
+ margin-bottom: -0.75rem;
+ margin-left: -0.625rem;
+ border-bottom: 0;
+}
+
+.card-header-pills {
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1.25rem;
+}
+
+.card-img {
+ width: 100%;
+ border-radius: calc(0.25rem - 1px);
+}
+
+.card-img-top {
+ width: 100%;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-img-bottom {
+ width: 100%;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card-deck {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.card-deck .card {
+ margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+ .card-deck {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ margin-right: -15px;
+ margin-left: -15px;
+ }
+ .card-deck .card {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-right: 15px;
+ margin-bottom: 0;
+ margin-left: 15px;
+ }
+}
+
+.card-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.card-group > .card {
+ margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+ .card-group {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:first-child {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:first-child .card-img-top,
+ .card-group > .card:first-child .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:first-child .card-img-bottom,
+ .card-group > .card:first-child .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:last-child .card-img-top,
+ .card-group > .card:last-child .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:last-child .card-img-bottom,
+ .card-group > .card:last-child .card-footer {
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:only-child {
+ border-radius: 0.25rem;
+ }
+ .card-group > .card:only-child .card-img-top,
+ .card-group > .card:only-child .card-header {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+ .card-group > .card:only-child .card-img-bottom,
+ .card-group > .card:only-child .card-footer {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
+ border-radius: 0;
+ }
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
+ border-radius: 0;
+ }
+}
+
+.card-columns .card {
+ margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+ .card-columns {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 1.25rem;
+ -moz-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+ .card-columns .card {
+ display: inline-block;
+ width: 100%;
+ }
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-white {
+ color: #fff !important;
+}
+.customDsl a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+ background-color: #0062cc !important;
+}
+
+.form-group {
+ margin-bottom: 1rem;
+}
+.dsl-hint-form-group {
+ margin-bottom: 1rem;
+ margin-top: 25px;
+}
+
+.customDsl pre,
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+.customDsl pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ display: block;
+ padding: 0px;
+ font-size: 13px;
+ line-height: 1.42857;
+ word-break: break-all;
+ word-wrap: break-word;
+ color: #191919;
+ background-color: #ffffff;
+ border: none;
+ border-radius: 0;
+}
+.customDsl pre {
+ white-space: pre-wrap !important;
+}
+
+blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+}
+
+.customDsl [class*="licon-"]::before, .customDsl [class*="icon-"]::after {
+ font-size: 8em;
+ height: 8em;
+}
+.hidden {
+ display:none;
+}
+.show{
+ display:block;
+}
+
+.customDsl .btn i {
+ font-size: 30px;
+ font-style: normal;
+ text-align: center;
+ color: #007bff;
+}
+.node {
+ cursor: pointer;
+}
+
+.node circle {
+ fill: #fff;
+ stroke: steelblue;
+ stroke-width: 1.5px;
+}
+
+.node text {
+ font: 10px sans-serif;
+}
+
+.link {
+ fill: none;
+ stroke: #ccc;
+ stroke-width: 1.5px;
+}
+
+.dsl-panel .panel{
+ margin-bottom: 0px !important;
+}
+.actionsRow {
+ white-space: nowrap;
+}
+
+.toggle-theme.react-toggle--checked .react-toggle-track {
+ background-color: #009fdb;
+}
diff --git a/resources/scss/_spinner.scss b/resources/scss/_spinner.scss
new file mode 100644
index 0000000..3803b65
--- /dev/null
+++ b/resources/scss/_spinner.scss
@@ -0,0 +1,35 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+.spin-container {
+ overflow: hidden;
+ position: relative;
+}
+
+.spinner {
+ position: absolute;
+ z-index: 999;
+ left: 50%;
+ top: 45%;
+}
+
+.spin-content {
+ opacity: 0.2;
+}
diff --git a/resources/scss/_typography.scss b/resources/scss/_typography.scss
new file mode 100644
index 0000000..982c6bd
--- /dev/null
+++ b/resources/scss/_typography.scss
@@ -0,0 +1,27 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+
+$heading-font-2: 20px;
+$heading-font-3: 18px;
+$heading-font-4: 16px;
+
+$body-font-1: 16px;
+$body-font-2: 14px;
diff --git a/resources/scss/_variables.scss b/resources/scss/_variables.scss
new file mode 100644
index 0000000..fd15be9
--- /dev/null
+++ b/resources/scss/_variables.scss
@@ -0,0 +1,41 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+$minimum-application-width: 1000px;
+
+$neutral-gray: #b7bfc3;
+$light-gray: #cfd6d9;
+$very-light-gray: #eff3f3;
+$turquoise-blue: #01afd1;
+$dark-blue: #004b68;
+$darkest: #323b3f;
+$dark-gray: #7c8388;
+$bluish-gray: #72848c;
+$redish-orange: #fe7550;
+$amber: #fab32b;
+$red: #d03d3c;
+
+$border-color7: $amber;
+$border-color10: $red;
+$border-color12: $redish-orange;
+
+
+/* Textures */
+$images-folder-name: "../icons";
diff --git a/resources/scss/bootstrap-cust/_buttons.scss b/resources/scss/bootstrap-cust/_buttons.scss
index 92382aa..c1f2984 100644
--- a/resources/scss/bootstrap-cust/_buttons.scss
+++ b/resources/scss/bootstrap-cust/_buttons.scss
@@ -5,3 +5,37 @@
.btn-info {
@include button-variant($text-color1, $background-color12, $text-color7);
}
+
+.btn-outline-primary {
+ color: #007bff;
+ background-color: transparent;
+ background-image: none;
+ border-color: #007bff;
+}
+
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.btn-outline-primary:focus, .btn-outline-primary.focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #007bff;
+ background-color: transparent;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
diff --git a/resources/scss/bootstrap-cust/_card.scss b/resources/scss/bootstrap-cust/_card.scss
new file mode 100644
index 0000000..815b5e9
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_card.scss
@@ -0,0 +1,262 @@
+.card {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ height: 300px;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
+}
+
+.addCardFooter {
+ padding-bottom: 50px;
+}
+
+.card-content {
+ margin: 16px;
+ height: 100%;
+}
+
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+.card > .list-group:first-child .list-group-item:first-child {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.card > .list-group:last-child .list-group-item:last-child {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem;
+}
+
+.card-subtitle {
+ margin-top: -0.375rem;
+ margin-bottom: 0;
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link:hover {
+ text-decoration: none;
+}
+
+.card-link + .card-link {
+ margin-left: 1.25rem;
+}
+
+.card-header-help {
+ padding: 0.75rem 1.25rem;
+ width:100%;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header {
+ padding: 0.75rem 0.75rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-header + .list-group .list-group-item:first-child {
+ border-top: 0;
+}
+
+.card-footer {
+ padding: 0.75rem 0.75rem;
+ background-color: #f2f2f2;
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+
+.card-header-tabs {
+ margin-right: -0.625rem;
+ margin-bottom: -0.75rem;
+ margin-left: -0.625rem;
+ border-bottom: 0;
+}
+
+.card-header-pills {
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1.25rem;
+}
+
+.card-img {
+ width: 100%;
+ border-radius: calc(0.25rem - 1px);
+}
+
+.card-img-top {
+ width: 100%;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-img-bottom {
+ width: 100%;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card-deck {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.card-deck .card {
+ margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+ .card-deck {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ margin-right: -15px;
+ margin-left: -15px;
+ }
+ .card-deck .card {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-right: 15px;
+ margin-bottom: 0;
+ margin-left: 15px;
+ }
+}
+
+.card-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.card-group > .card {
+ margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+ .card-group {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:first-child {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer {
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:only-child {
+ border-radius: 0.25rem;
+ }
+ .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+ .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
+ border-radius: 0;
+ }
+}
+
+.card-columns .card {
+ margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+ .card-columns {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 1.25rem;
+ -moz-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+ .card-columns .card {
+ display: inline-block;
+ width: 100%;
+ }
+}
diff --git a/resources/scss/bootstrap-cust/_panels.scss b/resources/scss/bootstrap-cust/_panels.scss
index 9ee5622..74f7424 100644
--- a/resources/scss/bootstrap-cust/_panels.scss
+++ b/resources/scss/bootstrap-cust/_panels.scss
@@ -1,3 +1,25 @@
.panel {
border: none;
-} \ No newline at end of file
+}
+
+.model-card {
+ .panel {
+ background-color: initial;
+ box-shadow: none;
+ margin-bottom: 0;
+ }
+
+ .panel-default > .panel-heading {
+ padding-left: 0;
+ border: 0;
+ padding: 0;
+ color: #191919 !important;
+ }
+
+ .panel-default > .panel-heading + .panel-collapse > .panel-body {
+ overflow-y: scroll;
+ max-height: 250px;
+ background-color: #fff;
+ margin-top: 15px;
+ }
+}
diff --git a/resources/scss/bootstrap.scss b/resources/scss/bootstrap.scss
index a42e5e7..e3cb012 100644
--- a/resources/scss/bootstrap.scss
+++ b/resources/scss/bootstrap.scss
@@ -21,7 +21,7 @@
// ONAP CORE
@import "common/variables";
-// Import Typography Section
+// Import Typography Section
@import "common/typography";
@@ -71,6 +71,7 @@
@import "bootstrap-cust/list-group";
@import "bootstrap/panels";
@import "bootstrap-cust/panels";
+@import "bootstrap-cust/card";
// @import "bootstrap/responsive-embed";
//@import "bootstrap/wells";
@import "bootstrap/close";
diff --git a/resources/scss/common/_layout.scss b/resources/scss/common/_layout.scss
index 11265c5..0d826f3 100644
--- a/resources/scss/common/_layout.scss
+++ b/resources/scss/common/_layout.scss
@@ -26,6 +26,7 @@
display: flex;
flex-direction: column;
height: 100vh;
+ overflow:auto;
}
.view-container {
@@ -38,8 +39,7 @@
.showContainer {
}
-.spin-container {
- overflow: hidden;
+.spinner-container {
position: relative;
}
@@ -50,6 +50,6 @@
top: 49%;
}
-.spin-content {
+.spinner-content {
opacity: 0.2;
}
diff --git a/resources/scss/common/_variables.scss b/resources/scss/common/_variables.scss
index 9c4bddb..87de010 100644
--- a/resources/scss/common/_variables.scss
+++ b/resources/scss/common/_variables.scss
@@ -37,7 +37,7 @@ $acadia-brown: #5a5a5a;
$light-gray: #cfd6d9;
$light-gray-2: #d2d2d2;
$neutral-gray: #b7bfc3;
-$dark-gray: #7c8388;
+$dark-gray: #191919;
$t-blue: #0396b4;
$light-green: #d1de42;
$amber: #fab32b;
diff --git a/resources/scss/customQuery/_customQuery.scss b/resources/scss/customQuery/_customQuery.scss
new file mode 100644
index 0000000..06e8cbd
--- /dev/null
+++ b/resources/scss/customQuery/_customQuery.scss
@@ -0,0 +1,84 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+.addPadding {
+ margin-right: 50px;
+ margin-left: 50px;
+ margin-top: 20px;
+}
+.addPaddingTop {
+ margin-top: 20px;
+}
+.addPaddingSide {
+ margin-left: 20px;
+}
+.addPaddingLeft {
+ margin-left: 5px;
+}
+.my-4 {
+ margin-top: 1.5rem !important;
+}
+.display-2 {
+ font-size: 5.5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+.lead {
+ color: #191919;
+ font-family: 'Omnes-Regular';
+ font-size: 2.4rem;
+ line-height: 2.8rem;
+ margin-top: 10px;
+ letter-spacing: -0.024rem;
+}
+.jumbotron {
+ padding: 2rem 1rem;
+ margin-bottom: 2rem;
+ background-color: #e9ecef;
+ border-radius: 0.3rem;
+}
+.cardwrap {
+ //word-wrap: break-word;
+ //overflow-wrap: break-word;
+ //word-break: break-all;
+ -ms-word-wrap: break-word;
+ word-wrap: break-word;
+}
+.dropdown-menu {
+ display: flow;
+ min-width: 360px;
+}
+.hidden {
+ display:none;
+}
+.show{
+ display:block;
+}
+.invalid {
+ border: 1px solid red;
+ background-color: #FDA49A;
+ color: white;
+}
+.cardWrapHeaderTxt {
+ font-weight: bold;
+ font-style: italic;
+ text-align: center;
+ color: blue;
+}
diff --git a/resources/scss/filter/_filter.scss b/resources/scss/filter/_filter.scss
new file mode 100644
index 0000000..cdfc983
--- /dev/null
+++ b/resources/scss/filter/_filter.scss
@@ -0,0 +1,135 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+.badgeFilter {
+ color: #31708f;
+ background-color: #fff;
+ display: inline-block;
+ white-space: nowrap;
+ vertical-align: baseline;
+ box-sizing: border-box;
+ border-radius: 1em;
+ border-color: #009fdb;
+ margin: 0.4em 0.4em 0.4em 0em;
+ padding: 1px;
+ box-shadow: 1px 2px #abe0f5;
+ border: 1px solid #7fd6f8;
+ font-size: 0.9em;
+}
+
+.badgeFilter span{
+ float: left;
+ padding: 0.1em 0.2em;
+}
+
+.badgeFilter .close{
+ float:left;
+ color:#363434 !important
+}
+
+.leftNavSelection {
+ color:#ffffff;
+ background-color: #009fdb;
+ box-sizing : border-box;
+ border-radius: 0.2em;
+ border-color: #009fdb;
+}
+
+.leftNavSelection div:hover {
+ color:#000;
+ background-color: #ffffff;
+}
+.leftNavSelected {
+ color:#ffffff;
+ background-color: #e99b0a;
+ box-sizing : border-box;
+ border-radius: 0.2em;
+ border-color: #f59505;
+}
+#filters {
+ margin:20px 0px 20px 20px;
+}
+.leftNavSelection header {
+ margin:20px 0px 0px 0px;
+ border-bottom:1px solid #fff;
+ font-size: 16px;
+ padding: 0.25em;
+}
+.mainSectionSelection .panel-primary {
+ border: 1px solid transparent;
+ border-color: #009fdb;
+ border-radius: 1;
+}
+#filterPane .btn {
+ padding: 6px 16px;
+ margin: 0.2em;
+ white-space: normal;
+ box-shadow: 1px 2px #0c88d7;
+}
+#filterPane .dropdownButton {
+ width:100%;
+}
+#filterPane .btn-secondary {
+ background-color: #fdfdfd;
+ border: 1px solid #d7dbf6;
+}
+
+#filterPane .dropdown{
+ width:100%;
+}
+
+#filterPane .caret, #template .caret {
+ right: 0px;
+ top: 12px;
+ position: absolute;
+ margin: 0.2em;
+}
+#filterPane input {
+ padding:5px 5px 7px 5px;
+}
+.topBottomMargin {
+ margin:0.5em 0em;
+}
+#filterPane .label {
+ display: inline-block;
+ padding: 0.9em;
+ margin: 1em 0em;
+}
+.custom-container{
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 0px;
+ padding-right: 0px;
+ width: inherit;
+}
+.removeLeftPadding{
+ padding-left:0px !important;
+}
+.resultMessage{
+ font-size: 20px;
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 5;
+ color: inherit;
+}
+.badgeFilter i{
+ font-style: italic;
+ font-size: 0.9em !important;
+}
diff --git a/resources/scss/header/_layout.scss b/resources/scss/header/_layout.scss
index 14d90ac..2d63f00 100644
--- a/resources/scss/header/_layout.scss
+++ b/resources/scss/header/_layout.scss
@@ -137,6 +137,11 @@
margin-bottom: 5px;
}
+ .font-awesome-icon{
+ font-size: 32px;
+ margin-top: 5px;
+ }
+
.main-menu-button {
background-color: transparent;
border: none;
@@ -159,6 +164,22 @@
background-image: url($icons-folder-path + '/vnfSearchicon.png');
}
+ .browse-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon.png');
+ }
+
+ .byoq-ext-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon.png');
+ }
+
+ .custom-query-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon.png');
+ }
+
+ .specialized-search-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon.png');
+ }
+
.configurable-view-button-icon {
background-image: url($icons-folder-path + '/reports.svg');
-webkit-filter: brightness(500);
@@ -181,6 +202,22 @@
background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
}
+ .browse-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+ }
+
+ .byoq-ext-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+ }
+
+ .custom-query-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+ }
+
+ .specialized-search-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
+ }
+
.configurable-view-button-icon {
background-image: url($icons-folder-path + '/reports.svg');
-webkit-filter: brightness(1);
@@ -211,6 +248,22 @@
background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
}
+ .browse-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+ }
+
+ .byoq-ext-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+ }
+
+ .custom-query-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+ }
+
+ .specialized-search-button-icon {
+ background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
+ }
+
.configurable-view-button-icon {
background-image: url($icons-folder-path + '/reports.svg');
-webkit-filter: brightness(0.55);
diff --git a/resources/scss/model/_model.scss b/resources/scss/model/_model.scss
new file mode 100644
index 0000000..a6d8dc8
--- /dev/null
+++ b/resources/scss/model/_model.scss
@@ -0,0 +1,183 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+.model-container {
+ margin: 30px;
+
+ i {
+ font-size: 30px;
+ }
+}
+
+.model-gallery {
+ padding-left: 15px;
+ padding-right: 15px;
+
+ div[class^="col-"] {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.model-card {
+ height: 500px !important;
+ margin: 15px 0;
+
+ .model-card-content {
+ overflow: hidden;
+ margin-left: 24px;
+ }
+
+ .model-card-content:hover {
+ overflow-y: scroll;
+ }
+
+ .label-default {
+ background-color: #5a5a5a;
+ }
+}
+
+.d3-model-card {
+ height: 700px !important;
+ margin: 15px 0;
+
+ .model-card-header{
+ color: #FFFFFF;
+ background-color: #48a9fb;
+ }
+
+ .model-card-content {
+ overflow: hidden;
+ overflow-x: auto;
+ height: 700px !important;
+ margin-left: 24px;
+ }
+
+ .model-card-content:hover {
+ overflow-y: scroll;
+ }
+
+ .label-default {
+ background-color: #5a5a5a;
+ }
+ }
+ .template-textarea {
+ height: 300px !important
+ }
+ .model-template-card {
+ height: 500px !important;
+ margin: 15px 0;
+
+ .model-card-header{
+ color: #FFFFFF;
+ background-color: #48a9fb;
+ }
+
+ .model-card-content {
+ overflow: hidden;
+ height: 500px !important;
+ margin-left: 24px;
+ }
+
+ .model-card-content:hover {
+ overflow-y: scroll;
+ }
+
+ .label-default {
+ background-color: #5a5a5a;
+ }
+ }
+.d3-history-query-card {
+ height: 750px !important;
+ margin: 15px 0;
+
+ .history-query-card-header{
+ color: #FFFFFF;
+ background-color: #48a9fb;
+ }
+
+ .history-query-card-content {
+ overflow: hidden;
+ height: 750px !important;
+ margin-left: 24px;
+ }
+
+ .history-query-card-content:hover {
+ overflow-y: scroll;
+ }
+
+ .label-default {
+ background-color: #5a5a5a;
+ }
+ }
+
+
+.custom-accordion{
+ background-color: white !important;
+ border-radius: 8px;
+}
+
+.modal-override{
+ max-width: 1350 !important;
+ width: 1350px !important;
+}
+.tabIconChosen{
+ color:#FFFFFF !important;
+}
+.tabIconNotChosen{
+ color:#000000 !important;
+}
+.animationControlIcon{
+ font-size: 35px !important;
+}
+i.animationControlIcon:hover {
+ color: #97b0bf !important;
+}
+i.animationControlIcon:active {
+ color: #4f5b67 !important;
+}
+.animationPlayingIcon{
+ font-size: 35px !important;
+ color: #1bd645 !important;
+}
+.animationStoppedIcon{
+ font-size: 35px !important;
+ color: #ff0016 !important;
+}
+.animationPausedIcon{
+ font-size: 35px !important;
+ color: #4f5b67 !important;
+}
+
+.nodeIcon-deleted{
+ background-color: orangered !important;
+ color: white !important;
+ border-radius: 10px;
+}
+.nodeIcon-created{
+ background-color: #8ed422 !important;
+ color: white !important;
+ border-radius: 10px;
+}
+.nodeIcon-modified{
+ background-color: orange !important;
+ color: white !important;
+ border-radius: 10px;
+}
diff --git a/resources/scss/style.scss b/resources/scss/style.scss
index ca81d2f..af239e8 100644
--- a/resources/scss/style.scss
+++ b/resources/scss/style.scss
@@ -18,6 +18,18 @@
* limitations under the License.
* ============LICENSE_END=========================================================
*/
+
@import "common";
@import "components";
@import "modules";
+@import "_variables";
+@import "_typography";
+@import "_spinner";
+@import "filter/filter.scss";
+@import "bootstrap-cust/card";
+@import "_custom";
+
+@import "browse";
+@import "model/model.scss";
+@import "_customByoq.scss";
+@import "customQuery/customQuery.scss";
diff --git a/resources/scss/tier-support/_search.scss b/resources/scss/tier-support/_search.scss
index 892d303..fc15371 100644
--- a/resources/scss/tier-support/_search.scss
+++ b/resources/scss/tier-support/_search.scss
@@ -28,8 +28,9 @@
}
.auto-complete-search-button-group {
- position: absolute !important;
- padding-top: 3px;
+ position: inherit !important;
+ display: inline-block !important;
+ vertical-align: bottom !important;
}
.auto-complete-search input.form-control {
@@ -43,6 +44,13 @@
border: solid 1px $search-border-color1;
}
+.auto-complete-help-button, .auto-complete-help-button:focus {
+ background-color: $white;
+ width: 45px;
+ height: 30px;
+ border: solid 1px $search-border-color1;
+}
+
.auto-complete-search button:hover {
background-color: $search-background-color1;
}
@@ -53,11 +61,22 @@
background-color: $search-button-background-color;
}
+.auto-complete-search .fa-question-circle {
+ font-size: 1em;
+ line-height: 1em;
+ background-color: $white;
+}
+
.auto-complete-search button:hover .fa-search {
color: $primary-background-color;
background-color: $search-background-color1;
}
+.auto-complete-search button:hover .fa-question-circle {
+ color: $primary-background-color;
+ background-color: $search-background-color1;
+}
+
.auto-complete-search .btn-group .auto-complete-clear-button {
border: none;
margin-left: -35px !important;
@@ -189,3 +208,12 @@
background-color:inherit;
padding: 0px;
}
+
+.modal-searchable {
+ height: 500px !important;
+ margin: 15px 0;
+ overflow-y: scroll;
+}
+.modal-searchable:hover {
+ overflow-y: scroll;
+}
diff --git a/resources/styles/images/svg/master/controls/magnifyingglass.svg b/resources/styles/images/svg/master/controls/magnifyingglass.svg
new file mode 100644
index 0000000..0f40f6b
--- /dev/null
+++ b/resources/styles/images/svg/master/controls/magnifyingglass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" enable-background="new 0 0 36 36"><path d="M27.847 8.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548 0-4.945.993-6.749 2.796-1.803 1.803-2.796 4.2-2.796 6.75 0 1.879.543 3.681 1.576 5.242l-7.059 7.059c-.357.356-.554.831-.554 1.336-.001.505.196.98.554 1.337.357.356.832.552 1.336.552.503 0 .977-.196 1.336-.553l7.047-7.048c1.576 1.062 3.402 1.622 5.309 1.622 2.55 0 4.948-.993 6.751-2.796 1.803-1.804 2.796-4.201 2.796-6.751 0-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186 0 5.778 2.592 5.778 5.778 0 3.186-2.592 5.778-5.778 5.778-3.186 0-5.778-2.592-5.778-5.778 0-3.185 2.592-5.778 5.778-5.778z" fill="#0568ae"/></svg> \ No newline at end of file
diff --git a/resources/views/defaultViews.json b/resources/views/defaultViews.json
new file mode 100644
index 0000000..899e9ee
--- /dev/null
+++ b/resources/views/defaultViews.json
@@ -0,0 +1,139 @@
+[
+ {
+ "viewName": "browse",
+ "componentName": "Browse",
+ "displayName": "Browse",
+ "iconClass": "browse-button-icon"
+ },
+ {
+ "viewName": "customDsl",
+ "componentName": "CustomDsl",
+ "displayName": "BYOQ",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "",
+ "isExact": true,
+ "onlyRoute": false
+ },
+ {
+ "viewName": "customDsl",
+ "componentName": "CustomDsl",
+ "displayName": "BYOQ",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "/:type/:propId/:relArray",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customDsl",
+ "componentName": "CustomDsl",
+ "displayName": "BYOQ",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "/:type/:propId",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customDslBuilder",
+ "componentName": "CustomDslBuilder",
+ "displayName": "BYOQ Builder",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "/:type/:propId",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customDslBuilder",
+ "componentName": "CustomDslBuilder",
+ "displayName": "BYOQ Builder",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "isExact": true,
+ "onlyRoute": false
+ },
+ {
+ "viewName": "savedDsl",
+ "componentName": "CustomDsl",
+ "displayName": "Saved Queries",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "",
+ "isExact": true,
+ "onlyRoute": false
+ },
+ {
+ "viewName": "savedDsl",
+ "componentName": "CustomDsl",
+ "displayName": "Saved Queries",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "/:type/:propId/:relArray",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "savedDsl",
+ "componentName": "CustomDsl",
+ "displayName": "Saved Queries",
+ "iconClass": "byoq-ext-button-icon",
+ "param": "",
+ "viewParams": "/:type/:propId",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customQuery",
+ "componentName": "CustomQuery",
+ "displayName": "Custom Query",
+ "iconClass": "custom-query-button-icon"
+ },
+ {
+ "viewName": "model",
+ "componentName": "Model",
+ "displayName": "Model",
+ "iconClass": "browse-button-icon",
+ "param": "",
+ "viewParams": "/:type",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "model",
+ "componentName": "Model",
+ "displayName": "Model",
+ "iconClass": "browse-button-icon",
+ "param": "",
+ "viewParams": "/:type/:nodeId/:page",
+ "isExact": false,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "history",
+ "componentName": "History",
+ "displayName": "History",
+ "iconClass": "browse-button-icon",
+ "param": "",
+ "viewParams": "/:type/:nodeType/:nodeUriEnc/:epochTime",
+ "isExact": false,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "historyQuery",
+ "componentName": "HistoryQuery",
+ "displayName": "History Query",
+ "iconClass": "browse-button-icon",
+ "param": "",
+ "viewParams": "/:type/:payloadEnc/:epochTime",
+ "isExact": false,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "specializedSearch",
+ "componentName": "SpecializedSearch",
+ "displayName": "Specialized Search",
+ "iconClass": "specialized-search-button-icon"
+ }
+]
diff --git a/resources/views/defaultViews_onap.json b/resources/views/defaultViews_onap.json
new file mode 100644
index 0000000..5365c5c
--- /dev/null
+++ b/resources/views/defaultViews_onap.json
@@ -0,0 +1,83 @@
+[
+ {
+ "viewName": "browse",
+ "componentName": "Browse",
+ "displayName": "Browse",
+ "iconClass": "fa-binoculars"
+ },
+ {
+ "viewName": "customDsl",
+ "componentName": "CustomDsl",
+ "displayName": "BYOQ",
+ "iconClass": "fa-flask",
+ "param": "",
+ "viewParams": "",
+ "isExact": true,
+ "onlyRoute": false
+ },
+ {
+ "viewName": "customDsl",
+ "componentName": "CustomDsl",
+ "displayName": "BYOQ",
+ "iconClass": "fa-flask",
+ "param": "",
+ "viewParams": "/:type/:propId/:relArray",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customDsl",
+ "componentName": "CustomDsl",
+ "displayName": "BYOQ",
+ "iconClass": "fa-flask",
+ "param": "",
+ "viewParams": "/:type/:propId",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customDslBuilder",
+ "componentName": "CustomDslBuilder",
+ "displayName": "BYOQ Builder",
+ "iconClass": "fa-sitemap",
+ "param": "",
+ "viewParams": "/:type/:propId",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "customDslBuilder",
+ "componentName": "CustomDslBuilder",
+ "displayName": "BYOQ Builder",
+ "iconClass": "fa-sitemap",
+ "param": "",
+ "isExact": true,
+ "onlyRoute": false
+ },
+ {
+ "viewName": "model",
+ "componentName": "Model",
+ "displayName": "Model",
+ "iconClass": "fa-binoculars",
+ "param": "",
+ "viewParams": "/:type",
+ "isExact": true,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "model",
+ "componentName": "Model",
+ "displayName": "Model",
+ "iconClass": "fa-binoculars",
+ "param": "",
+ "viewParams": "/:type/:nodeId/:page",
+ "isExact": false,
+ "onlyRoute": true
+ },
+ {
+ "viewName": "specializedSearch",
+ "componentName": "SpecializedSearch",
+ "displayName": "Specialized Search",
+ "iconClass": "fa-filter"
+ }
+]