openo-portal/portal-common/src/main/webapp/common/css/style.css

   1 /**\r
   2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.\r
   3  *\r
   4  * Licensed under the Apache License, Version 2.0 (the "License");\r
   5  * you may not use this file except in compliance with the License.\r
   6  * You may obtain a copy of the License at\r
   7  *\r
   8  *         http://www.apache.org/licenses/LICENSE-2.0\r
   9  *\r
  10  * Unless required by applicable law or agreed to in writing, software\r
  11  * distributed under the License is distributed on an "AS IS" BASIS,\r
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  13  * See the License for the specific language governing permissions and\r
  14  * limitations under the License.\r
  15  */\r
  16 /***\r
  17 Colors\r
  18 blue:  #4b8df8\r
  19 light blue: #bfd5fa\r
  20 red: #e02222\r
  21 yellow: #ffb848\r
  22 green: #35aa47\r
  23 purple: #852b99\r
  24 dark: #555555;\r
  25 light grey: #fafafa;\r
  26 ***/\r
  27 /*fontIcon*/\r
  28 [class^="ict-"], [class*=" ict-"]{\r
  29   padding-right:3px;\r
  30   display: inline-block;\r
  31   width: 1.25em;\r
  32   text-align: center;\r
  33 }\r
  34 .page-sidebar-menu [class^="ict-"], .page-sidebar-menu [class*=" ict-"]{\r
  35 padding-right:0;\r
  36 }\r
  37 /*********************\r
  38  GENERAL RESET & SETUP \r
  39 *********************/\r
  40 \r
  41 /***\r
  42 Reset and overrides  \r
  43 ***/\r
  44 body { \r
  45   color: #333; \r
  46   /*font-family: 'Open Sans', sans-serif;\r
  47   font-size:13px; */\r
  48   font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;\r
  49   padding: 0px !important;\r
  50   margin: 0px !important;\r
  51   direction: ltr;\r
  52 }\r
  53 .page-content-body{\r
  54 padding-left:15px;\r
  55 padding-right:15px;\r
  56 padding-top:10px;\r
  57 }\r
  58 /*\r
  59 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't \r
  60 properly apply the media queries in Bootstrap's CSS. To address this, \r
  61 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.\r
  62 */\r
  63 @-webkit-viewport { \r
  64   width: device-width; \r
  65 }\r
  66 \r
  67 @-moz-viewport { \r
  68   width: device-width; \r
  69 }\r
  70 \r
  71 @-ms-viewport { \r
  72   width: device-width; \r
  73 }\r
  74 \r
  75 @-o-viewport { \r
  76   width: device-width; \r
  77 }\r
  78 \r
  79 @viewport { \r
  80   width: device-width; \r
  81 }\r
  82 \r
  83 /* Internet Explorer 10 doesn't differentiate device width from viewport width, \r
  84 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */\r
  85 @-ms-viewport { \r
  86   width: auto !important; \r
  87 }\r
  88 \r
  89 /***\r
  90 Custom Scrollbars\r
  91 ***/\r
  92 \r
  93 ::-webkit-scrollbar {  \r
  94     width: 12px;  \r
  95 }  \r
  96 \r
  97 ::-webkit-scrollbar-track {  \r
  98     background-color: #eaeaea;  \r
  99     border-left: 1px solid #cecece;  \r
 100 }  \r
 101 \r
 102 ::-webkit-scrollbar-thumb {  \r
 103     background-color: #cecece;  \r
 104 }  \r
 105 \r
 106 ::-webkit-scrollbar-thumb:hover {  \r
 107     background-color: #aaa;  \r
 108 }  \r
 109 \r
 110 ::-webkit-scrollbar-track {\r
 111     border-radius: 0;\r
 112     box-shadow: none;\r
 113     border: 0; \r
 114 }\r
 115 \r
 116 ::-webkit-scrollbar-thumb {\r
 117     border-radius: 0;\r
 118     box-shadow: none;\r
 119     border: 0; \r
 120 }\r
 121 \r
 122 /***\r
 123 General typography \r
 124 ***/\r
 125 h1 small,\r
 126 h2 small,\r
 127 h3 small, \r
 128 h4 small, \r
 129 h5 small,\r
 130 h6 small {\r
 131   color: #444;\r
 132 }\r
 133 \r
 134 h1, \r
 135 h2, \r
 136 h3, \r
 137 h4, \r
 138 h5, \r
 139 h6 {\r
 140   font-family: Arial, sans-serif;\r
 141   font-weight: 300 !important;\r
 142 }\r
 143 \r
 144 h1.block, \r
 145 h2.block, \r
 146 h3.block, \r
 147 h4.block, \r
 148 h5.block, \r
 149 h6.block {\r
 150   padding-top: 10px; \r
 151   padding-bottom: 10px;\r
 152 }\r
 153 \r
 154 a {\r
 155   text-shadow: none !important;\r
 156   color: #5b9bd1;\r
 157 }\r
 158 \r
 159 /***\r
 160 Fix link outlines after click\r
 161 ***/\r
 162 a,a:focus, a:hover, a:active {\r
 163   outline: 0;\r
 164 }\r
 165 \r
 166 /***\r
 167 General backgrounds. Can be applied to any block or panel\r
 168 ***/\r
 169 \r
 170 .bg-blue {\r
 171   background-image: none !important;\r
 172   background-color: #4b8df8 !important;\r
 173   border-color:#4b8df8 !important;\r
 174   color: #fff !important;\r
 175 }\r
 176 \r
 177 .bg-red {\r
 178   background-image: none !important;\r
 179   background-color: #e02222 !important;\r
 180   border-color: #e02222 !important;\r
 181   color: #fff !important;\r
 182 }\r
 183 \r
 184 .bg-yellow {\r
 185   background-image: none !important;\r
 186   background-color: #ffb848 !important;\r
 187   border-color: #ffb848 !important;\r
 188   color: #fff !important;\r
 189 }\r
 190 \r
 191 .bg-green {\r
 192   background-image: none !important;\r
 193   background-color: #35aa47 !important;\r
 194   border-color: #35aa47 !important;\r
 195   color: #fff !important;\r
 196 }\r
 197 \r
 198 .bg-purple {\r
 199   background-image: none !important;\r
 200   background-color: #852b99 !important;\r
 201   border-color: #852b99 !important;\r
 202   color: #fff !important;\r
 203 }\r
 204 \r
 205 .bg-dark {\r
 206   background-image: none !important;\r
 207   background-color: #555555 !important;\r
 208   border-color: #555555 !important;\r
 209   color: #fff !important;\r
 210 }\r
 211 \r
 212 .bg-grey {\r
 213   background-image: none !important;\r
 214   background-color: #fafafa !important;\r
 215   border-color: #fafafa !important;\r
 216 }\r
 217 \r
 218 /***\r
 219 Font Awesome Icons\r
 220 ***/\r
 221 \r
 222 [class^="fa-"],\r
 223 [class*=" fa-"] {\r
 224   display: inline-block;\r
 225 /*  margin-top: 1px;*/\r
 226   font-size: 14px;\r
 227   *margin-right: .3em;\r
 228   line-height: 14px;\r
 229 }\r
 230 \r
 231 /***\r
 232 Make font awesome icons fixed width(latest version issue)\r
 233 ***/\r
 234 \r
 235 li [class^="fa-"],\r
 236 li [class*=" fa-"] {\r
 237   display: inline-block;\r
 238   width: 1.25em;\r
 239   text-align: center;\r
 240 }\r
 241 li [class^="fa-"].icon-large,\r
 242 li [class*=" fa-"].icon-large {\r
 243   /* increased font size for icon-large */\r
 244   width: 1.5625em;\r
 245 }\r
 246 \r
 247 .page-breadcrumb  .fa-angle-right{\r
 248         display:inline-block;\r
 249         margin-left:8px;\r
 250         margin-right:8px;\r
 251 }\r
 252 \r
 253 .page-breadcrumb  i[class^="fa-"], [class*=" fa-"],.page-breadcrumb  i[class^="ict-"], [class*=" ict-"]{\r
 254         display:none;\r
 255 }\r
 256 \r
 257 \r
 258 \r
 259 .fa-lg,\r
 260 .icon-lg {\r
 261   font-size: 16px;\r
 262 }\r
 263 \r
 264 .fa-2x {\r
 265   font-size: 2em;\r
 266 }\r
 267 .fa-3x {\r
 268   font-size: 3em;\r
 269 }\r
 270 .fa-4x {\r
 271   font-size: 4em;\r
 272 }\r
 273 .fa-5x {\r
 274   font-size: 5em;\r
 275 }\r
 276 \r
 277 .icon-default {\r
 278   color: #ccc;\r
 279 }\r
 280 \r
 281 .icon-success {\r
 282   color: #468847;\r
 283 }\r
 284 \r
 285 .icon-info {\r
 286   color: #27a9e3; \r
 287 }\r
 288 \r
 289 .icon-warning {\r
 290   color: #dbc056;\r
 291 }\r
 292 \r
 293 .icon-danger {\r
 294   color: #B94A48;\r
 295 }\r
 296 \r
 297 /***\r
 298 Close icon used for modal dialog and other UI element close buttons\r
 299 ***/\r
 300 .close {\r
 301   display: inline-block;\r
 302   margin-top: 0px;\r
 303   margin-right: 0px;\r
 304   width: 9px;\r
 305   height: 9px;\r
 306   background-repeat: no-repeat !important;\r
 307   text-indent: -10000px;\r
 308   outline: none;\r
 309   background-image: url("../image/remove-icon-small.png") !important;\r
 310 }\r
 311 \r
 312 .about{\r
 313     height:345px;\r
 314     width:528px;\r
 315 }\r
 316 \r
 317 .aboutmain{\r
 318     background-image: url("../image/about/about-bg-light.png");\r
 319 }\r
 320 \r
 321 .aboutinfo{\r
 322     background-image: url("../image/about/about-bg-dark.png");\r
 323 }\r
 324 \r
 325 .about a{\r
 326     color: white;\r
 327 \r
 328     margin-left:15px;\r
 329     text-decoration: none;\r
 330 }\r
 331 \r
 332 .about a.about_close{\r
 333     float:right;\r
 334     margin-right:20px;\r
 335     font-size: 1.2em;\r
 336 }\r
 337 \r
 338 .about div{\r
 339     padding-top:10px;\r
 340 \r
 341 }\r
 342 \r
 343 .about div.info{\r
 344     float: right;\r
 345     margin-right: 15px;\r
 346     margin-top: 130px;\r
 347     color: white;\r
 348     font-size: 13px;\r
 349 }\r
 350 \r
 351 .about div.info div{\r
 352     margin-left:15px;\r
 353 }\r
 354 \r
 355 .about div.info img{\r
 356     margin-right: 55px;\r
 357 }\r
 358 \r
 359 .aboutDlg{\r
 360     width: 530px;\r
 361     margin-left:150px;\r
 362 }\r
 363 \r
 364 /***\r
 365 General HR\r
 366 ***/\r
 367 \r
 368 hr {\r
 369   margin: 20px 0;\r
 370   border: 0;\r
 371   border-top: 1px solid #E0DFDF;\r
 372   border-bottom: 1px solid #FEFEFE;\r
 373 }\r
 374 \r
 375 /***\r
 376 Tools\r
 377 ***/\r
 378 \r
 379 .display-none,\r
 380 .display-hide {\r
 381   display: none;\r
 382 }\r
 383 \r
 384 .no-space {\r
 385   margin: 0px !important;\r
 386   padding: 0px !important;\r
 387 }\r
 388 \r
 389 .no-margin {\r
 390   margin:0;\r
 391 }\r
 392 \r
 393 .no-border {\r
 394   border:0 !important;\r
 395 }\r
 396 \r
 397 .margin-bottom-5 {\r
 398   margin-bottom: 5px;\r
 399 }\r
 400 \r
 401 .margin-bottom-10 {\r
 402   margin-bottom: 10px !important;\r
 403 }\r
 404 \r
 405 .margin-top-10 {\r
 406   margin-top: 10px !important;\r
 407 }\r
 408 \r
 409 .margin-bottom-15 {\r
 410   margin-bottom: 15px !important;\r
 411 }\r
 412 \r
 413 .margin-bottom-20 {\r
 414   margin-bottom: 20px !important;\r
 415 }\r
 416 \r
 417 .margin-top-20 {\r
 418   margin-top: 20px !important;\r
 419 }\r
 420 \r
 421 .margin-bottom-25 {\r
 422   margin-bottom: 25px !important;\r
 423 }\r
 424 \r
 425 .margin-right-10 {\r
 426   margin-right: 10px !important;\r
 427 }\r
 428 \r
 429 .bold {\r
 430   font-weight:600 !important;\r
 431 }\r
 432 \r
 433 .fix-margin {\r
 434   margin-left: 0px !important\r
 435 }\r
 436 \r
 437 .border {\r
 438   border: 1px solid red;\r
 439 }\r
 440 \r
 441 .inline {\r
 442   display: inline;\r
 443 }\r
 444 \r
 445 .text-align-reverse {\r
 446   text-align: right;\r
 447 }\r
 448 \r
 449 /***\r
 450 ie8 & ie9 modes\r
 451 ***/\r
 452 \r
 453 .visible-ie8 {\r
 454   display: none;\r
 455 }\r
 456 \r
 457 .ie8 .visible-ie8 {\r
 458   display: inherit !important;\r
 459 }\r
 460 \r
 461 .visible-ie9 {\r
 462   display: none;\r
 463 }\r
 464 \r
 465 .ie9 .visible-ie9 {\r
 466   display: inherit !important;\r
 467 }\r
 468 \r
 469 .hidden-ie8 {\r
 470   display: inherit;\r
 471 }\r
 472 \r
 473 .ie8 .hidden-ie8 {\r
 474   display: none !important;\r
 475 }\r
 476 \r
 477 .hidden-ie9 {\r
 478   display: inherit;\r
 479 }\r
 480 \r
 481 .ie9 .hidden-ie9 {\r
 482   display: none !important;\r
 483 }\r
 484 \r
 485 /********************\r
 486  GENERAL LAYOUT \r
 487 *********************/\r
 488 \r
 489 /***\r
 490 Header and header elements.\r
 491 ***/\r
 492 \r
 493 .header.navbar {\r
 494   width: 100%; \r
 495   padding: 0 20px 0 20px;\r
 496   margin: 0;\r
 497   border: 0px;\r
 498   padding: 0px; \r
 499   box-shadow: none;\r
 500   height: 42px; \r
 501   min-height: 42px;\r
 502 }\r
 503 \r
 504 .header.navbar.navbar-fixed-top {\r
 505   z-index: 9995 !important;\r
 506 }\r
 507 \r
 508 .header.navbar .navbar-brand {\r
 509   display: inline-block;\r
 510   margin-top: -1px;\r
 511   margin-right: 0;\r
 512   padding-left: 0;\r
 513   padding-right: 0;\r
 514   width: 225px;\r
 515   height: 42px;\r
 516 }\r
 517 \r
 518 .header.navbar .navbar-brand img {\r
 519   margin-left: 20px; \r
 520 }\r
 521 \r
 522 .header.navbar .navbar-brand.text-logo {\r
 523   padding-left: 20px;\r
 524   padding-top: 12px;\r
 525 }\r
 526 \r
 527 .header.navbar .navbar-toggle {\r
 528   margin: 8px 6px 4px 6px;\r
 529   padding: 0; \r
 530   padding-top:2px;\r
 531   padding-bottom: 6px; \r
 532   background-image: none;\r
 533   filter:none;\r
 534   box-shadow: none;\r
 535   color: #fff;\r
 536   border: 0;\r
 537 }\r
 538 \r
 539 .header.navbar .navbar-toggle:hover {\r
 540   text-decoration: none;\r
 541   background: none;\r
 542 }\r
 543 \r
 544 .header.navbar .navbar-nav {\r
 545   margin-right: 20px;\r
 546   display: block; \r
 547 }\r
 548 \r
 549 .header.navbar .navbar-nav > li {\r
 550   margin: 0px;\r
 551   padding: 0px;\r
 552 }\r
 553 \r
 554 .header.navbar .navbar-nav > li.dropdown, \r
 555 .header.navbar .navbar-nav > li.dropdown > a {\r
 556   padding-left: 4px; \r
 557   padding-right: 4px;\r
 558 }\r
 559 \r
 560 .header.navbar .navbar-nav > li.dropdown > a:last-child {\r
 561   padding-right: 0;\r
 562 }\r
 563 \r
 564 .header.navbar .navbar-nav > li.dropdown:last-child {\r
 565    padding-right: 2px;\r
 566 }\r
 567 \r
 568 .header.navbar .navbar-nav > li.dropdown .dropdown-toggle {\r
 569   margin: 0px;\r
 570   padding: 15px 10px 7px 10px;\r
 571 }\r
 572 \r
 573 .header.navbar .navbar-nav > li.dropdown .dropdown-toggle > i {\r
 574   font-size: 18px;\r
 575 }\r
 576 \r
 577 .header.navbar .navbar-nav > li.dropdown .dropdown-menu > li > a > i {\r
 578   font-size: 14px;\r
 579 }\r
 580 \r
 581 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle {\r
 582   padding-top: 9px;  \r
 583   *padding: 9px 18px 6px 6px; \r
 584 }\r
 585 \r
 586 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:hover {\r
 587   text-decoration: none;\r
 588 }\r
 589 \r
 590 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username {\r
 591   color: #ddd;\r
 592 }\r
 593 \r
 594 .header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle i {\r
 595   display: inline-block;\r
 596   margin-top: 5px;\r
 597   margin: 0;\r
 598   font-size: 16px;\r
 599 }\r
 600 \r
 601 .header.navbar .navbar-nav > li.dropdown.user .dropdown-menu i {\r
 602   width: 15px;\r
 603   display: inline-block;\r
 604 }\r
 605 \r
 606 .header.navbar .navbar-nav > li.dropdown .dropdown-toggle .badge {\r
 607   position: absolute;\r
 608   top: 8px;\r
 609   right: 20px;\r
 610 }\r
 611 \r
 612 \r
 613 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle {\r
 614   padding: 13px 0px 6px 6px;  \r
 615 }\r
 616 \r
 617 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle:hover {\r
 618   text-decoration: none;\r
 619 }\r
 620 \r
 621 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle .sysname {\r
 622   color: #ddd;\r
 623 }\r
 624 \r
 625 .header.navbar .navbar-nav > li.dropdown.system .dropdown-toggle i {\r
 626   display: inline-block;\r
 627   margin-top: 5px;\r
 628   margin: 0;\r
 629   font-size: 16px;\r
 630 }\r
 631 \r
 632 .header.navbar .navbar-nav > li.dropdown.system .dropdown-menu i {\r
 633   width: 15px;\r
 634   display: inline-block;\r
 635 }\r
 636 \r
 637 /***\r
 638 Header Search\r
 639 ***/\r
 640 .header.navbar .search-form {\r
 641   float: left;\r
 642   display: inline-block;\r
 643   padding: 0;\r
 644   height: 41px;\r
 645   margin:0;\r
 646 }\r
 647 \r
 648 .header.navbar .search-form .form-control{\r
 649   margin-top: 8px;\r
 650   border: 0;\r
 651   padding-top: 1px;\r
 652   padding-right: 27px;\r
 653 }\r
 654 \r
 655 .header.navbar .search-form .submit {  \r
 656   position: relative;\r
 657   display: block;\r
 658   float: right;\r
 659   margin-top: -21px;\r
 660   margin-right: 8px;\r
 661   width: 13px;\r
 662   height: 15px;\r
 663   box-shadow: none;\r
 664   border: 0px; \r
 665   padding: 0px;\r
 666   background-color: none;\r
 667   background-repeat: no-repeat !important;  \r
 668   outline: none !important;\r
 669   opacity: 0.8;\r
 670   filter: alpha(opacity=80);\r
 671 }\r
 672 \r
 673 .header.navbar .search-form .submit:hover {\r
 674   opacity: 1;\r
 675   filter: alpha(opacity=100);  \r
 676 }\r
 677 \r
 678 /***\r
 679 Language Bar\r
 680 ***/\r
 681 \r
 682 .header.navbar .navbar-nav > li.dropdown.language {\r
 683   padding-left: 0;\r
 684   padding-right: 0;\r
 685   margin: 0;\r
 686 }\r
 687 \r
 688 .header.navbar .navbar-nav > li.dropdown.language > a {\r
 689   color: #ddd;\r
 690   font-size: 13px;\r
 691   padding: 11px 1px 11px 5px;\r
 692 }\r
 693 \r
 694 .header.navbar .navbar-nav > li.dropdown.language > a > img {\r
 695   margin-bottom: 2px;\r
 696 }\r
 697 \r
 698 .header.navbar .navbar-nav > li.dropdown.language > a > i {\r
 699   font-size: 16px;\r
 700 }\r
 701 \r
 702 .header.navbar .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img {\r
 703   margin-bottom: 2px;\r
 704 }\r
 705 \r
 706 .header.navbar .navbar-nav .dropdown-menu {\r
 707   margin-top: 3px;\r
 708 }\r
 709 \r
 710 /***\r
 711 Page container\r
 712 ***/\r
 713 \r
 714 .page-container {\r
 715   margin: 0px;\r
 716   padding: 0px;\r
 717   position: relative;\r
 718 }\r
 719 \r
 720 .page-container:before,\r
 721 .page-container:after {\r
 722   display: table;\r
 723   content: " ";\r
 724 }\r
 725 \r
 726 .page-container:after {\r
 727   clear: both;\r
 728 }\r
 729 \r
 730 .page-header-fixed .page-container {\r
 731   margin-top: 42px;  \r
 732 }\r
 733 \r
 734 /*** IE 8 Fixes ***/\r
 735 /***\r
 736 Page sidebar\r
 737 ***/\r
 738 \r
 739 .ie8 .page-sidebar {\r
 740   width: 225px;\r
 741   float: left;\r
 742   position: relative;\r
 743   margin-right: -100%;\r
 744 }\r
 745 \r
 746 /***\r
 747 Page content\r
 748 ***/\r
 749 \r
 750 .ie8 .page-content-wrapper {\r
 751     float: left;\r
 752     width: 100%;\r
 753   }\r
 754 \r
 755 .ie8 .page-content { \r
 756     margin-left: 225px; \r
 757     margin-top: 0px;\r
 758     min-height: 540px; \r
 759     padding: 20px 20px 20px 20px;\r
 760  }\r
 761 /*** IE 8 Fixes ***/\r
 762 \r
 763 /***\r
 764 Page sidebar\r
 765 ***/\r
 766 \r
 767 .page-sidebar.navbar-collapse {\r
 768   padding: 0;\r
 769 }\r
 770 \r
 771 .page-sidebar-menu {\r
 772   list-style: none;\r
 773   margin: 0;\r
 774   padding: 0;\r
 775   margin: 0;\r
 776   padding: 0; \r
 777 }\r
 778 \r
 779 .page-sidebar-menu > li {\r
 780   display: block;\r
 781   margin: 0;\r
 782   padding: 0; \r
 783   border: 0px;\r
 784 }\r
 785 \r
 786 .page-sidebar-menu > li.start > a {\r
 787    border-top-color: transparent !important;\r
 788 }\r
 789 \r
 790 .page-sidebar-menu > li:last-child > a,\r
 791 .page-sidebar-menu > li.last > a {\r
 792    border-bottom-color: transparent !important;\r
 793 }\r
 794 \r
 795 .page-sidebar-menu > li > a {\r
 796   display: block;\r
 797   position: relative;\r
 798   margin: 0;\r
 799   border: 0px;\r
 800   padding: 10px 15px;\r
 801   text-decoration: none;\r
 802   font-size: 14px;\r
 803   font-weight: 300;\r
 804 }\r
 805 \r
 806 .page-sidebar-fixed .page-sidebar-menu > li > a {\r
 807   -webkit-transition: all 0.2s ease;\r
 808      -moz-transition: all 0.2s ease;\r
 809        -o-transition: all 0.2s ease;\r
 810           transition: all 0.2s ease;\r
 811 }\r
 812 \r
 813 .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu > li > a{\r
 814      -webkit-transition: none;\r
 815         -moz-transition: none;\r
 816           -o-transition: none;\r
 817              transition: none;\r
 818 }\r
 819 \r
 820 .page-sidebar-menu > li > a i {\r
 821   font-size: 16px;\r
 822   margin-right: 5px;\r
 823   text-shadow:none; \r
 824 }\r
 825 \r
 826 .page-sidebar-menu > li.break {\r
 827   margin-bottom: 20px;\r
 828 }\r
 829 \r
 830 .page-sidebar-menu > li.open > a {\r
 831   font-size: 14px;\r
 832 }\r
 833 \r
 834 .page-sidebar-menu > li.active > a {\r
 835   border: none; \r
 836   text-shadow:none;\r
 837   font-size: 14px;\r
 838 }  \r
 839 \r
 840 .page-sidebar-menu > li.active > a .selected {\r
 841   display: block;\r
 842   width: 8px;\r
 843   height: 25px;\r
 844   background-image: url("../image/sidebar-menu-arrow.png");\r
 845   float: right;\r
 846   position: absolute;\r
 847   right:0px;\r
 848   top:8px;\r
 849 }\r
 850 \r
 851 .page-sidebar-reversed .page-sidebar-menu > li.active > a .selected {\r
 852   background-image: url("../image/sidebar-menu-arrow-reverse.png");\r
 853   right: auto;\r
 854   left:0;\r
 855 }\r
 856 \r
 857 .page-sidebar ul > li > a > .arrow:before {  \r
 858    float: right;\r
 859    margin-top: 0px;\r
 860    margin-right: 5px;\r
 861    display: inline;\r
 862    font-size: 16px;\r
 863    font-family: FontAwesome;\r
 864    height: auto;\r
 865    content: "\f104";\r
 866    font-weight: 300;\r
 867    text-shadow:none;\r
 868 }\r
 869 \r
 870 .page-sidebar-menu > li > a > .arrow.open:before {   \r
 871    float: right;\r
 872    margin-top: 0px;\r
 873    margin-right: 3px;\r
 874    display: inline;\r
 875    font-family: FontAwesome;\r
 876    height: auto;\r
 877    font-size: 16px;\r
 878    content: "\f107";\r
 879    font-weight: 300;\r
 880    text-shadow:none;\r
 881 }\r
 882 \r
 883 /* bagin: sidebar menu badges */\r
 884 .page-sidebar-menu li > a > .badge {\r
 885    float: right;\r
 886    margin-top: 1px;\r
 887    margin-right: 13px;\r
 888 }\r
 889 \r
 890 /* end: sidebar menu badges */\r
 891 \r
 892 .page-sidebar-menu .sub-menu {\r
 893   padding: 0;\r
 894 }\r
 895 \r
 896 .page-sidebar-menu > li > ul.sub-menu {\r
 897   display: none;\r
 898   list-style: none;\r
 899   clear: both;\r
 900   margin: 8px 0px 8px 0px;\r
 901 }\r
 902 \r
 903 .page-sidebar-menu > li.active > ul.sub-menu {\r
 904   display: block;\r
 905 }\r
 906 \r
 907 .page-sidebar-menu > li > ul.sub-menu > li {\r
 908   background: none;\r
 909   margin: 0px;\r
 910   padding: 0px;\r
 911   margin-top: 1px !important;\r
 912 }\r
 913 \r
 914 .page-sidebar-menu > li > ul.sub-menu > li > a {\r
 915   display: block;\r
 916   margin: 0px 0px 0px 0px;\r
 917   padding: 5px 0px;\r
 918   padding-left: 44px !important;\r
 919   text-decoration: none;\r
 920   font-size: 14px;\r
 921   font-weight: 300;\r
 922   background: none;\r
 923 }\r
 924 \r
 925 /* 3rd level sub menu */\r
 926 .page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {\r
 927   display: none;\r
 928   list-style: none;\r
 929   clear: both;\r
 930   margin: 0px 0px 0px 0px;\r
 931 }\r
 932 \r
 933 .page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  \r
 934    float: right;\r
 935    margin-top: 1px;\r
 936    margin-right: 20px;\r
 937    display: inline;\r
 938    font-size: 16px;\r
 939    font-family: FontAwesome;\r
 940    height: auto;\r
 941    content: "\f104";\r
 942    font-weight: 300;\r
 943    text-shadow:none;\r
 944 }\r
 945 \r
 946 .page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   \r
 947    float: right;\r
 948    margin-top: 1px;\r
 949    margin-right: 18px;\r
 950    display: inline;\r
 951    font-family: FontAwesome;\r
 952    height: auto;\r
 953    font-size: 16px;\r
 954    content: "\f107";\r
 955    font-weight: 300;\r
 956    text-shadow:none;\r
 957 }\r
 958 \r
 959 .page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {\r
 960   display: block;\r
 961 }\r
 962 \r
 963 .page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {\r
 964   background: none;\r
 965   margin: 0px;\r
 966   padding: 0px;\r
 967   margin-top: 1px !important;\r
 968 }\r
 969 \r
 970 .page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {\r
 971   display: block;\r
 972   margin: 0px 0px 0px 0px;\r
 973   padding: 5px 0px;\r
 974   text-decoration: none;\r
 975   font-size: 14px;\r
 976   font-weight: 300;\r
 977   background: none;\r
 978 }\r
 979 \r
 980 .page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  \r
 981   padding-left: 60px;\r
 982 }\r
 983 \r
 984 .page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  \r
 985   padding-left: 80px;\r
 986 }\r
 987 \r
 988 .page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {\r
 989   display: block;\r
 990 }\r
 991 \r
 992 \r
 993 .page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {\r
 994   font-size: 13px;\r
 995 }\r
 996 \r
 997 /***\r
 998 Sidebar Search\r
 999 ***/\r
