utils/test/reporting/pages/app/styles/style.css

   1 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
   2 @import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
   3 /*
   4  *
   5  *   INSPINIA - Responsive Admin Theme
   6  *   version 2.4
   7  *
   8 */
   9 h1,
  10 h2,
  11 h3,
  12 h4,
  13 h5,
  14 h6 {
  15   font-weight: 100;
  16 }
  17 h1 {
  18   font-size: 30px;
  19 }
  20 h2 {
  21   font-size: 24px;
  22 }
  23 h3 {
  24   font-size: 16px;
  25 }
  26 h4 {
  27   font-size: 14px;
  28 }
  29 h5 {
  30   font-size: 12px;
  31 }
  32 h6 {
  33   font-size: 10px;
  34 }
  35 h3,
  36 h4,
  37 h5 {
  38   margin-top: 5px;
  39   font-weight: 600;
  40 }
  41 .nav > li > a {
  42   color: #a7b1c2;
  43   font-weight: 600;
  44   padding: 14px 20px 14px 25px;
  45 }
  46 .nav.navbar-right > li > a {
  47   color: #999c9e;
  48 }
  49 .nav > li.active > a {
  50   color: #ffffff;
  51 }
  52 .navbar-default .nav > li > a:hover,
  53 .navbar-default .nav > li > a:focus {
  54   background-color: #293846;
  55   color: white;
  56 }
  57 .nav .open > a,
  58 .nav .open > a:hover,
  59 .nav .open > a:focus {
  60   background: #fff;
  61 }
  62 .nav.navbar-top-links > li > a:hover,
  63 .nav.navbar-top-links > li > a:focus {
  64   background-color: transparent;
  65 }
  66 .nav > li > a i {
  67   margin-right: 6px;
  68 }
  69 .navbar {
  70   border: 0;
  71 }
  72 .navbar-default {
  73   background-color: transparent;
  74   border-color: #2f4050;
  75 }
  76 .navbar-top-links li {
  77   display: inline-block;
  78 }
  79 .navbar-top-links li:last-child {
  80   margin-right: 40px;
  81 }
  82 .body-small .navbar-top-links li:last-child {
  83   margin-right: 0;
  84 }
  85 .navbar-top-links li a {
  86   padding: 20px 10px;
  87   min-height: 50px;
  88 }
  89 .dropdown-menu {
  90   border: medium none;
  91   border-radius: 3px;
  92   box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  93   display: none;
  94   float: left;
  95   font-size: 12px;
  96   left: 0;
  97   list-style: none outside none;
  98   padding: 0;
  99   position: absolute;
 100   text-shadow: none;
 101   top: 100%;
 102   z-index: 1000;
 103 }
 104 .dropdown-menu > li > a {
 105   border-radius: 3px;
 106   color: inherit;
 107   line-height: 25px;
 108   margin: 4px;
 109   text-align: left;
 110   font-weight: normal;
 111 }
 112 .dropdown-menu > li > a.font-bold {
 113   font-weight: 600;
 114 }
 115 .navbar-top-links .dropdown-menu li {
 116   display: block;
 117 }
 118 .navbar-top-links .dropdown-menu li:last-child {
 119   margin-right: 0;
 120 }
 121 .navbar-top-links .dropdown-menu li a {
 122   padding: 3px 20px;
 123   min-height: 0;
 124 }
 125 .navbar-top-links .dropdown-menu li a div {
 126   white-space: normal;
 127 }
 128 .navbar-top-links .dropdown-messages,
 129 .navbar-top-links .dropdown-tasks,
 130 .navbar-top-links .dropdown-alerts {
 131   width: 310px;
 132   min-width: 0;
 133 }
 134 .navbar-top-links .dropdown-messages {
 135   margin-left: 5px;
 136 }
 137 .navbar-top-links .dropdown-tasks {
 138   margin-left: -59px;
 139 }
 140 .navbar-top-links .dropdown-alerts {
 141   margin-left: -123px;
 142 }
 143 .navbar-top-links .dropdown-user {
 144   right: 0;
 145   left: auto;
 146 }
 147 .dropdown-messages,
 148 .dropdown-alerts {
 149   padding: 10px 10px 10px 10px;
 150 }
 151 .dropdown-messages li a,
 152 .dropdown-alerts li a {
 153   font-size: 12px;
 154 }
 155 .dropdown-messages li em,
 156 .dropdown-alerts li em {
 157   font-size: 10px;
 158 }
 159 .nav.navbar-top-links .dropdown-alerts a {
 160   font-size: 12px;
 161 }
 162 .nav-header {
 163   padding: 33px 25px;
 164   background: url("patterns/header-profile.png") no-repeat;
 165 }
 166 .pace-done .nav-header {
 167   transition: all 0.4s;
 168 }
 169 .nav > li.active {
 170   border-left: 4px solid #19aa8d;
 171   background: #293846;
 172 }
 173 .nav.nav-second-level > li.active {
 174   border: none;
 175 }
 176 .nav.nav-second-level.collapse[style] {
 177   height: auto !important;
 178 }
 179 .nav-header a {
 180   color: #DFE4ED;
 181 }
 182 .nav-header .text-muted {
 183   color: #8095a8;
 184 }
 185 .minimalize-styl-2 {
 186   padding: 4px 12px;
 187   margin: 14px 5px 5px 20px;
 188   font-size: 14px;
 189   float: left;
 190 }
 191 .navbar-form-custom {
 192   float: left;
 193   height: 50px;
 194   padding: 0;
 195   width: 200px;
 196   display: inline-table;
 197 }
 198 .navbar-form-custom .form-group {
 199   margin-bottom: 0;
 200 }
 201 .nav.navbar-top-links a {
 202   font-size: 14px;
 203 }
 204 .navbar-form-custom .form-control {
 205   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
 206   border: medium none;
 207   font-size: 14px;
 208   height: 60px;
 209   margin: 0;
 210   z-index: 2000;
 211 }
 212 .count-info .label {
 213   line-height: 12px;
 214   padding: 2px 5px;
 215   position: absolute;
 216   right: 6px;
 217   top: 12px;
 218 }
 219 .arrow {
 220   float: right;
 221 }
 222 .fa.arrow:before {
 223   content: "\f104";
 224 }
 225 .active > a > .fa.arrow:before {
 226   content: "\f107";
 227 }
 228 .nav-second-level li,
 229 .nav-third-level li {
 230   border-bottom: none !important;
 231 }
 232 .nav-second-level li a {
 233   padding: 7px 10px 7px 10px;
 234   padding-left: 52px;
 235 }
 236 .nav-third-level li a {
 237   padding-left: 62px;
 238 }
 239 .nav-second-level li:last-child {
 240   margin-bottom: 10px;
 241 }
 242 body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
 243 .mini-navbar .nav li:focus > .nav-second-level {
 244   display: block;
 245   border-radius: 0 2px 2px 0;
 246   min-width: 140px;
 247   height: auto;
 248 }
 249 body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
 250   font-size: 12px;
 251   border-radius: 3px;
 252 }
 253 .fixed-nav .slimScrollDiv #side-menu {
 254   padding-bottom: 60px;
 255 }
 256 .mini-navbar .nav-second-level li a {
 257   padding: 10px 10px 10px 15px;
 258 }
 259 .mini-navbar .nav-second-level {
 260   position: absolute;
 261   left: 70px;
 262   top: 0;
 263   background-color: #2f4050;
 264   padding: 10px 10px 10px 10px;
 265   font-size: 12px;
 266 }
 267 .canvas-menu.mini-navbar .nav-second-level {
 268   background: #293846;
 269 }
 270 .mini-navbar li.active .nav-second-level {
 271   left: 65px;
 272 }
 273 .navbar-default .special_link a {
 274   background: #1ab394;
 275   color: white;
 276 }
 277 .navbar-default .special_link a:hover {
 278   background: #17987e !important;
 279   color: white;
 280 }
 281 .navbar-default .special_link a span.label {
 282   background: #fff;
 283   color: #1ab394;
 284 }
 285 .navbar-default .landing_link a {
 286   background: #1cc09f;
 287   color: white;
 288 }
 289 .navbar-default .landing_link a:hover {
 290   background: #1ab394 !important;
 291   color: white;
 292 }
 293 .navbar-default .landing_link a span.label {
 294   background: #fff;
 295   color: #1cc09f;
 296 }
 297 .logo-element {
 298   text-align: center;
 299   font-size: 18px;
 300   font-weight: 600;
 301   color: white;
 302   display: none;
 303   padding: 18px 0;
 304 }
 305 .pace-done .navbar-static-side,
 306 .pace-done .nav-header,
 307 .pace-done li.active,
 308 .pace-done #page-wrapper,
 309 .pace-done .footer {
 310   -webkit-transition: all 0.4s;
 311   -moz-transition: all 0.4s;
 312   -o-transition: all 0.4s;
 313   transition: all 0.4s;
 314 }
 315 .navbar-fixed-top {
 316   background: #fff;
 317   transition-duration: 0.4s;
 318   border-bottom: 1px solid #e7eaec !important;
 319   z-index: 2030;
 320 }
 321 .navbar-fixed-top,
 322 .navbar-static-top {
 323   background: #f3f3f4;
 324 }
 325 .fixed-nav #wrapper {
 326   margin-top: 0;
 327 }
 328 body.fixed-nav #wrapper .navbar-static-side,
 329 body.fixed-nav #wrapper #page-wrapper {
 330   margin-top: 60px;
 331 }
 332 body.top-navigation.fixed-nav #wrapper #page-wrapper {
 333   margin-top: 0;
 334 }
 335 body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
 336   left: 220px;
 337 }
 338 body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
 339   left: 70px;
 340 }
 341 body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
 342   left: 0;
 343 }
 344 body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
 345   margin-top: 0;
 346 }
 347 body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
 348   left: 0;
 349 }
 350 body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
 351   left: 220px;
 352 }
 353 .fixed-nav .minimalize-styl-2 {
 354   margin: 14px 5px 5px 15px;
 355 }
 356 .body-small .navbar-fixed-top {
 357   margin-left: 0;
 358 }
 359 body.mini-navbar .navbar-static-side {
 360   width: 70px;
 361 }
 362 body.mini-navbar .profile-element,
 363 body.mini-navbar .nav-label,
 364 body.mini-navbar .navbar-default .nav li a span {
 365   display: none;
 366 }
 367 body.canvas-menu .profile-element {
 368   display: block;
 369 }
 370 body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
 371   display: none;
 372 }
 373 body.mini-navbar .navbar-default .nav > li > a {
 374   font-size: 16px;
 375 }
 376 body.mini-navbar .logo-element {
 377   display: block;
 378 }
 379 body.canvas-menu .logo-element {
 380   display: none;
 381 }
 382 body.mini-navbar .nav-header {
 383   padding: 0;
 384   background-color: #1ab394;
 385 }
 386 body.canvas-menu .nav-header {
 387   padding: 33px 25px;
 388 }
 389 body.mini-navbar #page-wrapper {
 390   margin: 0 0 0 70px;
 391 }
 392 body.fixed-sidebar.mini-navbar .footer,
 393 body.canvas-menu.mini-navbar .footer {
 394   margin: 0 0 0 0 !important;
 395 }
 396 body.canvas-menu.mini-navbar #page-wrapper,
 397 body.canvas-menu.mini-navbar .footer {
 398   margin: 0 0 0 0;
 399 }
 400 body.fixed-sidebar .navbar-static-side,
 401 body.canvas-menu .navbar-static-side {
 402   position: fixed;
 403   width: 220px;
 404   z-index: 2001;
 405   height: 100%;
 406 }
 407 body.fixed-sidebar.mini-navbar .navbar-static-side {
 408   width: 0;
 409 }
 410 body.fixed-sidebar.mini-navbar #page-wrapper {
 411   margin: 0 0 0 0;
 412 }
 413 body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
 414   margin: 0 0 0 220px;
 415 }
 416 body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
 417   width: 220px;
 418 }
 419 .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
 420 .canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
 421   display: block;
 422   height: auto;
 423 }
 424 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
 425   font-size: 12px;
 426   border-radius: 3px;
 427 }
 428 body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
 429   font-size: 13px;
 430   border-radius: 3px;
 431 }
 432 .fixed-sidebar.mini-navbar .nav-second-level li a,
 433 .canvas-menu.mini-navbar .nav-second-level li a {
 434   padding: 10px 10px 10px 15px;
 435 }
 436 .fixed-sidebar.mini-navbar .nav-second-level,
 437 .canvas-menu.mini-navbar .nav-second-level {
 438   position: relative;
 439   padding: 0;
 440   font-size: 13px;
 441 }
 442 .fixed-sidebar.mini-navbar li.active .nav-second-level,
 443 .canvas-menu.mini-navbar li.active .nav-second-level {
 444   left: 0;
 445 }
 446 body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
 447 body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
 448   font-size: 13px;
 449 }
 450 body.fixed-sidebar.mini-navbar .nav-label,
 451 body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
 452 body.canvas-menu.mini-navbar .nav-label,
 453 body.canvas-menu.mini-navbar .navbar-default .nav li a span {
 454   display: inline;
 455 }
 456 body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
 457   display: block;
 458 }
 459 .canvas-menu.mini-navbar .nav-second-level li a,
 460 .fixed-sidebar.mini-navbar .nav-second-level li a {
 461   padding: 7px 10px 7px 52px;
 462 }
 463 .fixed-sidebar.mini-navbar .nav-second-level,
 464 .canvas-menu.mini-navbar .nav-second-level {
 465   left: 0;
 466 }
 467 body.canvas-menu nav.navbar-static-side {
 468   z-index: 2001;
 469   background: #2f4050;
 470   height: 100%;
 471   position: fixed;
 472   display: none;
 473 }
 474 body.canvas-menu.mini-navbar nav.navbar-static-side {
 475   display: block;
 476   width: 220px;
 477 }
 478 .top-navigation #page-wrapper {
 479   margin-left: 0;
 480 }
 481 .top-navigation .navbar-nav .dropdown-menu > .active > a {
 482   background: white;
 483   color: #1ab394;
 484   font-weight: bold;
 485 }
 486 .white-bg .navbar-fixed-top,
 487 .white-bg .navbar-static-top {
 488   background: #fff;
 489 }
 490 .top-navigation .navbar {
 491   margin-bottom: 0;
 492 }
 493 .top-navigation .nav > li > a {
 494   padding: 15px 20px;
 495   color: #676a6c;
 496 }
 497 .top-navigation .nav > li a:hover,
 498 .top-navigation .nav > li a:focus {
 499   background: #fff;
 500   color: #1ab394;
 501 }
 502 .top-navigation .nav > li.active {
 503   background: #fff;
 504   border: none;
 505 }
 506 .top-navigation .nav > li.active > a {
 507   color: #1ab394;
 508 }
 509 .top-navigation .navbar-right {
 510   margin-right: 10px;
 511 }
 512 .top-navigation .navbar-nav .dropdown-menu {
 513   box-shadow: none;
 514   border: 1px solid #e7eaec;
 515 }
 516 .top-navigation .dropdown-menu > li > a {
 517   margin: 0;
 518   padding: 7px 20px;
 519 }
 520 .navbar .dropdown-menu {
 521   margin-top: 0;
 522 }
 523 .top-navigation .navbar-brand {
 524   background: #1ab394;
 525   color: #fff;
 526   padding: 15px 25px;
 527 }
 528 .top-navigation .navbar-top-links li:last-child {
 529   margin-right: 0;
 530 }
 531 .top-navigation.mini-navbar #page-wrapper,
 532 .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
 533 .mini-navbar .top-navigation #page-wrapper,
 534 .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
 535 .canvas-menu #page-wrapper {
 536   margin: 0;
 537 }
 538 .top-navigation.fixed-nav #wrapper,
 539 .fixed-nav #wrapper.top-navigation {
 540   margin-top: 50px;
 541 }
 542 .top-navigation .footer.fixed {
 543   margin-left: 0 !important;
 544 }
 545 .top-navigation .wrapper.wrapper-content {
 546   padding: 40px;
 547 }
 548 .top-navigation.body-small .wrapper.wrapper-content,
 549 .body-small .top-navigation .wrapper.wrapper-content {
 550   padding: 40px 0 40px 0;
 551 }
 552 .navbar-toggle {
 553   background-color: #1ab394;
 554   color: #fff;
 555   padding: 6px 12px;
 556   font-size: 14px;
 557 }
 558 .top-navigation .navbar-nav .open .dropdown-menu > li > a,
 559 .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
 560   padding: 10px 15px 10px 20px;
 561 }
 562 @media (max-width: 768px) {
 563   .top-navigation .navbar-header {
 564     display: block;
 565     float: none;
 566   }
 567 }
 568 .menu-visible-lg,
 569 .menu-visible-md {
 570   display: none !important;
 571 }
 572 @media (min-width: 1200px) {
 573   .menu-visible-lg {
 574     display: block !important;
 575   }
 576 }
 577 @media (min-width: 992px) {
 578   .menu-visible-md {
 579     display: block !important;
 580   }
 581 }
 582 @media (max-width: 767px) {
 583   .menu-visible-md {
 584     display: block !important;
 585   }
 586   .menu-visible-lg {
 587     display: block !important;
 588   }
 589 }
 590 .btn {
 591   border-radius: 3px;
 592 }
 593 .float-e-margins .btn {
 594   margin-bottom: 5px;
 595 }
 596 .btn-w-m {
 597   min-width: 120px;
 598 }
 599 .btn-primary.btn-outline {
 600   color: #1ab394;
 601 }
 602 .btn-success.btn-outline {
 603   color: #1c84c6;
 604 }
 605 .btn-info.btn-outline {
 606   color: #23c6c8;
 607 }
 608 .btn-warning.btn-outline {
 609   color: #f8ac59;
 610 }
 611 .btn-danger.btn-outline {
 612   color: #ed5565;
 613 }
 614 .btn-primary.btn-outline:hover,
 615 .btn-success.btn-outline:hover,
 616 .btn-info.btn-outline:hover,
 617 .btn-warning.btn-outline:hover,
 618 .btn-danger.btn-outline:hover {
 619   color: #fff;
 620 }
 621 .btn-primary {
 622   background-color: #1ab394;
 623   border-color: #1ab394;
 624   color: #FFFFFF;
 625 }
 626 .btn-primary:hover,
 627 .btn-primary:focus,
 628 .btn-primary:active,
 629 .btn-primary.active,
 630 .open .dropdown-toggle.btn-primary,
 631 .btn-primary:active:focus,
 632 .btn-primary:active:hover,
 633 .btn-primary.active:hover,
 634 .btn-primary.active:focus {
 635   background-color: #18a689;
 636   border-color: #18a689;
 637   color: #FFFFFF;
 638 }
 639 .btn-primary:active,
 640 .btn-primary.active,
 641 .open .dropdown-toggle.btn-primary {
 642   background-image: none;
 643 }
 644 .btn-primary.disabled,
 645 .btn-primary.disabled:hover,
 646 .btn-primary.disabled:focus,
 647 .btn-primary.disabled:active,
 648 .btn-primary.disabled.active,
 649 .btn-primary[disabled],
 650 .btn-primary[disabled]:hover,
 651 .btn-primary[disabled]:focus,
 652 .btn-primary[disabled]:active,
 653 .btn-primary.active[disabled],
 654 fieldset[disabled] .btn-primary,
 655 fieldset[disabled] .btn-primary:hover,
 656 fieldset[disabled] .btn-primary:focus,
 657 fieldset[disabled] .btn-primary:active,
 658 fieldset[disabled] .btn-primary.active {
 659   background-color: #1dc5a3;
 660   border-color: #1dc5a3;
 661 }
 662 .btn-success {
 663   background-color: #1c84c6;
 664   border-color: #1c84c6;
 665   color: #FFFFFF;
 666 }
 667 .btn-success:hover,
 668 .btn-success:focus,
 669 .btn-success:active,
 670 .btn-success.active,
 671 .open .dropdown-toggle.btn-success,
 672 .btn-success:active:focus,
 673 .btn-success:active:hover,
 674 .btn-success.active:hover,
 675 .btn-success.active:focus {
 676   background-color: #1a7bb9;
 677   border-color: #1a7bb9;
 678   color: #FFFFFF;
 679 }
 680 .btn-success:active,
 681 .btn-success.active,
 682 .open .dropdown-toggle.btn-success {
 683   background-image: none;
 684 }
 685 .btn-success.disabled,
 686 .btn-success.disabled:hover,
 687 .btn-success.disabled:focus,
 688 .btn-success.disabled:active,
 689 .btn-success.disabled.active,
 690 .btn-success[disabled],
 691 .btn-success[disabled]:hover,
 692 .btn-success[disabled]:focus,
 693 .btn-success[disabled]:active,
 694 .btn-success.active[disabled],
 695 fieldset[disabled] .btn-success,
 696 fieldset[disabled] .btn-success:hover,
 697 fieldset[disabled] .btn-success:focus,
 698 fieldset[disabled] .btn-success:active,
 699 fieldset[disabled] .btn-success.active {
 700   background-color: #1f90d8;
 701   border-color: #1f90d8;
 702 }
 703 .btn-info {
 704   background-color: #23c6c8;
 705   border-color: #23c6c8;
 706   color: #FFFFFF;
 707 }
 708 .btn-info:hover,
 709 .btn-info:focus,
 710 .btn-info:active,
 711 .btn-info.active,
 712 .open .dropdown-toggle.btn-info,
 713 .btn-info:active:focus,
 714 .btn-info:active:hover,
 715 .btn-info.active:hover,
 716 .btn-info.active:focus {
 717   background-color: #21b9bb;
 718   border-color: #21b9bb;
 719   color: #FFFFFF;
 720 }
 721 .btn-info:active,
 722 .btn-info.active,
 723 .open .dropdown-toggle.btn-info {
 724   background-image: none;
 725 }
 726 .btn-info.disabled,
 727 .btn-info.disabled:hover,
 728 .btn-info.disabled:focus,
 729 .btn-info.disabled:active,
 730 .btn-info.disabled.active,
 731 .btn-info[disabled],
 732 .btn-info[disabled]:hover,
 733 .btn-info[disabled]:focus,
 734 .btn-info[disabled]:active,
 735 .btn-info.active[disabled],
 736 fieldset[disabled] .btn-info,
 737 fieldset[disabled] .btn-info:hover,
 738 fieldset[disabled] .btn-info:focus,
 739 fieldset[disabled] .btn-info:active,
 740 fieldset[disabled] .btn-info.active {
 741   background-color: #26d7d9;
 742   border-color: #26d7d9;
 743 }
 744 .btn-default {
 745   color: inherit;
 746   background: white;
 747   border: 1px solid #e7eaec;
 748 }
 749 .btn-default:hover,
 750 .btn-default:focus,
 751 .btn-default:active,
 752 .btn-default.active,
 753 .open .dropdown-toggle.btn-default,
 754 .btn-default:active:focus,
 755 .btn-default:active:hover,
 756 .btn-default.active:hover,
 757 .btn-default.active:focus {
 758   color: inherit;
 759   border: 1px solid #d2d2d2;
 760 }
 761 .btn-default:active,
 762 .btn-default.active,
 763 .open .dropdown-toggle.btn-default {
 764   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
 765 }
 766 .btn-default.disabled,
 767 .btn-default.disabled:hover,
 768 .btn-default.disabled:focus,
 769 .btn-default.disabled:active,
 770 .btn-default.disabled.active,
 771 .btn-default[disabled],
 772 .btn-default[disabled]:hover,
 773 .btn-default[disabled]:focus,
 774 .btn-default[disabled]:active,
 775 .btn-default.active[disabled],
 776 fieldset[disabled] .btn-default,
 777 fieldset[disabled] .btn-default:hover,
 778 fieldset[disabled] .btn-default:focus,
 779 fieldset[disabled] .btn-default:active,
 780 fieldset[disabled] .btn-default.active {
 781   color: #cacaca;
 782 }
 783 .btn-warning {
 784   background-color: #f8ac59;
 785   border-color: #f8ac59;
 786   color: #FFFFFF;
 787 }
 788 .btn-warning:hover,
 789 .btn-warning:focus,
 790 .btn-warning:active,
 791 .btn-warning.active,
 792 .open .dropdown-toggle.btn-warning,
 793 .btn-warning:active:focus,
 794 .btn-warning:active:hover,
 795 .btn-warning.active:hover,
 796 .btn-warning.active:focus {
 797   background-color: #f7a54a;
 798   border-color: #f7a54a;
 799   color: #FFFFFF;
 800 }
 801 .btn-warning:active,
 802 .btn-warning.active,
 803 .open .dropdown-toggle.btn-warning {
 804   background-image: none;
 805 }
 806 .btn-warning.disabled,
 807 .btn-warning.disabled:hover,
 808 .btn-warning.disabled:focus,
 809 .btn-warning.disabled:active,
 810 .btn-warning.disabled.active,
 811 .btn-warning[disabled],
 812 .btn-warning[disabled]:hover,
 813 .btn-warning[disabled]:focus,
 814 .btn-warning[disabled]:active,
 815 .btn-warning.active[disabled],
 816 fieldset[disabled] .btn-warning,
 817 fieldset[disabled] .btn-warning:hover,
 818 fieldset[disabled] .btn-warning:focus,
 819 fieldset[disabled] .btn-warning:active,
 820 fieldset[disabled] .btn-warning.active {
 821   background-color: #f9b66d;
 822   border-color: #f9b66d;
 823 }
 824 .btn-danger {
 825   background-color: #ed5565;
 826   border-color: #ed5565;
 827   color: #FFFFFF;
 828 }
 829 .btn-danger:hover,
 830 .btn-danger:focus,
 831 .btn-danger:active,
 832 .btn-danger.active,
 833 .open .dropdown-toggle.btn-danger,
 834 .btn-danger:active:focus,
 835 .btn-danger:active:hover,
 836 .btn-danger.active:hover,
 837 .btn-danger.active:focus {
 838   background-color: #ec4758;
 839   border-color: #ec4758;
 840   color: #FFFFFF;
 841 }
 842 .btn-danger:active,
 843 .btn-danger.active,
 844 .open .dropdown-toggle.btn-danger {
 845   background-image: none;
 846 }
 847 .btn-danger.disabled,
 848 .btn-danger.disabled:hover,
 849 .btn-danger.disabled:focus,
 850 .btn-danger.disabled:active,
 851 .btn-danger.disabled.active,
 852 .btn-danger[disabled],
 853 .btn-danger[disabled]:hover,
 854 .btn-danger[disabled]:focus,
 855 .btn-danger[disabled]:active,
 856 .btn-danger.active[disabled],
 857 fieldset[disabled] .btn-danger,
 858 fieldset[disabled] .btn-danger:hover,
 859 fieldset[disabled] .btn-danger:focus,
 860 fieldset[disabled] .btn-danger:active,
 861 fieldset[disabled] .btn-danger.active {
 862   background-color: #ef6776;
 863   border-color: #ef6776;
 864 }
 865 .btn-link {
 866   color: inherit;
 867 }
 868 .btn-link:hover,
 869 .btn-link:focus,
 870 .btn-link:active,
 871 .btn-link.active,
 872 .open .dropdown-toggle.btn-link {
 873   color: #1ab394;
 874   text-decoration: none;
 875 }
 876 .btn-link:active,
 877 .btn-link.active,
 878 .open .dropdown-toggle.btn-link {
 879   background-image: none;
 880 }
 881 .btn-link.disabled,
 882 .btn-link.disabled:hover,
 883 .btn-link.disabled:focus,
 884 .btn-link.disabled:active,
 885 .btn-link.disabled.active,
 886 .btn-link[disabled],
 887 .btn-link[disabled]:hover,
 888 .btn-link[disabled]:focus,
 889 .btn-link[disabled]:active,
 890 .btn-link.active[disabled],
 891 fieldset[disabled] .btn-link,
 892 fieldset[disabled] .btn-link:hover,
 893 fieldset[disabled] .btn-link:focus,
 894 fieldset[disabled] .btn-link:active,
 895 fieldset[disabled] .btn-link.active {
 896   color: #cacaca;
 897 }
 898 .btn-white {
 899   color: inherit;
 900   background: white;
 901   border: 1px solid #e7eaec;
 902 }
 903 .btn-white:hover,
 904 .btn-white:focus,
 905 .btn-white:active,
 906 .btn-white.active,
 907 .open .dropdown-toggle.btn-white,
 908 .btn-white:active:focus,
 909 .btn-white:active:hover,
 910 .btn-white.active:hover,
 911 .btn-white.active:focus {
 912   color: inherit;
 913   border: 1px solid #d2d2d2;
 914 }
 915 .btn-white:active,
 916 .btn-white.active {
 917   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
 918 }
 919 .btn-white:active,
 920 .btn-white.active,
 921 .open .dropdown-toggle.btn-white {
 922   background-image: none;
 923 }
 924 .btn-white.disabled,
 925 .btn-white.disabled:hover,
 926 .btn-white.disabled:focus,
 927 .btn-white.disabled:active,
 928 .btn-white.disabled.active,
 929 .btn-white[disabled],
 930 .btn-white[disabled]:hover,
 931 .btn-white[disabled]:focus,
 932 .btn-white[disabled]:active,
 933 .btn-white.active[disabled],
 934 fieldset[disabled] .btn-white,
 935 fieldset[disabled] .btn-white:hover,
 936 fieldset[disabled] .btn-white:focus,
 937 fieldset[disabled] .btn-white:active,
 938 fieldset[disabled] .btn-white.active {
 939   color: #cacaca;
 940 }
 941 .form-control,
 942 .form-control:focus,
 943 .has-error .form-control:focus,
 944 .has-success .form-control:focus,
 945 .has-warning .form-control:focus,
 946 .navbar-collapse,
 947 .navbar-form,
 948 .navbar-form-custom .form-control:focus,
 949 .navbar-form-custom .form-control:hover,
 950 .open .btn.dropdown-toggle,
 951 .panel,
 952 .popover,
 953 .progress,
 954 .progress-bar {
 955   box-shadow: none;
 956 }
 957 .btn-outline {
 958   color: inherit;
 959   background-color: transparent;
 960   transition: all .5s;
 961 }
 962 .btn-rounded {
 963   border-radius: 50px;
 964 }
 965 .btn-large-dim {
 966   width: 90px;
 967   height: 90px;
 968   font-size: 42px;
 969 }
 970 button.dim {
 971   display: inline-block;
 972   text-decoration: none;
 973   text-transform: uppercase;
 974   text-align: center;
 975   padding-top: 6px;
 976   margin-right: 10px;
 977   position: relative;
 978   cursor: pointer;
 979   border-radius: 5px;
 980   font-weight: 600;
 981   margin-bottom: 20px !important;
 982 }
 983 button.dim:active {
 984   top: 3px;
 985 }
 986 button.btn-primary.dim {
 987   box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
 988 }
 989 button.btn-primary.dim:active {
 990   box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
 991 }
 992 button.btn-default.dim {
 993   box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
 994 }
 995 button.btn-default.dim:active {
 996   box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
 997 }
 998 button.btn-warning.dim {
 999   box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
1000 }
1001 button.btn-warning.dim:active {
1002   box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
1003 }
1004 button.btn-info.dim {
1005   box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
1006 }
1007 button.btn-info.dim:active {
1008   box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
1009 }
1010 button.btn-success.dim {
1011   box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
1012 }
1013 button.btn-success.dim:active {
1014   box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
1015 }
1016 button.btn-danger.dim {
1017   box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
1018 }
1019 button.btn-danger.dim:active {
1020   box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
1021 }
1022 button.dim:before {
1023   font-size: 50px;
1024   line-height: 1em;
1025   font-weight: normal;
1026   color: #fff;
1027   display: block;
1028   padding-top: 10px;
1029 }
1030 button.dim:active:before {
1031   top: 7px;
1032   font-size: 50px;
1033 }
1034 .btn:focus {
1035   outline: none !important;
1036 }
1037 .label {
1038   background-color: #d1dade;
1039   color: #5e5e5e;
1040   font-family: 'Open Sans';
1041   font-size: 10px;
1042   font-weight: 600;
1043   padding: 3px 8px;
1044   text-shadow: none;
1045 }
1046 .badge {
1047   background-color: #d1dade;
1048   color: #5e5e5e;
1049   font-family: 'Open Sans';
1050   font-size: 11px;
1051   font-weight: 600;
1052   padding-bottom: 4px;
1053   padding-left: 6px;
1054   padding-right: 6px;
1055   text-shadow: none;
1056 }
1057 .label-primary,
1058 .badge-primary {
1059   background-color: #1ab394;
1060   color: #FFFFFF;
1061 }
1062 .label-success,
1063 .badge-success {
1064   background-color: #1c84c6;
1065   color: #FFFFFF;
1066 }
1067 .label-warning,
1068 .badge-warning {
1069   background-color: #f8ac59;
1070   color: #FFFFFF;
1071 }
1072 .label-warning-light,
1073 .badge-warning-light {
1074   background-color: #f8ac59;
1075   color: #ffffff;
1076 }
1077 .label-danger,
1078 .badge-danger {
1079   background-color: #ed5565;
1080   color: #FFFFFF;
1081 }
1082 .label-info,
1083 .badge-info {
1084   background-color: #23c6c8;
1085   color: #FFFFFF;
1086 }
1087 .label-inverse,
1088 .badge-inverse {
1089   background-color: #262626;
1090   color: #FFFFFF;
1091 }
1092 .label-white,
1093 .badge-white {
1094   background-color: #FFFFFF;
1095   color: #5E5E5E;
1096 }
1097 .label-white,
1098 .badge-disable {
1099   background-color: #2A2E36;
1100   color: #8B91A0;
1101 }
1102 /* TOOGLE SWICH */
1103 .onoffswitch {
1104   position: relative;
1105   width: 64px;
1106   -webkit-user-select: none;
1107   -moz-user-select: none;
1108   -ms-user-select: none;
1109 }
1110 .onoffswitch-checkbox {
1111   display: none;
1112 }
1113 .onoffswitch-label {
1114   display: block;
1115   overflow: hidden;
1116   cursor: pointer;
1117   border: 2px solid #1ab394;
1118   border-radius: 2px;
1119 }
1120 .onoffswitch-inner {
1121   width: 200%;
1122   margin-left: -100%;
1123   -moz-transition: margin 0.3s ease-in 0s;
1124   -webkit-transition: margin 0.3s ease-in 0s;
1125   -o-transition: margin 0.3s ease-in 0s;
1126   transition: margin 0.3s ease-in 0s;
1127 }
1128 .onoffswitch-inner:before,
1129 .onoffswitch-inner:after {
1130   float: left;
1131   width: 50%;
1132   height: 20px;
1133   padding: 0;
1134   line-height: 20px;
1135   font-size: 12px;
1136   color: white;
1137   font-family: Trebuchet, Arial, sans-serif;
1138   font-weight: bold;
1139   -moz-box-sizing: border-box;
1140   -webkit-box-sizing: border-box;
1141   box-sizing: border-box;
1142 }
1143 .onoffswitch-inner:before {
1144   content: "ON";
1145   padding-left: 10px;
1146   background-color: #1ab394;
1147   color: #FFFFFF;
1148 }
1149 .onoffswitch-inner:after {
1150   content: "OFF";
1151   padding-right: 10px;
1152   background-color: #FFFFFF;
1153   color: #999999;
1154   text-align: right;
1155 }
1156 .onoffswitch-switch {
1157   width: 20px;
1158   margin: 0;
1159   background: #FFFFFF;
1160   border: 2px solid #1ab394;
1161   border-radius: 2px;
1162   position: absolute;
1163   top: 0;
1164   bottom: 0;
1165   right: 44px;
1166   -moz-transition: all 0.3s ease-in 0s;
1167   -webkit-transition: all 0.3s ease-in 0s;
1168   -o-transition: all 0.3s ease-in 0s;
1169   transition: all 0.3s ease-in 0s;
1170 }
1171 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
1172   margin-left: 0;
1173 }
1174 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
1175   right: 0;
1176 }
1177 /* CHOSEN PLUGIN */
1178 .chosen-container-single .chosen-single {
1179   background: #ffffff;
1180   box-shadow: none;
1181   -moz-box-sizing: border-box;
1182   background-color: #FFFFFF;
1183   border: 1px solid #CBD5DD;
1184   border-radius: 2px;
1185   cursor: text;
1186   height: auto;
1187   margin: 0;
1188   min-height: 30px;
1189   overflow: hidden;
1190   padding: 4px 12px;
1191   position: relative;
1192   width: 100%;
1193 }
1194 .chosen-container-multi .chosen-choices li.search-choice {
1195   background: #f1f1f1;
1196   border: 1px solid #ededed;
1197   border-radius: 2px;
1198   box-shadow: none;
1199   color: #333333;
1200   cursor: default;
1201   line-height: 13px;
1202   margin: 3px 0 3px 5px;
1203   padding: 3px 20px 3px 5px;
1204   position: relative;
1205 }
1206 /* PAGINATIN */
1207 .pagination > .active > a,
1208 .pagination > .active > span,
1209 .pagination > .active > a:hover,
1210 .pagination > .active > span:hover,
1211 .pagination > .active > a:focus,
1212 .pagination > .active > span:focus {
1213   background-color: #f4f4f4;
1214   border-color: #DDDDDD;
1215   color: inherit;
1216   cursor: default;
1217   z-index: 2;
1218 }
1219 .pagination > li > a,
1220 .pagination > li > span {
1221   background-color: #FFFFFF;
1222   border: 1px solid #DDDDDD;
1223   color: inherit;
1224   float: left;
1225   line-height: 1.42857;
1226   margin-left: -1px;
1227   padding: 4px 10px;
1228   position: relative;
1229   text-decoration: none;
1230 }
1231 /* TOOLTIPS */
1232 .tooltip-inner {
1233   background-color: #2F4050;
1234 }
1235 .tooltip.top .tooltip-arrow {
1236   border-top-color: #2F4050;
1237 }
1238 .tooltip.right .tooltip-arrow {
1239   border-right-color: #2F4050;
1240 }
1241 .tooltip.bottom .tooltip-arrow {
1242   border-bottom-color: #2F4050;
1243 }
1244 .tooltip.left .tooltip-arrow {
1245   border-left-color: #2F4050;
1246 }
1247 /* EASY PIE CHART*/
1248 .easypiechart {
1249   position: relative;
1250   text-align: center;
1251 }
1252 .easypiechart .h2 {
1253   margin-left: 10px;
1254   margin-top: 10px;
1255   display: inline-block;
1256 }
1257 .easypiechart canvas {
1258   top: 0;
1259   left: 0;
1260 }
1261 .easypiechart .easypie-text {
1262   line-height: 1;
1263   position: absolute;
1264   top: 33px;
1265   width: 100%;
1266   z-index: 1;
1267 }
1268 .easypiechart img {
1269   margin-top: -4px;
1270 }
1271 .jqstooltip {
1272   -webkit-box-sizing: content-box;
1273   -moz-box-sizing: content-box;
1274   box-sizing: content-box;
1275 }
1276 /* FULLCALENDAR */
1277 .fc-state-default {
1278   background-color: #ffffff;
1279   background-image: none;
1280   background-repeat: repeat-x;
1281   box-shadow: none;
1282   color: #333333;
1283   text-shadow: none;
1284 }
1285 .fc-state-default {
1286   border: 1px solid;
1287 }
1288 .fc-button {
1289   color: inherit;
1290   border: 1px solid #e7eaec;
1291   cursor: pointer;
1292   display: inline-block;
1293   height: 1.9em;
1294   line-height: 1.9em;
1295   overflow: hidden;
1296   padding: 0 0.6em;
1297   position: relative;
1298   white-space: nowrap;
1299 }
1300 .fc-state-active {
1301   background-color: #1ab394;
1302   border-color: #1ab394;
1303   color: #ffffff;
1304 }
1305 .fc-header-title h2 {
1306   font-size: 16px;
1307   font-weight: 600;
1308   color: inherit;
1309 }
1310 .fc-content .fc-widget-header,
1311 .fc-content .fc-widget-content {
1312   border-color: #e7eaec;
1313   font-weight: normal;
1314 }
1315 .fc-border-separate tbody {
1316   background-color: #F8F8F8;
1317 }
1318 .fc-state-highlight {
1319   background: none repeat scroll 0 0 #FCF8E3;
1320 }
1321 .external-event {
1322   padding: 5px 10px;
1323   border-radius: 2px;
1324   cursor: pointer;
1325   margin-bottom: 5px;
1326 }
1327 .fc-ltr .fc-event-hori.fc-event-end,
1328 .fc-rtl .fc-event-hori.fc-event-start {
1329   border-radius: 2px;
1330 }
1331 .fc-event,
1332 .fc-agenda .fc-event-time,
1333 .fc-event a {
1334   padding: 4px 6px;
1335   background-color: #1ab394;
1336   /* background color */
1337   border-color: #1ab394;
1338   /* border color */
1339 }
1340 .fc-event-time,
1341 .fc-event-title {
1342   color: #717171;
1343   padding: 0 1px;
1344 }
1345 .ui-calendar .fc-event-time,
1346 .ui-calendar .fc-event-title {
1347   color: #fff;
1348 }
1349 /* Chat */
1350 .chat-activity-list .chat-element {
1351   border-bottom: 1px solid #e7eaec;
1352 }
1353 .chat-element:first-child {
1354   margin-top: 0;
1355 }
1356 .chat-element {
1357   padding-bottom: 15px;
1358 }
1359 .chat-element,
1360 .chat-element .media {
1361   margin-top: 15px;
1362 }
1363 .chat-element,
1364 .media-body {
1365   overflow: hidden;
1366 }
1367 .media-body {
1368   display: block;
1369   width: auto;
1370 }
1371 .chat-element > .pull-left {
1372   margin-right: 10px;
1373 }
1374 .chat-element img.img-circle,
1375 .dropdown-messages-box img.img-circle {
1376   width: 38px;
1377   height: 38px;
1378 }
1379 .chat-element .well {
1380   border: 1px solid #e7eaec;
1381   box-shadow: none;
1382   margin-top: 10px;
1383   margin-bottom: 5px;
1384   padding: 10px 20px;
1385   font-size: 11px;
1386   line-height: 16px;
1387 }
1388 .chat-element .actions {
1389   margin-top: 10px;
1390 }
1391 .chat-element .photos {
1392   margin: 10px 0;
1393 }
1394 .right.chat-element > .pull-right {
1395   margin-left: 10px;
1396 }
1397 .chat-photo {
1398   max-height: 180px;
1399   border-radius: 4px;
1400   overflow: hidden;
1401   margin-right: 10px;
1402   margin-bottom: 10px;
1403 }
1404 .chat {
1405   margin: 0;
1406   padding: 0;
1407   list-style: none;
1408 }
1409 .chat li {
1410   margin-bottom: 10px;
1411   padding-bottom: 5px;
1412   border-bottom: 1px dotted #B3A9A9;
1413 }
1414 .chat li.left .chat-body {
1415   margin-left: 60px;
1416 }
1417 .chat li.right .chat-body {
1418   margin-right: 60px;
1419 }
1420 .chat li .chat-body p {
1421   margin: 0;
1422   color: #777777;
1423 }
1424 .panel .slidedown .glyphicon,
1425 .chat .glyphicon {
1426   margin-right: 5px;
1427 }
1428 .chat-panel .panel-body {
1429   height: 350px;
1430   overflow-y: scroll;
1431 }
1432 /* LIST GROUP */
1433 a.list-group-item.active,
1434 a.list-group-item.active:hover,
1435 a.list-group-item.active:focus {
1436   background-color: #1ab394;
1437   border-color: #1ab394;
1438   color: #FFFFFF;
1439   z-index: 2;
1440 }
1441 .list-group-item-heading {
1442   margin-top: 10px;
1443 }
1444 .list-group-item-text {
1445   margin: 0 0 10px;
1446   color: inherit;
1447   font-size: 12px;
1448   line-height: inherit;
1449 }
1450 .no-padding .list-group-item {
1451   border-left: none;
1452   border-right: none;
1453   border-bottom: none;
1454 }
1455 .no-padding .list-group-item:first-child {
1456   border-left: none;
1457   border-right: none;
1458   border-bottom: none;
1459   border-top: none;
1460 }
1461 .no-padding .list-group {
1462   margin-bottom: 0;
1463 }
1464 .list-group-item {
1465   background-color: inherit;
1466   border: 1px solid #e7eaec;
1467   display: block;
1468   margin-bottom: -1px;
1469   padding: 10px 15px;
1470   position: relative;
1471 }
1472 .elements-list .list-group-item {
1473   border-left: none;
1474   border-right: none;
1475   padding: 15px 25px;
1476 }
1477 .elements-list .list-group-item:first-child {
1478   border-left: none;
1479   border-right: none;
1480   border-top: none !important;
1481 }
1482 .elements-list .list-group {
1483   margin-bottom: 0;
1484 }
1485 .elements-list a {
1486   color: inherit;
1487 }
1488 .elements-list .list-group-item.active,
1489 .elements-list .list-group-item:hover {
1490   background: #f3f3f4;
1491   color: inherit;
1492   border-color: #e7eaec;
1493   /*border-bottom: 1px solid #e7eaec;*/
1494   /*border-top: 1px solid #e7eaec;*/
1495   border-radius: 0;
1496 }
1497 .elements-list li.active {
1498   transition: none;
1499 }
1500 .element-detail-box {
1501   padding: 25px;
1502 }
1503 /* FLOT CHART  */
1504 .flot-chart {
1505   display: block;
1506   height: 200px;
1507 }
1508 .widget .flot-chart.dashboard-chart {
1509   display: block;
1510   height: 120px;
1511   margin-top: 40px;
1512 }
1513 .flot-chart.dashboard-chart {
1514   display: block;
1515   height: 180px;
1516   margin-top: 40px;
1517 }
1518 .flot-chart-content {
1519   width: 100%;
1520   height: 100%;
1521 }
1522 .flot-chart-pie-content {
1523   width: 200px;
1524   height: 200px;
1525   margin: auto;
1526 }
1527 .jqstooltip {
1528   position: absolute;
1529   display: block;
1530   left: 0;
1531   top: 0;
1532   visibility: hidden;
1533   background: #2b303a;
1534   background-color: rgba(43, 48, 58, 0.8);
1535   color: white;
1536   text-align: left;
1537   white-space: nowrap;
1538   z-index: 10000;
1539   padding: 5px 5px 5px 5px;
1540   min-height: 22px;
1541   border-radius: 3px;
1542 }
1543 .jqsfield {
1544   color: white;
1545   text-align: left;
1546 }
1547 .fh-150 {
1548   height: 150px;
1549 }
1550 .fh-200 {
1551   height: 200px;
1552 }
1553 .h-150 {
1554   min-height: 150px;
1555 }
1556 .h-200 {
1557   min-height: 200px;
1558 }
1559 .legendLabel {
1560   padding-left: 5px;
1561 }
1562 .stat-list li:first-child {
1563   margin-top: 0;
1564 }
1565 .stat-list {
1566   list-style: none;
1567   padding: 0;
1568   margin: 0;
1569 }
1570 .stat-percent {
1571   float: right;
1572 }
1573 .stat-list li {
1574   margin-top: 15px;
1575   position: relative;
1576 }
1577 /* DATATABLES */
1578 table.dataTable thead .sorting,
1579 table.dataTable thead .sorting_asc:after,
1580 table.dataTable thead .sorting_desc,
1581 table.dataTable thead .sorting_asc_disabled,
1582 table.dataTable thead .sorting_desc_disabled {
1583   background: transparent;
1584 }
1585 .dataTables_wrapper {
1586   padding-bottom: 30px;
1587 }
1588 .dataTables_length {
1589   float: left;
1590 }
1591 .dataTables_filter label {
1592   margin-right: 5px;
1593 }
1594 .html5buttons {
1595   float: right;
1596 }
1597 .html5buttons a {
1598   border: 1px solid #e7eaec;
1599   background: #fff;
1600   color: #676a6c;
1601   box-shadow: none;
1602   padding: 6px 8px;
1603   font-size: 12px;
1604 }
1605 .html5buttons a:hover,
1606 .html5buttons a:focus:active {
1607   background-color: #eee;
1608   color: inherit;
1609   border-color: #d2d2d2;
1610 }
1611 div.dt-button-info {
1612   z-index: 100;
1613 }
1614 @media (max-width: 768px) {
1615   .html5buttons {
1616     float: none;
1617     margin-top: 10px;
1618   }
1619   .dataTables_length {
1620     float: none;
1621   }
1622 }
1623 /* CIRCLE */
1624 .img-circle {
1625   border-radius: 50%;
1626 }
1627 .btn-circle {
1628   width: 30px;
1629   height: 30px;
1630   padding: 6px 0;
1631   border-radius: 15px;
1632   text-align: center;
1633   font-size: 12px;
1634   line-height: 1.428571429;
1635 }
1636 .btn-circle.btn-lg {
1637   width: 50px;
1638   height: 50px;
1639   padding: 10px 16px;
1640   border-radius: 25px;
1641   font-size: 18px;
1642   line-height: 1.33;
1643 }
1644 .btn-circle.btn-xl {
1645   width: 70px;
1646   height: 70px;
1647   padding: 10px 16px;
1648   border-radius: 35px;
1649   font-size: 24px;
1650   line-height: 1.33;
1651 }
1652 .show-grid [class^="col-"] {
1653   padding-top: 10px;
1654   padding-bottom: 10px;
1655   border: 1px solid #ddd;
1656   background-color: #eee !important;
1657 }
1658 .show-grid {
1659   margin: 15px 0;
1660 }
1661 /* ANIMATION */
1662 .css-animation-box h1 {
1663   font-size: 44px;
1664 }
1665 .animation-efect-links a {
1666   padding: 4px 6px;
1667   font-size: 12px;
1668 }
1669 #animation_box {
1670   background-color: #f9f8f8;
1671   border-radius: 16px;
1672   width: 80%;
1673   margin: 0 auto;
1674   padding-top: 80px;
1675 }
1676 .animation-text-box {
1677   position: absolute;
1678   margin-top: 40px;
1679   left: 50%;
1680   margin-left: -100px;
1681   width: 200px;
1682 }
1683 .animation-text-info {
1684   position: absolute;
1685   margin-top: -60px;
1686   left: 50%;
1687   margin-left: -100px;
1688   width: 200px;
1689   font-size: 10px;
1690 }
1691 .animation-text-box h2 {
1692   font-size: 54px;
1693   font-weight: 600;
1694   margin-bottom: 5px;
1695 }
1696 .animation-text-box p {
1697   font-size: 12px;
1698   text-transform: uppercase;
1699 }
1700 /* PEACE */
1701 .pace {
1702   -webkit-pointer-events: none;
1703   pointer-events: none;
1704   -webkit-user-select: none;
1705   -moz-user-select: none;
1706   user-select: none;
1707 }
1708 .pace-inactive {
1709   display: none;
1710 }
1711 .pace .pace-progress {
1712   background: #1ab394;
1713   position: fixed;
1714   z-index: 2040;
1715   top: 0;
1716   right: 100%;
1717   width: 100%;
1718   height: 2px;
1719 }
1720 .pace-inactive {
1721   display: none;
1722 }
1723 /* WIDGETS */
1724 .widget {
1725   border-radius: 5px;
1726   padding: 15px 20px;
1727   margin-bottom: 10px;
1728   margin-top: 10px;
1729 }
1730 .widget.style1 h2 {
1731   font-size: 30px;
1732 }
1733 .widget h2,
1734 .widget h3 {
1735   margin-top: 5px;
1736   margin-bottom: 0;
1737 }
1738 .widget-text-box {
1739   padding: 20px;
1740   border: 1px solid #e7eaec;
1741   background: #ffffff;
1742 }
1743 .widget-head-color-box {
1744   border-radius: 5px 5px 0 0;
1745   margin-top: 10px;
1746 }
1747 .widget .flot-chart {
1748   height: 100px;
1749 }
1750 .vertical-align div {
1751   display: inline-block;
1752   vertical-align: middle;
1753 }
1754 .vertical-align h2,
1755 .vertical-align h3 {
1756   margin: 0;
1757 }
1758 .todo-list {
1759   list-style: none outside none;
1760   margin: 0;
1761   padding: 0;
1762   font-size: 14px;
1763 }
1764 .todo-list.small-list {
1765   font-size: 12px;
1766 }
1767 .todo-list.small-list > li {
1768   background: #f3f3f4;
1769   border-left: none;
1770   border-right: none;
1771   border-radius: 4px;
1772   color: inherit;
1773   margin-bottom: 2px;
1774   padding: 6px 6px 6px 12px;
1775 }
1776 .todo-list.small-list .btn-xs,
1777 .todo-list.small-list .btn-group-xs > .btn {
1778   border-radius: 5px;
1779   font-size: 10px;
1780   line-height: 1.5;
1781   padding: 1px 2px 1px 5px;
1782 }
1783 .todo-list > li {
1784   background: #f3f3f4;
1785   border-left: 6px solid #e7eaec;
1786   border-right: 6px solid #e7eaec;
1787   border-radius: 4px;
1788   color: inherit;
1789   margin-bottom: 2px;
1790   padding: 10px;
1791 }
1792 .todo-list .handle {
1793   cursor: move;
1794   display: inline-block;
1795   font-size: 16px;
1796   margin: 0 5px;
1797 }
1798 .todo-list > li .label {
1799   font-size: 9px;
1800   margin-left: 10px;
1801 }
1802 .check-link {
1803   font-size: 16px;
1804 }
1805 .todo-completed {
1806   text-decoration: line-through;
1807 }
1808 .geo-statistic h1 {
1809   font-size: 36px;
1810   margin-bottom: 0;
1811 }
1812 .glyphicon.fa {
1813   font-family: "FontAwesome";
1814 }
1815 /* INPUTS */
1816 .inline {
1817   display: inline-block !important;
1818 }
1819 .input-s-sm {
1820   width: 120px;
1821 }
1822 .input-s {
1823   width: 200px;
1824 }
1825 .input-s-lg {
1826   width: 250px;
1827 }
1828 .i-checks {
1829   padding-left: 0;
1830 }
1831 .form-control,
1832 .single-line {
1833   background-color: #FFFFFF;
1834   background-image: none;
1835   border: 1px solid #e5e6e7;
1836   border-radius: 1px;
1837   color: inherit;
1838   display: block;
1839   padding: 6px 12px;
1840   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
1841   width: 100%;
1842   font-size: 14px;
1843 }
1844 .form-control:focus,
1845 .single-line:focus {
1846   border-color: #1ab394 !important;
1847 }
1848 .has-success .form-control {
1849   border-color: #1ab394;
1850 }
1851 .has-warning .form-control {
1852   border-color: #f8ac59;
1853 }
1854 .has-error .form-control {
1855   border-color: #ed5565;
1856 }
1857 .has-success .control-label {
1858   color: #1ab394;
1859 }
1860 .has-warning .control-label {
1861   color: #f8ac59;
1862 }
1863 .has-error .control-label {
1864   color: #ed5565;
1865 }
1866 .input-group-addon {
1867   background-color: #fff;
1868   border: 1px solid #E5E6E7;
1869   border-radius: 1px;
1870   color: inherit;
1871   font-size: 14px;
1872   font-weight: 400;
1873   line-height: 1;
1874   padding: 6px 12px;
1875   text-align: center;
1876 }
1877 .spinner-buttons.input-group-btn .btn-xs {
1878   line-height: 1.13;
1879 }
1880 .spinner-buttons.input-group-btn {
1881   width: 20%;
1882 }
1883 .noUi-connect {
1884   background: none repeat scroll 0 0 #1ab394;
1885   box-shadow: none;
1886 }
1887 .slider_red .noUi-connect {
1888   background: none repeat scroll 0 0 #ed5565;
1889   box-shadow: none;
1890 }
1891 /* UI Sortable */
1892 .ui-sortable .ibox-title {
1893   cursor: move;
1894 }
1895 .ui-sortable-placeholder {
1896   border: 1px dashed #cecece !important;
1897   visibility: visible !important;
1898   background: #e7eaec;
1899 }
1900 .ibox.ui-sortable-placeholder {
1901   margin: 0 0 23px !important;
1902 }
1903 /* SWITCHES */
1904 .onoffswitch {
1905   position: relative;
1906   width: 54px;
1907   -webkit-user-select: none;
1908   -moz-user-select: none;
1909   -ms-user-select: none;
1910 }
1911 .onoffswitch-checkbox {
1912   display: none;
1913 }
1914 .onoffswitch-label {
1915   display: block;
1916   overflow: hidden;
1917   cursor: pointer;
1918   border: 2px solid #1AB394;
1919   border-radius: 3px;
1920 }
1921 .onoffswitch-inner {
1922   display: block;
1923   width: 200%;
1924   margin-left: -100%;
1925   -moz-transition: margin 0.3s ease-in 0s;
1926   -webkit-transition: margin 0.3s ease-in 0s;
1927   -o-transition: margin 0.3s ease-in 0s;
1928   transition: margin 0.3s ease-in 0s;
1929 }
1930 .onoffswitch-inner:before,
1931 .onoffswitch-inner:after {
1932   display: block;
1933   float: left;
1934   width: 50%;
1935   height: 16px;
1936   padding: 0;
1937   line-height: 16px;
1938   font-size: 10px;
1939   color: white;
1940   font-family: Trebuchet, Arial, sans-serif;
1941   font-weight: bold;
1942   -moz-box-sizing: border-box;
1943   -webkit-box-sizing: border-box;
1944   box-sizing: border-box;
1945 }
1946 .onoffswitch-inner:before {
1947   content: "ON";
1948   padding-left: 7px;
1949   background-color: #1AB394;
1950   color: #FFFFFF;
1951 }
1952 .onoffswitch-inner:after {
1953   content: "OFF";
1954   padding-right: 7px;
1955   background-color: #FFFFFF;
1956   color: #919191;
1957   text-align: right;
1958 }
1959 .onoffswitch-switch {
1960   display: block;
1961   width: 18px;
1962   margin: 0;
1963   background: #FFFFFF;
1964   border: 2px solid #1AB394;
1965   border-radius: 3px;
1966   position: absolute;
1967   top: 0;
1968   bottom: 0;
1969   right: 36px;
1970   -moz-transition: all 0.3s ease-in 0s;
1971   -webkit-transition: all 0.3s ease-in 0s;
1972   -o-transition: all 0.3s ease-in 0s;
1973   transition: all 0.3s ease-in 0s;
1974 }
1975 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
1976   margin-left: 0;
1977 }
1978 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
1979   right: 0;
1980 }
1981 /* jqGrid */
1982 .ui-jqgrid {
1983   -moz-box-sizing: content-box;
1984 }
1985 .ui-jqgrid-btable {
1986   border-collapse: separate;
1987 }
1988 .ui-jqgrid-htable {
1989   border-collapse: separate;
1990 }
1991 .ui-jqgrid-titlebar {
1992   height: 40px;
1993   line-height: 15px;
1994   color: #676a6c;
1995   background-color: #F9F9F9;
1996   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1997 }
1998 .ui-jqgrid .ui-jqgrid-title {
1999   float: left;
2000   margin: 1.1em 1em 0.2em;
2001 }
2002 .ui-jqgrid .ui-jqgrid-titlebar {
2003   position: relative;
2004   border-left: 0 solid;
2005   border-right: 0 solid;
2006   border-top: 0 solid;
2007 }
2008 .ui-widget-header {
2009   background: none;
2010   background-image: none;
2011   background-color: #f5f5f6;
2012   text-transform: uppercase;
2013   border-top-left-radius: 0;
2014   border-top-right-radius: 0;
2015 }
2016 .ui-jqgrid tr.ui-row-ltr td {
2017   border-right-color: inherit;
2018   border-right-style: solid;
2019   border-right-width: 1px;
2020   text-align: left;
2021   border-color: #DDDDDD;
2022   background-color: inherit;
2023 }
2024 .ui-search-toolbar input[type="text"] {
2025   font-size: 12px;
2026   height: 15px;
2027   border: 1px solid #CCCCCC;
2028   border-radius: 0;
2029 }
2030 .ui-state-default,
2031 .ui-widget-content .ui-state-default,
2032 .ui-widget-header .ui-state-default {
2033   background: #F9F9F9;
2034   border: 1px solid #DDDDDD;
2035   line-height: 15px;
2036   font-weight: bold;
2037   color: #676a6c;
2038   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2039 }
2040 .ui-widget-content {
2041   box-sizing: content-box;
2042 }
2043 .ui-icon-triangle-1-n {
2044   background-position: 1px -16px;
2045 }
2046 .ui-jqgrid tr.ui-search-toolbar th {
2047   border-top-width: 0 !important;
2048   border-top-color: inherit !important;
2049   border-top-style: ridge !important;
2050 }
2051 .ui-state-hover,
2052 .ui-widget-content .ui-state-hover,
2053 .ui-state-focus,
2054 .ui-widget-content .ui-state-focus,
2055 .ui-widget-header .ui-state-focus {
2056   background: #f5f5f5;
2057   border-collapse: separate;
2058 }
2059 .ui-state-highlight,
2060 .ui-widget-content .ui-state-highlight,
2061 .ui-widget-header .ui-state-highlight {
2062   background: #f2fbff;
2063 }
2064 .ui-state-active,
2065 .ui-widget-content .ui-state-active,
2066 .ui-widget-header .ui-state-active {
2067   border: 1px solid #dddddd;
2068   background: #ffffff;
2069   font-weight: normal;
2070   color: #212121;
2071 }
2072 .ui-jqgrid .ui-pg-input {
2073   font-size: inherit;
2074   width: 50px;
2075   border: 1px solid #CCCCCC;
2076   height: 15px;
2077 }
2078 .ui-jqgrid .ui-pg-selbox {
2079   display: block;
2080   font-size: 1em;
2081   height: 25px;
2082   line-height: 18px;
2083   margin: 0;
2084   width: auto;
2085 }
2086 .ui-jqgrid .ui-pager-control {
2087   position: relative;
2088 }
2089 .ui-jqgrid .ui-jqgrid-pager {
2090   height: 32px;
2091   position: relative;
2092 }
2093 .ui-pg-table .navtable .ui-corner-all {
2094   border-radius: 0;
2095 }
2096 .ui-jqgrid .ui-pg-button:hover {
2097   padding: 1px;
2098   border: 0;
2099 }
2100 .ui-jqgrid .loading {
2101   position: absolute;
2102   top: 45%;
2103   left: 45%;
2104   width: auto;
2105   height: auto;
2106   z-index: 101;
2107   padding: 6px;
2108   margin: 5px;
2109   text-align: center;
2110   font-weight: bold;
2111   display: none;
2112   border-width: 2px !important;
2113   font-size: 11px;
2114 }
2115 .ui-jqgrid .form-control {
2116   height: 10px;
2117   width: auto;
2118   display: inline;
2119   padding: 10px 12px;
2120 }
2121 .ui-jqgrid-pager {
2122   height: 32px;
2123 }
2124 .ui-corner-all,
2125 .ui-corner-top,
2126 .ui-corner-left,
2127 .ui-corner-tl {
2128   border-top-left-radius: 0;
2129 }
2130 .ui-corner-all,
2131 .ui-corner-top,
2132 .ui-corner-right,
2133 .ui-corner-tr {
2134   border-top-right-radius: 0;
2135 }
2136 .ui-corner-all,
2137 .ui-corner-bottom,
2138 .ui-corner-left,
2139 .ui-corner-bl {
2140   border-bottom-left-radius: 0;
2141 }
2142 .ui-corner-all,
2143 .ui-corner-bottom,
2144 .ui-corner-right,
2145 .ui-corner-br {
2146   border-bottom-right-radius: 0;
2147 }
2148 .ui-widget-content {
2149   border: 1px solid #ddd;
2150 }
2151 .ui-jqgrid .ui-jqgrid-titlebar {
2152   padding: 0;
2153 }
2154 .ui-jqgrid .ui-jqgrid-titlebar {
2155   border-bottom: 1px solid #ddd;
2156 }
2157 .ui-jqgrid tr.jqgrow td {
2158   padding: 6px;
2159 }
2160 .ui-jqdialog .ui-jqdialog-titlebar {
2161   padding: 10px 10px;
2162 }
2163 .ui-jqdialog .ui-jqdialog-title {
2164   float: none !important;
2165 }
2166 .ui-jqdialog > .ui-resizable-se {
2167   position: absolute;
2168 }
2169 /* Nestable list */
2170 .dd {
2171   position: relative;
2172   display: block;
2173   margin: 0;
2174   padding: 0;
2175   list-style: none;
2176   font-size: 13px;
2177   line-height: 20px;
2178 }
2179 .dd-list {
2180   display: block;
2181   position: relative;
2182   margin: 0;
2183   padding: 0;
2184   list-style: none;
2185 }
2186 .dd-list .dd-list {
2187   padding-left: 30px;
2188 }
2189 .dd-collapsed .dd-list {
2190   display: none;
2191 }
2192 .dd-item,
2193 .dd-empty,
2194 .dd-placeholder {
2195   display: block;
2196   position: relative;
2197   margin: 0;
2198   padding: 0;
2199   min-height: 20px;
2200   font-size: 13px;
2201   line-height: 20px;
2202 }
2203 .dd-handle {
2204   display: block;
2205   margin: 5px 0;
2206   padding: 5px 10px;
2207   color: #333;
2208   text-decoration: none;
2209   border: 1px solid #e7eaec;
2210   background: #f5f5f5;
2211   -webkit-border-radius: 3px;
2212   border-radius: 3px;
2213   box-sizing: border-box;
2214   -moz-box-sizing: border-box;
2215 }
2216 .dd-handle span {
2217   font-weight: bold;
2218 }
2219 .dd-handle:hover {
2220   background: #f0f0f0;
2221   cursor: pointer;
2222   font-weight: bold;
2223 }
2224 .dd-item > button {
2225   display: block;
2226   position: relative;
2227   cursor: pointer;
2228   float: left;
2229   width: 25px;
2230   height: 20px;
2231   margin: 5px 0;
2232   padding: 0;
2233   text-indent: 100%;
2234   white-space: nowrap;
2235   overflow: hidden;
2236   border: 0;
2237   background: transparent;
2238   font-size: 12px;
2239   line-height: 1;
2240   text-align: center;
2241   font-weight: bold;
2242 }
2243 .dd-item > button:before {
2244   content: '+';
2245   display: block;
2246   position: absolute;
2247   width: 100%;
2248   text-align: center;
2249   text-indent: 0;
2250 }
2251 .dd-item > button[data-action="collapse"]:before {
2252   content: '-';
2253 }
2254 #nestable2 .dd-item > button {
2255   font-family: FontAwesome;
2256   height: 34px;
2257   width: 33px;
2258   color: #c1c1c1;
2259 }
2260 #nestable2 .dd-item > button:before {
2261   content: "\f067";
2262 }
2263 #nestable2 .dd-item > button[data-action="collapse"]:before {
2264   content: "\f068";
2265 }
2266 .dd-placeholder,
2267 .dd-empty {
2268   margin: 5px 0;
2269   padding: 0;
2270   min-height: 30px;
2271   background: #f2fbff;
2272   border: 1px dashed #b6bcbf;
2273   box-sizing: border-box;
2274   -moz-box-sizing: border-box;
2275 }
2276 .dd-empty {
2277   border: 1px dashed #bbb;
2278   min-height: 100px;
2279   background-color: #e5e5e5;
2280   background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
2281   background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
2282   background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
2283   background-size: 60px 60px;
2284   background-position: 0 0, 30px 30px;
2285 }
2286 .dd-dragel {
2287   position: absolute;
2288   z-index: 9999;
2289   pointer-events: none;
2290 }
2291 .dd-dragel > .dd-item .dd-handle {
2292   margin-top: 0;
2293 }
2294 .dd-dragel .dd-handle {
2295   -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
2296   box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
2297 }
2298 /**
2299 * Nestable Extras
2300 */
2301 .nestable-lists {
2302   display: block;
2303   clear: both;
2304   padding: 30px 0;
2305   width: 100%;
2306   border: 0;
2307   border-top: 2px solid #ddd;
2308   border-bottom: 2px solid #ddd;
2309 }
2310 #nestable-menu {
2311   padding: 0;
2312   margin: 10px 0 20px 0;
2313 }
2314 #nestable-output,
2315 #nestable2-output {
2316   width: 100%;
2317   font-size: 0.75em;
2318   line-height: 1.333333em;
2319   font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
2320   padding: 5px;
2321   box-sizing: border-box;
2322   -moz-box-sizing: border-box;
2323 }
2324 #nestable2 .dd-handle {
2325   color: inherit;
2326   border: 1px dashed #e7eaec;
2327   background: #f3f3f4;
2328   padding: 10px;
2329 }
2330 #nestable2 .dd-handle:hover {
2331   /*background: #bbb;*/
2332 }
2333 #nestable2 span.label {
2334   margin-right: 10px;
2335 }
2336 #nestable-output,
2337 #nestable2-output {
2338   font-size: 12px;
2339   padding: 25px;
2340   box-sizing: border-box;
2341   -moz-box-sizing: border-box;
2342 }
2343 /* CodeMirror */
2344 .CodeMirror {
2345   border: 1px solid #eee;
2346   height: auto;
2347 }
2348 .CodeMirror-scroll {
2349   overflow-y: hidden;
2350   overflow-x: auto;
2351 }
2352 /* Google Maps */
2353 .google-map {
2354   height: 300px;
2355 }
2356 /* Validation */
2357 label.error {
2358   color: #cc5965;
2359   display: inline-block;
2360   margin-left: 5px;
2361 }
2362 .form-control.error {
2363   border: 1px dotted #cc5965;
2364 }
2365 /* ngGrid */
2366 .gridStyle {
2367   border: 1px solid #d4d4d4;
2368   width: 100%;
2369   height: 400px;
2370 }
2371 .gridStyle2 {
2372   border: 1px solid #d4d4d4;
2373   width: 500px;
2374   height: 300px;
2375 }
2376 .ngH eaderCell {
2377   border-right: none;
2378   border-bottom: 1px solid #e7eaec;
2379 }
2380 .ngCell {
2381   border-right: none;
2382 }
2383 .ngTopPanel {
2384   background: #F5F5F6;
2385 }
2386 .ngRow.even {
2387   background: #f9f9f9;
2388 }
2389 .ngRow.selected {
2390   background: #EBF2F1;
2391 }
2392 .ngRow {
2393   border-bottom: 1px solid #e7eaec;
2394 }
2395 .ngCell {
2396   background-color: transparent;
2397 }
2398 .ngHeaderCell {
2399   border-right: none;
2400 }
2401 /* Toastr custom style */
2402 #toast-container > .toast {
2403   background-image: none !important;
2404 }
2405 #toast-container > .toast:before {
2406   position: fixed;
2407   font-family: FontAwesome;
2408   font-size: 24px;
2409   line-height: 24px;
2410   float: left;
2411   color: #FFF;
2412   padding-right: 0.5em;
2413   margin: auto 0.5em auto -1.5em;
2414 }
2415 #toast-container > .toast-warning:before {
2416   content: "\f0e7";
2417 }
2418 #toast-container > .toast-error:before {
2419   content: "\f071";
2420 }
2421 #toast-container > .toast-info:before {
2422   content: "\f005";
2423 }
2424 #toast-container > .toast-success:before {
2425   content: "\f00C";
2426 }
2427 #toast-container > div {
2428   -moz-box-shadow: 0 0 3px #999;
2429   -webkit-box-shadow: 0 0 3px #999;
2430   box-shadow: 0 0 3px #999;
2431   opacity: .9;
2432   -ms-filter: alpha(opacity=90);
2433   filter: alpha(opacity=90);
2434 }
2435 #toast-container > :hover {
2436   -moz-box-shadow: 0 0 4px #999;
2437   -webkit-box-shadow: 0 0 4px #999;
2438   box-shadow: 0 0 4px #999;
2439   opacity: 1;
2440   -ms-filter: alpha(opacity=100);
2441   filter: alpha(opacity=100);
2442   cursor: pointer;
2443 }
2444 .toast {
2445   background-color: #1ab394;
2446 }
2447 .toast-success {
2448   background-color: #1ab394;
2449 }
2450 .toast-error {
2451   background-color: #ed5565;
2452 }
2453 .toast-info {
2454   background-color: #23c6c8;
2455 }
2456 .toast-warning {
2457   background-color: #f8ac59;
2458 }
2459 .toast-top-full-width {
2460   margin-top: 20px;
2461 }
2462 .toast-bottom-full-width {
2463   margin-bottom: 20px;
2464 }
2465 /* Notifie */
2466 .cg-notify-message.inspinia-notify {
2467   background: #fff;
2468   padding: 0;
2469   box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
2470   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
2471   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
2472   border: none;
2473   margin-top: 30px;
2474   color: inherit;
2475 }
2476 .inspinia-notify.alert-warning {
2477   border-left: 6px solid #f8ac59;
2478 }
2479 .inspinia-notify.alert-success {
2480   border-left: 6px solid #1c84c6;
2481 }
2482 .inspinia-notify.alert-danger {
2483   border-left: 6px solid #ed5565;
2484 }
2485 .inspinia-notify.alert-info {
2486   border-left: 6px solid #1ab394;
2487 }
2488 /* Image cropper style */
2489 .img-container,
2490 .img-preview {
2491   overflow: hidden;
2492   text-align: center;
2493   width: 100%;
2494 }
2495 .img-preview-sm {
2496   height: 130px;
2497   width: 200px;
2498 }
2499 /* Forum styles  */
2500 .forum-post-container .media {
2501   margin: 10px 10px 10px 10px;
2502   padding: 20px 10px 20px 10px;
2503   border-bottom: 1px solid #f1f1f1;
2504 }
2505 .forum-avatar {
2506   float: left;
2507   margin-right: 20px;
2508   text-align: center;
2509   width: 110px;
2510 }
2511 .forum-avatar .img-circle {
2512   height: 48px;
2513   width: 48px;
2514 }
2515 .author-info {
2516   color: #676a6c;
2517   font-size: 11px;
2518   margin-top: 5px;
2519   text-align: center;
2520 }
2521 .forum-post-info {
2522   padding: 9px 12px 6px 12px;
2523   background: #f9f9f9;
2524   border: 1px solid #f1f1f1;
2525 }
2526 .media-body > .media {
2527   background: #f9f9f9;
2528   border-radius: 3px;
2529   border: 1px solid #f1f1f1;
2530 }
2531 .forum-post-container .media-body .photos {
2532   margin: 10px 0;
2533 }
2534 .forum-photo {
2535   max-width: 140px;
2536   border-radius: 3px;
2537 }
2538 .media-body > .media .forum-avatar {
2539   width: 70px;
2540   margin-right: 10px;
2541 }
2542 .media-body > .media .forum-avatar .img-circle {
2543   height: 38px;
2544   width: 38px;
2545 }
2546 .mid-icon {
2547   font-size: 66px;
2548 }
2549 .forum-item {
2550   margin: 10px 0;
2551   padding: 10px 0 20px;
2552   border-bottom: 1px solid #f1f1f1;
2553 }
2554 .views-number {
2555   font-size: 24px;
2556   line-height: 18px;
2557   font-weight: 400;
2558 }
2559 .forum-container,
2560 .forum-post-container {
2561   padding: 30px !important;
2562 }
2563 .forum-item small {
2564   color: #999;
2565 }
2566 .forum-item .forum-sub-title {
2567   color: #999;
2568   margin-left: 50px;
2569 }
2570 .forum-title {
2571   margin: 15px 0 15px 0;
2572 }
2573 .forum-info {
2574   text-align: center;
2575 }
2576 .forum-desc {
2577   color: #999;
2578 }
2579 .forum-icon {
2580   float: left;
2581   width: 30px;
2582   margin-right: 20px;
2583   text-align: center;
2584 }
2585 a.forum-item-title {
2586   color: inherit;
2587   display: block;
2588   font-size: 18px;
2589   font-weight: 600;
2590 }
2591 a.forum-item-title:hover {
2592   color: inherit;
2593 }
2594 .forum-icon .fa {
2595   font-size: 30px;
2596   margin-top: 8px;
2597   color: #9b9b9b;
2598 }
2599 .forum-item.active .fa {
2600   color: #1ab394;
2601 }
2602 .forum-item.active a.forum-item-title {
2603   color: #1ab394;
2604 }
2605 @media (max-width: 992px) {
2606   .forum-info {
2607     margin: 15px 0 10px 0;
2608     /* Comment this is you want to show forum info in small devices */
2609     display: none;
2610   }
2611   .forum-desc {
2612     float: none !important;
2613   }
2614 }
2615 /* New Timeline style */
2616 .vertical-container {
2617   /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
2618   width: 90%;
2619   max-width: 1170px;
2620   margin: 0 auto;
2621 }
2622 .vertical-container::after {
2623   /* clearfix */
2624   content: '';
2625   display: table;
2626   clear: both;
2627 }
2628 #vertical-timeline {
2629   position: relative;
2630   padding: 0;
2631   margin-top: 2em;
2632   margin-bottom: 2em;
2633 }
2634 #vertical-timeline::before {
2635   content: '';
2636   position: absolute;
2637   top: 0;
2638   left: 18px;
2639   height: 100%;
2640   width: 4px;
2641   background: #f1f1f1;
2642 }
2643 .vertical-timeline-content .btn {
2644   float: right;
2645 }
2646 #vertical-timeline.light-timeline:before {
2647   background: #e7eaec;
2648 }
2649 .dark-timeline .vertical-timeline-content:before {
2650   border-color: transparent #f5f5f5 transparent transparent;
2651 }
2652 .dark-timeline.center-orientation .vertical-timeline-content:before {
2653   border-color: transparent transparent transparent #f5f5f5;
2654 }
2655 .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
2656 .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
2657   border-color: transparent #f5f5f5 transparent transparent;
2658 }
2659 .dark-timeline .vertical-timeline-content,
2660 .dark-timeline.center-orientation .vertical-timeline-content {
2661   background: #f5f5f5;
2662 }
2663 @media only screen and (min-width: 1170px) {
2664   #vertical-timeline.center-orientation {
2665     margin-top: 3em;
2666     margin-bottom: 3em;
2667   }
2668   #vertical-timeline.center-orientation:before {
2669     left: 50%;
2670     margin-left: -2px;
2671   }
2672 }
2673 @media only screen and (max-width: 1170px) {
2674   .center-orientation.dark-timeline .vertical-timeline-content:before {
2675     border-color: transparent #f5f5f5 transparent transparent;
2676   }
2677 }
2678 .vertical-timeline-block {
2679   position: relative;
2680   margin: 2em 0;
2681 }
2682 .vertical-timeline-block:after {
2683   content: "";
2684   display: table;
2685   clear: both;
2686 }
2687 .vertical-timeline-block:first-child {
2688   margin-top: 0;
2689 }
2690 .vertical-timeline-block:last-child {
2691   margin-bottom: 0;
2692 }
2693 @media only screen and (min-width: 1170px) {
2694   .center-orientation .vertical-timeline-block {
2695     margin: 4em 0;
2696   }
2697   .center-orientation .vertical-timeline-block:first-child {
2698     margin-top: 0;
2699   }
2700   .center-orientation .vertical-timeline-block:last-child {
2701     margin-bottom: 0;
2702   }
2703 }
2704 .vertical-timeline-icon {
2705   position: absolute;
2706   top: 0;
2707   left: 0;
2708   width: 40px;
2709   height: 40px;
2710   border-radius: 50%;
2711   font-size: 16px;
2712   border: 3px solid #f1f1f1;
2713   text-align: center;
2714 }
2715 .vertical-timeline-icon i {
2716   display: block;
2717   width: 24px;
2718   height: 24px;
2719   position: relative;
2720   left: 50%;
2721   top: 50%;
2722   margin-left: -12px;
2723   margin-top: -9px;
2724 }
2725 @media only screen and (min-width: 1170px) {
2726   .center-orientation .vertical-timeline-icon {
2727     width: 50px;
2728     height: 50px;
2729     left: 50%;
2730     margin-left: -25px;
2731     -webkit-transform: translateZ(0);
2732     -webkit-backface-visibility: hidden;
2733     font-size: 19px;
2734   }
2735   .center-orientation .vertical-timeline-icon i {
2736     margin-left: -12px;
2737     margin-top: -10px;
2738   }
2739   .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
2740     visibility: hidden;
2741   }
2742 }
2743 .vertical-timeline-content {
2744   position: relative;
2745   margin-left: 60px;
2746   background: white;
2747   border-radius: 0.25em;
2748   padding: 1em;
2749 }
2750 .vertical-timeline-content:after {
2751   content: "";
2752   display: table;
2753   clear: both;
2754 }
2755 .vertical-timeline-content h2 {
2756   font-weight: 400;
2757   margin-top: 4px;
2758 }
2759 .vertical-timeline-content p {
2760   margin: 1em 0;
2761   line-height: 1.6;
2762 }
2763 .vertical-timeline-content .vertical-date {
2764   float: left;
2765   font-weight: 500;
2766 }
2767 .vertical-date small {
2768   color: #1ab394;
2769   font-weight: 400;
2770 }
2771 .vertical-timeline-content::before {
2772   content: '';
2773   position: absolute;
2774   top: 16px;
2775   right: 100%;
2776   height: 0;
2777   width: 0;
2778   border: 7px solid transparent;
2779   border-right: 7px solid white;
2780 }
2781 @media only screen and (min-width: 768px) {
2782   .vertical-timeline-content h2 {
2783     font-size: 18px;
2784   }
2785   .vertical-timeline-content p {
2786     font-size: 13px;
2787   }
2788 }
2789 @media only screen and (min-width: 1170px) {
2790   .center-orientation .vertical-timeline-content {
2791     margin-left: 0;
2792     padding: 1.6em;
2793     width: 45%;
2794   }
2795   .center-orientation .vertical-timeline-content::before {
2796     top: 24px;
2797     left: 100%;
2798     border-color: transparent;
2799     border-left-color: white;
2800   }
2801   .center-orientation .vertical-timeline-content .btn {
2802     float: left;
2803   }
2804   .center-orientation .vertical-timeline-content .vertical-date {
2805     position: absolute;
2806     width: 100%;
2807     left: 122%;
2808     top: 2px;
2809     font-size: 14px;
2810   }
2811   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
2812     float: right;
2813   }
2814   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
2815     top: 24px;
2816     left: auto;
2817     right: 100%;
2818     border-color: transparent;
2819     border-right-color: white;
2820   }
2821   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
2822     float: right;
2823   }
2824   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
2825     left: auto;
2826     right: 122%;
2827     text-align: right;
2828   }
2829   .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
2830     visibility: hidden;
2831   }
2832 }
2833 /* Tabs */
2834 .tabs-container .panel-body {
2835   background: #fff;
2836   border: 1px solid #e7eaec;
2837   border-radius: 2px;
2838   padding: 20px;
2839   position: relative;
2840 }
2841 .tabs-container .nav-tabs > li.active > a,
2842 .tabs-container .nav-tabs > li.active > a:hover,
2843 .tabs-container .nav-tabs > li.active > a:focus {
2844   border: 1px solid #e7eaec;
2845   border-bottom-color: transparent;
2846   background-color: #fff;
2847 }
2848 .tabs-container .nav-tabs > li {
2849   float: left;
2850   margin-bottom: -1px;
2851 }
2852 .tabs-container .tab-pane .panel-body {
2853   border-top: none;
2854 }
2855 .tabs-container .nav-tabs > li.active > a,
2856 .tabs-container .nav-tabs > li.active > a:hover,
2857 .tabs-container .nav-tabs > li.active > a:focus {
2858   border: 1px solid #e7eaec;
2859   border-bottom-color: transparent;
2860 }
2861 .tabs-container .nav-tabs {
2862   border-bottom: 1px solid #e7eaec;
2863 }
2864 .tabs-container .tab-pane .panel-body {
2865   border-top: none;
2866 }
2867 .tabs-container .tabs-left .tab-pane .panel-body,
2868 .tabs-container .tabs-right .tab-pane .panel-body {
2869   border-top: 1px solid #e7eaec;
2870 }
2871 .tabs-container .nav-tabs > li a:hover {
2872   background: transparent;
2873   border-color: transparent;
2874 }
2875 .tabs-container .tabs-below > .nav-tabs,
2876 .tabs-container .tabs-right > .nav-tabs,
2877 .tabs-container .tabs-left > .nav-tabs {
2878   border-bottom: 0;
2879 }
2880 .tabs-container .tabs-left .panel-body {
2881   position: static;
2882 }
2883 .tabs-container .tabs-left > .nav-tabs,
2884 .tabs-container .tabs-right > .nav-tabs {
2885   width: 20%;
2886 }
2887 .tabs-container .tabs-left .panel-body {
2888   width: 80%;
2889   margin-left: 20%;
2890 }
2891 .tabs-container .tabs-right .panel-body {
2892   width: 80%;
2893   margin-right: 20%;
2894 }
2895 .tabs-container .tab-content > .tab-pane,
2896 .tabs-container .pill-content > .pill-pane {
2897   display: none;
2898 }
2899 .tabs-container .tab-content > .active,
2900 .tabs-container .pill-content > .active {
2901   display: block;
2902 }
2903 .tabs-container .tabs-below > .nav-tabs {
2904   border-top: 1px solid #e7eaec;
2905 }
2906 .tabs-container .tabs-below > .nav-tabs > li {
2907   margin-top: -1px;
2908   margin-bottom: 0;
2909 }
2910 .tabs-container .tabs-below > .nav-tabs > li > a {
2911   -webkit-border-radius: 0 0 4px 4px;
2912   -moz-border-radius: 0 0 4px 4px;
2913   border-radius: 0 0 4px 4px;
2914 }
2915 .tabs-container .tabs-below > .nav-tabs > li > a:hover,
2916 .tabs-container .tabs-below > .nav-tabs > li > a:focus {
2917   border-top-color: #e7eaec;
2918   border-bottom-color: transparent;
2919 }
2920 .tabs-container .tabs-left > .nav-tabs > li,
2921 .tabs-container .tabs-right > .nav-tabs > li {
2922   float: none;
2923 }
2924 .tabs-container .tabs-left > .nav-tabs > li > a,
2925 .tabs-container .tabs-right > .nav-tabs > li > a {
2926   min-width: 74px;
2927   margin-right: 0;
2928   margin-bottom: 3px;
2929 }
2930 .tabs-container .tabs-left > .nav-tabs {
2931   float: left;
2932   margin-right: 19px;
2933 }
2934 .tabs-container .tabs-left > .nav-tabs > li > a {
2935   margin-right: -1px;
2936   -webkit-border-radius: 4px 0 0 4px;
2937   -moz-border-radius: 4px 0 0 4px;
2938   border-radius: 4px 0 0 4px;
2939 }
2940 .tabs-container .tabs-left > .nav-tabs .active > a,
2941 .tabs-container .tabs-left > .nav-tabs .active > a:hover,
2942 .tabs-container .tabs-left > .nav-tabs .active > a:focus {
2943   border-color: #e7eaec transparent #e7eaec #e7eaec;
2944   *border-right-color: #ffffff;
2945 }
2946 .tabs-container .tabs-right > .nav-tabs {
2947   float: right;
2948   margin-left: 19px;
2949 }
2950 .tabs-container .tabs-right > .nav-tabs > li > a {
2951   margin-left: -1px;
2952   -webkit-border-radius: 0 4px 4px 0;
2953   -moz-border-radius: 0 4px 4px 0;
2954   border-radius: 0 4px 4px 0;
2955 }
2956 .tabs-container .tabs-right > .nav-tabs .active > a,
2957 .tabs-container .tabs-right > .nav-tabs .active > a:hover,
2958 .tabs-container .tabs-right > .nav-tabs .active > a:focus {
2959   border-color: #e7eaec #e7eaec #e7eaec transparent;
2960   *border-left-color: #ffffff;
2961   z-index: 1;
2962 }
2963 @media (max-width: 767px) {
2964   .tabs-container .nav-tabs > li {
2965     float: none !important;
2966   }
2967   .tabs-container .nav-tabs > li.active > a {
2968     border-bottom: 1px solid #e7eaec !important;
2969     margin: 0;
2970   }
2971 }
2972 /* jsvectormap */
2973 .jvectormap-container {
2974   width: 100%;
2975   height: 100%;
2976   position: relative;
2977   overflow: hidden;
2978 }
2979 .jvectormap-tip {
2980   position: absolute;
2981   display: none;
2982   border: solid 1px #CDCDCD;
2983   border-radius: 3px;
2984   background: #292929;
2985   color: white;
2986   font-family: sans-serif, Verdana;
2987   font-size: smaller;
2988   padding: 5px;
2989 }
2990 .jvectormap-zoomin,
2991 .jvectormap-zoomout,
2992 .jvectormap-goback {
2993   position: absolute;
2994   left: 10px;
2995   border-radius: 3px;
2996   background: #1ab394;
2997   padding: 3px;
2998   color: white;
2999   cursor: pointer;
3000   line-height: 10px;
3001   text-align: center;
3002   box-sizing: content-box;
3003 }
3004 .jvectormap-zoomin,
3005 .jvectormap-zoomout {
3006   width: 10px;
3007   height: 10px;
3008 }
3009 .jvectormap-zoomin {
3010   top: 10px;
3011 }
3012 .jvectormap-zoomout {
3013   top: 30px;
3014 }
3015 .jvectormap-goback {
3016   bottom: 10px;
3017   z-index: 1000;
3018   padding: 6px;
3019 }
3020 .jvectormap-spinner {
3021   position: absolute;
3022   left: 0;
3023   top: 0;
3024   right: 0;
3025   bottom: 0;
3026   background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
3027 }
3028 .jvectormap-legend-title {
3029   font-weight: bold;
3030   font-size: 14px;
3031   text-align: center;
3032 }
3033 .jvectormap-legend-cnt {
3034   position: absolute;
3035 }
3036 .jvectormap-legend-cnt-h {
3037   bottom: 0;
3038   right: 0;
3039 }
3040 .jvectormap-legend-cnt-v {
3041   top: 0;
3042   right: 0;
3043 }
3044 .jvectormap-legend {
3045   background: black;
3046   color: white;
3047   border-radius: 3px;
3048 }
3049 .jvectormap-legend-cnt-h .jvectormap-legend {
3050   float: left;
3051   margin: 0 10px 10px 0;
3052   padding: 3px 3px 1px 3px;
3053 }
3054 .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
3055   float: left;
3056 }
3057 .jvectormap-legend-cnt-v .jvectormap-legend {
3058   margin: 10px 10px 0 0;
3059   padding: 3px;
3060 }
3061 .jvectormap-legend-cnt-h .jvectormap-legend-tick {
3062   width: 40px;
3063 }
3064 .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
3065   height: 15px;
3066 }
3067 .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
3068   height: 20px;
3069   width: 20px;
3070   display: inline-block;
3071   vertical-align: middle;
3072 }
3073 .jvectormap-legend-tick-text {
3074   font-size: 12px;
3075 }
3076 .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
3077   text-align: center;
3078 }
3079 .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
3080   display: inline-block;
3081   vertical-align: middle;
3082   line-height: 20px;
3083   padding-left: 3px;
3084 }
3085 /*Slick Carousel */
3086 .slick-prev:before,
3087 .slick-next:before {
3088   color: #1ab394 !important;
3089 }
3090 /* Payments */
3091 .payment-card {
3092   background: #ffffff;
3093   padding: 20px;
3094   margin-bottom: 25px;
3095   border: 1px solid #e7eaec;
3096 }
3097 .payment-icon-big {
3098   font-size: 60px;
3099   color: #d1dade;
3100 }
3101 .payments-method.panel-group .panel + .panel {
3102   margin-top: -1px;
3103 }
3104 .payments-method .panel-heading {
3105   padding: 15px;
3106 }
3107 .payments-method .panel {
3108   border-radius: 0;
3109 }
3110 .payments-method .panel-heading h5 {
3111   margin-bottom: 5px;
3112 }
3113 .payments-method .panel-heading i {
3114   font-size: 26px;
3115 }
3116 /* Select2 custom styles */
3117 .select2-container--default .select2-selection--single,
3118 .select2-container--default .select2-selection--multiple {
3119   border-color: #e7eaec;
3120 }
3121 /* Tour */
3122 .tour-tour .btn.btn-default {
3123   background-color: #ffffff;
3124   border: 1px solid #d2d2d2;
3125   color: inherit;
3126 }
3127 .tour-step-backdrop {
3128   z-index: 2101;
3129 }
3130 .tour-backdrop {
3131   z-index: 2100;
3132   opacity: .7;
3133 }
3134 .popover[class*=tour-] {
3135   z-index: 2100;
3136 }
3137 body.tour-open .animated {
3138   animation-fill-mode: initial;
3139 }
3140 /* Resizable */
3141 .resizable-panels .ibox {
3142   clear: none;
3143   margin: 10px;
3144   float: left;
3145   overflow: hidden;
3146   min-height: 150px;
3147   min-width: 150px;
3148 }
3149 .resizable-panels .ibox .ibox-content {
3150   height: calc(100% - 49px);
3151 }
3152 .ui-resizable-helper {
3153   background: rgba(211, 211, 211, 0.4);
3154 }
3155 /* Wizard step fix */
3156 .wizard > .content > .body {
3157   position: relative;
3158 }
3159 .sidebard-panel {
3160   width: 220px;
3161   background: #ebebed;
3162   padding: 10px 20px;
3163   position: absolute;
3164   right: 0;
3165 }
3166 .sidebard-panel .feed-element img.img-circle {
3167   width: 32px;
3168   height: 32px;
3169 }
3170 .sidebard-panel .feed-element,
3171 .media-body,
3172 .sidebard-panel p {
3173   font-size: 12px;
3174 }
3175 .sidebard-panel .feed-element {
3176   margin-top: 20px;
3177   padding-bottom: 0;
3178 }
3179 .sidebard-panel .list-group {
3180   margin-bottom: 10px;
3181 }
3182 .sidebard-panel .list-group .list-group-item {
3183   padding: 5px 0;
3184   font-size: 12px;
3185   border: 0;
3186 }
3187 .sidebar-content .wrapper,
3188 .wrapper.sidebar-content {
3189   padding-right: 230px !important;
3190 }
3191 .body-small .sidebar-content .wrapper,
3192 .body-small .wrapper.sidebar-content {
3193   padding-right: 20px !important;
3194 }
3195 #right-sidebar {
3196   background-color: #fff;
3197   border-left: 1px solid #e7eaec;
3198   border-top: 1px solid #e7eaec;
3199   overflow: hidden;
3200   position: fixed;
3201   top: 60px;
3202   width: 260px !important;
3203   z-index: 1009;
3204   bottom: 0;
3205   right: -260px;
3206 }
3207 #right-sidebar.sidebar-open {
3208   right: 0;
3209 }
3210 #right-sidebar.sidebar-open.sidebar-top {
3211   top: 0;
3212   border-top: none;
3213 }
3214 .sidebar-container ul.nav-tabs {
3215   border: none;
3216 }
3217 .sidebar-container ul.nav-tabs.navs-4 li {
3218   width: 25%;
3219 }
3220 .sidebar-container ul.nav-tabs.navs-3 li {
3221   width: 33.3333%;
3222 }
3223 .sidebar-container ul.nav-tabs.navs-2 li {
3224   width: 50%;
3225 }
3226 .sidebar-container ul.nav-tabs li {
3227   border: none;
3228 }
3229 .sidebar-container ul.nav-tabs li a {
3230   border: none;
3231   padding: 12px 10px;
3232   margin: 0;
3233   border-radius: 0;
3234   background: #2f4050;
3235   color: #fff;
3236   text-align: center;
3237   border-right: 1px solid #334556;
3238 }
3239 .sidebar-container ul.nav-tabs li.active a {
3240   border: none;
3241   background: #f9f9f9;
3242   color: #676a6c;
3243   font-weight: bold;
3244 }
3245 .sidebar-container .nav-tabs > li.active > a:hover,
3246 .sidebar-container .nav-tabs > li.active > a:focus {
3247   border: none;
3248 }
3249 .sidebar-container ul.sidebar-list {
3250   margin: 0;
3251   padding: 0;
3252 }
3253 .sidebar-container ul.sidebar-list li {
3254   border-bottom: 1px solid #e7eaec;
3255   padding: 15px 20px;
3256   list-style: none;
3257   font-size: 12px;
3258 }
3259 .sidebar-container .sidebar-message:nth-child(2n+2) {
3260   background: #f9f9f9;
3261 }
3262 .sidebar-container ul.sidebar-list li a {
3263   text-decoration: none;
3264   color: inherit;
3265 }
3266 .sidebar-container .sidebar-content {
3267   padding: 15px 20px;
3268   font-size: 12px;
3269 }
3270 .sidebar-container .sidebar-title {
3271   background: #f9f9f9;
3272   padding: 20px;
3273   border-bottom: 1px solid #e7eaec;
3274 }
3275 .sidebar-container .sidebar-title h3 {
3276   margin-bottom: 3px;
3277   padding-left: 2px;
3278 }
3279 .sidebar-container .tab-content h4 {
3280   margin-bottom: 5px;
3281 }
3282 .sidebar-container .sidebar-message > a > .pull-left {
3283   margin-right: 10px;
3284 }
3285 .sidebar-container .sidebar-message > a {
3286   text-decoration: none;
3287   color: inherit;
3288 }
3289 .sidebar-container .sidebar-message {
3290   padding: 15px 20px;
3291 }
3292 .sidebar-container .sidebar-message .message-avatar {
3293   height: 38px;
3294   width: 38px;
3295   border-radius: 50%;
3296 }
3297 .sidebar-container .setings-item {
3298   padding: 15px 20px;
3299   border-bottom: 1px solid #e7eaec;
3300 }
3301 body {
3302   font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3303   background-color: #2f4050;
3304   font-size: 13px;
3305   color: #676a6c;
3306   overflow-x: hidden;
3307 }
3308 html,
3309 body {
3310   height: 100%;
3311 }
3312 body.full-height-layout #wrapper,
3313 body.full-height-layout #page-wrapper {
3314   height: 100%;
3315 }
3316 #page-wrapper {
3317   min-height: auto;
3318 }
3319 body.boxed-layout {
3320   background: url('patterns/shattered.png');
3321 }
3322 body.boxed-layout #wrapper {
3323   background-color: #2f4050;
3324   max-width: 1200px;
3325   margin: 0 auto;
3326   -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
3327   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
3328   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
3329 }
3330 .top-navigation.boxed-layout #wrapper,
3331 .boxed-layout #wrapper.top-navigation {
3332   max-width: 1300px !important;
3333 }
3334 .block {
3335   display: block;
3336 }
3337 .clear {
3338   display: block;
3339   overflow: hidden;
3340 }
3341 a {
3342   cursor: pointer;
3343 }
3344 a:hover,
3345 a:focus {
3346   text-decoration: none;
3347 }
3348 .border-bottom {
3349   border-bottom: 1px solid #e7eaec !important;
3350 }
3351 .font-bold {
3352   font-weight: 600;
3353 }
3354 .font-noraml {
3355   font-weight: 400;
3356 }
3357 .text-uppercase {
3358   text-transform: uppercase;
3359 }
3360 .b-r {
3361   border-right: 1px solid #e7eaec;
3362 }
3363 .hr-line-dashed {
3364   border-top: 1px dashed #e7eaec;
3365   color: #ffffff;
3366   background-color: #ffffff;
3367   height: 1px;
3368   margin: 20px 0;
3369 }
3370 .hr-line-solid {
3371   border-bottom: 1px solid #e7eaec;
3372   background-color: rgba(0, 0, 0, 0);
3373   border-style: solid !important;
3374   margin-top: 15px;
3375   margin-bottom: 15px;
3376 }
3377 video {
3378   width: 100% !important;
3379   height: auto !important;
3380 }
3381 /* GALLERY */
3382 .gallery > .row > div {
3383   margin-bottom: 15px;
3384 }
3385 .fancybox img {
3386   margin-bottom: 5px;
3387   /* Only for demo */
3388   width: 24%;
3389 }
3390 /* Summernote text editor  */
3391 .note-editor {
3392   height: auto !important;
3393   min-height: 300px;
3394 }
3395 .note-editor.fullscreen {
3396   z-index: 2050;
3397 }
3398 /* MODAL */
3399 .modal-content {
3400   background-clip: padding-box;
3401   background-color: #FFFFFF;
3402   border: 1px solid rgba(0, 0, 0, 0);
3403   border-radius: 4px;
3404   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
3405   outline: 0 none;
3406   position: relative;
3407 }
3408 .modal-dialog {
3409   z-index: 2200;
3410 }
3411 .modal-body {
3412   padding: 20px 30px 30px 30px;
3413 }
3414 .inmodal .modal-body {
3415   background: #f8fafb;
3416 }
3417 .inmodal .modal-header {
3418   padding: 30px 15px;
3419   text-align: center;
3420 }
3421 .animated.modal.fade .modal-dialog {
3422   -webkit-transform: none;
3423   -ms-transform: none;
3424   -o-transform: none;
3425   transform: none;
3426 }
3427 .inmodal .modal-title {
3428   font-size: 26px;
3429 }
3430 .inmodal .modal-icon {
3431   font-size: 84px;
3432   color: #e2e3e3;
3433 }
3434 .modal-footer {
3435   margin-top: 0;
3436 }
3437 /* WRAPPERS */
3438 #wrapper {
3439   width: 100%;
3440   overflow-x: hidden;
3441 }
3442 .wrapper {
3443   padding: 0 20px;
3444 }
3445 .wrapper-content {
3446   padding: 20px 10px 40px;
3447 }
3448 #page-wrapper {
3449   padding: 0 15px;
3450   min-height: 568px;
3451   position: relative !important;
3452 }
3453 @media (min-width: 768px) {
3454   #page-wrapper {
3455     position: inherit;
3456     margin: 0 0 0 240px;
3457     min-height: 2002px;
3458   }
3459 }
3460 .title-action {
3461   text-align: right;
3462   padding-top: 30px;
3463 }
3464 .ibox-content h1,
3465 .ibox-content h2,
3466 .ibox-content h3,
3467 .ibox-content h4,
3468 .ibox-content h5,
3469 .ibox-title h1,
3470 .ibox-title h2,
3471 .ibox-title h3,
3472 .ibox-title h4,
3473 .ibox-title h5 {
3474   margin-top: 5px;
3475 }
3476 ul.unstyled,
3477 ol.unstyled {
3478   list-style: none outside none;
3479   margin-left: 0;
3480 }
3481 .big-icon {
3482   font-size: 160px !important;
3483   color: #e5e6e7;
3484 }
3485 /* FOOTER */
3486 .footer {
3487   background: none repeat scroll 0 0 white;
3488   border-top: 1px solid #e7eaec;
3489   bottom: 0;
3490   left: 0;
3491   padding: 10px 20px;
3492   position: absolute;
3493   right: 0;
3494 }
3495 .footer.fixed_full {
3496   position: fixed;
3497   bottom: 0;
3498   left: 0;
3499   right: 0;
3500   z-index: 1000;
3501   padding: 10px 20px;
3502   background: white;
3503   border-top: 1px solid #e7eaec;
3504 }
3505 .footer.fixed {
3506   position: fixed;
3507   bottom: 0;
3508   left: 0;
3509   right: 0;
3510   z-index: 1000;
3511   padding: 10px 20px;
3512   background: white;
3513   border-top: 1px solid #e7eaec;
3514   margin-left: 220px;
3515 }
3516 body.mini-navbar .footer.fixed,
3517 body.body-small.mini-navbar .footer.fixed {
3518   margin: 0 0 0 70px;
3519 }
3520 body.mini-navbar.canvas-menu .footer.fixed,
3521 body.canvas-menu .footer.fixed {
3522   margin: 0 !important;
3523 }
3524 body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
3525   margin: 0 0 0 220px;
3526 }
3527 body.body-small .footer.fixed {
3528   margin-left: 0;
3529 }
3530 /* PANELS */
3531 .page-heading {
3532   border-top: 0;
3533   padding: 0 10px 20px 10px;
3534 }
3535 .panel-heading h1,
3536 .panel-heading h2 {
3537   margin-bottom: 5px;
3538 }
3539 /* TABLES */
3540 .table-bordered {
3541   border: 1px solid #EBEBEB;
3542 }
3543 .table-bordered > thead > tr > th,
3544 .table-bordered > thead > tr > td {
3545   background-color: #F5F5F6;
3546   border-bottom-width: 1px;
3547 }
3548 .table-bordered > thead > tr > th,
3549 .table-bordered > tbody > tr > th,
3550 .table-bordered > tfoot > tr > th,
3551 .table-bordered > thead > tr > td,
3552 .table-bordered > tbody > tr > td,
3553 .table-bordered > tfoot > tr > td {
3554   border: 1px solid #e7e7e7;
3555 }
3556 .table > thead > tr > th {
3557   border-bottom: 1px solid #DDDDDD;
3558   vertical-align: bottom;
3559 }
3560 .table > thead > tr > th,
3561 .table > tbody > tr > th,
3562 .table > tfoot > tr > th,
3563 .table > thead > tr > td,
3564 .table > tbody > tr > td,
3565 .table > tfoot > tr > td {
3566   border-top: 1px solid #e7eaec;
3567   line-height: 1.42857;
3568   padding: 8px;
3569   vertical-align: top;
3570 }
3571 /* PANELS */
3572 .panel.blank-panel {
3573   background: none;
3574   margin: 0;
3575 }
3576 .blank-panel .panel-heading {
3577   padding-bottom: 0;
3578 }
3579 .nav-tabs > li.active > a,
3580 .nav-tabs > li.active > a:hover,
3581 .nav-tabs > li.active > a:focus {
3582   -moz-border-bottom-colors: none;
3583   -moz-border-left-colors: none;
3584   -moz-border-right-colors: none;
3585   -moz-border-top-colors: none;
3586   background: none;
3587   border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
3588   border-bottom: #f3f3f4;
3589   border-image: none;
3590   border-style: solid;
3591   border-width: 1px;
3592   color: #555555;
3593   cursor: default;
3594 }
3595 .nav.nav-tabs li {
3596   background: none;
3597   border: none;
3598 }
3599 .nav-tabs > li > a {
3600   color: #A7B1C2;
3601   font-weight: 600;
3602   padding: 10px 20px 10px 25px;
3603 }
3604 .nav-tabs > li > a:hover,
3605 .nav-tabs > li > a:focus {
3606   background-color: #e6e6e6;
3607   color: #676a6c;
3608 }
3609 .ui-tab .tab-content {
3610   padding: 20px 0;
3611 }
3612 /* GLOBAL  */
3613 .no-padding {
3614   padding: 0 !important;
3615 }
3616 .no-borders {
3617   border: none !important;
3618 }
3619 .no-margins {
3620   margin: 0 !important;
3621 }
3622 .no-top-border {
3623   border-top: 0 !important;
3624 }
3625 .ibox-content.text-box {
3626   padding-bottom: 0;
3627   padding-top: 15px;
3628 }
3629 .border-left-right {
3630   border-left: 1px solid #e7eaec;
3631   border-right: 1px solid #e7eaec;
3632   border-top: none;
3633   border-bottom: none;
3634 }
3635 .border-left {
3636   border-left: 1px solid #e7eaec;
3637   border-right: none;
3638   border-top: none;
3639   border-bottom: none;
3640 }
3641 .border-right {
3642   border-left: none;
3643   border-right: 1px solid #e7eaec;
3644   border-top: none;
3645   border-bottom: none;
3646 }
3647 .full-width {
3648   width: 100% !important;
3649 }
3650 .link-block {
3651   font-size: 12px;
3652   padding: 10px;
3653 }
3654 .nav.navbar-top-links .link-block a {
3655   font-size: 12px;
3656 }
3657 .link-block a {
3658   font-size: 10px;
3659   color: inherit;
3660 }
3661 body.mini-navbar .branding {
3662   display: none;
3663 }
3664 img.circle-border {
3665   border: 6px solid #FFFFFF;
3666   border-radius: 50%;
3667 }
3668 .branding {
3669   float: left;
3670   color: #FFFFFF;
3671   font-size: 18px;
3672   font-weight: 600;
3673   padding: 17px 20px;
3674   text-align: center;
3675   background-color: #1ab394;
3676 }
3677 .login-panel {
3678   margin-top: 25%;
3679 }
3680 .icons-box h3 {
3681   margin-top: 10px;
3682   margin-bottom: 10px;
3683 }
3684 .icons-box .infont a i {
3685   font-size: 25px;
3686   display: block;
3687   color: #676a6c;
3688 }
3689 .icons-box .infont a {
3690   color: #a6a8a9;
3691 }
3692 .icons-box .infont a {
3693   padding: 10px;
3694   margin: 1px;
3695   display: block;
3696 }
3697 .ui-draggable .ibox-title {
3698   cursor: move;
3699 }
3700 .breadcrumb {
3701   background-color: #ffffff;
3702   padding: 0;
3703   margin-bottom: 0;
3704 }
3705 .breadcrumb > li a {
3706   color: inherit;
3707 }
3708 .breadcrumb > .active {
3709   color: inherit;
3710 }
3711 code {
3712   background-color: #F9F2F4;
3713   border-radius: 4px;
3714   color: #ca4440;
3715   font-size: 90%;
3716   padding: 2px 4px;
3717   white-space: nowrap;
3718 }
3719 .ibox {
3720   clear: both;
3721   margin-bottom: 25px;
3722   margin-top: 0;
3723   padding: 0;
3724 }
3725 .ibox.collapsed .ibox-content {
3726   display: none;
3727 }
3728 .ibox.collapsed .fa.fa-chevron-up:before {
3729   content: "\f078";
3730 }
3731 .ibox.collapsed .fa.fa-chevron-down:before {
3732   content: "\f077";
3733 }
3734 .ibox:after,
3735 .ibox:before {
3736   display: table;
3737 }
3738 .ibox-title {
3739   -moz-border-bottom-colors: none;
3740   -moz-border-left-colors: none;
3741   -moz-border-right-colors: none;
3742   -moz-border-top-colors: none;
3743   background-color: #ffffff;
3744   border-color: #e7eaec;
3745   border-image: none;
3746   border-style: solid solid none;
3747   border-width: 3px 0 0;
3748   color: inherit;
3749   margin-bottom: 0;
3750   padding: 14px 15px 7px;
3751   min-height: 48px;
3752 }
3753 .ibox-content {
3754   background-color: #ffffff;
3755   color: inherit;
3756   padding: 15px 20px 20px 20px;
3757   border-color: #e7eaec;
3758   border-image: none;
3759   border-style: solid solid none;
3760   border-width: 1px 0;
3761 }
3762 .ibox-footer {
3763   color: inherit;
3764   border-top: 1px solid #e7eaec;
3765   font-size: 90%;
3766   background: #ffffff;
3767   padding: 10px 15px;
3768 }
3769 table.table-mail tr td {
3770   padding: 12px;
3771 }
3772 .table-mail .check-mail {
3773   padding-left: 20px;
3774 }
3775 .table-mail .mail-date {
3776   padding-right: 20px;
3777 }
3778 .star-mail,
3779 .check-mail {
3780   width: 40px;
3781 }
3782 .unread td a,
3783 .unread td {
3784   font-weight: 600;
3785   color: inherit;
3786 }
3787 .read td a,
3788 .read td {
3789   font-weight: normal;
3790   color: inherit;
3791 }
3792 .unread td {
3793   background-color: #f9f8f8;
3794 }
3795 .ibox-content {
3796   clear: both;
3797 }
3798 .ibox-heading {
3799   background-color: #f3f6fb;
3800   border-bottom: none;
3801 }
3802 .ibox-heading h3 {
3803   font-weight: 200;
3804   font-size: 24px;
3805 }
3806 .ibox-title h5 {
3807   display: inline-block;
3808   font-size: 14px;
3809   margin: 0 0 7px;
3810   padding: 0;
3811   text-overflow: ellipsis;
3812   float: left;
3813 }
3814 .ibox-title .label {
3815   float: left;
3816   margin-left: 4px;
3817 }
3818 .ibox-tools {
3819   display: block;
3820   float: none;
3821   margin-top: 0;
3822   position: relative;
3823   padding: 0;
3824   text-align: right;
3825 }
3826 .ibox-tools a {
3827   cursor: pointer;
3828   margin-left: 5px;
3829   color: #c4c4c4;
3830 }
3831 .ibox-tools a.btn-primary {
3832   color: #fff;
3833 }
3834 .ibox-tools .dropdown-menu > li > a {
3835   padding: 4px 10px;
3836   font-size: 12px;
3837 }
3838 .ibox .ibox-tools.open > .dropdown-menu {
3839   left: auto;
3840   right: 0;
3841 }
3842 /* BACKGROUNDS */
3843 .gray-bg {
3844   background-color: #f3f3f4;
3845 }
3846 .white-bg {
3847   background-color: #ffffff;
3848 }
3849 .navy-bg {
3850   background-color: #1ab394;
3851   color: #ffffff;
3852 }
3853 .blue-bg {
3854   background-color: #1c84c6;
3855   color: #ffffff;
3856 }
3857 .lazur-bg {
3858   background-color: #23c6c8;
3859   color: #ffffff;
3860 }
3861 .yellow-bg {
3862   background-color: #f8ac59;
3863   color: #ffffff;
3864 }
3865 .red-bg {
3866   background-color: #ed5565;
3867   color: #ffffff;
3868 }
3869 .black-bg {
3870   background-color: #262626;
3871 }
3872 .panel-primary {
3873   border-color: #1ab394;
3874 }
3875 .panel-primary > .panel-heading {
3876   background-color: #1ab394;
3877   border-color: #1ab394;
3878 }
3879 .panel-success {
3880   border-color: #1c84c6;
3881 }
3882 .panel-success > .panel-heading {
3883   background-color: #1c84c6;
3884   border-color: #1c84c6;
3885   color: #ffffff;
3886 }
3887 .panel-info {
3888   border-color: #23c6c8;
3889 }
3890 .panel-info > .panel-heading {
3891   background-color: #23c6c8;
3892   border-color: #23c6c8;
3893   color: #ffffff;
3894 }
3895 .panel-warning {
3896   border-color: #f8ac59;
3897 }
3898 .panel-warning > .panel-heading {
3899   background-color: #f8ac59;
3900   border-color: #f8ac59;
3901   color: #ffffff;
3902 }
3903 .panel-danger {
3904   border-color: #ed5565;
3905 }
3906 .panel-danger > .panel-heading {
3907   background-color: #ed5565;
3908   border-color: #ed5565;
3909   color: #ffffff;
3910 }
3911 .progress-bar {
3912   background-color: #1ab394;
3913 }
3914 .progress-small,
3915 .progress-small .progress-bar {
3916   height: 10px;
3917 }
3918 .progress-small,
3919 .progress-mini {
3920   margin-top: 5px;
3921 }
3922 .progress-mini,
3923 .progress-mini .progress-bar {
3924   height: 5px;
3925   margin-bottom: 0;
3926 }
3927 .progress-bar-navy-light {
3928   background-color: #3dc7ab;
3929 }
3930 .progress-bar-success {
3931   background-color: #1c84c6;
3932 }
3933 .progress-bar-info {
3934   background-color: #23c6c8;
3935 }
3936 .progress-bar-warning {
3937   background-color: #f8ac59;
3938 }
3939 .progress-bar-danger {
3940   background-color: #ed5565;
3941 }
3942 .panel-title {
3943   font-size: inherit;
3944 }
3945 .jumbotron {
3946   border-radius: 6px;
3947   padding: 40px;
3948 }
3949 .jumbotron h1 {
3950   margin-top: 0;
3951 }
3952 /* COLORS */
3953 .text-navy {
3954   color: #1ab394;
3955 }
3956 .text-primary {
3957   color: inherit;
3958 }
3959 .text-success {
3960   color: #1c84c6;
3961 }
3962 .text-info {
3963   color: #23c6c8;
3964 }
3965 .text-warning {
3966   color: #f8ac59;
3967 }
3968 .text-danger {
3969   color: #ed5565;
3970 }
3971 .text-muted {
3972   color: #888888;
3973 }
3974 .text-white {
3975   color: #ffffff;
3976 }
3977 .simple_tag {
3978   background-color: #f3f3f4;
3979   border: 1px solid #e7eaec;
3980   border-radius: 2px;
3981   color: inherit;
3982   font-size: 10px;
3983   margin-right: 5px;
3984   margin-top: 5px;
3985   padding: 5px 12px;
3986   display: inline-block;
3987 }
3988 .img-shadow {
3989   -webkit-box-shadow: 0 0 3px 0 #919191;
3990   -moz-box-shadow: 0 0 3px 0 #919191;
3991   box-shadow: 0 0 3px 0 #919191;
3992 }
3993 /* For handle diferent bg color in AngularJS version */
3994 .dashboards\.dashboard_2 nav.navbar,
3995 .dashboards\.dashboard_3 nav.navbar,
3996 .mailbox\.inbox nav.navbar,
3997 .mailbox\.email_view nav.navbar,
3998 .mailbox\.email_compose nav.navbar,
3999 .dashboards\.dashboard_4_1 nav.navbar,
4000 .metrics nav.navbar,
4001 .metrics\.index nav.navbar,
4002 .dashboards\.dashboard_5 nav.navbar {
4003   background: #fff;
4004 }
4005 /* For handle diferent bg color in MVC version */
4006 .Dashboard_2 .navbar.navbar-static-top,
4007 .Dashboard_3 .navbar.navbar-static-top,
4008 .Dashboard_4_1 .navbar.navbar-static-top,
4009 .ComposeEmail .navbar.navbar-static-top,
4010 .EmailView .navbar.navbar-static-top,
4011 .Inbox .navbar.navbar-static-top,
4012 .Metrics .navbar.navbar-static-top,
4013 .Dashboard_5 .navbar.navbar-static-top {
4014   background: #fff;
4015 }
4016 a.close-canvas-menu {
4017   position: absolute;
4018   top: 10px;
4019   right: 15px;
4020   z-index: 1011;
4021   color: #a7b1c2;
4022 }
4023 a.close-canvas-menu:hover {
4024   color: #fff;
4025 }
4026 .close-canvas-menu {
4027   display: none;
4028 }
4029 .canvas-menu .close-canvas-menu {
4030   display: block;
4031 }
4032 .light-navbar .navbar.navbar-static-top {
4033   background-color: #ffffff;
4034 }
4035 /* FULL HEIGHT */
4036 .full-height {
4037   height: 100%;
4038 }
4039 .fh-breadcrumb {
4040   height: calc(100% - 196px);
4041   margin: 0 -15px;
4042   position: relative;
4043 }
4044 .fh-no-breadcrumb {
4045   height: calc(100% - 99px);
4046   margin: 0 -15px;
4047   position: relative;
4048 }
4049 .fh-column {
4050   background: #fff;
4051   height: 100%;
4052   width: 240px;
4053   float: left;
4054 }
4055 .modal-backdrop {
4056   z-index: 2040 !important;
4057 }
4058 .modal {
4059   z-index: 2050 !important;
4060 }
4061 .spiner-example {
4062   height: 200px;
4063   padding-top: 70px;
4064 }
4065 /* MARGINS & PADDINGS */
4066 .p-xxs {
4067   padding: 5px;
4068 }
4069 .p-xs {
4070   padding: 10px;
4071 }
4072 .p-sm {
4073   padding: 15px;
4074 }
4075 .p-m {
4076   padding: 20px;
4077 }
4078 .p-md {
4079   padding: 25px;
4080 }
4081 .p-lg {
4082   padding: 30px;
4083 }
4084 .p-xl {
4085   padding: 40px;
4086 }
4087 .p-w-xs {
4088   padding: 0 10px;
4089 }
4090 .p-w-sm {
4091   padding: 0 15px;
4092 }
4093 .p-w-m {
4094   padding: 0 20px;
4095 }
4096 .p-w-md {
4097   padding: 0 25px;
4098 }
4099 .p-w-lg {
4100   padding: 0 30px;
4101 }
4102 .p-w-xl {
4103   padding: 0 40px;
4104 }
4105 .m-xxs {
4106   margin: 2px 4px;
4107 }
4108 .m-xs {
4109   margin: 5px;
4110 }
4111 .m-sm {
4112   margin: 10px;
4113 }
4114 .m {
4115   margin: 15px;
4116 }
4117 .m-md {
4118   margin: 20px;
4119 }
4120 .m-lg {
4121   margin: 30px;
4122 }
4123 .m-xl {
4124   margin: 50px;
4125 }
4126 .m-n {
4127   margin: 0 !important;
4128 }
4129 .m-l-none {
4130   margin-left: 0;
4131 }
4132 .m-l-xs {
4133   margin-left: 5px;
4134 }
4135 .m-l-sm {
4136   margin-left: 10px;
4137 }
4138 .m-l {
4139   margin-left: 15px;
4140 }
4141 .m-l-md {
4142   margin-left: 20px;
4143 }
4144 .m-l-lg {
4145   margin-left: 30px;
4146 }
4147 .m-l-xl {
4148   margin-left: 40px;
4149 }
4150 .m-l-n-xxs {
4151   margin-left: -1px;
4152 }
4153 .m-l-n-xs {
4154   margin-left: -5px;
4155 }
4156 .m-l-n-sm {
4157   margin-left: -10px;
4158 }
4159 .m-l-n {
4160   margin-left: -15px;
4161 }
4162 .m-l-n-md {
4163   margin-left: -20px;
4164 }
4165 .m-l-n-lg {
4166   margin-left: -30px;
4167 }
4168 .m-l-n-xl {
4169   margin-left: -40px;
4170 }
4171 .m-t-none {
4172   margin-top: 0;
4173 }
4174 .m-t-xxs {
4175   margin-top: 1px;
4176 }
4177 .m-t-xs {
4178   margin-top: 5px;
4179 }
4180 .m-t-sm {
4181   margin-top: 10px;
4182 }
4183 .m-t {
4184   margin-top: 15px;
4185 }
4186 .m-t-md {
4187   margin-top: 20px;
4188 }
4189 .m-t-lg {
4190   margin-top: 30px;
4191 }
4192 .m-t-xl {
4193   margin-top: 40px;
4194 }
4195 .m-t-n-xxs {
4196   margin-top: -1px;
4197 }
4198 .m-t-n-xs {
4199   margin-top: -5px;
4200 }
4201 .m-t-n-sm {
4202   margin-top: -10px;
4203 }
4204 .m-t-n {
4205   margin-top: -15px;
4206 }
4207 .m-t-n-md {
4208   margin-top: -20px;
4209 }
4210 .m-t-n-lg {
4211   margin-top: -30px;
4212 }
4213 .m-t-n-xl {
4214   margin-top: -40px;
4215 }
4216 .m-r-none {
4217   margin-right: 0;
4218 }
4219 .m-r-xxs {
4220   margin-right: 1px;
4221 }
4222 .m-r-xs {
4223   margin-right: 5px;
4224 }
4225 .m-r-sm {
4226   margin-right: 10px;
4227 }
4228 .m-r {
4229   margin-right: 15px;
4230 }
4231 .m-r-md {
4232   margin-right: 20px;
4233 }
4234 .m-r-lg {
4235   margin-right: 30px;
4236 }
4237 .m-r-xl {
4238   margin-right: 40px;
4239 }
4240 .m-r-n-xxs {
4241   margin-right: -1px;
4242 }
4243 .m-r-n-xs {
4244   margin-right: -5px;
4245 }
4246 .m-r-n-sm {
4247   margin-right: -10px;
4248 }
4249 .m-r-n {
4250   margin-right: -15px;
4251 }
4252 .m-r-n-md {
4253   margin-right: -20px;
4254 }
4255 .m-r-n-lg {
4256   margin-right: -30px;
4257 }
4258 .m-r-n-xl {
4259   margin-right: -40px;
4260 }
4261 .m-b-none {
4262   margin-bottom: 0;
4263 }
4264 .m-b-xxs {
4265   margin-bottom: 1px;
4266 }
4267 .m-b-xs {
4268   margin-bottom: 5px;
4269 }
4270 .m-b-sm {
4271   margin-bottom: 10px;
4272 }
4273 .m-b {
4274   margin-bottom: 15px;
4275 }
4276 .m-b-md {
4277   margin-bottom: 20px;
4278 }
4279 .m-b-lg {
4280   margin-bottom: 30px;
4281 }
4282 .m-b-xl {
4283   margin-bottom: 40px;
4284 }
4285 .m-b-n-xxs {
4286   margin-bottom: -1px;
4287 }
4288 .m-b-n-xs {
4289   margin-bottom: -5px;
4290 }
4291 .m-b-n-sm {
4292   margin-bottom: -10px;
4293 }
4294 .m-b-n {
4295   margin-bottom: -15px;
4296 }
4297 .m-b-n-md {
4298   margin-bottom: -20px;
4299 }
4300 .m-b-n-lg {
4301   margin-bottom: -30px;
4302 }
4303 .m-b-n-xl {
4304   margin-bottom: -40px;
4305 }
4306 .space-15 {
4307   margin: 15px 0;
4308 }
4309 .space-20 {
4310   margin: 20px 0;
4311 }
4312 .space-25 {
4313   margin: 25px 0;
4314 }
4315 .space-30 {
4316   margin: 30px 0;
4317 }
4318 .fullscreen-ibox-mode .animated {
4319   animation: none;
4320 }
4321 body.fullscreen-ibox-mode {
4322   overflow-y: hidden;
4323 }
4324 .ibox.fullscreen {
4325   z-index: 2030;
4326   position: fixed;
4327   top: 0;
4328   left: 0;
4329   right: 0;
4330   bottom: 0;
4331   overflow: auto;
4332   margin-bottom: 0;
4333 }
4334 .ibox.fullscreen .collapse-link {
4335   display: none;
4336 }
4337 .ibox.fullscreen .ibox-content {
4338   min-height: calc(100% - 48px);
4339 }
4340 body.modal-open {
4341   padding-right: inherit !important;
4342 }
4343 body.modal-open .animated {
4344   animation-fill-mode: initial;
4345   z-index: inherit;
4346 }
4347 /* Show profile dropdown on fixed sidebar */
4348 body.mini-navbar.fixed-sidebar .profile-element,
4349 .block {
4350   display: block !important;
4351 }
4352 body.mini-navbar.fixed-sidebar .nav-header {
4353   padding: 33px 25px;
4354 }
4355 body.mini-navbar.fixed-sidebar .logo-element {
4356   display: none;
4357 }
4358 .fullscreen-video .animated {
4359   animation: none;
4360 }
4361 /* SEARCH PAGE */
4362 .search-form {
4363   margin-top: 10px;
4364 }
4365 .search-result h3 {
4366   margin-bottom: 0;
4367   color: #1E0FBE;
4368 }
4369 .search-result .search-link {
4370   color: #006621;
4371 }
4372 .search-result p {
4373   font-size: 12px;
4374   margin-top: 5px;
4375 }
4376 /* CONTACTS */
4377 .contact-box {
4378   background-color: #ffffff;
4379   border: 1px solid #e7eaec;
4380   padding: 20px;
4381   margin-bottom: 20px;
4382 }
4383 .contact-box > a {
4384   color: inherit;
4385 }
4386 .contact-box.center-version {
4387   border: 1px solid #e7eaec;
4388   padding: 0;
4389 }
4390 .contact-box.center-version > a {
4391   display: block;
4392   background-color: #ffffff;
4393   padding: 20px;
4394   text-align: center;
4395 }
4396 .contact-box.center-version > a img {
4397   width: 80px;
4398   height: 80px;
4399   margin-top: 10px;
4400   margin-bottom: 10px;
4401 }
4402 .contact-box.center-version address {
4403   margin-bottom: 0;
4404 }
4405 .contact-box .contact-box-footer {
4406   text-align: center;
4407   background-color: #ffffff;
4408   border-top: 1px solid #e7eaec;
4409   padding: 15px 20px;
4410 }
4411 /* INVOICE */
4412 .invoice-table tbody > tr > td:last-child,
4413 .invoice-table tbody > tr > td:nth-child(4),
4414 .invoice-table tbody > tr > td:nth-child(3),
4415 .invoice-table tbody > tr > td:nth-child(2) {
4416   text-align: right;
4417 }
4418 .invoice-table thead > tr > th:last-child,
4419 .invoice-table thead > tr > th:nth-child(4),
4420 .invoice-table thead > tr > th:nth-child(3),
4421 .invoice-table thead > tr > th:nth-child(2) {
4422   text-align: right;
4423 }
4424 .invoice-total > tbody > tr > td:first-child {
4425   text-align: right;
4426 }
4427 .invoice-total > tbody > tr > td {
4428   border: 0 none;
4429 }
4430 .invoice-total > tbody > tr > td:last-child {
4431   border-bottom: 1px solid #DDDDDD;
4432   text-align: right;
4433   width: 15%;
4434 }
4435 /* ERROR & LOGIN & LOCKSCREEN*/
4436 .middle-box {
4437   max-width: 400px;
4438   z-index: 100;
4439   margin: 0 auto;
4440   padding-top: 40px;
4441 }
4442 .lockscreen.middle-box {
4443   width: 200px;
4444   padding-top: 110px;
4445 }
4446 .loginscreen.middle-box {
4447   width: 300px;
4448 }
4449 .loginColumns {
4450   max-width: 800px;
4451   margin: 0 auto;
4452   padding: 100px 20px 20px 20px;
4453 }
4454 .passwordBox {
4455   max-width: 460px;
4456   margin: 0 auto;
4457   padding: 100px 20px 20px 20px;
4458 }
4459 .logo-name {
4460   color: #e6e6e6;
4461   font-size: 180px;
4462   font-weight: 800;
4463   letter-spacing: -10px;
4464   margin-bottom: 0;
4465 }
4466 .middle-box h1 {
4467   font-size: 170px;
4468 }
4469 .wrapper .middle-box {
4470   margin-top: 140px;
4471 }
4472 .lock-word {
4473   z-index: 10;
4474   position: absolute;
4475   top: 110px;
4476   left: 50%;
4477   margin-left: -470px;
4478 }
4479 .lock-word span {
4480   font-size: 100px;
4481   font-weight: 600;
4482   color: #e9e9e9;
4483   display: inline-block;
4484 }
4485 .lock-word .first-word {
4486   margin-right: 160px;
4487 }
4488 /* DASBOARD */
4489 .dashboard-header {
4490   border-top: 0;
4491   padding: 20px 20px 20px 20px;
4492 }
4493 .dashboard-header h2 {
4494   margin-top: 10px;
4495   font-size: 26px;
4496 }
4497 .fist-item {
4498   border-top: none !important;
4499 }
4500 .statistic-box {
4501   margin-top: 40px;
4502 }
4503 .dashboard-header .list-group-item span.label {
4504   margin-right: 10px;
4505 }
4506 .list-group.clear-list .list-group-item {
4507   border-top: 1px solid #e7eaec;
4508   border-bottom: 0;
4509   border-right: 0;
4510   border-left: 0;
4511   padding: 10px 0;
4512 }
4513 ul.clear-list:first-child {
4514   border-top: none !important;
4515 }
4516 /* Intimeline */
4517 .timeline-item .date i {
4518   position: absolute;
4519   top: 0;
4520   right: 0;
4521   padding: 5px;
4522   width: 30px;
4523   text-align: center;
4524   border-top: 1px solid #e7eaec;
4525   border-bottom: 1px solid #e7eaec;
4526   border-left: 1px solid #e7eaec;
4527   background: #f8f8f8;
4528 }
4529 .timeline-item .date {
4530   text-align: right;
4531   width: 110px;
4532   position: relative;
4533   padding-top: 30px;
4534 }
4535 .timeline-item .content {
4536   border-left: 1px solid #e7eaec;
4537   border-top: 1px solid #e7eaec;
4538   padding-top: 10px;
4539   min-height: 100px;
4540 }
4541 .timeline-item .content:hover {
4542   background: #f6f6f6;
4543 }
4544 /* PIN BOARD */
4545 ul.notes li,
4546 ul.tag-list li {
4547   list-style: none;
4548 }
4549 ul.notes li h4 {
4550   margin-top: 20px;
4551   font-size: 16px;
4552 }
4553 ul.notes li div {
4554   text-decoration: none;
4555   color: #000;
4556   background: #ffc;
4557   display: block;
4558   height: 140px;
4559   width: 140px;
4560   padding: 1em;
4561   position: relative;
4562 }
4563 ul.notes li div small {
4564   position: absolute;
4565   top: 5px;
4566   right: 5px;
4567   font-size: 10px;
4568 }
4569 ul.notes li div a {
4570   position: absolute;
4571   right: 10px;
4572   bottom: 10px;
4573   color: inherit;
4574 }
4575 ul.notes li {
4576   margin: 10px 40px 50px 0;
4577   float: left;
4578 }
4579 ul.notes li div p {
4580   font-size: 12px;
4581 }
4582 ul.notes li div {
4583   text-decoration: none;
4584   color: #000;
4585   background: #ffc;
4586   display: block;
4587   height: 140px;
4588   width: 140px;
4589   padding: 1em;
4590   /* Firefox */
4591   -moz-box-shadow: 5px 5px 2px #212121;
4592   /* Safari+Chrome */
4593   -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
4594   /* Opera */
4595   box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
4596 }
4597 ul.notes li div {
4598   -webkit-transform: rotate(-6deg);
4599   -o-transform: rotate(-6deg);
4600   -moz-transform: rotate(-6deg);
4601 }
4602 ul.notes li:nth-child(even) div {
4603   -o-transform: rotate(4deg);
4604   -webkit-transform: rotate(4deg);
4605   -moz-transform: rotate(4deg);
4606   position: relative;
4607   top: 5px;
4608 }
4609 ul.notes li:nth-child(3n) div {
4610   -o-transform: rotate(-3deg);
4611   -webkit-transform: rotate(-3deg);
4612   -moz-transform: rotate(-3deg);
4613   position: relative;
4614   top: -5px;
4615 }
4616 ul.notes li:nth-child(5n) div {
4617   -o-transform: rotate(5deg);
4618   -webkit-transform: rotate(5deg);
4619   -moz-transform: rotate(5deg);
4620   position: relative;
4621   top: -10px;
4622 }
4623 ul.notes li div:hover,
4624 ul.notes li div:focus {
4625   -webkit-transform: scale(1.1);
4626   -moz-transform: scale(1.1);
4627   -o-transform: scale(1.1);
4628   position: relative;
4629   z-index: 5;
4630 }
4631 ul.notes li div {
4632   text-decoration: none;
4633   color: #000;
4634   background: #ffc;
4635   display: block;
4636   height: 210px;
4637   width: 210px;
4638   padding: 1em;
4639   -moz-box-shadow: 5px 5px 7px #212121;
4640   -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
4641   box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
4642   -moz-transition: -moz-transform 0.15s linear;
4643   -o-transition: -o-transform 0.15s linear;
4644   -webkit-transition: -webkit-transform 0.15s linear;
4645 }
4646 /* FILE MANAGER */
4647 .file-box {
4648   float: left;
4649   width: 220px;
4650 }
4651 .file-manager h5 {
4652   text-transform: uppercase;
4653 }
4654 .file-manager {
4655   list-style: none outside none;
4656   margin: 0;
4657   padding: 0;
4658 }
4659 .folder-list li a {
4660   color: #666666;
4661   display: block;
4662   padding: 5px 0;
4663 }
4664 .folder-list li {
4665   border-bottom: 1px solid #e7eaec;
4666   display: block;
4667 }
4668 .folder-list li i {
4669   margin-right: 8px;
4670   color: #3d4d5d;
4671 }
4672 .category-list li a {
4673   color: #666666;
4674   display: block;
4675   padding: 5px 0;
4676 }
4677 .category-list li {
4678   display: block;
4679 }
4680 .category-list li i {
4681   margin-right: 8px;
4682   color: #3d4d5d;
4683 }
4684 .category-list li a .text-navy {
4685   color: #1ab394;
4686 }
4687 .category-list li a .text-primary {
4688   color: #1c84c6;
4689 }
4690 .category-list li a .text-info {
4691   color: #23c6c8;
4692 }
4693 .category-list li a .text-danger {
4694   color: #EF5352;
4695 }
4696 .category-list li a .text-warning {
4697   color: #F8AC59;
4698 }
4699 .file-manager h5.tag-title {
4700   margin-top: 20px;
4701 }
4702 .tag-list li {
4703   float: left;
4704 }
4705 .tag-list li a {
4706   font-size: 10px;
4707   background-color: #f3f3f4;
4708   padding: 5px 12px;
4709   color: inherit;
4710   border-radius: 2px;
4711   border: 1px solid #e7eaec;
4712   margin-right: 5px;
4713   margin-top: 5px;
4714   display: block;
4715 }
4716 .file {
4717   border: 1px solid #e7eaec;
4718   padding: 0;
4719   background-color: #ffffff;
4720   position: relative;
4721   margin-bottom: 20px;
4722   margin-right: 20px;
4723 }
4724 .file-manager .hr-line-dashed {
4725   margin: 15px 0;
4726 }
4727 .file .icon,
4728 .file .image {
4729   height: 100px;
4730   overflow: hidden;
4731 }
4732 .file .icon {
4733   padding: 15px 10px;
4734   text-align: center;
4735 }
4736 .file-control {
4737   color: inherit;
4738   font-size: 11px;
4739   margin-right: 10px;
4740 }
4741 .file-control.active {
4742   text-decoration: underline;
4743 }
4744 .file .icon i {
4745   font-size: 70px;
4746   color: #dadada;
4747 }
4748 .file .file-name {
4749   padding: 10px;
4750   background-color: #f8f8f8;
4751   border-top: 1px solid #e7eaec;
4752 }
4753 .file-name small {
4754   color: #676a6c;
4755 }
4756 .corner {
4757   position: absolute;
4758   display: inline-block;
4759   width: 0;
4760   height: 0;
4761   line-height: 0;
4762   border: 0.6em solid transparent;
4763   border-right: 0.6em solid #f1f1f1;
4764   border-bottom: 0.6em solid #f1f1f1;
4765   right: 0em;
4766   bottom: 0em;
4767 }
4768 a.compose-mail {
4769   padding: 8px 10px;
4770 }
4771 .mail-search {
4772   max-width: 300px;
4773 }
4774 /* PROFILE */
4775 .profile-content {
4776   border-top: none !important;
4777 }
4778 .profile-stats {
4779   margin-right: 10px;
4780 }
4781 .profile-image {
4782   width: 120px;
4783   float: left;
4784 }
4785 .profile-image img {
4786   width: 96px;
4787   height: 96px;
4788 }
4789 .profile-info {
4790   margin-left: 120px;
4791 }
4792 .feed-activity-list .feed-element {
4793   border-bottom: 1px solid #e7eaec;
4794 }
4795 .feed-element:first-child {
4796   margin-top: 0;
4797 }
4798 .feed-element {
4799   padding-bottom: 15px;
4800 }
4801 .feed-element,
4802 .feed-element .media {
4803   margin-top: 15px;
4804 }
4805 .feed-element,
4806 .media-body {
4807   overflow: hidden;
4808 }
4809 .feed-element > .pull-left {
4810   margin-right: 10px;
4811 }
4812 .feed-element img.img-circle,
4813 .dropdown-messages-box img.img-circle {
4814   width: 38px;
4815   height: 38px;
4816 }
4817 .feed-element .well {
4818   border: 1px solid #e7eaec;
4819   box-shadow: none;
4820   margin-top: 10px;
4821   margin-bottom: 5px;
4822   padding: 10px 20px;
4823   font-size: 11px;
4824   line-height: 16px;
4825 }
4826 .feed-element .actions {
4827   margin-top: 10px;
4828 }
4829 .feed-element .photos {
4830   margin: 10px 0;
4831 }
4832 .feed-photo {
4833   max-height: 180px;
4834   border-radius: 4px;
4835   overflow: hidden;
4836   margin-right: 10px;
4837   margin-bottom: 10px;
4838 }
4839 .file-list li {
4840   padding: 5px 10px;
4841   font-size: 11px;
4842   border-radius: 2px;
4843   border: 1px solid #e7eaec;
4844   margin-bottom: 5px;
4845 }
4846 .file-list li a {
4847   color: inherit;
4848 }
4849 .file-list li a:hover {
4850   color: #1ab394;
4851 }
4852 .user-friends img {
4853   width: 42px;
4854   height: 42px;
4855   margin-bottom: 5px;
4856   margin-right: 5px;
4857 }
4858 /* MAILBOX */
4859 .mail-box {
4860   background-color: #ffffff;
4861   border: 1px solid #e7eaec;
4862   border-top: 0;
4863   padding: 0;
4864   margin-bottom: 20px;
4865 }
4866 .mail-box-header {
4867   background-color: #ffffff;
4868   border: 1px solid #e7eaec;
4869   border-bottom: 0;
4870   padding: 30px 20px 20px 20px;
4871 }
4872 .mail-box-header h2 {
4873   margin-top: 0;
4874 }
4875 .mailbox-content .tag-list li a {
4876   background: #ffffff;
4877 }
4878 .mail-body {
4879   border-top: 1px solid #e7eaec;
4880   padding: 20px;
4881 }
4882 .mail-text {
4883   border-top: 1px solid #e7eaec;
4884 }
4885 .mail-text .note-toolbar {
4886   padding: 10px 15px;
4887 }
4888 .mail-body .form-group {
4889   margin-bottom: 5px;
4890 }
4891 .mail-text .note-editor .note-toolbar {
4892   background-color: #F9F8F8;
4893 }
4894 .mail-attachment {
4895   border-top: 1px solid #e7eaec;
4896   padding: 20px;
4897   font-size: 12px;
4898 }
4899 .mailbox-content {
4900   background: none;
4901   border: none;
4902   padding: 10px;
4903 }
4904 .mail-ontact {
4905   width: 23%;
4906 }
4907 /* PROJECTS */
4908 .project-people,
4909 .project-actions {
4910   text-align: right;
4911   vertical-align: middle;
4912 }
4913 dd.project-people {
4914   text-align: left;
4915   margin-top: 5px;
4916 }
4917 .project-people img {
4918   width: 32px;
4919   height: 32px;
4920 }
4921 .project-title a {
4922   font-size: 14px;
4923   color: #676a6c;
4924   font-weight: 600;
4925 }
4926 .project-list table tr td {
4927   border-top: none;
4928   border-bottom: 1px solid #e7eaec;
4929   padding: 15px 10px;
4930   vertical-align: middle;
4931 }
4932 .project-manager .tag-list li a {
4933   font-size: 10px;
4934   background-color: white;
4935   padding: 5px 12px;
4936   color: inherit;
4937   border-radius: 2px;
4938   border: 1px solid #e7eaec;
4939   margin-right: 5px;
4940   margin-top: 5px;
4941   display: block;
4942 }
4943 .project-files li a {
4944   font-size: 11px;
4945   color: #676a6c;
4946   margin-left: 10px;
4947   line-height: 22px;
4948 }
4949 /* FAQ */
4950 .faq-item {
4951   padding: 20px;
4952   margin-bottom: 2px;
4953   background: #fff;
4954 }
4955 .faq-question {
4956   font-size: 18px;
4957   font-weight: 600;
4958   color: #1ab394;
4959   display: block;
4960 }
4961 .faq-question:hover {
4962   color: #179d82;
4963 }
4964 .faq-answer {
4965   margin-top: 10px;
4966   background: #f3f3f4;
4967   border: 1px solid #e7eaec;
4968   border-radius: 3px;
4969   padding: 15px;
4970 }
4971 .faq-item .tag-item {
4972   background: #f3f3f4;
4973   padding: 2px 6px;
4974   font-size: 10px;
4975   text-transform: uppercase;
4976 }
4977 /* Chat view */
4978 .message-input {
4979   height: 90px !important;
4980 }
4981 .chat-avatar {
4982   white: 36px;
4983   height: 36px;
4984   float: left;
4985   margin-right: 10px;
4986 }
4987 .chat-user-name {
4988   padding: 10px;
4989 }
4990 .chat-user {
4991   padding: 8px 10px;
4992   border-bottom: 1px solid #e7eaec;
4993 }
4994 .chat-user a {
4995   color: inherit;
4996 }
4997 .chat-view {
4998   z-index: 20012;
4999 }
5000 .chat-users,
5001 .chat-statistic {
5002   margin-left: -30px;
5003 }
5004 @media (max-width: 992px) {
5005   .chat-users,
5006   .chat-statistic {
5007     margin-left: 0;
5008   }
5009 }
5010 .chat-view .ibox-content {
5011   padding: 0;
5012 }
5013 .chat-message {
5014   padding: 10px 20px;
5015 }
5016 .message-avatar {
5017   height: 48px;
5018   width: 48px;
5019   border: 1px solid #e7eaec;
5020   border-radius: 4px;
5021   margin-top: 1px;
5022 }
5023 .chat-discussion .chat-message.left .message-avatar {
5024   float: left;
5025   margin-right: 10px;
5026 }
5027 .chat-discussion .chat-message.right .message-avatar {
5028   float: right;
5029   margin-left: 10px;
5030 }
5031 .message {
5032   background-color: #fff;
5033   border: 1px solid #e7eaec;
5034   text-align: left;
5035   display: block;
5036   padding: 10px 20px;
5037   position: relative;
5038   border-radius: 4px;
5039 }
5040 .chat-discussion .chat-message.left .message-date {
5041   float: right;
5042 }
5043 .chat-discussion .chat-message.right .message-date {
5044   float: left;
5045 }
5046 .chat-discussion .chat-message.left .message {
5047   text-align: left;
5048   margin-left: 55px;
5049 }
5050 .chat-discussion .chat-message.right .message {
5051   text-align: right;
5052   margin-right: 55px;
5053 }
5054 .message-date {
5055   font-size: 10px;
5056   color: #888888;
5057 }
5058 .message-content {
5059   display: block;
5060 }
5061 .chat-discussion {
5062   background: #eee;
5063   padding: 15px;
5064   height: 400px;
5065   overflow-y: auto;
5066 }
5067 .chat-users {
5068   overflow-y: auto;
5069   height: 400px;
5070 }
5071 .chat-message-form .form-group {
5072   margin-bottom: 0;
5073 }
5074 /* jsTree */
5075 .jstree-open > .jstree-anchor > .fa-folder:before {
5076   content: "\f07c";
5077 }
5078 .jstree-default .jstree-icon.none {
5079   width: 0;
5080 }
5081 /* CLIENTS */
5082 .clients-list {
5083   margin-top: 20px;
5084 }
5085 .clients-list .tab-pane {
5086   position: relative;
5087   height: 600px;
5088 }
5089 .client-detail {
5090   position: relative;
5091   height: 620px;
5092 }
5093 .clients-list table tr td {
5094   height: 46px;
5095   vertical-align: middle;
5096   border: none;
5097 }
5098 .client-link {
5099   font-weight: 600;
5100   color: inherit;
5101 }
5102 .client-link:hover {
5103   color: inherit;
5104 }
5105 .client-avatar {
5106   width: 42px;
5107 }
5108 .client-avatar img {
5109   width: 28px;
5110   height: 28px;
5111   border-radius: 50%;
5112 }
5113 .contact-type {
5114   width: 20px;
5115   color: #c1c3c4;
5116 }
5117 .client-status {
5118   text-align: left;
5119 }
5120 .client-detail .vertical-timeline-content p {
5121   margin: 0;
5122 }
5123 .client-detail .vertical-timeline-icon.gray-bg {
5124   color: #a7aaab;
5125 }
5126 .clients-list .nav-tabs > li.active > a,
5127 .clients-list .nav-tabs > li.active > a:hover,
5128 .clients-list .nav-tabs > li.active > a:focus {
5129   border-bottom: 1px solid #fff;
5130 }
5131 /* BLOG ARTICLE */
5132 .blog h2 {
5133   font-weight: 700;
5134 }
5135 .blog h5 {
5136   margin: 0 0 5px 0;
5137 }
5138 .blog .btn {
5139   margin: 0 0 5px 0;
5140 }
5141 .article h1 {
5142   font-size: 48px;
5143   font-weight: 700;
5144   color: #2F4050;
5145 }
5146 .article p {
5147   font-size: 15px;
5148   line-height: 26px;
5149 }
5150 .article-title {
5151   text-align: center;
5152   margin: 40px 0 100px 0;
5153 }
5154 .article .ibox-content {
5155   padding: 40px;
5156 }
5157 /* ISSUE TRACKER */
5158 .issue-tracker .btn-link {
5159   color: #1ab394;
5160 }
5161 table.issue-tracker tbody tr td {
5162   vertical-align: middle;
5163   height: 50px;
5164 }
5165 .issue-info {
5166   width: 50%;
5167 }
5168 .issue-info a {
5169   font-weight: 600;
5170   color: #676a6c;
5171 }
5172 .issue-info small {
5173   display: block;
5174 }
5175 /* TEAMS */
5176 .team-members {
5177   margin: 10px 0;
5178 }
5179 .team-members img.img-circle {
5180   width: 42px;
5181   height: 42px;
5182   margin-bottom: 5px;
5183 }
5184 /* AGILE BOARD */
5185 .sortable-list {
5186   padding: 10px 0;
5187 }
5188 .agile-list {
5189   list-style: none;
5190   margin: 0;
5191 }
5192 .agile-list li {
5193   background: #FAFAFB;
5194   border: 1px solid #e7eaec;
5195   margin: 0 0 10px 0;
5196   padding: 10px;
5197   border-radius: 2px;
5198 }
5199 .agile-list li:hover {
5200   cursor: pointer;
5201   background: #fff;
5202 }
5203 .agile-list li.warning-element {
5204   border-left: 3px solid #f8ac59;
5205 }
5206 .agile-list li.danger-element {
5207   border-left: 3px solid #ed5565;
5208 }
5209 .agile-list li.info-element {
5210   border-left: 3px solid #1c84c6;
5211 }
5212 .agile-list li.success-element {
5213   border-left: 3px solid #1ab394;
5214 }
5215 .agile-detail {
5216   margin-top: 5px;
5217   font-size: 12px;
5218 }
5219 /* DIFF */
5220 ins {
5221   background-color: #c6ffc6;
5222   text-decoration: none;
5223 }
5224 del {
5225   background-color: #ffc6c6;
5226 }
5227 /* E-commerce */
5228 .product-box {
5229   padding: 0;
5230   border: 1px solid #e7eaec;
5231 }
5232 .product-box:hover,
5233 .product-box.active {
5234   border: 1px solid transparent;
5235   -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
5236   -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
5237   box-shadow: 0 3px 7px 0 #a8a8a8;
5238 }
5239 .product-imitation {
5240   text-align: center;
5241   padding: 90px 0;
5242   background-color: #f8f8f9;
5243   color: #bebec3;
5244   font-weight: 600;
5245 }
5246 .cart-product-imitation {
5247   text-align: center;
5248   padding-top: 30px;
5249   height: 80px;
5250   width: 80px;
5251   background-color: #f8f8f9;
5252 }
5253 .product-imitation.xl {
5254   padding: 120px 0;
5255 }
5256 .product-desc {
5257   padding: 20px;
5258   position: relative;
5259 }
5260 .ecommerce .tag-list {
5261   padding: 0;
5262 }
5263 .ecommerce .fa-star {
5264   color: #d1dade;
5265 }
5266 .ecommerce .fa-star.active {
5267   color: #f8ac59;
5268 }
5269 .ecommerce .note-editor {
5270   border: 1px solid #e7eaec;
5271 }
5272 table.shoping-cart-table {
5273   margin-bottom: 0;
5274 }
5275 table.shoping-cart-table tr td {
5276   border: none;
5277   text-align: right;
5278 }
5279 table.shoping-cart-table tr td.desc,
5280 table.shoping-cart-table tr td:first-child {
5281   text-align: left;
5282 }
5283 table.shoping-cart-table tr td:last-child {
5284   width: 80px;
5285 }
5286 .product-name {
5287   font-size: 16px;
5288   font-weight: 600;
5289   color: #676a6c;
5290   display: block;
5291   margin: 2px 0 5px 0;
5292 }
5293 .product-name:hover,
5294 .product-name:focus {
5295   color: #1ab394;
5296 }
5297 .product-price {
5298   font-size: 14px;
5299   font-weight: 600;
5300   color: #ffffff;
5301   background-color: #1ab394;
5302   padding: 6px 12px;
5303   position: absolute;
5304   top: -32px;
5305   right: 0;
5306 }
5307 .product-detail .ibox-content {
5308   padding: 30px 30px 50px 30px;
5309 }
5310 .image-imitation {
5311   background-color: #f8f8f9;
5312   text-align: center;
5313   padding: 200px 0;
5314 }
5315 .product-main-price small {
5316   font-size: 10px;
5317 }
5318 .product-images {
5319   margin: 0 20px;
5320 }
5321 /* Social feed */
5322 .social-feed-separated .social-feed-box {
5323   margin-left: 62px;
5324 }
5325 .social-feed-separated .social-avatar {
5326   float: left;
5327   padding: 0;
5328 }
5329 .social-feed-separated .social-avatar img {
5330   width: 52px;
5331   height: 52px;
5332   border: 1px solid #e7eaec;
5333 }
5334 .social-feed-separated .social-feed-box .social-avatar {
5335   padding: 15px 15px 0 15px;
5336   float: none;
5337 }
5338 .social-feed-box {
5339   /*padding: 15px;*/
5340   border: 1px solid #e7eaec;
5341   background: #fff;
5342   margin-bottom: 15px;
5343 }
5344 .article .social-feed-box {
5345   margin-bottom: 0;
5346   border-bottom: none;
5347 }
5348 .article .social-feed-box:last-child {
5349   margin-bottom: 0;
5350   border-bottom: 1px solid #e7eaec;
5351 }
5352 .article .social-feed-box p {
5353   font-size: 13px;
5354   line-height: 18px;
5355 }
5356 .social-action {
5357   margin: 15px;
5358 }
5359 .social-avatar {
5360   padding: 15px 15px 0 15px;
5361 }
5362 .social-comment .social-comment {
5363   margin-left: 45px;
5364 }
5365 .social-avatar img {
5366   height: 40px;
5367   width: 40px;
5368   margin-right: 10px;
5369 }
5370 .social-avatar .media-body a {
5371   font-size: 14px;
5372   display: block;
5373 }
5374 .social-body {
5375   padding: 15px;
5376 }
5377 .social-body img {
5378   margin-bottom: 10px;
5379 }
5380 .social-footer {
5381   border-top: 1px solid #e7eaec;
5382   padding: 10px 15px;
5383   background: #f9f9f9;
5384 }
5385 .social-footer .social-comment img {
5386   width: 32px;
5387   margin-right: 10px;
5388 }
5389 .social-comment:first-child {
5390   margin-top: 0;
5391 }
5392 .social-comment {
5393   margin-top: 15px;
5394 }
5395 .social-comment textarea {
5396   font-size: 12px;
5397 }
5398 /* Vote list */
5399 .vote-item {
5400   padding: 20px 25px;
5401   background: #ffffff;
5402   border-top: 1px solid #e7eaec;
5403 }
5404 .vote-item:last-child {
5405   border-bottom: 1px solid #e7eaec;
5406 }
5407 .vote-item:hover {
5408   background: #fbfbfb;
5409 }
5410 .vote-actions {
5411   float: left;
5412   width: 30px;
5413   margin-right: 15px;
5414   text-align: center;
5415 }
5416 .vote-actions a {
5417   color: #1ab394;
5418   font-weight: 600;
5419 }
5420 .vote-actions {
5421   font-weight: 600;
5422 }
5423 .vote-title {
5424   display: block;
5425   color: inherit;
5426   font-size: 18px;
5427   font-weight: 600;
5428   margin-top: 5px;
5429   margin-bottom: 2px;
5430 }
5431 .vote-title:hover,
5432 .vote-title:focus {
5433   color: inherit;
5434 }
5435 .vote-info,
5436 .vote-title {
5437   margin-left: 45px;
5438 }
5439 .vote-info,
5440 .vote-info a {
5441   color: #b4b6b8;
5442   font-size: 12px;
5443 }
5444 .vote-info a {
5445   margin-right: 10px;
5446 }
5447 .vote-info a:hover {
5448   color: #1ab394;
5449 }
5450 .vote-icon {
5451   text-align: right;
5452   font-size: 38px;
5453   display: block;
5454   color: #e8e9ea;
5455 }
5456 .vote-icon.active {
5457   color: #1ab394;
5458 }
5459 body.body-small .vote-icon {
5460   display: none;
5461 }
5462 .lightBoxGallery {
5463   text-align: center;
5464 }
5465 .lightBoxGallery img {
5466   margin: 5px;
5467 }
5468 #small-chat {
5469   position: fixed;
5470   bottom: 20px;
5471   right: 20px;
5472   z-index: 100;
5473 }
5474 #small-chat .badge {
5475   position: absolute;
5476   top: -3px;
5477   right: -4px;
5478 }
5479 .open-small-chat {
5480   height: 38px;
5481   width: 38px;
5482   display: block;
5483   background: #1ab394;
5484   padding: 9px 8px;
5485   text-align: center;
5486   color: #fff;
5487   border-radius: 50%;
5488 }
5489 .open-small-chat:hover {
5490   color: white;
5491   background: #1ab394;
5492 }
5493 .small-chat-box {
5494   display: none;
5495   position: fixed;
5496   bottom: 20px;
5497   right: 75px;
5498   background: #fff;
5499   border: 1px solid #e7eaec;
5500   width: 230px;
5501   height: 320px;
5502   border-radius: 4px;
5503 }
5504 .small-chat-box.ng-small-chat {
5505   display: block;
5506 }
5507 .body-small .small-chat-box {
5508   bottom: 70px;
5509   right: 20px;
5510 }
5511 .small-chat-box.active {
5512   display: block;
5513 }
5514 .small-chat-box .heading {
5515   background: #2f4050;
5516   padding: 8px 15px;
5517   font-weight: bold;
5518   color: #fff;
5519 }
5520 .small-chat-box .chat-date {
5521   opacity: 0.6;
5522   font-size: 10px;
5523   font-weight: normal;
5524 }
5525 .small-chat-box .content {
5526   padding: 15px 15px;
5527 }
5528 .small-chat-box .content .author-name {
5529   font-weight: bold;
5530   margin-bottom: 3px;
5531   font-size: 11px;
5532 }
5533 .small-chat-box .content > div {
5534   padding-bottom: 20px;
5535 }
5536 .small-chat-box .content .chat-message {
5537   padding: 5px 10px;
5538   border-radius: 6px;
5539   font-size: 11px;
5540   line-height: 14px;
5541   max-width: 80%;
5542   background: #f3f3f4;
5543   margin-bottom: 10px;
5544 }
5545 .small-chat-box .content .chat-message.active {
5546   background: #1ab394;
5547   color: #fff;
5548 }
5549 .small-chat-box .content .left {
5550   text-align: left;
5551   clear: both;
5552 }
5553 .small-chat-box .content .left .chat-message {
5554   float: left;
5555 }
5556 .small-chat-box .content .right {
5557   text-align: right;
5558   clear: both;
5559 }
5560 .small-chat-box .content .right .chat-message {
5561   float: right;
5562 }
5563 .small-chat-box .form-chat {
5564   padding: 10px 10px;
5565 }
5566 /*
5567  * metismenu - v2.0.2
5568  * A jQuery menu plugin
5569  * https://github.com/onokumus/metisMenu
5570  *
5571  * Made by Osman Nuri Okumus
5572  * Under MIT License
5573  */
5574 .metismenu .plus-minus,
5575 .metismenu .plus-times {
5576   float: right;
5577 }
5578 .metismenu .arrow {
5579   float: right;
5580   line-height: 1.42857;
5581 }
5582 .metismenu .glyphicon.arrow:before {
5583   content: "\e079";
5584 }
5585 .metismenu .active > a > .glyphicon.arrow:before {
5586   content: "\e114";
5587 }
5588 .metismenu .fa.arrow:before {
5589   content: "\f104";
5590 }
5591 .metismenu .active > a > .fa.arrow:before {
5592   content: "\f107";
5593 }
5594 .metismenu .ion.arrow:before {
5595   content: "\f3d2";
5596 }
5597 .metismenu .active > a > .ion.arrow:before {
5598   content: "\f3d0";
5599 }
5600 .metismenu .fa.plus-minus:before,
5601 .metismenu .fa.plus-times:before {
5602   content: "\f067";
5603 }
5604 .metismenu .active > a > .fa.plus-times {
5605   -webkit-transform: rotate(45deg);
5606   -ms-transform: rotate(45deg);
5607   transform: rotate(45deg);
5608 }
5609 .metismenu .active > a > .fa.plus-minus:before {
5610   content: "\f068";
5611 }
5612 .metismenu .collapse {
5613   display: none;
5614 }
5615 .metismenu .collapse.in {
5616   display: block;
5617 }
5618 .metismenu .collapsing {
5619   position: relative;
5620   height: 0;
5621   overflow: hidden;
5622   -webkit-transition-timing-function: ease;
5623   transition-timing-function: ease;
5624   -webkit-transition-duration: .35s;
5625   transition-duration: .35s;
5626   -webkit-transition-property: height, visibility;
5627   transition-property: height, visibility;
5628 }
5629 /*
5630  *  Usage:
5631  *
5632  *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
5633  *
5634  */
5635 .sk-spinner-rotating-plane.sk-spinner {
5636   width: 30px;
5637   height: 30px;
5638   background-color: #1ab394;
5639   margin: 0 auto;
5640   -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
5641   animation: sk-rotatePlane 1.2s infinite ease-in-out;
5642 }
5643 @-webkit-keyframes sk-rotatePlane {
5644   0% {
5645     -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5646     transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5647   }
5648   50% {
5649     -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5650     transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5651   }
5652   100% {
5653     -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5654     transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5655   }
5656 }
5657 @keyframes sk-rotatePlane {
5658   0% {
5659     -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5660     transform: perspective(120px) rotateX(0deg) rotateY(0deg);
5661   }
5662   50% {
5663     -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5664     transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
5665   }
5666   100% {
5667     -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5668     transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
5669   }
5670 }
5671 /*
5672  *  Usage:
5673  *
5674  *    <div class="sk-spinner sk-spinner-double-bounce">
5675  *      <div class="sk-double-bounce1"></div>
5676  *      <div class="sk-double-bounce2"></div>
5677  *    </div>
5678  *
5679  */
5680 .sk-spinner-double-bounce.sk-spinner {
5681   width: 40px;
5682   height: 40px;
5683   position: relative;
5684   margin: 0 auto;
5685 }
5686 .sk-spinner-double-bounce .sk-double-bounce1,
5687 .sk-spinner-double-bounce .sk-double-bounce2 {
5688   width: 100%;
5689   height: 100%;
5690   border-radius: 50%;
5691   background-color: #1ab394;
5692   opacity: 0.6;
5693   position: absolute;
5694   top: 0;
5695   left: 0;
5696   -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
5697   animation: sk-doubleBounce 2s infinite ease-in-out;
5698 }
5699 .sk-spinner-double-bounce .sk-double-bounce2 {
5700   -webkit-animation-delay: -1s;
5701   animation-delay: -1s;
5702 }
5703 @-webkit-keyframes sk-doubleBounce {
5704   0%,
5705   100% {
5706     -webkit-transform: scale(0);
5707     transform: scale(0);
5708   }
5709   50% {
5710     -webkit-transform: scale(1);
5711     transform: scale(1);
5712   }
5713 }
5714 @keyframes sk-doubleBounce {
5715   0%,
5716   100% {
5717     -webkit-transform: scale(0);
5718     transform: scale(0);
5719   }
5720   50% {
5721     -webkit-transform: scale(1);
5722     transform: scale(1);
5723   }
5724 }
5725 /*
5726  *  Usage:
5727  *
5728  *    <div class="sk-spinner sk-spinner-wave">
5729  *      <div class="sk-rect1"></div>
5730  *      <div class="sk-rect2"></div>
5731  *      <div class="sk-rect3"></div>
5732  *      <div class="sk-rect4"></div>
5733  *      <div class="sk-rect5"></div>
5734  *    </div>
5735  *
5736  */
5737 .sk-spinner-wave.sk-spinner {
5738   margin: 0 auto;
5739   width: 50px;
5740   height: 30px;
5741   text-align: center;
5742   font-size: 10px;
5743 }
5744 .sk-spinner-wave div {
5745   background-color: #1ab394;
5746   height: 100%;
5747   width: 6px;
5748   display: inline-block;
5749   -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
5750   animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
5751 }
5752 .sk-spinner-wave .sk-rect2 {
5753   -webkit-animation-delay: -1.1s;
5754   animation-delay: -1.1s;
5755 }
5756 .sk-spinner-wave .sk-rect3 {
5757   -webkit-animation-delay: -1s;
5758   animation-delay: -1s;
5759 }
5760 .sk-spinner-wave .sk-rect4 {
5761   -webkit-animation-delay: -0.9s;
5762   animation-delay: -0.9s;
5763 }
5764 .sk-spinner-wave .sk-rect5 {
5765   -webkit-animation-delay: -0.8s;
5766   animation-delay: -0.8s;
5767 }
5768 @-webkit-keyframes sk-waveStretchDelay {
5769   0%,
5770   40%,
5771   100% {
5772     -webkit-transform: scaleY(0.4);
5773     transform: scaleY(0.4);
5774   }
5775   20% {
5776     -webkit-transform: scaleY(1);
5777     transform: scaleY(1);
5778   }
5779 }
5780 @keyframes sk-waveStretchDelay {
5781   0%,
5782   40%,
5783   100% {
5784     -webkit-transform: scaleY(0.4);
5785     transform: scaleY(0.4);
5786   }
5787   20% {
5788     -webkit-transform: scaleY(1);
5789     transform: scaleY(1);
5790   }
5791 }
5792 /*
5793  *  Usage:
5794  *
5795  *    <div class="sk-spinner sk-spinner-wandering-cubes">
5796  *      <div class="sk-cube1"></div>
5797  *      <div class="sk-cube2"></div>
5798  *    </div>
5799  *
5800  */
5801 .sk-spinner-wandering-cubes.sk-spinner {
5802   margin: 0 auto;
5803   width: 32px;
5804   height: 32px;
5805   position: relative;
5806 }
5807 .sk-spinner-wandering-cubes .sk-cube1,
5808 .sk-spinner-wandering-cubes .sk-cube2 {
5809   background-color: #1ab394;
5810   width: 10px;
5811   height: 10px;
5812   position: absolute;
5813   top: 0;
5814   left: 0;
5815   -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
5816   animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
5817 }
5818 .sk-spinner-wandering-cubes .sk-cube2 {
5819   -webkit-animation-delay: -0.9s;
5820   animation-delay: -0.9s;
5821 }
5822 @-webkit-keyframes sk-wanderingCubeMove {
5823   25% {
5824     -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
5825     transform: translateX(42px) rotate(-90deg) scale(0.5);
5826   }
5827   50% {
5828     /* Hack to make FF rotate in the right direction */
5829     -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
5830     transform: translateX(42px) translateY(42px) rotate(-179deg);
5831   }
5832   50.1% {
5833     -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
5834     transform: translateX(42px) translateY(42px) rotate(-180deg);
5835   }
5836   75% {
5837     -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5838     transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5839   }
5840   100% {
5841     -webkit-transform: rotate(-360deg);
5842     transform: rotate(-360deg);
5843   }
5844 }
5845 @keyframes sk-wanderingCubeMove {
5846   25% {
5847     -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
5848     transform: translateX(42px) rotate(-90deg) scale(0.5);
5849   }
5850   50% {
5851     /* Hack to make FF rotate in the right direction */
5852     -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
5853     transform: translateX(42px) translateY(42px) rotate(-179deg);
5854   }
5855   50.1% {
5856     -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
5857     transform: translateX(42px) translateY(42px) rotate(-180deg);
5858   }
5859   75% {
5860     -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5861     transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
5862   }
5863   100% {
5864     -webkit-transform: rotate(-360deg);
5865     transform: rotate(-360deg);
5866   }
5867 }
5868 /*
5869  *  Usage:
5870  *
5871  *    <div class="sk-spinner sk-spinner-pulse"></div>
5872  *
5873  */
5874 .sk-spinner-pulse.sk-spinner {
5875   width: 40px;
5876   height: 40px;
5877   margin: 0 auto;
5878   background-color: #1ab394;
5879   border-radius: 100%;
5880   -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
5881   animation: sk-pulseScaleOut 1s infinite ease-in-out;
5882 }
5883 @-webkit-keyframes sk-pulseScaleOut {
5884   0% {
5885     -webkit-transform: scale(0);
5886     transform: scale(0);
5887   }
5888   100% {
5889     -webkit-transform: scale(1);
5890     transform: scale(1);
5891     opacity: 0;
5892   }
5893 }
5894 @keyframes sk-pulseScaleOut {
5895   0% {
5896     -webkit-transform: scale(0);
5897     transform: scale(0);
5898   }
5899   100% {
5900     -webkit-transform: scale(1);
5901     transform: scale(1);
5902     opacity: 0;
5903   }
5904 }
5905 /*
5906  *  Usage:
5907  *
5908  *    <div class="sk-spinner sk-spinner-chasing-dots">
5909  *      <div class="sk-dot1"></div>
5910  *      <div class="sk-dot2"></div>
5911  *    </div>
5912  *
5913  */
5914 .sk-spinner-chasing-dots.sk-spinner {
5915   margin: 0 auto;
5916   width: 40px;
5917   height: 40px;
5918   position: relative;
5919   text-align: center;
5920   -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
5921   animation: sk-chasingDotsRotate 2s infinite linear;
5922 }
5923 .sk-spinner-chasing-dots .sk-dot1,
5924 .sk-spinner-chasing-dots .sk-dot2 {
5925   width: 60%;
5926   height: 60%;
5927   display: inline-block;
5928   position: absolute;
5929   top: 0;
5930   background-color: #1ab394;
5931   border-radius: 100%;
5932   -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
5933   animation: sk-chasingDotsBounce 2s infinite ease-in-out;
5934 }
5935 .sk-spinner-chasing-dots .sk-dot2 {
5936   top: auto;
5937   bottom: 0;
5938   -webkit-animation-delay: -1s;
5939   animation-delay: -1s;
5940 }
5941 @-webkit-keyframes sk-chasingDotsRotate {
5942   100% {
5943     -webkit-transform: rotate(360deg);
5944     transform: rotate(360deg);
5945   }
5946 }
5947 @keyframes sk-chasingDotsRotate {
5948   100% {
5949     -webkit-transform: rotate(360deg);
5950     transform: rotate(360deg);
5951   }
5952 }
5953 @-webkit-keyframes sk-chasingDotsBounce {
5954   0%,
5955   100% {
5956     -webkit-transform: scale(0);
5957     transform: scale(0);
5958   }
5959   50% {
5960     -webkit-transform: scale(1);
5961     transform: scale(1);
5962   }
5963 }
5964 @keyframes sk-chasingDotsBounce {
5965   0%,
5966   100% {
5967     -webkit-transform: scale(0);
5968     transform: scale(0);
5969   }
5970   50% {
5971     -webkit-transform: scale(1);
5972     transform: scale(1);
5973   }
5974 }
5975 /*
5976  *  Usage:
5977  *
5978  *    <div class="sk-spinner sk-spinner-three-bounce">
5979  *      <div class="sk-bounce1"></div>
5980  *      <div class="sk-bounce2"></div>
5981  *      <div class="sk-bounce3"></div>
5982  *    </div>
5983  *
5984  */
5985 .sk-spinner-three-bounce.sk-spinner {
5986   margin: 0 auto;
5987   width: 70px;
5988   text-align: center;
5989 }
5990 .sk-spinner-three-bounce div {
5991   width: 18px;
5992   height: 18px;
5993   background-color: #1ab394;
5994   border-radius: 100%;
5995   display: inline-block;
5996   -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
5997   animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
5998   /* Prevent first frame from flickering when animation starts */
5999   -webkit-animation-fill-mode: both;
6000   animation-fill-mode: both;
6001 }
6002 .sk-spinner-three-bounce .sk-bounce1 {
6003   -webkit-animation-delay: -0.32s;
6004   animation-delay: -0.32s;
6005 }
6006 .sk-spinner-three-bounce .sk-bounce2 {
6007   -webkit-animation-delay: -0.16s;
6008   animation-delay: -0.16s;
6009 }
6010 @-webkit-keyframes sk-threeBounceDelay {
6011   0%,
6012   80%,
6013   100% {
6014     -webkit-transform: scale(0);
6015     transform: scale(0);
6016   }
6017   40% {
6018     -webkit-transform: scale(1);
6019     transform: scale(1);
6020   }
6021 }
6022 @keyframes sk-threeBounceDelay {
6023   0%,
6024   80%,
6025   100% {
6026     -webkit-transform: scale(0);
6027     transform: scale(0);
6028   }
6029   40% {
6030     -webkit-transform: scale(1);
6031     transform: scale(1);
6032   }
6033 }
6034 /*
6035  *  Usage:
6036  *
6037  *    <div class="sk-spinner sk-spinner-circle">
6038  *      <div class="sk-circle1 sk-circle"></div>
6039  *      <div class="sk-circle2 sk-circle"></div>
6040  *      <div class="sk-circle3 sk-circle"></div>
6041  *      <div class="sk-circle4 sk-circle"></div>
6042  *      <div class="sk-circle5 sk-circle"></div>
6043  *      <div class="sk-circle6 sk-circle"></div>
6044  *      <div class="sk-circle7 sk-circle"></div>
6045  *      <div class="sk-circle8 sk-circle"></div>
6046  *      <div class="sk-circle9 sk-circle"></div>
6047  *      <div class="sk-circle10 sk-circle"></div>
6048  *      <div class="sk-circle11 sk-circle"></div>
6049  *      <div class="sk-circle12 sk-circle"></div>
6050  *    </div>
6051  *
6052  */
6053 .sk-spinner-circle.sk-spinner {
6054   margin: 0 auto;
6055   width: 22px;
6056   height: 22px;
6057   position: relative;
6058 }
6059 .sk-spinner-circle .sk-circle {
6060   width: 100%;
6061   height: 100%;
6062   position: absolute;
6063   left: 0;
6064   top: 0;
6065 }
6066 .sk-spinner-circle .sk-circle:before {
6067   content: '';
6068   display: block;
6069   margin: 0 auto;
6070   width: 20%;
6071   height: 20%;
6072   background-color: #1ab394;
6073   border-radius: 100%;
6074   -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
6075   animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
6076   /* Prevent first frame from flickering when animation starts */
6077   -webkit-animation-fill-mode: both;
6078   animation-fill-mode: both;
6079 }
6080 .sk-spinner-circle .sk-circle2 {
6081   -webkit-transform: rotate(30deg);
6082   -ms-transform: rotate(30deg);
6083   transform: rotate(30deg);
6084 }
6085 .sk-spinner-circle .sk-circle3 {
6086   -webkit-transform: rotate(60deg);
6087   -ms-transform: rotate(60deg);
6088   transform: rotate(60deg);
6089 }
6090 .sk-spinner-circle .sk-circle4 {
6091   -webkit-transform: rotate(90deg);
6092   -ms-transform: rotate(90deg);
6093   transform: rotate(90deg);
6094 }
6095 .sk-spinner-circle .sk-circle5 {
6096   -webkit-transform: rotate(120deg);
6097   -ms-transform: rotate(120deg);
6098   transform: rotate(120deg);
6099 }
6100 .sk-spinner-circle .sk-circle6 {
6101   -webkit-transform: rotate(150deg);
6102   -ms-transform: rotate(150deg);
6103   transform: rotate(150deg);
6104 }
6105 .sk-spinner-circle .sk-circle7 {
6106   -webkit-transform: rotate(180deg);
6107   -ms-transform: rotate(180deg);
6108   transform: rotate(180deg);
6109 }
6110 .sk-spinner-circle .sk-circle8 {
6111   -webkit-transform: rotate(210deg);
6112   -ms-transform: rotate(210deg);
6113   transform: rotate(210deg);
6114 }
6115 .sk-spinner-circle .sk-circle9 {
6116   -webkit-transform: rotate(240deg);
6117   -ms-transform: rotate(240deg);
6118   transform: rotate(240deg);
6119 }
6120 .sk-spinner-circle .sk-circle10 {
6121   -webkit-transform: rotate(270deg);
6122   -ms-transform: rotate(270deg);
6123   transform: rotate(270deg);
6124 }
6125 .sk-spinner-circle .sk-circle11 {
6126   -webkit-transform: rotate(300deg);
6127   -ms-transform: rotate(300deg);
6128   transform: rotate(300deg);
6129 }
6130 .sk-spinner-circle .sk-circle12 {
6131   -webkit-transform: rotate(330deg);
6132   -ms-transform: rotate(330deg);
6133   transform: rotate(330deg);
6134 }
6135 .sk-spinner-circle .sk-circle2:before {
6136   -webkit-animation-delay: -1.1s;
6137   animation-delay: -1.1s;
6138 }
6139 .sk-spinner-circle .sk-circle3:before {
6140   -webkit-animation-delay: -1s;
6141   animation-delay: -1s;
6142 }
6143 .sk-spinner-circle .sk-circle4:before {
6144   -webkit-animation-delay: -0.9s;
6145   animation-delay: -0.9s;
6146 }
6147 .sk-spinner-circle .sk-circle5:before {
6148   -webkit-animation-delay: -0.8s;
6149   animation-delay: -0.8s;
6150 }
6151 .sk-spinner-circle .sk-circle6:before {
6152   -webkit-animation-delay: -0.7s;
6153   animation-delay: -0.7s;
6154 }
6155 .sk-spinner-circle .sk-circle7:before {
6156   -webkit-animation-delay: -0.6s;
6157   animation-delay: -0.6s;
6158 }
6159 .sk-spinner-circle .sk-circle8:before {
6160   -webkit-animation-delay: -0.5s;
6161   animation-delay: -0.5s;
6162 }
6163 .sk-spinner-circle .sk-circle9:before {
6164   -webkit-animation-delay: -0.4s;
6165   animation-delay: -0.4s;
6166 }
6167 .sk-spinner-circle .sk-circle10:before {
6168   -webkit-animation-delay: -0.3s;
6169   animation-delay: -0.3s;
6170 }
6171 .sk-spinner-circle .sk-circle11:before {
6172   -webkit-animation-delay: -0.2s;
6173   animation-delay: -0.2s;
6174 }
6175 .sk-spinner-circle .sk-circle12:before {
6176   -webkit-animation-delay: -0.1s;
6177   animation-delay: -0.1s;
6178 }
6179 @-webkit-keyframes sk-circleBounceDelay {
6180   0%,
6181   80%,
6182   100% {
6183     -webkit-transform: scale(0);
6184     transform: scale(0);
6185   }
6186   40% {
6187     -webkit-transform: scale(1);
6188     transform: scale(1);
6189   }
6190 }
6191 @keyframes sk-circleBounceDelay {
6192   0%,
6193   80%,
6194   100% {
6195     -webkit-transform: scale(0);
6196     transform: scale(0);
6197   }
6198   40% {
6199     -webkit-transform: scale(1);
6200     transform: scale(1);
6201   }
6202 }
6203 /*
6204  *  Usage:
6205  *
6206  *    <div class="sk-spinner sk-spinner-cube-grid">
6207  *      <div class="sk-cube"></div>
6208  *      <div class="sk-cube"></div>
6209  *      <div class="sk-cube"></div>
6210  *      <div class="sk-cube"></div>
6211  *      <div class="sk-cube"></div>
6212  *      <div class="sk-cube"></div>
6213  *      <div class="sk-cube"></div>
6214  *      <div class="sk-cube"></div>
6215  *      <div class="sk-cube"></div>
6216  *    </div>
6217  *
6218  */
6219 .sk-spinner-cube-grid {
6220   /*
6221    * Spinner positions
6222    * 1 2 3
6223    * 4 5 6
6224    * 7 8 9
6225    */
6226 }
6227 .sk-spinner-cube-grid.sk-spinner {
6228   width: 30px;
6229   height: 30px;
6230   margin: 0 auto;
6231 }
6232 .sk-spinner-cube-grid .sk-cube {
6233   width: 33%;
6234   height: 33%;
6235   background-color: #1ab394;
6236   float: left;
6237   -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
6238   animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
6239 }
6240 .sk-spinner-cube-grid .sk-cube:nth-child(1) {
6241   -webkit-animation-delay: 0.2s;
6242   animation-delay: 0.2s;
6243 }
6244 .sk-spinner-cube-grid .sk-cube:nth-child(2) {
6245   -webkit-animation-delay: 0.3s;
6246   animation-delay: 0.3s;
6247 }
6248 .sk-spinner-cube-grid .sk-cube:nth-child(3) {
6249   -webkit-animation-delay: 0.4s;
6250   animation-delay: 0.4s;
6251 }
6252 .sk-spinner-cube-grid .sk-cube:nth-child(4) {
6253   -webkit-animation-delay: 0.1s;
6254   animation-delay: 0.1s;
6255 }
6256 .sk-spinner-cube-grid .sk-cube:nth-child(5) {
6257   -webkit-animation-delay: 0.2s;
6258   animation-delay: 0.2s;
6259 }
6260 .sk-spinner-cube-grid .sk-cube:nth-child(6) {
6261   -webkit-animation-delay: 0.3s;
6262   animation-delay: 0.3s;
6263 }
6264 .sk-spinner-cube-grid .sk-cube:nth-child(7) {
6265   -webkit-animation-delay: 0s;
6266   animation-delay: 0s;
6267 }
6268 .sk-spinner-cube-grid .sk-cube:nth-child(8) {
6269   -webkit-animation-delay: 0.1s;
6270   animation-delay: 0.1s;
6271 }
6272 .sk-spinner-cube-grid .sk-cube:nth-child(9) {
6273   -webkit-animation-delay: 0.2s;
6274   animation-delay: 0.2s;
6275 }
6276 @-webkit-keyframes sk-cubeGridScaleDelay {
6277   0%,
6278   70%,
6279   100% {
6280     -webkit-transform: scale3D(1, 1, 1);
6281     transform: scale3D(1, 1, 1);
6282   }
6283   35% {
6284     -webkit-transform: scale3D(0, 0, 1);
6285     transform: scale3D(0, 0, 1);
6286   }
6287 }
6288 @keyframes sk-cubeGridScaleDelay {
6289   0%,
6290   70%,
6291   100% {
6292     -webkit-transform: scale3D(1, 1, 1);
6293     transform: scale3D(1, 1, 1);
6294   }
6295   35% {
6296     -webkit-transform: scale3D(0, 0, 1);
6297     transform: scale3D(0, 0, 1);
6298   }
6299 }
6300 /*
6301  *  Usage:
6302  *
6303  *    <div class="sk-spinner sk-spinner-wordpress">
6304  *      <span class="sk-inner-circle"></span>
6305  *    </div>
6306  *
6307  */
6308 .sk-spinner-wordpress.sk-spinner {
6309   background-color: #1ab394;
6310   width: 30px;
6311   height: 30px;
6312   border-radius: 30px;
6313   position: relative;
6314   margin: 0 auto;
6315   -webkit-animation: sk-innerCircle 1s linear infinite;
6316   animation: sk-innerCircle 1s linear infinite;
6317 }
6318 .sk-spinner-wordpress .sk-inner-circle {
6319   display: block;
6320   background-color: #fff;
6321   width: 8px;
6322   height: 8px;
6323   position: absolute;
6324   border-radius: 8px;
6325   top: 5px;
6326   left: 5px;
6327 }
6328 @-webkit-keyframes sk-innerCircle {
6329   0% {
6330     -webkit-transform: rotate(0);
6331     transform: rotate(0);
6332   }
6333   100% {
6334     -webkit-transform: rotate(360deg);
6335     transform: rotate(360deg);
6336   }
6337 }
6338 @keyframes sk-innerCircle {
6339   0% {
6340     -webkit-transform: rotate(0);
6341     transform: rotate(0);
6342   }
6343   100% {
6344     -webkit-transform: rotate(360deg);
6345     transform: rotate(360deg);
6346   }
6347 }
6348 /*
6349  *  Usage:
6350  *
6351  *    <div class="sk-spinner sk-spinner-fading-circle">
6352  *      <div class="sk-circle1 sk-circle"></div>
6353  *      <div class="sk-circle2 sk-circle"></div>
6354  *      <div class="sk-circle3 sk-circle"></div>
6355  *      <div class="sk-circle4 sk-circle"></div>
6356  *      <div class="sk-circle5 sk-circle"></div>
6357  *      <div class="sk-circle6 sk-circle"></div>
6358  *      <div class="sk-circle7 sk-circle"></div>
6359  *      <div class="sk-circle8 sk-circle"></div>
6360  *      <div class="sk-circle9 sk-circle"></div>
6361  *      <div class="sk-circle10 sk-circle"></div>
6362  *      <div class="sk-circle11 sk-circle"></div>
6363  *      <div class="sk-circle12 sk-circle"></div>
6364  *    </div>
6365  *
6366  */
6367 .sk-spinner-fading-circle.sk-spinner {
6368   margin: 0 auto;
6369   width: 22px;
6370   height: 22px;
6371   position: relative;
6372 }
6373 .sk-spinner-fading-circle .sk-circle {
6374   width: 100%;
6375   height: 100%;
6376   position: absolute;
6377   left: 0;
6378   top: 0;
6379 }
6380 .sk-spinner-fading-circle .sk-circle:before {
6381   content: '';
6382   display: block;
6383   margin: 0 auto;
6384   width: 18%;
6385   height: 18%;
6386   background-color: #1ab394;
6387   border-radius: 100%;
6388   -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
6389   animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
6390   /* Prevent first frame from flickering when animation starts */
6391   -webkit-animation-fill-mode: both;
6392   animation-fill-mode: both;
6393 }
6394 .sk-spinner-fading-circle .sk-circle2 {
6395   -webkit-transform: rotate(30deg);
6396   -ms-transform: rotate(30deg);
6397   transform: rotate(30deg);
6398 }
6399 .sk-spinner-fading-circle .sk-circle3 {
6400   -webkit-transform: rotate(60deg);
6401   -ms-transform: rotate(60deg);
6402   transform: rotate(60deg);
6403 }
6404 .sk-spinner-fading-circle .sk-circle4 {
6405   -webkit-transform: rotate(90deg);
6406   -ms-transform: rotate(90deg);
6407   transform: rotate(90deg);
6408 }
6409 .sk-spinner-fading-circle .sk-circle5 {
6410   -webkit-transform: rotate(120deg);
6411   -ms-transform: rotate(120deg);
6412   transform: rotate(120deg);
6413 }
6414 .sk-spinner-fading-circle .sk-circle6 {
6415   -webkit-transform: rotate(150deg);
6416   -ms-transform: rotate(150deg);
6417   transform: rotate(150deg);
6418 }
6419 .sk-spinner-fading-circle .sk-circle7 {
6420   -webkit-transform: rotate(180deg);
6421   -ms-transform: rotate(180deg);
6422   transform: rotate(180deg);
6423 }
6424 .sk-spinner-fading-circle .sk-circle8 {
6425   -webkit-transform: rotate(210deg);
6426   -ms-transform: rotate(210deg);
6427   transform: rotate(210deg);
6428 }
6429 .sk-spinner-fading-circle .sk-circle9 {
6430   -webkit-transform: rotate(240deg);
6431   -ms-transform: rotate(240deg);
6432   transform: rotate(240deg);
6433 }
6434 .sk-spinner-fading-circle .sk-circle10 {
6435   -webkit-transform: rotate(270deg);
6436   -ms-transform: rotate(270deg);
6437   transform: rotate(270deg);
6438 }
6439 .sk-spinner-fading-circle .sk-circle11 {
6440   -webkit-transform: rotate(300deg);
6441   -ms-transform: rotate(300deg);
6442   transform: rotate(300deg);
6443 }
6444 .sk-spinner-fading-circle .sk-circle12 {
6445   -webkit-transform: rotate(330deg);
6446   -ms-transform: rotate(330deg);
6447   transform: rotate(330deg);
6448 }
6449 .sk-spinner-fading-circle .sk-circle2:before {
6450   -webkit-animation-delay: -1.1s;
6451   animation-delay: -1.1s;
6452 }
6453 .sk-spinner-fading-circle .sk-circle3:before {
6454   -webkit-animation-delay: -1s;
6455   animation-delay: -1s;
6456 }
6457 .sk-spinner-fading-circle .sk-circle4:before {
6458   -webkit-animation-delay: -0.9s;
6459   animation-delay: -0.9s;
6460 }
6461 .sk-spinner-fading-circle .sk-circle5:before {
6462   -webkit-animation-delay: -0.8s;
6463   animation-delay: -0.8s;
6464 }
6465 .sk-spinner-fading-circle .sk-circle6:before {
6466   -webkit-animation-delay: -0.7s;
6467   animation-delay: -0.7s;
6468 }
6469 .sk-spinner-fading-circle .sk-circle7:before {
6470   -webkit-animation-delay: -0.6s;
6471   animation-delay: -0.6s;
6472 }
6473 .sk-spinner-fading-circle .sk-circle8:before {
6474   -webkit-animation-delay: -0.5s;
6475   animation-delay: -0.5s;
6476 }
6477 .sk-spinner-fading-circle .sk-circle9:before {
6478   -webkit-animation-delay: -0.4s;
6479   animation-delay: -0.4s;
6480 }
6481 .sk-spinner-fading-circle .sk-circle10:before {
6482   -webkit-animation-delay: -0.3s;
6483   animation-delay: -0.3s;
6484 }
6485 .sk-spinner-fading-circle .sk-circle11:before {
6486   -webkit-animation-delay: -0.2s;
6487   animation-delay: -0.2s;
6488 }
6489 .sk-spinner-fading-circle .sk-circle12:before {
6490   -webkit-animation-delay: -0.1s;
6491   animation-delay: -0.1s;
6492 }
6493 @-webkit-keyframes sk-circleFadeDelay {
6494   0%,
6495   39%,
6496   100% {
6497     opacity: 0;
6498   }
6499   40% {
6500     opacity: 1;
6501   }
6502 }
6503 @keyframes sk-circleFadeDelay {
6504   0%,
6505   39%,
6506   100% {
6507     opacity: 0;
6508   }
6509   40% {
6510     opacity: 1;
6511   }
6512 }
6513 /*
6514  *
6515  *   INSPINIA Landing Page - Responsive Admin Theme
6516  *   Copyright 2014 Webapplayers.com
6517  *
6518 */
6519 /* GLOBAL STYLES
6520 -------------------------------------------------- */
6521 /* PACE PLUGIN
6522 -------------------------------------------------- */
6523 .landing-page.pace .pace-progress {
6524   background: #fff;
6525   position: fixed;
6526   z-index: 2000;
6527   top: 0;
6528   left: 0;
6529   height: 2px;
6530   -webkit-transition: width 1s;
6531   -moz-transition: width 1s;
6532   -o-transition: width 1s;
6533   transition: width 1s;
6534 }
6535 .pace-inactive {
6536   display: none;
6537 }
6538 body.landing-page {
6539   color: #676a6c;
6540   font-family: 'Open Sans', helvetica, arial, sans-serif;
6541   background-color: #fff;
6542 }
6543 .landing-page {
6544   /* CUSTOMIZE THE NAVBAR
6545   -------------------------------------------------- */
6546   /* Flip around the padding for proper display in narrow viewports */
6547   /* BACKGROUNDS SLIDER
6548   -------------------------------------------------- */
6549   /* CUSTOMIZE THE CAROUSEL
6550   -------------------------------------------------- */
6551   /* Carousel base class */
6552   /* Since positioning the image, we need to help out the caption */
6553   /* Declare heights because of positioning of img element */
6554   /* Sections
6555   ------------------------- */
6556   /* Buttons - only primary custom button
6557   ------------------------- */
6558   /* RESPONSIVE CSS
6559   -------------------------------------------------- */
6560 }
6561 .landing-page span.navy {
6562   color: #1ab394;
6563 }
6564 .landing-page p.text-color {
6565   color: #676a6c;
6566 }
6567 .landing-page a.navy-link {
6568   color: #1ab394;
6569   text-decoration: none;
6570 }
6571 .landing-page a.navy-link:hover {
6572   color: #179d82;
6573 }
6574 .landing-page section p {
6575   color: #aeaeae;
6576   font-size: 13px;
6577 }
6578 .landing-page address {
6579   font-size: 13px;
6580 }
6581 .landing-page h1 {
6582   margin-top: 10px;
6583   font-size: 30px;
6584   font-weight: 200;
6585 }
6586 .landing-page .navy-line {
6587   width: 60px;
6588   height: 1px;
6589   margin: 60px auto 0;
6590   border-bottom: 2px solid #1ab394;
6591 }
6592 .landing-page .navbar-wrapper {
6593   position: fixed;
6594   top: 0;
6595   right: 0;
6596   left: 0;
6597   z-index: 200;
6598 }
6599 .landing-page .navbar-wrapper > .container {
6600   padding-right: 0;
6601   padding-left: 0;
6602 }
6603 .landing-page .navbar-wrapper .navbar {
6604   padding-right: 15px;
6605   padding-left: 15px;
6606 }
6607 .landing-page .navbar-default.navbar-scroll {
6608   background-color: #fff;
6609   border-color: #fff;
6610   padding: 15px 0;
6611 }
6612 .landing-page .navbar-default {
6613   background-color: transparent;
6614   border-color: transparent;
6615   transition: all 0.3s ease-in-out 0s;
6616 }
6617 .landing-page .navbar-default .nav li a {
6618   color: #fff;
6619   font-family: 'Open Sans', helvetica, arial, sans-serif;
6620   font-weight: 700;
6621   letter-spacing: 1px;
6622   text-transform: uppercase;
6623   font-size: 14px;
6624 }
6625 .landing-page .navbar-nav > li > a {
6626   padding-top: 25px;
6627   border-top: 6px solid transparent;
6628 }
6629 .landing-page .navbar-default .navbar-nav > .active > a,
6630 .landing-page .navbar-default .navbar-nav > .active > a:hover {
6631   background: transparent;
6632   color: #fff;
6633   border-top: 6px solid #1ab394;
6634 }
6635 .landing-page .navbar-default .navbar-nav > li > a:hover,
6636 .landing-page .navbar-default .navbar-nav > li > a:focus {
6637   color: #1ab394;
6638   background: inherit;
6639 }
6640 .landing-page .navbar-default .navbar-nav > .active > a:focus {
6641   background: transparent;
6642   color: #fff;
6643 }
6644 .landing-page .navbar-default .navbar-nav > .active > a:focus {
6645   background: transparent;
6646   color: #ffffff;
6647 }
6648 .landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
6649   background: transparent;
6650   color: inherit;
6651 }
6652 .landing-page .navbar-default .navbar-brand:hover,
6653 .landing-page .navbar-default .navbar-brand:focus {
6654   background: #179d82;
6655   color: #fff;
6656 }
6657 .landing-page .navbar-default .navbar-brand {
6658   color: #fff;
6659   height: auto;
6660   display: block;
6661   font-size: 14px;
6662   background: #1ab394;
6663   padding: 15px 20px 15px 20px;
6664   border-radius: 0 0 5px 5px;
6665   font-weight: 700;
6666   transition: all 0.3s ease-in-out 0s;
6667 }
6668 .landing-page .navbar-scroll.navbar-default .nav li a {
6669   color: #676a6c;
6670 }
6671 .landing-page .navbar-scroll.navbar-default .nav li a:hover {
6672   color: #1ab394;
6673 }
6674 .landing-page .navbar-wrapper .navbar.navbar-scroll {
6675   padding-top: 0;
6676   padding-bottom: 0;
6677   border-bottom: 1px solid #e7eaec;
6678   border-radius: 0;
6679 }
6680 .landing-page .nav > li.active {
6681   border: none;
6682   background: inherit;
6683 }
6684 .landing-page .nav > li > a {
6685   padding: 25px 10px 15px 10px;
6686 }
6687 .landing-page .navbar-scroll .navbar-nav > li > a {
6688   padding: 20px 10px;
6689 }
6690 .landing-page .navbar-default .navbar-nav > .active > a,
6691 .landing-page .navbar-default .navbar-nav > .active > a:hover {
6692   border-top: 6px solid #1ab394;
6693 }
6694 .landing-page .navbar-fixed-top {
6695   border: none !important;
6696 }
6697 .landing-page .navbar-fixed-top.navbar-scroll {
6698   border-bottom: 1px solid #e7eaec !important;
6699 }
6700 .landing-page .navbar.navbar-scroll .navbar-brand {
6701   margin-top: 15px;
6702   border-radius: 5px;
6703   font-size: 12px;
6704   padding: 10px;
6705   height: auto;
6706 }
6707 .landing-page .header-back {
6708   height: 470px;
6709   width: 100%;
6710 }
6711 /*.landing-page .header-back.one {
6712   background: url('../../images/header_one.jpg') 50% 0 no-repeat;
6713 }*/
6714 .landing-page .header-back.two {
6715   background: url('../../images/header_two.jpg') 50% 0 no-repeat;
6716 }
6717 .landing-page .carousel {
6718   height: 470px;
6719 }
6720 .landing-page .carousel-caption {
6721   z-index: 10;
6722 }
6723 .landing-page .carousel .item {
6724   height: 470px;
6725   background-color: #777;
6726 }
6727 .landing-page .carousel-inner > .item > img {
6728   position: absolute;
6729   top: 0;
6730   left: 0;
6731   min-width: 100%;
6732   height: 470px;
6733 }
6734 .landing-page .carousel-fade .carousel-inner .item {
6735   opacity: 0;
6736   -webkit-transition-property: opacity;
6737   transition-property: opacity;
6738 }
6739 .landing-page .carousel-fade .carousel-inner .active {
6740   opacity: 1;
6741 }
6742 .landing-page .carousel-fade .carousel-inner .active.left,
6743 .landing-page .carousel-fade .carousel-inner .active.right {
6744   left: 0;
6745   opacity: 0;
6746   z-index: 1;
6747 }
6748 .landing-page .carousel-fade .carousel-inner .next.left,
6749 .landing-page .carousel-fade .carousel-inner .prev.right {
6750   opacity: 1;
6751 }
6752 .landing-page .carousel-fade .carousel-control {
6753   z-index: 2;
6754 }
6755 .landing-page .carousel-control.left,
6756 .landing-page .carousel-control.right {
6757   background: none;
6758 }
6759 .landing-page .carousel-control {
6760   width: 6%;
6761 }
6762 .landing-page .carousel-inner .container {
6763   position: relative;
6764 }
6765 .landing-page .carousel-inner {
6766   overflow: visible;
6767 }
6768 .landing-page .carousel-caption {
6769   position: absolute;
6770   top: 100px;
6771   left: 0;
6772   bottom: auto;
6773   right: auto;
6774   text-align: left;
6775 }
6776 .landing-page .carousel-caption {
6777   position: absolute;
6778   top: 100px;
6779   left: 0;
6780   bottom: auto;
6781   right: auto;
6782   text-align: left;
6783 }
6784 .landing-page .carousel-caption.blank {
6785   top: 140px;
6786 }
6787 .landing-page .carousel-image {
6788   position: absolute;
6789   right: 10px;
6790   top: 150px;
6791 }
6792 .landing-page .carousel-indicators {
6793   padding-right: 60px;
6794 }
6795 .landing-page .carousel-caption h1 {
6796   font-weight: 700;
6797   font-size: 38px;
6798   text-transform: uppercase;
6799   text-shadow: none;
6800   letter-spacing: -1.5px;
6801 }
6802 .landing-page .carousel-caption p {
6803   font-weight: 700;
6804   text-transform: uppercase;
6805   text-shadow: none;
6806 }
6807 .landing-page .caption-link {
6808   color: #fff;
6809   margin-left: 10px;
6810   text-transform: capitalize;
6811   font-weight: 400;
6812 }
6813 .landing-page .caption-link:hover {
6814   text-decoration: none;
6815   color: inherit;
6816 }
6817 .landing-page .services {
6818   padding-top: 60px;
6819 }
6820 .landing-page .services h2 {
6821   font-size: 20px;
6822   letter-spacing: -1px;
6823   font-weight: 600;
6824   text-transform: uppercase;
6825 }
6826 .landing-page .features-block {
6827   margin-top: 40px;
6828 }
6829 .landing-page .features-text {
6830   margin-top: 40px;
6831 }
6832 .landing-page .features small {
6833   color: #1ab394;
6834 }
6835 .landing-page .features h2 {
6836   font-size: 18px;
6837   margin-top: 5px;
6838 }
6839 .landing-page .features-text-alone {
6840   margin: 40px 0;
6841 }
6842 .landing-page .features-text-alone h1 {
6843   font-weight: 200;
6844 }
6845 .landing-page .features-icon {
6846   color: #1ab394;
6847   font-size: 40px;
6848 }
6849 .landing-page .navy-section {
6850   margin-top: 60px;
6851   background: #1ab394;
6852   color: #fff;
6853   padding: 20px 0;
6854 }
6855 .landing-page .gray-section {
6856   background: #f4f4f4;
6857   margin-top: 60px;
6858 }
6859 .landing-page .team-member {
6860   text-align: center;
6861 }
6862 .landing-page .team-member img {
6863   margin: auto;
6864 }
6865 .landing-page .social-icon a {
6866   background: #1ab394;
6867   color: #fff;
6868   padding: 4px 8px;
6869   height: 28px;
6870   width: 28px;
6871   display: block;
6872   border-radius: 50px;
6873 }
6874 .landing-page .social-icon a:hover {
6875   background: #179d82;
6876 }
6877 .landing-page .img-small {
6878   height: 88px;
6879   width: 88px;
6880 }
6881 .landing-page .pricing-plan {
6882   margin: 20px 30px 0 30px;
6883   border-radius: 4px;
6884 }
6885 .landing-page .pricing-plan.selected {
6886   transform: scale(1.1);
6887   background: #f4f4f4;
6888 }
6889 .landing-page .pricing-plan li {
6890   padding: 10px 16px;
6891   border-top: 1px solid #e7eaec;
6892   text-align: center;
6893   color: #aeaeae;
6894 }
6895 .landing-page .pricing-plan .pricing-price span {
6896   font-weight: 700;
6897   color: #1ab394;
6898 }
6899 .landing-page li.pricing-desc {
6900   font-size: 13px;
6901   border-top: none;
6902   padding: 20px 16px;
6903 }
6904 .landing-page li.pricing-title {
6905   background: #1ab394;
6906   color: #fff;
6907   padding: 10px;
6908   border-radius: 4px 4px 0 0;
6909   font-size: 22px;
6910   font-weight: 600;
6911 }
6912 .landing-page .testimonials {
6913   padding-top: 80px;
6914   padding-bottom: 90px;
6915   background-color: #1ab394;
6916   background-image: url('../../images/landing/avatar_all.png');
6917 }
6918 .landing-page .big-icon {
6919   font-size: 56px !important;
6920 }
6921 .landing-page .features .big-icon {
6922   color: #1ab394 !important;
6923 }
6924 .landing-page .contact {
6925   /*background-image: url('../../images/word_map.png');*/
6926   background-position: 50% 50%;
6927   background-repeat: no-repeat;
6928   margin-top: 60px;
6929 }
6930 .landing-page section.timeline {
6931   padding-bottom: 30px;
6932 }
6933 .landing-page section.comments {
6934   padding-bottom: 80px;
6935 }
6936 .landing-page .comments-avatar {
6937   margin-top: 25px;
6938   margin-left: 22px;
6939 }
6940 .landing-page .comments-avatar .commens-name {
6941   font-weight: 600;
6942   font-size: 14px;
6943 }
6944 .landing-page .comments-avatar img {
6945   width: 42px;
6946   height: 42px;
6947   border-radius: 50%;
6948   margin-right: 10px;
6949 }
6950 .landing-page .bubble {
6951   position: relative;
6952   height: 120px;
6953   padding: 20px;
6954   background: #FFFFFF;
6955   -webkit-border-radius: 10px;
6956   -moz-border-radius: 10px;
6957   border-radius: 10px;
6958   font-style: italic;
6959   font-size: 14px;
6960 }
6961 .landing-page .bubble:after {
6962   content: '';
6963   position: absolute;
6964   border-style: solid;
6965   border-width: 15px 14px 0;
6966   border-color: #FFFFFF transparent;
6967   display: block;
6968   width: 0;
6969   z-index: 1;
6970   bottom: -15px;
6971   left: 30px;
6972 }
6973 .landing-page .btn-primary.btn-outline:hover,
6974 .landing-page .btn-success.btn-outline:hover,
6975 .landing-page .btn-info.btn-outline:hover,
6976 .landing-page .btn-warning.btn-outline:hover,
6977 .landing-page .btn-danger.btn-outline:hover {
6978   color: #fff;
6979 }
6980 .landing-page .btn-primary {
6981   background-color: #1ab394;
6982   border-color: #1ab394;
6983   color: #FFFFFF;
6984   font-size: 14px;
6985   padding: 10px 20px;
6986   font-weight: 600;
6987 }
6988 .landing-page .btn-primary:hover,
6989 .landing-page .btn-primary:focus,
6990 .landing-page .btn-primary:active,
6991 .landing-page .btn-primary.active,
6992 .landing-page .open .dropdown-toggle.btn-primary {
6993   background-color: #179d82;
6994   border-color: #179d82;
6995   color: #FFFFFF;
6996 }
6997 .landing-page .btn-primary:active,
6998 .landing-page .btn-primary.active,
6999 .landing-page .open .dropdown-toggle.btn-primary {
7000   background-image: none;
7001 }
7002 .landing-page .btn-primary.disabled,
7003 .landing-page .btn-primary.disabled:hover,
7004 .landing-page .btn-primary.disabled:focus,
7005 .landing-page .btn-primary.disabled:active,
7006 .landing-page .btn-primary.disabled.active,
7007 .landing-page .btn-primary[disabled],
7008 .landing-page .btn-primary[disabled]:hover,
7009 .landing-page .btn-primary[disabled]:focus,
7010 .landing-page .btn-primary[disabled]:active,
7011 .landing-page .btn-primary.active[disabled],
7012 .landing-page fieldset[disabled] .btn-primary,
7013 .landing-page fieldset[disabled] .btn-primary:hover,
7014 .landing-page fieldset[disabled] .btn-primary:focus,
7015 .landing-page fieldset[disabled] .btn-primary:active,
7016 .landing-page fieldset[disabled] .btn-primary.active {
7017   background-color: #1dc5a3;
7018   border-color: #1dc5a3;
7019 }
7020 @media (min-width: 768px) {
7021   .landing-page {
7022     /* Navbar positioning foo */
7023     /* The navbar becomes detached from the top, so we round the corners */
7024     /* Bump up size of carousel content */
7025   }
7026   .landing-page .navbar-wrapper {
7027     margin-top: 20px;
7028   }
7029   .landing-page .navbar-wrapper .container {
7030     padding-right: 15px;
7031     padding-left: 15px;
7032   }
7033   .landing-page .navbar-wrapper .navbar {
7034     padding-right: 0;
7035     padding-left: 0;
7036   }
7037   .landing-page .navbar-wrapper .navbar {
7038     border-radius: 4px;
7039   }
7040   .landing-page .carousel-caption p {
7041     margin-bottom: 20px;
7042     font-size: 14px;
7043     line-height: 1.4;
7044   }
7045   .landing-page .featurette-heading {
7046     font-size: 50px;
7047   }
7048 }
7049 @media (max-width: 992px) {
7050   .landing-page .carousel-image {
7051     display: none;
7052   }
7053 }
7054 @media (max-width: 768px) {
7055   .landing-page .carousel-caption,
7056   .landing-page .carousel-caption.blank {
7057     left: 5%;
7058     top: 80px;
7059   }
7060   .landing-page .carousel-caption h1 {
7061     font-size: 28px;
7062   }
7063   .landing-page .navbar.navbar-scroll .navbar-brand {
7064     margin-top: 6px;
7065   }
7066   .landing-page .navbar-default {
7067     background-color: #fff;
7068     border-color: #fff;
7069     padding: 15px 0;
7070   }
7071   .landing-page .navbar-default .navbar-nav > .active > a:focus {
7072     background: transparent;
7073     color: inherit;
7074   }
7075   .landing-page .navbar-default .nav li a {
7076     color: #676a6c;
7077   }
7078   .landing-page .navbar-default .nav li a:hover {
7079     color: #1ab394;
7080   }
7081   .landing-page .navbar-wrapper .navbar {
7082     padding-top: 0;
7083     padding-bottom: 5px;
7084     border-bottom: 1px solid #e7eaec;
7085     border-radius: 0;
7086   }
7087   .landing-page .nav > li > a {
7088     padding: 25px 10px 15px 10px;
7089   }
7090   .landing-page .navbar-nav > li > a {
7091     padding: 20px 10px;
7092   }
7093   .landing-page .navbar .navbar-brand {
7094     margin-top: 6px;
7095     border-radius: 5px;
7096     font-size: 12px;
7097     padding: 10px;
7098     height: auto;
7099   }
7100   .landing-page .navbar-wrapper .navbar {
7101     padding-left: 15px;
7102     padding-right: 5px;
7103   }
7104   .landing-page .navbar-default .navbar-nav > .active > a,
7105   .landing-page .navbar-default .navbar-nav > .active > a:hover {
7106     color: inherit;
7107   }
7108   .landing-page .carousel-control {
7109     display: none;
7110   }
7111 }
7112 @media (min-width: 992px) {
7113   .landing-page .featurette-heading {
7114     margin-top: 120px;
7115   }
7116 }
7117 @media (max-width: 768px) {
7118   .landing-page .navbar .navbar-header {
7119     display: block;
7120     float: none;
7121   }
7122   .landing-page .navbar .navbar-header .navbar-toggle {
7123     background-color: #ffffff;
7124     padding: 9px 10px;
7125     border: none;
7126   }
7127 }
7128 body.rtls {
7129   /* Theme config */
7130 }
7131 body.rtls #page-wrapper {
7132   margin: 0 220px 0 0;
7133 }
7134 body.rtls .nav-second-level li a {
7135   padding: 7px 35px 7px 10px;
7136 }
7137 body.rtls .ibox-title h5 {
7138   float: right;
7139 }
7140 body.rtls .pull-right {
7141   float: left !important;
7142 }
7143 body.rtls .pull-left {
7144   float: right !important;
7145 }
7146 body.rtls .ibox-tools {
7147   float: left;
7148 }
7149 body.rtls .stat-percent {
7150   float: left;
7151 }
7152 body.rtls .navbar-right {
7153   float: left !important;
7154 }
7155 body.rtls .navbar-top-links li:last-child {
7156   margin-left: 40px;
7157   margin-right: 0;
7158 }
7159 body.rtls .minimalize-styl-2 {
7160   float: right;
7161   margin: 14px 20px 5px 5px;
7162 }
7163 body.rtls .feed-element > .pull-left {
7164   margin-left: 10px;
7165   margin-right: 0;
7166 }
7167 body.rtls .timeline-item .date {
7168   text-align: left;
7169 }
7170 body.rtls .timeline-item .date i {
7171   left: 0;
7172   right: auto;
7173 }
7174 body.rtls .timeline-item .content {
7175   border-right: 1px solid #e7eaec;
7176   border-left: none;
7177 }
7178 body.rtls .theme-config {
7179   left: 0;
7180   right: auto;
7181 }
7182 body.rtls .spin-icon {
7183   border-radius: 0 20px 20px 0;
7184 }
7185 body.rtls .toast-close-button {
7186   float: left;
7187 }
7188 body.rtls #toast-container > .toast:before {
7189   margin: auto -1.5em auto 0.5em;
7190 }
7191 body.rtls #toast-container > div {
7192   padding: 15px 50px 15px 15px;
7193 }
7194 body.rtls .center-orientation .vertical-timeline-icon i {
7195   margin-left: 0;
7196   margin-right: -12px;
7197 }
7198 body.rtls .vertical-timeline-icon i {
7199   right: 50%;
7200   left: auto;
7201   margin-left: auto;
7202   margin-right: -12px;
7203 }
7204 body.rtls .file-box {
7205   float: right;
7206 }
7207 body.rtls ul.notes li {
7208   float: right;
7209 }
7210 body.rtls .chat-users,
7211 body.rtls .chat-statistic {
7212   margin-right: -30px;
7213   margin-left: auto;
7214 }
7215 body.rtls .dropdown-menu > li > a {
7216   text-align: right;
7217 }
7218 body.rtls .b-r {
7219   border-left: 1px solid #e7eaec;
7220   border-right: none;
7221 }
7222 body.rtls .dd-list .dd-list {
7223   padding-right: 30px;
7224   padding-left: 0;
7225 }
7226 body.rtls .dd-item > button {
7227   float: right;
7228 }
7229 body.rtls .theme-config-box {
7230   margin-left: -220px;
7231   margin-right: 0;
7232 }
7233 body.rtls .theme-config-box.show {
7234   margin-left: 0;
7235   margin-right: 0;
7236 }
7237 body.rtls .spin-icon {
7238   right: 0;
7239   left: auto;
7240 }
7241 body.rtls .skin-setttings {
7242   margin-right: 40px;
7243   margin-left: 0;
7244 }
7245 body.rtls .skin-setttings {
7246   direction: ltr;
7247 }
7248 body.rtls .footer.fixed {
7249   margin-right: 220px;
7250   margin-left: 0;
7251 }
7252 @media (max-width: 992px) {
7253   body.rtls .chat-users,
7254   body.rtls .chat-statistic {
7255     margin-right: 0;
7256   }
7257 }
7258 body.rtls.mini-navbar .footer.fixed,
7259 body.body-small.mini-navbar .footer.fixed {
7260   margin: 0 70px 0 0;
7261 }
7262 body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
7263 body.body-small.mini-navbar .footer.fixed {
7264   margin: 0 0 0 0;
7265 }
7266 body.rtls.top-navigation .navbar-toggle {
7267   float: right;
7268   margin-left: 15px;
7269   margin-right: 15px;
7270 }
7271 .body-small.rtls.top-navigation .navbar-header {
7272   float: none;
7273 }
7274 body.rtls.top-navigation #page-wrapper {
7275   margin: 0;
7276 }
7277 body.rtls.mini-navbar #page-wrapper {
7278   margin: 0 70px 0 0;
7279 }
7280 body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
7281   margin: 0 0 0 0;
7282 }
7283 body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
7284   margin: 0 220px 0 0;
7285 }
7286 body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
7287   width: 220px;
7288 }
7289 .body-small.rtls .navbar-fixed-top {
7290   margin-right: 0;
7291 }
7292 .body-small.rtls .navbar-header {
7293   float: right;
7294 }
7295 body.rtls .navbar-top-links li:last-child {
7296   margin-left: 20px;
7297 }
7298 body.rtls .top-navigation #page-wrapper,
7299 body.rtls.mini-navbar .top-navigation #page-wrapper,
7300 body.rtls.mini-navbar.top-navigation #page-wrapper {
7301   margin: 0;
7302 }
7303 body.rtls .top-navigation .footer.fixed,
7304 body.rtls.top-navigation .footer.fixed {
7305   margin: 0;
7306 }
7307 @media (max-width: 768px) {
7308   body.rtls .navbar-top-links li:last-child {
7309     margin-left: 20px;
7310   }
7311   .body-small.rtls #page-wrapper {
7312     position: inherit;
7313     margin: 0 0 0 0;
7314     min-height: 1000px;
7315   }
7316   .body-small.rtls .navbar-static-side {
7317     display: none;
7318     z-index: 2001;
7319     position: absolute;
7320     width: 70px;
7321   }
7322   .body-small.rtls.mini-navbar .navbar-static-side {
7323     display: block;
7324   }
7325   .rtls.fixed-sidebar.body-small .navbar-static-side {
7326     display: none;
7327     z-index: 2001;
7328     position: fixed;
7329     width: 220px;
7330   }
7331   .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
7332     display: block;
7333   }
7334 }
7335 .rtls .ltr-support {
7336   direction: ltr;
7337 }
7338 .rtls.mini-navbar .nav-second-level,
7339 .rtls.mini-navbar li.active .nav-second-level {
7340   left: auto;
7341   right: 70px;
7342 }
7343 .rtls #right-sidebar {
7344   left: -260px;
7345   right: auto;
7346 }
7347 .rtls #right-sidebar.sidebar-open {
7348   left: 0;
7349 }
7350 /*
7351  *
7352  *   This is style for skin config
7353  *   Use only in demo theme
7354  *
7355 */
7356 .theme-config {
7357   position: absolute;
7358   top: 90px;
7359   right: 0;
7360   overflow: hidden;
7361 }
7362 .theme-config-box {
7363   margin-right: -220px;
7364   position: relative;
7365   z-index: 2000;
7366   transition-duration: 0.8s;
7367 }
7368 .theme-config-box.show {
7369   margin-right: 0;
7370 }
7371 .spin-icon {
7372   background: #1ab394;
7373   position: absolute;
7374   padding: 7px 10px 7px 13px;
7375   border-radius: 20px 0 0 20px;
7376   font-size: 16px;
7377   top: 0;
7378   left: 0;
7379   width: 40px;
7380   color: #fff;
7381   cursor: pointer;
7382 }
7383 .skin-setttings {
7384   width: 220px;
7385   margin-left: 40px;
7386   background: #f3f3f4;
7387 }
7388 .skin-setttings .title {
7389   background: #efefef;
7390   text-align: center;
7391   text-transform: uppercase;
7392   font-weight: 600;
7393   display: block;
7394   padding: 10px 15px;
7395   font-size: 12px;
7396 }
7397 .setings-item {
7398   padding: 10px 30px;
7399 }
7400 .setings-item.skin {
7401   text-align: center;
7402 }
7403 .setings-item .switch {
7404   float: right;
7405 }
7406 .skin-name a {
7407   text-transform: uppercase;
7408 }
7409 .setings-item a {
7410   color: #fff;
7411 }
7412 .default-skin,
7413 .blue-skin,
7414 .ultra-skin,
7415 .yellow-skin {
7416   text-align: center;
7417 }
7418 .default-skin {
7419   font-weight: 600;
7420   background: #283A49;
7421 }
7422 .default-skin:hover {
7423   background: #1e2e3d;
7424 }
7425 .blue-skin {
7426   font-weight: 600;
7427   background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
7428 }
7429 .blue-skin:hover {
7430   background: #0d8ddb;
7431 }
7432 .yellow-skin {
7433   font-weight: 600;
7434   background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
7435 }
7436 .yellow-skin:hover {
7437   background: #ce8735;
7438 }
7439 .ultra-skin {
7440   padding: 20px 10px;
7441   font-weight: 600;
7442   background: url("patterns/3.png") repeat scroll 0 0;
7443 }
7444 .ultra-skin:hover {
7445   background: url("patterns/4.png") repeat scroll 0 0;
7446 }
7447 /*
7448  *
7449  *   SKIN 1 - INSPINIA - Responsive Admin Theme
7450  *   NAME - Blue light
7451  *
7452 */
7453 .skin-1 .minimalize-styl-2 {
7454   margin: 14px 5px 5px 30px;
7455 }
7456 .skin-1 .navbar-top-links li:last-child {
7457   margin-right: 30px;
7458 }
7459 .skin-1.fixed-nav .minimalize-styl-2 {
7460   margin: 14px 5px 5px 15px;
7461 }
7462 .skin-1 .spin-icon {
7463   background: #0e9aef !important;
7464 }
7465 .skin-1 .nav-header {
7466   background: #0e9aef;
7467   background: url('patterns/header-profile-skin-1.png');
7468 }
7469 .skin-1.mini-navbar .nav-second-level {
7470   background: #3e495f;
7471 }
7472 .skin-1 .breadcrumb {
7473   background: transparent;
7474 }
7475 .skin-1 .page-heading {
7476   border: none;
7477 }
7478 .skin-1 .nav > li.active {
7479   background: #3a4459;
7480 }
7481 .skin-1 .nav > li > a {
7482   color: #9ea6b9;
7483 }
7484 .skin-1 .nav > li.active > a {
7485   color: #fff;
7486 }
7487 .skin-1 .navbar-minimalize {
7488   background: #0e9aef;
7489   border-color: #0e9aef;
7490 }
7491 body.skin-1 {
7492   background: #3e495f;
7493 }
7494 .skin-1 .navbar-static-top {
7495   background: #ffffff;
7496 }
7497 .skin-1 .dashboard-header {
7498   background: transparent;
7499   border-bottom: none !important;
7500   border-top: none;
7501   padding: 20px 30px 10px 30px;
7502 }
7503 .fixed-nav.skin-1 .navbar-fixed-top {
7504   background: #fff;
7505 }
7506 .skin-1 .wrapper-content {
7507   padding: 30px 15px;
7508 }
7509 .skin-1 #page-wrapper {
7510   background: #f4f6fa;
7511 }
7512 .skin-1 .ibox-title,
7513 .skin-1 .ibox-content {
7514   border-width: 1px;
7515 }
7516 .skin-1 .ibox-content:last-child {
7517   border-style: solid solid solid solid;
7518 }
7519 .skin-1 .nav > li.active {
7520   border: none;
7521 }
7522 .skin-1 .nav-header {
7523   padding: 35px 25px 25px 25px;
7524 }
7525 .skin-1 .nav-header a.dropdown-toggle {
7526   color: #fff;
7527   margin-top: 10px;
7528 }
7529 .skin-1 .nav-header a.dropdown-toggle .text-muted {
7530   color: #fff;
7531   opacity: 0.8;
7532 }
7533 .skin-1 .profile-element {
7534   text-align: center;
7535 }
7536 .skin-1 .img-circle {
7537   border-radius: 5px;
7538 }
7539 .skin-1 .navbar-default .nav > li > a:hover,
7540 .skin-1 .navbar-default .nav > li > a:focus {
7541   background: #3a4459;
7542   color: #fff;
7543 }
7544 .skin-1 .nav.nav-tabs > li.active > a {
7545   color: #555;
7546 }
7547 .skin-1 .nav.nav-tabs > li.active {
7548   background: transparent;
7549 }
7550 /*
7551  *
7552  *   SKIN 2 - INSPINIA - Responsive Admin Theme
7553  *   NAME - Inspinia Ultra
7554  *
7555 */
7556 body.skin-2 {
7557   color: #565758 !important;
7558 }
7559 .skin-2 .minimalize-styl-2 {
7560   margin: 14px 5px 5px 25px;
7561 }
7562 .skin-2 .navbar-top-links li:last-child {
7563   margin-right: 25px;
7564 }
7565 .skin-2 .spin-icon {
7566   background: #23c6c8 !important;
7567 }
7568 .skin-2 .nav-header {
7569   background: #23c6c8;
7570   background: url('patterns/header-profile-skin-2.png');
7571 }
7572 .skin-2.mini-navbar .nav-second-level {
7573   background: #ededed;
7574 }
7575 .skin-2 .breadcrumb {
7576   background: transparent;
7577 }
7578 .skin-2.fixed-nav .minimalize-styl-2 {
7579   margin: 14px 5px 5px 15px;
7580 }
7581 .skin-2 .page-heading {
7582   border: none;
7583   background: rgba(255, 255, 255, 0.7);
7584 }
7585 .skin-2 .nav > li.active {
7586   background: #e0e0e0;
7587 }
7588 .skin-2 .logo-element {
7589   padding: 17px 0;
7590 }
7591 .skin-2 .nav > li > a,
7592 .skin-2 .welcome-message {
7593   color: #edf6ff;
7594 }
7595 .skin-2 #top-search::-moz-placeholder {
7596   color: #edf6ff;
7597   opacity: 0.5;
7598 }
7599 .skin-2 #side-menu > li > a,
7600 .skin-2 .nav.nav-second-level > li > a {
7601   color: #586b7d;
7602 }
7603 .skin-2 .nav > li.active > a {
7604   color: #213a53;
7605 }
7606 .skin-2.mini-navbar .nav-header {
7607   background: #213a53;
7608 }
7609 .skin-2 .navbar-minimalize {
7610   background: #23c6c8;
7611   border-color: #23c6c8;
7612 }
7613 .skin-2 .border-bottom {
7614   border-bottom: none !important;
7615 }
7616 .skin-2 #top-search {
7617   color: #fff;
7618 }
7619 body.skin-2 #wrapper {
7620   background-color: #ededed;
7621 }
7622 .skin-2 .navbar-static-top {
7623   background: #213a53;
7624 }
7625 .fixed-nav.skin-2 .navbar-fixed-top {
7626   background: #213a53;
7627   border-bottom: none !important;
7628 }
7629 .skin-2 .nav-header {
7630   padding: 30px 25px 30px 25px;
7631 }
7632 .skin-2 .dashboard-header {
7633   background: rgba(255, 255, 255, 0.4);
7634   border-bottom: none !important;
7635   border-top: none;
7636   padding: 20px 30px 20px 30px;
7637 }
7638 .skin-2 .wrapper-content {
7639   padding: 30px 15px;
7640 }
7641 .skin-2 .dashoard-1 .wrapper-content {
7642   padding: 0 30px 25px 30px;
7643 }
7644 .skin-2 .ibox-title {
7645   background: rgba(255, 255, 255, 0.7);
7646   border: none;
7647   margin-bottom: 1px;
7648 }
7649 .skin-2 .ibox-content {
7650   background: rgba(255, 255, 255, 0.4);
7651   border: none !important;
7652 }
7653 .skin-2 #page-wrapper {
7654   background: #f6f6f6;
7655   background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
7656   background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
7657   background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
7658   background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
7659   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
7660 }
7661 .skin-2 .ibox-title,
7662 .skin-2 .ibox-content {
7663   border-width: 1px;
7664 }
7665 .skin-2 .ibox-content:last-child {
7666   border-style: solid solid solid solid;
7667 }
7668 .skin-2 .nav > li.active {
7669   border: none;
7670 }
7671 .skin-2 .nav-header a.dropdown-toggle {
7672   color: #edf6ff;
7673   margin-top: 10px;
7674 }
7675 .skin-2 .nav-header a.dropdown-toggle .text-muted {
7676   color: #edf6ff;
7677   opacity: 0.8;
7678 }
7679 .skin-2 .img-circle {
7680   border-radius: 10px;
7681 }
7682 .skin-2 .nav.navbar-top-links > li > a:hover,
7683 .skin-2 .nav.navbar-top-links > li > a:focus {
7684   background: #1a2d41;
7685 }
7686 .skin-2 .navbar-default .nav > li > a:hover,
7687 .skin-2 .navbar-default .nav > li > a:focus {
7688   background: #e0e0e0;
7689   color: #213a53;
7690 }
7691 .skin-2 .nav.nav-tabs > li.active > a {
7692   color: #555;
7693 }
7694 .skin-2 .nav.nav-tabs > li.active {
7695   background: transparent;
7696 }
7697 /*
7698  *
7699  *   SKIN 3 - INSPINIA - Responsive Admin Theme
7700  *   NAME - Yellow/purple
7701  *
7702 */
7703 .skin-3 .minimalize-styl-2 {
7704   margin: 14px 5px 5px 30px;
7705 }
7706 .skin-3 .navbar-top-links li:last-child {
7707   margin-right: 30px;
7708 }
7709 .skin-3.fixed-nav .minimalize-styl-2 {
7710   margin: 14px 5px 5px 15px;
7711 }
7712 .skin-3 .spin-icon {
7713   background: #ecba52 !important;
7714 }
7715 body.boxed-layout.skin-3 #wrapper {
7716   background: #3e2c42;
7717 }
7718 .skin-3 .nav-header {
7719   background: #ecba52;
7720   background: url('patterns/header-profile-skin-3.png');
7721 }
7722 .skin-3.mini-navbar .nav-second-level {
7723   background: #3e2c42;
7724 }
7725 .skin-3 .breadcrumb {
7726   background: transparent;
7727 }
7728 .skin-3 .page-heading {
7729   border: none;
7730 }
7731 .skin-3 .nav > li.active {
7732   background: #38283c;
7733 }
7734 .fixed-nav.skin-3 .navbar-fixed-top {
7735   background: #fff;
7736 }
7737 .skin-3 .nav > li > a {
7738   color: #948b96;
7739 }
7740 .skin-3 .nav > li.active > a {
7741   color: #fff;
7742 }
7743 .skin-3 .navbar-minimalize {
7744   background: #ecba52;
7745   border-color: #ecba52;
7746 }
7747 body.skin-3 {
7748   background: #3e2c42;
7749 }
7750 .skin-3 .navbar-static-top {
7751   background: #ffffff;
7752 }
7753 .skin-3 .dashboard-header {
7754   background: transparent;
7755   border-bottom: none !important;
7756   border-top: none;
7757   padding: 20px 30px 10px 30px;
7758 }
7759 .skin-3 .wrapper-content {
7760   padding: 30px 15px;
7761 }
7762 .skin-3 #page-wrapper {
7763   background: #f4f6fa;
7764 }
7765 .skin-3 .ibox-title,
7766 .skin-3 .ibox-content {
7767   border-width: 1px;
7768 }
7769 .skin-3 .ibox-content:last-child {
7770   border-style: solid solid solid solid;
7771 }
7772 .skin-3 .nav > li.active {
7773   border: none;
7774 }
7775 .skin-3 .nav-header {
7776   padding: 35px 25px 25px 25px;
7777 }
7778 .skin-3 .nav-header a.dropdown-toggle {
7779   color: #fff;
7780   margin-top: 10px;
7781 }
7782 .skin-3 .nav-header a.dropdown-toggle .text-muted {
7783   color: #fff;
7784   opacity: 0.8;
7785 }
7786 .skin-3 .profile-element {
7787   text-align: center;
7788 }
7789 .skin-3 .img-circle {
7790   border-radius: 5px;
7791 }
7792 .skin-3 .navbar-default .nav > li > a:hover,
7793 .skin-3 .navbar-default .nav > li > a:focus {
7794   background: #38283c;
7795   color: #fff;
7796 }
7797 .skin-3 .nav.nav-tabs > li.active > a {
7798   color: #555;
7799 }
7800 .skin-3 .nav.nav-tabs > li.active {
7801   background: transparent;
7802 }
7803 body.md-skin {
7804   font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
7805   background-color: #ffffff;
7806 }
7807 .md-skin .nav-header {
7808   background: url("patterns/4.png") no-repeat;
7809 }
7810 .md-skin .label,
7811 .md-skin .badge {
7812   font-family: 'Roboto';
7813 }
7814 .md-skin .font-bold {
7815   font-weight: 500;
7816 }
7817 .md-skin .wrapper-content {
7818   padding: 30px 20px 40px;
7819 }
7820 @media (max-width: 768px) {
7821   .md-skin .wrapper-content {
7822     padding: 30px 0 40px;
7823   }
7824 }
7825 .md-skin .page-heading {
7826   border-bottom: none !important;
7827   border-top: 0;
7828   padding: 0 10px 20px 10px;
7829   box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
7830 }
7831 .md-skin .full-height-layout .page-heading {
7832   border-bottom: 1px solid #e7eaec !important;
7833 }
7834 .md-skin .ibox {
7835   clear: both;
7836   margin-bottom: 25px;
7837   margin-top: 0;
7838   padding: 0;
7839   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7840 }
7841 .md-skin .ibox.border-bottom {
7842   border-bottom: none !important;
7843 }
7844 .md-skin .ibox-title,
7845 .md-skin .ibox-content {
7846   border-style: none;
7847 }
7848 .md-skin .ibox-title h5 {
7849   font-size: 16px;
7850   font-weight: 400;
7851 }
7852 .md-skin a.close-canvas-menu {
7853   color: #ffffff;
7854 }
7855 .md-skin .welcome-message {
7856   color: #ffffff;
7857   font-weight: 300;
7858 }
7859 .md-skin #top-search::-moz-placeholder {
7860   color: #ffffff;
7861 }
7862 .md-skin #top-search::-webkit-input-placeholder {
7863   color: #ffffff;
7864 }
7865 .md-skin #nestable-output,
7866 .md-skin #nestable2-output {
7867   font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
7868 }
7869 .md-skin .landing-page {
7870   font-family: 'Roboto', helvetica, arial, sans-serif;
7871 }
7872 .md-skin .landing-page.navbar-default.navbar-scroll {
7873   background-color: #fff !important;
7874 }
7875 .md-skin .landing-page.navbar-default {
7876   background-color: transparent !important;
7877   box-shadow: none;
7878 }
7879 .md-skin .landing-page.navbar-default .nav li a {
7880   font-family: 'Roboto', helvetica, arial, sans-serif;
7881 }
7882 .md-skin .nav > li > a {
7883   color: #676a6c;
7884   padding: 14px 20px 14px 25px;
7885 }
7886 .md-skin .nav.navbar-right > li > a {
7887   color: #ffffff;
7888 }
7889 .md-skin .nav > li.active > a {
7890   color: #5b5d5f;
7891   font-weight: 700;
7892 }
7893 .md-skin .navbar-default .nav > li > a:hover,
7894 .md-skin .navbar-default .nav > li > a:focus {
7895   font-weight: 700;
7896   color: #5b5d5f;
7897 }
7898 .md-skin .nav .open > a,
7899 .md-skin .nav .open > a:hover,
7900 .md-skin .nav .open > a:focus {
7901   background: #1ab394;
7902 }
7903 .md-skin .navbar-top-links li {
7904   display: inline-table;
7905 }
7906 .md-skin .navbar-top-links .dropdown-menu li {
7907   display: block;
7908 }
7909 .md-skin .pace-done .nav-header {
7910   transition: all 0.4s;
7911 }
7912 .md-skin .nav > li.active {
7913   background: #f8f8f9;
7914 }
7915 .md-skin .nav-second-level li a {
7916   padding: 7px 10px 7px 52px;
7917 }
7918 .md-skin .navbar-top-links li a {
7919   padding: 20px 10px;
7920   min-height: 50px;
7921 }
7922 .md-skin .nav > li > a {
7923   font-weight: 400;
7924 }
7925 .md-skin .navbar-static-side .nav > li > a:focus,
7926 .md-skin .navbar-static-side .nav > li > a:hover {
7927   background-color: inherit;
7928 }
7929 .md-skin .navbar-top-links .dropdown-menu li a {
7930   padding: 3px 20px;
7931   min-height: inherit;
7932 }
7933 .md-skin .nav-header .navbar-fixed-top a {
7934   color: #ffffff;
7935 }
7936 .md-skin .nav-header .text-muted {
7937   color: #ffffff;
7938 }
7939 .md-skin .navbar-form-custom .form-control {
7940   font-weight: 300;
7941 }
7942 .md-skin .mini-navbar .nav-second-level {
7943   background-color: inherit;
7944 }
7945 .md-skin .mini-navbar li.active .nav-second-level {
7946   left: 65px;
7947 }
7948 .md-skin .canvas-menu.mini-navbar .nav-second-level {
7949   background: inherit;
7950 }
7951 .md-skin .pace-done .navbar-static-side,
7952 .md-skin .pace-done .nav-header,
7953 .md-skin .pace-done li.active,
7954 .md-skin .pace-done #page-wrapper,
7955 .md-skin .pace-done .footer {
7956   -webkit-transition: all 0.4s;
7957   -moz-transition: all 0.4s;
7958   -o-transition: all 0.4s;
7959   transition: all 0.4s;
7960 }
7961 .md-skin .navbar-fixed-top {
7962   background: #fff;
7963   transition-duration: 0.4s;
7964   z-index: 2030;
7965   border-bottom: none !important;
7966 }
7967 .md-skin .navbar-fixed-top,
7968 .md-skin .navbar-static-top {
7969   background-color: #1ab394 !important;
7970   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7971 }
7972 .md-skin .navbar-static-side {
7973   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7974 }
7975 .md-skin #right-sidebar {
7976   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7977   border: none;
7978   z-index: 900;
7979 }
7980 .md-skin .white-bg .navbar-fixed-top,
7981 .md-skin .white-bg .navbar-static-top {
7982   background: #fff !important;
7983 }
7984 .md-skin .contact-box {
7985   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7986   border: none;
7987 }
7988 .md-skin .dashboard-header {
7989   border-bottom: none !important;
7990   border-top: 0;
7991   padding: 20px 20px 20px 20px;
7992   margin: 30px 20px 0 20px;
7993   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7994 }
7995 @media (max-width: 768px) {
7996   .md-skin .dashboard-header {
7997     margin: 20px 0 0 0;
7998   }
7999 }
8000 .md-skin ul.notes li div {
8001   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
8002 }
8003 .md-skin .file {
8004   border: none;
8005   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
8006 }
8007 .md-skin .mail-box {
8008   background-color: #ffffff;
8009   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
8010   padding: 0;
8011   margin-bottom: 20px;
8012   border: none;
8013 }
8014 .md-skin .mail-box-header {
8015   border: none;
8016   background-color: #ffffff;
8017   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
8018   padding: 30px 20px 20px 20px;
8019 }
8020 .md-skin .mailbox-content {
8021   border: none;
8022   padding: 20px;
8023   background: #ffffff;
8024 }
8025 .md-skin .social-feed-box {
8026   border: none;
8027   background: #fff;
8028   margin-bottom: 15px;
8029   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
8030 }
8031 .md-skin.landing-page .navbar-default {
8032   background-color: transparent !important;
8033   border-color: transparent;
8034   transition: all 0.3s ease-in-out 0s;
8035   box-shadow: none;
8036 }
8037 .md-skin.landing-page .navbar-default.navbar-scroll,
8038 .md-skin.landing-page.body-small .navbar-default {
8039   background-color: #ffffff !important;
8040 }
8041 .md-skin.landing-page .nav > li.active {
8042   background: inherit;
8043 }
8044 .md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
8045   padding: 20px 10px;
8046 }
8047 .md-skin.landing-page .navbar-default .nav li a {
8048   font-family: 'Roboto', helvetica, arial, sans-serif;
8049 }
8050 .md-skin.landing-page .nav > li > a {
8051   padding: 25px 10px 15px 10px;
8052 }
8053 .md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
8054 .md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
8055   background: inherit;
8056   color: #1ab394;
8057 }
8058 .md-skin.landing-page.body-small .nav.navbar-right > li > a {
8059   color: #676a6c;
8060 }
8061 .md-skin .landing_link a,
8062 .md-skin .special_link a {
8063   color: #ffffff !important;
8064 }
8065 .md-skin.canvas-menu.mini-navbar .nav-second-level {
8066   background: #f8f8f9;
8067 }
8068 .md-skin.mini-navbar .nav-second-level {
8069   background-color: #ffffff;
8070   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
8071 }
8072 .md-skin.mini-navbar .nav-second-level li a {
8073   padding-left: 0;
8074 }
8075 .md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
8076   padding-left: 52px;
8077 }
8078 .md-skin.top-navigation .nav.navbar-right > li > a {
8079   padding: 15px 20px;
8080   color: #676a6c;
8081 }
8082 .md-skin.top-navigation .nav > li a:hover,
8083 .md-skin .top-navigation .nav > li a:focus,
8084 .md-skin.top-navigation .nav .open > a,
8085 .md-skin.top-navigation .nav .open > a:hover,
8086 .md-skin.top-navigation .nav .open > a:focus {
8087   color: #1ab394;
8088   background: #ffffff;
8089 }
8090 .md-skin.top-navigation .nav > li.active a {
8091   color: #1ab394;
8092   background: #ffffff;
8093 }
8094 .md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
8095   margin-top: 0;
8096 }
8097 .md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
8098   width: 0;
8099 }
8100 .md-skin.fixed-sidebar.mini-navbar #page-wrapper {
8101   margin: 0 0 0 0;
8102 }
8103 .md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
8104   margin: 0 0 0 0;
8105 }
8106 .md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
8107   width: 220px;
8108   background-color: #ffffff;
8109 }
8110 .md-skin.canvas-menu nav.navbar-static-side {
8111   z-index: 2001;
8112   background: #ffffff;
8113   height: 100%;
8114   position: fixed;
8115   display: none;
8116 }
8117 @media (min-width: 768px) {
8118   #page-wrapper {
8119     position: inherit;
8120     margin: 0 0 0 220px;
8121     min-height: 1200px;
8122   }
8123   .navbar-static-side {
8124     z-index: 2001;
8125     position: absolute;
8126     width: 220px;
8127   }
8128   .navbar-top-links .dropdown-messages,
8129   .navbar-top-links .dropdown-tasks,
8130   .navbar-top-links .dropdown-alerts {
8131     margin-left: auto;
8132   }
8133 }
8134 @media (max-width: 768px) {
8135   #page-wrapper {
8136     position: inherit;
8137     margin: 0 0 0 0;
8138     min-height: 1000px;
8139   }
8140   .body-small .navbar-static-side {
8141     display: none;
8142     z-index: 2001;
8143     position: absolute;
8144     width: 70px;
8145   }
8146   .body-small.mini-navbar .navbar-static-side {
8147     display: block;
8148   }
8149   .lock-word {
8150     display: none;
8151   }
8152   .navbar-form-custom {
8153     display: none;
8154   }
8155   .navbar-header {
8156     display: inline;
8157     float: left;
8158   }
8159   .sidebard-panel {
8160     z-index: 2;
8161     position: relative;
8162     width: auto;
8163     min-height: 100% !important;
8164   }
8165   .sidebar-content .wrapper {
8166     padding-right: 0;
8167     z-index: 1;
8168   }
8169   .fixed-sidebar.body-small .navbar-static-side {
8170     display: none;
8171     z-index: 2001;
8172     position: fixed;
8173     width: 220px;
8174   }
8175   .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
8176     display: block;
8177   }
8178   .ibox-tools {
8179     float: none;
8180     text-align: right;
8181     display: block;
8182   }
8183 }
8184 @media (max-width: 350px) {
8185   .timeline-item .date {
8186     text-align: left;
8187     width: 110px;
8188     position: relative;
8189     padding-top: 30px;
8190   }
8191   .timeline-item .date i {
8192     position: absolute;
8193     top: 0;
8194     left: 15px;
8195     padding: 5px;
8196     width: 30px;
8197     text-align: center;
8198     border: 1px solid #e7eaec;
8199     background: #f8f8f8;
8200   }
8201   .timeline-item .content {
8202     border-left: none;
8203     border-top: 1px solid #e7eaec;
8204     padding-top: 10px;
8205     min-height: 100px;
8206   }
8207   .nav.navbar-top-links li.dropdown {
8208     display: none;
8209   }
8210   .ibox-tools {
8211     float: none;
8212     text-align: left;
8213     display: inline-block;
8214   }
8215 }
8216 /* Only demo */
8217 @media (max-width: 1000px) {
8218   .welcome-message {
8219     display: none;
8220   }
8221 }
8222 @media print {
8223   nav.navbar-static-side {
8224     display: none;
8225   }
8226   #page-wrapper {
8227     margin: 0;
8228   }
8229 }