1 /* You can add global styles to this file, and also import other style files */
2 // styles in src/style directory are applied to the whole page
4 @import "app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree";
5 @import "app/drawingBoard/service-planning/available-models-tree/available-models-tree.component";
6 @import "../node_modules/onap-ui-common/lib/style.css";
8 // [ui-view="content"] {
14 font-family: OpenSans-Bold;
15 src: url("../src/assets/fonts/OpenSans/OpenSans-Bold.ttf") format('truetype');
19 font-family: OpenSans-BoldItlaic;
20 src: url("./assets/fonts/OpenSans/OpenSans-BoldItalic.ttf") format('truetype');
24 font-family: OpenSans-ExtraBold;
25 src: url("./assets/fonts/OpenSans/OpenSans-ExtraBold.ttf") format('truetype');
29 font-family: OpenSans-ExtraBoldItalic;
30 src: url("./assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format('truetype');
34 font-family: OpenSans-Italic;
35 src: url("./assets/fonts/OpenSans/OpenSans-Italic.ttf") format('truetype');
39 font-family: OpenSans-Light;
40 src: url("./assets/fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
44 font-family: OpenSans-LightItalic;
45 src: url("./assets/fonts/OpenSans/OpenSans-LightItalic.ttf") format('truetype');
49 font-family: OpenSans-Regular;
50 src: url("./assets/fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
54 font-family: OpenSans-Semibold;
55 src: url("./assets/fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
59 font-family: OpenSans-SemiboldItalic;
60 src: url("./assets/fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format('truetype');
64 font-family: 'icomoon';
65 src: url('./assets/fonts/icomoon.eot?4cilop');
66 src: url('./assets/fonts/icomoon.eot?4cilop#iefix') format('embedded-opentype'),
67 url('./assets/fonts/icomoon.ttf?4cilop') format('truetype'),
68 url('./assets/fonts/icomoon.woff?4cilop') format('woff'),
69 url('./assets/fonts/icomoon.svg?4cilop#icomoon') format('svg');
74 [class^="icon-"], [class*=" icon-"] {
75 /* use !important to prevent issues with browser extensions that change fonts */
76 font-family: 'icomoon', serif !important;
84 /* Better Font Rendering =========== */
85 -webkit-font-smoothing: antialiased;
86 -moz-osx-font-smoothing: grayscale;
96 display: flex !important;
97 flex-direction: column;
100 font-family: OpenSans-Regular, serif;
103 display: flex !important;
104 flex-direction: column;
116 .tooltip.left .tooltip-arrow {
117 border-left-color: #171f2a;
119 .tooltip.bottom .tooltip-arrow {
120 border-bottom-color: #171f2a;
123 background-color: #171f2a;
130 flex-direction: column;
132 border: 1px solid #d2d2d2;
143 border: solid 1px #cf2a2a !important;
144 color: #cf2a2a !important;
145 outline: none !important;
148 select option:disabled {
153 select option:disabled {
154 color: #959595 !important;
162 tooltip-content div {
163 word-wrap: break-word !important;
167 -webkit-touch-callout: default !important;
168 -webkit-user-select: auto !important;
169 -moz-user-select: element !important;
170 -ms-user-select: element !important;
171 user-select: element !important;}
174 .sdc-modal .sdc-modal__wrapper .sdc-modal__header{
175 height: 45px !important;
180 display: none !important;
185 .notShowOnRetryMode {
186 display: none !important;
191 .notShowOnCreateMode {
192 display: none !important;
201 .sdc-checkbox label {
202 display: inline !important;
206 vertical-align: middle !important;
211 border-top: 4px solid #cf2a2a !important;
213 padding: 0px 10px 0px 10px;
214 box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
218 border-top: 4px solid #4ca90c !important;
220 padding: 0px 10px 0px 10px;
221 box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
225 border-top: 4px solid #009fdb !important;
227 padding: 0px 10px 0px 10px;
228 box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
232 border-top: 4px solid #ffb81c !important;
234 padding: 0px 10px 0px 10px;
235 box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
238 .popover-arrow.arrow {
239 display: none !important;
243 z-index: 10000 !important;