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