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

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