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