src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/AdminLTE.css

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