src/main/resources/META-INF/resources/designer/css/AdminLTE.css

   1 @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
   2 @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
   3 /*!
   4  *   AdminLTE v1.2
   5  *   Author: AlmsaeedStudio.com
   6  *   License: Open source - MIT
   7  *           Please visit http://opensource.org/licenses/MIT for more information
   8 !*/
   9 /*
  10     Core: General style
  11 ----------------------------
  12 */
  13 html,
  14 body {
  15   overflow-x: hidden!important;
  16   overflow-y: hidden!important;
  17   /*font-family: 'Source Sans Pro', sans-serif;*/
  18   font-size:12px;
  19   -webkit-font-smoothing: antialiased;
  20   min-height: 100%;
  21   background: #f9f9f9;
  22 }
  23 a {
  24   color: #3c8dbc;
  25 }
  26 a:hover,
  27 a:active,
  28 a:focus {
  29   outline: none;
  30   text-decoration: none;
  31   color: #72afd2;
  32 }
  33 /* Layouts */
  34 .wrapper {
  35   min-height: 100%;
  36 }
  37 .wrapper:before,
  38 .wrapper:after {
  39   display: table;
  40   content: " ";
  41 }
  42 .wrapper:after {
  43   clear: both;
  44 }
  45 /* Header */
  46 body > .header {
  47   position: absolute;
  48   top: 0;
  49   left: 0;
  50   right: 0;
  51   z-index: 1030;
  52 }
  53 /* Define 2 column template */
  54 .right-side,
  55 .left-side {
  56   min-height: 100%;
  57   display: block;
  58 }
  59 /*right side - contins main content*/
  60 .right-side {
  61   background-color: #f9f9f9;
  62   margin-left: 220px;
  63 }
  64 /*left side - contains sidebar*/
  65 .left-side {
  66   position: absolute;
  67   width: 220px;
  68   top: 0;
  69 }
  70 @media screen and (min-width: 992px) {
  71   .left-side {
  72     top: 50px;
  73   }
  74   /*Right side strech mode*/
  75   .right-side.strech {
  76     margin-left: 0;
  77   }
  78   .right-side.strech > .content-header {
  79     margin-top: 0px;
  80   }
  81   /* Left side collapse */
  82   .left-side.collapse-left {
  83     left: -220px;
  84   }
  85 }
  86 /*Give content full width on xs screens*/
  87 @media screen and (max-width: 992px) {
  88   .right-side {
  89     margin-left: 0;
  90   }
  91 }
  92 /*
  93     By default the layout is not fixed but if you add the class .fixed to the body element
  94     the sidebar and the navbar will automatically become poisitioned fixed
  95 */
  96 body.fixed > .header,
  97 body.fixed .left-side,
  98
  99 body.fixed > .header {
 100   top: 0;
 101   right: 0;
 102   left: 0;
 103 }
 104
 105 body.fixed .wrapper {
 106   margin-top: 50px;
 107 }
 108 /* Content */
 109 .content {
 110   padding: 20px 15px;
 111   /* background: #f9f9f9; */
 112 }
 113 /* Utility */
 114 /* H1 - H6 font */
 115 h1,
 116 h2,
 117 h3,
 118 h4,
 119 h5,
 120 h6,
 121 .h1,
 122 .h2,
 123 .h3,
 124 .h4,
 125 .h5,
 126 .h6 {
 127   font-family: 'Source Sans Pro', sans-serif;
 128 }
 129 /* Page Header */
 130 .page-header {
 131   margin: 10px 0 20px 0;
 132   font-size: 22px;
 133 }
 134 .page-header > small {
 135   color: #666;
 136   display: block;
 137   margin-top: 5px;
 138 }
 139 /* All images should be responsive */
 140 img {
 141   max-width: 100% !important;
 142 }
 143 .sort-highlight {
 144   background: #f4f4f4;
 145   border: 1px dashed #ddd;
 146   margin-bottom: 10px;
 147 }
 148 /* 10px padding and margins */
 149 .pad {
 150   padding: 10px;
 151 }
 152 .margin {
 153   margin: 10px;
 154 }
 155 /* Display inline */
 156 .inline {
 157   display: inline;
 158   width: auto;
 159 }
 160 /* Background colors */
 161 .bg-red,
 162 .bg-yellow,
 163 .bg-aqua,
 164 .bg-blue,
 165 .bg-light-blue,
 166 .bg-green,
 167 .bg-navy,
 168 .bg-teal,
 169 .bg-olive,
 170 .bg-lime,
 171 .bg-orange,
 172 .bg-fuchsia,
 173 .bg-purple,
 174 .bg-maroon,
 175 .bg-black {
 176   color: #f9f9f9 !important;
 177 }
 178 .bg-gray {
 179   background-color: #eaeaec !important;
 180 }
 181 .bg-black {
 182   background-color: #222222 !important;
 183 }
 184 .bg-red {
 185   background-color: #f56954 !important;
 186 }
 187 .bg-yellow {
 188   background-color: #f39c12 !important;
 189 }
 190 .bg-aqua {
 191   background-color: #00c0ef !important;
 192 }
 193 .bg-blue {
 194   background-color: #0073b7 !important;
 195 }
 196 .bg-light-blue {
 197   background-color: #3c8dbc !important;
 198 }
 199 .bg-green {
 200   background-color: #00a65a !important;
 201 }
 202 .bg-navy {
 203   background-color: #001f3f !important;
 204 }
 205 .bg-teal {
 206   background-color: #39cccc !important;
 207 }
 208 .bg-olive {
 209   background-color: #3d9970 !important;
 210 }
 211 .bg-lime {
 212   background-color: #01ff70 !important;
 213 }
 214 .bg-orange {
 215   background-color: #ff851b !important;
 216 }
 217 .bg-fuchsia {
 218   background-color: #f012be !important;
 219 }
 220 .bg-purple {
 221   background-color: #932ab6 !important;
 222 }
 223 .bg-maroon {
 224   background-color: #85144b !important;
 225 }
 226 /* Text colors */
 227 .text-red {
 228   color: #f56954 !important;
 229 }
 230 .text-yellow {
 231   color: #f39c12 !important;
 232 }
 233 .text-aqua {
 234   color: #00c0ef !important;
 235 }
 236 .text-blue {
 237   color: #0073b7 !important;
 238 }
 239 .text-black {
 240   color: #222222 !important;
 241 }
 242 .text-light-blue {
 243   color: #3c8dbc !important;
 244 }
 245 .text-green {
 246   color: #00a65a !important;
 247 }
 248 .text-navy {
 249   color: #001f3f !important;
 250 }
 251 .text-teal {
 252   color: #39cccc !important;
 253 }
 254 .text-olive {
 255   color: #3d9970 !important;
 256 }
 257 .text-lime {
 258   color: #01ff70 !important;
 259 }
 260 .text-orange {
 261   color: #ff851b !important;
 262 }
 263 .text-fuchsia {
 264   color: #f012be !important;
 265 }
 266 .text-purple {
 267   color: #932ab6 !important;
 268 }
 269 .text-maroon {
 270   color: #85144b !important;
 271 }
 272 /*Hide elements by display none only*/
 273 .hide {
 274   display: none !important;
 275 }
 276 /* Remove borders */
 277 .no-border {
 278   border: 0px !important;
 279 }
 280 /* Remove padding */
 281 .no-padding {
 282   padding: 0px !important;
 283 }
 284 /* Remove margins */
 285 .no-margin {
 286   margin: 0px !important;
 287 }
 288 /* Remove box shadow */
 289 .no-shadow {
 290   box-shadow: none!important;
 291 }
 292 /* Don't display when printing */
 293 @media print {
 294   .no-print {
 295     display: none;
 296   }
 297   .left-side,
 298   .header,
 299   .content-header {
 300     display: none;
 301   }
 302   .right-side {
 303     margin: 0;
 304   }
 305 }
 306 /* Remove border radius */
 307 .flat {
 308   -webkit-border-radius: 0 !important;
 309   -moz-border-radius: 0 !important;
 310   border-radius: 0 !important;
 311 }
 312 /* Change the color of the striped tables */
 313 .table-striped > tbody > tr:nth-child(odd) > td,
 314 .table-striped > tbody > tr:nth-child(odd) > th {
 315   background-color: #f3f4f5;
 316 }
 317 .table.no-border,
 318 .table.no-border td,
 319 .table.no-border th {
 320   border: 0;
 321 }
 322 /* .text-center in tables */
 323 table.text-center,
 324 table.text-center td,
 325 table.text-center th {
 326   text-align: center;
 327 }
 328 .table.align th {
 329   text-align: left;
 330 }
 331 .table.align td {
 332   text-align: right;
 333 }
 334 .text-bold,
 335 .text-bold.table td,
 336 .text-bold.table th {
 337   font-weight: 700;
 338 }
 339 .border-radius-none {
 340   -webkit-border-radius: 0 !important;
 341   -moz-border-radius: 0 !important;
 342   border-radius: 0 !important;
 343 }
 344 /* _fix for sparkline tooltip */
 345 .jqstooltip {
 346   padding: 5px!important;
 347   width: auto!important;
 348   height: auto!important;
 349 }
 350 /*
 351 Gradient Background colors
 352 */
 353 .bg-teal-gradient {
 354   background: #39cccc !important;
 355   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
 356   background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
 357   background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
 358   background: -o-linear-gradient(#7adddd, #39cccc) !important;
 359   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
 360   color: #fff;
 361 }
 362 .bg-light-blue-gradient {
 363   background: #3c8dbc !important;
 364   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
 365   background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
 366   background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
 367   background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
 368   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
 369   color: #fff;
 370 }
 371 .bg-blue-gradient {
 372   background: #0073b7 !important;
 373   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
 374   background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
 375   background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
 376   background: -o-linear-gradient(#0089db, #0073b7) !important;
 377   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
 378   color: #fff;
 379 }
 380 .bg-aqua-gradient {
 381   background: #00c0ef !important;
 382   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
 383   background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
 384   background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
 385   background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
 386   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
 387   color: #fff;
 388 }
 389 .bg-yellow-gradient {
 390   background: #f39c12 !important;
 391   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
 392   background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
 393   background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
 394   background: -o-linear-gradient(#f7bc60, #f39c12) !important;
 395   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
 396   color: #fff;
 397 }
 398 .bg-purple-gradient {
 399   background: #932ab6 !important;
 400   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
 401   background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
 402   background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
 403   background: -o-linear-gradient(#b959d9, #932ab6) !important;
 404   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
 405   color: #fff;
 406 }
 407 .bg-green-gradient {
 408   background: #00a65a !important;
 409   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
 410   background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
 411   background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
 412   background: -o-linear-gradient(#00ca6d, #00a65a) !important;
 413   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
 414   color: #fff;
 415 }
 416 .bg-red-gradient {
 417   background: #f56954 !important;
 418   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
 419   background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
 420   background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
 421   background: -o-linear-gradient(#f89384, #f56954) !important;
 422   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
 423   color: #fff;
 424 }
 425 .bg-black-gradient {
 426   background: #222222 !important;
 427   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
 428   background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
 429   background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
 430   background: -o-linear-gradient(#3c3c3c, #222222) !important;
 431   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
 432   color: #fff;
 433 }
 434 .bg-maroon-gradient {
 435   background: #85144b !important;
 436   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
 437   background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
 438   background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
 439   background: -o-linear-gradient(#b11b64, #85144b) !important;
 440   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
 441   color: #fff;
 442 }
 443 .connectedSortable {
 444   min-height: 100px;
 445 }
 446 /*---------------------------------------------------
 447     LESS Elements 0.9
 448   ---------------------------------------------------
 449     A set of useful LESS mixins
 450     More info at: http://lesselements.com
 451   ---------------------------------------------------*/
 452 /*
 453     Components: navbar, logo and content header
 454 -------------------------------------------------
 455 */
 456
 457 body > .header .logo {
 458   float: left;
 459   font-size: 20px;
 460   line-height: 50px;
 461   text-align: center;
 462   padding: 0 10px;
 463   width: 220px;
 464   font-family: 'Kaushan Script', cursive;
 465   font-weight: 500;
 466   height: 50px;
 467   display: block;
 468 }
 469
 470 .logo {
 471   float: left;
 472   font-size: 20px;
 473   text-align: center;
 474   font-family: 'Kaushan Script', cursive;
 475   font-weight: 500;
 476   height: 50px;
 477   display: block;
 478 }
 479
 480 .logo_name {
 481   float: left;
 482   font-size: 15px;
 483   text-align: center;
 484   font-family: 'Kaushan Script', cursive;
 485   font-weight: 500;
 486   height: 50px;
 487   display: block;
 488 }
 489
 490
 491 body > .header .logo .icon {
 492   margin-right: 10px;
 493 }
 494 .right-side > .content-header {
 495   position: relative;
 496   padding: 15px 15px 10px 20px;
 497 }
 498 .right-side > .content-header > h1 {
 499   margin: 0;
 500   font-size: 24px;
 501 }
 502 .right-side > .content-header > h1 > small {
 503   font-size: 15px;
 504   display: inline-block;
 505   padding-left: 4px;
 506   font-weight: 300;
 507 }
 508 .right-side > .content-header > .breadcrumb {
 509   float: right;
 510   background: transparent;
 511   margin-top: 0px;
 512   margin-bottom: 0;
 513   font-size: 12px;
 514   padding: 7px 5px;
 515   position: absolute;
 516   top: 15px;
 517   right: 10px;
 518   -webkit-border-radius: 2px;
 519   -moz-border-radius: 2px;
 520   border-radius: 2px;
 521 }
 522 .right-side > .content-header > .breadcrumb > li > a {
 523   color: #444;
 524   text-decoration: none;
 525 }
 526 .right-side > .content-header > .breadcrumb > li > a > .fa,
 527 .right-side > .content-header > .breadcrumb > li > a > .glyphicon,
 528 .right-side > .content-header > .breadcrumb > li > a > .ion {
 529   margin-right: 5px;
 530 }
 531 .right-side > .content-header > .breadcrumb > li + li:before {
 532   content: '>\00a0';
 533 }
 534 @media screen and (max-width: 767px) {
 535   .right-side > .content-header > .breadcrumb {
 536     position: relative;
 537     margin-top: 5px;
 538     top: 0;
 539     right: 0;
 540     float: none;
 541     background: #efefef;
 542   }
 543 }
 544
 545 /*
 546     Dropdown menus
 547 ----------------------------
 548 */
 549 /*Dropdowns in general*/
 550 .dropdown-menu {
 551   -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
 552   -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
 553   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
 554 }
 555 .dropdown-menu > li > a > .glyphicon,
 556 .dropdown-menu > li > a > .fa,
 557 .dropdown-menu > li > a > .ion {
 558   margin-right: 10px;
 559 }
 560
 561 .dropdown-menu > li > a:hover {
 562   background-color: #3c8dbc;
 563   color: #f9f9f9;
 564 }
 565
 566 .dropdown-menu > div > li >  a:hover {
 567   background-color: #3c8dbc;
 568   color: #f9f9f9;
 569 }
 570
 571 .skin-blue .navbar .dropdown-menu > div > li > a {
 572   color: #444444;
 573 }
 574
 575 .dropdown-menu > div > li > a {
 576   display: block;
 577   padding: 3px 20px;
 578   clear: both;
 579   font-weight: normal;
 580   line-height: 1.42857143;
 581   color: #333;
 582   white-space: nowrap;
 583 }
 584
 585 /*Drodown in navbars*/
 586 .skin-blue .navbar .dropdown-menu > li > a {
 587   color: #444444;
 588 }
 589 /*
 590     Navbar custom dropdown menu
 591 ------------------------------------
 592 */
 593
 594 /* Add fade animation to dropdown menus */
 595 .open:not(.dropup) > .dropdown-menu {
 596   animation-name: fadeAnimation;
 597   animation-duration: .7s;
 598   animation-iteration-count: 1;
 599   animation-timing-function: ease;
 600   animation-fill-mode: forwards;
 601   -webkit-animation-name: fadeAnimation;
 602   -webkit-animation-duration: .7s;
 603   -webkit-animation-iteration-count: 1;
 604   -webkit-animation-timing-function: ease;
 605   -webkit-animation-fill-mode: forwards;
 606   -moz-animation-name: fadeAnimation;
 607   -moz-animation-duration: .7s;
 608   -moz-animation-iteration-count: 1;
 609   -moz-animation-timing-function: ease;
 610   -moz-animation-fill-mode: forwards;
 611 }
 612 @keyframes fadeAnimation {
 613   from {
 614     opacity: 0;
 615     top: 120%;
 616   }
 617   to {
 618     opacity: 1;
 619     top: 100%;
 620   }
 621 }
 622 @-webkit-keyframes fadeAnimation {
 623   from {
 624     opacity: 0;
 625     top: 120%;
 626   }
 627   to {
 628     opacity: 1;
 629     top: 100%;
 630   }
 631 }
 632
 633 /*
 634    All form elements including input, select, textarea etc.
 635 -----------------------------------------------------------------
 636 */
 637 .form-control {
 638   -webkit-border-radius: 0px !important;
 639   -moz-border-radius: 0px !important;
 640   border-radius: 0px !important;
 641   box-shadow: none;
 642 }
 643 .form-control:focus {
 644   border-color: #3c8dbc !important;
 645   box-shadow: none;
 646 }
 647 .form-group.has-success label {
 648   color: #00a65a;
 649 }
 650 .form-group.has-success .form-control {
 651   border-color: #00a65a !important;
 652   box-shadow: none;
 653 }
 654 .form-group.has-warning label {
 655   color: #f39c12;
 656 }
 657 .form-group.has-warning .form-control {
 658   border-color: #f39c12 !important;
 659   box-shadow: none;
 660 }
 661 .form-group.has-error label {
 662   color: #f56954;
 663 }
 664 .form-group.has-error .form-control {
 665   border-color: #f56954 !important;
 666   box-shadow: none;
 667 }
 668 /* Input group */
 669 .input-group .input-group-addon {
 670   border-radius: 0;
 671   background-color: #f4f4f4;
 672 }
 673 /* button groups */
 674 .btn-group-vertical .btn.btn-flat:first-of-type,
 675 .btn-group-vertical .btn.btn-flat:last-of-type {
 676   border-radius: 0;
 677 }
 678 /* Checkbox and radio inputs */
 679 .checkbox,
 680 .radio {
 681   padding-left: 0;
 682 }
 683 /*
 684     Compenent: Progress bars
 685 --------------------------------
 686 */
 687 /* size variation */
 688 .progress.sm {
 689   height: 10px;
 690 }
 691 .progress.xs {
 692   height: 7px;
 693 }
 694 /* Vertical bars */
 695 .progress.vertical {
 696   position: relative;
 697   width: 30px;
 698   height: 200px;
 699   display: inline-block;
 700   margin-right: 10px;
 701 }
 702 .progress.vertical > .progress-bar {
 703   width: 100%!important;
 704   position: absolute;
 705   bottom: 0;
 706 }
 707 .progress.vertical.sm {
 708   width: 20px;
 709 }
 710 .progress.vertical.xs {
 711   width: 10px;
 712 }
 713 /* Remove margins from progress bars when put in a table */
 714 .table tr > td .progress {
 715   margin: 0;
 716 }
 717 .progress-bar-light-blue,
 718 .progress-bar-primary {
 719   background-color: #3c8dbc;
 720 }
 721 .progress-striped .progress-bar-light-blue,
 722 .progress-striped .progress-bar-primary {
 723   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 724   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);
 725   background-image: -moz-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);
 726   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);
 727 }
 728 .progress-bar-green,
 729 .progress-bar-success {
 730   background-color: #00a65a;
 731 }
 732 .progress-striped .progress-bar-green,
 733 .progress-striped .progress-bar-success {
 734   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 735   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);
 736   background-image: -moz-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);
 737   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);
 738 }
 739 .progress-bar-aqua,
 740 .progress-bar-info {
 741   background-color: #00c0ef;
 742 }
 743 .progress-striped .progress-bar-aqua,
 744 .progress-striped .progress-bar-info {
 745   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 746   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);
 747   background-image: -moz-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);
 748   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);
 749 }
 750 .progress-bar-yellow,
 751 .progress-bar-warning {
 752   background-color: #f39c12;
 753 }
 754 .progress-striped .progress-bar-yellow,
 755 .progress-striped .progress-bar-warning {
 756   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 757   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);
 758   background-image: -moz-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);
 759   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);
 760 }
 761 .progress-bar-red,
 762 .progress-bar-danger {
 763   background-color: #f56954;
 764 }
 765 .progress-striped .progress-bar-red,
 766 .progress-striped .progress-bar-danger {
 767   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 768   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);
 769   background-image: -moz-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);
 770   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);
 771 }
 772 /*
 773     Component: Small boxes
 774 */
 775 .small-box {
 776   position: relative;
 777   display: block;
 778   -webkit-border-radius: 2px;
 779   -moz-border-radius: 2px;
 780   border-radius: 2px;
 781   margin-bottom: 15px;
 782 }
 783 .small-box > .inner {
 784   padding: 10px;
 785 }
 786 .small-box > .small-box-footer {
 787   position: relative;
 788   text-align: center;
 789   padding: 3px 0;
 790   color: #fff;
 791   color: rgba(255, 255, 255, 0.8);
 792   display: block;
 793   z-index: 10;
 794   background: rgba(0, 0, 0, 0.1);
 795   text-decoration: none;
 796 }
 797 .small-box > .small-box-footer:hover {
 798   color: #fff;
 799   background: rgba(0, 0, 0, 0.15);
 800 }
 801 .small-box h3 {
 802   font-size: 38px;
 803   font-weight: bold;
 804   margin: 0 0 10px 0;
 805   white-space: nowrap;
 806   padding: 0;
 807 }
 808 .small-box p {
 809   font-size: 15px;
 810 }
 811 .small-box p > small {
 812   display: block;
 813   color: #f9f9f9;
 814   font-size: 13px;
 815   margin-top: 5px;
 816 }
 817 .small-box h3,
 818 .small-box p {
 819   z-index: 5px;
 820 }
 821 .small-box .icon {
 822   position: absolute;
 823   top: auto;
 824   bottom: 5px;
 825   right: 5px;
 826   z-index: 0;
 827   font-size: 90px;
 828   color: rgba(0, 0, 0, 0.15);
 829 }
 830 .small-box:hover {
 831   text-decoration: none;
 832   color: #f9f9f9;
 833 }
 834 .small-box:hover .icon {
 835   animation-name: tansformAnimation;
 836   animation-duration: .5s;
 837   animation-iteration-count: 1;
 838   animation-timing-function: ease;
 839   animation-fill-mode: forwards;
 840   -webkit-animation-name: tansformAnimation;
 841   -webkit-animation-duration: .5s;
 842   -webkit-animation-iteration-count: 1;
 843   -webkit-animation-timing-function: ease;
 844   -webkit-animation-fill-mode: forwards;
 845   -moz-animation-name: tansformAnimation;
 846   -moz-animation-duration: .5s;
 847   -moz-animation-iteration-count: 1;
 848   -moz-animation-timing-function: ease;
 849   -moz-animation-fill-mode: forwards;
 850 }
 851 @keyframes tansformAnimation {
 852   from {
 853     font-size: 90px;
 854   }
 855   to {
 856     font-size: 100px;
 857   }
 858 }
 859 @-webkit-keyframes tansformAnimation {
 860   from {
 861     font-size: 90px;
 862   }
 863   to {
 864     font-size: 100px;
 865   }
 866 }
 867 @media screen and (max-width: 480px) {
 868   .small-box {
 869     text-align: center;
 870   }
 871   .small-box .icon {
 872     display: none;
 873   }
 874   .small-box p {
 875     font-size: 12px;
 876   }
 877 }
 878 /*
 879     component: Boxes
 880 -------------------------
 881 */
 882 .box {
 883   position: relative;
 884   background: #ffffff;
 885   border-top: 2px solid #c1c1c1;
 886   margin-bottom: 20px;
 887   -webkit-border-radius: 3px;
 888   -moz-border-radius: 3px;
 889   border-radius: 3px;
 890   width: 100%;
 891   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
 892 }
 893 .box.box-primary {
 894   border-top-color: #3c8dbc;
 895 }
 896 .box.box-info {
 897   border-top-color: #00c0ef;
 898 }
 899 .box.box-danger {
 900   border-top-color: #f56954;
 901 }
 902 .box.box-warning {
 903   border-top-color: #f39c12;
 904 }
 905 .box.box-success {
 906   border-top-color: #00a65a;
 907 }
 908 .box.height-control .box-body {
 909   max-height: 300px;
 910   overflow: auto;
 911 }
 912 .box .box-header {
 913   position: relative;
 914   -webkit-border-top-left-radius: 3px;
 915   -webkit-border-top-right-radius: 3px;
 916   -webkit-border-bottom-right-radius: 0;
 917   -webkit-border-bottom-left-radius: 0;
 918   -moz-border-radius-topleft: 3px;
 919   -moz-border-radius-topright: 3px;
 920   -moz-border-radius-bottomright: 0;
 921   -moz-border-radius-bottomleft: 0;
 922   border-top-left-radius: 3px;
 923   border-top-right-radius: 3px;
 924   border-bottom-right-radius: 0;
 925   border-bottom-left-radius: 0;
 926   border-bottom: 0px solid #f4f4f4;
 927   color: #444;
 928 }
 929 .box .box-header:before,
 930 .box .box-header:after {
 931   display: table;
 932   content: " ";
 933 }
 934 .box .box-header:after {
 935   clear: both;
 936 }
 937 .box .box-header > .fa,
 938 .box .box-header > .glyphicon,
 939 .box .box-header > .ion,
 940 .box .box-header .box-title {
 941   display: inline-block;
 942   padding: 10px 10px 10px 10px;
 943   margin: 0;
 944   font-size: 20px;
 945   font-weight: 400;
 946   float: left;
 947   cursor: default;
 948 }
 949 .box .box-header a {
 950   color: #444;
 951 }
 952 .box .box-header > .box-tools {
 953   padding: 5px 10px 5px 5px;
 954 }
 955 .box .box-body {
 956   padding: 10px;
 957   -webkit-border-top-left-radius: 0;
 958   -webkit-border-top-right-radius: 0;
 959   -webkit-border-bottom-right-radius: 3px;
 960   -webkit-border-bottom-left-radius: 3px;
 961   -moz-border-radius-topleft: 0;
 962   -moz-border-radius-topright: 0;
 963   -moz-border-radius-bottomright: 3px;
 964   -moz-border-radius-bottomleft: 3px;
 965   border-top-left-radius: 0;
 966   border-top-right-radius: 0;
 967   border-bottom-right-radius: 3px;
 968   border-bottom-left-radius: 3px;
 969 }
 970 .box .box-body > table,
 971 .box .box-body > .table {
 972   margin-bottom: 0;
 973 }
 974 .box .box-body.chart-responsive {
 975   width: 100%;
 976   overflow: hidden;
 977 }
 978 .box .box-body > .chart {
 979   position: relative;
 980   overflow: hidden;
 981   width: 100%;
 982 }
 983 .box .box-body > .chart svg,
 984 .box .box-body > .chart canvas {
 985   width: 100%!important;
 986 }
 987 .box .box-body .fc {
 988   margin-top: 5px;
 989 }
 990 .box .box-body .fc-header-title h2 {
 991   font-size: 15px;
 992   line-height: 1.6em;
 993   color: #666;
 994   margin-left: 10px;
 995 }
 996 .box .box-body .fc-header-right {
 997   padding-right: 10px;
 998 }
 999 .box .box-body .fc-header-left {
1000   padding-left: 10px;
1001 }
1002 .box .box-body .fc-widget-header {
1003   background: #fafafa;
1004   box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
1005 }
1006 .box .box-body .fc-grid {
1007   width: 100%;
1008   border: 0;
1009 }
1010 .box .box-body .fc-widget-header:first-of-type,
1011 .box .box-body .fc-widget-content:first-of-type {
1012   border-left: 0;
1013   border-right: 0;
1014 }
1015 .box .box-body .fc-widget-header:last-of-type,
1016 .box .box-body .fc-widget-content:last-of-type {
1017   border-right: 0;
1018 }
1019 .box .box-body .table {
1020   margin-bottom: 0;
1021 }
1022 .box .box-body .full-width-chart {
1023   margin: -19px;
1024 }
1025 .box .box-body.no-padding .full-width-chart {
1026   margin: -9px;
1027 }
1028 .box .box-footer {
1029   border-top: 1px solid #f4f4f4;
1030   -webkit-border-top-left-radius: 0;
1031   -webkit-border-top-right-radius: 0;
1032   -webkit-border-bottom-right-radius: 3px;
1033   -webkit-border-bottom-left-radius: 3px;
1034   -moz-border-radius-topleft: 0;
1035   -moz-border-radius-topright: 0;
1036   -moz-border-radius-bottomright: 3px;
1037   -moz-border-radius-bottomleft: 3px;
1038   border-top-left-radius: 0;
1039   border-top-right-radius: 0;
1040   border-bottom-right-radius: 3px;
1041   border-bottom-left-radius: 3px;
1042   padding: 10px;
1043   background-color: #ffffff;
1044 }
1045 .box.box-solid {
1046   border-top: 0px;
1047 }
1048 .box.box-solid > .box-header {
1049   padding-bottom: 0px!important;
1050 }
1051 .box.box-solid > .box-header .btn.btn-default {
1052   background: transparent;
1053 }
1054 .box.box-solid.box-primary > .box-header {
1055   color: #fff;
1056   background: #3c8dbc;
1057   background-color: #3c8dbc;
1058 }
1059 .box.box-solid.box-primary > .box-header a {
1060   color: #444;
1061 }
1062 .box.box-solid.box-info > .box-header {
1063   color: #fff;
1064   background: #00c0ef;
1065   background-color: #00c0ef;
1066 }
1067 .box.box-solid.box-info > .box-header a {
1068   color: #444;
1069 }
1070 .box.box-solid.box-danger > .box-header {
1071   color: #fff;
1072   background: #f56954;
1073   background-color: #f56954;
1074 }
1075 .box.box-solid.box-danger > .box-header a {
1076   color: #444;
1077 }
1078 .box.box-solid.box-warning > .box-header {
1079   color: #fff;
1080   background: #f39c12;
1081   background-color: #f39c12;
1082 }
1083 .box.box-solid.box-warning > .box-header a {
1084   color: #444;
1085 }
1086 .box.box-solid.box-success > .box-header {
1087   color: #fff;
1088   background: #00a65a;
1089   background-color: #00a65a;
1090 }
1091 .box.box-solid.box-success > .box-header a {
1092   color: #444;
1093 }
1094 .box.box-solid > .box-header > .box-tools .btn {
1095   border: 0;
1096   box-shadow: none;
1097 }
1098 .box.box-solid.collapsed-box .box-header {
1099   -webkit-border-radius: 3px;
1100   -moz-border-radius: 3px;
1101   border-radius: 3px;
1102 }
1103 .box.box-solid[class*='bg'] > .box-header {
1104   color: #fff;
1105 }
1106 .box .box-group > .box {
1107   margin-bottom: 5px;
1108 }
1109 .box .knob-label {
1110   text-align: center;
1111   color: #333;
1112   font-weight: 100;
1113   font-size: 12px;
1114   margin-bottom: 0.3em;
1115 }
1116 .box .todo-list {
1117   margin: 0;
1118   padding: 0px 0px;
1119   list-style: none;
1120 }
1121 .box .todo-list > li {
1122   -webkit-border-radius: 2px;
1123   -moz-border-radius: 2px;
1124   border-radius: 2px;
1125   padding: 10px;
1126   background: #f3f4f5;
1127   margin-bottom: 2px;
1128   border-left: 2px solid #e6e7e8;
1129   color: #444;
1130 }
1131 .box .todo-list > li:last-of-type {
1132   margin-bottom: 0;
1133 }
1134 .box .todo-list > li.danger {
1135   border-left-color: #f56954;
1136 }
1137 .box .todo-list > li.warning {
1138   border-left-color: #f39c12;
1139 }
1140 .box .todo-list > li.info {
1141   border-left-color: #00c0ef;
1142 }
1143 .box .todo-list > li.success {
1144   border-left-color: #00a65a;
1145 }
1146 .box .todo-list > li.primary {
1147   border-left-color: #3c8dbc;
1148 }
1149 .box .todo-list > li > input[type='checkbox'] {
1150   margin: 0 10px 0 5px;
1151 }
1152 .box .todo-list > li .text {
1153   display: inline-block;
1154   margin-left: 5px;
1155   font-weight: 600;
1156 }
1157 .box .todo-list > li .label {
1158   margin-left: 10px;
1159   font-size: 9px;
1160 }
1161 .box .todo-list > li .tools {
1162   display: none;
1163   float: right;
1164   color: #f56954;
1165 }
1166 .box .todo-list > li .tools > .fa,
1167 .box .todo-list > li .tools > .glyphicon,
1168 .box .todo-list > li .tools > .ion {
1169   margin-right: 5px;
1170   cursor: pointer;
1171 }
1172 .box .todo-list > li:hover .tools {
1173   display: inline-block;
1174 }
1175 .box .todo-list > li.done {
1176   color: #999;
1177 }
1178 .box .todo-list > li.done .text {
1179   text-decoration: line-through;
1180   font-weight: 500;
1181 }
1182 .box .todo-list > li.done .label {
1183   background: #eaeaec !important;
1184 }
1185 .box .todo-list .handle {
1186   display: inline-block;
1187   cursor: move;
1188   margin: 0 5px;
1189 }
1190 .box .chat {
1191   padding: 5px 20px 5px 10px;
1192 }
1193 .box .chat .item {
1194   margin-bottom: 10px;
1195 }
1196 .box .chat .item:before,
1197 .box .chat .item:after {
1198   display: table;
1199   content: " ";
1200 }
1201 .box .chat .item:after {
1202   clear: both;
1203 }
1204 .box .chat .item > img {
1205   width: 40px;
1206   height: 40px;
1207   border: 2px solid transparent;
1208   -webkit-border-radius: 50% !important;
1209   -moz-border-radius: 50% !important;
1210   border-radius: 50% !important;
1211 }
1212 .box .chat .item > img.online {
1213   border: 2px solid #00a65a;
1214 }
1215 .box .chat .item > img.offline {
1216   border: 2px solid #f56954;
1217 }
1218 .box .chat .item > .message {
1219   margin-left: 55px;
1220   margin-top: -40px;
1221 }
1222 .box .chat .item > .message > .name {
1223   display: block;
1224   font-weight: 600;
1225 }
1226 .box .chat .item > .attachment {
1227   -webkit-border-radius: 3px;
1228   -moz-border-radius: 3px;
1229   border-radius: 3px;
1230   background: #f0f0f0;
1231   margin-left: 65px;
1232   margin-right: 15px;
1233   padding: 10px;
1234 }
1235 .box .chat .item > .attachment > h4 {
1236   margin: 0 0 5px 0;
1237   font-weight: 600;
1238   font-size: 14px;
1239 }
1240 .box .chat .item > .attachment > p,
1241 .box .chat .item > .attachment > .filename {
1242   font-weight: 600;
1243   font-size: 13px;
1244   font-style: italic;
1245   margin: 0;
1246 }
1247 .box .chat .item > .attachment:before,
1248 .box .chat .item > .attachment:after {
1249   display: table;
1250   content: " ";
1251 }
1252 .box .chat .item > .attachment:after {
1253   clear: both;
1254 }
1255 .box > .overlay,
1256 .box > .loading-img {
1257   position: absolute;
1258   top: 0;
1259   left: 0;
1260   width: 100%;
1261   height: 100%;
1262 }
1263 .box > .overlay {
1264   z-index: 1010;
1265   background: rgba(255, 255, 255, 0.7);
1266 }
1267 .box > .overlay.dark {
1268   background: rgba(0, 0, 0, 0.5);
1269 }
1270 .box > .loading-img {
1271   z-index: 1020;
1272   background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
1273 }
1274 /*
1275 Component: timeline
1276 --------------------
1277 */
1278 .timeline {
1279   position: relative;
1280   margin: 0 0 30px 0;
1281   padding: 0;
1282   list-style: none;
1283 }
1284 .timeline:before {
1285   content: '';
1286   position: absolute;
1287   top: 0px;
1288   bottom: 0;
1289   width: 5px;
1290   background: #ddd;
1291   left: 30px;
1292   border: 1px solid #eee;
1293   margin: 0;
1294   -webkit-border-radius: 2px;
1295   -moz-border-radius: 2px;
1296   border-radius: 2px;
1297 }
1298 .timeline > li {
1299   position: relative;
1300   margin-right: 10px;
1301   margin-bottom: 15px;
1302 }
1303 .timeline > li:before,
1304 .timeline > li:after {
1305   display: table;
1306   content: " ";
1307 }
1308 .timeline > li:after {
1309   clear: both;
1310 }
1311 .timeline > li > .timeline-item {
1312   margin-top: 10px;
1313   border: 0px solid #dfdfdf;
1314   background: #fff;
1315   color: #555;
1316   margin-left: 60px;
1317   margin-right: 15px;
1318   padding: 5px;
1319   position: relative;
1320   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
1321 }
1322 .timeline > li > .timeline-item > .time {
1323   color: #999;
1324   float: right;
1325   margin: 2px 0 0 0;
1326 }
1327 .timeline > li > .timeline-item > .timeline-header {
1328   margin: 0;
1329   color: #555;
1330   border-bottom: 1px solid #f4f4f4;
1331   padding: 5px;
1332   font-size: 16px;
1333   line-height: 1.1;
1334 }
1335 .timeline > li > .timeline-item > .timeline-header > a {
1336   font-weight: 600;
1337 }
1338 .timeline > li > .timeline-item > .timeline-body,
1339 .timeline > li > .timeline-item > .timeline-footer {
1340   padding: 10px;
1341 }
1342 .timeline > li.time-label > span {
1343   font-weight: 600;
1344   padding: 5px;
1345   display: inline-block;
1346   background-color: #fff;
1347   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
1348   -webkit-border-radius: 4px;
1349   -moz-border-radius: 4px;
1350   border-radius: 4px;
1351 }
1352 .timeline > li > .fa,
1353 .timeline > li > .glyphicon,
1354 .timeline > li > .ion {
1355   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
1356   width: 30px;
1357   height: 30px;
1358   font-size: 15px;
1359   line-height: 30px;
1360   position: absolute;
1361   color: #666;
1362   background: #eee;
1363   border-radius: 50%;
1364   text-align: center;
1365   left: 18px;
1366   top: 0;
1367 }
1368
1369 /*
1370     Component: callout
1371 ------------------------
1372 */
1373 .callout {
1374   margin: 0 0 20px 0;
1375   padding: 15px 30px 15px 15px;
1376   border-left: 5px solid #eee;
1377 }
1378 .callout h4 {
1379   margin-top: 0;
1380 }
1381 .callout p:last-child {
1382   margin-bottom: 0;
1383 }
1384 .callout code,
1385 .callout .highlight {
1386   background-color: #fff;
1387 }
1388 .callout.callout-danger {
1389   background-color: #fcf2f2;
1390   border-color: #dFb5b4;
1391 }
1392 .callout.callout-warning {
1393   background-color: #fefbed;
1394   border-color: #f1e7bc;
1395 }
1396 .callout.callout-info {
1397   background-color: #f0f7fd;
1398   border-color: #d0e3f0;
1399 }
1400 .callout.callout-danger h4 {
1401   color: #B94A48;
1402 }
1403 .callout.callout-warning h4 {
1404   color: #C09853;
1405 }
1406 .callout.callout-info h4 {
1407   color: #3A87AD;
1408 }
1409 /*
1410     Component: alert
1411 ------------------------
1412 */
1413 .alert {
1414   padding-left: 30px;
1415   margin-left: 15px;
1416   position: relative;
1417 }
1418 .alert > .fa,
1419 .alert > .glyphicon {
1420   position: absolute;
1421   left: -15px;
1422   top: -15px;
1423   width: 35px;
1424   height: 35px;
1425   -webkit-border-radius: 50%;
1426   -moz-border-radius: 50%;
1427   border-radius: 50%;
1428   line-height: 35px;
1429   text-align: center;
1430   background: inherit;
1431   border: inherit;
1432 }
1433 /*
1434     Component: Navs
1435 */
1436 /* NAV PILLS */
1437 .nav.nav-pills > li > a {
1438   border-top: 3px solid transparent;
1439   -webkit-border-radius: 0;
1440   -moz-border-radius: 0;
1441   border-radius: 0;
1442   color: #444;
1443 }
1444 .nav.nav-pills > li > a > .fa,
1445 .nav.nav-pills > li > a > .glyphicon,
1446 .nav.nav-pills > li > a > .ion {
1447   margin-right: 5px;
1448 }
1449 .nav.nav-pills > li.active > a,
1450 .nav.nav-pills > li.active > a:hover {
1451   background-color: #f6f6f6;
1452   border-top-color: #3c8dbc;
1453   color: #444;
1454 }
1455 .nav.nav-pills > li.active > a {
1456   font-weight: 600;
1457 }
1458 .nav.nav-pills > li > a:hover {
1459   background-color: #f6f6f6;
1460 }
1461 .nav.nav-pills.nav-stacked > li > a {
1462   border-top: 0;
1463   border-left: 3px solid transparent;
1464   -webkit-border-radius: 0;
1465   -moz-border-radius: 0;
1466   border-radius: 0;
1467   color: #444;
1468 }
1469 .nav.nav-pills.nav-stacked > li.active > a,
1470 .nav.nav-pills.nav-stacked > li.active > a:hover {
1471   background-color: #f6f6f6;
1472   border-left-color: #3c8dbc;
1473   color: #444;
1474 }
1475 .nav.nav-pills.nav-stacked > li.header {
1476   border-bottom: 1px solid #ddd;
1477   color: #777;
1478   margin-bottom: 10px;
1479   padding: 5px 10px;
1480   text-transform: uppercase;
1481 }
1482 /* NAV TABS */
1483 .nav-tabs-custom {
1484   margin-bottom: 20px;
1485   background: #fff;
1486   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
1487 }
1488 .nav-tabs-custom > .nav-tabs {
1489   margin: 0;
1490   border-bottom-color: #f4f4f4;
1491 }
1492 .nav-tabs-custom > .nav-tabs > li {
1493   border-top: 3px solid transparent;
1494   margin-bottom: -2px;
1495   margin-right: 5px;
1496 }
1497 .nav-tabs-custom > .nav-tabs > li > a {
1498   -webkit-border-radius: 0 !important;
1499   -moz-border-radius: 0 !important;
1500   border-radius: 0 !important;
1501 }
1502 .nav-tabs-custom > .nav-tabs > li > a,
1503 .nav-tabs-custom > .nav-tabs > li > a:hover {
1504   background: transparent;
1505   margin: 0;
1506 }
1507 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
1508 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
1509 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
1510   border-color: transparent;
1511 }
1512 .nav-tabs-custom > .nav-tabs > li.active {
1513   border-top-color: #3c8dbc;
1514 }
1515 .nav-tabs-custom > .nav-tabs > li.active > a,
1516 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
1517   background-color: #fff;
1518 }
1519 .nav-tabs-custom > .nav-tabs > li.active > a {
1520   border-top: 0;
1521   border-left-color: #f4f4f4;
1522   border-right-color: #f4f4f4;
1523 }
1524 .nav-tabs-custom > .nav-tabs > li:first-of-type {
1525   margin-left: 0px;
1526 }
1527 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
1528   border-left-width: 0;
1529 }
1530 .nav-tabs-custom > .nav-tabs.pull-right {
1531   float: none!important;
1532 }
1533 .nav-tabs-custom > .nav-tabs.pull-right > li {
1534   float: right;
1535 }
1536 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
1537   margin-right: 0px;
1538 }
1539 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
1540   border-left-width: 1px;
1541   border-right-width: 0px;
1542 }
1543 .nav-tabs-custom > .nav-tabs > li.header {
1544   font-weight: 400;
1545   line-height: 35px;
1546   padding: 0 10px;
1547   font-size: 20px;
1548   color: #444;
1549   cursor: default;
1550 }
1551 .nav-tabs-custom > .nav-tabs > li.header > .fa,
1552 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
1553 .nav-tabs-custom > .nav-tabs > li.header > .ion {
1554   margin-right: 10px;
1555 }
1556 .nav-tabs-custom > .tab-content {
1557   background: #fff;
1558   padding: 10px;
1559 }
1560 /* Nav tabs bottom */
1561 .tabs-bottom.nav-3 li a {
1562   width: 3333.33333333% !important;
1563 }
1564 .tabs-bottom li a {
1565   border: 0;
1566 }
1567 /* PAGINATION */
1568 .pagination > li > a {
1569   background: #fafafa;
1570   color: #666;
1571   -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
1572   -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
1573   box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
1574 }
1575 .pagination > li:first-of-type a,
1576 .pagination > li:last-of-type a {
1577   -webkit-border-radius: 0;
1578   -moz-border-radius: 0;
1579   border-radius: 0;
1580 }
1581 /*
1582     Component: Mailbox
1583 */
1584 .mailbox .table-mailbox {
1585   border-left: 1px solid #ddd;
1586   border-right: 1px solid #ddd;
1587   border-bottom: 1px solid #ddd;
1588 }
1589 .mailbox .table-mailbox tr.unread > td {
1590   background-color: rgba(0, 0, 0, 0.05);
1591   color: #000;
1592   font-weight: 600;
1593 }
1594 .mailbox .table-mailbox tr > td > .fa.fa-star,
1595 .mailbox .table-mailbox tr > td > .fa.fa-star-o,
1596 .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
1597 .mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
1598   color: #f39c12;
1599   cursor: pointer;
1600 }
1601 .mailbox .table-mailbox tr > td.small-col {
1602   width: 30px;
1603 }
1604 .mailbox .table-mailbox tr > td.name {
1605   width: 150px;
1606   font-weight: 600;
1607 }
1608 .mailbox .table-mailbox tr > td.time {
1609   text-align: right;
1610   width: 100px;
1611 }
1612 .mailbox .table-mailbox tr > td {
1613   white-space: nowrap;
1614 }
1615 .mailbox .table-mailbox tr > td > a {
1616   color: #444;
1617 }
1618 @media screen and (max-width: 767px) {
1619   .mailbox .nav-stacked > li:not(.header) {
1620     float: left;
1621     width: 50%;
1622   }
1623   .mailbox .nav-stacked > li:not(.header).header {
1624     border: 0!important;
1625   }
1626   .mailbox .search-form {
1627     margin-top: 10px;
1628   }
1629 }
1630 /*
1631     Page: locked screen
1632 */
1633 /* ADD THIS CLASS TO THE <HTML> TAG */
1634 .lockscreen {
1635   background: url(../img/blur-background09.jpg) repeat center center fixed;
1636   -webkit-background-size: cover;
1637   -moz-background-size: cover;
1638   -o-background-size: cover;
1639   background-size: cover;
1640 }
1641 /* Remove the background from the body element */
1642 .lockscreen > body {
1643   background: transparent;
1644 }
1645 /* We will put the dynamically generated digital clock here */
1646 .lockscreen .headline {
1647   color: #fff;
1648   text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
1649   font-weight: 300;
1650   -webkit-font-smoothing: antialiased !important;
1651   opacity: 0.8;
1652   margin: 10px 0 30px 0;
1653   font-size: 90px;
1654 }
1655 @media screen and (max-width: 480px) {
1656   .lockscreen .headline {
1657     font-size: 60px;
1658     margin-bottom: 40px;
1659   }
1660 }
1661 /* User name [optional] */
1662 .lockscreen .lockscreen-name {
1663   text-align: center;
1664   font-weight: 600;
1665   font-size: 16px;
1666 }
1667 /* Will contain the image and the sign in form */
1668 .lockscreen-item {
1669   padding: 0;
1670   background: #fff;
1671   position: relative;
1672   -webkit-border-radius: 4px;
1673   -moz-border-radius: 4px;
1674   border-radius: 4px;
1675   margin: 10px auto;
1676   width: 290px;
1677 }
1678 .lockscreen-item:before,
1679 .lockscreen-item:after {
1680   display: table;
1681   content: " ";
1682 }
1683 .lockscreen-item:after {
1684   clear: both;
1685 }
1686 /* User image */
1687 .lockscreen-item > .lockscreen-image {
1688   position: absolute;
1689   left: -10px;
1690   top: -30px;
1691   background: #fff;
1692   padding: 10px;
1693   -webkit-border-radius: 50%;
1694   -moz-border-radius: 50%;
1695   border-radius: 50%;
1696   z-index: 10;
1697 }
1698 .lockscreen-item > .lockscreen-image > img {
1699   width: 70px;
1700   height: 70px;
1701   -webkit-border-radius: 50%;
1702   -moz-border-radius: 50%;
1703   border-radius: 50%;
1704 }
1705 /* Contains the password input and the login button */
1706 .lockscreen-item > .lockscreen-credentials {
1707   margin-left: 80px;
1708 }
1709 .lockscreen-item > .lockscreen-credentials input {
1710   border: 0 !important;
1711 }
1712 .lockscreen-item > .lockscreen-credentials .btn {
1713   background-color: #fff;
1714   border: 0;
1715 }
1716 /* Extra to give the user an option to navigate the website [optional]*/
1717 .lockscreen-link {
1718   margin-top: 30px;
1719   text-align: center;
1720 }
1721 /*
1722     Page: register and login
1723 */
1724 .form-box {
1725   width: 360px;
1726   margin: 90px auto 0 auto;
1727 }
1728 .form-box .header {
1729   -webkit-border-top-left-radius: 4px;
1730   -webkit-border-top-right-radius: 4px;
1731   -webkit-border-bottom-right-radius: 0;
1732   -webkit-border-bottom-left-radius: 0;
1733   -moz-border-radius-topleft: 4px;
1734   -moz-border-radius-topright: 4px;
1735   -moz-border-radius-bottomright: 0;
1736   -moz-border-radius-bottomleft: 0;
1737   border-top-left-radius: 4px;
1738   border-top-right-radius: 4px;
1739   border-bottom-right-radius: 0;
1740   border-bottom-left-radius: 0;
1741   background: #3d9970;
1742   box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
1743   padding: 20px 10px;
1744   text-align: center;
1745   font-size: 26px;
1746   font-weight: 300;
1747   color: #fff;
1748 }
1749 .form-box .body,
1750 .form-box .footer {
1751   padding: 10px 20px;
1752   background: #fff;
1753   color: #444;
1754 }
1755 .form-box .body > .form-group,
1756 .form-box .footer > .form-group {
1757   margin-top: 20px;
1758 }
1759 .form-box .body > .form-group > input,
1760 .form-box .footer > .form-group > input {
1761   border: #fff;
1762 }
1763 .form-box .body > .btn,
1764 .form-box .footer > .btn {
1765   margin-bottom: 10px;
1766 }
1767 .form-box .footer {
1768   -webkit-border-top-left-radius: 0;
1769   -webkit-border-top-right-radius: 0;
1770   -webkit-border-bottom-right-radius: 4px;
1771   -webkit-border-bottom-left-radius: 4px;
1772   -moz-border-radius-topleft: 0;
1773   -moz-border-radius-topright: 0;
1774   -moz-border-radius-bottomright: 4px;
1775   -moz-border-radius-bottomleft: 4px;
1776   border-top-left-radius: 0;
1777   border-top-right-radius: 0;
1778   border-bottom-right-radius: 4px;
1779   border-bottom-left-radius: 4px;
1780 }
1781 @media (max-width: 767px) {
1782   .form-box {
1783     width: 90%;
1784   }
1785 }
1786 /*
1787     Page: 404 and 500 error pages
1788 ------------------------------------
1789 */
1790 .error-page {
1791   width: 600px;
1792   margin: 20px auto 0 auto;
1793 }
1794 @media screen and (max-width: 767px) {
1795   .error-page {
1796     width: 100%;
1797   }
1798 }
1799 .error-page > .headline {
1800   float: left;
1801   font-size: 100px;
1802   font-weight: 300;
1803 }
1804 @media screen and (max-width: 767px) {
1805   .error-page > .headline {
1806     float: none;
1807     text-align: center;
1808   }
1809 }
1810 .error-page > .error-content {
1811   margin-left: 190px;
1812   display: block;
1813 }
1814 @media screen and (max-width: 767px) {
1815   .error-page > .error-content {
1816     margin-left: 0;
1817   }
1818 }
1819 .error-page > .error-content > h3 {
1820   font-weight: 300;
1821   font-size: 25px;
1822 }
1823 @media screen and (max-width: 767px) {
1824   .error-page > .error-content > h3 {
1825     text-align: center;
1826   }
1827 }
1828 .error-page:before,
1829 .error-page:after {
1830   display: table;
1831   content: " ";
1832 }
1833 .error-page:after {
1834   clear: both;
1835 }
1836 /*
1837     Page: Invoice
1838 */
1839 .invoice {
1840   position: relative;
1841   width: 90%;
1842   margin: 10px auto;
1843   background: #fff;
1844   border: 1px solid #f4f4f4;
1845 }
1846 .invoice-title {
1847   margin-top: 0;
1848 }
1849 /* Enhancement for printing */
1850 @media print {
1851   .invoice {
1852     width: 100%;
1853     border: 0;
1854     margin: 0;
1855     padding: 0;
1856   }
1857   .invoice-col {
1858     float: left;
1859     width: 33.3333333%;
1860   }
1861   .table-responsive {
1862     overflow: auto;
1863   }
1864   .table-responsive > .table tr th,
1865   .table-responsive > .table tr td {
1866     white-space: normal!important;
1867   }
1868 }
1869 /*
1870     Skins
1871     -----
1872 */
1873 /*
1874     Skin Blue
1875     ---------
1876 */
1877 /* skin-blue navbar */
1878 .skin-blue .navbar {
1879   background-color: #3c8dbc;
1880 }
1881 .skin-blue .navbar .nav a {
1882   color: rgba(255, 255, 255, 0.8);
1883 }
1884 .skin-blue .navbar .nav > li > a:hover,
1885 .skin-blue .navbar .nav > li > a:active,
1886 .skin-blue .navbar .nav > li > a:focus,
1887 .skin-blue .navbar .nav .open > a,
1888 .skin-blue .navbar .nav .open > a:hover,
1889 .skin-blue .navbar .nav .open > a:focus {
1890   background: rgba(0, 0, 0, 0.1);
1891   color: #f6f6f6;
1892 }
1893 .skin-blue .navbar .navbar-right > .nav {
1894   margin-right: 10px;
1895 }
1896 .skin-blue .navbar .sidebar-toggle .icon-bar {
1897   background: rgba(255, 255, 255, 0.8);
1898 }
1899 .skin-blue .navbar .sidebar-toggle:hover .icon-bar {
1900   background: #f6f6f6 !important;
1901 }
1902 /* skin-blue logo */
1903 .skin-blue .logo {
1904   background-color: #367fa9;
1905   color: #f9f9f9;
1906 }
1907 .skin-blue .logo > a {
1908   color: #f9f9f9;
1909 }
1910 .skin-blue .logo:hover {
1911   background: #357ca5;
1912 }
1913 /* skin-blue content header */
1914 .skin-blue .right-side > .content-header {
1915   background: #fbfbfb;
1916   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
1917 }
1918 /* Skin-blue user panel */
1919 .skin-blue .user-panel > .image > img {
1920   border: 1px solid #dfdfdf;
1921 }
1922 .skin-blue .user-panel > .info,
1923 .skin-blue .user-panel > .info > a {
1924   color: #555555;
1925 }
1926 /* skin-blue sidebar */
1927 .skin-blue .sidebar {
1928   border-bottom: 1px solid #fff;
1929 }
1930 .skin-blue .sidebar > .sidebar-menu > li {
1931   border-top: 1px solid #fff;
1932   border-bottom: 1px solid #dbdbdb;
1933 }
1934 .skin-blue .sidebar > .sidebar-menu > li:first-of-type {
1935   border-top: 1px solid #dbdbdb;
1936 }
1937 .skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
1938   border-top: 1px solid #fff;
1939 }
1940 .skin-blue .sidebar > .sidebar-menu > li > a {
1941   margin-right: 1px;
1942 }
1943 .skin-blue .sidebar > .sidebar-menu > li > a:hover,
1944 .skin-blue .sidebar > .sidebar-menu > li.active > a {
1945   color: #222;
1946   background: #f9f9f9;
1947 }
1948 .skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
1949   margin: 0 1px;
1950   background: #f9f9f9;
1951 }
1952 .skin-blue .left-side {
1953   background: #f4f4f4;
1954   -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
1955   -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
1956   box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
1957 }
1958 .skin-blue .sidebar a {
1959   color: #555555;
1960 }
1961 .skin-blue .sidebar a:hover {
1962   text-decoration: none;
1963 }
1964 .skin-blue .treeview-menu > li > a {
1965   color: #777;
1966 }
1967 .skin-blue .treeview-menu > li.active > a,
1968 .skin-blue .treeview-menu > li > a:hover {
1969   color: #111;
1970 }
1971 .skin-blue .sidebar-form {
1972   -webkit-border-radius: 2px;
1973   -moz-border-radius: 2px;
1974   border-radius: 2px;
1975   border: 1px solid #dbdbdb;
1976   margin: 10px 10px;
1977 }
1978 .skin-blue .sidebar-form input[type="text"],
1979 .skin-blue .sidebar-form .btn {
1980   box-shadow: none;
1981   background-color: #fafafa;
1982   border: 1px solid #fafafa;
1983   height: 35px;
1984 }
1985 .skin-blue .sidebar-form input[type="text"] {
1986   color: #666;
1987   -webkit-border-top-left-radius: 2px !important;
1988   -webkit-border-top-right-radius: 0 !important;
1989   -webkit-border-bottom-right-radius: 0 !important;
1990   -webkit-border-bottom-left-radius: 2px !important;
1991   -moz-border-radius-topleft: 2px !important;
1992   -moz-border-radius-topright: 0 !important;
1993   -moz-border-radius-bottomright: 0 !important;
1994   -moz-border-radius-bottomleft: 2px !important;
1995   border-top-left-radius: 2px !important;
1996   border-top-right-radius: 0 !important;
1997   border-bottom-right-radius: 0 !important;
1998   border-bottom-left-radius: 2px !important;
1999 }
2000 .skin-blue .sidebar-form input[type="text"]:focus,
2001 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2002   background-color: #fff;
2003   color: #666;
2004 }
2005 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2006   border-left-color: #fff;
2007 }
2008 .skin-blue .sidebar-form .btn {
2009   color: #999;
2010   -webkit-border-top-left-radius: 0 !important;
2011   -webkit-border-top-right-radius: 2px !important;
2012   -webkit-border-bottom-right-radius: 2px !important;
2013   -webkit-border-bottom-left-radius: 0 !important;
2014   -moz-border-radius-topleft: 0 !important;
2015   -moz-border-radius-topright: 2px !important;
2016   -moz-border-radius-bottomright: 2px !important;
2017   -moz-border-radius-bottomleft: 0 !important;
2018   border-top-left-radius: 0 !important;
2019   border-top-right-radius: 2px !important;
2020   border-bottom-right-radius: 2px !important;
2021   border-bottom-left-radius: 0 !important;
2022 }
2023 /*
2024     Skin Black
2025     --------
2026 */
2027 /* skin-black navbar */
2028 .skin-black .navbar {
2029   background-color: #ffffff;
2030   border-bottom: 1px solid #eee;
2031 }
2032 .skin-black .navbar .nav a {
2033   color: #333333;
2034 }
2035 .skin-black .navbar .nav > li > a:hover,
2036 .skin-black .navbar .nav > li > a:active,
2037 .skin-black .navbar .nav > li > a:focus,
2038 .skin-black .navbar .nav .open > a,
2039 .skin-black .navbar .nav .open > a:hover,
2040 .skin-black .navbar .nav .open > a:focus {
2041   background: #ffffff;
2042   color: #999999;
2043 }
2044 .skin-black .navbar .navbar-right > .nav {
2045   margin-right: 10px;
2046 }
2047 .skin-black .navbar .sidebar-toggle .icon-bar {
2048   background: #333333;
2049 }
2050 .skin-black .navbar .sidebar-toggle:hover .icon-bar {
2051   background: #999999 !important;
2052 }
2053 /* skin-black logo */
2054 .skin-black .logo {
2055   background-color: #333333;
2056   color: #f9f9f9;
2057 }
2058 .skin-black .logo > a {
2059   color: #f9f9f9;
2060 }
2061 .skin-black .logo:hover {
2062   background: #303030;
2063 }
2064 /* skin-black content header */
2065 .skin-black .right-side > .content-header {
2066   background: transparent;
2067   box-shadow: none;
2068 }
2069 /* Skin-red user panel */
2070 .skin-black .user-panel > .image > img {
2071   border: 1px solid #444;
2072 }
2073 .skin-black .user-panel > .info,
2074 .skin-black .user-panel > .info > a {
2075   color: #eee;
2076 }
2077 /* skin-black sidebar */
2078 .skin-black .sidebar {
2079   border-bottom: 1px solid #333;
2080 }
2081 .skin-black .sidebar > .sidebar-menu > li {
2082   border-top: 1px solid #333;
2083   border-bottom: 0px solid #444;
2084 }
2085 .skin-black .sidebar > .sidebar-menu > li:first-of-type {
2086   border-top: 1px solid #444;
2087 }
2088 .skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
2089   border-top: 0px solid #333;
2090 }
2091 .skin-black .sidebar > .sidebar-menu > li > a {
2092   margin-right: 1px;
2093 }
2094 .skin-black .sidebar > .sidebar-menu > li > a:hover,
2095 .skin-black .sidebar > .sidebar-menu > li.active > a {
2096   color: #f6f6f6;
2097   background: #444;
2098 }
2099 .skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
2100   margin: 0 1px;
2101   background: #444;
2102 }
2103 .skin-black .left-side {
2104   background: #333;
2105 }
2106 .skin-black .sidebar a {
2107   color: #eee;
2108 }
2109 .skin-black .sidebar a:hover {
2110   text-decoration: none;
2111 }
2112 .skin-black .treeview-menu > li > a {
2113   color: #ccc;
2114 }
2115 .skin-black .treeview-menu > li.active > a,
2116 .skin-black .treeview-menu > li > a:hover {
2117   color: #fff;
2118 }
2119 .skin-black .sidebar-form {
2120   -webkit-border-radius: 2px;
2121   -moz-border-radius: 2px;
2122   border-radius: 2px;
2123   border: 0px solid #555;
2124   margin: 10px 10px;
2125 }
2126 .skin-black .sidebar-form input[type="text"],
2127 .skin-black .sidebar-form .btn {
2128   box-shadow: none;
2129   background-color: rgba(255, 255, 255, 0.1);
2130   border: 0 solid rgba(255, 255, 255, 0.1);
2131   height: 35px;
2132   outline: none;
2133 }
2134 .skin-black .sidebar-form input[type="text"] {
2135   color: #666;
2136   -webkit-border-top-left-radius: 2px !important;
2137   -webkit-border-top-right-radius: 0 !important;
2138   -webkit-border-bottom-right-radius: 0 !important;
2139   -webkit-border-bottom-left-radius: 2px !important;
2140   -moz-border-radius-topleft: 2px !important;
2141   -moz-border-radius-topright: 0 !important;
2142   -moz-border-radius-bottomright: 0 !important;
2143   -moz-border-radius-bottomleft: 2px !important;
2144   border-top-left-radius: 2px !important;
2145   border-top-right-radius: 0 !important;
2146   border-bottom-right-radius: 0 !important;
2147   border-bottom-left-radius: 2px !important;
2148 }
2149 .skin-black .sidebar-form input[type="text"]:focus,
2150 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2151   background-color: #444;
2152   border: 0;
2153 }
2154 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
2155   border-left: 0;
2156 }
2157 .skin-black .sidebar-form .btn {
2158   color: #999;
2159   -webkit-border-top-left-radius: 0 !important;
2160   -webkit-border-top-right-radius: 2px !important;
2161   -webkit-border-bottom-right-radius: 2px !important;
2162   -webkit-border-bottom-left-radius: 0 !important;
2163   -moz-border-radius-topleft: 0 !important;
2164   -moz-border-radius-topright: 2px !important;
2165   -moz-border-radius-bottomright: 2px !important;
2166   -moz-border-radius-bottomleft: 0 !important;
2167   border-top-left-radius: 0 !important;
2168   border-top-right-radius: 2px !important;
2169   border-bottom-right-radius: 2px !important;
2170   border-bottom-left-radius: 0 !important;
2171   border-left: 0;
2172 }
2173 /*!
2174  * iCheck v1.0.1, http://git.io/arlzeA
2175  * =================================
2176  * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
2177  *
2178  * (c) 2013 Damir Sultanov, http://fronteed.com
2179  * MIT Licensed
2180  */
2181 /* iCheck plugin Minimal skin, black
2182 ----------------------------------- */
2183 .icheckbox_minimal,
2184 .iradio_minimal {
2185   display: inline-block;
2186   *display: inline;
2187   vertical-align: middle;
2188   margin: 0;
2189   padding: 0;
2190   width: 18px;
2191   height: 18px;
2192   background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
2193   border: none;
2194   cursor: pointer;
2195 }
2196 .icheckbox_minimal {
2197   background-position: 0 0;
2198 }
2199 .icheckbox_minimal.hover {
2200   background-position: -20px 0;
2201 }
2202 .icheckbox_minimal.checked {
2203   background-position: -40px 0;
2204 }
2205 .icheckbox_minimal.disabled {
2206   background-position: -60px 0;
2207   cursor: default;
2208 }
2209 .icheckbox_minimal.checked.disabled {
2210   background-position: -80px 0;
2211 }
2212 .iradio_minimal {
2213   background-position: -100px 0;
2214 }
2215 .iradio_minimal.hover {
2216   background-position: -120px 0;
2217 }
2218 .iradio_minimal.checked {
2219   background-position: -140px 0;
2220 }
2221 .iradio_minimal.disabled {
2222   background-position: -160px 0;
2223   cursor: default;
2224 }
2225 .iradio_minimal.checked.disabled {
2226   background-position: -180px 0;
2227 }
2228 /* Retina support */
2229 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
2230   .icheckbox_minimal,
2231   .iradio_minimal {
2232     background-image: url('iCheck/minimal/minimal@2x.png');
2233     -webkit-background-size: 200px 20px;
2234     background-size: 200px 20px;
2235   }
2236 }
2237 .pace .pace-progress {
2238   background: #00c0ef;
2239   position: fixed;
2240   z-index: 2000;
2241   top: 0;
2242   left: 0;
2243   height: 2px;
2244   -webkit-transition: width 1s;
2245   -moz-transition: width 1s;
2246   -o-transition: width 1s;
2247   transition: width 1s;
2248 }
2249 .pace-inactive {
2250   display: none;
2251 }
2252 /*
2253  * Social Buttons for Bootstrap
2254  *
2255  * Copyright 2013-2014 Panayiotis Lipiridis
2256  * Licensed under the MIT License
2257  *
2258  * https://github.com/lipis/bootstrap-social
2259  *
2260  * Note: this file has been altered to work correctly with AdminLTE
2261  */
2262 .btn-social {
2263   position: relative;
2264   padding-left: 44px !important;
2265   text-align: left;
2266   white-space: nowrap;
2267   overflow: hidden;
2268   text-overflow: ellipsis;
2269 }
2270 .btn-social :first-child {
2271   position: absolute;
2272   left: 0;
2273   top: 0;
2274   bottom: 0;
2275   width: 32px !important;
2276   line-height: 34px !important;
2277   font-size: 1.6em!important;
2278   text-align: center;
2279   border-right: 1px solid rgba(0, 0, 0, 0.2);
2280 }
2281 .btn-social.btn-lg {
2282   padding-left: 60px !important;
2283 }
2284 .btn-social.btn-lg :first-child {
2285   line-height: 45px;
2286   width: 45px;
2287   font-size: 1.8em;
2288 }
2289 .btn-social.btn-sm {
2290   padding-left: 38px !important;
2291 }
2292 .btn-social.btn-sm :first-child {
2293   line-height: 28px;
2294   width: 28px;
2295   font-size: 1.4em;
2296 }
2297 .btn-social.btn-xs {
2298   padding-left: 30px !important;
2299 }
2300 .btn-social.btn-xs :first-child {
2301   line-height: 20px;
2302   width: 20px;
2303   font-size: 1.2em;
2304 }
2305 .btn-social-icon {
2306   position: relative;
2307   padding-left: 44px !important;
2308   text-align: left;
2309   white-space: nowrap;
2310   overflow: hidden;
2311   text-overflow: ellipsis;
2312   height: 34px;
2313   width: 34px;
2314   padding: 0;
2315 }
2316 .btn-social-icon :first-child {
2317   position: absolute;
2318   left: 0;
2319   top: 0;
2320   bottom: 0;
2321   width: 32px !important;
2322   line-height: 34px !important;
2323   font-size: 1.6em!important;
2324   text-align: center;
2325   border-right: 1px solid rgba(0, 0, 0, 0.2);
2326 }
2327 .btn-social-icon.btn-lg {
2328   padding-left: 60px !important;
2329 }
2330 .btn-social-icon.btn-lg :first-child {
2331   line-height: 45px;
2332   width: 45px;
2333   font-size: 1.8em;
2334 }
2335 .btn-social-icon.btn-sm {
2336   padding-left: 38px !important;
2337 }
2338 .btn-social-icon.btn-sm :first-child {
2339   line-height: 28px;
2340   width: 28px;
2341   font-size: 1.4em;
2342 }
2343 .btn-social-icon.btn-xs {
2344   padding-left: 30px !important;
2345 }
2346 .btn-social-icon.btn-xs :first-child {
2347   line-height: 20px;
2348   width: 20px;
2349   font-size: 1.2em;
2350 }
2351 .btn-social-icon :first-child {
2352   border: none;
2353   text-align: center;
2354   width: 100%!important;
2355 }
2356 .btn-social-icon.btn-lg {
2357   height: 45px;
2358   width: 45px;
2359   padding-left: 0;
2360   padding-right: 0;
2361 }
2362 .btn-social-icon.btn-sm {
2363   height: 30px;
2364   width: 30px;
2365   padding-left: 0;
2366   padding-right: 0;
2367 }
2368 .btn-social-icon.btn-xs {
2369   height: 22px;
2370   width: 22px;
2371   padding-left: 0;
2372   padding-right: 0;
2373 }
2374 .btn-bitbucket {
2375   color: #ffffff;
2376   background-color: #205081;
2377   border-color: rgba(0, 0, 0, 0.2);
2378 }
2379 .btn-bitbucket:hover,
2380 .btn-bitbucket:focus,
2381 .btn-bitbucket:active,
2382 .btn-bitbucket.active,
2383 .open .dropdown-toggle.btn-bitbucket {
2384   color: #ffffff;
2385   background-color: #183c60;
2386   border-color: rgba(0, 0, 0, 0.2);
2387 }
2388 .btn-bitbucket:active,
2389 .btn-bitbucket.active,
2390 .open .dropdown-toggle.btn-bitbucket {
2391   background-image: none;
2392 }
2393 .btn-bitbucket.disabled,
2394 .btn-bitbucket[disabled],
2395 fieldset[disabled] .btn-bitbucket,
2396 .btn-bitbucket.disabled:hover,
2397 .btn-bitbucket[disabled]:hover,
2398 fieldset[disabled] .btn-bitbucket:hover,
2399 .btn-bitbucket.disabled:focus,
2400 .btn-bitbucket[disabled]:focus,
2401 fieldset[disabled] .btn-bitbucket:focus,
2402 .btn-bitbucket.disabled:active,
2403 .btn-bitbucket[disabled]:active,
2404 fieldset[disabled] .btn-bitbucket:active,
2405 .btn-bitbucket.disabled.active,
2406 .btn-bitbucket[disabled].active,
2407 fieldset[disabled] .btn-bitbucket.active {
2408   background-color: #205081;
2409   border-color: rgba(0, 0, 0, 0.2);
2410 }
2411 .btn-bitbucket .badge {
2412   color: #205081;
2413   background-color: #ffffff;
2414 }
2415 .btn-dropbox {
2416   color: #ffffff;
2417   background-color: #1087dd;
2418   border-color: rgba(0, 0, 0, 0.2);
2419 }
2420 .btn-dropbox:hover,
2421 .btn-dropbox:focus,
2422 .btn-dropbox:active,
2423 .btn-dropbox.active,
2424 .open .dropdown-toggle.btn-dropbox {
2425   color: #ffffff;
2426   background-color: #0d70b7;
2427   border-color: rgba(0, 0, 0, 0.2);
2428 }
2429 .btn-dropbox:active,
2430 .btn-dropbox.active,
2431 .open .dropdown-toggle.btn-dropbox {
2432   background-image: none;
2433 }
2434 .btn-dropbox.disabled,
2435 .btn-dropbox[disabled],
2436 fieldset[disabled] .btn-dropbox,
2437 .btn-dropbox.disabled:hover,
2438 .btn-dropbox[disabled]:hover,
2439 fieldset[disabled] .btn-dropbox:hover,
2440 .btn-dropbox.disabled:focus,
2441 .btn-dropbox[disabled]:focus,
2442 fieldset[disabled] .btn-dropbox:focus,
2443 .btn-dropbox.disabled:active,
2444 .btn-dropbox[disabled]:active,
2445 fieldset[disabled] .btn-dropbox:active,
2446 .btn-dropbox.disabled.active,
2447 .btn-dropbox[disabled].active,
2448 fieldset[disabled] .btn-dropbox.active {
2449   background-color: #1087dd;
2450   border-color: rgba(0, 0, 0, 0.2);
2451 }
2452 .btn-dropbox .badge {
2453   color: #1087dd;
2454   background-color: #ffffff;
2455 }
2456 .btn-facebook {
2457   color: #ffffff;
2458   background-color: #3b5998;
2459   border-color: rgba(0, 0, 0, 0.2);
2460 }
2461 .btn-facebook:hover,
2462 .btn-facebook:focus,
2463 .btn-facebook:active,
2464 .btn-facebook.active,
2465 .open .dropdown-toggle.btn-facebook {
2466   color: #ffffff;
2467   background-color: #30487b;
2468   border-color: rgba(0, 0, 0, 0.2);
2469 }
2470 .btn-facebook:active,
2471 .btn-facebook.active,
2472 .open .dropdown-toggle.btn-facebook {
2473   background-image: none;
2474 }
2475 .btn-facebook.disabled,
2476 .btn-facebook[disabled],
2477 fieldset[disabled] .btn-facebook,
2478 .btn-facebook.disabled:hover,
2479 .btn-facebook[disabled]:hover,
2480 fieldset[disabled] .btn-facebook:hover,
2481 .btn-facebook.disabled:focus,
2482 .btn-facebook[disabled]:focus,
2483 fieldset[disabled] .btn-facebook:focus,
2484 .btn-facebook.disabled:active,
2485 .btn-facebook[disabled]:active,
2486 fieldset[disabled] .btn-facebook:active,
2487 .btn-facebook.disabled.active,
2488 .btn-facebook[disabled].active,
2489 fieldset[disabled] .btn-facebook.active {
2490   background-color: #3b5998;
2491   border-color: rgba(0, 0, 0, 0.2);
2492 }
2493 .btn-facebook .badge {
2494   color: #3b5998;
2495   background-color: #ffffff;
2496 }
2497 .btn-flickr {
2498   color: #ffffff;
2499   background-color: #ff0084;
2500   border-color: rgba(0, 0, 0, 0.2);
2501 }
2502 .btn-flickr:hover,
2503 .btn-flickr:focus,
2504 .btn-flickr:active,
2505 .btn-flickr.active,
2506 .open .dropdown-toggle.btn-flickr {
2507   color: #ffffff;
2508   background-color: #d6006f;
2509   border-color: rgba(0, 0, 0, 0.2);
2510 }
2511 .btn-flickr:active,
2512 .btn-flickr.active,
2513 .open .dropdown-toggle.btn-flickr {
2514   background-image: none;
2515 }
2516 .btn-flickr.disabled,
2517 .btn-flickr[disabled],
2518 fieldset[disabled] .btn-flickr,
2519 .btn-flickr.disabled:hover,
2520 .btn-flickr[disabled]:hover,
2521 fieldset[disabled] .btn-flickr:hover,
2522 .btn-flickr.disabled:focus,
2523 .btn-flickr[disabled]:focus,
2524 fieldset[disabled] .btn-flickr:focus,
2525 .btn-flickr.disabled:active,
2526 .btn-flickr[disabled]:active,
2527 fieldset[disabled] .btn-flickr:active,
2528 .btn-flickr.disabled.active,
2529 .btn-flickr[disabled].active,
2530 fieldset[disabled] .btn-flickr.active {
2531   background-color: #ff0084;
2532   border-color: rgba(0, 0, 0, 0.2);
2533 }
2534 .btn-flickr .badge {
2535   color: #ff0084;
2536   background-color: #ffffff;
2537 }
2538 .btn-foursquare {
2539   color: #ffffff;
2540   background-color: #0072b1;
2541   border-color: rgba(0, 0, 0, 0.2);
2542 }
2543 .btn-foursquare:hover,
2544 .btn-foursquare:focus,
2545 .btn-foursquare:active,
2546 .btn-foursquare.active,
2547 .open .dropdown-toggle.btn-foursquare {
2548   color: #ffffff;
2549   background-color: #005888;
2550   border-color: rgba(0, 0, 0, 0.2);
2551 }
2552 .btn-foursquare:active,
2553 .btn-foursquare.active,
2554 .open .dropdown-toggle.btn-foursquare {
2555   background-image: none;
2556 }
2557 .btn-foursquare.disabled,
2558 .btn-foursquare[disabled],
2559 fieldset[disabled] .btn-foursquare,
2560 .btn-foursquare.disabled:hover,
2561 .btn-foursquare[disabled]:hover,
2562 fieldset[disabled] .btn-foursquare:hover,
2563 .btn-foursquare.disabled:focus,
2564 .btn-foursquare[disabled]:focus,
2565 fieldset[disabled] .btn-foursquare:focus,
2566 .btn-foursquare.disabled:active,
2567 .btn-foursquare[disabled]:active,
2568 fieldset[disabled] .btn-foursquare:active,
2569 .btn-foursquare.disabled.active,
2570 .btn-foursquare[disabled].active,
2571 fieldset[disabled] .btn-foursquare.active {
2572   background-color: #0072b1;
2573   border-color: rgba(0, 0, 0, 0.2);
2574 }
2575 .btn-foursquare .badge {
2576   color: #0072b1;
2577   background-color: #ffffff;
2578 }
2579 .btn-github {
2580   color: #ffffff;
2581   background-color: #444444;
2582   border-color: rgba(0, 0, 0, 0.2);
2583 }
2584 .btn-github:hover,
2585 .btn-github:focus,
2586 .btn-github:active,
2587 .btn-github.active,
2588 .open .dropdown-toggle.btn-github {
2589   color: #ffffff;
2590   background-color: #303030;
2591   border-color: rgba(0, 0, 0, 0.2);
2592 }
2593 .btn-github:active,
2594 .btn-github.active,
2595 .open .dropdown-toggle.btn-github {
2596   background-image: none;
2597 }
2598 .btn-github.disabled,
2599 .btn-github[disabled],
2600 fieldset[disabled] .btn-github,
2601 .btn-github.disabled:hover,
2602 .btn-github[disabled]:hover,
2603 fieldset[disabled] .btn-github:hover,
2604 .btn-github.disabled:focus,
2605 .btn-github[disabled]:focus,
2606 fieldset[disabled] .btn-github:focus,
2607 .btn-github.disabled:active,
2608 .btn-github[disabled]:active,
2609 fieldset[disabled] .btn-github:active,
2610 .btn-github.disabled.active,
2611 .btn-github[disabled].active,
2612 fieldset[disabled] .btn-github.active {
2613   background-color: #444444;
2614   border-color: rgba(0, 0, 0, 0.2);
2615 }
2616 .btn-github .badge {
2617   color: #444444;
2618   background-color: #ffffff;
2619 }
2620 .btn-google-plus {
2621   color: #ffffff;
2622   background-color: #dd4b39;
2623   border-color: rgba(0, 0, 0, 0.2);
2624 }
2625 .btn-google-plus:hover,
2626 .btn-google-plus:focus,
2627 .btn-google-plus:active,
2628 .btn-google-plus.active,
2629 .open .dropdown-toggle.btn-google-plus {
2630   color: #ffffff;
2631   background-color: #ca3523;
2632   border-color: rgba(0, 0, 0, 0.2);
2633 }
2634 .btn-google-plus:active,
2635 .btn-google-plus.active,
2636 .open .dropdown-toggle.btn-google-plus {
2637   background-image: none;
2638 }
2639 .btn-google-plus.disabled,
2640 .btn-google-plus[disabled],
2641 fieldset[disabled] .btn-google-plus,
2642 .btn-google-plus.disabled:hover,
2643 .btn-google-plus[disabled]:hover,
2644 fieldset[disabled] .btn-google-plus:hover,
2645 .btn-google-plus.disabled:focus,
2646 .btn-google-plus[disabled]:focus,
2647 fieldset[disabled] .btn-google-plus:focus,
2648 .btn-google-plus.disabled:active,
2649 .btn-google-plus[disabled]:active,
2650 fieldset[disabled] .btn-google-plus:active,
2651 .btn-google-plus.disabled.active,
2652 .btn-google-plus[disabled].active,
2653 fieldset[disabled] .btn-google-plus.active {
2654   background-color: #dd4b39;
2655   border-color: rgba(0, 0, 0, 0.2);
2656 }
2657 .btn-google-plus .badge {
2658   color: #dd4b39;
2659   background-color: #ffffff;
2660 }
2661 .btn-instagram {
2662   color: #ffffff;
2663   background-color: #3f729b;
2664   border-color: rgba(0, 0, 0, 0.2);
2665 }
2666 .btn-instagram:hover,
2667 .btn-instagram:focus,
2668 .btn-instagram:active,
2669 .btn-instagram.active,
2670 .open .dropdown-toggle.btn-instagram {
2671   color: #ffffff;
2672   background-color: #335d7e;
2673   border-color: rgba(0, 0, 0, 0.2);
2674 }
2675 .btn-instagram:active,
2676 .btn-instagram.active,
2677 .open .dropdown-toggle.btn-instagram {
2678   background-image: none;
2679 }
2680 .btn-instagram.disabled,
2681 .btn-instagram[disabled],
2682 fieldset[disabled] .btn-instagram,
2683 .btn-instagram.disabled:hover,
2684 .btn-instagram[disabled]:hover,
2685 fieldset[disabled] .btn-instagram:hover,
2686 .btn-instagram.disabled:focus,
2687 .btn-instagram[disabled]:focus,
2688 fieldset[disabled] .btn-instagram:focus,
2689 .btn-instagram.disabled:active,
2690 .btn-instagram[disabled]:active,
2691 fieldset[disabled] .btn-instagram:active,
2692 .btn-instagram.disabled.active,
2693 .btn-instagram[disabled].active,
2694 fieldset[disabled] .btn-instagram.active {
2695   background-color: #3f729b;
2696   border-color: rgba(0, 0, 0, 0.2);
2697 }
2698 .btn-instagram .badge {
2699   color: #3f729b;
2700   background-color: #ffffff;
2701 }
2702 .btn-linkedin {
2703   color: #ffffff;
2704   background-color: #007bb6;
2705   border-color: rgba(0, 0, 0, 0.2);
2706 }
2707 .btn-linkedin:hover,
2708 .btn-linkedin:focus,
2709 .btn-linkedin:active,
2710 .btn-linkedin.active,
2711 .open .dropdown-toggle.btn-linkedin {
2712   color: #ffffff;
2713   background-color: #005f8d;
2714   border-color: rgba(0, 0, 0, 0.2);
2715 }
2716 .btn-linkedin:active,
2717 .btn-linkedin.active,
2718 .open .dropdown-toggle.btn-linkedin {
2719   background-image: none;
2720 }
2721 .btn-linkedin.disabled,
2722 .btn-linkedin[disabled],
2723 fieldset[disabled] .btn-linkedin,
2724 .btn-linkedin.disabled:hover,
2725 .btn-linkedin[disabled]:hover,
2726 fieldset[disabled] .btn-linkedin:hover,
2727 .btn-linkedin.disabled:focus,
2728 .btn-linkedin[disabled]:focus,
2729 fieldset[disabled] .btn-linkedin:focus,
2730 .btn-linkedin.disabled:active,
2731 .btn-linkedin[disabled]:active,
2732 fieldset[disabled] .btn-linkedin:active,
2733 .btn-linkedin.disabled.active,
2734 .btn-linkedin[disabled].active,
2735 fieldset[disabled] .btn-linkedin.active {
2736   background-color: #007bb6;
2737   border-color: rgba(0, 0, 0, 0.2);
2738 }
2739 .btn-linkedin .badge {
2740   color: #007bb6;
2741   background-color: #ffffff;
2742 }
2743 .btn-tumblr {
2744   color: #ffffff;
2745   background-color: #2c4762;
2746   border-color: rgba(0, 0, 0, 0.2);
2747 }
2748 .btn-tumblr:hover,
2749 .btn-tumblr:focus,
2750 .btn-tumblr:active,
2751 .btn-tumblr.active,
2752 .open .dropdown-toggle.btn-tumblr {
2753   color: #ffffff;
2754   background-color: #1f3346;
2755   border-color: rgba(0, 0, 0, 0.2);
2756 }
2757 .btn-tumblr:active,
2758 .btn-tumblr.active,
2759 .open .dropdown-toggle.btn-tumblr {
2760   background-image: none;
2761 }
2762 .btn-tumblr.disabled,
2763 .btn-tumblr[disabled],
2764 fieldset[disabled] .btn-tumblr,
2765 .btn-tumblr.disabled:hover,
2766 .btn-tumblr[disabled]:hover,
2767 fieldset[disabled] .btn-tumblr:hover,
2768 .btn-tumblr.disabled:focus,
2769 .btn-tumblr[disabled]:focus,
2770 fieldset[disabled] .btn-tumblr:focus,
2771 .btn-tumblr.disabled:active,
2772 .btn-tumblr[disabled]:active,
2773 fieldset[disabled] .btn-tumblr:active,
2774 .btn-tumblr.disabled.active,
2775 .btn-tumblr[disabled].active,
2776 fieldset[disabled] .btn-tumblr.active {
2777   background-color: #2c4762;
2778   border-color: rgba(0, 0, 0, 0.2);
2779 }
2780 .btn-tumblr .badge {
2781   color: #2c4762;
2782   background-color: #ffffff;
2783 }
2784 .btn-twitter {
2785   color: #ffffff;
2786   background-color: #55acee;
2787   border-color: rgba(0, 0, 0, 0.2);
2788 }
2789 .btn-twitter:hover,
2790 .btn-twitter:focus,
2791 .btn-twitter:active,
2792 .btn-twitter.active,
2793 .open .dropdown-toggle.btn-twitter {
2794   color: #ffffff;
2795   background-color: #309aea;
2796   border-color: rgba(0, 0, 0, 0.2);
2797 }
2798 .btn-twitter:active,
2799 .btn-twitter.active,
2800 .open .dropdown-toggle.btn-twitter {
2801   background-image: none;
2802 }
2803 .btn-twitter.disabled,
2804 .btn-twitter[disabled],
2805 fieldset[disabled] .btn-twitter,
2806 .btn-twitter.disabled:hover,
2807 .btn-twitter[disabled]:hover,
2808 fieldset[disabled] .btn-twitter:hover,
2809 .btn-twitter.disabled:focus,
2810 .btn-twitter[disabled]:focus,
2811 fieldset[disabled] .btn-twitter:focus,
2812 .btn-twitter.disabled:active,
2813 .btn-twitter[disabled]:active,
2814 fieldset[disabled] .btn-twitter:active,
2815 .btn-twitter.disabled.active,
2816 .btn-twitter[disabled].active,
2817 fieldset[disabled] .btn-twitter.active {
2818   background-color: #55acee;
2819   border-color: rgba(0, 0, 0, 0.2);
2820 }
2821 .btn-twitter .badge {
2822   color: #55acee;
2823   background-color: #ffffff;
2824 }
2825 .btn-vk {
2826   color: #ffffff;
2827   background-color: #587ea3;
2828   border-color: rgba(0, 0, 0, 0.2);
2829 }
2830 .btn-vk:hover,
2831 .btn-vk:focus,
2832 .btn-vk:active,
2833 .btn-vk.active,
2834 .open .dropdown-toggle.btn-vk {
2835   color: #ffffff;
2836   background-color: #4a6a89;
2837   border-color: rgba(0, 0, 0, 0.2);
2838 }
2839 .btn-vk:active,
2840 .btn-vk.active,
2841 .open .dropdown-toggle.btn-vk {
2842   background-image: none;
2843 }
2844 .btn-vk.disabled,
2845 .btn-vk[disabled],
2846 fieldset[disabled] .btn-vk,
2847 .btn-vk.disabled:hover,
2848 .btn-vk[disabled]:hover,
2849 fieldset[disabled] .btn-vk:hover,
2850 .btn-vk.disabled:focus,
2851 .btn-vk[disabled]:focus,
2852 fieldset[disabled] .btn-vk:focus,
2853 .btn-vk.disabled:active,
2854 .btn-vk[disabled]:active,
2855 fieldset[disabled] .btn-vk:active,
2856 .btn-vk.disabled.active,
2857 .btn-vk[disabled].active,
2858 fieldset[disabled] .btn-vk.active {
2859   background-color: #587ea3;
2860   border-color: rgba(0, 0, 0, 0.2);
2861 }
2862 .btn-vk .badge {
2863   color: #587ea3;
2864   background-color: #ffffff;
2865 }
2866
2867
2868
2869 .header .navbar .nav > li > a > .label {
2870   -webkit-border-radius: 50%;
2871   -moz-border-radius: 50%;
2872   border-radius: 50%;
2873   position: absolute;
2874   top: 7px;
2875   right: 2px;
2876   font-size: 10px;
2877   font-weight: normal;
2878   width: 15px;
2879   height: 15px;
2880   line-height: 1.0em;
2881   text-align: center;
2882   padding: 2px;
2883 }
2884 .header .navbar .nav > li > a:hover > .label {
2885   top: 3px;
2886 }
2887
2888
2889 .label-danger {
2890   background-color: #d9534f;
2891 }
2892 .label-danger[href]:hover,
2893 .label-danger[href]:focus {
2894   background-color: #c9302c;
2895 }
2896
2897
2898
2899
2900
2901 .navbar-nav > .notifications-menu > .dropdown-menu,
2902 .navbar-nav > .messages-menu > .dropdown-menu,
2903 .navbar-nav > .tasks-menu > .dropdown-menu {
2904   width: 280px;
2905   padding: 0 0 0 0!important;
2906   margin: 0!important;
2907   top: 100%;
2908   border: 1px solid #dfdfdf;
2909   -webkit-border-radius: 4px !important;
2910   -moz-border-radius: 4px !important;
2911   border-radius: 4px !important;
2912 }
2913 .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
2914 .navbar-nav > .messages-menu > .dropdown-menu > li.header,
2915 .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
2916   -webkit-border-top-left-radius: 4px;
2917   -webkit-border-top-right-radius: 4px;
2918   -webkit-border-bottom-right-radius: 0;
2919   -webkit-border-bottom-left-radius: 0;
2920   -moz-border-radius-topleft: 4px;
2921   -moz-border-radius-topright: 4px;
2922   -moz-border-radius-bottomright: 0;
2923   -moz-border-radius-bottomleft: 0;
2924   border-top-left-radius: 4px;
2925   border-top-right-radius: 4px;
2926   border-bottom-right-radius: 0;
2927   border-bottom-left-radius: 0;
2928   background-color: #ffffff;
2929   padding: 7px 10px;
2930   border-bottom: 1px solid #f4f4f4;
2931   color: #444444;
2932   font-size: 14px;
2933 }
2934 .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
2935 .navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
2936 .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
2937   bottom: 100%;
2938   left: 92%;
2939   border: solid transparent;
2940   content: " ";
2941   height: 0;
2942   width: 0;
2943   position: absolute;
2944   pointer-events: none;
2945   border-color: rgba(255, 255, 255, 0);
2946   border-bottom-color: #ffffff;
2947   border-width: 7px;
2948   margin-left: -7px;
2949 }
2950 .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
2951 .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
2952 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
2953   -webkit-border-top-left-radius: 0px;
2954   -webkit-border-top-right-radius: 0px;
2955   -webkit-border-bottom-right-radius: 4px;
2956   -webkit-border-bottom-left-radius: 4px;
2957   -moz-border-radius-topleft: 0px;
2958   -moz-border-radius-topright: 0px;
2959   -moz-border-radius-bottomright: 4px;
2960   -moz-border-radius-bottomleft: 4px;
2961   border-top-left-radius: 0px;
2962   border-top-right-radius: 0px;
2963   border-bottom-right-radius: 4px;
2964   border-bottom-left-radius: 4px;
2965   font-size: 12px;
2966   background-color: #f4f4f4;
2967   padding: 7px 10px;
2968   border-bottom: 1px solid #eeeeee;
2969   color: #444444;
2970   text-align: center;
2971 }
2972 .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
2973 .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
2974 .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
2975   background: #f4f4f4;
2976   text-decoration: none;
2977   font-weight: normal;
2978 }
2979 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
2980 .navbar-nav > .messages-menu > .dropdown-menu > li .menu,
2981 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
2982   margin: 0;
2983   padding: 0;
2984   list-style: none;
2985   overflow-x: hidden;
2986 }
2987 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
2988 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
2989 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
2990   display: block;
2991   white-space: nowrap;
2992   /* Prevent text from breaking */
2993   border-bottom: 1px solid #f4f4f4;
2994 }
2995 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
2996 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
2997 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
2998   background: #f6f6f6;
2999   text-decoration: none;
3000 }
3001 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
3002   font-size: 12px;
3003   color: #444444;
3004 }
3005 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
3006 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
3007 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
3008   font-size: 20px;
3009   width: 50px;
3010   text-align: center;
3011   padding: 15px 0px;
3012   margin-right: 5px;
3013   /* Default background and font colors */
3014   background: #00c0ef;
3015   color: #f9f9f9;
3016   /* Fallback for browsers that doesn't support rgba */
3017   color: rgba(255, 255, 255, 0.7);
3018 }
3019 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
3020 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
3021 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
3022   background: #f56954;
3023 }
3024 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
3025 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
3026 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
3027   background: #f39c12;
3028 }
3029 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
3030 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
3031 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
3032   background: #00a65a;
3033 }
3034 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
3035 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
3036 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
3037   background: #00c0ef;
3038 }
3039 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
3040   margin: 0px;
3041   line-height: 20px;
3042   padding: 10px 5px 10px 5px;
3043   -webkit-border-radius: 4px;
3044   -moz-border-radius: 4px;
3045   border-radius: 4px;
3046 }
3047 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
3048   margin: auto 10px auto auto;
3049   width: 40px;
3050   height: 40px;
3051   border: 1px solid #dddddd;
3052 }
3053 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
3054   padding: 0;
3055   margin: 0 0 0 45px;
3056   color: #444444;
3057   font-size: 15px;
3058 }
3059 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
3060   color: #999999;
3061   font-size: 10px;
3062   float: right;
3063 }
3064 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
3065   margin: 0 0 0 45px;
3066   font-size: 12px;
3067   color: #888888;
3068 }
3069 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
3070 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
3071   display: table;
3072   content: " ";
3073 }
3074 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
3075   clear: both;
3076 }
3077 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
3078   padding: 10px;
3079 }
3080 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
3081   font-size: 14px;
3082   padding: 0;
3083   margin: 0 0 10px 0;
3084   color: #666666;
3085 }
3086 .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
3087   padding: 0;
3088   margin: 0;
3089 }
3090 .navbar-nav > .user-menu > .dropdown-menu {
3091   -webkit-border-radius: 0;
3092   -moz-border-radius: 0;
3093   border-radius: 0;
3094   padding: 1px 0 0 0;
3095   border-top-width: 0;
3096   width: 280px;
3097 }
3098 .navbar-nav > .user-menu > .dropdown-menu:after {
3099   bottom: 100%;
3100   right: 10px;
3101   border: solid transparent;
3102   content: " ";
3103   height: 0;
3104   width: 0;
3105   position: absolute;
3106   pointer-events: none;
3107   border-color: rgba(255, 255, 255, 0);
3108   border-bottom-color: #ffffff;
3109   border-width: 10px;
3110   margin-left: -10px;
3111 }
3112
3113
3114 .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
3115   height: 175px;
3116   padding: 10px;
3117   background: #3c8dbc;
3118   text-align: center;
3119 }
3120 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
3121   z-index: 5;
3122   height: 90px;
3123   width: 90px;
3124   border: 8px solid;
3125   border-color: transparent;
3126   border-color: rgba(255, 255, 255, 0.2);
3127 }
3128 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
3129   z-index: 5;
3130   color: #f9f9f9;
3131   color: rgba(255, 255, 255, 0.8);
3132   font-size: 17px;
3133   text-shadow: 2px 2px 3px #333333;
3134   margin-top: 10px;
3135 }
3136 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
3137   display: block;
3138   font-size: 12px;
3139 }
3140 .navbar-nav > .user-menu > .dropdown-menu > li.user-body {
3141   padding: 15px;
3142   border-bottom: 1px solid #f4f4f4;
3143   border-top: 1px solid #dddddd;
3144 }
3145 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
3146 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
3147   display: table;
3148   content: " ";
3149 }
3150 .navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
3151   clear: both;
3152 }
3153 .navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
3154   color: #0073b7;
3155 }
3156 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
3157   background-color: #f9f9f9;
3158   padding: 10px;
3159 }
3160 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
3161 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
3162   display: table;
3163   content: " ";
3164 }
3165 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
3166   clear: both;
3167 }
3168 .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
3169   color: #666666;
3170 }
3171 /* Add fade animation to dropdown menus */
3172 .open:not(.dropup) > .dropdown-menu {
3173   animation-name: fadeAnimation;
3174   animation-duration: .7s;
3175   animation-iteration-count: 1;
3176   animation-timing-function: ease;
3177   animation-fill-mode: forwards;
3178   -webkit-animation-name: fadeAnimation;
3179   -webkit-animation-duration: .7s;
3180   -webkit-animation-iteration-count: 1;
3181   -webkit-animation-timing-function: ease;
3182   -webkit-animation-fill-mode: forwards;
3183   -moz-animation-name: fadeAnimation;
3184   -moz-animation-duration: .7s;
3185   -moz-animation-iteration-count: 1;
3186   -moz-animation-timing-function: ease;
3187   -moz-animation-fill-mode: forwards;
3188 }
3189 @keyframes fadeAnimation {
3190   from {
3191     opacity: 0;
3192     top: 120%;
3193   }
3194   to {
3195     opacity: 1;
3196     top: 100%;
3197   }
3198 }
3199 @-webkit-keyframes fadeAnimation {
3200   from {
3201     opacity: 0;
3202     top: 120%;
3203   }
3204   to {
3205     opacity: 1;
3206     top: 100%;
3207   }
3208 }
3209 /* Fix dropdown menu for small screens to display correctly on small screens */
3210 @media screen and (max-width: 767px) {
3211   .navbar-nav > .notifications-menu > .dropdown-menu,
3212   .navbar-nav > .user-menu > .dropdown-menu,
3213   .navbar-nav > .tasks-menu > .dropdown-menu,
3214   .navbar-nav > .messages-menu > .dropdown-menu {
3215     position: absolute;
3216     top: 100%;
3217     right: 0;
3218     left: auto;
3219     border-right: 1px solid #dddddd;
3220     border-bottom: 1px solid #dddddd;
3221     border-left: 1px solid #dddddd;
3222     background: #ffffff;
3223   }
3224 }
3225 /* Fix menu positions on xs screens to appear correctly and fully */
3226 @media screen and (max-width: 480px) {
3227   .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
3228   .navbar-nav > .tasks-menu > .dropdown-menu > li.header,
3229   .navbar-nav > .messages-menu > .dropdown-menu > li.header {
3230     /* Remove arrow from the top */
3231   }
3232   .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
3233   .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
3234   .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
3235     border-width: 0px!important;
3236   }
3237   .navbar-nav > .tasks-menu > .dropdown-menu {
3238     position: absolute;
3239     right: -120px;
3240     left: auto;
3241   }
3242   .navbar-nav > .notifications-menu > .dropdown-menu {
3243     position: absolute;
3244     right: -170px;
3245     left: auto;
3246   }
3247   .navbar-nav > .messages-menu > .dropdown-menu {
3248     position: absolute;
3249     right: -210px;
3250     left: auto;
3251   }
3252 }