1000 \r
1001 .page-sidebar .sidebar-search {\r
1002   padding:0;\r
1003   margin: 0;\r
1004 }\r
1005 \r
1006 .page-sidebar .header.navbar-responsive-search {\r
1007   display: none;\r
1008 }\r
1009 \r
1010 .page-sidebar .sidebar-search .form-container {\r
1011   margin: 15px 20px 15px 20px;\r
1012   height: 35px;\r
1013   padding-top: 7px;\r
1014 }\r
1015 \r
1016 .page-sidebar .sidebar-search .form-container .submit {  \r
1017   display: block;\r
1018   float: right;\r
1019   margin-top: 3px;\r
1020   width: 13px;\r
1021   height: 15px;\r
1022   background-repeat: no-repeat;\r
1023   box-shadow: none;\r
1024   border: 0px; \r
1025   padding: 0px;\r
1026   outline: none !important;\r
1027 }\r
1028  \r
1029 .page-sidebar .sidebar-search .form-container input[type="text"] {\r
1030   margin: 0px;\r
1031   width: 165px;\r
1032   border: 0px;\r
1033   padding: 0 !important;\r
1034   font-size: 14px !important;\r
1035   box-shadow: none !important;\r
1036   font-size: 14px;\r
1037   font-weight: normal;\r
1038 }\r
1039 \r
1040 .page-sidebar .sidebar-search .form-container input[type="text"]:focus {\r
1041   outline: none !important;\r
1042 }\r
1043 \r
1044 /***\r
1045 Sidebar toggler(show/hide)\r
1046 ***/\r
1047 .sidebar-toggler {\r
1048   cursor: pointer; \r
1049   opacity: 0.5;\r
1050   filter: alpha(opacity=50);\r
1051   width: 29px;\r
1052   height: 29px;\r
1053   background-repeat: no-repeat;\r
1054 }\r
1055 \r
1056 .sidebar-toggler:hover { \r
1057   filter: alpha(opacity=100);\r
1058   opacity: 1;\r
1059 }\r
1060 \r
1061 .page-sidebar .sidebar-toggler {\r
1062   margin-top: 15px;\r
1063  /* margin-left: 175px;*/\r
1064 }\r
1065 \r
1066 .header.navbar .sidebar-toggler {\r
1067   float: left;\r
1068   display: inline-block;\r
1069   margin-top: 6px;\r
1070   margin-left: -42px;\r
1071 }\r
1072 \r
1073 /***\r
1074 Page content\r
1075 ***/\r
1076 .page-content {  \r
1077   margin-top: 0px;   \r
1078   padding: 0px;\r
1079   background-color: #fff; \r
1080 }\r
1081 \r
1082 .ie8 .page-content { \r
1083     padding: 20px;\r
1084     margin-left: 225px; \r
1085     margin-top: 0px;\r
1086     min-height: 760px;\r
1087 }\r
1088 \r
1089 .ie8 .page-sidebar-fixed .page-content {\r
1090     min-height: 600px; \r
1091 }\r
1092 \r
1093 .ie8 .page-content.no-min-height {\r
1094     min-height: auto;\r
1095 }\r
1096 \r
1097 .page-full-width .page-content {\r
1098     margin-left: 0px !important;\r
1099 }\r
1100 \r
1101 .page-full-width .page-sidebar-menu {\r
1102   display: none;\r
1103 }\r
1104 \r
1105 /***\r
1106 Page title\r
1107 ***/\r
1108 .page-title {\r
1109   padding: 0px;\r
1110   font-size: 30px;\r
1111   letter-spacing: -1px;\r
1112   display: block;\r
1113   color: #666;\r
1114   margin: 0px 0px 15px 0px;\r
1115   font-weight: 300;\r
1116   font-family: 'Open Sans', sans-serif;\r
1117 }\r
1118 \r
1119 .page-title small {\r
1120   font-size: 14px;\r
1121   letter-spacing: 0px;\r
1122   font-weight: 300;\r
1123   color: #888;\r
1124 }\r
1125 \r
1126 /***\r
1127 Page breadcrumb\r
1128 ***/\r
1129 \r
1130 .ie8 .row .page-breadcrumb.breadcrumb > li {\r
1131   margin-right: 1px;\r
1132 }\r
1133 \r
1134 .page-content .page-breadcrumb.breadcrumb {\r
1135   -webkit-border-radius: 0px;\r
1136   -moz-border-radius: 0px;\r
1137   border-radius: 0px;\r
1138   box-shadow: none;\r
1139   padding-right: 30px;\r
1140   padding-left: 8px;\r
1141   margin-top: 15px;\r
1142   margin-bottom: 25px;\r
1143   border:0px !important;  \r
1144   background-color: #fff;\r
1145 }\r
1146 \r
1147 .page-content .page-breadcrumb.breadcrumb > li > a, \r
1148 .page-content .page-breadcrumb.breadcrumb > li > i, \r
1149 .page-content .page-breadcrumb.breadcrumb > li > span {\r
1150   color: #333;\r
1151   font-size: 14px;\r
1152   text-shadow:none;\r
1153 }\r
1154 \r
1155 .page-content .page-breadcrumb.breadcrumb > li > i {\r
1156   color: #666;\r
1157 } \r
1158 \r
1159 .page-content .page-breadcrumb.breadcrumb > li+li:before {\r
1160   display: none;\r
1161 }\r
1162 \r
1163 /* Dashboard breadcrumb Dropdown */\r
1164 .page-content .page-breadcrumb.breadcrumb  .more-botton-zone  .btn-group {\r
1165   right: 15px;\r
1166   position: absolute;\r
1167   margin-top: -8px;\r
1168 }\r
1169 .page-content .page-breadcrumb.breadcrumb  .more-botton-zone {\r
1170         position:inherit;\r
1171 }\r
1172 \r
1173 .page-content .page-breadcrumb.breadcrumb  .more-botton-zone  .btn-group  .btn {\r
1174   padding-top: 8px;\r
1175   padding-bottom: 8px;\r
1176   font-size: 12px;\r
1177 }\r
1178 \r
1179 /* Dashboard date range panel */\r
1180 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range  {\r
1181   position: relative;\r
1182   top: -8px;\r
1183   margin-right: -30px;\r
1184   display: none;\r
1185   padding: 9px 9px 8px 9px;\r
1186   cursor: pointer;\r
1187   color: #fff;\r
1188   background-color: #e02222;\r
1189 }\r
1190 \r
1191 /* hack for chrome and safari */\r
1192 @media all and (-webkit-min-device-pixel-ratio:0) {\r
1193   .page-content .page-breadcrumb.breadcrumb .dashboard-date-range  {\r
1194     padding: 9px;\r
1195   } \r
1196 }\r
1197 \r
1198 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span {\r
1199   font-size: 12px;\r
1200   font-weight: 300; \r
1201   color: #fff;\r
1202   text-transform: uppercase;\r
1203 } \r
1204 \r
1205 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar {\r
1206   text-transform: none;\r
1207   color: #fff;\r
1208   margin-top: 0px;\r
1209   font-size: 14px;\r
1210 }\r
1211 \r
1212 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-angle-down {\r
1213   color:#fff;\r
1214   font-size: 16px;\r
1215 }\r
1216 \r
1217 /***\r
1218 Footer\r
1219 ***/\r
1220 \r
1221 .footer {\r
1222   padding: 8px 20px 5px 20px; \r
1223   font-size: 12px;\r
1224 }\r
1225 \r
1226 .footer:after,\r
1227 .footer:before {\r
1228   content: "";\r
1229   display: table;\r
1230   line-height: 0;\r
1231 }\r
1232 \r
1233 .footer:after {\r
1234   clear: both;\r
1235 }\r
1236 \r
1237 .footer .footer-inner {\r
1238   float: left;\r
1239   display: inline-block;\r
1240 }\r
1241 \r
1242 .footer .footer-tools {\r
1243   float: right;\r
1244   display: inline-block;\r
1245 }\r
1246 \r
1247 .footer .footer-tools .go-top { \r
1248   display: block;\r
1249   text-decoration: none;\r
1250   cursor: pointer;\r
1251   margin-top: -2px;\r
1252   margin-right: 0px;\r
1253   margin-bottom: 0px;\r
1254   font-size: 16px;\r
1255   padding: 0px 6px 0px 6px;\r
1256 }\r
1257 \r
1258 .footer .footer-tools .go-top i {\r
1259   font-size: 22px;\r
1260   margin-bottom: 5px; \r
1261 }\r
1262 \r
1263 \r
1264 /********************\r
1265  GENERAL UI ELEMENTS \r
1266 *********************/\r
1267 \r
1268 /***\r
1269 Icon stuff\r
1270 ***/\r
1271 i.icon, a.icon {\r
1272   color: #999;\r
1273   margin-right: 5px;\r
1274   font-weight: normal;\r
1275   font-size: 13px;\r
1276 }\r
1277 \r
1278 i.icon-black {\r
1279   color: #000 !important;\r
1280 }\r
1281 \r
1282 a.icon:hover {\r
1283   text-decoration: none;\r
1284   -webkit-transition: all 0.1s ease-in-out;\r
1285   -moz-transition: all 0.1s ease-in-out;\r
1286   -o-transition: all 0.1s ease-in-out;\r
1287   -ms-transition: all 0.1s ease-in-out;\r
1288   transition: all 0.1s ease-in-out;\r
1289   opacity: .4;\r
1290   filter:alpha(opacity=40);\r
1291 }\r
1292 \r
1293 a.icon.huge i{\r
1294   font-size: 16px !important;\r
1295 }\r
1296 \r
1297 i.big {\r
1298   font-size: 20px;\r
1299 }\r
1300 \r
1301 i.warning {\r
1302   color: #d12610;\r
1303 }\r
1304 \r
1305 i.critical {\r
1306   color: #37b7f3;\r
1307 }\r
1308 \r
1309 i.normal {\r
1310   color: #52e136;\r
1311 }\r
1312 \r
1313 /***\r
1314 Custom wells\r
1315 ***/\r
1316 .well {\r
1317   background-color: #fafafa;\r
1318   border: 1px solid #eee;\r
1319   -webkit-border-radius: 0px;\r
1320      -moz-border-radius: 0px;\r
1321           border-radius: 0px;   \r
1322   -webkit-box-shadow: none !important;\r
1323      -moz-box-shadow: none !important;\r
1324           box-shadow: none !important;        \r
1325 }\r
1326 \r
1327 .well.mini {\r
1328   padding: 7px !important;\r
1329 }\r
1330 \r
1331 /***\r
1332 Form stuff\r
1333 ***/\r
1334 \r
1335 \r
1336 /***\r
1337 Bordered form layout\r
1338 ***/\r
1339 \r
1340 /***\r
1341 Input icons\r
1342 ***/\r
1343 \r
1344 /* input with right aligned and colored icons */\r
1345 \r
1346 /* input with left aligned icons */\r
1347 .input-icon {\r
1348   position: relative;\r
1349 }\r
1350 \r
1351 \r
1352 .input-icon input {\r
1353    padding-left: 33px !important;\r
1354 }\r
1355 \r
1356 .input-icon i {\r
1357   color: #ccc;\r
1358   display: block;\r
1359   position: absolute;\r
1360   margin: 11px 2px 4px 10px;\r
1361   width: 16px;\r
1362   height: 16px;\r
1363   font-size: 16px;\r
1364   text-align: center;\r
1365 }\r
1366 \r
1367 .input-icon.right input {\r
1368    padding-left: 12px !important;\r
1369    padding-right: 33px !important;\r
1370 }\r
1371 \r
1372 .input-icon.right i {\r
1373    right: 8px;\r
1374    float: right;\r
1375 }\r
1376 \r
1377 .has-success .input-icon > i {\r
1378   color: #468847;\r
1379 }\r
1380 \r
1381 .has-warning .input-icon > i {\r
1382   color: #c09853;\r
1383 }\r
1384 \r
1385 .has-error .input-icon > i {\r
1386   color: #b94a48;\r
1387 }\r
1388 \r
1389 /***\r
1390 Portlets\r
1391 ***/\r
1392 .portlet  {\r
1393   clear: both;\r
1394   margin-top: 0px;\r
1395   margin-bottom: 25px;\r
1396   padding: 0px;\r
1397 }\r
1398 \r
1399 .portlet > .portlet-title {  \r
1400   margin-bottom: 15px;\r
1401   border-bottom: 1px solid #eee;\r
1402 }\r
1403 \r
1404 .portlet > .portlet-title:after,\r
1405 .portlet > .portlet-title:before {\r
1406   content: "";\r
1407   display: table;\r
1408   line-height: 0;\r
1409 }\r
1410 \r
1411 .portlet > .portlet-title:after {\r
1412   clear: both;\r
1413 }\r
1414 \r
1415 .portlet > .portlet-title > .caption {\r
1416   float: left;\r
1417   display: inline-block;\r
1418   font-size: 18px;\r
1419   line-height: 18px;\r
1420   font-weight: 400;\r
1421   margin: 0;\r
1422   padding: 0;\r
1423   margin-bottom: 8px; \r
1424 }\r
1425 \r
1426 .portlet > .portlet-title > .caption > i {\r
1427   float: left;\r
1428   margin-top: 4px;\r
1429   display: inline-block !important;\r
1430   font-size: 13px;\r
1431   margin-right: 5px;\r
1432   color: #666;\r
1433 }\r
1434 \r
1435 .portlet.blue > .portlet-title > .caption,\r
1436 .portlet.green > .portlet-title > .caption, \r
1437 .portlet.yellow > .portlet-title > .caption,\r
1438 .portlet.red > .portlet-title > .caption, \r
1439 .portlet.purple > .portlet-title > .caption, \r
1440 .portlet.grey > .portlet-title > .caption {\r
1441   color: #fff;\r
1442 }\r
1443 \r
1444 .portlet.box.blue > .portlet-title > .caption > i, \r
1445 .portlet.box.green > .portlet-title > .caption > i,\r
1446 .portlet.box.grey > .portlet-title > .caption > i,\r
1447 .portlet.box.yellow > .portlet-title > .caption > i, \r
1448 .portlet.box.red > .portlet-title > .caption > i,  \r
1449 .portlet.box.purple > .portlet-title > .caption > i, \r
1450 .portlet.box.light-grey > .portlet-title > .caption > i{\r
1451   color: #fff;\r
1452 }\r
1453 \r
1454 .sortable .portlet > .portlet-title {\r
1455   cursor: move;\r
1456 }\r
1457 \r
1458 .portlet > .portlet-title > .tools,\r
1459 .portlet > .portlet-title > .actions\r
1460  {\r
1461   display: inline-block;\r
1462   padding: 0;\r
1463   margin: 0;\r
1464   margin-top: 6px;\r
1465   float: right;\r
1466 }\r
1467 \r
1468 .portlet > .portlet-title > .tools > a {\r
1469   display: inline-block;\r
1470   height: 16px;\r
1471   margin-left:5px;\r
1472 }\r
1473 \r
1474 .portlet > .portlet-title > .actions > .dropdown-menu i {\r
1475   color: #000 !important;\r
1476 }\r
1477 \r
1478 .portlet > .portlet-title > .tools > a.remove {\r
1479   margin-bottom: 2px;\r
1480   background-image:url(../image/portlet-remove-icon.png);\r
1481   background-repeat: no-repeat;\r
1482   width: 11px;\r
1483 }\r
1484 \r
1485 .portlet > .portlet-title > .tools > a.config {\r
1486   margin-bottom: 2px;\r
1487   background-image:url(../image/portlet-config-icon.png);\r
1488   background-repeat: no-repeat;\r
1489   width: 12px;\r
1490 }\r
1491 \r
1492 .portlet > .portlet-title > .tools > a.reload {\r
1493   margin-bottom: 2px;\r
1494   background-image:url(../image/portlet-reload-icon.png);\r
1495   width: 13px;\r
1496 }\r
1497 \r
1498 .portlet > .portlet-title > .tools > a.expand {\r
1499   margin-bottom: 2px;\r
1500   background-image:url(../image/portlet-expand-icon.png);\r
1501   width: 14px;\r
1502 }\r
1503 \r
1504 .portlet > .portlet-title > .tools > a.collapse {\r
1505   margin-bottom: 2px;\r
1506   background-image:url(../image/portlet-collapse-icon.png);\r
1507   width: 14px;\r
1508 }\r
1509 \r
1510 .portlet > .portlet-title > .tools > a:hover {\r
1511   text-decoration: none;\r
1512   -webkit-transition: all 0.1s ease-in-out;\r
1513   -moz-transition: all 0.1s ease-in-out;\r
1514   -o-transition: all 0.1s ease-in-out;\r
1515   -ms-transition: all 0.1s ease-in-out;\r
1516   transition: all 0.1s ease-in-out;\r
1517   opacity:.6;  \r
1518   filter:'alpha(opacity=60)';\r
1519 }\r
1520 \r
1521 .portlet > .portlet-title > .actions > .btn-group {\r
1522   margin-top: -13px;\r
1523 }\r
1524 \r
1525 .portlet > .portlet-title > .actions > .btn {\r
1526   padding: 4px 10px;\r
1527   margin-top: -14px;\r
1528 }\r
1529 \r
1530 .portlet > .portlet-title > .actions > .btn-group > .btn {\r
1531   padding: 4px 10px;\r
1532   margin-top: -1px;\r
1533 }\r
1534 \r
1535 .portlet > .portlet-title > .actions > .btn.btn-sm {\r
1536   padding: 3px 8px;\r
1537   margin-top: -13px;\r
1538 }\r
1539 \r
1540 .portlet > .portlet-title > .actions > .btn-group > .btn-sm {\r
1541   padding: 3px 8px;\r
1542   margin-top: -1px;\r
1543 }\r
1544 \r
1545 .portlet > .portlet-title > .pagination.pagination-sm {\r
1546   float: right !important;\r
1547   display: inline-block !important;\r
1548   margin: 0px;\r
1549   margin-top: -4px;\r
1550 }\r
1551 \r
1552 @media (max-width: 767px) { \r
1553   .portlet > .portlet-title > .actions.btn-set > .btn-group,\r
1554   .portlet > .portlet-title > .actions.btn-set > .btn {\r
1555     margin-top: 0px;\r
1556     margin-bottom: 5px;\r
1557   }\r
1558 }\r
1559 \r
1560 .portlet > .portlet-body {\r
1561   clear: both;  \r
1562   padding: 0;  \r
1563 }\r
1564 \r
1565 .portlet > .portlet-empty {\r
1566   min-height: 125px; \r
1567 }\r
1568 \r
1569 .portlet > .portlet-body.light-blue, .portlet.light-blue {\r
1570   background-color: #bfd5fa  !important;\r
1571 }\r
1572 \r
1573 .portlet > .portlet-body.blue, .portlet.blue {\r
1574   background-color: #4b8df8 !important;\r
1575 }\r
1576 \r
1577 .portlet > .portlet-body.red, .portlet.red {\r
1578   background-color: #e02222 !important;\r
1579 }\r
1580 \r
1581 .portlet > .portlet-body.yellow, .portlet.yellow {\r
1582   background-color: #ffb848 !important;\r
1583 }\r
1584 \r
1585 .portlet > .portlet-body.green, .portlet.green {\r
1586   background-color: #35aa47 !important;\r
1587 }\r
1588 \r
1589 .portlet > .portlet-body.purple, .portlet.purple {\r
1590   background-color: #852b99 !important;\r
1591 }\r
1592 \r
1593 .portlet > .portlet-body.light-grey, .portlet.light-grey {\r
1594   background-color: #fafafa !important;\r
1595 }\r
1596 \r
1597 .portlet > .portlet-body.grey, .portlet.grey {\r
1598   background-color: #555555 !important;\r
1599 }\r
1600 \r
1601 /*  draggable girds */\r
1602 \r
1603 .ui-sortable-placeholder { \r
1604     border: 1px dotted black; \r
1605     visibility: visible !important; \r
1606     height: 100% !important; \r
1607 }\r
1608   \r
1609 .ui-sortable-placeholder * { \r
1610   visibility: hidden; \r
1611 }\r
1612 \r
1613 .sortable-box-placeholder {\r
1614   background-color: #f5f5f5;\r
1615   border: 1px dashed #DDDDDD;\r
1616   display: block;\r
1617   /* float: left;*/\r
1618   margin-top: 0px !important;\r
1619   margin-bottom: 24px !important;\r
1620 }\r
1621 \r
1622 .sortable-box-placeholder * {\r
1623   visibility:hidden;\r
1624 }\r
1625 \r
1626 /***\r
1627 Solid colored portlet\r
1628 ***/\r
1629 .portlet.solid {\r
1630   padding: 10px;\r
1631 }\r
1632 \r
1633 .portlet.solid > .portlet-title > .tools {\r
1634   margin-top: 2px;\r
1635   border: 0px;\r
1636 }\r
1637 \r
1638 .portlet.solid > .portlet-title {\r
1639   margin-bottom: 5px;\r
1640   border: 0px;\r
1641 }\r
1642 \r
1643 .portlet.solid.bordered > .portlet-title {\r
1644   margin-bottom: 15px;\r
1645 }\r
1646 \r
1647 .portlet.solid.red > .portlet-title,\r
1648 .portlet.solid.red > .portlet-title > .caption > i,\r
1649 .portlet.solid.red > .portlet-body,\r
1650 \r
1651 .portlet.solid.green > .portlet-title,\r
1652 .portlet.solid.green > .portlet-title > .caption > i,\r
1653 .portlet.solid.green > .portlet-body,\r
1654 \r
1655 .portlet.solid.yellow > .portlet-title,\r
1656 .portlet.solid.yellow > .portlet-title > .caption > i,\r
1657 .portlet.solid.yellow > .portlet-body,\r
1658 \r
1659 .portlet.solid.grey > .portlet-title,\r
1660 .portlet.solid.grey > .portlet-title > .caption > i,\r
1661 .portlet.solid.grey > .portlet-body,\r
1662 \r
1663 .portlet.solid.purple > .portlet-title,\r
1664 .portlet.solid.purple > .portlet-title > .caption > i,\r
1665 .portlet.solid.purple > .portlet-body,\r
1666 \r
1667 .portlet.solid.blue > .portlet-title,\r
1668 .portlet.solid.blue > .portlet-title > .caption > i,\r
1669 .portlet.solid.blue > .portlet-body {\r
1670   border: 0;\r
1671   color: #fff;\r
1672 }\r
1673 \r
1674 .portlet.bordered {\r
1675   border-left: 2px solid #ddd;\r
1676 }\r
1677 \r
1678 /***\r
1679 Box portlet\r
1680 ***/\r
1681 \r
1682 .portlet.box {\r
1683    padding:0px !important\r
1684 }\r
1685 \r
1686 .portlet.box > .portlet-title {  \r
1687    padding:8px 10px 2px 10px;\r
1688    border-bottom: 1px solid #eee;\r
1689    color: #fff !important;\r
1690 }\r
1691 \r
1692 .portlet.box > .portlet-title > .tools {\r
1693   margin-top: 3px;\r
1694 }\r
1695 \r
1696 .portlet.box > .portlet-title > .tools > a.remove, \r
1697 .portlet.solid > .portlet-title > .tools > a.remove {\r
1698   background-image:url(../image/portlet-remove-icon-white.png);\r
1699 }\r
1700 \r
1701 .portlet.box > .portlet-title > .tools > a.config,\r
1702 .portlet.solid > .portlet-title > .tools > a.config {\r
1703   background-image:url(../image/portlet-config-icon-white.png);\r
1704 }\r
1705 \r
1706 .portlet.box > .portlet-title > .tools > a.reload,\r
1707 .portlet.solid > .portlet-title > .tools > a.reload {\r
1708   background-image:url(../image/portlet-reload-icon-white.png);\r
1709 }\r
1710 \r
1711 .portlet.box > .portlet-title > .tools > a.expand,\r
1712 .portlet.solid > .portlet-title > .tools > a.expand {\r
1713   background-image:url(../image/portlet-expand-icon-white.png);\r
1714 }\r
1715 \r
1716 .portlet.box > .portlet-title > .tools > a.collapse,\r
1717 .portlet.solid > .portlet-title > .tools > a.collapse {\r
1718   background-image:url(../image/portlet-collapse-icon-white.png);\r
1719 }\r
1720 \r
1721 /* portlet buttons */\r
1722 .portlet.box > .portlet-body {\r
1723   background-color: #fff;\r
1724   padding: 10px;\r
1725 }\r
1726 \r
1727 .portlet.box > .portlet-title {  \r
1728   margin-bottom: 0px;\r
1729 }\r
1730 \r
1731 .portlet.box.blue > .portlet-title {\r
1732   background-color: #4b8df8;\r
1733 } \r
1734 \r
1735 .portlet.box.blue {  \r
1736    border: 1px solid #b4cef8;\r
1737    border-top: 0;\r
1738 }\r
1739 \r
1740 .portlet.box.red > .portlet-title {\r
1741   background-color: #e02222;\r
1742 } \r
1743 \r
1744 .portlet.box.red {  \r
1745    border: 1px solid #ef8476;\r
1746    border-top: 0;\r
1747 }\r
1748 \r
1749 .portlet.box.yellow > .portlet-title {\r
1750   background-color: #ffb848;\r
1751 } \r
1752 \r
1753 .portlet.box.yellow {  \r
1754    border: 1px solid #fccb7e;\r
1755    border-top: 0;\r
1756 }\r
1757 \r
1758 .portlet.box.green > .portlet-title {\r
1759   background-color: #35aa47;\r
1760 } \r
1761 \r
1762 .portlet.box.green {  \r
1763    border: 1px solid #77e588;\r
1764    border-top: 0;\r
1765 }\r
1766 \r
1767 .portlet.box.purple > .portlet-title {\r
1768   background-color: #852b99;\r
1769 } \r
1770 \r
1771 .portlet.box.purple {  \r
1772    border: 1px solid #af5cc1;\r
1773    border-top: 0;\r
1774 }\r
1775 \r
1776 .portlet.box.grey > .portlet-title {\r
1777   background-color: #555555;\r
1778 } \r
1779 \r
1780 .portlet.box.grey {  \r
1781    border: 1px solid #9d9c9c;\r
1782    border-top: 0;\r
1783 }\r
1784 \r
1785 .portlet.box.light-grey > .portlet-title {\r
1786   background-color: #aaa;\r
1787 } \r
1788 \r
1789 .portlet.box.light-grey {  \r
1790    border: 1px solid #bbb;\r
1791    border-top: 0;\r
1792 }\r
1793 \r
1794 /***\r
1795 Charts and statistics\r
1796 ***/\r
1797 .chart, .pie, .bars {\r
1798   overflow: hidden;\r
1799   height: 300px;\r
1800 }\r
1801 \r
1802 /***\r
1803 Statistic lists\r
1804 ***/\r
1805 .item-list.table .percent {\r
1806   width: 30px;\r
1807   float: right;\r
1808   margin-right: 10px;\r
1809   margin-top: 3px;\r
1810 }\r
1811 \r
1812 /***\r
1813 Chart tooltips\r
1814 ***/\r
1815 .chart-tooltip {\r
1816   clear: both;\r
1817   z-index: 100;\r
1818   background-color: #736e6e !important;\r
1819   padding: 5px !important;\r
1820   color: #fff;\r
1821 }\r
1822 \r
1823 .chart-tooltip .label {\r
1824   clear: both;\r
1825   display: block;\r
1826   margin-bottom: 2px;\r
1827 }\r
1828 \r
1829 /***\r
1830 Mini chart containers\r
1831 ***/\r
1832 .bar-chart {\r
1833   display: none\r
1834 }\r
1835 \r
1836 .line-chart {\r
1837   display: none\r
1838 }\r
1839 \r
1840 /***\r
1841 Custom icon buttons\r
1842 ***/\r
1843 .icon-btn {\r
1844   height: 60px;\r
1845   min-width: 80px;\r
1846   margin: 5px 5px 0 0;\r
1847   border: 1px solid #ddd;\r
1848   padding: 12px 0px 0px 0px;\r
1849   background-color: #fafafa !important;\r
1850   background-image: none !important;\r
1851   filter:none !important;\r
1852   -webkit-box-shadow: none !important;\r
1853      -moz-box-shadow: none !important;\r
1854           box-shadow: none !important;\r
1855   display:inline-block !important;\r
1856   color: #646464 !important;\r
1857   text-shadow: none !important;\r
1858   text-align: center;\r
1859   cursor: pointer;\r
1860   position: relative;  \r
1861   -webkit-transition: all 0.3s ease !important;\r
1862   -moz-transition: all 0.3s ease !important;\r
1863   -ms-transition: all 0.3s ease !important;\r
1864   -o-transition: all 0.3s ease !important;\r
1865   transition: all 0.3s ease !important;\r
1866 }\r
1867 \r
1868 .icon-btn i {\r
1869   font-size: 18px;\r
1870 }\r
1871 \r
1872 .ie8 .icon-btn:hover {\r
1873   filter: none !important;\r
1874 } \r
1875 \r
1876 .icon-btn:hover {\r
1877   text-decoration: none !important;\r
1878   border-color: #999 !important;\r
1879   color: #444 !important;\r
1880   text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;\r
1881   -webkit-transition: all 0.3s ease !important;\r
1882   -moz-transition: all 0.3s ease !important;\r
1883   -ms-transition: all 0.3s ease !important;\r
1884   -o-transition: all 0.3s ease !important;\r
1885   transition: all 0.3s ease !important;\r
1886   -webkit-box-shadow: none !important;\r
1887   -moz-box-shadow: none !important;\r
1888   box-shadow: none !important;\r
1889 }\r
1890 \r
1891 .icon-btn:hover .badge {\r
1892   -webkit-transition: all 0.3s ease !important;\r
1893   -moz-transition: all 0.3s ease !important;\r
1894   -ms-transition: all 0.3s ease !important;\r
1895   -o-transition: all 0.3s ease !important;\r
1896   transition: all 0.3s ease !important;\r
1897   -webkit-box-shadow: none !important;\r
1898        -moz-box-shadow: none !important;\r
1899             box-shadow: none !important;\r
1900 }\r
1901 \r
1902 .icon-btn div {\r
1903   font-family: 'Open Sans', sans-serif;\r
1904   margin-top: 5px;\r
1905   margin-bottom: 20px;  \r
1906   color: #000;\r
1907   font-size: 12px;\r
1908   font-weight: 300;\r
1909 }\r
1910 \r
1911 .icon-btn .badge {\r
1912   position: absolute;\r
1913   font-family: 'Open Sans', sans-serif;\r
1914   font-size: 11px !important;\r
1915   font-weight: 300;\r
1916   top: -5px;\r
1917   right: -5px;\r
1918   padding: 3px 6px 3px 6px;\r
1919   color: white !important;\r
1920   text-shadow: none;\r
1921   border-width: 0;\r
1922   border-style: solid;\r
1923   -webkit-border-radius: 12px !important;\r
1924   -moz-border-radius: 12px !important;\r
1925   border-radius: 12px !important;\r
1926   -webkit-box-shadow: none;\r
1927   -moz-box-shadow: none;\r
1928   box-shadow: none;\r
1929 }\r
1930 \r
1931 /* extended dropdowns */\r
1932 .dropdown-menu.extended {\r
1933   min-width: 160px !important;\r
1934   max-width: 300px !important;\r
1935   width: 233px !important;\r
1936   background-color: #ffffff !important;\r
1937 }\r
1938 \r
1939 .dropdown-menu.extended:before,\r
1940 .dropdown-menu.extended:after {\r
1941   border-bottom-color: #ddd !important;\r
1942 }\r
1943 \r
1944 .dropdown-menu.extended li a{\r
1945   display: block;\r
1946   padding: 5px 10px !important;\r
1947   clear: both;\r
1948   font-weight: normal;\r
1949   line-height: 20px;\r
1950   white-space: normal !important;\r
1951 }\r
1952 \r
1953 .dropdown-menu.extended li i{\r
1954   margin-right: 3px;\r
1955 }\r
1956 \r
1957 .dropdown-menu.extended li a{\r
1958    font-size: 13px;\r
1959    padding: 10px !important;\r
1960    background-color: #ffffff;\r
1961 }\r
1962 \r
1963 .dropdown-menu.extended li a:hover {\r
1964   background-image: none;\r
1965   background-color: #f5f5f5;\r
1966   color: #000;\r
1967   filter:none;\r
1968 }\r
1969 \r
1970 .dropdown-menu.extended li p{\r
1971   padding: 10px;\r
1972   background-color: #eee;\r
1973   margin: 0px;\r
1974   font-size: 14px;\r
1975   font-weight: 300;\r
1976   color: #000;\r
1977 }\r
1978 \r
1979 .dropdown-menu.extended li a{\r
1980   padding: 7px 0 5px 0px;\r
1981   list-style: none;\r
1982   border-bottom: 1px solid #f4f4f4 !important;\r
1983   font-size: 12px;\r
1984   text-shadow: none;\r
1985 }\r
1986 \r
1987 .dropdown-menu.extended li:first-child a {\r
1988   border-top: none;\r
1989   border-bottom: 1px solid #f4f4f4 !important;\r
1990 }\r
1991 \r
1992 .dropdown-menu.extended li:last-child a {\r
1993   border-top: 1px solid white !important;\r
1994   border-bottom: 1px solid #f4f4f4 !important;\r
1995 }\r
1996 \r
1997 .dropdown-menu.extended li.external > a {\r
1998   font-size: 13px;\r
1999   font-weight: 400;  \r
2000 }\r
2001 \r
2002 .dropdown-menu.extended li.external > a > i{\r
2003   margin-top: 3px;\r
2004   float: right;\r
2005 }\r
2006 \r
2007 /* header notifications dropdowns */\r
2008 .dropdown-menu .dropdown-menu-list.scroller {\r
2009   padding-right: 0 !important;\r
2010   padding-left: 0;\r
2011   list-style: none;\r
2012 }\r
2013 \r
2014 .dropdown-menu.notification li > a .time {\r
2015   font-size: 12px;\r
2016   font-weight: 600;\r
2017   text-align: right;\r
2018   font-style: italic;\r
2019 }\r
2020 \r
2021 /* header inbox dropdowns */\r
2022 .dropdown-menu.inbox li > a .photo {\r
2023   float: left;\r
2024   padding-right: 6px;\r
2025 }\r
2026 \r
2027 .dropdown-menu.inbox li > a .photo > img {\r
2028   height: 40px;\r
2029   width: 40px;\r
2030 }\r
2031 \r
2032 .dropdown-menu.inbox li > a .subject {\r
2033   display: block;\r
2034 }\r
2035 \r
2036 .dropdown-menu.inbox li > a .subject .from {\r
2037   font-size: 14px;\r
2038   font-weight: 400;\r
2039   color: #02689b;\r
2040 }\r
2041 \r
2042 .dropdown-menu.inbox li > a .subject .time {\r
2043   font-size: 12px;\r
2044   font-weight: 600;\r
2045   font-style: italic;\r
2046   position: relative;\r
2047   float: right;\r
2048 }\r
2049 \r
2050 .dropdown-menu.inbox li > a .message {\r
2051   display: block !important;\r
2052   font-size: 12px;\r
2053 }\r
2054 \r
2055 /* header tasks */\r
2056 .dropdown-menu.tasks .task {\r
2057   margin-bottom: 5px;\r
2058 }\r
2059 \r
2060 .dropdown-menu.tasks .task .desc {\r
2061   font-size: 13px;\r
2062   font-weight: 300;\r
2063 }\r
2064 \r
2065 .dropdown-menu.tasks .task .percent {\r
2066   font-size: 14px;\r
2067   font-weight: 600;\r
2068   font-family: 'Open Sans', sans-serif;\r
2069   float: right;\r
2070   display: inline-block;\r
2071 }\r
2072 \r
2073 .dropdown-menu.tasks .progress {\r
2074   display: block;\r
2075   height: 11px;\r
2076   margin: 0px;\r
2077 }\r
2078 \r
2079 /***\r
2080 General list for item with image\r
2081 ***/\r
2082 .item-list li .img {\r
2083   height: 50px;\r
2084   width: 50px;\r
2085   float: left;\r
2086   margin-top: 3px;\r
2087   margin-right: 5px;\r
2088 }\r
2089 \r
2090 .item-list {\r
2091   margin: 0px;\r
2092   list-style: none;\r
2093 }\r
2094 \r
2095 .item-list li {\r
2096   padding: 7px 0 5px 0px;\r
2097   list-style: none;\r
2098   border-top: 1px solid white;\r
2099   border-bottom: 1px solid #EBEBEB;\r
2100   font-size: 12px;\r
2101 }\r
2102 \r
2103 .item-list li:first-child {\r
2104   border-top: none;\r
2105   border-bottom: 1px solid #EBEBEB;\r
2106 }\r
2107 \r
2108 .item-list li:last-child {\r
2109   border-top: none;\r
2110   border-bottom: none;\r
2111 }\r
2112 \r
2113 .item-list li .label {\r
2114   margin-right: 5px;\r
2115 }\r
2116 \r
2117 .item-list.todo li .label {\r
2118   position: absolute;\r
2119   right: 80px;\r
2120 }\r
2121 \r
2122 .item-list.todo li .actions {\r
2123   position: absolute;\r
2124   right: 45px;\r
2125 }\r
2126 \r
2127 /***\r
2128 Custom tables\r
2129 ***/\r
2130 .table-toolbar {\r
2131   margin-bottom: 15px;\r
2132 }\r
2133 \r
2134 .table.table-full-width {\r
2135   width: 100% !important;\r
2136 }\r
2137 \r
2138 .table .m-btn {\r
2139   margin-top: 0px;\r
2140   margin-left: 0px; \r
2141   margin-right: 5px;\r
2142 }\r
2143 \r
2144 .table thead tr th {\r
2145   font-size: 14px;\r
2146   font-weight: 600;\r
2147 }\r
2148 \r
2149 .table-advance {\r
2150   margin-bottom: 10px !important;\r
2151 }\r
2152 \r
2153 .table-advance thead { \r
2154   color: #999; \r
2155 }\r
2156 \r
2157 .table-advance thead tr th{\r
2158   background-color: #DDD; \r
2159   font-size: 14px;\r
2160   font-weight: 400; \r
2161   color: #666;\r
2162 }\r
2163 \r
2164 .table-advance div.success, \r
2165 .table-advance div.info, \r
2166 .table-advance div.important, \r
2167 .table-advance div.warning, \r
2168 .table-advance div.danger {\r
2169   position: absolute;\r
2170   margin-top:-5px;\r
2171   float: left;\r
2172   width: 2px;\r
2173   height: 30px;\r
2174   margin-right: 20px !important;\r
2175 }\r
2176 \r
2177 .table-advance tr td {\r
2178   border-left-width: 0px; \r
2179 }\r
2180 .table-advance tr td:first-child {\r
2181   border-left-width: 1px !important; \r
2182 }\r
2183 \r
2184 .table-advance tr td.highlight:first-child a {\r
2185   margin-left: 15px;\r
2186 }\r
2187 \r
2188 .table-advance td.highlight div.success {  \r
2189   border-left: 2px solid #66ee66;\r
2190 }\r
2191 \r
2192 .table-advance td.highlight div.info {  \r
2193   border-left: 2px solid #87ceeb;\r
2194 }\r
2195 \r
2196 .table-advance td.highlight div.important {  \r
2197   border-left: 2px solid #f02c71;\r
2198 }\r
2199 \r
2200 .table-advance td.highlight div.warning {  \r
2201   border-left: 2px solid #fdbb39;\r
2202 }\r
2203 \r
2204 .table-advance td.highlight div.danger {  \r
2205   border-left: 2px solid #e23e29;\r
2206 }\r
2207 \r
2208 /***\r
2209 Star rating\r
2210 ***/\r
2211 .rating {\r
2212   unicode-bidi: bidi-override;\r
2213   direction: rtl;\r
2214   font-size: 30px;\r
2215 }\r
2216 \r
2217 .rating span.star {\r
2218   font-family: FontAwesome;\r
2219   font-weight: normal;\r
2220   font-style: normal;\r
2221   display: inline-block;\r
2222 }\r
2223 \r
2224 .rating span.star:hover {\r
2225   cursor: pointer;\r
2226 }\r
2227 \r
2228 .rating span.star:before {\r
2229   content: "\f006";\r
2230   padding-right: 5px;\r
2231   color: #999999;\r
2232 }\r
2233 \r
2234 .rating span.star:hover:before,\r
2235 .rating span.star:hover ~ span.star:before {\r
2236   content: "\f005";\r
2237   color: #e3cf7a;\r
2238 }\r
2239 \r
2240 \r
2241 /***\r
2242 Item block with details shown on hover\r
2243 ***/\r
2244 .item {\r
2245   overflow: hidden;\r
2246   display: block;\r
2247   margin-bottom: 20px;\r
2248 }\r
2249 \r
2250 .item .details {\r
2251   width: 100%;\r
2252   display: none;\r
2253   background-color: #000;\r
2254   color: #fff !important;\r
2255   padding: 5px;\r
2256   text-align: center;\r
2257   position: relative;\r
2258   bottom:30px; \r
2259   margin-bottom:-30px; \r
2260   overflow: hidden; \r
2261   z-index: 6;\r
2262 }\r
2263 \r
2264 .item:hover .details {\r
2265   display: block;\r
2266   opacity: 0.7;\r
2267   filter: alpha(opacity = 70);\r
2268 }\r
2269 \r
2270 .item:hover .zoom-icon{\r
2271   opacity:0.5;  \r
2272   filter: alpha(opacity = 50);\r
2273 }\r
2274 \r
2275 /***\r
2276 Zoom icon overlay on images\r
2277 ***/\r
2278 .zoom {\r
2279   cursor: pointer;\r
2280   width: 100%;\r
2281   height: 100%;\r
2282   position: relative;   \r
2283   z-index: 5;\r
2284 }\r
2285 \r
2286 .zoom .zoom-icon {\r
2287   background-image:url("../image/overlay-icon.png");\r
2288   background-color: #222;\r
2289   background-repeat: no-repeat;\r
2290   background-position: 50%;\r
2291   position: absolute;\r
2292   width: inherit;\r
2293   height: inherit;\r
2294   opacity: 0; \r
2295   filter: alpha(opacity = 0);\r
2296   z-index: 6;  \r
2297   top:0;  \r
2298 }\r
2299 \r
2300 /***\r
2301 Chats\r
2302 ***/\r
2303 .chats {\r
2304   margin:0;\r
2305   padding: 0;\r
2306   margin-top: -15px;\r
2307 }\r
2308 \r
2309 .chats li {\r
2310   list-style: none;\r
2311   padding: 5px 0;\r
2312   margin: 10px auto;\r
2313   font-size: 12px;\r
2314 }\r
2315 \r
2316 .chats li img.avatar {\r
2317   height: 45px;\r
2318   width: 45px;\r
2319   -webkit-border-radius: 50% !important;\r
2320      -moz-border-radius: 50% !important;\r
2321           border-radius: 50% !important;\r
2322 }\r
2323 \r
2324 .chats li.in img.avatar {\r
2325   float: left;\r
2326   margin-right: 10px;\r
2327 }\r
2328 \r
2329 .chats li .name {\r
2330   color:#3590c1;\r
2331   font-size: 13px;\r
2332   font-weight: 400;\r
2333 }\r
2334 \r
2335 .chats li .datetime {\r
2336   color:#333;\r
2337   font-size: 13px;\r
2338   font-weight: 400;\r
2339 }\r
2340 \r
2341 .chats li.out img.avatar {\r
2342   float: right;\r
2343   margin-left: 10px;\r
2344 }\r
2345 \r
2346 .chats li .message {\r
2347   display: block; \r
2348   padding: 5px;\r
2349   position: relative;\r
2350 }\r
2351 \r
2352 .chats li.in .message {\r
2353   text-align: left;\r
2354   border-left: 2px solid #35aa47;\r
2355   margin-left: 65px;\r
2356   background: #fafafa \r
2357 }\r
2358 \r
2359 .chats li.in .message .arrow {\r
2360   display: block;\r
2361   position: absolute;\r
2362   top: 5px;\r
2363   left: -8px;  \r
2364   width: 0; \r
2365   height: 0; \r
2366 \r
2367   border-top: 8px solid transparent;\r
2368   border-bottom: 8px solid transparent;  \r
2369   border-right: 8px solid #35aa47;  \r
2370 }\r
2371 \r
2372 .chats li.out .message .arrow {\r
2373   display: block;\r
2374   position: absolute;\r
2375   top: 5px;\r
2376   right: -8px;\r
2377   border-top: 8px solid transparent;\r
2378   border-bottom: 8px solid transparent;  \r
2379   border-left: 8px solid #da4a38;  \r
2380 }\r
2381 \r
2382 .chats li.out .message {\r
2383   border-right: 2px solid #da4a38;\r
2384   margin-right: 65px;\r
2385   background: #fafafa;\r
2386   text-align: right;\r
2387 }\r
2388 \r
2389 .chats li.out .name, \r
2390 .chats li.out .datetime  {  \r
2391   text-align: right;\r
2392 }\r
2393 \r
2394 .chats li .message .body {\r
2395   display: block; \r
2396 }\r
2397 \r
2398 .chat-form {\r
2399   margin-top: 15px;\r
2400   padding: 10px;\r
2401   background-color: #e9eff3;\r
2402   overflow: hidden;\r
2403   clear: both;   \r
2404 }\r
2405 \r
2406 .chat-form .input-cont {\r
2407   margin-right: 40px;\r
2408 }\r
2409 \r
2410 .chat-form .input-cont .form-control {\r
2411   width: 100% !important;\r
2412   margin-bottom: 0px;\r
2413 }\r
2414 \r
2415 .chat-form .input-cont input{\r
2416   border: 1px solid #ddd;\r
2417   width: 100%  !important;  \r
2418   margin-top: 0;\r
2419 }\r
2420 \r
2421 .chat-form .input-cont input {\r
2422   background-color: #fff !important;\r
2423 }\r
2424 \r
2425 .chat-form .input-cont input:focus{\r
2426   border: 1px solid #4b8df9 !important;\r
2427 }\r
2428 \r
2429 .chat-form .btn-cont {\r
2430   margin-top: -42px;\r
2431   position: relative;\r
2432   float: right;\r
2433   width:44px;\r
2434 }\r
2435 \r
2436 .chat-form .btn-cont .arrow {\r
2437   position: absolute;\r
2438   top: 17px;\r
2439   right: 43px;\r
2440   border-top: 8px solid transparent;\r
2441   border-bottom: 8px solid transparent;  \r
2442   border-right: 8px solid #4d90fe;   \r
2443     -webkit-box-sizing: border-box;\r
2444        -moz-box-sizing: border-box;\r
2445             box-sizing: border-box; \r
2446 }\r
2447 \r
2448 .chat-form .btn-cont:hover .arrow {\r
2449   border-right-color: #0362fd;\r
2450 }\r
2451 \r
2452 .chat-form .btn-cont:hover .btn {\r
2453   background-color: #0362fd;\r
2454 }\r
2455 \r
2456 .chat-form .btn-cont .btn {\r
2457   margin-top: 8px;\r
2458 }\r
2459 \r
2460 /***\r
2461 System feeds\r
2462 ***/\r
2463 .feeds {\r
2464   margin: 0px;\r
2465   padding: 0px;\r
2466   list-style: none;\r
2467 }\r
2468 \r
2469 .feeds li {\r
2470   background-color: #fafafa;\r
2471   margin-bottom: 7px;   \r
2472 }\r
2473 \r
2474 .feeds li:before, \r
2475 .feeds li:after {\r
2476   display: table;\r
2477   line-height: 0;\r
2478   content: "";\r
2479 }\r
2480 \r
2481 .feeds li:after {\r
2482   clear: both;\r
2483 }\r
2484 \r
2485 .feeds li:last-child {\r
2486   margin-bottom: 0px;\r
2487 }\r
2488 \r
2489 .feeds .col1 {\r
2490   float:left;\r
2491   width:100%;  \r
2492   clear: both;\r
2493 }\r
2494 \r
2495 .feeds .col2 {\r
2496   float:left;\r
2497   width:75px;\r
2498   margin-left:-75px;\r
2499 }\r
2500 \r
2501 .feeds .col1 .cont {\r
2502   float:left;\r
2503   margin-right:75px;\r
2504   overflow:hidden;\r
2505 }\r
2506 \r
2507 .feeds .col1 .cont  .cont-col1 {\r
2508   float:left;\r
2509   margin-right:-100%;\r
2510 }\r
2511 \r
2512 .feeds .col1 .cont  .cont-col1 .label {\r
2513   display: inline-block;\r
2514   padding: 5px 4px 6px 5px;\r
2515   vertical-align: middle;\r
2516   text-align: center;\r
2517 }\r
2518 .feeds .col1 .cont  .cont-col1 .label > i {\r
2519   text-align: center;\r
2520   font-size: 14px;\r
2521 }\r
2522 \r
2523 .feeds .col1 .cont .cont-col2 {\r
2524   float:left;\r
2525   width:100%;\r
2526 }\r
2527 \r
2528 .feeds .col1 .cont .cont-col2 .desc { \r
2529   margin-left:35px;\r
2530   padding-top: 4px;\r
2531   padding-bottom: 5px;\r
2532   overflow:hidden;\r
2533 }\r
2534 \r
2535 .feeds .col2 .date {\r
2536   padding: 4px 9px 5px 4px;\r
2537   text-align: right;\r
2538   font-style: italic;\r
2539   color:#c1cbd0;\r
2540 }\r
2541 \r
2542 /***\r
2543 Users\r
2544 ***/\r
2545 .user-info {\r
2546   margin-bottom: 10px !important;\r
2547 }\r
2548 \r
2549 .user-info img {\r
2550   float: left;\r
2551   margin-right: 5px;\r
2552 }\r
2553 \r
2554 .user-info .details {\r
2555   display: inline-block;\r
2556 }\r
2557 \r
2558 .user-info .label {\r
2559   font-weight: 300;\r
2560   font-size: 11px;\r
2561 }\r
2562 \r
2563 /***\r
2564 Accordions\r
2565 ***/\r
2566 .accordion-heading {\r
2567   background:#eee;\r
2568 }\r
2569 \r
2570 .accordion-heading a {\r
2571   text-decoration:none;\r
2572 }\r
2573 \r
2574 .accordion-heading a:hover {\r
2575   text-decoration:none;\r
2576 }\r
2577 \r
2578 /***\r
2579 Vertical inline menu\r
2580 ***/\r
2581 .ver-inline-menu {\r
2582   padding: 0;\r
2583   margin: 0;\r
2584   list-style: none;\r
2585 }\r
2586 \r
2587 .ver-inline-menu li {\r
2588   position:relative;\r
2589   margin-bottom:1px;\r
2590 }\r
2591 \r
2592 .ver-inline-menu li i {\r
2593   width: 37px;\r
2594   height: 37px;\r
2595   display: inline-block;\r
2596   color:#b9cbd5;\r
2597   font-size:15px;\r
2598   padding:12px 10px 10px 8px;\r
2599   margin:0 8px 0 0;\r
2600   text-align: center;\r
2601   background:#e0eaf0 !important;\r
2602 }\r
2603 \r
2604 .ver-inline-menu li a {\r
2605   font-size: 13px;\r
2606   color:#557386;\r
2607   display:block;\r
2608   background:#f0f6fa;\r
2609   border-left:solid 2px #c4d5df;\r
2610 }\r
2611 \r
2612 .ver-inline-menu li:hover a,\r
2613 .ver-inline-menu li:hover i {\r
2614   background:#e0eaf0;\r
2615   text-decoration:none;\r
2616 }\r
2617 \r
2618 .ver-inline-menu li:hover i {\r
2619   color:#fff;\r
2620   background:#c4d5df !important;\r
2621 }\r
2622 \r
2623 .ver-inline-menu li.active a,\r
2624 .ver-inline-menu li:hover a {\r
2625   font-size: 13px;\r
2626 }\r
2627 \r
2628 .ver-inline-menu li.active a {\r
2629   border-left:solid 2px #0c91e5;\r
2630 }\r
2631 \r
2632 .ver-inline-menu li.active a,\r
2633 .ver-inline-menu li.active i {\r
2634   color:#fff;\r
2635   background:#169ef4;\r
2636   text-decoration:none;\r
2637 }\r
2638 \r
2639 .ver-inline-menu li.active i {\r
2640   background:#0c91e5 !important;  \r
2641 }\r
2642 \r
2643 .ver-inline-menu li.active:after {\r
2644   content: '';\r
2645   display: inline-block;\r
2646   border-bottom: 6px solid transparent;\r
2647   border-top: 6px solid transparent;\r
2648   border-left: 6px solid #169ef4;\r
2649   position: absolute;\r
2650   top: 12px;\r
2651   right: -5px;\r
2652 }\r
2653 \r
2654 /***\r
2655 Custom tabs\r
2656 ***/\r
2657 .nav-tabs > li > a > .badge,\r
2658 .nav-pills > li > a > .badge {\r
2659   margin-top: -3px;\r
2660 }\r
2661 \r
2662 .nav-tabs > li > a,\r
2663 .nav-pills > li > a {\r
2664   font-size: 14px;\r
2665 }\r
2666 \r
2667 .nav-tabs-sm > li > a,\r
2668 .nav-pills-sm > li > a {\r
2669   font-size: 13px;\r
2670 }\r
2671 \r
2672 .tabbable-custom { \r
2673   margin-bottom: 15px; \r
2674   padding: 0px;  \r
2675   overflow: hidden;\r
2676 }   \r
2677 \r
2678 .tabbable-custom > .nav-tabs { \r
2679   border: none; \r
2680   margin: 0px;\r
2681 }\r
2682 \r
2683 .tabbable-custom > .tab-content { \r
2684    background-color: #fff;\r
2685    border: 1px solid #ddd;  \r
2686    -webkit-border-radius: 0; \r
2687    -moz-border-radius: 0; \r
2688    border-radius: 0; \r
2689    padding: 10px;\r
2690 }\r
2691 \r
2692 .tabbable-custom.nav-justified .tab-content {\r
2693   margin-top: -1px;\r
2694 }\r
2695 \r
2696 .tabs-below.tabbable-custom.nav-justified .tab-content {\r
2697   margin-top: 0px;\r
2698   margin-bottom: -2px;\r
2699 }\r
2700 \r
2701 .tabbable-custom.boxless > .tab-content {\r
2702   padding:15px 0;\r
2703   border-left:none;\r
2704   border-right:none;\r
2705   border-bottom:none;\r
2706 }\r
2707 \r
2708 .tabbable-custom .nav-tabs > li { \r
2709   margin-right: 2px; \r
2710   border-top: 2px solid transparent; \r
2711 }\r
2712 \r
2713 .tabbable-custom .nav-tabs > li > a { \r
2714    margin-right: 0; \r
2715  }\r
2716 \r
2717 .tabbable-custom .nav-tabs > li > a:hover { \r
2718   background: none;\r
2719   border-color:transparent;\r
2720 }\r
2721 \r
2722 .tabbable-custom .nav-tabs > li.active { \r
2723   border-top: 3px solid #d12610; \r
2724   margin-top: 0; \r
2725   position: relative; \r
2726 }\r
2727 \r
2728 .tabbable-custom .nav-tabs > li.active > a  { \r
2729   border-top: none; \r
2730   font-weight: 400; \r
2731 }\r
2732 \r
2733 .tabbable-custom .nav-tabs > li.active > a:hover { \r
2734   border-top: none; \r
2735   background: #fff; \r
2736   border-color: #d4d4d4 #d4d4d4 transparent; \r
2737 }\r
2738 \r
2739 .tabbable-custom .nav-tabs > li { \r
2740   margin-right: 2px; \r
2741   border-top: 2px solid transparent; \r
2742 }\r
2743 \r
2744 /* below tabs */\r
2745 \r
2746 .tabs-below.tabbable-custom .nav-tabs > li > a { \r
2747   border-top: none; \r
2748   border-bottom: 2px solid transparent; \r
2749   margin-top: -1px; \r
2750 }\r
2751 \r
2752 .tabs-below.tabbable-custom .nav-tabs > li.active { \r
2753     border-top: none; \r
2754     border-bottom: 3px solid #d12610; \r
2755     margin-bottom: 0; \r
2756     position: relative; \r
2757 }\r
2758 \r
2759 .tabs-below.tabbable-custom .nav-tabs > li.active > a { \r
2760   border-bottom: none \r
2761 }\r
2762 \r
2763 .tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { \r
2764   background: #fff; \r
2765   border-color: #d4d4d4 #d4d4d4 transparent; \r
2766 }\r
2767     \r
2768 /*full width tabs with bigger titles */\r
2769 .tabbable-custom.tabbable-full-width > .tab-content {\r
2770   padding:15px 0;\r
2771   border-left:none;\r
2772   border-right:none;\r
2773   border-bottom:none;\r
2774 }\r
2775 \r
2776 .tabbable-custom.tabbable-full-width .nav-tabs > li > a {\r
2777   color:#424242;\r
2778   font-size:15px;\r
2779   padding:9px 15px;\r
2780 }\r
2781 \r
2782 /***\r
2783 Custom portlet tabs\r
2784 ***/\r
2785 \r
2786 .portlet-tabs > .nav-tabs {\r
2787     position: relative;\r
2788     top: -41px;\r
2789     margin-right: 10px;\r
2790     overflow: hidden;\r
2791 }\r
2792 \r
2793 .portlet-tabs > .nav-tabs > li {\r
2794     float: right;\r
2795 }\r
2796 \r
2797 .portlet-tabs > .nav-tabs {\r
2798     border-bottom: none;\r
2799 }\r
2800 \r
2801 .portlet-tabs > .nav-tabs > li > a {\r
2802   color: #fff;\r
2803   padding-top: 8px;\r
2804   padding-bottom: 10px;\r
2805   line-height: 16px;\r
2806   margin-top: 6px;\r
2807   margin-left: 0px;\r
2808   margin-right: 0px;\r
2809   border-left: 0;    \r
2810   border-right: 0;\r
2811      -webkit-border-radius: 0px;\r
2812         -moz-border-radius: 0px;\r
2813              border-radius: 0px;   \r
2814 }\r
2815 \r
2816 .portlet-tabs > .nav-tabs > li:last-child > a {\r
2817   border-right:0;\r
2818 }\r
2819 \r
2820 .portlet-tabs > .nav-tabs > li {\r
2821   margin-left: 1px;\r
2822 }\r
2823 \r
2824 .portlet-tabs > .nav-tabs > li.active {\r
2825   color: #333;\r
2826   border-top-color: transparent;\r
2827 }\r
2828 \r
2829 .portlet-tabs > .nav-tabs > li.active > a {\r
2830   margin-bottom: 0px;\r
2831   border-bottom: 0;\r
2832   margin-left: 0px;\r
2833   margin-right: 0px;\r
2834   border-left: 0;    \r
2835   border-right: 0;\r
2836   border-top-color:transparent !important;\r
2837 }\r
2838 \r
2839 .portlet-tabs > .nav-tabs > li > a:hover {   \r
2840   color: #333;\r
2841   margin-bottom: 0;\r
2842   border-bottom-color: transparent;\r
2843   margin-left: 0;\r
2844   margin-right: 0;\r
2845   border-left: 0;    \r
2846   border-right: 0;\r
2847   border-top-color:transparent;\r
2848   background-color: #fff;\r
2849 }  \r
2850 \r
2851 .portlet-tabs > .nav-tabs > .active > a  {\r
2852   color: #555555;\r
2853   cursor: default;\r
2854   background-color: #fff;\r
2855 }\r
2856 \r
2857 .portlet-tabs > .nav-tabs > .active > a:hover {\r
2858   background-color: #fff !important;\r
2859 }\r
2860 \r
2861 .portlet-tabs > .tab-content {\r
2862   padding: 10px !important;\r
2863   margin: 0px;\r
2864   margin-top: -50px !important;\r
2865 }\r
2866 \r
2867 .portlet.tabbable .portlet-body {\r
2868   padding: 0px;\r
2869 }\r
2870 \r
2871 .tab-pane > p:last-child {\r
2872   margin-bottom: 0px;\r
2873 }\r
2874 \r
2875 /* reverse aligned tabs */\r
2876 \r
2877 .tabs-reversed > li {\r
2878   float: right;\r
2879 }\r
2880 \r
2881 .tabs-reversed > li,\r
2882 .tabs-reversed > li > a {\r
2883   margin-right: 0;\r
2884 }\r
2885 \r
2886 /***\r
2887 Dashboard container\r
2888 ***/\r
2889 \r
2890 #dashboard {\r
2891   overflow: hidden;\r
2892 }\r
2893 \r
2894 /***\r
2895 Dashboard stats\r
2896 ***/\r
2897 .dashboard-stat {\r
2898   margin-bottom: 25px;\r
2899 }\r
2900 \r
2901 .portlet .dashboard-stat:last-child {\r
2902   margin-bottom: 0;\r
2903 }\r
2904 \r
2905 .dashboard-stat:before,\r
2906 .dashboard-stat:after {\r
2907   display: table;\r
2908   line-height: 0;\r
2909   content: "";\r
2910 }\r
2911 .dashboard-stat:after {\r
2912   clear: both;\r
2913 }\r
2914 \r
2915 .dashboard-stat .visual {\r
2916   width: 80px;\r
2917   height:80px;\r
2918   display: block;\r
2919   float: left;\r
2920   padding-top: 10px;\r
2921   padding-left: 15px;\r
2922   margin-bottom: 10px;\r
2923 }\r
2924 \r
2925 .dashboard-stat .visual i {\r
2926   font-size: 65px;\r
2927   line-height: 65px;\r
2928   color: #fff;\r
2929 }\r
2930 \r
2931 .dashboard-stat .visual {\r
2932   font-size: 35px;\r
2933   line-height: 35px;\r
2934 }\r
2935 \r
2936 @media (min-width: 992px) and (max-width: 1024px) {  \r
2937 \r
2938   .dashboard-stat .visual i { \r
2939     font-size: 28px;\r
2940     line-height: 28px;\r
2941   }\r
2942 \r
2943 }\r
2944 \r
2945 .dashboard-stat .details {\r
2946   position: absolute;\r
2947   right: 15px;\r
2948   padding-right: 10px;  \r
2949 }\r
2950 \r
2951 .dashboard-stat .details .number {    \r
2952   padding-top: 15px;\r
2953   text-align: right;\r
2954   font-size: 34px;\r
2955   line-height: 34px;\r
2956   letter-spacing: -1px;\r
2957   margin-bottom: 5px;\r
2958   font-weight: 300;\r
2959   color: #fff;\r
2960 }\r
2961 \r
2962 .dashboard-stat .details .desc {\r
2963   text-align: right;\r
2964   font-size: 16px;\r
2965   letter-spacing: 0px;\r
2966   font-weight: 300;\r
2967   color: #fff;  \r
2968 }\r
2969 \r
2970 .dashboard-stat .more {\r
2971   clear: both;\r
2972   display: block;  \r
2973   padding: 5px 10px 5px 10px;\r
2974   text-transform: uppercase;\r
2975   font-weight: 300;\r
2976   font-size: 11px;\r
2977   color: #fff;  \r
2978   opacity: 0.7;  \r
2979   filter: alpha(opacity=70);\r
2980 }  \r
2981 \r
2982 .dashboard-stat .more:hover {\r
2983   text-decoration: none;\r
2984   opacity: 1;  \r
2985   filter: alpha(opacity=100);\r
2986 }\r
2987 \r
2988 .dashboard-stat .more > i {\r
2989   display: inline-block;\r
2990   margin-top: 1px;\r
2991   float: right;\r
2992 }\r
2993 \r
2994 .dashboard-stat.blue {\r
2995   background-color: #27a9e3;\r
2996 }\r
2997 \r
2998 .dashboard-stat.blue .more { \r
2999   background-color: #208dbe;\r
3000 } \r
3001 \r
3002 .dashboard-stat.green {\r
3003   background-color: #28b779;\r
3004 }\r
3005 \r
3006 .dashboard-stat.green .more { \r
3007   background-color: #10a062;\r
3008 } \r
3009 \r
3010 .dashboard-stat.red {\r
3011   background-color: #e7191b;\r
3012 }\r
3013 \r
3014 .dashboard-stat.red .more { \r
3015   background-color:#bc0d0e;\r
3016 } \r
3017 \r
3018 .dashboard-stat.yellow {\r
3019   background-color: #ffb848;\r
3020 }\r
3021 \r
3022 .dashboard-stat.yellow .more { \r
3023   background-color: #cb871b;\r
3024 } \r
3025 \r
3026 .dashboard-stat.purple {\r
3027   background-color: #852b99;\r
3028 }\r
3029 \r
3030 .dashboard-stat.purple .more { \r
3031   background-color: #6e1881;\r
3032 } \r
3033 \r
3034 /***\r
3035 Text Stats\r
3036 ***/\r
3037 \r
3038 .text-stat h3 {\r
3039   margin-top: 5px;\r
3040   margin-bottom: 0px;\r
3041   font-size: 18px;\r
3042 }\r
3043 \r
3044 .text-stat span {\r
3045   font-size: 12px;\r
3046   text-transform: uppercase;\r
3047 }\r
3048 \r
3049 @media (max-width: 767px) {  \r
3050 \r
3051   .text-stat {\r
3052     margin-top: 20px;\r
3053   }  \r
3054 \r
3055 }\r
3056 \r
3057 /***\r
3058 Tiles(new in v1.1.1)\r
3059 ***/\r
3060 \r
3061 .tiles {\r
3062   margin-right: -10px;\r
3063 }\r
3064 \r
3065 .tiles:before,\r
3066 .tiles:after {\r
3067   display: table;\r
3068   content: " ";\r
3069 }\r
3070 \r
3071 .tiles:after {\r
3072   clear: both;\r
3073 }\r
3074 \r
3075 .tile {\r
3076   display: block;\r
3077   letter-spacing: 0.02em;\r
3078   float: left;\r
3079   height: 135px;\r
3080   width: 135px !important;\r
3081   cursor: pointer;\r
3082   text-decoration: none;\r
3083   color: #ffffff;\r
3084   position: relative;\r
3085   font-weight: 300;\r
3086   font-size: 12px;\r
3087   letter-spacing: 0.02em;\r
3088   line-height: 20px;\r
3089   overflow: hidden;\r
3090   border: 4px solid transparent;\r
3091   margin: 0 10px 10px 0;\r
3092 }\r
3093 \r
3094 .tile:after,\r
3095 .tile:before {\r
3096   content: "";\r
3097   float: left; \r
3098 }\r
3099 \r
3100 .tile.double {\r
3101   width: 280px !important;\r
3102 }\r
3103 \r
3104 .tile.double-down {\r
3105   height: 280px !important;\r
3106 }\r
3107 \r
3108 .tile:active, .tile.selected {\r
3109   border-color: #ccc !important;\r
3110 }\r
3111 \r
3112 .tile:hover {\r
3113   border-color: #aaa !important;\r
3114 }\r
3115 \r
3116 .tile.selected .corner:after {  \r
3117   content: "";\r
3118   display: inline-block;\r
3119   border-left: 40px solid transparent;\r
3120   border-bottom: 40px solid transparent;\r
3121   border-right: 40px solid #ccc;\r
3122   position: absolute;\r
3123   top: -3px;\r
3124   right: -3px;\r
3125 }\r
3126 \r
3127 .tile.selected .check:after {  \r
3128   content: "";\r
3129   font-family: FontAwesome;\r
3130   font-size: 13px;\r
3131   content: "\f00c";\r
3132   display: inline-block;\r
3133   position: absolute;\r
3134   top: 2px;\r
3135   right: 2px;\r
3136 }\r
3137 \r
3138 .tile * {\r
3139   color: #ffffff;\r
3140 }\r
3141 \r
3142 .tile .tile-body {\r
3143   height: 100%;\r
3144   vertical-align: top;\r
3145   padding: 10px 10px;\r
3146   overflow: hidden;\r
3147   position: relative;\r
3148   font-weight: 400;\r
3149   font-size: 12px;\r
3150   color: #000000;\r
3151   color: #ffffff;\r
3152   margin-bottom: 10px;\r
3153 }\r
3154 \r
3155 .tile .tile-body img {\r
3156   float: left;\r
3157   margin-right: 10px;\r
3158 }\r
3159 \r
3160 .tile .tile-body img.pull-right {\r
3161   float: right !important;\r
3162   margin-left: 10px;\r
3163   margin-right: 0px;\r
3164 }\r
3165 \r
3166 .tile .tile-body .content {\r
3167   display: inline-block;\r
3168 }\r
3169 \r
3170 .tile .tile-body > i {\r
3171   margin-top: 17px;\r
3172   display: block;\r
3173   font-size: 56px;\r
3174   line-height: 56px;\r
3175   text-align: center;\r
3176 }\r
3177 \r
3178 \r
3179 .tile.double-down i {\r
3180   margin-top: 95px;\r
3181 }\r
3182 \r
3183 .tile .tile-body h1,\r
3184 .tile .tile-body h2,\r
3185 .tile .tile-body h3,\r
3186 .tile .tile-body h4,\r
3187 .tile .tile-body h5,\r
3188 .tile .tile-body h6,\r
3189 .tile .tile-body p {\r
3190   padding: 0;\r
3191   margin: 0;\r
3192   line-height: 14px;\r
3193 }\r
3194 \r
3195 .tile .tile-body h3,\r
3196 .tile .tile-body h4 {\r
3197   margin-bottom: 5px;\r
3198 }\r
3199 \r
3200 .tile .tile-body h1:hover,\r
3201 .tile .tile-body h2:hover,\r
3202 .tile .tile-body h3:hover,\r
3203 .tile .tile-body h4:hover,\r
3204 .tile .tile-body h5:hover,\r
3205 .tile .tile-body h6:hover,\r
3206 .tile .tile-body p:hover {\r
3207   color: #ffffff;\r
3208 }\r
3209 \r
3210 .tile .tile-body p {\r
3211   font-weight: 400;\r
3212   font-size: 13px;\r
3213   color: #000000;\r
3214   color: #ffffff;\r
3215   line-height: 20px;\r
3216   overflow: hidden;\r
3217 }\r
3218 \r
3219 .tile .tile-body p:hover {\r
3220   color: rgba(0, 0, 0, 0.8);\r
3221 }\r
3222 \r
3223 .tile .tile-body p:active {\r
3224   color: rgba(0, 0, 0, 0.4);\r
3225 }\r
3226 \r
3227 .tile .tile-body p:hover {\r
3228   color: #ffffff;\r
3229 }\r
3230 \r
3231 .tile.icon > .tile-body {\r
3232   padding: 0;\r
3233 }\r
3234 \r
3235 .tile .tile-object {\r
3236   position: absolute;\r
3237   bottom: 0;\r
3238   left: 0;\r
3239   right: 0;\r
3240   min-height: 30px;\r
3241   background-color: transparent;\r
3242   *zoom: 1;\r
3243 }\r
3244 \r
3245 .tile .tile-object:before,\r
3246 .tile .tile-object:after {\r
3247   display: table;\r
3248   content: "";\r
3249 }\r
3250 \r
3251 .tile .tile-object:after {\r
3252   clear: both;\r
3253 }\r
3254 \r
3255 .tile .tile-object > .name {\r
3256   position: absolute;\r
3257   bottom: 0;\r
3258   left: 0;\r
3259   margin-bottom: 5px;\r
3260   margin-left: 10px;\r
3261   margin-right: 15px;\r
3262   font-weight: 400;\r
3263   font-size: 13px;\r
3264   color: #ffffff;\r
3265 }\r
3266 \r
3267 .tile .tile-object > .name > i {\r
3268   vertical-align: middle;\r
3269   display: block;\r
3270   font-size: 24px;\r
3271   height: 18px;\r
3272   width: 24px;\r
3273 }\r
3274 \r
3275 .tile .tile-object > .number {\r
3276   position: absolute;\r
3277   bottom: 0;\r
3278   right: 0;\r
3279   margin-bottom: 0;\r
3280   color: #ffffff;\r
3281   text-align: center;\r
3282   font-weight: 600;\r
3283   font-size: 14px;\r
3284   letter-spacing: 0.01em;\r
3285   line-height: 14px;\r
3286   margin-bottom: 8px;\r
3287   margin-right: 10px;\r
3288 }\r
3289 \r
3290 .tile.image > .tile-body {\r
3291   padding: 0 !important;\r
3292 }\r
3293 \r
3294 .tile.image > .tile-body > img{\r
3295   width: 100%;\r
3296   height: auto;\r
3297   min-height: 100%;\r
3298   max-width: 100%;\r
3299 }\r
3300 \r
3301 .tile.image .tile-body h3 {\r
3302   display: inline-block;\r
3303 }\r
3304 \r
3305 /***\r
3306 Theme Panel\r
3307 ***/\r
3308 \r
3309 .theme-panel {\r
3310   width: 400px;\r
3311   margin-top: 0px;\r
3312   margin-right: 1px;\r
3313   z-index: 999;\r
3314   float: right;\r
3315   position:relative;\r
3316 }\r
3317 \r
3318 .theme-panel > .toggler {\r
3319   top:4px;\r
3320   right:0;\r
3321   padding:20px;\r
3322   cursor:pointer;\r
3323   position:absolute;\r
3324   background:#c9c9c9 url(../image/icon-color.png) center no-repeat;\r
3325 }\r
3326 \r
3327 .theme-panel > .toggler:hover {\r
3328   background-color: #3d3d3d !important;\r
3329 }\r
3330 \r
3331 .theme-panel > .toggler-close {\r
3332   display: none;\r
3333   top:4px;\r
3334   right:0;\r
3335   padding:20px;\r
3336   cursor:pointer;\r
3337   position:absolute;\r
3338   background: #3d3d3d url(../image/icon-color-close.png) center no-repeat !important;\r
3339 }\r
3340 \r
3341 .theme-panel > .toggler-close:hover {\r
3342   background-color:#222 !important;\r
3343 }\r
3344 \r
3345 .theme-panel > .theme-options {\r
3346   top:4px;\r
3347   right:40px;\r
3348   display:none;\r
3349   position:absolute;\r
3350   background:#3d3d3d;\r
3351 }\r
3352 \r
3353 .theme-panel > .theme-options > .theme-option {\r
3354   color:#cfcfcf;\r
3355   padding: 15px;\r
3356   border-top:1px solid #585858;\r
3357   margin-top: 0px;\r
3358   margin-bottom: 0px;\r
3359 }\r
3360 \r
3361 .theme-panel > .theme-options > .theme-option.theme-colors {\r
3362   border-top: 0;\r
3363 }\r
3364 \r
3365 .theme-panel > .theme-options > .theme-option > span {  \r
3366   text-transform:uppercase;\r
3367   display: inline-block;\r
3368   width: 138px;\r
3369   font-size: 14px;\r
3370 }\r
3371 \r
3372 .theme-panel > .theme-options > .theme-option.theme-colors > span {\r
3373   display: block;\r
3374   width: auto;\r
3375 }\r
3376 \r
3377 .theme-panel > .theme-options > .theme-option > select.form-control {\r
3378   display: inline;\r
3379   width: 100px;\r
3380   text-transform: lowercase;\r
3381 }\r
3382 \r
3383 .theme-panel > .theme-options > .theme-option.theme-colors > ul {\r
3384   list-style:none;\r
3385   padding: 0;\r
3386   display: block;\r
3387   margin-bottom: 1px !important;\r
3388   margin-top: 10px;\r
3389 }\r
3390 \r
3391 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li {\r
3392   width:37px;\r
3393   height:37px;\r
3394   margin:0 4px;\r
3395   cursor:pointer;\r
3396   list-style:none;\r
3397   float: left;\r
3398   border:solid 1px #707070;\r
3399 }\r
3400 \r
3401 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {\r
3402   margin-left: 0;\r
3403 }\r
3404 \r
3405 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,\r
3406 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {\r
3407   border:solid 2px #ebebeb;\r
3408 }\r
3409 \r
3410 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {\r
3411   background:#333438;\r
3412 }\r
3413 \r
3414 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {\r
3415   background:#6d6d6d;\r
3416 }\r
3417 \r
3418 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight {\r
3419   background:#3366cc;\r
3420 }\r
3421 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-ztebluelight {\r
3422   background:#1ab3ec;\r
3423 }\r
3424 \r
3425 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {\r
3426   background:#124f94;\r
3427 }\r
3428 \r
3429 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {\r
3430   background:#623f18;\r
3431 }\r
3432 \r
3433 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {\r
3434   background:#701584;\r
3435 }\r
3436 \r
3437 .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {\r
3438   background:#fff;\r
3439 }\r
3440 \r
3441 /***\r
3442 Top bar menu\r
3443 ***/\r
3444 \r
3445 /* enable arrow for dropdown menu */\r
3446 .header.navbar .nav > li > .dropdown-menu:before {\r
3447   position: absolute;\r
3448   top: -7px;\r
3449   right: 9px;\r
3450   display: inline-block !important;\r
3451   border-right: 7px solid transparent;\r
3452   border-bottom: 7px solid #ccc;\r
3453   border-left: 7px solid transparent;\r
3454   border-bottom-color: rgba(0, 0, 0, 0.2);\r
3455   content: '';\r
3456 }\r
3457 \r
3458 .header.navbar .nav > li > .dropdown-menu:after {\r
3459   position: absolute;\r
3460   top: -6px;\r
3461   right: 10px;\r
3462   display: inline-block !important;\r
3463   border-right: 6px solid transparent;\r
3464   border-bottom: 6px solid #fff;\r
3465   border-left: 6px solid transparent;\r
3466   content: '';\r
3467 }\r
3468 \r
3469 /***\r
3470 Mega Menu(new in v1.6)\r
3471 ***/\r
3472 \r
3473 .mega-menu .nav,\r
3474 .mega-menu .collapse,\r
3475 .mega-menu .mega-menu-dropup,\r
3476 .mega-menu .mega-menu-dropdown {\r
3477   position: static;\r
3478 }\r
3479 .mega-menu .container {\r
3480   position: relative;\r
3481 }\r
3482 .mega-menu .mega-menu-dropdown .dropdown-menu {\r
3483   left: auto;\r
3484   width: auto;\r
3485 }\r
3486 .mega-menu .nav.navbar-right .dropdown-menu {\r
3487   left: auto;\r
3488   right: 0;\r
3489 }\r
3490 .mega-menu .mega-menu-content {\r
3491   padding: 10px;\r
3492   margin: 0;\r
3493 }\r
3494 .mega-menu .mega-menu-full .dropdown-menu {\r
3495   left: 20px;\r
3496   right: 20px;\r
3497 }\r
3498 \r
3499 .mega-menu-responsive-content {\r
3500   padding: 10px 15px 10px 60px;\r
3501 }\r
3502 \r
3503 .page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu {  \r
3504   top: 42px;\r
3505 }\r
3506 \r
3507 .page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu {\r
3508   margin: 0;\r
3509   padding: 0;\r
3510   left: 18px;\r
3511   right: 18px;\r
3512 }\r
3513 \r
3514 .mega-menu .mega-menu-submenu {\r
3515   width: auto !important;\r
3516   padding: 0px 30px 0px 0px !important;\r
3517   margin: 0 !important;\r
3518 }\r
3519 \r
3520 \r
3521  .mega-menu-content .row :last-child>ul{\r
3522   border-right: 0 !important;\r
3523 }\r
3524 \r
3525 .mega-menu .mega-menu-submenu li > h3 {\r
3526   font-size: 14px;\r
3527   margin-top: 10px;\r
3528   padding-left: 5px;\r
3529 }\r
3530 \r
3531 .mega-menu .mega-menu-submenu li {\r
3532   padding: 2px !important;\r
3533   margin: 0 !important;\r
3534   list-style: none;\r
3535 }\r
3536 \r
3537 .mega-menu .mega-menu-submenu li > a {\r
3538   padding: 5px !important; \r
3539   margin: 0 !important;\r
3540 }\r
3541 \r
3542 /***\r
3543 Horezantal Menu(new in v1.2)\r
3544 ***/\r
3545 \r
3546 .header.navbar .hor-menu {\r
3547   margin: 0;\r
3548   float: left;\r
3549 }\r
3550 \r
3551 .header.navbar .hor-menu ul.nav li > a {\r
3552   font-size: 15px;\r
3553   padding: 11px 10px; \r
3554 }\r
3555 \r
3556 .header.navbar .hor-menu ul.nav li.current .selected,\r
3557 .header.navbar .hor-menu ul.nav li.active .selected {\r
3558   left: 50%;\r
3559   bottom:0;\r
3560   position: absolute;\r
3561   border-left: 6px solid transparent;\r
3562   border-right: 6px solid transparent;\r
3563   /*border-top: 6px solid #e02222;*/\r
3564   display: inline-block;\r
3565   margin: 0;\r
3566   width: 0px;\r
3567   height:0px;\r
3568   margin-left: -7px;\r
3569   margin-bottom:-6px;\r
3570 }\r
3571 \r
3572 /*drop-down*/\r
3573 .header.navbar .hor-menu .dropdown-menu {\r
3574     margin-top: 0;\r
3575     border: none;\r
3576     box-shadow: none;\r
3577 }\r
3578 \r
3579 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > .dropdown-menu {\r
3580   top: 0;\r
3581 }\r
3582 \r
3583 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu > a:after {\r
3584   top: 8px;\r
3585   margin-right: 0px;\r
3586 } \r
3587 \r
3588 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a {\r
3589     padding: 7px 18px !important; \r
3590     margin-bottom:1px;\r
3591 }\r
3592 \r
3593 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu .arrow {\r
3594   display: none;\r
3595 }\r
3596 \r
3597 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover,\r
3598 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a,\r
3599 .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a {\r
3600     filter:none !important;\r
3601 }\r
3602 \r
3603 .header.navbar .hor-menu .nav > li > .dropdown-menu:after,\r
3604 .header.navbar .hor-menu .nav > li > .dropdown-menu:before {\r
3605     border-bottom: none !important;\r
3606 }\r
3607 \r
3608 /*search*/\r
3609 .header.navbar .hor-menu .hor-menu-search-form-toggler {\r
3610     display: inline-block;\r
3611     padding: 12px 22px 12px 22px !important;\r
3612     cursor: pointer;\r
3613     background: url(../image/hor-menu-search.png) no-repeat center;\r
3614 }\r
3615 \r
3616 .header.navbar .hor-menu .hor-menu-search-form-toggler:hover {\r
3617   opacity: 0.8;\r
3618   filter: alpha(opacity=80);\r
3619 }\r
3620 \r
3621 .header.navbar .hor-menu a.hor-menu-search-form-toggler-close {\r
3622   display: none;\r
3623 }\r
3624 \r
3625 .header.navbar .hor-menu .search-form {\r
3626   margin: 0;\r
3627   top:42px; \r
3628   right:0px; \r
3629   padding:0 4px; \r
3630   display:none;\r
3631   z-index:999; \r
3632   position:absolute; \r
3633 }\r
3634 \r
3635 .header.navbar .hor-menu .search-form .btn {\r
3636   padding: 7px 20px; \r
3637   height: 32px;\r
3638   width: 10px;\r
3639   display: inline-block;\r
3640 }\r
3641 \r
3642 .header.navbar .hor-menu .search-form .btn:hover {\r
3643   opacity: 0.8;\r
3644   filter: alpha(opacity=80);\r
3645 }\r
3646 \r
3647 .header.navbar .hor-menu .search-form form {\r
3648   margin-bottom: 0;\r
3649 }\r
3650 \r
3651 .header.navbar .hor-menu .search-form form input {\r
3652   background: none;\r
3653   width: 200px;\r
3654   border: none;\r
3655   margin-top: 6px;\r
3656 }\r
3657 \r
3658 /***\r
3659 Top News Blocks(new in v1.2.2)\r
3660 ***/\r
3661 .top-news {\r
3662   color: #fff;\r
3663   margin: 8px 0;\r
3664 }\r
3665 \r
3666 .top-news a,\r
3667 .top-news em,\r
3668 .top-news span {\r
3669   display: block;\r
3670   text-align: left;\r
3671 }\r
3672 \r
3673 .top-news a {\r
3674   padding: 10px;\r
3675   position: relative;\r
3676   margin-bottom: 10px;\r
3677 }\r
3678 \r
3679 .top-news a .top-news-icon {\r
3680   right: 8px;\r
3681   bottom: 15px; \r
3682   opacity:0.3; \r
3683   font-size: 35px;\r
3684   position: absolute;\r
3685   filter: alpha(opacity=30); /*For IE8*/  \r
3686 }\r
3687 \r
3688 .top-news em {\r
3689   margin-bottom: 0;\r
3690   font-style: normal;\r
3691 }\r
3692 \r
3693 .top-news span {\r
3694   font-size: 18px;\r
3695   margin-bottom: 5px;\r
3696 }\r
3697 \r
3698 /***\r
3699 Block Images(new in v1.2.2)\r
3700 ***/\r
3701 .blog-images {\r
3702   margin-bottom: 0;\r
3703 }\r
3704 \r
3705 .blog-images li {\r
3706   padding: 0;\r
3707   margin: 0;\r
3708   display: inline;\r
3709 }\r
3710 \r
3711 .blog-images li a:hover {\r
3712   text-decoration: none;\r
3713 }\r
3714 \r
3715 .blog-images li img {\r
3716   width: 50px;\r
3717   height: 50px;\r
3718   opacity: 0.6;\r
3719   margin: 0 2px 8px;\r
3720 }\r
3721 \r
3722 .blog-images li img:hover {\r
3723   opacity: 1;\r
3724   box-shadow: 0 0 0 4px #72c02c;\r
3725   transition: all 0.4s ease-in-out 0s;\r
3726   -moz-transition: all 0.4s ease-in-out 0s;\r
3727   -webkit-transition: all 0.4s ease-in-out 0s;\r
3728 }\r
3729 \r
3730 /*Sidebar Tags*/\r
3731 ul.sidebar-tags a {\r
3732   color: #555;\r
3733   font-size:12px;\r
3734   padding:3px 5px;\r
3735   background:#f7f7f7;\r
3736   margin:0 2px 5px 0;\r
3737   display:inline-block;\r
3738 }\r
3739 \r
3740 ul.sidebar-tags a:hover,\r
3741 ul.sidebar-tags a:hover i {\r
3742   background: #EEE;\r
3743   text-decoration:none;\r
3744   -webkit-transition:all 0.3s ease-in-out;\r
3745   -moz-transition:all 0.3s ease-in-out;\r
3746   -o-transition:all 0.3s ease-in-out;\r
3747   transition:all 0.3s ease-in-out;\r
3748 }\r
3749 \r
3750 ul.sidebar-tags a i {\r
3751   color:#777;\r
3752 }\r
3753 \r
3754 ul.sidebar-tags li {\r
3755   padding: 0;\r
3756 }\r
3757 \r
3758 /***\r
3759 Social Icons(new in v1.2.2)\r
3760 ***/\r
3761 .social-icons {\r
3762   padding: 0;\r
3763   margin:0;\r
3764 }\r
3765 \r
3766 .social-icons:after,\r
3767 .social-icons:before {  \r
3768   content: "";\r
3769   display: table;\r
3770 }\r
3771 \r
3772 .social-icons:after {    \r
3773   clear: both;\r
3774 }\r
3775 \r
3776 .social-icons li {\r
3777   float:left;\r
3778   display:inline;\r
3779   list-style:none;\r
3780   margin-right:5px;\r
3781   margin-bottom:5px;\r
3782   text-indent:-9999px;\r
3783 }\r
3784 .social-icons li a, a.social-icon {\r
3785   width:28px;\r
3786   height:28px;\r
3787   display:block;\r
3788   background-position:0 0;\r
3789   background-repeat:no-repeat;\r
3790   transition: all 0.3s ease-in-out;\r
3791   -o-transition: all 0.3s ease-in-out;\r
3792   -ms-transition: all 0.3s ease-in-out;\r
3793   -moz-transition: all 0.3s ease-in-out;\r
3794   -webkit-transition: all 0.3s ease-in-out;\r
3795 }\r
3796 .social-icons li:hover a {\r
3797   background-position:0 -38px;\r
3798 }\r
3799 \r
3800 .social-icons-color li a {\r
3801   opacity: 0.7;\r
3802   background-position:0 -38px !important;\r
3803 }\r
3804 \r
3805 .social-icons-color li a:hover {\r
3806   opacity: 1;\r
3807 }\r
3808 \r
3809 .social-icons .amazon {background: url(../image/social/amazon.png) no-repeat;}\r
3810 .social-icons .behance {background: url(../image/social/behance.png) no-repeat;}\r
3811 .social-icons .blogger {background: url(../image/social/blogger.png) no-repeat;}\r
3812 .social-icons .deviantart {background: url(../image/social/deviantart.png) no-repeat;}\r
3813 .social-icons .dribbble {background: url(../image/social/dribbble.png) no-repeat;}\r
3814 .social-icons .dropbox {background: url(../image/social/dropbox.png) no-repeat;}\r
3815 .social-icons .evernote {background: url(../image/social/evernote.png) no-repeat;}\r
3816 .social-icons .facebook {background: url(../image/social/facebook.png) no-repeat;}\r
3817 .social-icons .forrst {background: url(../image/social/forrst.png) no-repeat;}\r
3818 .social-icons .github {background: url(../image/social/github.png) no-repeat;}\r
3819 .social-icons .googleplus {background: url(../image/social/googleplus.png) no-repeat;}\r
3820 .social-icons .jolicloud {background: url(../image/social/jolicloud.png) no-repeat;}\r
3821 .social-icons .last-fm {background: url(../image/social/last-fm.png) no-repeat;}\r
3822 .social-icons .linkedin {background: url(../image/social/linkedin.png) no-repeat;}\r
3823 .social-icons .picasa {background: url(../image/social/picasa.png) no-repeat;}\r
3824 .social-icons .pintrest {background: url(../image/social/pintrest.png) no-repeat;}\r
3825 .social-icons .rss {background: url(../image/social/rss.png) no-repeat;}\r
3826 .social-icons .skype {background: url(../image/social/skype.png) no-repeat;}\r
3827 .social-icons .spotify {background: url(../image/social/spotify.png) no-repeat;}\r
3828 .social-icons .stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;}\r
3829 .social-icons .tumblr {background: url(../image/social/tumblr.png) no-repeat;}\r
3830 .social-icons .twitter {background: url(../image/social/twitter.png) no-repeat;}\r
3831 .social-icons .vimeo {background: url(../image/social/vimeo.png) no-repeat;}\r
3832 .social-icons .wordpress {background: url(../image/social/wordpress.png) no-repeat;}\r
3833 .social-icons .xing {background: url(../image/social/xing.png) no-repeat;}\r
3834 .social-icons .yahoo {background: url(../image/social/yahoo.png) no-repeat;}\r
3835 .social-icons .youtube {background: url(../image/social/youtube.png) no-repeat;}\r
3836 .social-icons .vk {background: url(../image/social/vk.png) no-repeat;}\r
3837 .social-icons .instagram {background: url(../image/social/instagram.png) no-repeat;}\r
3838 .social-icons .reddit {background: url(../image/social/reddit.png) no-repeat;}\r
3839 .social-icons .aboutme {background: url(../image/social/aboutme.png) no-repeat;}\r
3840 .social-icons .flickr {background: url(../image/social/flickr.png) no-repeat;}\r
3841 .social-icons .foursquare {background: url(../image/social/foursquare.png) no-repeat;}\r
3842 .social-icons .gravatar {background: url(../image/social/gravatar.png) no-repeat;}\r
3843 .social-icons .klout {background: url(../image/social/klout.png) no-repeat;}\r
3844 .social-icons .myspace {background: url(../image/social/myspace.png) no-repeat;}\r
3845 .social-icons .quora {background: url(../image/social/quora.png) no-repeat;}\r
3846 \r
3847 /***\r
3848 Inline Social Icons\r
3849 ***/\r
3850 \r
3851 .social-icon {\r
3852   display:inline-block !important;\r
3853   width:28px;\r
3854   height:28px;\r
3855   background-position:0 0;\r
3856   background-repeat:no-repeat;\r
3857   transition: all 0.3s ease-in-out;\r
3858   -o-transition: all 0.3s ease-in-out;\r
3859   -ms-transition: all 0.3s ease-in-out;\r
3860   -moz-transition: all 0.3s ease-in-out;\r
3861   -webkit-transition: all 0.3s ease-in-out;\r
3862 }\r
3863 \r
3864 .social-icon.amazon {background: url(../image/social/amazon.png) no-repeat;}\r
3865 .social-icon.behance {background: url(../image/social/behance.png) no-repeat;}\r
3866 .social-icon.blogger {background: url(../image/social/blogger.png) no-repeat;}\r
3867 .social-icon.deviantart {background: url(../image/social/deviantart.png) no-repeat;}\r
3868 .social-icon.dribbble {background: url(../image/social/dribbble.png) no-repeat;}\r
3869 .social-icon.dropbox {background: url(../image/social/dropbox.png) no-repeat;}\r
3870 .social-icon.evernote {background: url(../image/social/evernote.png) no-repeat;}\r
3871 .social-icon.facebook {background: url(../image/social/facebook.png) no-repeat;}\r
3872 .social-icon.forrst {background: url(../image/social/forrst.png) no-repeat;}\r
3873 .social-icon.github {background: url(../image/social/github.png) no-repeat;}\r
3874 .social-icon.googleplus {background: url(../image/social/googleplus.png) no-repeat;}\r
3875 .social-icon.jolicloud {background: url(../image/social/jolicloud.png) no-repeat;}\r
3876 .social-icon.last-fm {background: url(../image/social/last-fm.png) no-repeat;}\r
3877 .social-icon.linkedin {background: url(../image/social/linkedin.png) no-repeat;}\r
3878 .social-icon.picasa {background: url(../image/social/picasa.png) no-repeat;}\r
3879 .social-icon.pintrest {background: url(../image/social/pintrest.png) no-repeat;}\r
3880 .social-icon.rss {background: url(../image/social/rss.png) no-repeat;}\r
3881 .social-icon.skype {background: url(../image/social/skype.png) no-repeat;}\r
3882 .social-icon.spotify {background: url(../image/social/spotify.png) no-repeat;}\r
3883 .social-icon.stumbleupon {background: url(../image/social/stumbleupon.png) no-repeat;}\r
3884 .social-icon.tumblr {background: url(../image/social/tumblr.png) no-repeat;}\r
3885 .social-icon.twitter {background: url(../image/social/twitter.png) no-repeat;}\r
3886 .social-icon.vimeo {background: url(../image/social/vimeo.png) no-repeat;}\r
3887 .social-icon.wordpress {background: url(../image/social/wordpress.png) no-repeat;}\r
3888 .social-icon.xing {background: url(../image/social/xing.png) no-repeat;}\r
3889 .social-icon.yahoo {background: url(../image/social/yahoo.png) no-repeat;}\r
3890 .social-icon.youtube {background: url(../image/social/youtube.png) no-repeat;}\r
3891 .social-icon.vk {background: url(../image/social/vk.png) no-repeat;}\r
3892 .social-icon.instagram {background: url(../image/social/instagram.png) no-repeat;}\r
3893 .social-icon.reddit {background: url(../image/social/reddit.png) no-repeat;}\r
3894 .social-icon.aboutme {background: url(../image/social/aboutme.png) no-repeat;}\r
3895 .social-icon.flickr {background: url(../image/social/flickr.png) no-repeat;}\r
3896 .social-icon.foursquare {background: url(../image/social/foursquare.png) no-repeat;}\r
3897 .social-icon.gravatar {background: url(../image/social/gravatar.png) no-repeat;}\r
3898 .social-icon.klout {background: url(../image/social/klout.png) no-repeat;}\r
3899 .social-icon.myspace {background: url(../image/social/myspace.png) no-repeat;}\r
3900 .social-icon.quora {background: url(../image/social/quora.png) no-repeat;}\r
3901 \r
3902 .social-icon:hover {\r
3903   background-position:0 -38px;\r
3904 }\r
3905 \r
3906 .social-icon-color {\r
3907   opacity: 0.7;\r
3908   background-position:0 -38px !important;\r
3909 }\r
3910 \r
3911 .social-icon-color:hover {\r
3912   opacity: 1;\r
3913 }\r
3914 \r
3915 /***\r
3916 Notes\r
3917 ***/\r
3918 \r
3919 /* Common styles for all types */\r
3920 .note {\r
3921   margin: 0 0 20px 0;\r
3922   padding: 15px 30px 15px 15px;\r
3923   border-left: 5px solid #eee;\r
3924 }\r
3925 \r
3926 .note h1,\r
3927 .note h2,\r
3928 .note h3,\r
3929 .note h4 {\r
3930   margin-top: 0;\r
3931 }\r
3932 \r
3933 .note p:last-child {\r
3934   margin-bottom: 0;\r
3935 }\r
3936 .note code,\r
3937 .note .highlight {\r
3938   background-color: #fff;\r
3939 }\r
3940 \r
3941 /* Variations */\r
3942 .note-danger {\r
3943   background-color: #FAEAE6;\r
3944   border-color: #ed4e2a;\r
3945 }\r
3946 \r
3947 .note-warning {\r
3948   background-color: #FCF3E1;\r
3949   border-color: #fcb322;\r
3950 }\r
3951 \r
3952 .note-info {\r
3953   background-color: #E8F6FC;\r
3954   border-color: #57b5e3;\r
3955 }\r
3956 \r
3957 .note-success {\r
3958   background-color: #EBFCEE;\r
3959   border-color: #3cc051;\r
3960 }\r
3961 \r
3962 /***\r
3963 Demo Utils\r
3964 ***/\r
3965 .scrollspy-example {\r
3966   position: relative;\r
3967   height: 200px;\r
3968   margin-top: 10px;\r
3969   overflow: auto;\r
3970 }\r
3971 \r
3972 .util-btn-margin-bottom-5 .btn {\r
3973   margin-bottom: 5px !important;\r
3974 }\r
3975 \r
3976 .util-btn-group-margin-bottom-5 .btn-group {\r
3977   margin-bottom: 5px !important;\r
3978 }\r
3979 \r
3980 .fontawesome-demo i {\r
3981   font-size: 18px;\r
3982 }\r
3983 \r
3984 .fontawesome-demo li {\r
3985   padding-top: 5px;\r
3986   padding-bottom: 5px;\r
3987 }\r
3988 \r
3989 .glyphicons-demo ul {\r
3990   padding-left: 0;\r
3991   padding-bottom: 1px;\r
3992   margin-bottom: 20px;\r
3993   list-style: none;\r
3994   overflow: hidden;\r
3995 }\r
3996 \r
3997 .bs-glyphicons {\r
3998   padding-left: 0;\r
3999   padding-bottom: 1px;\r
4000   margin-bottom: 20px;\r
4001   list-style: none;\r
4002   overflow: hidden;\r
4003 }\r
4004 .glyphicons-demo ul li {\r
4005   float: left;\r
4006   width: 25%;\r
4007   height: 115px;\r
4008   padding: 10px;\r
4009   margin: 0 -1px -1px 0;\r
4010   font-size: 12px;\r
4011   line-height: 1.4;\r
4012   text-align: center;\r
4013   border: 1px solid #ddd;\r
4014 }\r
4015 \r
4016 .glyphicons-demo .glyphicon {\r
4017   display: block;\r
4018   margin: 5px auto 10px;\r
4019   font-size: 24px;\r
4020 }\r
4021 .glyphicons-demo ul li:hover {\r
4022   background-color: rgba(86,61,124,.1);\r
4023 }\r
4024 \r
4025 @media (min-width: 768px) {\r
4026   .glyphicons-demo ul li {\r
4027     width: 12.5%;\r
4028   }\r
4029 }\r
4030 \r
4031 /***\r
4032 Forms \r
4033 ****/\r
4034 \r
4035 .static-info {\r
4036   margin-bottom: 10px;\r
4037 }\r
4038 \r
4039 .static-info .name {\r
4040   font-size: 14px;\r
4041 }\r
4042 \r
4043 .static-info .value {\r
4044   font-size: 14px;\r
4045   font-weight: 600;\r
4046 }\r
4047 \r
4048 .static-info.align-reverse .name,\r
4049 .static-info.align-reverse .value {\r
4050   text-align: right;\r
4051 }\r
4052 \r
4053 input.placeholder,\r
4054 textarea.placeholder {\r
4055   color: #aaa !important;\r
4056 }\r
4057 \r
4058 .help-block {\r
4059  margin-top: 5px;\r
4060  margin-bottom: 5px;\r
4061 }\r
4062 \r
4063 .form-inline input {\r
4064   margin-bottom: 0px !important;\r
4065 }\r
4066 \r
4067 .control-label {\r
4068   margin-top: 2px;\r
4069 }\r
4070 \r
4071 .form-control-static {\r
4072   font-size: 14px;\r
4073   padding-top: 7px;\r
4074 }\r
4075 \r
4076 .control-label .required {\r
4077   color: #e02222;\r
4078   font-size: 12px;\r
4079   padding-left: 2px;\r
4080 }\r
4081 \r
4082 .switch-wrapper {\r
4083    display: inline-block;\r
4084 }\r
4085 \r
4086 .form {\r
4087   padding: 0 !important;\r
4088 }\r
4089 \r
4090 .form-body {\r
4091   padding: 10px;\r
4092 }\r
4093 \r
4094 .form-actions {\r
4095   padding: 20px 10px;\r
4096   margin-top: 20px;\r
4097 /*  background-color: #f5f5f5;\r
4098   border-top: 1px solid #e5e5e5;*/\r
4099   *zoom: 1;\r
4100 }\r
4101 \r
4102 .form-actions.nobg {\r
4103   background-color: transparent;\r
4104 }\r
4105 \r
4106 .form-actions.top {\r
4107   margin-top: 0;\r
4108   margin-bottom: 20px;\r
4109   border-top: 0;\r
4110   border-bottom: 1px solid #e5e5e5;\r
4111 }\r
4112 \r
4113 .form-actions.fluid {\r
4114   padding: 20px 0;\r
4115 }\r
4116 \r
4117 .form-actions.fluid > [class^="col-"] {\r
4118   padding-left: 13px;\r
4119 }\r
4120 \r
4121 .form-actions:before,\r
4122 .form-actions:after {\r
4123   display: table;\r
4124   line-height: 0;\r
4125   content: "";\r
4126 }\r
4127 \r
4128 .form-actions:after {\r
4129   clear: both;\r
4130 }\r
4131 \r
4132 .form-section {\r
4133   margin: 30px 0px 25px 0px;\r
4134   padding-bottom: 5px;\r
4135   border-bottom: 1px solid #eee;\r
4136 }\r
4137 \r
4138 .form .form-section:first-child {\r
4139   margin-top: 5px;\r
4140 }\r
4141 \r
4142 .help-inline {\r
4143   font-size: 13px;\r
4144   color: #737373;\r
4145   display: inline-block;\r
4146   padding: 5px;\r
4147 }\r
4148 \r
4149 /* left, right aligned form actions */\r
4150 .form-actions.right {\r
4151   padding-left: 0;\r
4152   padding-right: 10px;\r
4153   text-align: right;\r
4154 }\r
4155 \r
4156 .form-actions.left {\r
4157   padding-left: 10px;\r
4158   padding-right: 0;\r
4159   text-align: left;\r
4160 }\r
4161 \r
4162 /* Checkboxes */\r
4163 .form-group .checkbox {\r
4164   padding-left: 0;\r
4165 }\r
4166 \r
4167 .checkbox-list > label {\r
4168   display: block;\r
4169 }\r
4170 \r
4171 .checkbox-list > label.checkbox-inline {\r
4172   display: inline-block;\r
4173 }\r
4174 \r
4175 .checkbox-list > label.checkbox-inline:first-child {\r
4176   padding-left: 0;\r
4177 }\r
4178 \r
4179 /* Radios */\r
4180 \r
4181 .radio-list > label {\r
4182   display: block;\r
4183 }\r
4184 \r
4185 .radio-list > label.radio-inline {\r
4186   display: inline-block;\r
4187 }\r
4188 \r
4189 .radio-list > label.radio-inline:first-child {\r
4190   padding-left: 0;\r
4191 }\r
4192 \r
4193 .form-horizontal .radio-list .radio {\r
4194   padding-top: 1px;\r
4195 }\r
4196 \r
4197 .form-horizontal .radio-list > label {\r
4198   margin-bottom: 0;\r
4199 }\r
4200 \r
4201 .form-horizontal .radio > span {\r
4202   margin-top: 2px;\r
4203 }\r
4204 \r
4205 /* Rows seperated form layout */\r
4206 .form-row-seperated .form-group {\r
4207   margin: 0;\r
4208   border-bottom: 1px solid #efefef;\r
4209   padding: 10px 0px 10px 0px;\r
4210 }\r
4211 \r
4212 .form-row-seperated .form-group.last {\r
4213   border-bottom: 0;\r
4214   margin-bottom: 0;\r
4215   padding-bottom: 10px;\r
4216 }\r
4217 \r
4218 .form-row-seperated .form-actions {\r
4219   margin-top: 0;\r
4220 }\r
4221 \r
4222 .form-row-seperated .form-body {\r
4223   padding: 0;\r
4224   margin-top: 0;\r
4225 }\r
4226 \r
4227 .form-row-seperated .help-block {\r
4228   margin-bottom: 0;\r
4229 }\r
4230 \r
4231 /* form bordered */\r
4232 .form-bordered .form-body {\r
4233   margin: 0;\r
4234   padding: 0;\r
4235 }\r
4236 \r
4237 .form-bordered .form-actions {\r
4238   margin-top: 0;\r
4239 }\r
4240 \r
4241 .form-bordered .form-group {\r
4242     margin: 0;\r
4243     border-bottom: 1px solid #efefef;\r
4244 }\r
4245 \r
4246 .form-bordered .form-group.last {\r
4247     border-bottom: 0;\r
4248 }\r
4249 \r
4250 .form-bordered .help-block {\r
4251   margin-bottom: 0;\r
4252 }\r
4253 \r
4254 .form-bordered .control-label {\r
4255   padding-top: 16px;\r
4256 }\r
4257 \r
4258 .form-bordered .form-group > div {  \r
4259   padding: 10px;\r
4260   border-left: 1px solid #efefef;\r
4261 }\r
4262 \r
4263 .form-bordered .form-actions.fluid > .row > div {\r
4264   padding-left: 10px;\r
4265 }\r
4266 \r
4267 .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {\r
4268   background-color: #fcfcfc;\r
4269 }\r
4270 \r
4271 .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {\r
4272   background-color: #fcfcfc;\r
4273 } \r
4274 \r
4275 .form-horizontal.form-bordered.form-row-stripped .form-control {\r
4276   background: #fff !important;\r
4277 }\r
4278 \r
4279 .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {\r
4280   background-color: #ffffff;  \r
4281 }\r
4282 \r
4283 /***\r
4284 Bordered form layout\r
4285 ***/\r
4286 \r
4287 .form-bordered .form-control {\r
4288   margin: 0;\r
4289 }\r
4290 \r
4291 \r
4292 /***\r
4293 Disabled Menu Link\r
4294 ***/\r
4295 \r
4296 .disabled-link > a > span.text,\r
4297 .disabled-link > a > span.title {\r
4298   font-style: italic !important;\r
4299   color: #888 !important;\r
4300 }\r
4301 \r
4302 .disabled-link > a:hover  {\r
4303   cursor: not-allowed !important;\r
4304 }\r
4305 \r
4306 \r
4307 /***\r
4308 Responsive & Scrollable Tables\r
4309 ***/\r
4310 \r
4311 .table-scrollable {\r
4312   width: 100%;\r
4313   overflow-x: auto;\r
4314   overflow-y: hidden;\r
4315   border: 1px solid #dddddd;\r
4316   margin: 10px 0 !important;\r
4317 }\r
4318 \r
4319 .table-scrollable > .table {\r
4320   width: 100% !important;\r
4321   margin: 0 !important;\r
4322   margin-bottom: 0;\r
4323   background-color: #fff;\r
4324 }\r
4325 \r
4326 .table-scrollable > .table > thead > tr > th,\r
4327 .table-scrollable > .table > tbody > tr > th,\r
4328 .table-scrollable > .table > tfoot > tr > th,\r
4329 .table-scrollable > .table > thead > tr > td,\r
4330 .table-scrollable > .table > tbody > tr > td,\r
4331 .table-scrollable > .table > tfoot > tr > td {\r
4332   white-space: nowrap;\r
4333 }\r
4334 \r
4335 .table-scrollable > .table-bordered {\r
4336   border: 0;\r
4337 }\r
4338 \r
4339 .table-scrollable > .table-bordered > thead > tr > th:first-child,\r
4340 .table-scrollable > .table-bordered > tbody > tr > th:first-child,\r
4341 .table-scrollable > .table-bordered > tfoot > tr > th:first-child,\r
4342 .table-scrollable > .table-bordered > thead > tr > td:first-child,\r
4343 .table-scrollable > .table-bordered > tbody > tr > td:first-child,\r
4344 .table-scrollable > .table-bordered > tfoot > tr > td:first-child {\r
4345   border-left: 0;\r
4346 }\r
4347 \r
4348 .table-scrollable > .table-bordered > thead > tr > th:last-child,\r
4349 .table-scrollable > .table-bordered > tbody > tr > th:last-child,\r
4350 .table-scrollable > .table-bordered > tfoot > tr > th:last-child,\r
4351 .table-scrollable > .table-bordered > thead > tr > td:last-child,\r
4352 .table-scrollable > .table-bordered > tbody > tr > td:last-child,\r
4353 .table-scrollable > .table-bordered > tfoot > tr > td:last-child {\r
4354   border-right: 0;\r
4355 }\r
4356 \r
4357 .table-scrollable > .table-bordered > thead > tr:last-child > th,\r
4358 .table-scrollable > .table-bordered > tbody > tr:last-child > th,\r
4359 .table-scrollable > .table-bordered > tfoot > tr:last-child > th,\r
4360 .table-scrollable > .table-bordered > thead > tr:last-child > td,\r
4361 .table-scrollable > .table-bordered > tbody > tr:last-child > td,\r
4362 .table-scrollable > .table-bordered > tfoot > tr:last-child > td {\r
4363   border-bottom: 0;\r
4364 }\r
4365 \r
4366 /***\r
4367 Responsive Flip Scroll Tables\r
4368 ***/\r
4369 \r
4370 .flip-scroll table { width: 100%; }\r
4371 \r
4372 @media only screen and (max-width: 768px) {\r
4373   \r
4374   .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }\r
4375   .flip-scroll * html .flip-content { zoom: 1; }\r
4376   .flip-scroll *:first-child+html .flip-content { zoom: 1; }\r
4377   \r
4378   .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }\r
4379  \r
4380   .flip-scroll th,\r
4381   .flip-scroll td { margin: 0; vertical-align: top; }\r
4382   .flip-scroll th { \r
4383     text-align: left; \r
4384     border: 0 !important; \r
4385     border-bottom: 1px solid #ddd !important; \r
4386     border-right: 1px solid #ddd !important; \r
4387     font-size: 13px !important;\r
4388     padding: 5px;\r
4389     width: auto !important;\r
4390   }\r
4391   \r
4392   .flip-scroll table { display: block; position: relative; width: 100%; }\r
4393   .flip-scroll thead { \r
4394     display: block; \r
4395     float: left; \r
4396   }\r
4397   .flip-scroll tbody { \r
4398     display: block; \r
4399     width: auto; \r
4400     position: relative; \r
4401     overflow-x: auto; \r
4402     white-space: nowrap;     \r
4403   }\r
4404   .flip-scroll thead tr { display: block; }\r
4405   .flip-scroll th { display: block; text-align: right; }\r
4406   .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; }\r
4407   .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important} \r
4408  \r
4409   /* sort out borders */\r
4410  \r
4411   .flip-scroll th { border-bottom: 0; border-left: 0; }\r
4412   .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }\r
4413   .flip-scroll tbody tr { border-left: 1px solid #ddd; }\r
4414   .flip-scroll th:last-child,\r
4415   .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }\r
4416   \r
4417 }\r
4418 \r
4419 /***\r
4420 UI Loading\r
4421 ***/\r
4422 \r
4423 .loading-message {\r
4424   display: inline-block;\r
4425   min-width: 125px;\r
4426   padding: 10px;\r
4427   margin: 0 auto;\r
4428   color: #000 !important;\r
4429   font-size: 13px;\r
4430   font-weight: 400;\r
4431   text-align: center;\r
4432   vertical-align: middle;\r
4433 }\r
4434 \r
4435 .loading-message span {\r
4436   line-height:20px;\r
4437   vertical-align: middle;\r
4438 }\r
4439 \r
4440 .loading-message.loading-message-boxed {\r
4441   border: 1px solid #ddd;\r
4442   background-color: #eee;  \r
4443   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
4444      -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
4445           box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  \r
4446 }\r
4447 \r
4448 .page-loading {\r
4449   position: fixed;\r
4450   top: 50%;\r
4451   left: 50%;\r
4452   min-width: 125px;\r
4453   margin-left: -50px;\r
4454   margin-top: -30px;\r
4455   padding: 7px;\r
4456   text-align: center;\r
4457   color: #333;\r
4458   font-size: 13px;\r
4459   border: 1px solid #ddd;\r
4460   background-color: #eee;  \r
4461   vertical-align: middle;\r
4462   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
4463   -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
4464   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  \r
4465 }\r
4466 \r
4467 .page-loading span {\r
4468   line-height:20px;\r
4469   vertical-align: middle;\r
4470 }\r
4471 \r
4472 .zteDivWidth \r
4473 {\r
4474         width:auto !important\r
4475 }\r
4476 \r
4477 \r
4478 \r
4479 .nav-load-error {}\r
4480 \r
4481 .nav-pos-option {}\r
4482 \r
4483 /*TAB*/\r
4484 .nav-tabs{\r
4485 border:0;\r
4486 }\r
4487 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{\r
4488 border:0;\r
4489 border-top:3px solid #F3565D;\r
4490 }\r
4491 .nav-tabs>li>a{\r
4492 border-radius:0;\r
4493 }\r
4494 .nav-tabs>li>a:hover{\r
4495 background-color:#f1f3fa;\r
4496 border:1Px solid #f1f3fa;\r
4497 }\r
4498 /*button*/\r
4499 .btn{\r
4500 min-width: 80px;  \r
4501 letter-spacing:1px;\r
4502 }\r
4503 .btnGroup .btn{\r
4504 margin-left:15px;\r
4505 margin-right:15px;\r
4506 }\r
4507 .pagination-panel .btn{\r
4508 min-width: 4px;  }\r
4509 /*radius*/\r
4510 .radius_l{\r
4511 border-radius: 20px; \r
4512 }\r
4513 .radius_m{\r
4514 border-radius: 8px; \r
4515 }\r
4516 .radius_s{\r
4517 border-radius: 3px; \r
4518 }\r
4519 /*common color*/\r
4520 .blue1 {   \r
4521    background-color:#5b9bd1;\r
4522    color:#fff;\r
4523 }\r
4524 .blue1:hover{   \r
4525    background-color:#487ca9;\r
4526     color:#fff;\r
4527 }\r
4528 .blue2{   \r
4529    background-color:#57b5e3;\r
4530     color:#fff;\r
4531 }\r
4532 .blue2:hover{   \r
4533    background-color:#43a1cf;\r
4534    color:#fff;\r
4535 }\r
4536 .red{\r
4537   background-color:#E35B5A;\r
4538   color:#fff;\r
4539 }\r
4540 .red:hover{\r
4541   background-color:#ad9a4d;\r
4542   color:#fff;\r
4543 }\r
4544 .green{\r
4545  background-color:#44B6AE;\r
4546 }\r
4547 .green:hover{\r
4548  background-color:#329d96;\r
4549 }\r
4550 .yellow{\r
4551  background-color:#C0AF69;\r
4552   color:#fff;\r
4553 }\r
4554 .yellow:hover{\r
4555  background-color:#d45150;\r
4556   color:#fff;\r
4557 }\r
4558 .grey{\r
4559  background-color:#e5e5e5;\r
4560   color:#333;\r
4561 }\r
4562 .grey:hover{\r
4563  background-color:#d8d8d8;\r
4564   color:#333;\r
4565 }\r
4566 /*Progress Bars*/\r
4567 .progress {  \r
4568   border: 0; \r
4569   background-image: none !important;\r
4570   filter: none !important;\r
4571   -webkit-box-shadow: none !important;\r
4572   -moz-box-shadow: none !important;\r
4573   box-shadow: none !important;   \r
4574 \r
4575 }\r
4576 .form-wizard .steps > li.active > a.step .number{\r
4577 background-color:#45B6AF\r
4578 }\r
4579 .progress > .progress-bar-success{\r
4580 background-color:#45B6AF\r
4581 }\r
4582 /*label*/\r
4583 label{\r
4584 font-weight:400;\r
4585 margin-bottom:15px;\r
4586 }\r
4587 /**/\r
4588 .input-group-btn-vertical.fa{\r
4589 font-size:12px;\r
4590 }\r
4591 .spinner {\r
4592   width: 60px;\r
4593   margin-left:10px;\r
4594   margin-right:30px;\r
4595 }\r
4596 .spinner input {\r
4597   text-align: right;\r
4598 }\r
4599 .input-group-btn-vertical {\r
4600   position: relative;\r
4601   white-space: nowrap;\r
4602   width: 1%;\r
4603   vertical-align: middle;\r
4604   display: table-cell;\r
4605 }\r
4606 .input-group-btn-vertical > .btn {\r
4607   display: block;\r
4608   float: none;\r
4609   width: 100%;\r
4610   max-width: 100%;\r
4611   padding: 6px;\r
4612   margin-left: -1px;\r
4613   position: relative;\r
4614   border-radius: 0;\r
4615 }\r
4616 .input-group-btn-vertical > .btn{\r
4617   min-width:20px;\r
4618 }\r
4619 .input-group-btn-vertical > .btn:first-child {\r
4620   border-top-right-radius: 4px;\r
4621 }\r
4622 .input-group-btn-vertical > .btn:last-child {\r
4623   margin-top: -2px;\r
4624   border-bottom-right-radius: 4px;\r
4625 }\r
4626 .input-group-btn-vertical i{\r
4627   position: absolute;\r
4628   top: -2px;\r
4629   left: 5px;\r
4630 }\r
4631 .input-group .form-control{\r
4632 height:26px !important;\r
4633 }\r
4634 \r
4635 .about{\r
4636     height:345px;\r
4637     width:528px;\r
4638 }\r
4639 \r
4640 .aboutmain{\r
4641     background-image: url("../image/about/about-bg-light.png");\r
4642 }\r
4643 \r
4644 .aboutinfo{\r
4645     background-image: url("../image/about/about-bg-dark.png");\r
4646 }\r
4647 \r
4648 .about a{\r
4649     color: white;\r
4650 \r
4651     margin-left:15px;\r
4652     text-decoration: none;\r
4653 }\r
4654 \r
4655 .about a.about_close{\r
4656     float:right;\r
4657     margin-right:20px;\r
4658     font-size: 1.2em;\r
4659 }\r
4660 \r
4661 .about div{\r
4662     padding-top:7px;\r
4663 \r
4664 }\r
4665 \r
4666 .about div.info{\r
4667     float: right;\r
4668     margin-right: 15px;\r
4669     margin-top: 130px;\r
4670     color: white;\r
4671     font-size: 13px;\r
4672 }\r
4673 \r
4674 .about div.info div{\r
4675     margin-left:15px;\r
4676 }\r
4677 \r
4678 .about div.info img{\r
4679     margin-right: 55px;\r
4680 }\r
4681 \r
4682 .aboutDlg{\r
4683     width: 530px;\r
4684     margin-left:150px;\r
4685 }\r
4686 \r
4687 .aboutDlg .dataTable{\r
4688     background-color: white;\r
4689 \r
4690 }\r
4691 \r
4692 .aboutDlg table.dataTable .heading>th.sorting_disabled {\r
4693     background-color: white  !important;\r
4694 }\r
4695 \r
4696 .aboutDlg #abouttable_wrapper{\r
4697     height:285px;\r
4698     background-color: white;\r
4699     padding:0px;\r
4700     overflow:auto;\r
4701 }\r
4702 \r
4703 .aboutDlg td , .aboutDlg .table thead tr th{\r
4704     font-size:13px;\r
4705     font-weight:100;\r
4706 }\r
4707 \r
4708 .aboutDlg{\r
4709     font-family:microsoft yahei,Arial;\r
4710     letter-spacing:1px;\r
4711 }\r
4712 \r
4713 .aboutDlg tr {\r
4714     height:37px;\r
4715 }