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