2 .pl0{padding-left: 0!important};
\r
3 .pr0{padding-right: 0!important};
\r
5 .mt10{margin-top: 10px};
\r
6 .mt20{margin-top: 20px};
\r
7 .mt30{margin-top: 30px};
\r
8 .mt40{margin-top: 40px};
\r
10 .mb50{margin-bottom: 50px};
\r
11 .mb0{margin-bottom: 0px!important};
\r
13 .ml10{margin-left: 10px!important};
\r
14 .ml20{margin-left: 20px!important};
\r
15 .ml30{margin-left: 30px!important};
\r
23 background: #f5f5f5;
\r
24 margin-bottom: 0!important;
\r
26 padding-bottom: 60px;
\r
36 .form-control, .main input[type="text"]{
\r
41 background: #eeeeee;
\r
47 &.narrow-input-left{
\r
51 &.narrow-input-right{
\r
58 margin-bottom: 15px;
\r
68 margin-bottom: 20px;
\r
99 background-color: #428bca;
\r
100 border-color: #357ebd;
\r
101 font-weight: normal;
\r
104 background-color: #1BAAFD;
\r
105 border-color: #1BAAFD;
\r
110 position: absolute;
\r
111 margin-bottom: 0 !important;
\r
112 background-color: #FF7300;
\r
113 border-color: #FF7300;
\r
118 margin-right: 15px;
\r
127 background-color: #FF8f33;
\r
128 border-color: #FF8f33;
\r
132 width: calc(~'100% - 30px');
\r
145 white-space: normal;
\r
150 padding: 0!important;
\r
155 font-weight: normal;
\r
159 margin-bottom: 5px;
\r
163 display: inline-block;
\r
173 position: relative;
\r
175 .controlPanelButtons{
\r
176 position: absolute;
\r
188 text-align: center;
\r
189 padding: 0!important;
\r
195 .roundedCorners(5px);
\r
196 border: 1px solid #e5e5e5;
\r
214 position: absolute;
\r
224 margin-bottom: 10px;
\r
229 margin: 9px 5px 0 0;
\r
233 border-top: 2px solid blue;
\r
237 border-top: 2px solid green;
\r
244 .mainNavigationWrapper{
\r
245 padding-bottom: 50px;
\r
246 overflow-x: scroll;
\r
251 .topButtonsWrapper, .bottomButtonsWrapper{
\r
252 text-align: center;
\r
254 margin: 0 auto 15px;
\r
256 border-bottom: 5px solid #393939;
\r
259 .bottomButtonsWrapper{
\r
261 border-top: 5px solid #393939;
\r
263 margin: 15px auto 0;
\r
266 .middleButtonsWrapper{
\r
267 text-align: center;
\r
284 border-left: 5px solid #393939;
\r
285 border-right: 5px solid #393939;
\r
288 background: transparent url('../../src/app/gbp/images/infinity-loop.tpl.html') no-repeat center center;
\r
291 margin: 11px auto 0;
\r
297 text-align: center;
\r
329 padding: 20px 0 50px;
\r
330 height: calc(~'100% - 109px');
\r
336 margin-bottom: 5px;
\r
341 &.btn-default:hover {
\r
342 background-color: #e6e6e6 !important;
\r
344 &.btn-default:focus {
\r
345 background-color: #fff;
\r
347 &.activated, &.activated:focus {
\r
348 background-color: #e6e6e6 !important;
\r
354 padding: 10px 0px;
\r
357 line-height: initial;
\r
360 section.sigmaWrapper {
\r
362 margin-bottom: 25px;
\r
374 margin-bottom: 5px;
\r
383 position: relative;
\r
390 display: block !important;
\r
397 /*margin-right: 15px;*/
\r
400 -webkit-border-radius: 9px;
\r
401 border-radius: 9px;
\r
408 // background: transparent;
\r
417 margin-bottom: 5px;
\r
432 padding-bottom: 10px;
\r
436 padding-right: 15px;
\r
440 border-bottom: 1px solid #858585;
\r
458 margin: 5px 5px 0 0;
\r
463 .icon-exclamation-sign{
\r
470 position: relative;
\r
472 .sigmaModalWrapper{
\r
473 position: absolute;
\r
479 position: absolute;
\r
485 position: relative;
\r
486 background: #f5f5f5;
\r
487 .roundedCorners(5px);
\r
494 overflow-y: scroll;
\r
500 margin-bottom: 10px;
\r
501 .roundedCorners(5px);
\r
502 border: 1px solid #d5d5d5;
\r
513 background-color: white;
\r
518 margin:-350px 0 0 -400px;
\r
522 padding: 10px 15px;
\r
525 .modal-navigation {
\r
529 border-right: 1px solid #e5e5e5;
\r
530 background-color: #eeeeee;
\r
533 -webkit-padding-start: 0;
\r
534 list-style-type: none;
\r
536 li.navigation-item {
\r
539 background-color: #eeeeee;
\r
545 background-color: #428bca;
\r
546 border-color: #357ebd;
\r
553 .modal-content-container {
\r
559 overflow-y: scroll;
\r
560 padding: 0 50px 0 20px;
\r
564 .bottom-navigation {
\r
584 background-color: #000;
\r
588 .link-tools .tool-remove { display: none }
\r
589 .link-tools .tool-options { display: none }
\r
590 .connection-wrap, .marker-arrowheads { display: none }
\r
592 /*-------------------YangUI import START-------------------*/
\r
594 @iconsRootPath : 'images/yang-ui-icons/';
\r
597 border-left: 1px solid #7a7a7a;
\r
598 margin: 35px 5px 5px 15px;
\r
602 position: relative;
\r
606 .treeBullet.containerBullet{
\r
614 margin-left: -19px;
\r
616 margin-bottom: 10px;
\r
622 position: absolute;
\r
632 -webkit-border-radius: 5px;
\r
633 border-radius: 5px;
\r
634 background: transparent;
\r
636 color: @text-color;
\r
637 border: 2px solid @text-color;
\r
644 position: relative;
\r
651 background: transparent url('@{iconsRootPath}icon-arrow-down.png') no-repeat center top;
\r
654 background: transparent url('@{iconsRootPath}icon-arrow-right.png') no-repeat center top;
\r
657 background: transparent url('@{iconsRootPath}icon-next.png') no-repeat center top;
\r
660 background: transparent url('@{iconsRootPath}icon-prev.png') no-repeat center top;
\r
663 background-position: center -24px;
\r
666 .opacityDeph(0.4)!important;
\r
668 background-position: center top;
\r
676 padding-bottom: 2px;
\r
680 display: -moz-inline-stack;
\r
681 display: inline-block;
\r
682 vertical-align: top;
\r
690 position: relative;
\r
694 margin-right: 10px;
\r
699 button.iconQuestion{
\r
714 color: @text-color;
\r
715 position: absolute;
\r
723 white-space: pre-wrap; /* CSS3 */
\r
724 white-space: -moz-pre-wrap; /* Firefox */
\r
725 white-space: -pre-wrap; /* Opera <7 */
\r
726 white-space: -o-pre-wrap; /* Opera 7 */
\r
727 word-wrap: break-word; /* IE */
\r
730 /*-------------------YangUI import END-------------------*/
\r
733 -------------------JointJS Graph START-------------------
\r
735 position: absolute;
\r
736 background: #3498DB;
\r
737 pointer-events: none;
\r
738 -webkit-user-select: none;
\r
739 border-radius: 4px;
\r
740 border: 2px solid #2980B9;
\r
741 box-shadow: inset 0 0 5px black, 2px 2px 1px gray;
\r
743 box-sizing: border-box;
\r
745 pointer-events: auto;
\r
753 width: 50px !important;
\r
754 height: 20px !important;
\r
756 -------------------JointJS Graph END-------------------
\r