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

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