groupbasedpolicy-ui/module/src/main/resources/gbp/gbp.css

   1 /*GBP*/\r
   2 .pl0 {\r
   3   padding-left: 0 !important;\r
   4 }\r
   5 .pr0 {\r
   6   padding-right: 0 !important;\r
   7 }\r
   8 .mt10 {\r
   9   margin-top: 10px;\r
  10 }\r
  11 .mt20 {\r
  12   margin-top: 20px;\r
  13 }\r
  14 .mt30 {\r
  15   margin-top: 30px;\r
  16 }\r
  17 .mt40 {\r
  18   margin-top: 40px;\r
  19 }\r
  20 .mb50 {\r
  21   margin-bottom: 50px;\r
  22 }\r
  23 .mb0 {\r
  24   margin-bottom: 0px !important;\r
  25 }\r
  26 .ml10 {\r
  27   margin-left: 10px !important;\r
  28 }\r
  29 .ml20 {\r
  30   margin-left: 20px !important;\r
  31 }\r
  32 .ml30 {\r
  33   margin-left: 30px !important;\r
  34 }\r
  35 .maxHeight500 {\r
  36   max-height: 500px;\r
  37   overflow-y: scroll;\r
  38 }\r
  39 .gbpGlobalWrapper {\r
  40   background: #f5f5f5;\r
  41   margin-bottom: 0!important;\r
  42   min-height: 100%;\r
  43   padding-bottom: 60px;\r
  44 }\r
  45 .gbpGlobalWrapper span,\r
  46 .gbpGlobalWrapper label {\r
  47   color: #393939;\r
  48 }\r
  49 .gbpGlobalWrapper h2 {\r
  50   color: #666;\r
  51 }\r
  52 .gbpGlobalWrapper .form-control,\r
  53 .gbpGlobalWrapper .main input[type="text"] {\r
  54   background: #fff;\r
  55   color: #858585;\r
  56 }\r
  57 .gbpGlobalWrapper .form-control[disabled],\r
  58 .gbpGlobalWrapper .main input[type="text"][disabled] {\r
  59   background: #eeeeee;\r
  60 }\r
  61 .gbpGlobalWrapper .form-control.narrow-input-left {\r
  62   width: 45%;\r
  63   float: left;\r
  64 }\r
  65 .gbpGlobalWrapper .form-control.narrow-input-right {\r
  66   width: 45%;\r
  67   float: right;\r
  68 }\r
  69 .gbpGlobalWrapper .row-param {\r
  70   margin-bottom: 15px;\r
  71   float: left;\r
  72 }\r
  73 .gbpGlobalWrapper .param-label {\r
  74   width: 100%;\r
  75   float: left;\r
  76 }\r
  77 .gbpGlobalWrapper .ep-filter {\r
  78   margin-bottom: 20px;\r
  79 }\r
  80 .gbpGlobalWrapper .ep-filter DIV {\r
  81   width: 48%;\r
  82 }\r
  83 .gbpGlobalWrapper .float-left {\r
  84   float: left;\r
  85 }\r
  86 .gbpGlobalWrapper .float-right {\r
  87   float: right;\r
  88 }\r
  89 .gbpGlobalWrapper .full-width {\r
  90   width: 100%;\r
  91 }\r
  92 .gbpGlobalWrapper .full-width .btn {\r
  93   width: 50px;\r
  94 }\r
  95 .gbpGlobalWrapper .full-width label {\r
  96   margin-top: 10px;\r
  97 }\r
  98 .gbpWrapper .btn-primary {\r
  99   color: #ffffff;\r
 100   background-color: #428bca;\r
 101   border-color: #357ebd;\r
 102   font-weight: normal;\r
 103 }\r
 104 .gbpWrapper .btn-primary:hover {\r
 105   background-color: #1BAAFD;\r
 106   border-color: #1BAAFD;\r
 107 }\r
 108 .gbpWrapper .btn-primary.bottom-buttons {\r
 109   bottom: 0;\r
 110   position: absolute;\r
 111   margin-bottom: 0 !important;\r
 112   background-color: #FF7300;\r
 113   border-color: #FF7300;\r
 114   width: 45%;\r
 115 }\r
 116 .gbpWrapper .btn-primary.bottom-buttons.back {\r
 117   right: 0;\r
 118   margin-right: 15px;\r
 119 }\r
 120 .gbpWrapper .btn-primary.bottom-buttons.home {\r
 121   left: 0;\r
 122   margin-left: 15px;\r
 123 }\r
 124 .gbpWrapper .btn-primary.bottom-buttons:hover {\r
 125   background-color: #FF8f33;\r
 126   border-color: #FF8f33;\r
 127 }\r
 128 .gbpWrapper .btn-primary.bottom-buttons.full-width {\r
 129   width: calc(100% - 30px);\r
 130   left: 0;\r
 131   margin-left: 15px;\r
 132 }\r
 133 .gbpWrapper .btn-primary.bottom-buttons.wizard-button {\r
 134   bottom: 40px;\r
 135 }\r
 136 .gbpWrapper .btn-primary.btn-big {\r
 137   padding: 20px;\r
 138   font-size: 1.5em;\r
 139   white-space: normal;\r
 140 }\r
 141 .gbpWrapper .noPadding {\r
 142   padding: 0!important;\r
 143 }\r
 144 .gbpWrapper .basicLabel {\r
 145   padding: 0;\r
 146   font-weight: normal;\r
 147 }\r
 148 .gbpWrapper .rowWrapper {\r
 149   margin-bottom: 5px;\r
 150 }\r
 151 .gbpWrapper .inline-block {\r
 152   display: inline-block;\r
 153 }\r
 154 .gbpWrapper #graph {\r
 155   overflow: auto;\r
 156   width: 100%;\r
 157   height: 100%;\r
 158 }\r
 159 .gbpWrapper .graphWrapper {\r
 160   position: relative;\r
 161 }\r
 162 .gbpWrapper .graphWrapper .controlPanelButtons {\r
 163   position: absolute;\r
 164   top: 50px;\r
 165   right: 0px;\r
 166 }\r
 167 .gbpWrapper .graphWrapper .controlPanelButtons .line {\r
 168   margin: 5px 0;\r
 169 }\r
 170 .gbpWrapper .graphWrapper .btn {\r
 171   min-width: 22px;\r
 172   line-height: 22px;\r
 173   text-align: center;\r
 174   padding: 0!important;\r
 175 }\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
 183   background: #fff;\r
 184   padding: 20px;\r
 185 }\r
 186 .gbpWrapper .simpleBox h2 {\r
 187   margin-top: 0;\r
 188 }\r
 189 .gbpWrapper .sectionTitle {\r
 190   padding: 20px;\r
 191 }\r
 192 .gbpWrapper .sectionTitle label {\r
 193   font-size: 25px;\r
 194 }\r
 195 .gbpWrapper .legendBox {\r
 196   position: absolute;\r
 197   top: 50px;\r
 198   right: 50px;\r
 199   z-index: 10;\r
 200 }\r
 201 .gbpWrapper .legendBox ul {\r
 202   padding: 0;\r
 203   list-style: none;\r
 204 }\r
 205 .gbpWrapper .legendBox ul .item {\r
 206   padding-top: 5px;\r
 207   margin-bottom: 10px;\r
 208 }\r
 209 .gbpWrapper .legendBox ul .line {\r
 210   display: -moz-inline-stack;\r
 211   display: inline-block;\r
 212   vertical-align: top;\r
 213   zoom: 1;\r
 214   *display: inline;\r
 215   margin: 9px 5px 0 0;\r
 216   width: 50px;\r
 217 }\r
 218 .gbpWrapper .legendBox ul .line.blue {\r
 219   border-top: 2px solid blue;\r
 220 }\r
 221 .gbpWrapper .legendBox ul .line.green {\r
 222   border-top: 2px solid green;\r
 223 }\r
 224 .gbpWrapper .mainNavigationWrapper {\r
 225   padding-bottom: 50px;\r
 226   overflow-x: scroll;\r
 227 }\r
 228 .gbpWrapper .mainNavigation {\r
 229   padding-top: 5%;\r
 230   min-width: 1450px;\r
 231 }\r
 232 .gbpWrapper .mainNavigation .topButtonsWrapper,\r
 233 .gbpWrapper .mainNavigation .bottomButtonsWrapper {\r
 234   text-align: center;\r
 235   width: 400px;\r
 236   margin: 0 auto 15px;\r
 237   padding: 0 0 20px;\r
 238   border-bottom: 5px solid #393939;\r
 239 }\r
 240 .gbpWrapper .mainNavigation .bottomButtonsWrapper {\r
 241   border-bottom: 0;\r
 242   border-top: 5px solid #393939;\r
 243   padding: 20px 0 0;\r
 244   margin: 15px auto 0;\r
 245 }\r
 246 .gbpWrapper .mainNavigation .middleButtonsWrapper {\r
 247   text-align: center;\r
 248 }\r
 249 .gbpWrapper .mainNavigation .middleButtonsWrapper .buttonWrapper {\r
 250   margin-top: 25px;\r
 251 }\r
 252 .gbpWrapper .mainNavigation .middleButtonsWrapper .iconWrapper {\r
 253   display: -moz-inline-stack;\r
 254   display: inline-block;\r
 255   vertical-align: top;\r
 256   zoom: 1;\r
 257   *display: inline;\r
 258   padding-top: 10px;\r
 259 }\r
 260 .gbpWrapper .mainNavigation .middleBox {\r
 261   display: -moz-inline-stack;\r
 262   display: inline-block;\r
 263   vertical-align: top;\r
 264   zoom: 1;\r
 265   *display: inline;\r
 266   width: 500px;\r
 267   height: 150px;\r
 268   border-left: 5px solid #393939;\r
 269   border-right: 5px solid #393939;\r
 270 }\r
 271 .gbpWrapper .mainNavigation .middleBox .infinityIcon {\r
 272   background: transparent url('../../../src/app/gbp/images/infinity-loop.tpl.html') no-repeat center center;\r
 273   width: 128px;\r
 274   height: 128px;\r
 275   margin: 11px auto 0;\r
 276   cursor: pointer;\r
 277 }\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
 283   zoom: 1;\r
 284   *display: inline;\r
 285 }\r
 286 .gbpWrapper .mainNavigation .buttonWrapper .btn-primary {\r
 287   font-size: 2em;\r
 288   padding: 25px 0;\r
 289   width: 350px;\r
 290   display: -moz-inline-stack;\r
 291   display: inline-block;\r
 292   vertical-align: top;\r
 293   zoom: 1;\r
 294   *display: inline;\r
 295 }\r
 296 .gbpWrapper .mainNavigation .buttonWrapper .icon-large:before {\r
 297   font-size: 5em;\r
 298 }\r
 299 .gbpWrapper aside.col-md-3 {\r
 300   min-height: 800px;\r
 301 }\r
 302 .gbpWrapper aside.col-md-3 .inWrapper {\r
 303   height: 100%;\r
 304 }\r
 305 .gbpWrapper .panelWrapper {\r
 306   padding: 20px 0 50px;\r
 307   height: calc(100% - 109px);\r
 308 }\r
 309 .gbpWrapper .panelWrapper.no-padd-top {\r
 310   padding-top: 0px;\r
 311 }\r
 312 .gbpWrapper .panelWrapper button.btn {\r
 313   margin-bottom: 5px;\r
 314 }\r
 315 .gbpWrapper .panelWrapper button.btn-list {\r
 316   margin-top: 25px;\r
 317 }\r
 318 .gbpWrapper .panelWrapper button.btn-default:hover {\r
 319   background-color: #e6e6e6 !important;\r
 320 }\r
 321 .gbpWrapper .panelWrapper button.btn-default:focus {\r
 322   background-color: #fff;\r
 323 }\r
 324 .gbpWrapper .panelWrapper button.activated,\r
 325 .gbpWrapper .panelWrapper button.activated:focus {\r
 326   background-color: #e6e6e6 !important;\r
 327 }\r
 328 .gbpWrapper .breadcrumbs {\r
 329   padding: 10px 0px;\r
 330   font-weight: bold;\r
 331   border: 0;\r
 332   line-height: initial;\r
 333 }\r
 334 .gbpWrapper section.sigmaWrapper div.legend {\r
 335   margin-bottom: 25px;\r
 336 }\r
 337 .gbpWrapper section.sigmaWrapper div.legend span,\r
 338 .gbpWrapper section.sigmaWrapper div.legend .text {\r
 339   color: #fff;\r
 340 }\r
 341 .gbpWrapper section.sigmaWrapper div.legend ul {\r
 342   padding: 0;\r
 343   margin: 0;\r
 344   list-style: none;\r
 345 }\r
 346 .gbpWrapper section.sigmaWrapper div.legend li {\r
 347   margin-bottom: 5px;\r
 348 }\r
 349 .gbpWrapper section.sigmaWrapper div.legend li .textHidden {\r
 350   display: none;\r
 351 }\r
 352 .gbpWrapper section.sigmaWrapper div.legend li .text {\r
 353   margin-left: 10px;\r
 354   line-height: 18px;\r
 355 }\r
 356 .gbpWrapper section.sigmaWrapper div.legend li .showChckbx {\r
 357   position: relative;\r
 358   top: 2px;\r
 359   left: 5px;\r
 360 }\r
 361 .gbpWrapper section.sigmaWrapper div.legend li .itemWrapper:hover .text {\r
 362   display: block !important;\r
 363 }\r
 364 .gbpWrapper section.sigmaWrapper div.legend div.color {\r
 365   /*margin-right: 15px;*/\r
 366   width: 18px;\r
 367   height: 18px;\r
 368   -webkit-border-radius: 9px;\r
 369   border-radius: 9px;\r
 370   cursor: pointer;\r
 371 }\r
 372 .gbpWrapper #graph-container {\r
 373   padding: 0;\r
 374   height: 800px;\r
 375 }\r
 376 .gbpWrapper .selectWrapper {\r
 377   padding-left: 0;\r
 378 }\r
 379 .gbpWrapper .selectWrapper.col-md-12 {\r
 380   padding: 0;\r
 381   margin-bottom: 5px;\r
 382 }\r
 383 .gbpWrapper .inputWrapper.leftInput {\r
 384   padding-left: 0;\r
 385 }\r
 386 .gbpWrapper .inputWrapper.rightInput {\r
 387   padding-right: 0;\r
 388 }\r
 389 .gbpWrapper .separator {\r
 390   padding-bottom: 10px;\r
 391   margin-top: 15px;\r
 392   height: 1px;\r
 393   padding-left: 0px;\r
 394   padding-right: 15px;\r
 395 }\r
 396 .gbpWrapper .inner-separator {\r
 397   border-bottom: 1px solid #858585;\r
 398   width: 100%;\r
 399   float: left;\r
 400 }\r
 401 .gbpWrapper .btn-group {\r
 402   padding: 0;\r
 403 }\r
 404 .gbpWrapper .formWrapper {\r
 405   margin: 20px 0;\r
 406 }\r
 407 .gbpWrapper .icon-remove.align-right {\r
 408   float: right;\r
 409 }\r
 410 .gbpWrapper .icon-remove.align-right.padding {\r
 411   margin: 5px 5px 0 0;\r
 412 }\r
 413 .gbpWrapper .icon-exclamation-sign.red {\r
 414   color: red;\r
 415 }\r
 416 .gbpWrapper .sigmaWrapper {\r
 417   position: relative;\r
 418 }\r
 419 .gbpWrapper .sigmaWrapper .sigmaModalWrapper {\r
 420   position: absolute;\r
 421   top: 30px;\r
 422   left: 45px;\r
 423   z-index: 1;\r
 424 }\r
 425 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .icon-remove {\r
 426   position: absolute;\r
 427   top: 5px;\r
 428   right: 5px;\r
 429 }\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
 438   min-width: 400px;\r
 439   min-height: 100px;\r
 440   margin-top: 20px;\r
 441   padding: 20px;\r
 442 }\r
 443 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .dataWrapper {\r
 444   overflow-y: scroll;\r
 445   max-height: 350px;\r
 446 }\r
 447 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .rowWrapper {\r
 448   padding: 10px;\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
 456 }\r
 457 .modal-dialog {\r
 458   z-index: 100;\r
 459   height: 700px;\r
 460   width: 700px;\r
 461   background-color: white;\r
 462   position: fixed;\r
 463   opacity: 1;\r
 464   top: 50%;\r
 465   left: 50%;\r
 466   margin: -350px 0 0 -400px;\r
 467 }\r
 468 .modal-dialog .modal-header {\r
 469   height: 70px;\r
 470   padding: 10px 15px;\r
 471 }\r
 472 .modal-dialog .modal-navigation {\r
 473   float: left;\r
 474   width: 150px;\r
 475   height: 630px;\r
 476   border-right: 1px solid #e5e5e5;\r
 477   background-color: #eeeeee;\r
 478 }\r
 479 .modal-dialog .modal-navigation ul {\r
 480   -webkit-padding-start: 0;\r
 481   list-style-type: none;\r
 482 }\r
 483 .modal-dialog .modal-navigation ul li.navigation-item {\r
 484   height: 54px;\r
 485   width: 100%;\r
 486   background-color: #eeeeee;\r
 487   color: #666;\r
 488   font-weight: bold;\r
 489   padding: 20px;\r
 490 }\r
 491 .modal-dialog .modal-navigation ul li.navigation-item.selected {\r
 492   background-color: #428bca;\r
 493   border-color: #357ebd;\r
 494   color: #ffffff;\r
 495 }\r
 496 .modal-dialog .modal-content-container {\r
 497   float: right;\r
 498   width: 550px;\r
 499   height: 630px;\r
 500 }\r
 501 .modal-dialog .modal-content-container .content {\r
 502   overflow-y: scroll;\r
 503   padding: 0 50px 0 20px;\r
 504   height: 580px;\r
 505 }\r
 506 .modal-dialog .modal-content-container .bottom-navigation {\r
 507   height: 50px;\r
 508   bottom: 0;\r
 509   float: right;\r
 510   margin: 8px 30px;\r
 511 }\r
 512 .modal-canvas {\r
 513   position: fixed;\r
 514   top: 0;\r
 515   right: 0;\r
 516   bottom: 0;\r
 517   left: 0;\r
 518   z-index: 10;\r
 519   background-color: #000;\r
 520   opacity: .15;\r
 521 }\r
 522 .link-tools .tool-remove {\r
 523   display: none;\r
 524 }\r
 525 .link-tools .tool-options {\r
 526   display: none;\r
 527 }\r
 528 .connection-wrap,\r
 529 .marker-arrowheads {\r
 530   display: none;\r
 531 }\r
 532 /*-------------------YangUI import START-------------------*/\r
 533 .gbpWrapper .customContainer {\r
 534   border-left: 1px solid #7a7a7a;\r
 535   margin: 35px 5px 5px 15px;\r
 536   padding: 5px;\r
 537   /*z-index: 10;*/\r
 538   width: auto;\r
 539   position: relative;\r
 540 }\r
 541 .gbpWrapper .customContainer.withoutBorder {\r
 542   border-left: 0;\r
 543   padding-bottom: 0;\r
 544 }\r
 545 .gbpWrapper .customContainer.withoutBorder .treeBullet.containerBullet {\r
 546   left: -25px;\r
 547   top: -25px;\r
 548 }\r
 549 .gbpWrapper .topContainerPart {\r
 550   margin-left: -19px;\r
 551   margin-top: -28px;\r
 552   margin-bottom: 10px;\r
 553 }\r
 554 .gbpWrapper .treeBullet {\r
 555   font-size: 25px;\r
 556   color: #7a7a7a;\r
 557   position: absolute;\r
 558   left: -15px;\r
 559   top: 0;\r
 560 }\r
 561 .gbpWrapper .treeBullet.containerBullet {\r
 562   top: -25px;\r
 563   left: -25px;\r
 564 }\r
 565 .gbpWrapper .btn-name {\r
 566   -webkit-border-radius: 5px;\r
 567   border-radius: 5px;\r
 568   background: transparent;\r
 569   font-weight: bold;\r
 570   color: #393939;\r
 571   border: 2px solid #393939;\r
 572   cursor: auto;\r
 573 }\r
 574 .gbpWrapper button.yangButton,\r
 575 .gbpWrapper div.yangButton {\r
 576   cursor: pointer;\r
 577   position: relative;\r
 578   width: 24px;\r
 579   height: 24px;\r
 580   border: 0;\r
 581   margin: 2px;\r
 582   display: -moz-inline-stack;\r
 583   display: inline-block;\r
 584   vertical-align: top;\r
 585   zoom: 1;\r
 586   *display: inline;\r
 587 }\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
 591 }\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
 595 }\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
 599 }\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
 603 }\r
 604 .gbpWrapper button.yangButton:hover,\r
 605 .gbpWrapper div.yangButton:hover {\r
 606   background-position: center -24px;\r
 607 }\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
 615 }\r
 616 .gbpWrapper button.yangButton.disabled:hover,\r
 617 .gbpWrapper div.yangButton.disabled:hover {\r
 618   background-position: center top;\r
 619 }\r
 620 .gbpWrapper .btn-slim {\r
 621   padding-top: 2px;\r
 622   padding-bottom: 2px;\r
 623 }\r
 624 .gbpWrapper .inlineBlock {\r
 625   display: -moz-inline-stack;\r
 626   display: inline-block;\r
 627   vertical-align: top;\r
 628   zoom: 1;\r
 629   *display: inline;\r
 630 }\r
 631 .gbpWrapper .leaf {\r
 632   margin: 5px;\r
 633   padding-left: 5px;\r
 634   position: relative;\r
 635 }\r
 636 .gbpWrapper .leaf-label {\r
 637   margin-right: 10px;\r
 638   font-weight: bold;\r
 639   display: -moz-inline-stack;\r
 640   display: inline-block;\r
 641   vertical-align: top;\r
 642   zoom: 1;\r
 643   *display: inline;\r
 644   /*width: 170px;*/\r
 645   padding-top: 6px;\r
 646 }\r
 647 .gbpWrapper .leaf-label button.iconQuestion {\r
 648   margin-top: -2px;\r
 649 }\r
 650 .gbpWrapper .leaf-label i.icon-key {\r
 651   font-size: 1.3em;\r
 652   padding-left: 5px;\r
 653 }\r
 654 .gbpWrapper .clear {\r
 655   clear: both;\r
 656 }\r
 657 .gbpWrapper .borderArrow {\r
 658   color: #393939;\r
 659   position: absolute;\r
 660   bottom: -6px;\r
 661   left: -6px;\r
 662   font-size: 1.3em;\r
 663 }\r
 664 .gbpWrapper .tooltip-inner {\r
 665   color: #fff;\r
 666   white-space: pre-wrap;\r
 667   /* CSS3 */\r
 668   white-space: -moz-pre-wrap;\r
 669   /* Firefox */\r
 670   white-space: -pre-wrap;\r
 671   /* Opera <7 */\r
 672   white-space: -o-pre-wrap;\r
 673   /* Opera 7 */\r
 674   word-wrap: break-word;\r
 675   /* IE */\r
 676 }\r
 677 /*-------------------YangUI import END-------------------*/\r
 678 /*\r
 679 -------------------JointJS Graph START-------------------\r
 680 .html-element {\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
 688   padding: 5px;\r
 689   box-sizing: border-box;\r
 690   z-index: 2;\r
 691   pointer-events: auto;\r
 692   bottom: 0;\r
 693   left: 0;\r
 694   right: 0;\r
 695   color: #333;\r
 696   height: 16px;\r
 697   margin-top: 107px;\r
 698   margin-left: 16px;\r
 699   width: 50px !important;\r
 700   height: 20px !important;\r
 701 }\r
 702 -------------------JointJS Graph END-------------------\r
 703 */\r
 704 /*GBP END*/\r
 705 \r
 706 .gbpWrapper .btn-like-tab {\r
 707   text-decoration: none;\r
 708   color: #464646;\r
 709   border: 0;\r
 710   line-height: 32px;\r
 711   padding: 0 15px;\r
 712   background: transparent !important;\r
 713   border-bottom: 3px solid transparent;\r
 714   margin: 0 10px;\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
 719   border-radius: 0;\r
 720   -webkit-transition: 150ms;\r
 721   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
 727 }\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
 732 }\r
 733 \r
 734 .gbpWrapper h1, .gbpWrapper h2, .gbpWrapper h3 {\r
 735   color: #393939;\r
 736 }\r
 737 \r
 738 #page_logo {\r
 739   display:none;\r
 740 }\r
 741 \r
 742 \r