3 padding-left: 0 !important;
\r
6 padding-right: 0 !important;
\r
21 margin-bottom: 50px;
\r
24 margin-bottom: 0px !important;
\r
27 margin-left: 10px !important;
\r
30 margin-left: 20px !important;
\r
33 margin-left: 30px !important;
\r
40 background: #f5f5f5;
\r
41 margin-bottom: 0!important;
\r
43 padding-bottom: 60px;
\r
45 .gbpGlobalWrapper span,
\r
46 .gbpGlobalWrapper label {
\r
49 .gbpGlobalWrapper h2 {
\r
52 .gbpGlobalWrapper .form-control,
\r
53 .gbpGlobalWrapper .main input[type="text"] {
\r
57 .gbpGlobalWrapper .form-control[disabled],
\r
58 .gbpGlobalWrapper .main input[type="text"][disabled] {
\r
59 background: #eeeeee;
\r
61 .gbpGlobalWrapper .form-control.narrow-input-left {
\r
65 .gbpGlobalWrapper .form-control.narrow-input-right {
\r
69 .gbpGlobalWrapper .row-param {
\r
70 margin-bottom: 15px;
\r
73 .gbpGlobalWrapper .param-label {
\r
77 .gbpGlobalWrapper .ep-filter {
\r
78 margin-bottom: 20px;
\r
80 .gbpGlobalWrapper .ep-filter DIV {
\r
83 .gbpGlobalWrapper .float-left {
\r
86 .gbpGlobalWrapper .float-right {
\r
89 .gbpGlobalWrapper .full-width {
\r
92 .gbpGlobalWrapper .full-width .btn {
\r
95 .gbpGlobalWrapper .full-width label {
\r
98 .gbpWrapper .btn-primary {
\r
100 background-color: #428bca;
\r
101 border-color: #357ebd;
\r
102 font-weight: normal;
\r
104 .gbpWrapper .btn-primary:hover {
\r
105 background-color: #1BAAFD;
\r
106 border-color: #1BAAFD;
\r
108 .gbpWrapper .btn-primary.bottom-buttons {
\r
110 position: absolute;
\r
111 margin-bottom: 0 !important;
\r
112 background-color: #FF7300;
\r
113 border-color: #FF7300;
\r
116 .gbpWrapper .btn-primary.bottom-buttons.back {
\r
118 margin-right: 15px;
\r
120 .gbpWrapper .btn-primary.bottom-buttons.home {
\r
124 .gbpWrapper .btn-primary.bottom-buttons:hover {
\r
125 background-color: #FF8f33;
\r
126 border-color: #FF8f33;
\r
128 .gbpWrapper .btn-primary.bottom-buttons.full-width {
\r
129 width: calc(100% - 30px);
\r
133 .gbpWrapper .btn-primary.bottom-buttons.wizard-button {
\r
136 .gbpWrapper .btn-primary.btn-big {
\r
139 white-space: normal;
\r
141 .gbpWrapper .noPadding {
\r
142 padding: 0!important;
\r
144 .gbpWrapper .basicLabel {
\r
146 font-weight: normal;
\r
148 .gbpWrapper .rowWrapper {
\r
149 margin-bottom: 5px;
\r
151 .gbpWrapper .inline-block {
\r
152 display: inline-block;
\r
154 .gbpWrapper #graph {
\r
159 .gbpWrapper .graphWrapper {
\r
160 position: relative;
\r
162 .gbpWrapper .graphWrapper .controlPanelButtons {
\r
163 position: absolute;
\r
167 .gbpWrapper .graphWrapper .controlPanelButtons .line {
\r
170 .gbpWrapper .graphWrapper .btn {
\r
173 text-align: center;
\r
174 padding: 0!important;
\r
176 .gbpWrapper .simpleBox {
\r
177 -webkit-border-radius: 5px;
\r
178 -moz-border-radius: 5px;
\r
179 -ms-border-radius: 5px;
\r
180 -o-border-radius: 5px;
\r
181 border-radius: 5px;
\r
182 border: 1px solid #e5e5e5;
\r
186 .gbpWrapper .simpleBox h2 {
\r
189 .gbpWrapper .sectionTitle {
\r
192 .gbpWrapper .sectionTitle label {
\r
195 .gbpWrapper .legendBox {
\r
196 position: absolute;
\r
201 .gbpWrapper .legendBox ul {
\r
205 .gbpWrapper .legendBox ul .item {
\r
207 margin-bottom: 10px;
\r
209 .gbpWrapper .legendBox ul .line {
\r
210 display: -moz-inline-stack;
\r
211 display: inline-block;
\r
212 vertical-align: top;
\r
215 margin: 9px 5px 0 0;
\r
218 .gbpWrapper .legendBox ul .line.blue {
\r
219 border-top: 2px solid blue;
\r
221 .gbpWrapper .legendBox ul .line.green {
\r
222 border-top: 2px solid green;
\r
224 .gbpWrapper .mainNavigationWrapper {
\r
225 padding-bottom: 50px;
\r
226 overflow-x: scroll;
\r
228 .gbpWrapper .mainNavigation {
\r
232 .gbpWrapper .mainNavigation .topButtonsWrapper,
\r
233 .gbpWrapper .mainNavigation .bottomButtonsWrapper {
\r
234 text-align: center;
\r
236 margin: 0 auto 15px;
\r
238 border-bottom: 5px solid #393939;
\r
240 .gbpWrapper .mainNavigation .bottomButtonsWrapper {
\r
242 border-top: 5px solid #393939;
\r
244 margin: 15px auto 0;
\r
246 .gbpWrapper .mainNavigation .middleButtonsWrapper {
\r
247 text-align: center;
\r
249 .gbpWrapper .mainNavigation .middleButtonsWrapper .buttonWrapper {
\r
252 .gbpWrapper .mainNavigation .middleButtonsWrapper .iconWrapper {
\r
253 display: -moz-inline-stack;
\r
254 display: inline-block;
\r
255 vertical-align: top;
\r
260 .gbpWrapper .mainNavigation .middleBox {
\r
261 display: -moz-inline-stack;
\r
262 display: inline-block;
\r
263 vertical-align: top;
\r
268 border-left: 5px solid #393939;
\r
269 border-right: 5px solid #393939;
\r
271 .gbpWrapper .mainNavigation .middleBox .infinityIcon {
\r
272 background: transparent url('../../../src/app/gbp/images/infinity-loop.tpl.html') no-repeat center center;
\r
275 margin: 11px auto 0;
\r
278 .gbpWrapper .mainNavigation .buttonWrapper {
\r
279 text-align: center;
\r
280 display: -moz-inline-stack;
\r
281 display: inline-block;
\r
282 vertical-align: top;
\r
286 .gbpWrapper .mainNavigation .buttonWrapper .btn-primary {
\r
290 display: -moz-inline-stack;
\r
291 display: inline-block;
\r
292 vertical-align: top;
\r
296 .gbpWrapper .mainNavigation .buttonWrapper .icon-large:before {
\r
299 .gbpWrapper aside.col-md-3 {
\r
302 .gbpWrapper aside.col-md-3 .inWrapper {
\r
305 .gbpWrapper .panelWrapper {
\r
306 padding: 20px 0 50px;
\r
307 height: calc(100% - 109px);
\r
309 .gbpWrapper .panelWrapper.no-padd-top {
\r
312 .gbpWrapper .panelWrapper button.btn {
\r
313 margin-bottom: 5px;
\r
315 .gbpWrapper .panelWrapper button.btn-list {
\r
318 .gbpWrapper .panelWrapper button.btn-default:hover {
\r
319 background-color: #e6e6e6 !important;
\r
321 .gbpWrapper .panelWrapper button.btn-default:focus {
\r
322 background-color: #fff;
\r
324 .gbpWrapper .panelWrapper button.activated,
\r
325 .gbpWrapper .panelWrapper button.activated:focus {
\r
326 background-color: #e6e6e6 !important;
\r
328 .gbpWrapper .breadcrumbs {
\r
332 line-height: initial;
\r
334 .gbpWrapper section.sigmaWrapper div.legend {
\r
335 margin-bottom: 25px;
\r
337 .gbpWrapper section.sigmaWrapper div.legend span,
\r
338 .gbpWrapper section.sigmaWrapper div.legend .text {
\r
341 .gbpWrapper section.sigmaWrapper div.legend ul {
\r
346 .gbpWrapper section.sigmaWrapper div.legend li {
\r
347 margin-bottom: 5px;
\r
349 .gbpWrapper section.sigmaWrapper div.legend li .textHidden {
\r
352 .gbpWrapper section.sigmaWrapper div.legend li .text {
\r
356 .gbpWrapper section.sigmaWrapper div.legend li .showChckbx {
\r
357 position: relative;
\r
361 .gbpWrapper section.sigmaWrapper div.legend li .itemWrapper:hover .text {
\r
362 display: block !important;
\r
364 .gbpWrapper section.sigmaWrapper div.legend div.color {
\r
365 /*margin-right: 15px;*/
\r
368 -webkit-border-radius: 9px;
\r
369 border-radius: 9px;
\r
372 .gbpWrapper #graph-container {
\r
376 .gbpWrapper .selectWrapper {
\r
379 .gbpWrapper .selectWrapper.col-md-12 {
\r
381 margin-bottom: 5px;
\r
383 .gbpWrapper .inputWrapper.leftInput {
\r
386 .gbpWrapper .inputWrapper.rightInput {
\r
389 .gbpWrapper .separator {
\r
390 padding-bottom: 10px;
\r
394 padding-right: 15px;
\r
396 .gbpWrapper .inner-separator {
\r
397 border-bottom: 1px solid #858585;
\r
401 .gbpWrapper .btn-group {
\r
404 .gbpWrapper .formWrapper {
\r
407 .gbpWrapper .icon-remove.align-right {
\r
410 .gbpWrapper .icon-remove.align-right.padding {
\r
411 margin: 5px 5px 0 0;
\r
413 .gbpWrapper .icon-exclamation-sign.red {
\r
416 .gbpWrapper .sigmaWrapper {
\r
417 position: relative;
\r
419 .gbpWrapper .sigmaWrapper .sigmaModalWrapper {
\r
420 position: absolute;
\r
425 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .icon-remove {
\r
426 position: absolute;
\r
430 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper {
\r
431 position: relative;
\r
432 background: #f5f5f5;
\r
433 -webkit-border-radius: 5px;
\r
434 -moz-border-radius: 5px;
\r
435 -ms-border-radius: 5px;
\r
436 -o-border-radius: 5px;
\r
437 border-radius: 5px;
\r
443 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .dataWrapper {
\r
444 overflow-y: scroll;
\r
447 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .rowWrapper {
\r
449 margin-bottom: 10px;
\r
450 -webkit-border-radius: 5px;
\r
451 -moz-border-radius: 5px;
\r
452 -ms-border-radius: 5px;
\r
453 -o-border-radius: 5px;
\r
454 border-radius: 5px;
\r
455 border: 1px solid #d5d5d5;
\r
461 background-color: white;
\r
466 margin: -350px 0 0 -400px;
\r
468 .modal-dialog .modal-header {
\r
470 padding: 10px 15px;
\r
472 .modal-dialog .modal-navigation {
\r
476 border-right: 1px solid #e5e5e5;
\r
477 background-color: #eeeeee;
\r
479 .modal-dialog .modal-navigation ul {
\r
480 -webkit-padding-start: 0;
\r
481 list-style-type: none;
\r
483 .modal-dialog .modal-navigation ul li.navigation-item {
\r
486 background-color: #eeeeee;
\r
491 .modal-dialog .modal-navigation ul li.navigation-item.selected {
\r
492 background-color: #428bca;
\r
493 border-color: #357ebd;
\r
496 .modal-dialog .modal-content-container {
\r
501 .modal-dialog .modal-content-container .content {
\r
502 overflow-y: scroll;
\r
503 padding: 0 50px 0 20px;
\r
506 .modal-dialog .modal-content-container .bottom-navigation {
\r
519 background-color: #000;
\r
522 .link-tools .tool-remove {
\r
525 .link-tools .tool-options {
\r
529 .marker-arrowheads {
\r
532 /*-------------------YangUI import START-------------------*/
\r
533 .gbpWrapper .customContainer {
\r
534 border-left: 1px solid #7a7a7a;
\r
535 margin: 35px 5px 5px 15px;
\r
539 position: relative;
\r
541 .gbpWrapper .customContainer.withoutBorder {
\r
545 .gbpWrapper .customContainer.withoutBorder .treeBullet.containerBullet {
\r
549 .gbpWrapper .topContainerPart {
\r
550 margin-left: -19px;
\r
552 margin-bottom: 10px;
\r
554 .gbpWrapper .treeBullet {
\r
557 position: absolute;
\r
561 .gbpWrapper .treeBullet.containerBullet {
\r
565 .gbpWrapper .btn-name {
\r
566 -webkit-border-radius: 5px;
\r
567 border-radius: 5px;
\r
568 background: transparent;
\r
571 border: 2px solid #393939;
\r
574 .gbpWrapper button.yangButton,
\r
575 .gbpWrapper div.yangButton {
\r
577 position: relative;
\r
582 display: -moz-inline-stack;
\r
583 display: inline-block;
\r
584 vertical-align: top;
\r
588 .gbpWrapper button.yangButton.iconArrowDown,
\r
589 .gbpWrapper div.yangButton.iconArrowDown {
\r
590 background: transparent url('images/yang-ui-icons/icon-arrow-down.tpl.html') no-repeat center top;
\r
592 .gbpWrapper button.yangButton.iconArrowRight,
\r
593 .gbpWrapper div.yangButton.iconArrowRight {
\r
594 background: transparent url('images/yang-ui-icons/icon-arrow-right.tpl.html') no-repeat center top;
\r
596 .gbpWrapper button.yangButton.iconNext,
\r
597 .gbpWrapper div.yangButton.iconNext {
\r
598 background: transparent url('images/yang-ui-icons/icon-next.tpl.html') no-repeat center top;
\r
600 .gbpWrapper button.yangButton.iconPrev,
\r
601 .gbpWrapper div.yangButton.iconPrev {
\r
602 background: transparent url('images/yang-ui-icons/icon-prev.tpl.html') no-repeat center top;
\r
604 .gbpWrapper button.yangButton:hover,
\r
605 .gbpWrapper div.yangButton:hover {
\r
606 background-position: center -24px;
\r
608 .gbpWrapper button.yangButton.disabled,
\r
609 .gbpWrapper div.yangButton.disabled {
\r
610 -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 40 )' !important;
\r
611 filter: alpha(opacity= 40 ) !important;
\r
612 -moz-opacity: 0.4 !important;
\r
613 -khtml-opacity: 0.4 !important;
\r
614 opacity: 0.4 !important;
\r
616 .gbpWrapper button.yangButton.disabled:hover,
\r
617 .gbpWrapper div.yangButton.disabled:hover {
\r
618 background-position: center top;
\r
620 .gbpWrapper .btn-slim {
\r
622 padding-bottom: 2px;
\r
624 .gbpWrapper .inlineBlock {
\r
625 display: -moz-inline-stack;
\r
626 display: inline-block;
\r
627 vertical-align: top;
\r
631 .gbpWrapper .leaf {
\r
634 position: relative;
\r
636 .gbpWrapper .leaf-label {
\r
637 margin-right: 10px;
\r
639 display: -moz-inline-stack;
\r
640 display: inline-block;
\r
641 vertical-align: top;
\r
647 .gbpWrapper .leaf-label button.iconQuestion {
\r
650 .gbpWrapper .leaf-label i.icon-key {
\r
654 .gbpWrapper .clear {
\r
657 .gbpWrapper .borderArrow {
\r
659 position: absolute;
\r
664 .gbpWrapper .tooltip-inner {
\r
666 white-space: pre-wrap;
\r
668 white-space: -moz-pre-wrap;
\r
670 white-space: -pre-wrap;
\r
672 white-space: -o-pre-wrap;
\r
674 word-wrap: break-word;
\r
677 /*-------------------YangUI import END-------------------*/
\r
679 -------------------JointJS Graph START-------------------
\r
681 position: absolute;
\r
682 background: #3498DB;
\r
683 pointer-events: none;
\r
684 -webkit-user-select: none;
\r
685 border-radius: 4px;
\r
686 border: 2px solid #2980B9;
\r
687 box-shadow: inset 0 0 5px black, 2px 2px 1px gray;
\r
689 box-sizing: border-box;
\r
691 pointer-events: auto;
\r
699 width: 50px !important;
\r
700 height: 20px !important;
\r
702 -------------------JointJS Graph END-------------------
\r
706 .gbpWrapper .btn-like-tab {
\r
707 text-decoration: none;
\r
712 background: transparent !important;
\r
713 border-bottom: 3px solid transparent;
\r
715 -webkit-border-radius: 0;
\r
716 -moz-border-radius: 0;
\r
717 -ms-border-radius: 0;
\r
718 -o-border-radius: 0;
\r
720 -webkit-transition: 150ms;
\r
722 -webkit-transition: all 150ms linear;
\r
723 -moz-transition: all 150ms linear;
\r
724 -ms-transition: all 150ms linear;
\r
725 -o-transition: all 150ms linear;
\r
726 transition: all 150ms linear;
\r
728 .gbpWrapper .btn-like-tab.btn-selected,
\r
729 .gbpWrapper .btn-like-tab:hover {
\r
730 border-bottom: 3px solid #1baafd;
\r
731 background: transparent !important;
\r
734 .gbpWrapper h1, .gbpWrapper h2, .gbpWrapper h3 {
\r