github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/static/libs/flat-ui/css/flat-ui.css (about) 1 @font-face { 2 font-family: 'Lato'; 3 src: url('../fonts/lato/lato-black.eot'); 4 src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#latoblack') format('svg'); 5 font-weight: 900; 6 font-style: normal; 7 } 8 @font-face { 9 font-family: 'Lato'; 10 src: url('../fonts/lato/lato-bold.eot'); 11 src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#latobold') format('svg'); 12 font-weight: bold; 13 font-style: normal; 14 } 15 @font-face { 16 font-family: 'Lato'; 17 src: url('../fonts/lato/lato-bolditalic.eot'); 18 src: url('../fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic.woff') format('woff'), url('../fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg'); 19 font-weight: bold; 20 font-style: italic; 21 } 22 @font-face { 23 font-family: 'Lato'; 24 src: url('../fonts/lato/lato-italic.eot'); 25 src: url('../fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic.woff') format('woff'), url('../fonts/lato/lato-italic.ttf') format('truetype'), url('../fonts/lato/lato-italic.svg#latoitalic') format('svg'); 26 font-weight: normal; 27 font-style: italic; 28 } 29 @font-face { 30 font-family: 'Lato'; 31 src: url('../fonts/lato/lato-light.eot'); 32 src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg'); 33 font-weight: 300; 34 font-style: normal; 35 } 36 @font-face { 37 font-family: 'Lato'; 38 src: url('../fonts/lato/lato-regular.eot'); 39 src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg'); 40 font-weight: normal; 41 font-style: normal; 42 } 43 @font-face { 44 font-family: 'Flat-UI-Icons'; 45 src: url('../fonts/glyphicons/flat-ui-icons-regular.eot'); 46 src: url('../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/flat-ui-icons-regular.woff') format('woff'), url('../fonts/glyphicons/flat-ui-icons-regular.ttf') format('truetype'), url('../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg'); 47 } 48 [class^="fui-"], 49 [class*="fui-"] { 50 font-family: 'Flat-UI-Icons'; 51 speak: none; 52 font-style: normal; 53 font-weight: normal; 54 font-variant: normal; 55 text-transform: none; 56 -webkit-font-smoothing: antialiased; 57 -moz-osx-font-smoothing: grayscale; 58 } 59 .fui-triangle-up:before { 60 content: "\e600"; 61 } 62 .fui-triangle-down:before { 63 content: "\e601"; 64 } 65 .fui-triangle-up-small:before { 66 content: "\e602"; 67 } 68 .fui-triangle-down-small:before { 69 content: "\e603"; 70 } 71 .fui-triangle-left-large:before { 72 content: "\e604"; 73 } 74 .fui-triangle-right-large:before { 75 content: "\e605"; 76 } 77 .fui-arrow-left:before { 78 content: "\e606"; 79 } 80 .fui-arrow-right:before { 81 content: "\e607"; 82 } 83 .fui-plus:before { 84 content: "\e608"; 85 } 86 .fui-cross:before { 87 content: "\e609"; 88 } 89 .fui-check:before { 90 content: "\e60a"; 91 } 92 .fui-radio-unchecked:before { 93 content: "\e60b"; 94 } 95 .fui-radio-checked:before { 96 content: "\e60c"; 97 } 98 .fui-checkbox-unchecked:before { 99 content: "\e60d"; 100 } 101 .fui-checkbox-checked:before { 102 content: "\e60e"; 103 } 104 .fui-info-circle:before { 105 content: "\e60f"; 106 } 107 .fui-alert-circle:before { 108 content: "\e610"; 109 } 110 .fui-question-circle:before { 111 content: "\e611"; 112 } 113 .fui-check-circle:before { 114 content: "\e612"; 115 } 116 .fui-cross-circle:before { 117 content: "\e613"; 118 } 119 .fui-plus-circle:before { 120 content: "\e614"; 121 } 122 .fui-pause:before { 123 content: "\e615"; 124 } 125 .fui-play:before { 126 content: "\e616"; 127 } 128 .fui-volume:before { 129 content: "\e617"; 130 } 131 .fui-mute:before { 132 content: "\e618"; 133 } 134 .fui-resize:before { 135 content: "\e619"; 136 } 137 .fui-list:before { 138 content: "\e61a"; 139 } 140 .fui-list-thumbnailed:before { 141 content: "\e61b"; 142 } 143 .fui-list-small-thumbnails:before { 144 content: "\e61c"; 145 } 146 .fui-list-large-thumbnails:before { 147 content: "\e61d"; 148 } 149 .fui-list-numbered:before { 150 content: "\e61e"; 151 } 152 .fui-list-columned:before { 153 content: "\e61f"; 154 } 155 .fui-list-bulleted:before { 156 content: "\e620"; 157 } 158 .fui-window:before { 159 content: "\e621"; 160 } 161 .fui-windows:before { 162 content: "\e622"; 163 } 164 .fui-loop:before { 165 content: "\e623"; 166 } 167 .fui-cmd:before { 168 content: "\e624"; 169 } 170 .fui-mic:before { 171 content: "\e625"; 172 } 173 .fui-heart:before { 174 content: "\e626"; 175 } 176 .fui-location:before { 177 content: "\e627"; 178 } 179 .fui-new:before { 180 content: "\e628"; 181 } 182 .fui-video:before { 183 content: "\e629"; 184 } 185 .fui-photo:before { 186 content: "\e62a"; 187 } 188 .fui-time:before { 189 content: "\e62b"; 190 } 191 .fui-eye:before { 192 content: "\e62c"; 193 } 194 .fui-chat:before { 195 content: "\e62d"; 196 } 197 .fui-home:before { 198 content: "\e62e"; 199 } 200 .fui-upload:before { 201 content: "\e62f"; 202 } 203 .fui-search:before { 204 content: "\e630"; 205 } 206 .fui-user:before { 207 content: "\e631"; 208 } 209 .fui-mail:before { 210 content: "\e632"; 211 } 212 .fui-lock:before { 213 content: "\e633"; 214 } 215 .fui-power:before { 216 content: "\e634"; 217 } 218 .fui-calendar:before { 219 content: "\e635"; 220 } 221 .fui-gear:before { 222 content: "\e636"; 223 } 224 .fui-bookmark:before { 225 content: "\e637"; 226 } 227 .fui-exit:before { 228 content: "\e638"; 229 } 230 .fui-trash:before { 231 content: "\e639"; 232 } 233 .fui-folder:before { 234 content: "\e63a"; 235 } 236 .fui-bubble:before { 237 content: "\e63b"; 238 } 239 .fui-export:before { 240 content: "\e63c"; 241 } 242 .fui-calendar-solid:before { 243 content: "\e63d"; 244 } 245 .fui-star:before { 246 content: "\e63e"; 247 } 248 .fui-star-2:before { 249 content: "\e63f"; 250 } 251 .fui-credit-card:before { 252 content: "\e640"; 253 } 254 .fui-clip:before { 255 content: "\e641"; 256 } 257 .fui-link:before { 258 content: "\e642"; 259 } 260 .fui-tag:before { 261 content: "\e643"; 262 } 263 .fui-document:before { 264 content: "\e644"; 265 } 266 .fui-image:before { 267 content: "\e645"; 268 } 269 .fui-facebook:before { 270 content: "\e646"; 271 } 272 .fui-youtube:before { 273 content: "\e647"; 274 } 275 .fui-vimeo:before { 276 content: "\e648"; 277 } 278 .fui-twitter:before { 279 content: "\e649"; 280 } 281 .fui-spotify:before { 282 content: "\e64a"; 283 } 284 .fui-skype:before { 285 content: "\e64b"; 286 } 287 .fui-pinterest:before { 288 content: "\e64c"; 289 } 290 .fui-path:before { 291 content: "\e64d"; 292 } 293 .fui-linkedin:before { 294 content: "\e64e"; 295 } 296 .fui-google-plus:before { 297 content: "\e64f"; 298 } 299 .fui-dribbble:before { 300 content: "\e650"; 301 } 302 .fui-behance:before { 303 content: "\e651"; 304 } 305 .fui-stumbleupon:before { 306 content: "\e652"; 307 } 308 .fui-yelp:before { 309 content: "\e653"; 310 } 311 .fui-wordpress:before { 312 content: "\e654"; 313 } 314 .fui-windows-8:before { 315 content: "\e655"; 316 } 317 .fui-vine:before { 318 content: "\e656"; 319 } 320 .fui-tumblr:before { 321 content: "\e657"; 322 } 323 .fui-paypal:before { 324 content: "\e658"; 325 } 326 .fui-lastfm:before { 327 content: "\e659"; 328 } 329 .fui-instagram:before { 330 content: "\e65a"; 331 } 332 .fui-html5:before { 333 content: "\e65b"; 334 } 335 .fui-github:before { 336 content: "\e65c"; 337 } 338 .fui-foursquare:before { 339 content: "\e65d"; 340 } 341 .fui-dropbox:before { 342 content: "\e65e"; 343 } 344 .fui-android:before { 345 content: "\e65f"; 346 } 347 .fui-apple:before { 348 content: "\e660"; 349 } 350 body { 351 font-family: "Lato", Helvetica, Arial, sans-serif; 352 font-size: 18px; 353 line-height: 1.72222; 354 color: #34495e; 355 background-color: #ffffff; 356 } 357 a { 358 color: #16a085; 359 text-decoration: none; 360 -webkit-transition: .25s; 361 transition: .25s; 362 } 363 a:hover, 364 a:focus { 365 color: #1abc9c; 366 text-decoration: none; 367 } 368 a:focus { 369 outline: none; 370 } 371 .img-rounded { 372 border-radius: 6px; 373 } 374 .img-thumbnail { 375 padding: 4px; 376 line-height: 1.72222; 377 background-color: #ffffff; 378 border: 2px solid #bdc3c7; 379 border-radius: 6px; 380 -webkit-transition: all 0.25s ease-in-out; 381 transition: all 0.25s ease-in-out; 382 display: inline-block; 383 max-width: 100%; 384 height: auto; 385 } 386 .img-comment { 387 font-size: 15px; 388 line-height: 1.2; 389 font-style: italic; 390 margin: 24px 0; 391 } 392 h1, 393 h2, 394 h3, 395 h4, 396 h5, 397 h6, 398 .h1, 399 .h2, 400 .h3, 401 .h4, 402 .h5, 403 .h6 { 404 font-family: inherit; 405 font-weight: 700; 406 line-height: 1.1; 407 color: inherit; 408 } 409 h1 small, 410 h2 small, 411 h3 small, 412 h4 small, 413 h5 small, 414 h6 small, 415 .h1 small, 416 .h2 small, 417 .h3 small, 418 .h4 small, 419 .h5 small, 420 .h6 small { 421 color: #e7e9ec; 422 } 423 h1, 424 h2, 425 h3 { 426 margin-top: 30px; 427 margin-bottom: 15px; 428 } 429 h4, 430 h5, 431 h6 { 432 margin-top: 15px; 433 margin-bottom: 15px; 434 } 435 h6 { 436 font-weight: normal; 437 } 438 h1, 439 .h1 { 440 font-size: 61px; 441 } 442 h2, 443 .h2 { 444 font-size: 53px; 445 } 446 h3, 447 .h3 { 448 font-size: 40px; 449 } 450 h4, 451 .h4 { 452 font-size: 29px; 453 } 454 h5, 455 .h5 { 456 font-size: 28px; 457 } 458 h6, 459 .h6 { 460 font-size: 24px; 461 } 462 p { 463 font-size: 18px; 464 line-height: 1.72222; 465 margin: 0 0 15px; 466 } 467 .lead { 468 margin-bottom: 30px; 469 font-size: 28px; 470 line-height: 1.46428571; 471 font-weight: 300; 472 } 473 @media (min-width: 768px) { 474 .lead { 475 font-size: 30.006px; 476 } 477 } 478 small, 479 .small { 480 font-size: 83%; 481 line-height: 2.067; 482 } 483 .text-muted { 484 color: #bdc3c7; 485 } 486 .text-inverse { 487 color: #ffffff; 488 } 489 .text-primary { 490 color: #1abc9c; 491 } 492 a.text-primary:hover { 493 color: #148f77; 494 } 495 .text-warning { 496 color: #f1c40f; 497 } 498 a.text-warning:hover { 499 color: #c29d0b; 500 } 501 .text-danger { 502 color: #e74c3c; 503 } 504 a.text-danger:hover { 505 color: #d62c1a; 506 } 507 .text-success { 508 color: #2ecc71; 509 } 510 a.text-success:hover { 511 color: #25a25a; 512 } 513 .text-info { 514 color: #3498db; 515 } 516 a.text-info:hover { 517 color: #217dbb; 518 } 519 .bg-primary { 520 color: #ffffff; 521 background-color: #34495e; 522 } 523 a.bg-primary:hover { 524 background-color: #222f3d; 525 } 526 .bg-success { 527 background-color: #dff0d8; 528 } 529 a.bg-success:hover { 530 background-color: #c1e2b3; 531 } 532 .bg-info { 533 background-color: #d9edf7; 534 } 535 a.bg-info:hover { 536 background-color: #afd9ee; 537 } 538 .bg-warning { 539 background-color: #fcf8e3; 540 } 541 a.bg-warning:hover { 542 background-color: #f7ecb5; 543 } 544 .bg-danger { 545 background-color: #f2dede; 546 } 547 a.bg-danger:hover { 548 background-color: #e4b9b9; 549 } 550 .page-header { 551 padding-bottom: 14px; 552 margin: 60px 0 30px; 553 border-bottom: 2px solid #e7e9ec; 554 } 555 ul, 556 ol { 557 margin-bottom: 15px; 558 } 559 dl { 560 margin-bottom: 30px; 561 } 562 dt, 563 dd { 564 line-height: 1.72222; 565 } 566 @media (min-width: 768px) { 567 .dl-horizontal dt { 568 width: 160px; 569 } 570 .dl-horizontal dd { 571 margin-left: 180px; 572 } 573 } 574 abbr[title], 575 abbr[data-original-title] { 576 border-bottom: 1px dotted #bdc3c7; 577 } 578 blockquote { 579 border-left: 3px solid #e7e9ec; 580 padding: 0 0 0 16px; 581 margin: 0 0 30px; 582 } 583 blockquote p { 584 font-size: 20px; 585 line-height: 1.55; 586 font-weight: normal; 587 margin-bottom: .4em; 588 } 589 blockquote small, 590 blockquote .small { 591 font-size: 18px; 592 line-height: 1.72222; 593 font-style: italic; 594 color: inherit; 595 } 596 blockquote small:before, 597 blockquote .small:before { 598 content: ""; 599 } 600 blockquote.pull-right { 601 padding-right: 16px; 602 padding-left: 0; 603 border-right: 3px solid #e7e9ec; 604 border-left: 0; 605 } 606 blockquote.pull-right small:after { 607 content: ""; 608 } 609 address { 610 margin-bottom: 30px; 611 line-height: 1.72222; 612 } 613 sub, 614 sup { 615 font-size: 70%; 616 } 617 code, 618 kbd, 619 pre, 620 samp { 621 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; 622 } 623 code { 624 padding: 2px 6px; 625 font-size: 85%; 626 color: #c7254e; 627 background-color: #f9f2f4; 628 border-radius: 4px; 629 } 630 kbd { 631 padding: 2px 6px; 632 font-size: 85%; 633 color: #ffffff; 634 background-color: #34495e; 635 border-radius: 4px; 636 box-shadow: none; 637 } 638 pre { 639 padding: 8px; 640 margin: 0 0 15px; 641 font-size: 13px; 642 line-height: 1.72222; 643 color: inherit; 644 background-color: #ffffff; 645 border: 2px solid #e7e9ec; 646 border-radius: 6px; 647 white-space: pre; 648 } 649 .pre-scrollable { 650 max-height: 340px; 651 } 652 .thumbnail { 653 display: block; 654 padding: 4px; 655 margin-bottom: 5px; 656 line-height: 1.72222; 657 background-color: #ffffff; 658 border: 2px solid #bdc3c7; 659 border-radius: 6px; 660 -webkit-transition: border 0.25s ease-in-out; 661 transition: border 0.25s ease-in-out; 662 } 663 .thumbnail > img, 664 .thumbnail a > img { 665 display: block; 666 max-width: 100%; 667 height: auto; 668 margin-left: auto; 669 margin-right: auto; 670 } 671 a.thumbnail:hover, 672 a.thumbnail:focus, 673 a.thumbnail.active { 674 border-color: #16a085; 675 } 676 .thumbnail .caption { 677 padding: 9px; 678 color: #34495e; 679 } 680 .btn { 681 border: none; 682 font-size: 15px; 683 font-weight: normal; 684 line-height: 1.4; 685 border-radius: 4px; 686 padding: 10px 15px; 687 -webkit-font-smoothing: subpixel-antialiased; 688 -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 689 transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 690 } 691 .btn:hover, 692 .btn:focus { 693 outline: none; 694 color: #ffffff; 695 } 696 .btn:active, 697 .btn.active { 698 outline: none; 699 box-shadow: none; 700 } 701 .btn:focus:active { 702 outline: none; 703 } 704 .btn.disabled, 705 .btn[disabled], 706 fieldset[disabled] .btn { 707 background-color: #bdc3c7; 708 color: rgba(255, 255, 255, 0.75); 709 opacity: 0.7; 710 filter: alpha(opacity=70); 711 cursor: not-allowed; 712 } 713 .btn [class^="fui-"] { 714 margin: 0 1px; 715 position: relative; 716 line-height: 1; 717 top: 1px; 718 } 719 .btn-xs.btn [class^="fui-"] { 720 font-size: 11px; 721 top: 0; 722 } 723 .btn-hg.btn [class^="fui-"] { 724 top: 2px; 725 } 726 .btn-default { 727 color: #ffffff; 728 background-color: #bdc3c7; 729 } 730 .btn-default:hover, 731 .btn-default.hover, 732 .btn-default:focus, 733 .btn-default:active, 734 .btn-default.active, 735 .open > .dropdown-toggle.btn-default { 736 color: #ffffff; 737 background-color: #cacfd2; 738 border-color: #cacfd2; 739 } 740 .btn-default:active, 741 .btn-default.active, 742 .open > .dropdown-toggle.btn-default { 743 background: #a1a6a9; 744 border-color: #a1a6a9; 745 } 746 .btn-default.disabled, 747 .btn-default[disabled], 748 fieldset[disabled] .btn-default, 749 .btn-default.disabled:hover, 750 .btn-default[disabled]:hover, 751 fieldset[disabled] .btn-default:hover, 752 .btn-default.disabled.hover, 753 .btn-default[disabled].hover, 754 fieldset[disabled] .btn-default.hover, 755 .btn-default.disabled:focus, 756 .btn-default[disabled]:focus, 757 fieldset[disabled] .btn-default:focus, 758 .btn-default.disabled:active, 759 .btn-default[disabled]:active, 760 fieldset[disabled] .btn-default:active, 761 .btn-default.disabled.active, 762 .btn-default[disabled].active, 763 fieldset[disabled] .btn-default.active { 764 background-color: #bdc3c7; 765 border-color: #bdc3c7; 766 } 767 .btn-default .badge { 768 color: #bdc3c7; 769 background-color: #ffffff; 770 } 771 .btn-primary { 772 color: #ffffff; 773 background-color: #1abc9c; 774 } 775 .btn-primary:hover, 776 .btn-primary.hover, 777 .btn-primary:focus, 778 .btn-primary:active, 779 .btn-primary.active, 780 .open > .dropdown-toggle.btn-primary { 781 color: #ffffff; 782 background-color: #48c9b0; 783 border-color: #48c9b0; 784 } 785 .btn-primary:active, 786 .btn-primary.active, 787 .open > .dropdown-toggle.btn-primary { 788 background: #16a085; 789 border-color: #16a085; 790 } 791 .btn-primary.disabled, 792 .btn-primary[disabled], 793 fieldset[disabled] .btn-primary, 794 .btn-primary.disabled:hover, 795 .btn-primary[disabled]:hover, 796 fieldset[disabled] .btn-primary:hover, 797 .btn-primary.disabled.hover, 798 .btn-primary[disabled].hover, 799 fieldset[disabled] .btn-primary.hover, 800 .btn-primary.disabled:focus, 801 .btn-primary[disabled]:focus, 802 fieldset[disabled] .btn-primary:focus, 803 .btn-primary.disabled:active, 804 .btn-primary[disabled]:active, 805 fieldset[disabled] .btn-primary:active, 806 .btn-primary.disabled.active, 807 .btn-primary[disabled].active, 808 fieldset[disabled] .btn-primary.active { 809 background-color: #bdc3c7; 810 border-color: #1abc9c; 811 } 812 .btn-primary .badge { 813 color: #1abc9c; 814 background-color: #ffffff; 815 } 816 .btn-info { 817 color: #ffffff; 818 background-color: #3498db; 819 } 820 .btn-info:hover, 821 .btn-info.hover, 822 .btn-info:focus, 823 .btn-info:active, 824 .btn-info.active, 825 .open > .dropdown-toggle.btn-info { 826 color: #ffffff; 827 background-color: #5dade2; 828 border-color: #5dade2; 829 } 830 .btn-info:active, 831 .btn-info.active, 832 .open > .dropdown-toggle.btn-info { 833 background: #2c81ba; 834 border-color: #2c81ba; 835 } 836 .btn-info.disabled, 837 .btn-info[disabled], 838 fieldset[disabled] .btn-info, 839 .btn-info.disabled:hover, 840 .btn-info[disabled]:hover, 841 fieldset[disabled] .btn-info:hover, 842 .btn-info.disabled.hover, 843 .btn-info[disabled].hover, 844 fieldset[disabled] .btn-info.hover, 845 .btn-info.disabled:focus, 846 .btn-info[disabled]:focus, 847 fieldset[disabled] .btn-info:focus, 848 .btn-info.disabled:active, 849 .btn-info[disabled]:active, 850 fieldset[disabled] .btn-info:active, 851 .btn-info.disabled.active, 852 .btn-info[disabled].active, 853 fieldset[disabled] .btn-info.active { 854 background-color: #bdc3c7; 855 border-color: #3498db; 856 } 857 .btn-info .badge { 858 color: #3498db; 859 background-color: #ffffff; 860 } 861 .btn-danger { 862 color: #ffffff; 863 background-color: #e74c3c; 864 } 865 .btn-danger:hover, 866 .btn-danger.hover, 867 .btn-danger:focus, 868 .btn-danger:active, 869 .btn-danger.active, 870 .open > .dropdown-toggle.btn-danger { 871 color: #ffffff; 872 background-color: #ec7063; 873 border-color: #ec7063; 874 } 875 .btn-danger:active, 876 .btn-danger.active, 877 .open > .dropdown-toggle.btn-danger { 878 background: #c44133; 879 border-color: #c44133; 880 } 881 .btn-danger.disabled, 882 .btn-danger[disabled], 883 fieldset[disabled] .btn-danger, 884 .btn-danger.disabled:hover, 885 .btn-danger[disabled]:hover, 886 fieldset[disabled] .btn-danger:hover, 887 .btn-danger.disabled.hover, 888 .btn-danger[disabled].hover, 889 fieldset[disabled] .btn-danger.hover, 890 .btn-danger.disabled:focus, 891 .btn-danger[disabled]:focus, 892 fieldset[disabled] .btn-danger:focus, 893 .btn-danger.disabled:active, 894 .btn-danger[disabled]:active, 895 fieldset[disabled] .btn-danger:active, 896 .btn-danger.disabled.active, 897 .btn-danger[disabled].active, 898 fieldset[disabled] .btn-danger.active { 899 background-color: #bdc3c7; 900 border-color: #e74c3c; 901 } 902 .btn-danger .badge { 903 color: #e74c3c; 904 background-color: #ffffff; 905 } 906 .btn-success { 907 color: #ffffff; 908 background-color: #2ecc71; 909 } 910 .btn-success:hover, 911 .btn-success.hover, 912 .btn-success:focus, 913 .btn-success:active, 914 .btn-success.active, 915 .open > .dropdown-toggle.btn-success { 916 color: #ffffff; 917 background-color: #58d68d; 918 border-color: #58d68d; 919 } 920 .btn-success:active, 921 .btn-success.active, 922 .open > .dropdown-toggle.btn-success { 923 background: #27ad60; 924 border-color: #27ad60; 925 } 926 .btn-success.disabled, 927 .btn-success[disabled], 928 fieldset[disabled] .btn-success, 929 .btn-success.disabled:hover, 930 .btn-success[disabled]:hover, 931 fieldset[disabled] .btn-success:hover, 932 .btn-success.disabled.hover, 933 .btn-success[disabled].hover, 934 fieldset[disabled] .btn-success.hover, 935 .btn-success.disabled:focus, 936 .btn-success[disabled]:focus, 937 fieldset[disabled] .btn-success:focus, 938 .btn-success.disabled:active, 939 .btn-success[disabled]:active, 940 fieldset[disabled] .btn-success:active, 941 .btn-success.disabled.active, 942 .btn-success[disabled].active, 943 fieldset[disabled] .btn-success.active { 944 background-color: #bdc3c7; 945 border-color: #2ecc71; 946 } 947 .btn-success .badge { 948 color: #2ecc71; 949 background-color: #ffffff; 950 } 951 .btn-warning { 952 color: #ffffff; 953 background-color: #f1c40f; 954 } 955 .btn-warning:hover, 956 .btn-warning.hover, 957 .btn-warning:focus, 958 .btn-warning:active, 959 .btn-warning.active, 960 .open > .dropdown-toggle.btn-warning { 961 color: #ffffff; 962 background-color: #f4d313; 963 border-color: #f4d313; 964 } 965 .btn-warning:active, 966 .btn-warning.active, 967 .open > .dropdown-toggle.btn-warning { 968 background: #cda70d; 969 border-color: #cda70d; 970 } 971 .btn-warning.disabled, 972 .btn-warning[disabled], 973 fieldset[disabled] .btn-warning, 974 .btn-warning.disabled:hover, 975 .btn-warning[disabled]:hover, 976 fieldset[disabled] .btn-warning:hover, 977 .btn-warning.disabled.hover, 978 .btn-warning[disabled].hover, 979 fieldset[disabled] .btn-warning.hover, 980 .btn-warning.disabled:focus, 981 .btn-warning[disabled]:focus, 982 fieldset[disabled] .btn-warning:focus, 983 .btn-warning.disabled:active, 984 .btn-warning[disabled]:active, 985 fieldset[disabled] .btn-warning:active, 986 .btn-warning.disabled.active, 987 .btn-warning[disabled].active, 988 fieldset[disabled] .btn-warning.active { 989 background-color: #bdc3c7; 990 border-color: #f1c40f; 991 } 992 .btn-warning .badge { 993 color: #f1c40f; 994 background-color: #ffffff; 995 } 996 .btn-inverse { 997 color: #ffffff; 998 background-color: #34495e; 999 } 1000 .btn-inverse:hover, 1001 .btn-inverse.hover, 1002 .btn-inverse:focus, 1003 .btn-inverse:active, 1004 .btn-inverse.active, 1005 .open > .dropdown-toggle.btn-inverse { 1006 color: #ffffff; 1007 background-color: #415b76; 1008 border-color: #415b76; 1009 } 1010 .btn-inverse:active, 1011 .btn-inverse.active, 1012 .open > .dropdown-toggle.btn-inverse { 1013 background: #2c3e50; 1014 border-color: #2c3e50; 1015 } 1016 .btn-inverse.disabled, 1017 .btn-inverse[disabled], 1018 fieldset[disabled] .btn-inverse, 1019 .btn-inverse.disabled:hover, 1020 .btn-inverse[disabled]:hover, 1021 fieldset[disabled] .btn-inverse:hover, 1022 .btn-inverse.disabled.hover, 1023 .btn-inverse[disabled].hover, 1024 fieldset[disabled] .btn-inverse.hover, 1025 .btn-inverse.disabled:focus, 1026 .btn-inverse[disabled]:focus, 1027 fieldset[disabled] .btn-inverse:focus, 1028 .btn-inverse.disabled:active, 1029 .btn-inverse[disabled]:active, 1030 fieldset[disabled] .btn-inverse:active, 1031 .btn-inverse.disabled.active, 1032 .btn-inverse[disabled].active, 1033 fieldset[disabled] .btn-inverse.active { 1034 background-color: #bdc3c7; 1035 border-color: #34495e; 1036 } 1037 .btn-inverse .badge { 1038 color: #34495e; 1039 background-color: #ffffff; 1040 } 1041 .btn-embossed { 1042 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); 1043 } 1044 .btn-embossed.active, 1045 .btn-embossed:active { 1046 box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15); 1047 } 1048 .btn-wide { 1049 min-width: 140px; 1050 padding-left: 30px; 1051 padding-right: 30px; 1052 } 1053 .btn-link { 1054 color: #16a085; 1055 } 1056 .btn-link:hover, 1057 .btn-link:focus { 1058 color: #1abc9c; 1059 text-decoration: underline; 1060 background-color: transparent; 1061 } 1062 .btn-link[disabled]:hover, 1063 fieldset[disabled] .btn-link:hover, 1064 .btn-link[disabled]:focus, 1065 fieldset[disabled] .btn-link:focus { 1066 color: #bdc3c7; 1067 text-decoration: none; 1068 } 1069 .btn-hg, 1070 .btn-group-hg > .btn { 1071 padding: 13px 20px; 1072 font-size: 22px; 1073 line-height: 1.227; 1074 border-radius: 6px; 1075 } 1076 .btn-lg, 1077 .btn-group-lg > .btn { 1078 padding: 10px 19px; 1079 font-size: 17px; 1080 line-height: 1.471; 1081 border-radius: 6px; 1082 } 1083 .btn-sm, 1084 .btn-group-sm > .btn { 1085 padding: 9px 13px; 1086 font-size: 13px; 1087 line-height: 1.385; 1088 border-radius: 4px; 1089 } 1090 .btn-xs, 1091 .btn-group-xs > .btn { 1092 padding: 6px 9px; 1093 font-size: 12px; 1094 line-height: 1.083; 1095 border-radius: 3px; 1096 } 1097 .btn-tip { 1098 font-weight: 300; 1099 padding-left: 10px; 1100 font-size: 92%; 1101 } 1102 .btn-block { 1103 white-space: normal; 1104 } 1105 [class*="btn-social-"] { 1106 padding: 10px 15px; 1107 font-size: 13px; 1108 line-height: 1.077; 1109 border-radius: 4px; 1110 } 1111 .btn-social-pinterest { 1112 color: #ffffff; 1113 background-color: #cb2028; 1114 } 1115 .btn-social-pinterest:hover, 1116 .btn-social-pinterest:focus { 1117 background-color: #d54d53; 1118 } 1119 .btn-social-pinterest:active, 1120 .btn-social-pinterest.active { 1121 background-color: #ad1b22; 1122 } 1123 .btn-social-linkedin { 1124 color: #ffffff; 1125 background-color: #0072b5; 1126 } 1127 .btn-social-linkedin:hover, 1128 .btn-social-linkedin:focus { 1129 background-color: #338ec4; 1130 } 1131 .btn-social-linkedin:active, 1132 .btn-social-linkedin.active { 1133 background-color: #00619a; 1134 } 1135 .btn-social-stumbleupon { 1136 color: #ffffff; 1137 background-color: #ed4a13; 1138 } 1139 .btn-social-stumbleupon:hover, 1140 .btn-social-stumbleupon:focus { 1141 background-color: #f16e42; 1142 } 1143 .btn-social-stumbleupon:active, 1144 .btn-social-stumbleupon.active { 1145 background-color: #c93f10; 1146 } 1147 .btn-social-googleplus { 1148 color: #ffffff; 1149 background-color: #2d2d2d; 1150 } 1151 .btn-social-googleplus:hover, 1152 .btn-social-googleplus:focus { 1153 background-color: #575757; 1154 } 1155 .btn-social-googleplus:active, 1156 .btn-social-googleplus.active { 1157 background-color: #262626; 1158 } 1159 .btn-social-facebook { 1160 color: #ffffff; 1161 background-color: #2f4b93; 1162 } 1163 .btn-social-facebook:hover, 1164 .btn-social-facebook:focus { 1165 background-color: #596fa9; 1166 } 1167 .btn-social-facebook:active, 1168 .btn-social-facebook.active { 1169 background-color: #28407d; 1170 } 1171 .btn-social-twitter { 1172 color: #ffffff; 1173 background-color: #00bdef; 1174 } 1175 .btn-social-twitter:hover, 1176 .btn-social-twitter:focus { 1177 background-color: #33caf2; 1178 } 1179 .btn-social-twitter:active, 1180 .btn-social-twitter.active { 1181 background-color: #00a1cb; 1182 } 1183 .btn-group > .btn + .btn { 1184 margin-left: 0; 1185 } 1186 .btn-group > .btn + .dropdown-toggle { 1187 border-left: 2px solid rgba(52, 73, 94, 0.15); 1188 padding: 10px 12px; 1189 } 1190 .btn-group > .btn + .dropdown-toggle .caret { 1191 margin-left: 3px; 1192 margin-right: 3px; 1193 } 1194 .btn-group > .btn.btn-gh + .dropdown-toggle .caret { 1195 margin-left: 7px; 1196 margin-right: 7px; 1197 } 1198 .btn-group > .btn.btn-sm + .dropdown-toggle .caret { 1199 margin-left: 0; 1200 margin-right: 0; 1201 } 1202 .dropdown-toggle .caret { 1203 margin-left: 8px; 1204 } 1205 .btn-group-xs > .btn + .dropdown-toggle { 1206 padding: 6px 9px; 1207 } 1208 .btn-group-sm > .btn + .dropdown-toggle { 1209 padding: 9px 13px; 1210 } 1211 .btn-group-lg > .btn + .dropdown-toggle { 1212 padding: 10px 19px; 1213 } 1214 .btn-group-hg > .btn + .dropdown-toggle { 1215 padding: 13px 20px; 1216 } 1217 .btn-xs .caret { 1218 border-width: 6px 4px 0; 1219 border-bottom-width: 0; 1220 } 1221 .btn-lg .caret { 1222 border-width: 8px 6px 0; 1223 border-bottom-width: 0; 1224 } 1225 .dropup .btn-lg .caret { 1226 border-width: 0 6px 8px; 1227 } 1228 .dropup .btn-xs .caret { 1229 border-width: 0 4px 6px; 1230 } 1231 .btn-group > .btn, 1232 .btn-group > .dropdown-menu, 1233 .btn-group > .popover { 1234 font-weight: 400; 1235 } 1236 .btn-group:focus .dropdown-toggle { 1237 outline: none; 1238 -webkit-transition: .25s; 1239 transition: .25s; 1240 } 1241 .btn-group.open .dropdown-toggle { 1242 color: rgba(255, 255, 255, 0.75); 1243 box-shadow: none; 1244 } 1245 .btn-toolbar .btn.active { 1246 color: #ffffff; 1247 } 1248 .btn-toolbar .btn > [class^="fui-"] { 1249 font-size: 16px; 1250 margin: 0 1px; 1251 } 1252 legend { 1253 display: block; 1254 width: 100%; 1255 padding: 0; 1256 margin-bottom: 30px / 2; 1257 font-size: 24px; 1258 line-height: inherit; 1259 color: inherit; 1260 border-bottom: none; 1261 } 1262 textarea { 1263 font-size: 20px; 1264 line-height: 24px; 1265 padding: 5px 11px; 1266 } 1267 input[type="search"] { 1268 -webkit-appearance: none !important; 1269 } 1270 label { 1271 font-weight: normal; 1272 font-size: 15px; 1273 line-height: 2.3; 1274 } 1275 .form-control::-moz-placeholder, 1276 .select2-search input[type="text"]::-moz-placeholder { 1277 color: #b2bcc5; 1278 opacity: 1; 1279 } 1280 .form-control:-ms-input-placeholder, 1281 .select2-search input[type="text"]:-ms-input-placeholder { 1282 color: #b2bcc5; 1283 } 1284 .form-control::-webkit-input-placeholder, 1285 .select2-search input[type="text"]::-webkit-input-placeholder { 1286 color: #b2bcc5; 1287 } 1288 .form-control, 1289 .select2-search input[type="text"] { 1290 border: 2px solid #bdc3c7; 1291 color: #34495e; 1292 font-family: "Lato", Helvetica, Arial, sans-serif; 1293 font-size: 15px; 1294 line-height: 1.467; 1295 padding: 8px 12px; 1296 height: 42px; 1297 border-radius: 6px; 1298 box-shadow: none; 1299 -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 1300 transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 1301 } 1302 .form-group.focus .form-control, 1303 .form-control:focus, 1304 .form-group.focus .select2-search input[type="text"], 1305 .select2-search input[type="text"]:focus { 1306 border-color: #1abc9c; 1307 outline: 0; 1308 box-shadow: none; 1309 } 1310 .form-control[disabled], 1311 .form-control[readonly], 1312 fieldset[disabled] .form-control, 1313 .select2-search input[type="text"][disabled], 1314 .select2-search input[type="text"][readonly], 1315 fieldset[disabled] .select2-search input[type="text"] { 1316 background-color: #f4f6f6; 1317 border-color: #d5dbdb; 1318 color: #d5dbdb; 1319 cursor: default; 1320 opacity: 0.7; 1321 filter: alpha(opacity=70); 1322 } 1323 .form-control.flat, 1324 .select2-search input[type="text"].flat { 1325 border-color: transparent; 1326 } 1327 .form-control.flat:hover, 1328 .select2-search input[type="text"].flat:hover { 1329 border-color: #bdc3c7; 1330 } 1331 .form-control.flat:focus, 1332 .select2-search input[type="text"].flat:focus { 1333 border-color: #1abc9c; 1334 } 1335 .input-sm, 1336 .form-group-sm .form-control, 1337 .form-group-sm .select2-search input[type="text"], 1338 .select2-search input[type="text"] { 1339 height: 35px; 1340 padding: 6px 10px; 1341 font-size: 13px; 1342 line-height: 1.462; 1343 border-radius: 6px; 1344 } 1345 select.input-sm, 1346 select.form-group-sm .form-control, 1347 select.form-group-sm .select2-search input[type="text"], 1348 select.select2-search input[type="text"] { 1349 height: 35px; 1350 line-height: 35px; 1351 } 1352 textarea.input-sm, 1353 textarea.form-group-sm .form-control, 1354 select[multiple].input-sm, 1355 select[multiple].form-group-sm .form-control, 1356 textarea.form-group-sm .select2-search input[type="text"], 1357 select[multiple].form-group-sm .select2-search input[type="text"], 1358 textarea.select2-search input[type="text"], 1359 select[multiple].select2-search input[type="text"] { 1360 height: auto; 1361 } 1362 .input-lg, 1363 .form-group-lg .form-control, 1364 .form-group-lg .select2-search input[type="text"] { 1365 height: 45px; 1366 padding: 10px 15px; 1367 font-size: 17px; 1368 line-height: 1.235; 1369 border-radius: 6px; 1370 } 1371 select.input-lg, 1372 select.form-group-lg .form-control, 1373 select.form-group-lg .select2-search input[type="text"] { 1374 height: 45px; 1375 line-height: 45px; 1376 } 1377 textarea.input-lg, 1378 textarea.form-group-lg .form-control, 1379 select[multiple].input-lg, 1380 select[multiple].form-group-lg .form-control, 1381 textarea.form-group-lg .select2-search input[type="text"], 1382 select[multiple].form-group-lg .select2-search input[type="text"] { 1383 height: auto; 1384 } 1385 .input-hg, 1386 .form-group-hg .form-control, 1387 .form-horizontal .form-group-hg .form-control, 1388 .form-group-hg .select2-search input[type="text"], 1389 .form-horizontal .form-group-hg .select2-search input[type="text"] { 1390 height: 53px; 1391 padding: 10px 16px; 1392 font-size: 22px; 1393 line-height: 1.318; 1394 border-radius: 6px; 1395 } 1396 select.input-hg, 1397 select.form-group-hg .form-control, 1398 select.form-group-hg .select2-search input[type="text"] { 1399 height: 53px; 1400 line-height: 53px; 1401 } 1402 textarea.input-hg, 1403 textarea.form-group-hg .form-control, 1404 select[multiple].input-hg, 1405 select[multiple].form-group-hg .form-control, 1406 textarea.form-group-hg .select2-search input[type="text"], 1407 select[multiple].form-group-hg .select2-search input[type="text"] { 1408 height: auto; 1409 } 1410 .form-control-feedback { 1411 position: absolute; 1412 top: 2px; 1413 right: 2px; 1414 margin-top: 1px; 1415 line-height: 36px; 1416 font-size: 17px; 1417 color: #b2bcc5; 1418 background-color: transparent; 1419 padding: 0 12px 0 0; 1420 border-radius: 6px; 1421 pointer-events: none; 1422 } 1423 .input-hg + .form-control-feedback, 1424 .control-feedback-hg { 1425 font-size: 20px; 1426 line-height: 48px; 1427 padding-right: 16px; 1428 width: auto; 1429 height: 48px; 1430 } 1431 .input-lg + .form-control-feedback, 1432 .control-feedback-lg { 1433 font-size: 18px; 1434 line-height: 40px; 1435 width: auto; 1436 height: 40px; 1437 padding-right: 15px; 1438 } 1439 .input-sm + .form-control-feedback, 1440 .control-feedback-sm, 1441 .select2-search input[type="text"] + .form-control-feedback { 1442 line-height: 29px; 1443 height: 29px; 1444 width: auto; 1445 padding-right: 10px; 1446 } 1447 .has-success .help-block, 1448 .has-success .control-label, 1449 .has-success .radio, 1450 .has-success .checkbox, 1451 .has-success .radio-inline, 1452 .has-success .checkbox-inline { 1453 color: #2ecc71; 1454 } 1455 .has-success .form-control, 1456 .has-success .select2-search input[type="text"] { 1457 color: #2ecc71; 1458 border-color: #2ecc71; 1459 box-shadow: none; 1460 } 1461 .has-success .form-control::-moz-placeholder, 1462 .has-success .select2-search input[type="text"]::-moz-placeholder { 1463 color: #2ecc71; 1464 opacity: 1; 1465 } 1466 .has-success .form-control:-ms-input-placeholder, 1467 .has-success .select2-search input[type="text"]:-ms-input-placeholder { 1468 color: #2ecc71; 1469 } 1470 .has-success .form-control::-webkit-input-placeholder, 1471 .has-success .select2-search input[type="text"]::-webkit-input-placeholder { 1472 color: #2ecc71; 1473 } 1474 .has-success .form-control:focus, 1475 .has-success .select2-search input[type="text"]:focus { 1476 border-color: #2ecc71; 1477 box-shadow: none; 1478 } 1479 .has-success .input-group-addon { 1480 color: #2ecc71; 1481 border-color: #2ecc71; 1482 background-color: #ffffff; 1483 } 1484 .has-success .form-control-feedback { 1485 color: #2ecc71; 1486 } 1487 .has-warning .help-block, 1488 .has-warning .control-label, 1489 .has-warning .radio, 1490 .has-warning .checkbox, 1491 .has-warning .radio-inline, 1492 .has-warning .checkbox-inline { 1493 color: #f1c40f; 1494 } 1495 .has-warning .form-control, 1496 .has-warning .select2-search input[type="text"] { 1497 color: #f1c40f; 1498 border-color: #f1c40f; 1499 box-shadow: none; 1500 } 1501 .has-warning .form-control::-moz-placeholder, 1502 .has-warning .select2-search input[type="text"]::-moz-placeholder { 1503 color: #f1c40f; 1504 opacity: 1; 1505 } 1506 .has-warning .form-control:-ms-input-placeholder, 1507 .has-warning .select2-search input[type="text"]:-ms-input-placeholder { 1508 color: #f1c40f; 1509 } 1510 .has-warning .form-control::-webkit-input-placeholder, 1511 .has-warning .select2-search input[type="text"]::-webkit-input-placeholder { 1512 color: #f1c40f; 1513 } 1514 .has-warning .form-control:focus, 1515 .has-warning .select2-search input[type="text"]:focus { 1516 border-color: #f1c40f; 1517 box-shadow: none; 1518 } 1519 .has-warning .input-group-addon { 1520 color: #f1c40f; 1521 border-color: #f1c40f; 1522 background-color: #ffffff; 1523 } 1524 .has-warning .form-control-feedback { 1525 color: #f1c40f; 1526 } 1527 .has-error .help-block, 1528 .has-error .control-label, 1529 .has-error .radio, 1530 .has-error .checkbox, 1531 .has-error .radio-inline, 1532 .has-error .checkbox-inline { 1533 color: #e74c3c; 1534 } 1535 .has-error .form-control, 1536 .has-error .select2-search input[type="text"] { 1537 color: #e74c3c; 1538 border-color: #e74c3c; 1539 box-shadow: none; 1540 } 1541 .has-error .form-control::-moz-placeholder, 1542 .has-error .select2-search input[type="text"]::-moz-placeholder { 1543 color: #e74c3c; 1544 opacity: 1; 1545 } 1546 .has-error .form-control:-ms-input-placeholder, 1547 .has-error .select2-search input[type="text"]:-ms-input-placeholder { 1548 color: #e74c3c; 1549 } 1550 .has-error .form-control::-webkit-input-placeholder, 1551 .has-error .select2-search input[type="text"]::-webkit-input-placeholder { 1552 color: #e74c3c; 1553 } 1554 .has-error .form-control:focus, 1555 .has-error .select2-search input[type="text"]:focus { 1556 border-color: #e74c3c; 1557 box-shadow: none; 1558 } 1559 .has-error .input-group-addon { 1560 color: #e74c3c; 1561 border-color: #e74c3c; 1562 background-color: #ffffff; 1563 } 1564 .has-error .form-control-feedback { 1565 color: #e74c3c; 1566 } 1567 .form-control[disabled] + .form-control-feedback, 1568 .form-control[readonly] + .form-control-feedback, 1569 fieldset[disabled] .form-control + .form-control-feedback, 1570 .form-control.disabled + .form-control-feedback, 1571 .select2-search input[type="text"][disabled] + .form-control-feedback, 1572 .select2-search input[type="text"][readonly] + .form-control-feedback, 1573 fieldset[disabled] .select2-search input[type="text"] + .form-control-feedback, 1574 .select2-search input[type="text"].disabled + .form-control-feedback { 1575 cursor: not-allowed; 1576 color: #d5dbdb; 1577 background-color: transparent; 1578 opacity: 0.7; 1579 filter: alpha(opacity=70); 1580 } 1581 .help-block { 1582 font-size: 14px; 1583 margin-bottom: 5px; 1584 color: #6b7a88; 1585 } 1586 .form-group { 1587 position: relative; 1588 margin-bottom: 20px; 1589 } 1590 .form-horizontal .radio, 1591 .form-horizontal .checkbox, 1592 .form-horizontal .radio-inline, 1593 .form-horizontal .checkbox-inline { 1594 margin-top: 0; 1595 margin-bottom: 0; 1596 padding-top: 0; 1597 } 1598 @media (min-width: 768px) { 1599 .form-horizontal .control-label { 1600 padding-top: 3px; 1601 padding-bottom: 3px; 1602 } 1603 } 1604 .form-horizontal .form-group { 1605 margin-left: -15px; 1606 margin-right: -15px; 1607 } 1608 .form-horizontal .form-control-static { 1609 padding-top: 6px; 1610 padding-bottom: 6px; 1611 } 1612 @media (min-width: 768px) { 1613 .form-horizontal .form-group-hg .control-label { 1614 font-size: 22px; 1615 padding-top: 2px; 1616 padding-bottom: 0; 1617 } 1618 } 1619 @media (min-width: 768px) { 1620 .form-horizontal .form-group-lg .control-label { 1621 font-size: 17px; 1622 padding-top: 3px; 1623 padding-bottom: 2px; 1624 } 1625 } 1626 @media (min-width: 768px) { 1627 .form-horizontal .form-group-sm .control-label { 1628 font-size: 13px; 1629 padding-top: 2px; 1630 padding-bottom: 2px; 1631 } 1632 } 1633 .input-group .form-control, 1634 .input-group .select2-search input[type="text"] { 1635 position: static; 1636 } 1637 .input-group-hg > .form-control, 1638 .input-group-hg > .input-group-addon, 1639 .input-group-hg > .input-group-btn > .btn, 1640 .input-group-hg > .select2-search input[type="text"] { 1641 height: 53px; 1642 padding: 10px 16px; 1643 font-size: 22px; 1644 line-height: 1.318; 1645 border-radius: 6px; 1646 } 1647 select.input-group-hg > .form-control, 1648 select.input-group-hg > .input-group-addon, 1649 select.input-group-hg > .input-group-btn > .btn, 1650 select.input-group-hg > .select2-search input[type="text"] { 1651 height: 53px; 1652 line-height: 53px; 1653 } 1654 textarea.input-group-hg > .form-control, 1655 textarea.input-group-hg > .input-group-addon, 1656 textarea.input-group-hg > .input-group-btn > .btn, 1657 select[multiple].input-group-hg > .form-control, 1658 select[multiple].input-group-hg > .input-group-addon, 1659 select[multiple].input-group-hg > .input-group-btn > .btn, 1660 textarea.input-group-hg > .select2-search input[type="text"], 1661 select[multiple].input-group-hg > .select2-search input[type="text"] { 1662 height: auto; 1663 } 1664 .input-group-lg > .form-control, 1665 .input-group-lg > .input-group-addon, 1666 .input-group-lg > .input-group-btn > .btn, 1667 .input-group-lg > .select2-search input[type="text"] { 1668 height: 45px; 1669 padding: 10px 15px; 1670 font-size: 17px; 1671 line-height: 1.235; 1672 border-radius: 6px; 1673 } 1674 select.input-group-lg > .form-control, 1675 select.input-group-lg > .input-group-addon, 1676 select.input-group-lg > .input-group-btn > .btn, 1677 select.input-group-lg > .select2-search input[type="text"] { 1678 height: 45px; 1679 line-height: 45px; 1680 } 1681 textarea.input-group-lg > .form-control, 1682 textarea.input-group-lg > .input-group-addon, 1683 textarea.input-group-lg > .input-group-btn > .btn, 1684 select[multiple].input-group-lg > .form-control, 1685 select[multiple].input-group-lg > .input-group-addon, 1686 select[multiple].input-group-lg > .input-group-btn > .btn, 1687 textarea.input-group-lg > .select2-search input[type="text"], 1688 select[multiple].input-group-lg > .select2-search input[type="text"] { 1689 height: auto; 1690 } 1691 .input-group-sm > .form-control, 1692 .input-group-sm > .input-group-addon, 1693 .input-group-sm > .input-group-btn > .btn, 1694 .input-group-sm > .select2-search input[type="text"] { 1695 height: 35px; 1696 padding: 6px 10px; 1697 font-size: 13px; 1698 line-height: 1.462; 1699 border-radius: 6px; 1700 } 1701 select.input-group-sm > .form-control, 1702 select.input-group-sm > .input-group-addon, 1703 select.input-group-sm > .input-group-btn > .btn, 1704 select.input-group-sm > .select2-search input[type="text"] { 1705 height: 35px; 1706 line-height: 35px; 1707 } 1708 textarea.input-group-sm > .form-control, 1709 textarea.input-group-sm > .input-group-addon, 1710 textarea.input-group-sm > .input-group-btn > .btn, 1711 select[multiple].input-group-sm > .form-control, 1712 select[multiple].input-group-sm > .input-group-addon, 1713 select[multiple].input-group-sm > .input-group-btn > .btn, 1714 textarea.input-group-sm > .select2-search input[type="text"], 1715 select[multiple].input-group-sm > .select2-search input[type="text"] { 1716 height: auto; 1717 } 1718 .input-group-addon { 1719 padding: 10px 12px; 1720 font-size: 15px; 1721 color: #ffffff; 1722 text-align: center; 1723 background-color: #bdc3c7; 1724 border: 2px solid #bdc3c7; 1725 border-radius: 6px; 1726 -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 1727 transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 1728 } 1729 .input-group-hg .input-group-addon, 1730 .input-group-lg .input-group-addon, 1731 .input-group-sm .input-group-addon { 1732 line-height: 1; 1733 } 1734 .input-group .form-control:first-child, 1735 .input-group-addon:first-child, 1736 .input-group-btn:first-child > .btn, 1737 .input-group-btn:first-child > .dropdown-toggle, 1738 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 1739 .input-group .select2-search input[type="text"]:first-child { 1740 border-bottom-right-radius: 0; 1741 border-top-right-radius: 0; 1742 } 1743 .input-group .form-control:last-child, 1744 .input-group-addon:last-child, 1745 .input-group-btn:last-child > .btn, 1746 .input-group-btn:last-child > .dropdown-toggle, 1747 .input-group-btn:first-child > .btn:not(:first-child), 1748 .input-group .select2-search input[type="text"]:last-child { 1749 border-bottom-left-radius: 0; 1750 border-top-left-radius: 0; 1751 } 1752 .form-group.focus .input-group-addon, 1753 .input-group.focus .input-group-addon { 1754 background-color: #1abc9c; 1755 border-color: #1abc9c; 1756 } 1757 .form-group.focus .input-group-btn > .btn-default + .btn-default, 1758 .input-group.focus .input-group-btn > .btn-default + .btn-default { 1759 border-left-color: #16a085; 1760 } 1761 .form-group.focus .input-group-btn .btn, 1762 .input-group.focus .input-group-btn .btn { 1763 border-color: #1abc9c; 1764 background-color: #ffffff; 1765 color: #1abc9c; 1766 } 1767 .form-group.focus .input-group-btn .btn-default, 1768 .input-group.focus .input-group-btn .btn-default { 1769 color: #ffffff; 1770 background-color: #1abc9c; 1771 } 1772 .form-group.focus .input-group-btn .btn-default:hover, 1773 .input-group.focus .input-group-btn .btn-default:hover, 1774 .form-group.focus .input-group-btn .btn-default.hover, 1775 .input-group.focus .input-group-btn .btn-default.hover, 1776 .form-group.focus .input-group-btn .btn-default:focus, 1777 .input-group.focus .input-group-btn .btn-default:focus, 1778 .form-group.focus .input-group-btn .btn-default:active, 1779 .input-group.focus .input-group-btn .btn-default:active, 1780 .form-group.focus .input-group-btn .btn-default.active, 1781 .input-group.focus .input-group-btn .btn-default.active, 1782 .open > .dropdown-toggle.form-group.focus .input-group-btn .btn-default, 1783 .open > .dropdown-toggle.input-group.focus .input-group-btn .btn-default { 1784 color: #ffffff; 1785 background-color: #48c9b0; 1786 border-color: #48c9b0; 1787 } 1788 .form-group.focus .input-group-btn .btn-default:active, 1789 .input-group.focus .input-group-btn .btn-default:active, 1790 .form-group.focus .input-group-btn .btn-default.active, 1791 .input-group.focus .input-group-btn .btn-default.active, 1792 .open > .dropdown-toggle.form-group.focus .input-group-btn .btn-default, 1793 .open > .dropdown-toggle.input-group.focus .input-group-btn .btn-default { 1794 background: #16a085; 1795 border-color: #16a085; 1796 } 1797 .form-group.focus .input-group-btn .btn-default.disabled, 1798 .input-group.focus .input-group-btn .btn-default.disabled, 1799 .form-group.focus .input-group-btn .btn-default[disabled], 1800 .input-group.focus .input-group-btn .btn-default[disabled], 1801 fieldset[disabled] .form-group.focus .input-group-btn .btn-default, 1802 fieldset[disabled] .input-group.focus .input-group-btn .btn-default, 1803 .form-group.focus .input-group-btn .btn-default.disabled:hover, 1804 .input-group.focus .input-group-btn .btn-default.disabled:hover, 1805 .form-group.focus .input-group-btn .btn-default[disabled]:hover, 1806 .input-group.focus .input-group-btn .btn-default[disabled]:hover, 1807 fieldset[disabled] .form-group.focus .input-group-btn .btn-default:hover, 1808 fieldset[disabled] .input-group.focus .input-group-btn .btn-default:hover, 1809 .form-group.focus .input-group-btn .btn-default.disabled.hover, 1810 .input-group.focus .input-group-btn .btn-default.disabled.hover, 1811 .form-group.focus .input-group-btn .btn-default[disabled].hover, 1812 .input-group.focus .input-group-btn .btn-default[disabled].hover, 1813 fieldset[disabled] .form-group.focus .input-group-btn .btn-default.hover, 1814 fieldset[disabled] .input-group.focus .input-group-btn .btn-default.hover, 1815 .form-group.focus .input-group-btn .btn-default.disabled:focus, 1816 .input-group.focus .input-group-btn .btn-default.disabled:focus, 1817 .form-group.focus .input-group-btn .btn-default[disabled]:focus, 1818 .input-group.focus .input-group-btn .btn-default[disabled]:focus, 1819 fieldset[disabled] .form-group.focus .input-group-btn .btn-default:focus, 1820 fieldset[disabled] .input-group.focus .input-group-btn .btn-default:focus, 1821 .form-group.focus .input-group-btn .btn-default.disabled:active, 1822 .input-group.focus .input-group-btn .btn-default.disabled:active, 1823 .form-group.focus .input-group-btn .btn-default[disabled]:active, 1824 .input-group.focus .input-group-btn .btn-default[disabled]:active, 1825 fieldset[disabled] .form-group.focus .input-group-btn .btn-default:active, 1826 fieldset[disabled] .input-group.focus .input-group-btn .btn-default:active, 1827 .form-group.focus .input-group-btn .btn-default.disabled.active, 1828 .input-group.focus .input-group-btn .btn-default.disabled.active, 1829 .form-group.focus .input-group-btn .btn-default[disabled].active, 1830 .input-group.focus .input-group-btn .btn-default[disabled].active, 1831 fieldset[disabled] .form-group.focus .input-group-btn .btn-default.active, 1832 fieldset[disabled] .input-group.focus .input-group-btn .btn-default.active { 1833 background-color: #bdc3c7; 1834 border-color: #1abc9c; 1835 } 1836 .form-group.focus .input-group-btn .btn-default .badge, 1837 .input-group.focus .input-group-btn .btn-default .badge { 1838 color: #1abc9c; 1839 background-color: #ffffff; 1840 } 1841 .input-group-btn .btn { 1842 background-color: #ffffff; 1843 border: 2px solid #bdc3c7; 1844 color: #bdc3c7; 1845 line-height: 18px; 1846 height: 42px; 1847 } 1848 .input-group-btn .btn-default { 1849 color: #ffffff; 1850 background-color: #bdc3c7; 1851 } 1852 .input-group-btn .btn-default:hover, 1853 .input-group-btn .btn-default.hover, 1854 .input-group-btn .btn-default:focus, 1855 .input-group-btn .btn-default:active, 1856 .input-group-btn .btn-default.active, 1857 .open > .dropdown-toggle.input-group-btn .btn-default { 1858 color: #ffffff; 1859 background-color: #cacfd2; 1860 border-color: #cacfd2; 1861 } 1862 .input-group-btn .btn-default:active, 1863 .input-group-btn .btn-default.active, 1864 .open > .dropdown-toggle.input-group-btn .btn-default { 1865 background: #a1a6a9; 1866 border-color: #a1a6a9; 1867 } 1868 .input-group-btn .btn-default.disabled, 1869 .input-group-btn .btn-default[disabled], 1870 fieldset[disabled] .input-group-btn .btn-default, 1871 .input-group-btn .btn-default.disabled:hover, 1872 .input-group-btn .btn-default[disabled]:hover, 1873 fieldset[disabled] .input-group-btn .btn-default:hover, 1874 .input-group-btn .btn-default.disabled.hover, 1875 .input-group-btn .btn-default[disabled].hover, 1876 fieldset[disabled] .input-group-btn .btn-default.hover, 1877 .input-group-btn .btn-default.disabled:focus, 1878 .input-group-btn .btn-default[disabled]:focus, 1879 fieldset[disabled] .input-group-btn .btn-default:focus, 1880 .input-group-btn .btn-default.disabled:active, 1881 .input-group-btn .btn-default[disabled]:active, 1882 fieldset[disabled] .input-group-btn .btn-default:active, 1883 .input-group-btn .btn-default.disabled.active, 1884 .input-group-btn .btn-default[disabled].active, 1885 fieldset[disabled] .input-group-btn .btn-default.active { 1886 background-color: #bdc3c7; 1887 border-color: #bdc3c7; 1888 } 1889 .input-group-btn .btn-default .badge { 1890 color: #bdc3c7; 1891 background-color: #ffffff; 1892 } 1893 .input-group-hg .input-group-btn .btn { 1894 line-height: 31px; 1895 } 1896 .input-group-lg .input-group-btn .btn { 1897 line-height: 21px; 1898 } 1899 .input-group-sm .input-group-btn .btn { 1900 line-height: 19px; 1901 } 1902 .input-group-btn:first-child > .btn { 1903 border-right-width: 0; 1904 margin-right: -3px; 1905 } 1906 .input-group-btn:last-child > .btn { 1907 border-left-width: 0; 1908 margin-left: -3px; 1909 } 1910 .input-group-btn > .btn-default + .btn-default { 1911 border-left: 2px solid #bdc3c7; 1912 } 1913 .input-group-btn > .btn:first-child + .btn .caret { 1914 margin-left: 0; 1915 } 1916 .input-group-rounded .input-group-btn + .form-control, 1917 .input-group-rounded .input-group-btn:last-child .btn, 1918 .input-group-rounded .input-group-btn + .select2-search input[type="text"] { 1919 border-bottom-right-radius: 20px; 1920 border-top-right-radius: 20px; 1921 } 1922 .input-group-hg.input-group-rounded .input-group-btn + .form-control, 1923 .input-group-hg.input-group-rounded .input-group-btn:last-child .btn, 1924 .input-group-hg.input-group-rounded .input-group-btn + .select2-search input[type="text"] { 1925 border-bottom-right-radius: 27px; 1926 border-top-right-radius: 27px; 1927 } 1928 .input-group-lg.input-group-rounded .input-group-btn + .form-control, 1929 .input-group-lg.input-group-rounded .input-group-btn:last-child .btn, 1930 .input-group-lg.input-group-rounded .input-group-btn + .select2-search input[type="text"] { 1931 border-bottom-right-radius: 25px; 1932 border-top-right-radius: 25px; 1933 } 1934 .input-group-rounded .form-control:first-child, 1935 .input-group-rounded .input-group-btn:first-child .btn, 1936 .input-group-rounded .select2-search input[type="text"]:first-child { 1937 border-bottom-left-radius: 20px; 1938 border-top-left-radius: 20px; 1939 } 1940 .input-group-hg.input-group-rounded .form-control:first-child, 1941 .input-group-hg.input-group-rounded .input-group-btn:first-child .btn, 1942 .input-group-hg.input-group-rounded .select2-search input[type="text"]:first-child { 1943 border-bottom-left-radius: 27px; 1944 border-top-left-radius: 27px; 1945 } 1946 .input-group-lg.input-group-rounded .form-control:first-child, 1947 .input-group-lg.input-group-rounded .input-group-btn:first-child .btn, 1948 .input-group-lg.input-group-rounded .select2-search input[type="text"]:first-child { 1949 border-bottom-left-radius: 25px; 1950 border-top-left-radius: 25px; 1951 } 1952 .input-group-rounded .input-group-btn + .form-control, 1953 .input-group-rounded .input-group-btn + .select2-search input[type="text"] { 1954 padding-left: 0; 1955 } 1956 .checkbox, 1957 .radio { 1958 margin-bottom: 12px; 1959 padding-left: 32px; 1960 position: relative; 1961 -webkit-transition: color .25s linear; 1962 transition: color .25s linear; 1963 font-size: 14px; 1964 line-height: 1.5; 1965 } 1966 .checkbox .icons, 1967 .radio .icons { 1968 color: #bdc3c7; 1969 display: block; 1970 height: 20px; 1971 top: 0; 1972 left: 0; 1973 position: absolute; 1974 width: 20px; 1975 text-align: center; 1976 line-height: 20px; 1977 font-size: 20px; 1978 cursor: pointer; 1979 } 1980 .checkbox .icons .icon-checked, 1981 .radio .icons .icon-checked { 1982 opacity: 0; 1983 filter: alpha(opacity=0); 1984 } 1985 .checkbox .icon-checked, 1986 .radio .icon-checked, 1987 .checkbox .icon-unchecked, 1988 .radio .icon-unchecked { 1989 display: inline-table; 1990 position: absolute; 1991 left: 0; 1992 top: 0; 1993 background-color: transparent; 1994 margin: 0; 1995 opacity: 1; 1996 -webkit-filter: none; 1997 filter: none; 1998 -webkit-transition: color .25s linear; 1999 transition: color .25s linear; 2000 } 2001 .checkbox .icon-checked:before, 2002 .radio .icon-checked:before, 2003 .checkbox .icon-unchecked:before, 2004 .radio .icon-unchecked:before { 2005 font-family: 'Flat-UI-Icons'; 2006 speak: none; 2007 font-style: normal; 2008 font-weight: normal; 2009 font-variant: normal; 2010 text-transform: none; 2011 -webkit-font-smoothing: antialiased; 2012 -moz-osx-font-smoothing: grayscale; 2013 } 2014 .checkbox .icon-checked:before { 2015 content: "\e60e"; 2016 } 2017 .checkbox .icon-unchecked:before { 2018 content: "\e60d"; 2019 } 2020 .radio .icon-checked:before { 2021 content: "\e60c"; 2022 } 2023 .radio .icon-unchecked:before { 2024 content: "\e60b"; 2025 } 2026 .checkbox input[type="checkbox"].custom-checkbox, 2027 .radio input[type="checkbox"].custom-checkbox, 2028 .checkbox input[type="radio"].custom-radio, 2029 .radio input[type="radio"].custom-radio { 2030 outline: none !important; 2031 opacity: 0; 2032 position: absolute; 2033 margin: 0; 2034 padding: 0; 2035 left: 0; 2036 top: 0; 2037 width: 20px; 2038 height: 20px; 2039 } 2040 .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked, 2041 .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked, 2042 .checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked, 2043 .radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked { 2044 opacity: 0; 2045 filter: alpha(opacity=0); 2046 } 2047 .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked, 2048 .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked, 2049 .checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked, 2050 .radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked { 2051 opacity: 1; 2052 -webkit-filter: none; 2053 filter: none; 2054 } 2055 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, 2056 .radio input[type="checkbox"].custom-checkbox:checked + .icons, 2057 .checkbox input[type="radio"].custom-radio:checked + .icons, 2058 .radio input[type="radio"].custom-radio:checked + .icons { 2059 color: #1abc9c; 2060 } 2061 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked, 2062 .radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked, 2063 .checkbox input[type="radio"].custom-radio:checked + .icons .icon-unchecked, 2064 .radio input[type="radio"].custom-radio:checked + .icons .icon-unchecked { 2065 opacity: 0; 2066 filter: alpha(opacity=0); 2067 } 2068 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 2069 .radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 2070 .checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked, 2071 .radio input[type="radio"].custom-radio:checked + .icons .icon-checked { 2072 opacity: 1; 2073 -webkit-filter: none; 2074 filter: none; 2075 color: #1abc9c; 2076 } 2077 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons, 2078 .radio input[type="checkbox"].custom-checkbox:disabled + .icons, 2079 .checkbox input[type="radio"].custom-radio:disabled + .icons, 2080 .radio input[type="radio"].custom-radio:disabled + .icons { 2081 cursor: default; 2082 color: #e6e8ea; 2083 } 2084 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked, 2085 .radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked, 2086 .checkbox input[type="radio"].custom-radio:disabled + .icons .icon-unchecked, 2087 .radio input[type="radio"].custom-radio:disabled + .icons .icon-unchecked { 2088 opacity: 1; 2089 -webkit-filter: none; 2090 filter: none; 2091 } 2092 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked, 2093 .radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked, 2094 .checkbox input[type="radio"].custom-radio:disabled + .icons .icon-checked, 2095 .radio input[type="radio"].custom-radio:disabled + .icons .icon-checked { 2096 opacity: 0; 2097 filter: alpha(opacity=0); 2098 } 2099 .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons, 2100 .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons, 2101 .checkbox input[type="radio"].custom-radio:disabled:checked + .icons, 2102 .radio input[type="radio"].custom-radio:disabled:checked + .icons { 2103 color: #e6e8ea; 2104 } 2105 .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked, 2106 .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked, 2107 .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked, 2108 .radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked { 2109 opacity: 0; 2110 filter: alpha(opacity=0); 2111 } 2112 .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked, 2113 .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked, 2114 .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked, 2115 .radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked { 2116 opacity: 1; 2117 -webkit-filter: none; 2118 filter: none; 2119 color: #e6e8ea; 2120 } 2121 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons, 2122 .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons, 2123 .checkbox input[type="radio"].custom-radio:indeterminate + .icons, 2124 .radio input[type="radio"].custom-radio:indeterminate + .icons { 2125 color: #bdc3c7; 2126 } 2127 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked, 2128 .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked, 2129 .checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked, 2130 .radio input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked { 2131 opacity: 1; 2132 -webkit-filter: none; 2133 filter: none; 2134 } 2135 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked, 2136 .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked, 2137 .checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-checked, 2138 .radio input[type="radio"].custom-radio:indeterminate + .icons .icon-checked { 2139 opacity: 0; 2140 filter: alpha(opacity=0); 2141 } 2142 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, 2143 .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, 2144 .checkbox input[type="radio"].custom-radio:indeterminate + .icons:before, 2145 .radio input[type="radio"].custom-radio:indeterminate + .icons:before { 2146 content: "\2013"; 2147 position: absolute; 2148 top: 0; 2149 left: 0; 2150 line-height: 20px; 2151 width: 20px; 2152 text-align: center; 2153 color: #ffffff; 2154 font-size: 22px; 2155 z-index: 10; 2156 } 2157 .checkbox.primary input[type="checkbox"].custom-checkbox + .icons, 2158 .radio.primary input[type="checkbox"].custom-checkbox + .icons, 2159 .checkbox.primary input[type="radio"].custom-radio + .icons, 2160 .radio.primary input[type="radio"].custom-radio + .icons { 2161 color: #34495e; 2162 } 2163 .checkbox.primary input[type="checkbox"].custom-checkbox:checked + .icons, 2164 .radio.primary input[type="checkbox"].custom-checkbox:checked + .icons, 2165 .checkbox.primary input[type="radio"].custom-radio:checked + .icons, 2166 .radio.primary input[type="radio"].custom-radio:checked + .icons { 2167 color: #1abc9c; 2168 } 2169 .checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons, 2170 .radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons, 2171 .checkbox.primary input[type="radio"].custom-radio:disabled + .icons, 2172 .radio.primary input[type="radio"].custom-radio:disabled + .icons { 2173 cursor: default; 2174 color: #bdc3c7; 2175 } 2176 .checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked, 2177 .radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked, 2178 .checkbox.primary input[type="radio"].custom-radio:disabled + .icons.checked, 2179 .radio.primary input[type="radio"].custom-radio:disabled + .icons.checked { 2180 color: #bdc3c7; 2181 } 2182 .checkbox.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons, 2183 .radio.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons, 2184 .checkbox.primary input[type="radio"].custom-radio:indeterminate + .icons, 2185 .radio.primary input[type="radio"].custom-radio:indeterminate + .icons { 2186 color: #34495e; 2187 } 2188 .input-group-addon .radio, 2189 .input-group-addon .checkbox { 2190 margin: -2px 0; 2191 padding-left: 20px; 2192 } 2193 .input-group-addon .radio .icons, 2194 .input-group-addon .checkbox .icons { 2195 color: #e6e8ea; 2196 } 2197 .input-group-addon .radio input[type="checkbox"].custom-checkbox:checked + .icons, 2198 .input-group-addon .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, 2199 .input-group-addon .radio input[type="radio"].custom-radio:checked + .icons, 2200 .input-group-addon .checkbox input[type="radio"].custom-radio:checked + .icons { 2201 color: #ffffff; 2202 } 2203 .input-group-addon .radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 2204 .input-group-addon .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 2205 .input-group-addon .radio input[type="radio"].custom-radio:checked + .icons .icon-checked, 2206 .input-group-addon .checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked { 2207 color: #ffffff; 2208 } 2209 .input-group-addon .radio input[type="checkbox"].custom-checkbox:disabled + .icons, 2210 .input-group-addon .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons, 2211 .input-group-addon .radio input[type="radio"].custom-radio:disabled + .icons, 2212 .input-group-addon .checkbox input[type="radio"].custom-radio:disabled + .icons { 2213 color: rgba(230, 232, 234, 0.6); 2214 } 2215 .input-group-addon .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons, 2216 .input-group-addon .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons, 2217 .input-group-addon .radio input[type="radio"].custom-radio:disabled:checked + .icons, 2218 .input-group-addon .checkbox input[type="radio"].custom-radio:disabled:checked + .icons { 2219 color: rgba(230, 232, 234, 0.6); 2220 } 2221 .input-group-addon .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked, 2222 .input-group-addon .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked, 2223 .input-group-addon .radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked, 2224 .input-group-addon .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked { 2225 color: rgba(230, 232, 234, 0.6); 2226 } 2227 .radio + .radio, 2228 .checkbox + .checkbox { 2229 margin-top: 10px; 2230 } 2231 .form-inline .checkbox, 2232 .form-inline .radio { 2233 padding-left: 32px; 2234 } 2235 .bootstrap-tagsinput { 2236 background-color: #ffffff; 2237 border: 2px solid #ebedef; 2238 border-radius: 6px; 2239 margin-bottom: 18px; 2240 padding: 6px 1px 1px 6px; 2241 text-align: left; 2242 font-size: 0; 2243 } 2244 .bootstrap-tagsinput .tag { 2245 border-radius: 4px; 2246 background-color: #ebedef; 2247 color: #7b8996; 2248 font-size: 13px; 2249 cursor: pointer; 2250 display: inline-block; 2251 position: relative; 2252 vertical-align: middle; 2253 overflow: hidden; 2254 margin: 0 7px 7px 0; 2255 line-height: 15px; 2256 height: 27px; 2257 padding: 6px 21px; 2258 -webkit-transition: .25s linear; 2259 transition: .25s linear; 2260 } 2261 .bootstrap-tagsinput .tag > span { 2262 color: #ffffff; 2263 cursor: pointer; 2264 font-size: 12px; 2265 position: absolute; 2266 right: 0; 2267 text-align: right; 2268 text-decoration: none; 2269 top: 0; 2270 width: 100%; 2271 bottom: 0; 2272 padding: 0 10px 0 0; 2273 z-index: 2; 2274 opacity: 0; 2275 filter: alpha(opacity=0); 2276 -webkit-transition: opacity .25s linear; 2277 transition: opacity .25s linear; 2278 } 2279 .bootstrap-tagsinput .tag > span:after { 2280 content: "\e609"; 2281 font-family: "Flat-UI-Icons"; 2282 -webkit-font-smoothing: antialiased; 2283 -moz-osx-font-smoothing: grayscale; 2284 line-height: 27px; 2285 } 2286 .bootstrap-tagsinput .tag:hover { 2287 background-color: #16a085; 2288 color: #ffffff; 2289 padding-right: 28px; 2290 padding-left: 14px; 2291 } 2292 .bootstrap-tagsinput .tag:hover > span { 2293 opacity: 1; 2294 -webkit-filter: none; 2295 filter: none; 2296 } 2297 .bootstrap-tagsinput input[type="text"] { 2298 font-size: 14px; 2299 border: none; 2300 box-shadow: none; 2301 outline: none; 2302 background-color: transparent; 2303 padding: 0; 2304 margin: 0; 2305 width: auto !important; 2306 max-width: inherit; 2307 min-width: 80px; 2308 vertical-align: top; 2309 height: 29px; 2310 color: #34495e; 2311 } 2312 .bootstrap-tagsinput input[type="text"]:first-child { 2313 height: 23px; 2314 margin: 3px 0 8px; 2315 } 2316 .tags_clear { 2317 clear: both; 2318 width: 100%; 2319 height: 0; 2320 } 2321 .not_valid { 2322 background: #fbd8db !important; 2323 color: #90111a !important; 2324 margin-left: 5px !important; 2325 } 2326 .tagsinput-primary { 2327 margin-bottom: 18px; 2328 } 2329 .tagsinput-primary .bootstrap-tagsinput { 2330 border-color: #1abc9c; 2331 margin-bottom: 0; 2332 } 2333 .tagsinput-primary .tag { 2334 background-color: #1abc9c; 2335 color: #ffffff; 2336 } 2337 .tagsinput-primary .tag:hover { 2338 background-color: #16a085; 2339 color: #ffffff; 2340 } 2341 .bootstrap-tagsinput .twitter-typeahead { 2342 width: auto; 2343 vertical-align: top; 2344 } 2345 .bootstrap-tagsinput .twitter-typeahead .tt-input { 2346 min-width: 200px; 2347 } 2348 .bootstrap-tagsinput .twitter-typeahead .tt-dropdown-menu { 2349 width: auto; 2350 min-width: 120px; 2351 margin-top: 11px; 2352 } 2353 .twitter-typeahead { 2354 width: 100%; 2355 } 2356 .twitter-typeahead .tt-dropdown-menu { 2357 width: 100%; 2358 margin-top: 5px; 2359 border: 2px solid #1abc9c; 2360 padding: 5px 0; 2361 background-color: #ffffff; 2362 border-radius: 6px; 2363 } 2364 .twitter-typeahead .tt-suggestion p { 2365 padding: 6px 14px; 2366 font-size: 14px; 2367 line-height: 1.429; 2368 margin: 0; 2369 } 2370 .twitter-typeahead .tt-suggestion:first-child p, 2371 .twitter-typeahead .tt-suggestion:last-child p { 2372 padding: 6px 14px; 2373 } 2374 .twitter-typeahead .tt-suggestion.tt-is-under-cursor, 2375 .twitter-typeahead .tt-suggestion.tt-cursor { 2376 cursor: pointer; 2377 color: #fff; 2378 background-color: #16a085; 2379 } 2380 .progress { 2381 background: #ebedef; 2382 border-radius: 32px; 2383 height: 12px; 2384 box-shadow: none; 2385 } 2386 .progress-bar { 2387 background: #1abc9c; 2388 line-height: 12px; 2389 box-shadow: none; 2390 } 2391 .progress-bar-success { 2392 background-color: #2ecc71; 2393 } 2394 .progress-bar-warning { 2395 background-color: #f1c40f; 2396 } 2397 .progress-bar-danger { 2398 background-color: #e74c3c; 2399 } 2400 .progress-bar-info { 2401 background-color: #3498db; 2402 } 2403 .ui-slider { 2404 background: #ebedef; 2405 border-radius: 32px; 2406 height: 12px; 2407 box-shadow: none; 2408 margin-bottom: 20px; 2409 position: relative; 2410 cursor: pointer; 2411 } 2412 .ui-slider-handle { 2413 background-color: #16a085; 2414 border-radius: 50%; 2415 cursor: pointer; 2416 height: 18px; 2417 position: absolute; 2418 width: 18px; 2419 z-index: 2; 2420 -webkit-transition: background .25s; 2421 transition: background .25s; 2422 } 2423 .ui-slider-handle:hover, 2424 .ui-slider-handle:focus { 2425 background-color: #48c9b0; 2426 outline: none; 2427 } 2428 .ui-slider-handle:active { 2429 background-color: #16a085; 2430 } 2431 .ui-slider-range { 2432 background-color: #1abc9c; 2433 display: block; 2434 height: 100%; 2435 position: absolute; 2436 z-index: 1; 2437 } 2438 .ui-slider-segment { 2439 background-color: #d9dbdd; 2440 border-radius: 50%; 2441 height: 6px; 2442 width: 6px; 2443 } 2444 .ui-slider-value { 2445 float: right; 2446 font-size: 13px; 2447 margin-top: 12px; 2448 } 2449 .ui-slider-value.first { 2450 clear: left; 2451 float: left; 2452 } 2453 .ui-slider-horizontal .ui-slider-handle { 2454 margin-left: -9px; 2455 top: -3px; 2456 } 2457 .ui-slider-horizontal .ui-slider-handle[style*="100"] { 2458 margin-left: -15px; 2459 } 2460 .ui-slider-horizontal .ui-slider-range { 2461 border-radius: 30px 0 0 30px; 2462 } 2463 .ui-slider-horizontal .ui-slider-segment { 2464 float: left; 2465 margin: 3px -6px 0 0; 2466 } 2467 .ui-slider-vertical { 2468 width: 12px; 2469 } 2470 .ui-slider-vertical .ui-slider-handle { 2471 margin-left: -3px; 2472 margin-bottom: -11px; 2473 top: auto; 2474 } 2475 .ui-slider-vertical .ui-slider-range { 2476 width: 100%; 2477 bottom: 0; 2478 border-radius: 0 0 30px 30px; 2479 } 2480 .ui-slider-vertical .ui-slider-segment { 2481 position: absolute; 2482 right: 3px; 2483 } 2484 .pager { 2485 background-color: #34495e; 2486 border-radius: 6px; 2487 color: #ffffff; 2488 font-size: 16px; 2489 font-weight: 700; 2490 display: inline-block; 2491 } 2492 .pager li:first-child > a, 2493 .pager li:first-child > span { 2494 border-left: none; 2495 border-radius: 6px 0 0 6px; 2496 } 2497 .pager li > a, 2498 .pager li > span { 2499 background: none; 2500 border: none; 2501 border-left: 2px solid #2c3e50; 2502 color: #ffffff; 2503 padding: 9px 15px 10px; 2504 text-decoration: none; 2505 white-space: nowrap; 2506 border-radius: 0 6px 6px 0; 2507 line-height: 1.313; 2508 } 2509 .pager li > a:hover, 2510 .pager li > span:hover, 2511 .pager li > a:focus, 2512 .pager li > span:focus { 2513 background-color: #2c3e50; 2514 } 2515 .pager li > a:active, 2516 .pager li > span:active { 2517 background-color: #2c3e50; 2518 } 2519 .pager li > a [class*="fui-"] + span, 2520 .pager li > span [class*="fui-"] + span { 2521 margin-left: 8px; 2522 } 2523 .pager li > a span + [class*="fui-"], 2524 .pager li > span span + [class*="fui-"] { 2525 margin-left: 8px; 2526 } 2527 .pagination { 2528 position: relative; 2529 display: block; 2530 background: #d6dbdf; 2531 color: #ffffff; 2532 padding: 0; 2533 display: inline-block; 2534 border-radius: 6px; 2535 word-spacing: -0.5px; 2536 } 2537 @media (min-width: 768px) { 2538 .pagination { 2539 display: inline-block; 2540 } 2541 } 2542 @media (max-width: 767px) { 2543 .pagination { 2544 height: 41px; 2545 padding: 0 55px 0 52px; 2546 overflow: auto; 2547 white-space: nowrap; 2548 border-radius: 6px; 2549 } 2550 } 2551 .pagination li { 2552 display: inline-block; 2553 margin-right: -2px; 2554 vertical-align: middle; 2555 word-spacing: normal; 2556 } 2557 .pagination li a { 2558 position: static; 2559 } 2560 .pagination li.active > a, 2561 .pagination li.active > span { 2562 background-color: #1abc9c; 2563 color: #ffffff; 2564 border-color: #dfe2e5; 2565 } 2566 .pagination li.active > a, 2567 .pagination li.active > span, 2568 .pagination li.active > a:hover, 2569 .pagination li.active > span:hover, 2570 .pagination li.active > a:focus, 2571 .pagination li.active > span:focus { 2572 background-color: #1abc9c; 2573 color: #ffffff; 2574 border-color: #dfe2e5; 2575 } 2576 .pagination li.active.previous > a, 2577 .pagination li.active.next > a, 2578 .pagination li.active.previous > span, 2579 .pagination li.active.next > span { 2580 margin: 0; 2581 } 2582 .pagination li.active.previous > a, 2583 .pagination li.active.next > a, 2584 .pagination li.active.previous > span, 2585 .pagination li.active.next > span, 2586 .pagination li.active.previous > a:hover, 2587 .pagination li.active.next > a:hover, 2588 .pagination li.active.previous > span:hover, 2589 .pagination li.active.next > span:hover, 2590 .pagination li.active.previous > a:focus, 2591 .pagination li.active.next > a:focus, 2592 .pagination li.active.previous > span:focus, 2593 .pagination li.active.next > span:focus { 2594 background-color: #1abc9c; 2595 color: #ffffff; 2596 } 2597 .pagination li:first-child > a, 2598 .pagination li:first-child > span { 2599 border-radius: 6px 0 0 6px; 2600 border-left: none; 2601 } 2602 .pagination li:first-child.previous + li > a, 2603 .pagination li:first-child.previous + li > span { 2604 border-left-width: 0; 2605 } 2606 .pagination li:last-child { 2607 margin-right: 0; 2608 } 2609 .pagination li:last-child > a, 2610 .pagination li:last-child > span, 2611 .pagination li:last-child > a:hover, 2612 .pagination li:last-child > span:hover, 2613 .pagination li:last-child > a:focus, 2614 .pagination li:last-child > span:focus { 2615 border-radius: 0 6px 6px 0; 2616 } 2617 .pagination li.previous > a, 2618 .pagination li.next > a, 2619 .pagination li.previous > span, 2620 .pagination li.next > span { 2621 border-right: 2px solid #e4e7ea; 2622 font-size: 16px; 2623 min-width: auto; 2624 padding: 12px 17px; 2625 background-color: transparent; 2626 } 2627 .pagination li.next > a, 2628 .pagination li.next > span { 2629 border-right: none; 2630 } 2631 .pagination li.disabled > a, 2632 .pagination li.disabled > span { 2633 color: #ffffff; 2634 background-color: rgba(255, 255, 255, 0.3); 2635 border-right-color: #dfe2e5; 2636 cursor: not-allowed; 2637 } 2638 .pagination li.disabled > a:hover, 2639 .pagination li.disabled > span:hover, 2640 .pagination li.disabled > a:focus, 2641 .pagination li.disabled > span:focus, 2642 .pagination li.disabled > a:active, 2643 .pagination li.disabled > span:active { 2644 background-color: rgba(255, 255, 255, 0.4); 2645 color: #ffffff; 2646 } 2647 @media (max-width: 767px) { 2648 .pagination li.next, 2649 .pagination li.previous { 2650 background-color: #d6dbdf; 2651 position: absolute; 2652 right: 0; 2653 top: 0; 2654 z-index: 10; 2655 border-radius: 0 6px 6px 0; 2656 } 2657 .pagination li.previous { 2658 left: 0; 2659 right: auto; 2660 border-radius: 6px 0 0 6px; 2661 } 2662 } 2663 .pagination li > a, 2664 .pagination li > span { 2665 display: inline-block; 2666 background: transparent; 2667 border: none; 2668 border-left: 2px solid #e4e7ea; 2669 color: #ffffff; 2670 font-size: 14px; 2671 line-height: 16px; 2672 min-height: 41px; 2673 min-width: 41px; 2674 outline: none; 2675 padding: 12px 10px; 2676 text-align: center; 2677 -webkit-transition: 0.25s ease-out; 2678 transition: 0.25s ease-out; 2679 } 2680 .pagination li > a:hover, 2681 .pagination li > span:hover, 2682 .pagination li > a:focus, 2683 .pagination li > span:focus { 2684 background-color: #1abc9c; 2685 color: #ffffff; 2686 } 2687 .pagination li > a:active, 2688 .pagination li > span:active { 2689 background-color: #1abc9c; 2690 color: #ffffff; 2691 } 2692 .pagination > .btn.previous, 2693 .pagination > .btn.next { 2694 margin-right: 8px; 2695 font-size: 14px; 2696 line-height: 1.429; 2697 padding-left: 23px; 2698 padding-right: 23px; 2699 } 2700 .pagination > .btn.previous [class*="fui-"], 2701 .pagination > .btn.next [class*="fui-"] { 2702 font-size: 16px; 2703 margin-left: -2px; 2704 margin-top: -2px; 2705 } 2706 .pagination > .btn.next { 2707 margin-left: 8px; 2708 margin-right: 0; 2709 } 2710 .pagination > .btn.next [class*="fui-"] { 2711 margin-right: -2px; 2712 margin-left: 4px; 2713 } 2714 @media (max-width: 767px) { 2715 .pagination > .btn { 2716 display: block; 2717 margin: 0; 2718 width: 50%; 2719 } 2720 .pagination > .btn:first-child { 2721 border-bottom: 2px solid #dfe2e5; 2722 border-radius: 6px 0 0; 2723 } 2724 .pagination > .btn:first-child.btn-primary { 2725 border-bottom-color: #48c9b0; 2726 } 2727 .pagination > .btn:first-child.btn-danger { 2728 border-bottom-color: #ec7063; 2729 } 2730 .pagination > .btn:first-child.btn-warning { 2731 border-bottom-color: #f4d03f; 2732 } 2733 .pagination > .btn:first-child.btn-success { 2734 border-bottom-color: #58d68d; 2735 } 2736 .pagination > .btn:first-child.btn-info { 2737 border-bottom-color: #5dade2; 2738 } 2739 .pagination > .btn:first-child.btn-inverse { 2740 border-bottom-color: #5d6d7e; 2741 } 2742 .pagination > .btn:first-child > [class*="fui"] { 2743 margin-left: -20px; 2744 } 2745 .pagination > .btn + ul { 2746 padding: 0; 2747 text-align: center; 2748 border-radius: 0 0 6px 6px; 2749 } 2750 .pagination > .btn + ul + .btn { 2751 border-bottom: 2px solid #dfe2e5; 2752 position: absolute; 2753 right: 0; 2754 top: 0; 2755 border-radius: 0 6px 0 0; 2756 } 2757 .pagination > .btn + ul + .btn.btn-primary { 2758 border-bottom-color: #48c9b0; 2759 } 2760 .pagination > .btn + ul + .btn.btn-danger { 2761 border-bottom-color: #ec7063; 2762 } 2763 .pagination > .btn + ul + .btn.btn-warning { 2764 border-bottom-color: #f4d03f; 2765 } 2766 .pagination > .btn + ul + .btn.btn-success { 2767 border-bottom-color: #58d68d; 2768 } 2769 .pagination > .btn + ul + .btn.btn-info { 2770 border-bottom-color: #5dade2; 2771 } 2772 .pagination > .btn + ul + .btn.btn-inverse { 2773 border-bottom-color: #5d6d7e; 2774 } 2775 .pagination > .btn + ul + .btn > [class*="fui"] { 2776 margin-right: -20px; 2777 } 2778 .pagination ul { 2779 display: block; 2780 } 2781 .pagination ul > li > a { 2782 border-radius: 0; 2783 } 2784 } 2785 .pagination-danger { 2786 background-color: #e74c3c; 2787 } 2788 .pagination-danger li.previous > a { 2789 border-right-color: #ef897e; 2790 } 2791 .pagination-danger li > a, 2792 .pagination-danger li > span { 2793 border-left-color: #ef897e; 2794 } 2795 .pagination-danger li > a:hover, 2796 .pagination-danger li > span:hover, 2797 .pagination-danger li > a:focus, 2798 .pagination-danger li > span:focus { 2799 border-left-color: #ef897e; 2800 background-color: #ec7063; 2801 } 2802 .pagination-danger li > a:active, 2803 .pagination-danger li > span:active { 2804 background-color: #c44133; 2805 } 2806 .pagination-danger li.active > a, 2807 .pagination-danger li.active > span { 2808 border-left-color: #ef897e; 2809 background-color: #c44133; 2810 } 2811 .pagination-danger li.active > a:hover, 2812 .pagination-danger li.active > span:hover, 2813 .pagination-danger li.active > a:focus, 2814 .pagination-danger li.active > span:focus { 2815 border-left-color: #ef897e; 2816 background-color: #ec7063; 2817 } 2818 .pagination-success { 2819 background-color: #2ecc71; 2820 } 2821 .pagination-success li.previous > a { 2822 border-right-color: #75dda1; 2823 } 2824 .pagination-success li > a, 2825 .pagination-success li > span { 2826 border-left-color: #75dda1; 2827 } 2828 .pagination-success li > a:hover, 2829 .pagination-success li > span:hover, 2830 .pagination-success li > a:focus, 2831 .pagination-success li > span:focus { 2832 border-left-color: #75dda1; 2833 background-color: #58d68d; 2834 } 2835 .pagination-success li > a:active, 2836 .pagination-success li > span:active { 2837 background-color: #27ad60; 2838 } 2839 .pagination-success li.active > a, 2840 .pagination-success li.active > span { 2841 border-left-color: #75dda1; 2842 background-color: #27ad60; 2843 } 2844 .pagination-success li.active > a:hover, 2845 .pagination-success li.active > span:hover, 2846 .pagination-success li.active > a:focus, 2847 .pagination-success li.active > span:focus { 2848 border-left-color: #75dda1; 2849 background-color: #58d68d; 2850 } 2851 .pagination-warning { 2852 background-color: #f1c40f; 2853 } 2854 .pagination-warning li.previous > a { 2855 border-right-color: #f6d861; 2856 } 2857 .pagination-warning li > a, 2858 .pagination-warning li > span { 2859 border-left-color: #f6d861; 2860 } 2861 .pagination-warning li > a:hover, 2862 .pagination-warning li > span:hover, 2863 .pagination-warning li > a:focus, 2864 .pagination-warning li > span:focus { 2865 border-left-color: #f6d861; 2866 background-color: #f4d313; 2867 } 2868 .pagination-warning li > a:active, 2869 .pagination-warning li > span:active { 2870 background-color: #cda70d; 2871 } 2872 .pagination-warning li.active > a, 2873 .pagination-warning li.active > span { 2874 border-left-color: #f6d861; 2875 background-color: #cda70d; 2876 } 2877 .pagination-warning li.active > a:hover, 2878 .pagination-warning li.active > span:hover, 2879 .pagination-warning li.active > a:focus, 2880 .pagination-warning li.active > span:focus { 2881 border-left-color: #f6d861; 2882 background-color: #f4d313; 2883 } 2884 .pagination-info { 2885 background-color: #3498db; 2886 } 2887 .pagination-info li.previous > a { 2888 border-right-color: #79bbe7; 2889 } 2890 .pagination-info li > a, 2891 .pagination-info li > span { 2892 border-left-color: #79bbe7; 2893 } 2894 .pagination-info li > a:hover, 2895 .pagination-info li > span:hover, 2896 .pagination-info li > a:focus, 2897 .pagination-info li > span:focus { 2898 border-left-color: #79bbe7; 2899 background-color: #5dade2; 2900 } 2901 .pagination-info li > a:active, 2902 .pagination-info li > span:active { 2903 background-color: #2c81ba; 2904 } 2905 .pagination-info li.active > a, 2906 .pagination-info li.active > span { 2907 border-left-color: #79bbe7; 2908 background-color: #2c81ba; 2909 } 2910 .pagination-info li.active > a:hover, 2911 .pagination-info li.active > span:hover, 2912 .pagination-info li.active > a:focus, 2913 .pagination-info li.active > span:focus { 2914 border-left-color: #79bbe7; 2915 background-color: #5dade2; 2916 } 2917 .pagination-inverse { 2918 background-color: #34495e; 2919 } 2920 .pagination-inverse li.previous > a { 2921 border-right-color: #798795; 2922 } 2923 .pagination-inverse li > a, 2924 .pagination-inverse li > span { 2925 border-left-color: #798795; 2926 } 2927 .pagination-inverse li > a:hover, 2928 .pagination-inverse li > span:hover, 2929 .pagination-inverse li > a:focus, 2930 .pagination-inverse li > span:focus { 2931 border-left-color: #798795; 2932 background-color: #415b76; 2933 } 2934 .pagination-inverse li > a:active, 2935 .pagination-inverse li > span:active { 2936 background-color: #2c3e50; 2937 } 2938 .pagination-inverse li.active > a, 2939 .pagination-inverse li.active > span { 2940 border-left-color: #798795; 2941 background-color: #2c3e50; 2942 } 2943 .pagination-inverse li.active > a:hover, 2944 .pagination-inverse li.active > span:hover, 2945 .pagination-inverse li.active > a:focus, 2946 .pagination-inverse li.active > span:focus { 2947 border-left-color: #798795; 2948 background-color: #415b76; 2949 } 2950 .pagination-minimal > li:first-child { 2951 border-radius: 6px 0 0 6px; 2952 } 2953 .pagination-minimal > li:first-child.previous + li > a, 2954 .pagination-minimal > li:first-child.previous + li > span { 2955 border-left-width: 5px; 2956 } 2957 .pagination-minimal > li:last-child { 2958 border-radius: 0 6px 6px 0; 2959 } 2960 .pagination-minimal > li.previous > a, 2961 .pagination-minimal > li.next > a, 2962 .pagination-minimal > li.previous > span, 2963 .pagination-minimal > li.next > span { 2964 background: transparent; 2965 border: none; 2966 border-right: 2px solid #e4e7ea; 2967 margin: 0 9px 0 0; 2968 padding: 12px 17px; 2969 border-radius: 6px 0 0 6px; 2970 } 2971 .pagination-minimal > li.previous > a, 2972 .pagination-minimal > li.next > a, 2973 .pagination-minimal > li.previous > span, 2974 .pagination-minimal > li.next > span, 2975 .pagination-minimal > li.previous > a:hover, 2976 .pagination-minimal > li.next > a:hover, 2977 .pagination-minimal > li.previous > span:hover, 2978 .pagination-minimal > li.next > span:hover, 2979 .pagination-minimal > li.previous > a:focus, 2980 .pagination-minimal > li.next > a:focus, 2981 .pagination-minimal > li.previous > span:focus, 2982 .pagination-minimal > li.next > span:focus { 2983 border-color: #e4e7ea !important; 2984 } 2985 @media (max-width: 767px) { 2986 .pagination-minimal > li.previous > a, 2987 .pagination-minimal > li.next > a, 2988 .pagination-minimal > li.previous > span, 2989 .pagination-minimal > li.next > span { 2990 margin-right: 0; 2991 } 2992 } 2993 .pagination-minimal > li.next { 2994 margin-left: 9px; 2995 } 2996 .pagination-minimal > li.next > a, 2997 .pagination-minimal > li.next > span { 2998 border-left: 2px solid #e4e7ea; 2999 border-right: none; 3000 margin: 0; 3001 border-radius: 0 6px 6px 0; 3002 } 3003 .pagination-minimal > li.active > a, 3004 .pagination-minimal > li.active > span { 3005 background-color: #ffffff; 3006 border-color: #ffffff; 3007 border-width: 2px !important; 3008 color: #d6dbdf; 3009 margin: 10px 5px 9px; 3010 } 3011 .pagination-minimal > li.active > a:hover, 3012 .pagination-minimal > li.active > span:hover, 3013 .pagination-minimal > li.active > a:focus, 3014 .pagination-minimal > li.active > span:focus { 3015 background-color: #ffffff; 3016 border-color: #ffffff; 3017 color: #d6dbdf; 3018 } 3019 .pagination-minimal > li.active.previous, 3020 .pagination-minimal > li.active.next { 3021 border-color: #e4e7ea; 3022 } 3023 .pagination-minimal > li.active.previous { 3024 margin-right: 6px; 3025 } 3026 .pagination-minimal > li > a, 3027 .pagination-minimal > li > span { 3028 background: #ffffff; 3029 border: 5px solid #d6dbdf; 3030 color: #ffffff; 3031 line-height: 16px; 3032 margin: 7px 2px 6px; 3033 min-width: 0; 3034 min-height: 16px; 3035 padding: 0 4px; 3036 border-radius: 50px; 3037 background-clip: padding-box; 3038 -webkit-transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; 3039 transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out; 3040 } 3041 .pagination-minimal > li > a:hover, 3042 .pagination-minimal > li > span:hover, 3043 .pagination-minimal > li > a:focus, 3044 .pagination-minimal > li > span:focus { 3045 background-color: #1abc9c; 3046 border-color: #1abc9c; 3047 color: #ffffff; 3048 -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; 3049 transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; 3050 } 3051 .pagination-minimal > li > a:active, 3052 .pagination-minimal > li > span:active { 3053 background-color: #16a085; 3054 border-color: #16a085; 3055 } 3056 .pagination-plain { 3057 font-size: 16px; 3058 font-weight: 700; 3059 list-style-type: none; 3060 margin: 0 0 20px; 3061 padding: 0; 3062 height: 57px; 3063 } 3064 .pagination-plain > li { 3065 display: inline; 3066 } 3067 .pagination-plain > li.previous { 3068 padding-right: 23px; 3069 } 3070 .pagination-plain > li.next { 3071 padding-left: 20px; 3072 } 3073 .pagination-plain > li.active > a { 3074 color: #d3d7da; 3075 } 3076 .pagination-plain > li > a { 3077 padding: 0 5px; 3078 } 3079 @media (max-width: 480px) { 3080 .pagination-plain { 3081 overflow: hidden; 3082 text-align: center; 3083 } 3084 .pagination-plain > li.previous { 3085 display: block; 3086 margin-bottom: 10px; 3087 text-align: left; 3088 width: 50%; 3089 } 3090 .pagination-plain > li.next { 3091 float: right; 3092 margin-top: -64px; 3093 text-align: right; 3094 width: 50%; 3095 } 3096 } 3097 @media (min-width: 768px) { 3098 .pagination-plain { 3099 height: auto; 3100 } 3101 } 3102 .pagination-dropdown ul { 3103 min-width: 67px; 3104 width: auto; 3105 left: 50%; 3106 margin-left: -34px; 3107 } 3108 .pagination-dropdown ul li { 3109 display: block; 3110 margin-right: 0; 3111 } 3112 .pagination-dropdown ul li:first-child > a, 3113 .pagination-dropdown ul li:first-child > span { 3114 border-radius: 6px 6px 0 0; 3115 } 3116 .pagination-dropdown ul li:last-child > a, 3117 .pagination-dropdown ul li:last-child > span { 3118 border-radius: 0 0 6px 6px !important; 3119 } 3120 .pagination-dropdown ul li > a, 3121 .pagination-dropdown ul li > span { 3122 border-left: none; 3123 display: block; 3124 float: none; 3125 padding: 8px 10px 7px; 3126 text-align: center; 3127 min-height: 0; 3128 } 3129 .pagination-dropdown.dropup { 3130 position: relative; 3131 } 3132 .tooltip { 3133 font-size: 14px; 3134 line-height: 1.286; 3135 z-index: 1070; 3136 } 3137 .tooltip.in { 3138 opacity: 1; 3139 filter: alpha(opacity=100); 3140 } 3141 .tooltip.top { 3142 margin-top: -5px; 3143 padding: 9px 0; 3144 } 3145 .tooltip.right { 3146 margin-left: 5px; 3147 padding: 0 9px; 3148 } 3149 .tooltip.bottom { 3150 margin-top: 5px; 3151 padding: 9px 0; 3152 } 3153 .tooltip.left { 3154 margin-left: -5px; 3155 padding: 0 9px; 3156 } 3157 .tooltip-inner { 3158 max-width: 183px; 3159 line-height: 1.286; 3160 padding: 12px 12px; 3161 color: #ffffff; 3162 background-color: #34495e; 3163 border-radius: 6px; 3164 } 3165 .tooltip.top .tooltip-arrow { 3166 margin-left: -9px; 3167 border-width: 9px 9px 0; 3168 border-top-color: #34495e; 3169 } 3170 .tooltip.right .tooltip-arrow { 3171 margin-top: -9px; 3172 border-width: 9px 9px 9px 0; 3173 border-right-color: #34495e; 3174 } 3175 .tooltip.left .tooltip-arrow { 3176 margin-top: -9px; 3177 border-width: 9px 0 9px 9px; 3178 border-left-color: #34495e; 3179 } 3180 .tooltip.bottom .tooltip-arrow { 3181 margin-left: -9px; 3182 border-width: 0 9px 9px; 3183 border-bottom-color: #34495e; 3184 } 3185 .caret { 3186 display: inline-block; 3187 width: 0; 3188 height: 0; 3189 margin-left: 5px; 3190 vertical-align: middle; 3191 border-top: 8px solid; 3192 border-right: 6px solid transparent; 3193 border-left: 6px solid transparent; 3194 -webkit-transition: border-color 0.25s, color 0.25s; 3195 transition: border-color 0.25s, color 0.25s; 3196 } 3197 .dropdown-menu, 3198 .select2-drop { 3199 z-index: 1000; 3200 background-color: #f3f4f5; 3201 min-width: 220px; 3202 border: none; 3203 margin-top: 9px; 3204 padding: 0; 3205 font-size: 14px; 3206 border-radius: 4px; 3207 box-shadow: none; 3208 } 3209 .dropdown-menu .divider { 3210 height: 2px; 3211 margin: 3px 0; 3212 overflow: hidden; 3213 background-color: rgba(202, 206, 209, 0.5); 3214 } 3215 .dropdown-menu > li > a { 3216 padding: 8px 16px; 3217 line-height: 1.429; 3218 color: #606d7a; 3219 } 3220 .dropdown-menu > li:first-child > a:first-child { 3221 border-top-right-radius: 4px; 3222 border-top-left-radius: 4px; 3223 } 3224 .dropdown-menu > li:last-child > a:first-child { 3225 border-bottom-right-radius: 4px; 3226 border-bottom-left-radius: 4px; 3227 } 3228 .dropdown-menu.typeahead { 3229 display: none; 3230 width: auto; 3231 margin-top: 5px; 3232 border: 2px solid #1abc9c; 3233 padding: 5px 0; 3234 background-color: #ffffff; 3235 border-radius: 6px; 3236 } 3237 .dropdown-menu.typeahead li a { 3238 padding: 6px 14px; 3239 } 3240 .dropdown-menu.typeahead li:first-child a, 3241 .dropdown-menu.typeahead li:last-child a { 3242 padding: 6px 14px; 3243 border-radius: 0; 3244 } 3245 .dropdown-menu > li > a:hover, 3246 .dropdown-menu > li > a:focus { 3247 color: #55606c; 3248 background-color: rgba(202, 206, 209, 0.5); 3249 } 3250 .dropdown-menu > .active > a, 3251 .dropdown-menu > .active > a:hover, 3252 .dropdown-menu > .active > a:focus { 3253 color: #ffffff; 3254 background-color: #1abc9c; 3255 } 3256 .dropdown-menu > .disabled > a, 3257 .dropdown-menu > .disabled > a:hover, 3258 .dropdown-menu > .disabled > a:focus { 3259 color: #bdc3c7; 3260 background-color: transparent; 3261 cursor: not-allowed; 3262 } 3263 .dropdown-menu-right { 3264 left: auto; 3265 right: 0; 3266 } 3267 .dropdown-menu-left { 3268 left: 0; 3269 right: auto; 3270 } 3271 .dropdown-header { 3272 padding: 8px 16px; 3273 line-height: 1.538; 3274 font-size: 13px; 3275 text-transform: uppercase; 3276 color: rgba(52, 73, 94, 0.6); 3277 } 3278 .dropdown-header:first-child { 3279 margin-top: 3px; 3280 } 3281 .dropdown-backdrop { 3282 z-index: 990; 3283 } 3284 .dropup .caret, 3285 .navbar-fixed-bottom .dropdown .caret { 3286 border-bottom: 8px solid; 3287 margin-bottom: .25em; 3288 } 3289 .dropup .dropdown-menu, 3290 .navbar-fixed-bottom .dropdown .dropdown-menu { 3291 margin-top: 0; 3292 margin-bottom: 9px; 3293 } 3294 .dropdown-menu-inverse { 3295 background-color: #34495e; 3296 } 3297 .dropdown-menu-inverse .divider { 3298 height: 2px; 3299 margin: 3px 0; 3300 overflow: hidden; 3301 background-color: rgba(43, 60, 78, 0.5); 3302 } 3303 .dropdown-menu-inverse > li > a { 3304 color: rgba(255, 255, 255, 0.85); 3305 } 3306 .dropdown-menu-inverse > li > a:hover, 3307 .dropdown-menu-inverse > li > a:focus { 3308 color: rgba(255, 255, 255, 0.85); 3309 background-color: rgba(43, 60, 78, 0.5); 3310 } 3311 .dropdown-menu-inverse > .active > a, 3312 .dropdown-menu-inverse > .active > a:hover, 3313 .dropdown-menu-inverse > .active > a:focus { 3314 color: rgba(255, 255, 255, 0.85); 3315 background-color: #1abc9c; 3316 } 3317 .dropdown-menu-inverse > .disabled > a, 3318 .dropdown-menu-inverse > .disabled > a:hover, 3319 .dropdown-menu-inverse > .disabled > a:focus { 3320 color: rgba(255, 255, 255, 0.5); 3321 } 3322 .dropdown-menu-inverse > .disabled > a:hover, 3323 .dropdown-menu-inverse > .disabled > a:focus { 3324 background-color: transparent; 3325 } 3326 .dropdown-menu-inverse .dropdown-header { 3327 color: rgba(255, 255, 255, 0.4); 3328 } 3329 @media (min-width: 768px) { 3330 .navbar-right .dropdown-menu { 3331 left: auto; 3332 right: 0; 3333 } 3334 .navbar-right .dropdown-menu-left { 3335 left: 0; 3336 right: auto; 3337 } 3338 } 3339 .select { 3340 position: relative; 3341 display: inline-block; 3342 vertical-align: top; 3343 min-width: 220px; 3344 width: auto; 3345 } 3346 .form-group .select { 3347 width: 100%; 3348 } 3349 .form-group .select > .select2-choice { 3350 width: 100%; 3351 } 3352 .select.form-control, 3353 .select.select2-search input[type="text"] { 3354 border: none; 3355 padding: 0; 3356 height: auto; 3357 } 3358 .select2-choice { 3359 width: 100%; 3360 display: inline-block; 3361 position: relative; 3362 border: none; 3363 font-size: 15px; 3364 font-weight: normal; 3365 line-height: 1.4; 3366 border-radius: 4px; 3367 padding: 10px 39px 10px 15px; 3368 -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 3369 transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; 3370 } 3371 .select2-choice:hover, 3372 .select2-choice:focus { 3373 outline: none; 3374 } 3375 .select2-choice:active { 3376 outline: none; 3377 box-shadow: none; 3378 } 3379 .select2-container-disabled .select2-choice { 3380 opacity: 0.7; 3381 filter: alpha(opacity=70); 3382 } 3383 .select2-chosen { 3384 overflow: hidden; 3385 text-align: left; 3386 } 3387 .select2-arrow { 3388 display: inline-block; 3389 border-width: 8px 6px; 3390 border-color: #34495e transparent; 3391 border-style: solid; 3392 border-bottom-style: none; 3393 position: absolute; 3394 right: 16px; 3395 top: 42%; 3396 -webkit-transform: scale(1.001); 3397 -ms-transform: scale(1.001); 3398 transform: scale(1.001); 3399 } 3400 .select2-arrow b { 3401 display: none; 3402 } 3403 .btn-lg .select2-arrow { 3404 border-top-width: 8px; 3405 border-right-width: 6px; 3406 border-left-width: 6px; 3407 } 3408 .select-default .select2-choice { 3409 color: #ffffff; 3410 background-color: #bdc3c7; 3411 } 3412 .select-default .select2-choice:hover, 3413 .select-default .select2-choice.hover, 3414 .select-default .select2-choice:focus, 3415 .select-default .select2-choice:active { 3416 color: #ffffff; 3417 background-color: #cacfd2; 3418 border-color: #cacfd2; 3419 } 3420 .select-default .select2-choice:active { 3421 background: #a1a6a9; 3422 border-color: #a1a6a9; 3423 } 3424 .select2-container-disabled.select-default .select2-choice, 3425 .select2-container-disabled.select-default .select2-choice:hover, 3426 .select2-container-disabled.select-default .select2-choice:focus, 3427 .select2-container-disabled.select-default .select2-choice:active { 3428 background-color: #bdc3c7; 3429 border-color: #bdc3c7; 3430 } 3431 .select-default .select2-choice .select2-arrow { 3432 border-top-color: #ffffff; 3433 } 3434 .select-primary .select2-choice { 3435 color: #ffffff; 3436 background-color: #1abc9c; 3437 } 3438 .select-primary .select2-choice:hover, 3439 .select-primary .select2-choice.hover, 3440 .select-primary .select2-choice:focus, 3441 .select-primary .select2-choice:active { 3442 color: #ffffff; 3443 background-color: #48c9b0; 3444 border-color: #48c9b0; 3445 } 3446 .select-primary .select2-choice:active { 3447 background: #16a085; 3448 border-color: #16a085; 3449 } 3450 .select2-container-disabled.select-primary .select2-choice, 3451 .select2-container-disabled.select-primary .select2-choice:hover, 3452 .select2-container-disabled.select-primary .select2-choice:focus, 3453 .select2-container-disabled.select-primary .select2-choice:active { 3454 background-color: #bdc3c7; 3455 border-color: #1abc9c; 3456 } 3457 .select-primary .select2-choice .select2-arrow { 3458 border-top-color: #ffffff; 3459 } 3460 .select-info .select2-choice { 3461 color: #ffffff; 3462 background-color: #3498db; 3463 } 3464 .select-info .select2-choice:hover, 3465 .select-info .select2-choice.hover, 3466 .select-info .select2-choice:focus, 3467 .select-info .select2-choice:active { 3468 color: #ffffff; 3469 background-color: #5dade2; 3470 border-color: #5dade2; 3471 } 3472 .select-info .select2-choice:active { 3473 background: #2c81ba; 3474 border-color: #2c81ba; 3475 } 3476 .select2-container-disabled.select-info .select2-choice, 3477 .select2-container-disabled.select-info .select2-choice:hover, 3478 .select2-container-disabled.select-info .select2-choice:focus, 3479 .select2-container-disabled.select-info .select2-choice:active { 3480 background-color: #bdc3c7; 3481 border-color: #3498db; 3482 } 3483 .select-info .select2-choice .select2-arrow { 3484 border-top-color: #ffffff; 3485 } 3486 .select-danger .select2-choice { 3487 color: #ffffff; 3488 background-color: #e74c3c; 3489 } 3490 .select-danger .select2-choice:hover, 3491 .select-danger .select2-choice.hover, 3492 .select-danger .select2-choice:focus, 3493 .select-danger .select2-choice:active { 3494 color: #ffffff; 3495 background-color: #ec7063; 3496 border-color: #ec7063; 3497 } 3498 .select-danger .select2-choice:active { 3499 background: #c44133; 3500 border-color: #c44133; 3501 } 3502 .select2-container-disabled.select-danger .select2-choice, 3503 .select2-container-disabled.select-danger .select2-choice:hover, 3504 .select2-container-disabled.select-danger .select2-choice:focus, 3505 .select2-container-disabled.select-danger .select2-choice:active { 3506 background-color: #bdc3c7; 3507 border-color: #e74c3c; 3508 } 3509 .select-danger .select2-choice .select2-arrow { 3510 border-top-color: #ffffff; 3511 } 3512 .select-success .select2-choice { 3513 color: #ffffff; 3514 background-color: #2ecc71; 3515 } 3516 .select-success .select2-choice:hover, 3517 .select-success .select2-choice.hover, 3518 .select-success .select2-choice:focus, 3519 .select-success .select2-choice:active { 3520 color: #ffffff; 3521 background-color: #58d68d; 3522 border-color: #58d68d; 3523 } 3524 .select-success .select2-choice:active { 3525 background: #27ad60; 3526 border-color: #27ad60; 3527 } 3528 .select2-container-disabled.select-success .select2-choice, 3529 .select2-container-disabled.select-success .select2-choice:hover, 3530 .select2-container-disabled.select-success .select2-choice:focus, 3531 .select2-container-disabled.select-success .select2-choice:active { 3532 background-color: #bdc3c7; 3533 border-color: #2ecc71; 3534 } 3535 .select-success .select2-choice .select2-arrow { 3536 border-top-color: #ffffff; 3537 } 3538 .select-warning .select2-choice { 3539 color: #ffffff; 3540 background-color: #f1c40f; 3541 } 3542 .select-warning .select2-choice:hover, 3543 .select-warning .select2-choice.hover, 3544 .select-warning .select2-choice:focus, 3545 .select-warning .select2-choice:active { 3546 color: #ffffff; 3547 background-color: #f4d313; 3548 border-color: #f4d313; 3549 } 3550 .select-warning .select2-choice:active { 3551 background: #cda70d; 3552 border-color: #cda70d; 3553 } 3554 .select2-container-disabled.select-warning .select2-choice, 3555 .select2-container-disabled.select-warning .select2-choice:hover, 3556 .select2-container-disabled.select-warning .select2-choice:focus, 3557 .select2-container-disabled.select-warning .select2-choice:active { 3558 background-color: #bdc3c7; 3559 border-color: #f1c40f; 3560 } 3561 .select-warning .select2-choice .select2-arrow { 3562 border-top-color: #ffffff; 3563 } 3564 .select-inverse .select2-choice { 3565 color: #ffffff; 3566 background-color: #34495e; 3567 } 3568 .select-inverse .select2-choice:hover, 3569 .select-inverse .select2-choice.hover, 3570 .select-inverse .select2-choice:focus, 3571 .select-inverse .select2-choice:active { 3572 color: #ffffff; 3573 background-color: #415b76; 3574 border-color: #415b76; 3575 } 3576 .select-inverse .select2-choice:active { 3577 background: #2c3e50; 3578 border-color: #2c3e50; 3579 } 3580 .select2-container-disabled.select-inverse .select2-choice, 3581 .select2-container-disabled.select-inverse .select2-choice:hover, 3582 .select2-container-disabled.select-inverse .select2-choice:focus, 3583 .select2-container-disabled.select-inverse .select2-choice:active { 3584 background-color: #bdc3c7; 3585 border-color: #34495e; 3586 } 3587 .select-inverse .select2-choice .select2-arrow { 3588 border-top-color: #ffffff; 3589 } 3590 .select2-container.select-hg > .select2-choice { 3591 padding: 13px 20px; 3592 font-size: 22px; 3593 line-height: 1.227; 3594 border-radius: 6px; 3595 padding-right: 49px; 3596 min-height: 53px; 3597 } 3598 .select2-container.select-hg > .select2-choice .filter-option { 3599 left: 20px; 3600 right: 40px; 3601 top: 13px; 3602 } 3603 .select2-container.select-hg > .select2-choice .select2-arrow { 3604 right: 20px; 3605 } 3606 .select2-container.select-hg > .select2-choice > [class^="fui-"] { 3607 top: 2px; 3608 } 3609 .select2-container.select-lg > .select2-choice { 3610 padding: 10px 19px; 3611 font-size: 17px; 3612 line-height: 1.471; 3613 border-radius: 6px; 3614 padding-right: 47px; 3615 min-height: 45px; 3616 } 3617 .select2-container.select-lg > .select2-choice .filter-option { 3618 left: 18px; 3619 right: 38px; 3620 } 3621 .select2-container.select-sm > .select2-choice { 3622 padding: 9px 13px; 3623 font-size: 13px; 3624 line-height: 1.385; 3625 border-radius: 4px; 3626 padding-right: 35px; 3627 min-height: 36px; 3628 } 3629 .select2-container.select-sm > .select2-choice .filter-option { 3630 left: 13px; 3631 right: 33px; 3632 } 3633 .select2-container.select-sm > .select2-choice .select2-arrow { 3634 right: 13px; 3635 } 3636 .multiselect { 3637 position: relative; 3638 display: inline-block; 3639 vertical-align: top; 3640 min-width: 220px; 3641 background-color: #ffffff; 3642 border-radius: 6px; 3643 text-align: left; 3644 font-size: 0; 3645 width: auto; 3646 max-width: none; 3647 } 3648 .form-group .multiselect { 3649 width: 100%; 3650 } 3651 .form-group .multiselect > .select2-choice { 3652 width: 100%; 3653 } 3654 .multiselect.form-control, 3655 .multiselect.select2-search input[type="text"] { 3656 height: auto; 3657 padding: 6px 1px 1px 6px; 3658 border: 2px solid #ebedef; 3659 } 3660 .select2-choices { 3661 margin: 0; 3662 padding: 0; 3663 position: relative; 3664 cursor: text; 3665 overflow: hidden; 3666 min-height: 26px; 3667 } 3668 .select2-choices li { 3669 float: left; 3670 list-style: none; 3671 } 3672 .select2-search-choice { 3673 border-radius: 4px; 3674 color: #ffffff; 3675 font-size: 13px; 3676 cursor: pointer; 3677 display: inline-block; 3678 position: relative; 3679 vertical-align: middle; 3680 overflow: hidden; 3681 margin: 0 5px 4px 0; 3682 line-height: 15px; 3683 height: 27px; 3684 padding: 6px 21px; 3685 -webkit-transition: .25s linear; 3686 transition: .25s linear; 3687 } 3688 .select2-search-choice:hover { 3689 padding-right: 28px; 3690 padding-left: 14px; 3691 color: #ffffff; 3692 } 3693 .select2-search-choice:hover .select2-search-choice-close { 3694 opacity: 1; 3695 -webkit-filter: none; 3696 filter: none; 3697 color: inherit; 3698 } 3699 .select2-search-choice .select2-search-choice-close { 3700 color: #ffffff; 3701 cursor: pointer; 3702 font-size: 12px; 3703 position: absolute; 3704 right: 0; 3705 text-align: right; 3706 text-decoration: none; 3707 top: 0; 3708 width: 100%; 3709 bottom: 0; 3710 padding-right: 10px; 3711 z-index: 2; 3712 opacity: 0; 3713 filter: alpha(opacity=0); 3714 -webkit-transition: opacity .25s linear; 3715 transition: opacity .25s linear; 3716 } 3717 .select2-search-choice .select2-search-choice-close:after { 3718 content: "\e609"; 3719 font-family: "Flat-UI-Icons"; 3720 line-height: 27px; 3721 -webkit-font-smoothing: antialiased; 3722 -moz-osx-font-smoothing: grayscale; 3723 } 3724 .select2-search-field input[type="text"] { 3725 color: #34495e; 3726 font-size: 14px; 3727 border: none; 3728 box-shadow: none; 3729 outline: none; 3730 background-color: transparent; 3731 padding: 0; 3732 margin: 0; 3733 width: auto; 3734 max-width: inherit; 3735 min-width: 80px; 3736 vertical-align: top; 3737 height: 29px; 3738 } 3739 .select2-search-field:first-child input[type="text"] { 3740 height: 23px; 3741 margin: 3px 0 5px; 3742 } 3743 .select2-container-multi.multiselect-default { 3744 border-color: #bdc3c7; 3745 } 3746 .select2-container-multi.multiselect-default .select2-search-choice { 3747 background-color: #bdc3c7; 3748 } 3749 .select2-container-multi.multiselect-default .select2-search-choice:hover { 3750 background-color: #cacfd2; 3751 } 3752 .select2-container-multi.multiselect-primary { 3753 border-color: #1abc9c; 3754 } 3755 .select2-container-multi.multiselect-primary .select2-search-choice { 3756 background-color: #1abc9c; 3757 } 3758 .select2-container-multi.multiselect-primary .select2-search-choice:hover { 3759 background-color: #48c9b0; 3760 } 3761 .select2-container-multi.multiselect-info { 3762 border-color: #3498db; 3763 } 3764 .select2-container-multi.multiselect-info .select2-search-choice { 3765 background-color: #3498db; 3766 } 3767 .select2-container-multi.multiselect-info .select2-search-choice:hover { 3768 background-color: #5dade2; 3769 } 3770 .select2-container-multi.multiselect-danger { 3771 border-color: #e74c3c; 3772 } 3773 .select2-container-multi.multiselect-danger .select2-search-choice { 3774 background-color: #e74c3c; 3775 } 3776 .select2-container-multi.multiselect-danger .select2-search-choice:hover { 3777 background-color: #ec7063; 3778 } 3779 .select2-container-multi.multiselect-success { 3780 border-color: #2ecc71; 3781 } 3782 .select2-container-multi.multiselect-success .select2-search-choice { 3783 background-color: #2ecc71; 3784 } 3785 .select2-container-multi.multiselect-success .select2-search-choice:hover { 3786 background-color: #58d68d; 3787 } 3788 .select2-container-multi.multiselect-warning { 3789 border-color: #f1c40f; 3790 } 3791 .select2-container-multi.multiselect-warning .select2-search-choice { 3792 background-color: #f1c40f; 3793 } 3794 .select2-container-multi.multiselect-warning .select2-search-choice:hover { 3795 background-color: #f4d313; 3796 } 3797 .select2-container-multi.multiselect-inverse { 3798 border-color: #34495e; 3799 } 3800 .select2-container-multi.multiselect-inverse .select2-search-choice { 3801 background-color: #34495e; 3802 } 3803 .select2-container-multi.multiselect-inverse .select2-search-choice:hover { 3804 background-color: #415b76; 3805 } 3806 .select2-drop { 3807 min-width: 220px; 3808 margin-top: 9px; 3809 visibility: visible; 3810 opacity: 1; 3811 -webkit-filter: none; 3812 filter: none; 3813 border-radius: 4px; 3814 font-size: 14px; 3815 position: absolute; 3816 z-index: 9999; 3817 top: 100%; 3818 -webkit-transition: none; 3819 transition: none; 3820 } 3821 .select2-drop.select2-drop-above { 3822 margin-top: -9px; 3823 } 3824 .select2-drop.select2-drop-auto-width { 3825 width: auto; 3826 } 3827 .select2-drop.show-select-search .select2-search { 3828 display: block; 3829 } 3830 .select2-drop.show-select-search .select2-search + .select2-results > li:first-child .select2-result-label { 3831 border-radius: 0; 3832 } 3833 .select2-drop .select2-results { 3834 padding: 0; 3835 margin: 0; 3836 list-style: none; 3837 } 3838 .select2-drop .select2-results > li:first-child > .select2-result-label { 3839 border-top-right-radius: 4px; 3840 border-top-left-radius: 4px; 3841 } 3842 .select2-drop .select2-results > li:last-child > .select2-result-label { 3843 border-bottom-right-radius: 4px; 3844 border-bottom-left-radius: 4px; 3845 } 3846 .select2-drop .select2-result-sub { 3847 padding: 0; 3848 margin: 0; 3849 list-style: none; 3850 } 3851 .select2-drop .select2-result-sub > li:last-child > .select2-result-label { 3852 border-bottom-right-radius: 4px; 3853 border-bottom-left-radius: 4px; 3854 } 3855 .select2-drop .select2-no-results { 3856 padding: 8px 15px; 3857 } 3858 .select2-drop .select2-result-label { 3859 line-height: 1.429; 3860 padding: 8px 16px; 3861 -webkit-user-select: none; 3862 -moz-user-select: none; 3863 -ms-user-select: none; 3864 user-select: none; 3865 -webkit-transition: background-color 0.25s, color 0.25s; 3866 transition: background-color 0.25s, color 0.25s; 3867 } 3868 .select2-drop .select2-result-selectable .select2-result-label { 3869 color: rgba(52, 73, 94, 0.85); 3870 cursor: pointer; 3871 } 3872 .select2-drop .select2-result-selectable .select2-result-label:focus, 3873 .select2-drop .select2-result-selectable .select2-result-label:hover, 3874 .select2-drop .select2-result-selectable .select2-result-label:active { 3875 background-color: #e1e4e7; 3876 color: inherit; 3877 outline: none; 3878 } 3879 .select2-drop .select2-disabled { 3880 cursor: default; 3881 color: rgba(52, 73, 94, 0.95); 3882 opacity: 0.4; 3883 filter: alpha(opacity=40); 3884 } 3885 .select2-drop .select2-disabled:focus, 3886 .select2-drop .select2-disabled:hover, 3887 .select2-drop .select2-disabled:active { 3888 background: none !important; 3889 } 3890 .select2-drop .select2-highlighted > .select2-result-label { 3891 background: #1abc9c; 3892 color: #ffffff; 3893 } 3894 .select2-drop .select2-result-with-children > .select2-result-label { 3895 font-size: 13px; 3896 text-transform: uppercase; 3897 color: rgba(52, 73, 94, 0.6); 3898 margin-top: 5px; 3899 } 3900 .select2-drop .select2-result-with-children + .select2-result-with-children > .select2-result-label { 3901 margin-top: 11px; 3902 } 3903 .select2-results { 3904 max-height: 200px; 3905 position: relative; 3906 overflow-x: hidden; 3907 overflow-y: auto; 3908 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 3909 } 3910 .select2-search { 3911 padding: 8px 6px; 3912 width: 100%; 3913 display: none; 3914 } 3915 .select2-search input[type="text"] { 3916 width: 100%; 3917 height: auto !important; 3918 } 3919 .select-inverse-dropdown { 3920 background-color: #34495e; 3921 color: rgba(255, 255, 255, 0.75); 3922 } 3923 .select-inverse-dropdown .select2-results .select2-result-label { 3924 color: #ffffff; 3925 } 3926 .select-inverse-dropdown .select2-results .select2-result-label:focus, 3927 .select-inverse-dropdown .select2-results .select2-result-label:hover, 3928 .select-inverse-dropdown .select2-results .select2-result-label:active { 3929 background: #2c3e50; 3930 } 3931 .select-inverse-dropdown .select2-results.select2-disabled .select2-result-label:hover { 3932 color: #ffffff; 3933 } 3934 .select-inverse-dropdown .select2-result-with-children > .select2-result-label { 3935 color: rgba(255, 255, 255, 0.6); 3936 } 3937 .select-inverse-dropdown .select2-result-with-children > .select2-result-label:hover { 3938 color: #ffffff; 3939 background: none !important; 3940 } 3941 .select2-drop-multi { 3942 border-radius: 6px; 3943 } 3944 .select2-drop-multi .select2-results { 3945 padding: 2px 0; 3946 } 3947 .select2-drop-multi .select2-result { 3948 padding: 2px 4px; 3949 } 3950 .select2-drop-multi .select2-result-label { 3951 border-radius: 4px; 3952 } 3953 .select2-drop-multi .select2-selected { 3954 display: none; 3955 } 3956 .select2-offscreen, 3957 .select2-offscreen:focus { 3958 clip: rect(0 0 0 0) !important; 3959 width: 1px !important; 3960 height: 1px !important; 3961 border: 0 !important; 3962 margin: 0 !important; 3963 padding: 0 !important; 3964 overflow: hidden !important; 3965 position: absolute !important; 3966 outline: 0 !important; 3967 left: 0 !important; 3968 top: 0 !important; 3969 } 3970 .select2-hidden-accessible { 3971 border: 0; 3972 clip: rect(0 0 0 0); 3973 height: 1px; 3974 margin: -1px; 3975 overflow: hidden; 3976 padding: 0; 3977 position: absolute; 3978 width: 1px; 3979 } 3980 .select2-offscreen, 3981 .select2-offscreen:focus { 3982 clip: rect(0 0 0 0) !important; 3983 width: 1px !important; 3984 height: 1px !important; 3985 border: 0 !important; 3986 margin: 0 !important; 3987 padding: 0 !important; 3988 overflow: hidden !important; 3989 position: absolute !important; 3990 outline: 0 !important; 3991 left: 0 !important; 3992 top: 0 !important; 3993 } 3994 .select2-display-none { 3995 display: none; 3996 } 3997 .select2-measure-scrollbar { 3998 position: absolute; 3999 top: -10000px; 4000 left: -10000px; 4001 width: 100px; 4002 height: 100px; 4003 overflow: scroll; 4004 } 4005 .select2-drop-mask { 4006 border: 0; 4007 margin: 0; 4008 padding: 0; 4009 position: fixed; 4010 left: 0; 4011 top: 0; 4012 min-height: 100%; 4013 min-width: 100%; 4014 height: auto; 4015 width: auto; 4016 z-index: 9998; 4017 /* styles required for IE to work */ 4018 background-color: #fff; 4019 opacity: 0; 4020 filter: alpha(opacity=0); 4021 } 4022 .tile { 4023 background-color: #eff0f2; 4024 border-radius: 6px; 4025 padding: 14px; 4026 margin-bottom: 20px; 4027 position: relative; 4028 text-align: center; 4029 } 4030 .tile .tile-hot-ribbon { 4031 display: block; 4032 position: absolute; 4033 right: -4px; 4034 top: -4px; 4035 width: 82px; 4036 } 4037 .tile p { 4038 font-size: 15px; 4039 margin-bottom: 33px; 4040 } 4041 .tile-image { 4042 height: 100px; 4043 margin: 31px 0 27px; 4044 vertical-align: bottom; 4045 } 4046 .tile-image.big-illustration { 4047 height: 111px; 4048 margin-top: 20px; 4049 width: 112px; 4050 } 4051 .tile-title { 4052 font-size: 20px; 4053 margin: 0; 4054 } 4055 .navbar { 4056 font-size: 16px; 4057 min-height: 53px; 4058 margin-bottom: 30px; 4059 border: none; 4060 border-radius: 6px; 4061 } 4062 @media (min-width: 768px) { 4063 .navbar-header { 4064 float: left; 4065 } 4066 } 4067 .navbar-collapse { 4068 box-shadow: none; 4069 padding-right: 21px; 4070 padding-left: 21px; 4071 } 4072 .navbar-collapse .navbar-form:first-child { 4073 border: none; 4074 } 4075 @media (min-width: 768px) { 4076 .navbar-collapse .navbar-nav.navbar-left:first-child { 4077 margin-left: -21px; 4078 } 4079 .navbar-collapse .navbar-nav.navbar-left:first-child > li:first-child a { 4080 border-bottom-left-radius: 6px; 4081 border-top-left-radius: 6px; 4082 } 4083 .navbar-collapse .navbar-nav.navbar-right:last-child { 4084 margin-right: -21px; 4085 } 4086 .navbar-collapse .navbar-nav.navbar-right:last-child > .dropdown:last-child > a { 4087 border-radius: 0 6px 6px 0; 4088 } 4089 .navbar-fixed-top .navbar-collapse .navbar-form.navbar-right:last-child, 4090 .navbar-fixed-bottom .navbar-collapse .navbar-form.navbar-right:last-child { 4091 margin-right: 0; 4092 } 4093 } 4094 @media (max-width: 767px) { 4095 .navbar-collapse .navbar-nav.navbar-right:last-child { 4096 margin-bottom: 3px; 4097 } 4098 } 4099 .navbar .container, 4100 .navbar .container-fluid { 4101 padding-left: 21px; 4102 padding-right: 21px; 4103 } 4104 .navbar .container > .navbar-header, 4105 .navbar .container-fluid > .navbar-header, 4106 .navbar .container > .navbar-collapse, 4107 .navbar .container-fluid > .navbar-collapse { 4108 margin-right: -21px; 4109 margin-left: -21px; 4110 } 4111 @media (min-width: 768px) { 4112 .navbar .container > .navbar-header, 4113 .navbar .container-fluid > .navbar-header, 4114 .navbar .container > .navbar-collapse, 4115 .navbar .container-fluid > .navbar-collapse { 4116 margin-right: 0; 4117 margin-left: 0; 4118 } 4119 } 4120 .navbar-static-top { 4121 z-index: 1000; 4122 border-width: 0; 4123 border-radius: 0; 4124 } 4125 .navbar-fixed-top, 4126 .navbar-fixed-bottom { 4127 z-index: 1030; 4128 border-radius: 0; 4129 } 4130 .navbar-fixed-top { 4131 border-width: 0; 4132 } 4133 .navbar-fixed-bottom { 4134 margin-bottom: 0; 4135 border-width: 0; 4136 } 4137 .navbar-brand { 4138 font-size: 24px; 4139 line-height: 1.042; 4140 height: 53px; 4141 font-weight: 700; 4142 padding: 14px 21px; 4143 } 4144 .navbar-brand > [class*="fui-"] { 4145 font-size: 19px; 4146 line-height: 1.263; 4147 vertical-align: top; 4148 } 4149 @media (min-width: 768px) { 4150 .navbar > .container .navbar-brand, 4151 .navbar > .container-fluid .navbar-brand { 4152 margin-left: -21px; 4153 } 4154 } 4155 .navbar-toggle { 4156 border: none; 4157 color: #34495e; 4158 margin: 0 0 0 21px; 4159 padding: 0 21px; 4160 height: 53px; 4161 line-height: 53px; 4162 } 4163 .navbar-toggle:before { 4164 color: #16a085; 4165 content: "\e61a"; 4166 font-family: "Flat-UI-Icons"; 4167 font-size: 22px; 4168 font-style: normal; 4169 font-weight: normal; 4170 -webkit-font-smoothing: antialiased; 4171 -moz-osx-font-smoothing: grayscale; 4172 -webkit-transition: color .25s linear; 4173 transition: color .25s linear; 4174 } 4175 .navbar-toggle:hover, 4176 .navbar-toggle:focus { 4177 outline: none; 4178 } 4179 .navbar-toggle:hover:before, 4180 .navbar-toggle:focus:before { 4181 color: #1abc9c; 4182 } 4183 .navbar-toggle .icon-bar { 4184 display: none; 4185 } 4186 @media (min-width: 768px) { 4187 .navbar-toggle { 4188 display: none; 4189 } 4190 } 4191 .navbar-nav { 4192 margin: 0; 4193 } 4194 .navbar-nav > li > a { 4195 font-size: 16px; 4196 padding: 15px 21px; 4197 line-height: 23px; 4198 font-weight: 700; 4199 } 4200 .navbar-nav > li > a:hover, 4201 .navbar-nav > li > a:focus, 4202 .navbar-nav .open > a:focus, 4203 .navbar-nav .open > a:hover { 4204 background-color: transparent; 4205 } 4206 .navbar-nav [class^="fui-"] { 4207 line-height: 20px; 4208 position: relative; 4209 top: 1px; 4210 } 4211 .navbar-nav .visible-sm > [class^="fui-"], 4212 .navbar-nav .visible-xs > [class^="fui-"] { 4213 margin-left: 12px; 4214 } 4215 @media (max-width: 767px) { 4216 .navbar-nav { 4217 margin: 0 -21px; 4218 } 4219 .navbar-nav .open .dropdown-menu > li > a, 4220 .navbar-nav .open .dropdown-menu .dropdown-header { 4221 padding: 7px 15px 7px 31px !important; 4222 } 4223 .navbar-nav .open .dropdown-menu > li > a { 4224 line-height: 23px; 4225 } 4226 .navbar-nav > li > a { 4227 padding-top: 7px; 4228 padding-bottom: 7px; 4229 } 4230 } 4231 .navbar-input { 4232 height: 35px; 4233 padding: 5px 10px; 4234 font-size: 13px; 4235 line-height: 1.4; 4236 border-radius: 6px; 4237 } 4238 select.navbar-input { 4239 height: 35px; 4240 line-height: 35px; 4241 } 4242 textarea.navbar-input, 4243 select[multiple].navbar-input { 4244 height: auto; 4245 } 4246 .navbar-form { 4247 box-shadow: none; 4248 margin-top: 0; 4249 margin-bottom: 0; 4250 padding-right: 19px; 4251 padding-left: 19px; 4252 padding-top: 9px; 4253 padding-bottom: 9px; 4254 } 4255 @media (max-width: 767px) { 4256 .navbar-form { 4257 margin: 3px -21px; 4258 width: auto; 4259 } 4260 } 4261 .navbar-form .form-control, 4262 .navbar-form .input-group-addon, 4263 .navbar-form .btn, 4264 .navbar-form .select2-search input[type="text"] { 4265 height: 35px; 4266 padding: 5px 10px; 4267 font-size: 13px; 4268 line-height: 1.4; 4269 border-radius: 6px; 4270 } 4271 select.navbar-form .form-control, 4272 select.navbar-form .input-group-addon, 4273 select.navbar-form .btn, 4274 select.navbar-form .select2-search input[type="text"] { 4275 height: 35px; 4276 line-height: 35px; 4277 } 4278 textarea.navbar-form .form-control, 4279 textarea.navbar-form .input-group-addon, 4280 textarea.navbar-form .btn, 4281 select[multiple].navbar-form .form-control, 4282 select[multiple].navbar-form .input-group-addon, 4283 select[multiple].navbar-form .btn, 4284 textarea.navbar-form .select2-search input[type="text"], 4285 select[multiple].navbar-form .select2-search input[type="text"] { 4286 height: auto; 4287 } 4288 .navbar-form .btn { 4289 margin: 0; 4290 } 4291 .navbar-form .input-group .form-control:first-child, 4292 .navbar-form .input-group-addon:first-child, 4293 .navbar-form .input-group-btn:first-child > .btn, 4294 .navbar-form .input-group-btn:first-child > .dropdown-toggle, 4295 .navbar-form .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 4296 .navbar-form .input-group .select2-search input[type="text"]:first-child { 4297 border-bottom-right-radius: 0; 4298 border-top-right-radius: 0; 4299 } 4300 .navbar-form .input-group .form-control:last-child, 4301 .navbar-form .input-group-addon:last-child, 4302 .navbar-form .input-group-btn:last-child > .btn, 4303 .navbar-form .input-group-btn:last-child > .dropdown-toggle, 4304 .navbar-form .input-group-btn:first-child > .btn:not(:first-child), 4305 .navbar-form .input-group .select2-search input[type="text"]:last-child { 4306 border-bottom-left-radius: 0; 4307 border-top-left-radius: 0; 4308 } 4309 .navbar-form .form-control, 4310 .navbar-form .select2-search input[type="text"] { 4311 font-size: 15px; 4312 border-radius: 5px; 4313 display: table-cell; 4314 } 4315 .navbar-form .form-group ~ .btn { 4316 font-size: 15px; 4317 border-radius: 5px; 4318 margin-left: 5px; 4319 } 4320 .navbar-form .form-group + .btn { 4321 margin-right: 5px; 4322 } 4323 @media (min-width: 768px) { 4324 .navbar-form .input-group { 4325 width: 195px; 4326 } 4327 } 4328 @media (max-width: 767px) { 4329 .navbar-form .form-group { 4330 margin-bottom: 7px; 4331 } 4332 .navbar-form .form-group:last-child { 4333 margin-bottom: 0; 4334 } 4335 .navbar-form .form-group + .btn { 4336 margin-left: 0; 4337 } 4338 } 4339 .navbar-nav > li > .dropdown-menu { 4340 min-width: 100%; 4341 margin-top: 9px; 4342 border-radius: 4px; 4343 } 4344 @media (max-width: 767px) { 4345 .navbar-nav > li.open > .dropdown-menu { 4346 margin-top: 0 !important; 4347 } 4348 } 4349 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { 4350 border-bottom-right-radius: 4px; 4351 border-bottom-left-radius: 4px; 4352 } 4353 .navbar-nav > .open > .dropdown-toggle, 4354 .navbar-nav > .open > .dropdown-toggle:focus, 4355 .navbar-nav > .open > .dropdown-toggle:hover { 4356 background-color: transparent; 4357 } 4358 .navbar-text { 4359 font-size: 16px; 4360 line-height: 1.438; 4361 color: #34495e; 4362 margin-top: 0; 4363 margin-bottom: 0; 4364 padding-top: 15px; 4365 padding-bottom: 15px; 4366 } 4367 @media (min-width: 768px) { 4368 .navbar-text { 4369 margin-left: 21px; 4370 margin-right: 21px; 4371 } 4372 .navbar-text.navbar-right:last-child { 4373 margin-right: 0; 4374 } 4375 } 4376 .navbar-btn { 4377 margin-top: 6px; 4378 margin-bottom: 6px; 4379 } 4380 .navbar-btn.btn-sm { 4381 margin-top: 9px; 4382 margin-bottom: 8px; 4383 } 4384 .navbar-btn.btn-xs { 4385 margin-top: 14px; 4386 margin-bottom: 14px; 4387 } 4388 .navbar-unread, 4389 .navbar-new { 4390 font-family: "Lato", Helvetica, Arial, sans-serif; 4391 background-color: #1abc9c; 4392 border-radius: 50%; 4393 color: #ffffff; 4394 font-size: 0; 4395 font-weight: 700; 4396 height: 6px; 4397 line-height: 1; 4398 position: absolute; 4399 right: 12px; 4400 text-align: center; 4401 top: 35%; 4402 width: 6px; 4403 z-index: 10; 4404 } 4405 @media (max-width: 768px) { 4406 .navbar-unread, 4407 .navbar-new { 4408 position: static; 4409 float: right; 4410 margin: 0 0 0 10px; 4411 } 4412 } 4413 .active .navbar-unread, 4414 .active .navbar-new { 4415 background-color: #ffffff; 4416 display: none; 4417 } 4418 .navbar-new { 4419 background-color: #e74c3c; 4420 font-size: 12px; 4421 height: 18px; 4422 line-height: 17px; 4423 margin: -6px -10px; 4424 min-width: 18px; 4425 padding: 0 1px; 4426 width: auto; 4427 -webkit-font-smoothing: subpixel-antialiased; 4428 } 4429 .navbar-default { 4430 background-color: #ecf0f1; 4431 } 4432 .navbar-default .navbar-brand { 4433 color: #34495e; 4434 } 4435 .navbar-default .navbar-brand:hover, 4436 .navbar-default .navbar-brand:focus { 4437 color: #1abc9c; 4438 background-color: transparent; 4439 } 4440 .navbar-default .navbar-toggle:before { 4441 color: #34495e; 4442 } 4443 .navbar-default .navbar-toggle:hover, 4444 .navbar-default .navbar-toggle:focus { 4445 background-color: transparent; 4446 } 4447 .navbar-default .navbar-toggle:hover:before, 4448 .navbar-default .navbar-toggle:focus:before { 4449 color: #1abc9c; 4450 } 4451 .navbar-default .navbar-collapse, 4452 .navbar-default .navbar-form { 4453 border-color: #e5e9ea; 4454 border-width: 2px; 4455 } 4456 .navbar-default .navbar-nav > li > a { 4457 color: #34495e; 4458 } 4459 .navbar-default .navbar-nav > li > a:hover, 4460 .navbar-default .navbar-nav > li > a:focus { 4461 color: #1abc9c; 4462 background-color: transparent; 4463 } 4464 .navbar-default .navbar-nav > .active > a, 4465 .navbar-default .navbar-nav > .active > a:hover, 4466 .navbar-default .navbar-nav > .active > a:focus { 4467 color: #1abc9c; 4468 background-color: transparent; 4469 } 4470 .navbar-default .navbar-nav > .disabled > a, 4471 .navbar-default .navbar-nav > .disabled > a:hover, 4472 .navbar-default .navbar-nav > .disabled > a:focus { 4473 color: #cccccc; 4474 background-color: transparent; 4475 } 4476 .navbar-default .navbar-nav > .dropdown > a .caret { 4477 border-top-color: #34495e; 4478 border-bottom-color: #34495e; 4479 } 4480 .navbar-default .navbar-nav > .active > a .caret { 4481 border-top-color: #1abc9c; 4482 border-bottom-color: #1abc9c; 4483 } 4484 .navbar-default .navbar-nav > .dropdown > a:hover .caret, 4485 .navbar-default .navbar-nav > .dropdown > a:focus .caret { 4486 border-top-color: #1abc9c; 4487 border-bottom-color: #1abc9c; 4488 } 4489 .navbar-default .navbar-nav > .open > a, 4490 .navbar-default .navbar-nav > .open > a:hover, 4491 .navbar-default .navbar-nav > .open > a:focus { 4492 background-color: transparent; 4493 color: #1abc9c; 4494 } 4495 .navbar-default .navbar-nav > .open > a .caret, 4496 .navbar-default .navbar-nav > .open > a:hover .caret, 4497 .navbar-default .navbar-nav > .open > a:focus .caret { 4498 border-top-color: #1abc9c; 4499 border-bottom-color: #1abc9c; 4500 } 4501 @media (max-width: 767px) { 4502 .navbar-default .navbar-nav .open .dropdown-menu > li > a { 4503 color: #34495e; 4504 } 4505 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 4506 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 4507 color: #1abc9c; 4508 background-color: transparent; 4509 } 4510 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 4511 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 4512 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 4513 color: #1abc9c; 4514 background-color: transparent; 4515 } 4516 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, 4517 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4518 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4519 color: #cccccc; 4520 background-color: transparent; 4521 } 4522 } 4523 .navbar-default .navbar-form .form-control, 4524 .navbar-default .navbar-form .select2-search input[type="text"] { 4525 border-color: transparent; 4526 } 4527 .navbar-default .navbar-form .form-control::-moz-placeholder, 4528 .navbar-default .navbar-form .select2-search input[type="text"]::-moz-placeholder { 4529 color: #aeb6bf; 4530 opacity: 1; 4531 } 4532 .navbar-default .navbar-form .form-control:-ms-input-placeholder, 4533 .navbar-default .navbar-form .select2-search input[type="text"]:-ms-input-placeholder { 4534 color: #aeb6bf; 4535 } 4536 .navbar-default .navbar-form .form-control::-webkit-input-placeholder, 4537 .navbar-default .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder { 4538 color: #aeb6bf; 4539 } 4540 .navbar-default .navbar-form .form-control:focus, 4541 .navbar-default .navbar-form .select2-search input[type="text"]:focus { 4542 border-color: #1abc9c; 4543 color: #1abc9c; 4544 } 4545 .navbar-default .navbar-form .input-group-btn .btn { 4546 border-color: transparent; 4547 color: #919ba4; 4548 } 4549 .navbar-default .navbar-form .input-group.focus .form-control, 4550 .navbar-default .navbar-form .input-group.focus .input-group-btn .btn, 4551 .navbar-default .navbar-form .input-group.focus .select2-search input[type="text"] { 4552 border-color: #1abc9c; 4553 color: #1abc9c; 4554 } 4555 .navbar-default .navbar-text { 4556 color: #34495e; 4557 } 4558 .navbar-default .navbar-link { 4559 color: #34495e; 4560 } 4561 .navbar-default .navbar-link:hover { 4562 color: #1abc9c; 4563 } 4564 .navbar-default .btn-link { 4565 color: #34495e; 4566 } 4567 .navbar-default .btn-link:hover, 4568 .navbar-default .btn-link:focus { 4569 color: #1abc9c; 4570 } 4571 .navbar-default .btn-link[disabled]:hover, 4572 fieldset[disabled] .navbar-default .btn-link:hover, 4573 .navbar-default .btn-link[disabled]:focus, 4574 fieldset[disabled] .navbar-default .btn-link:focus { 4575 color: #cccccc; 4576 } 4577 .navbar-inverse { 4578 background-color: #34495e; 4579 } 4580 .navbar-inverse .navbar-brand { 4581 color: #ffffff; 4582 } 4583 .navbar-inverse .navbar-brand:hover, 4584 .navbar-inverse .navbar-brand:focus { 4585 color: #1abc9c; 4586 background-color: transparent; 4587 } 4588 .navbar-inverse .navbar-toggle:before { 4589 color: #ffffff; 4590 } 4591 .navbar-inverse .navbar-toggle:hover, 4592 .navbar-inverse .navbar-toggle:focus { 4593 background-color: transparent; 4594 } 4595 .navbar-inverse .navbar-toggle:hover:before, 4596 .navbar-inverse .navbar-toggle:focus:before { 4597 color: #1abc9c; 4598 } 4599 .navbar-inverse .navbar-collapse { 4600 border-color: #2f4154; 4601 border-width: 2px; 4602 } 4603 .navbar-inverse .navbar-nav > li > a { 4604 color: #ffffff; 4605 } 4606 .navbar-inverse .navbar-nav > li > a:hover, 4607 .navbar-inverse .navbar-nav > li > a:focus { 4608 color: #1abc9c; 4609 background-color: transparent; 4610 } 4611 .navbar-inverse .navbar-nav > .active > a, 4612 .navbar-inverse .navbar-nav > .active > a:hover, 4613 .navbar-inverse .navbar-nav > .active > a:focus { 4614 color: #ffffff; 4615 background-color: #1abc9c; 4616 } 4617 .navbar-inverse .navbar-nav > .disabled > a, 4618 .navbar-inverse .navbar-nav > .disabled > a:hover, 4619 .navbar-inverse .navbar-nav > .disabled > a:focus { 4620 color: #444444; 4621 background-color: transparent; 4622 } 4623 .navbar-inverse .navbar-nav > .dropdown > a:hover .caret, 4624 .navbar-inverse .navbar-nav > .dropdown > a:focus .caret { 4625 border-top-color: #1abc9c; 4626 border-bottom-color: #1abc9c; 4627 } 4628 .navbar-inverse .navbar-nav > .open > a, 4629 .navbar-inverse .navbar-nav > .open > a:hover, 4630 .navbar-inverse .navbar-nav > .open > a:focus { 4631 background-color: #1abc9c; 4632 color: #ffffff; 4633 border-left-color: transparent; 4634 } 4635 .navbar-inverse .navbar-nav > .open > a .caret, 4636 .navbar-inverse .navbar-nav > .open > a:hover .caret, 4637 .navbar-inverse .navbar-nav > .open > a:focus .caret { 4638 border-top-color: #ffffff; 4639 border-bottom-color: #ffffff; 4640 } 4641 .navbar-inverse .navbar-nav > .dropdown > a .caret { 4642 border-top-color: #4b6075; 4643 border-bottom-color: #4b6075; 4644 } 4645 .navbar-inverse .navbar-nav > .open > .dropdown-menu { 4646 background-color: #34495e; 4647 padding: 3px 4px; 4648 } 4649 .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a { 4650 color: #e1e4e7; 4651 border-radius: 4px; 4652 padding: 6px 9px; 4653 } 4654 .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover, 4655 .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus { 4656 color: #ffffff; 4657 background-color: #1abc9c; 4658 } 4659 .navbar-inverse .navbar-nav > .open > .dropdown-menu > .divider { 4660 background-color: #2f4154; 4661 height: 2px; 4662 margin-left: -4px; 4663 margin-right: -4px; 4664 } 4665 @media (max-width: 767px) { 4666 .navbar-inverse .navbar-nav > li > a { 4667 border-left-width: 0; 4668 } 4669 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { 4670 color: #ffffff; 4671 } 4672 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 4673 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { 4674 color: #1abc9c; 4675 background-color: transparent; 4676 } 4677 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 4678 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 4679 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { 4680 color: #ffffff; 4681 background-color: #1abc9c; 4682 } 4683 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, 4684 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4685 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4686 color: #444444; 4687 background-color: transparent; 4688 } 4689 .navbar-inverse .navbar-nav .dropdown-menu .divider { 4690 background-color: #2f4154; 4691 } 4692 } 4693 .navbar-inverse .navbar-form .form-control, 4694 .navbar-inverse .navbar-form .select2-search input[type="text"] { 4695 color: #536a81; 4696 border-color: transparent; 4697 background-color: #293a4a; 4698 } 4699 .navbar-inverse .navbar-form .form-control::-moz-placeholder, 4700 .navbar-inverse .navbar-form .select2-search input[type="text"]::-moz-placeholder { 4701 color: #536a81; 4702 opacity: 1; 4703 } 4704 .navbar-inverse .navbar-form .form-control:-ms-input-placeholder, 4705 .navbar-inverse .navbar-form .select2-search input[type="text"]:-ms-input-placeholder { 4706 color: #536a81; 4707 } 4708 .navbar-inverse .navbar-form .form-control::-webkit-input-placeholder, 4709 .navbar-inverse .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder { 4710 color: #536a81; 4711 } 4712 .navbar-inverse .navbar-form .form-control:focus, 4713 .navbar-inverse .navbar-form .select2-search input[type="text"]:focus { 4714 border-color: #1abc9c; 4715 color: #1abc9c; 4716 } 4717 .navbar-inverse .navbar-form .btn { 4718 color: #ffffff; 4719 background-color: #1abc9c; 4720 } 4721 .navbar-inverse .navbar-form .btn:hover, 4722 .navbar-inverse .navbar-form .btn.hover, 4723 .navbar-inverse .navbar-form .btn:focus, 4724 .navbar-inverse .navbar-form .btn:active, 4725 .navbar-inverse .navbar-form .btn.active, 4726 .open > .dropdown-toggle.navbar-inverse .navbar-form .btn { 4727 color: #ffffff; 4728 background-color: #48c9b0; 4729 border-color: #48c9b0; 4730 } 4731 .navbar-inverse .navbar-form .btn:active, 4732 .navbar-inverse .navbar-form .btn.active, 4733 .open > .dropdown-toggle.navbar-inverse .navbar-form .btn { 4734 background: #16a085; 4735 border-color: #16a085; 4736 } 4737 .navbar-inverse .navbar-form .btn.disabled, 4738 .navbar-inverse .navbar-form .btn[disabled], 4739 fieldset[disabled] .navbar-inverse .navbar-form .btn, 4740 .navbar-inverse .navbar-form .btn.disabled:hover, 4741 .navbar-inverse .navbar-form .btn[disabled]:hover, 4742 fieldset[disabled] .navbar-inverse .navbar-form .btn:hover, 4743 .navbar-inverse .navbar-form .btn.disabled.hover, 4744 .navbar-inverse .navbar-form .btn[disabled].hover, 4745 fieldset[disabled] .navbar-inverse .navbar-form .btn.hover, 4746 .navbar-inverse .navbar-form .btn.disabled:focus, 4747 .navbar-inverse .navbar-form .btn[disabled]:focus, 4748 fieldset[disabled] .navbar-inverse .navbar-form .btn:focus, 4749 .navbar-inverse .navbar-form .btn.disabled:active, 4750 .navbar-inverse .navbar-form .btn[disabled]:active, 4751 fieldset[disabled] .navbar-inverse .navbar-form .btn:active, 4752 .navbar-inverse .navbar-form .btn.disabled.active, 4753 .navbar-inverse .navbar-form .btn[disabled].active, 4754 fieldset[disabled] .navbar-inverse .navbar-form .btn.active { 4755 background-color: #bdc3c7; 4756 border-color: #1abc9c; 4757 } 4758 .navbar-inverse .navbar-form .btn .badge { 4759 color: #1abc9c; 4760 background-color: #ffffff; 4761 } 4762 .navbar-inverse .navbar-form .input-group-btn .btn { 4763 border-color: transparent; 4764 background-color: #293a4a; 4765 color: #526a82; 4766 } 4767 .navbar-inverse .navbar-form .input-group.focus .form-control, 4768 .navbar-inverse .navbar-form .input-group.focus .input-group-btn .btn, 4769 .navbar-inverse .navbar-form .input-group.focus .select2-search input[type="text"] { 4770 border-color: #1abc9c; 4771 color: #1abc9c; 4772 } 4773 @media (max-width: 767px) { 4774 .navbar-inverse .navbar-form { 4775 border-color: #2f4154; 4776 border-width: 2px 0; 4777 } 4778 } 4779 .navbar-inverse .navbar-text { 4780 color: #ffffff; 4781 } 4782 .navbar-inverse .navbar-text a { 4783 color: #ffffff; 4784 } 4785 .navbar-inverse .navbar-text a:hover, 4786 .navbar-inverse .navbar-text a:focus { 4787 color: #1abc9c; 4788 } 4789 .navbar-inverse .navbar-btn { 4790 color: #ffffff; 4791 background-color: #1abc9c; 4792 } 4793 .navbar-inverse .navbar-btn:hover, 4794 .navbar-inverse .navbar-btn.hover, 4795 .navbar-inverse .navbar-btn:focus, 4796 .navbar-inverse .navbar-btn:active, 4797 .navbar-inverse .navbar-btn.active, 4798 .open > .dropdown-toggle.navbar-inverse .navbar-btn { 4799 color: #ffffff; 4800 background-color: #48c9b0; 4801 border-color: #48c9b0; 4802 } 4803 .navbar-inverse .navbar-btn:active, 4804 .navbar-inverse .navbar-btn.active, 4805 .open > .dropdown-toggle.navbar-inverse .navbar-btn { 4806 background: #16a085; 4807 border-color: #16a085; 4808 } 4809 .navbar-inverse .navbar-btn.disabled, 4810 .navbar-inverse .navbar-btn[disabled], 4811 fieldset[disabled] .navbar-inverse .navbar-btn, 4812 .navbar-inverse .navbar-btn.disabled:hover, 4813 .navbar-inverse .navbar-btn[disabled]:hover, 4814 fieldset[disabled] .navbar-inverse .navbar-btn:hover, 4815 .navbar-inverse .navbar-btn.disabled.hover, 4816 .navbar-inverse .navbar-btn[disabled].hover, 4817 fieldset[disabled] .navbar-inverse .navbar-btn.hover, 4818 .navbar-inverse .navbar-btn.disabled:focus, 4819 .navbar-inverse .navbar-btn[disabled]:focus, 4820 fieldset[disabled] .navbar-inverse .navbar-btn:focus, 4821 .navbar-inverse .navbar-btn.disabled:active, 4822 .navbar-inverse .navbar-btn[disabled]:active, 4823 fieldset[disabled] .navbar-inverse .navbar-btn:active, 4824 .navbar-inverse .navbar-btn.disabled.active, 4825 .navbar-inverse .navbar-btn[disabled].active, 4826 fieldset[disabled] .navbar-inverse .navbar-btn.active { 4827 background-color: #bdc3c7; 4828 border-color: #1abc9c; 4829 } 4830 .navbar-inverse .navbar-btn .badge { 4831 color: #1abc9c; 4832 background-color: #ffffff; 4833 } 4834 @media (min-width: 768px) { 4835 .navbar-embossed > .navbar-collapse { 4836 border-radius: 6px; 4837 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); 4838 } 4839 .navbar-embossed.navbar-inverse .navbar-nav .active > a, 4840 .navbar-embossed.navbar-inverse .navbar-nav .open > a { 4841 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); 4842 } 4843 } 4844 .navbar-lg { 4845 min-height: 76px; 4846 } 4847 .navbar-lg .navbar-brand { 4848 line-height: 1; 4849 height: 76px; 4850 padding-top: 26px; 4851 padding-bottom: 26px; 4852 } 4853 .navbar-lg .navbar-brand > [class*="fui-"] { 4854 font-size: 24px; 4855 line-height: 1; 4856 } 4857 .navbar-lg .navbar-nav > li > a { 4858 font-size: 15px; 4859 line-height: 1.6; 4860 } 4861 @media (min-width: 768px) { 4862 .navbar-lg .navbar-nav > li > a { 4863 padding-top: 26px; 4864 padding-bottom: 26px; 4865 } 4866 } 4867 .navbar-lg .navbar-toggle { 4868 height: 76px; 4869 line-height: 76px; 4870 } 4871 .navbar-lg .navbar-form { 4872 padding-top: 20.5px; 4873 padding-bottom: 20.5px; 4874 } 4875 .navbar-lg .navbar-text { 4876 padding-top: 26.5px; 4877 padding-bottom: 26.5px; 4878 } 4879 .navbar-lg .navbar-btn { 4880 margin-top: 17.5px; 4881 margin-bottom: 17.5px; 4882 } 4883 .navbar-lg .navbar-btn.btn-sm { 4884 margin-top: 20.5px; 4885 margin-bottom: 20.5px; 4886 } 4887 .navbar-lg .navbar-btn.btn-xs { 4888 margin-top: 25.5px; 4889 margin-bottom: 25.5px; 4890 } 4891 .bootstrap-switch { 4892 font-size: 15px; 4893 line-height: 29px; 4894 display: inline-block; 4895 cursor: pointer; 4896 border-radius: 30px; 4897 position: relative; 4898 text-align: left; 4899 overflow: hidden; 4900 vertical-align: middle; 4901 width: 80px; 4902 height: 29px; 4903 -webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwxNC41YzAsOC02LjUsMTQuNS0xNC41LDE0LjVoLTUxQzYuNSwyOSwwLDIyLjUsMCwxNC41bDAsMEMwLDYuNSw2LjUsMCwxNC41LDBoNTFDNzMuNSwwLDgwLDYuNSw4MCwxNC41TDgwLDE0LjV6Ii8+DQo8L3N2Zz4NCg==) 0 0 stretch; 4904 -webkit-user-select: none; 4905 -moz-user-select: none; 4906 -ms-user-select: none; 4907 user-select: none; 4908 } 4909 .bootstrap-switch > div { 4910 display: inline-block; 4911 width: 132px; 4912 border-radius: 30px; 4913 -webkit-transform: translate3d(0, 0, 0); 4914 transform: translate3d(0, 0, 0); 4915 } 4916 .bootstrap-switch > div > span { 4917 font-weight: 700; 4918 line-height: 19px; 4919 cursor: pointer; 4920 display: inline-block; 4921 height: 100%; 4922 padding-bottom: 5px; 4923 padding-top: 5px; 4924 text-align: center; 4925 z-index: 1; 4926 width: 66px; 4927 -webkit-transition: box-shadow 0.25s ease-out; 4928 transition: box-shadow 0.25s ease-out; 4929 } 4930 .bootstrap-switch > div > span > [class^="fui-"] { 4931 text-indent: 0; 4932 } 4933 .bootstrap-switch > div > label { 4934 cursor: pointer; 4935 display: block; 4936 position: absolute; 4937 width: 100%; 4938 height: 100%; 4939 text-indent: -9999px; 4940 font-size: 0; 4941 top: 0; 4942 left: 0; 4943 margin: 0; 4944 z-index: 200; 4945 opacity: 0; 4946 filter: alpha(opacity=0); 4947 } 4948 .bootstrap-switch input[type="radio"], 4949 .bootstrap-switch input[type="checkbox"] { 4950 position: absolute !important; 4951 margin: 0; 4952 top: 0; 4953 left: 0; 4954 z-index: -1; 4955 opacity: 0; 4956 filter: alpha(opacity=0); 4957 } 4958 .bootstrap-switch-handle-on { 4959 border-bottom-left-radius: 30px; 4960 border-top-left-radius: 30px; 4961 } 4962 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default { 4963 box-shadow: inset 0 0 transparent, -16px 0 0 #bdc3c7; 4964 } 4965 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default:before { 4966 border-color: #bdc3c7; 4967 background-color: #7f8c9a; 4968 } 4969 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary { 4970 box-shadow: inset 0 0 transparent, -16px 0 0 #34495e; 4971 } 4972 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary:before { 4973 border-color: #34495e; 4974 background-color: #1abc9c; 4975 } 4976 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success { 4977 box-shadow: inset 0 0 transparent, -16px 0 0 #2ecc71; 4978 } 4979 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success:before { 4980 border-color: #2ecc71; 4981 background-color: #ffffff; 4982 } 4983 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning { 4984 box-shadow: inset 0 0 transparent, -16px 0 0 #f1c40f; 4985 } 4986 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning:before { 4987 border-color: #f1c40f; 4988 background-color: #ffffff; 4989 } 4990 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info { 4991 box-shadow: inset 0 0 transparent, -16px 0 0 #3498db; 4992 } 4993 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info:before { 4994 border-color: #3498db; 4995 background-color: #ffffff; 4996 } 4997 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger { 4998 box-shadow: inset 0 0 transparent, -16px 0 0 #e74c3c; 4999 } 5000 .bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger:before { 5001 border-color: #e74c3c; 5002 background-color: #ffffff; 5003 } 5004 .bootstrap-switch-handle-off { 5005 border-bottom-right-radius: 30px; 5006 border-top-right-radius: 30px; 5007 } 5008 .bootstrap-switch-handle-off:before { 5009 display: inline-block; 5010 content: " "; 5011 border: 4px solid transparent; 5012 border-radius: 50%; 5013 text-align: center; 5014 vertical-align: top; 5015 padding: 0; 5016 height: 29px; 5017 width: 29px; 5018 position: absolute; 5019 top: 0; 5020 left: 51px; 5021 z-index: 100; 5022 background-clip: padding-box; 5023 -webkit-transition: border-color 0.25s ease-out, background-color 0.25s ease-out; 5024 transition: border-color 0.25s ease-out, background-color 0.25s ease-out; 5025 } 5026 .bootstrap-switch-animate > div { 5027 -webkit-transition: margin-left 0.25s ease-out; 5028 transition: margin-left 0.25s ease-out; 5029 } 5030 .bootstrap-switch-on > div { 5031 margin-left: 0; 5032 } 5033 .bootstrap-switch-off > div { 5034 margin-left: -51px; 5035 } 5036 .bootstrap-switch-disabled, 5037 .bootstrap-switch-readonly { 5038 opacity: 0.5; 5039 filter: alpha(opacity=50); 5040 cursor: default; 5041 } 5042 .bootstrap-switch-disabled > div > span, 5043 .bootstrap-switch-readonly > div > span, 5044 .bootstrap-switch-disabled > div > label, 5045 .bootstrap-switch-readonly > div > label { 5046 cursor: default !important; 5047 } 5048 .bootstrap-switch-focused { 5049 outline: 0; 5050 } 5051 .bootstrap-switch-default { 5052 color: #ffffff; 5053 background-color: #bdc3c7; 5054 } 5055 .bootstrap-switch-default ~ .bootstrap-switch-handle-off:before { 5056 background-color: #7f8c9a; 5057 border-color: #bdc3c7; 5058 } 5059 .bootstrap-switch-on .bootstrap-switch-default ~ .bootstrap-switch-handle-off { 5060 box-shadow: inset 16px 0 0 #bdc3c7; 5061 } 5062 .bootstrap-switch-primary { 5063 color: #1abc9c; 5064 background-color: #34495e; 5065 } 5066 .bootstrap-switch-primary ~ .bootstrap-switch-handle-off:before { 5067 background-color: #1abc9c; 5068 border-color: #34495e; 5069 } 5070 .bootstrap-switch-on .bootstrap-switch-primary ~ .bootstrap-switch-handle-off { 5071 box-shadow: inset 16px 0 0 #34495e; 5072 } 5073 .bootstrap-switch-info { 5074 color: #ffffff; 5075 background-color: #3498db; 5076 } 5077 .bootstrap-switch-info ~ .bootstrap-switch-handle-off:before { 5078 background-color: #ffffff; 5079 border-color: #3498db; 5080 } 5081 .bootstrap-switch-on .bootstrap-switch-info ~ .bootstrap-switch-handle-off { 5082 box-shadow: inset 16px 0 0 #3498db; 5083 } 5084 .bootstrap-switch-success { 5085 color: #ffffff; 5086 background-color: #2ecc71; 5087 } 5088 .bootstrap-switch-success ~ .bootstrap-switch-handle-off:before { 5089 background-color: #ffffff; 5090 border-color: #2ecc71; 5091 } 5092 .bootstrap-switch-on .bootstrap-switch-success ~ .bootstrap-switch-handle-off { 5093 box-shadow: inset 16px 0 0 #2ecc71; 5094 } 5095 .bootstrap-switch-warning { 5096 color: #ffffff; 5097 background-color: #f1c40f; 5098 } 5099 .bootstrap-switch-warning ~ .bootstrap-switch-handle-off:before { 5100 background-color: #ffffff; 5101 border-color: #f1c40f; 5102 } 5103 .bootstrap-switch-on .bootstrap-switch-warning ~ .bootstrap-switch-handle-off { 5104 box-shadow: inset 16px 0 0 #f1c40f; 5105 } 5106 .bootstrap-switch-danger { 5107 color: #ffffff; 5108 background-color: #e74c3c; 5109 } 5110 .bootstrap-switch-danger ~ .bootstrap-switch-handle-off:before { 5111 background-color: #ffffff; 5112 border-color: #e74c3c; 5113 } 5114 .bootstrap-switch-on .bootstrap-switch-danger ~ .bootstrap-switch-handle-off { 5115 box-shadow: inset 16px 0 0 #e74c3c; 5116 } 5117 .bootstrap-switch-square .bootstrap-switch { 5118 -webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwyNWMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRjMC0yLjIsMS44LTQsNC00aDcyYzIuMiwwLDQsMS44LDQsNFYyNXoiLz4NCjwvc3ZnPg0K) 0 0 stretch; 5119 border-radius: 4px; 5120 } 5121 .bootstrap-switch-square .bootstrap-switch > div { 5122 border-radius: 4px; 5123 } 5124 .bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-on { 5125 text-indent: -15px; 5126 border-bottom-left-radius: 4px; 5127 border-top-left-radius: 4px; 5128 } 5129 .bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off { 5130 text-indent: 15px; 5131 border-bottom-right-radius: 4px; 5132 border-top-right-radius: 4px; 5133 } 5134 .bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off:before { 5135 border: none; 5136 border-bottom-left-radius: 0; 5137 border-top-left-radius: 0; 5138 border-bottom-right-radius: 2px; 5139 border-top-right-radius: 2px; 5140 } 5141 .bootstrap-switch-square .bootstrap-switch-off .bootstrap-switch-handle-off:before { 5142 border-bottom-left-radius: 2px; 5143 border-top-left-radius: 2px; 5144 border-bottom-right-radius: 0; 5145 border-top-right-radius: 0; 5146 } 5147 .share { 5148 background-color: #eff0f2; 5149 position: relative; 5150 border-radius: 6px; 5151 } 5152 .share ul { 5153 list-style-type: none; 5154 margin: 0; 5155 padding: 15px; 5156 } 5157 .share li { 5158 font-size: 15px; 5159 line-height: 1.4; 5160 padding-top: 11px; 5161 } 5162 .share li:before, 5163 .share li:after { 5164 content: " "; 5165 display: table; 5166 } 5167 .share li:after { 5168 clear: both; 5169 } 5170 .share li:first-child { 5171 padding-top: 0; 5172 } 5173 .share .toggle { 5174 float: right; 5175 margin: 0; 5176 } 5177 .share .btn { 5178 border-top-right-radius: 0; 5179 border-top-left-radius: 0; 5180 } 5181 .share-label { 5182 float: left; 5183 font-size: 15px; 5184 line-height: 1.4; 5185 padding-top: 5px; 5186 width: 50%; 5187 } 5188 .video-js { 5189 background-color: transparent; 5190 position: relative; 5191 padding-bottom: 47px; 5192 font-size: 0; 5193 vertical-align: middle; 5194 overflow: hidden; 5195 -webkit-backface-visibility: hidden; 5196 backface-visibility: hidden; 5197 border-top-radius: 6px; 5198 width: 100% !important; 5199 height: auto !important; 5200 } 5201 .video-js .vjs-tech { 5202 height: 100%; 5203 width: 100%; 5204 display: block; 5205 } 5206 .video-js::-moz-full-screen { 5207 position: absolute; 5208 } 5209 .video-js::-webkit-full-screen { 5210 width: 100% !important; 5211 height: 100% !important; 5212 } 5213 .vjs-fullscreen { 5214 position: fixed; 5215 overflow: hidden; 5216 z-index: 10000; 5217 left: 0; 5218 top: 0; 5219 bottom: 0; 5220 right: 0; 5221 width: 100% !important; 5222 height: 100% !important; 5223 border-top-radius: 0; 5224 } 5225 .vjs-fullscreen .vjs-control-bar { 5226 margin-top: 0; 5227 border-bottom-right-radius: 0; 5228 border-bottom-left-radius: 0; 5229 } 5230 .vjs-fullscreen .vjs-tech { 5231 background-color: #000000; 5232 } 5233 .vjs-poster { 5234 margin: 0 auto; 5235 padding: 0; 5236 cursor: pointer; 5237 position: relative; 5238 width: 100%; 5239 max-height: 100%; 5240 border-top-radius: 6px; 5241 } 5242 .vjs-control-bar { 5243 position: relative; 5244 height: 47px; 5245 color: #ffffff; 5246 background: #2c3e50; 5247 margin-top: -1px; 5248 border-bottom-right-radius: 6px; 5249 border-bottom-left-radius: 6px; 5250 -webkit-user-select: none; 5251 -moz-user-select: none; 5252 -ms-user-select: none; 5253 user-select: none; 5254 } 5255 .vjs-control-bar.vjs-fade-out { 5256 visibility: visible !important; 5257 opacity: 1 !important; 5258 } 5259 .vjs-text-track-display { 5260 text-align: center; 5261 position: absolute; 5262 bottom: 4em; 5263 left: 1em; 5264 right: 1em; 5265 font-family: "Lato", Helvetica, Arial, sans-serif; 5266 } 5267 .vjs-text-track { 5268 display: none; 5269 color: #ffffff; 5270 font-size: 1.4em; 5271 text-align: center; 5272 margin-bottom: .1em; 5273 background-color: rgba(0, 0, 0, 0.5); 5274 } 5275 .vjs-subtitles { 5276 color: #ffffff; 5277 } 5278 .vjs-captions { 5279 color: #fc6; 5280 } 5281 .vjs-tt-cue { 5282 display: block; 5283 } 5284 .vjs-fade-in { 5285 visibility: visible !important; 5286 opacity: 1 !important; 5287 -webkit-transition: visibility 0s linear 0s, opacity .3s linear; 5288 transition: visibility 0s linear 0s, opacity .3s linear; 5289 } 5290 .vjs-fade-out { 5291 visibility: hidden !important; 5292 opacity: 0 !important; 5293 -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear; 5294 transition: visibility 0s linear 1.5s, opacity 1.5s linear; 5295 } 5296 .vjs-control { 5297 background-position: center; 5298 background-repeat: no-repeat; 5299 position: relative; 5300 text-align: center; 5301 display: inline-block; 5302 height: 18px; 5303 width: 18px; 5304 vertical-align: middle; 5305 } 5306 .vjs-control:focus { 5307 outline: 0; 5308 } 5309 .vjs-control > div { 5310 background-position: center; 5311 background-repeat: no-repeat; 5312 } 5313 .vjs-control-text { 5314 border: 0; 5315 clip: rect(0 0 0 0); 5316 height: 1px; 5317 margin: -1px; 5318 overflow: hidden; 5319 padding: 0; 5320 position: absolute; 5321 width: 1px; 5322 } 5323 .vjs-play-control { 5324 cursor: pointer; 5325 height: 47px; 5326 width: 58px; 5327 } 5328 .vjs-play-control > div { 5329 position: relative; 5330 height: 47px; 5331 } 5332 .vjs-play-control > div:before, 5333 .vjs-play-control > div:after { 5334 position: absolute; 5335 font-family: "Flat-UI-Icons"; 5336 color: #1abc9c; 5337 font-size: 16px; 5338 top: 38%; 5339 left: 50%; 5340 margin: -0.5em 0 0 -0.5em; 5341 -webkit-font-smoothing: antialiased; 5342 -webkit-transition: color .25s, opacity .25s; 5343 transition: color .25s, opacity .25s; 5344 } 5345 .vjs-play-control > div:after { 5346 content: "\e615"; 5347 } 5348 .vjs-play-control > div:before { 5349 content: "\e616"; 5350 } 5351 .vjs-paused .vjs-play-control:hover > div:before { 5352 color: #16a085; 5353 } 5354 .vjs-paused .vjs-play-control > div:after { 5355 opacity: 0; 5356 filter: alpha(opacity=0); 5357 } 5358 .vjs-paused .vjs-play-control > div:before { 5359 opacity: 1; 5360 -webkit-filter: none; 5361 filter: none; 5362 } 5363 .vjs-playing .vjs-play-control:hover > div:after { 5364 color: #16a085; 5365 } 5366 .vjs-playing .vjs-play-control > div:after { 5367 opacity: 1; 5368 -webkit-filter: none; 5369 filter: none; 5370 } 5371 .vjs-playing .vjs-play-control > div:before { 5372 opacity: 0; 5373 filter: alpha(opacity=0); 5374 } 5375 .vjs-rewind-control { 5376 width: 5em; 5377 cursor: pointer !important; 5378 } 5379 .vjs-rewind-control > div { 5380 width: 19px; 5381 height: 16px; 5382 background: none transparent; 5383 margin: .5em auto 0; 5384 } 5385 .vjs-mute-control { 5386 float: right; 5387 margin: 14px 0; 5388 cursor: pointer !important; 5389 } 5390 .vjs-mute-control:hover > div, 5391 .vjs-mute-control:focus > div { 5392 color: #57718b; 5393 } 5394 .vjs-mute-control > div { 5395 height: 18px; 5396 color: #475d72; 5397 } 5398 .vjs-mute-control > div:after, 5399 .vjs-mute-control > div:before { 5400 font-family: "Flat-UI-Icons"; 5401 font-size: 16px; 5402 line-height: 18px; 5403 position: absolute; 5404 left: 50%; 5405 margin: 0 0 0 -0.5em; 5406 -webkit-font-smoothing: antialiased; 5407 -moz-osx-font-smoothing: grayscale; 5408 -webkit-transition: color .25s, opacity .25s; 5409 transition: color .25s, opacity .25s; 5410 } 5411 .vjs-mute-control > div:after { 5412 content: "\e617"; 5413 } 5414 .vjs-mute-control > div:before { 5415 content: "\e618"; 5416 opacity: 0; 5417 filter: alpha(opacity=0); 5418 } 5419 .vjs-mute-control.vjs-vol-0 > div:after { 5420 opacity: 0; 5421 filter: alpha(opacity=0); 5422 } 5423 .vjs-mute-control.vjs-vol-0 > div:before { 5424 opacity: 1; 5425 -webkit-filter: none; 5426 filter: none; 5427 } 5428 .vjs-volume-control, 5429 .vjs-volume-level, 5430 .vjs-volume-handle, 5431 .vjs-volume-bar { 5432 display: none; 5433 } 5434 .vjs-progress-control { 5435 height: 12px; 5436 position: absolute; 5437 left: 60px; 5438 right: 160px; 5439 width: auto; 5440 top: 18px; 5441 background: #425669; 5442 border-radius: 32px; 5443 } 5444 .vjs-progress-holder { 5445 position: relative; 5446 cursor: pointer !important; 5447 padding: 0; 5448 margin: 0; 5449 height: 12px; 5450 } 5451 .vjs-play-progress, 5452 .vjs-load-progress { 5453 display: block; 5454 height: 12px; 5455 margin: 0; 5456 padding: 0; 5457 border-radius: 32px; 5458 } 5459 .vjs-play-progress { 5460 background: #1abc9c; 5461 left: -1px; 5462 position: absolute; 5463 top: 0; 5464 border-bottom-right-radius: 0; 5465 border-top-right-radius: 0; 5466 } 5467 .vjs-load-progress { 5468 background: #d6dbdf; 5469 } 5470 .vjs-load-progress[style*="100%"], 5471 .vjs-load-progress[style*="99%"] { 5472 border-radius: 32px; 5473 } 5474 .vjs-seek-handle { 5475 background-color: #16a085; 5476 width: 18px; 5477 height: 18px; 5478 top: 0; 5479 position: absolute; 5480 margin: -3px 0 0 -3px; 5481 border-radius: 50%; 5482 -webkit-transition: background-color 0.25s; 5483 transition: background-color 0.25s; 5484 } 5485 .vjs-seek-handle[style*="95."] { 5486 margin-left: 3px; 5487 } 5488 .vjs-seek-handle[style="left: 0%;"] { 5489 margin-left: -2px; 5490 } 5491 .vjs-seek-handle:hover, 5492 .vjs-seek-handle:focus { 5493 background-color: #148d75; 5494 } 5495 .vjs-seek-handle:active { 5496 background-color: #117a65; 5497 } 5498 .vjs-time-controls { 5499 font-family: "Lato", Helvetica, Arial, sans-serif; 5500 font-weight: 300; 5501 font-size: 13px; 5502 line-height: normal; 5503 width: auto; 5504 height: auto; 5505 position: absolute; 5506 } 5507 .vjs-time-divider { 5508 color: #5d6d7e; 5509 font-size: 14px; 5510 position: absolute; 5511 right: 114px; 5512 top: 11px; 5513 } 5514 .vjs-remaining-time { 5515 display: none; 5516 } 5517 .vjs-current-time { 5518 right: 122px; 5519 top: 16px; 5520 } 5521 .vjs-duration { 5522 color: #5d6d7e; 5523 right: 85px; 5524 top: 16px; 5525 } 5526 .vjs-fullscreen-control { 5527 cursor: pointer; 5528 float: right; 5529 margin: 14px 15px; 5530 } 5531 .vjs-fullscreen-control:hover > div, 5532 .vjs-fullscreen-control:focus > div { 5533 color: #57718b; 5534 } 5535 .vjs-fullscreen-control > div { 5536 height: 18px; 5537 color: #475d72; 5538 } 5539 .vjs-fullscreen-control > div:before { 5540 font-family: "Flat-UI-Icons"; 5541 content: "\e619"; 5542 font-size: 16px; 5543 line-height: 18px; 5544 position: absolute; 5545 left: 50%; 5546 margin: 0 0 0 -0.5em; 5547 -webkit-font-smoothing: antialiased; 5548 -moz-osx-font-smoothing: grayscale; 5549 -webkit-transition: color .25s, opacity .25s; 5550 transition: color .25s, opacity .25s; 5551 } 5552 .vjs-menu-button { 5553 display: none !important; 5554 } 5555 .vjs-loading-spinner { 5556 position: absolute; 5557 top: 50%; 5558 left: 50%; 5559 background: #ebedee; 5560 display: none; 5561 height: 16px; 5562 width: 16px; 5563 border-radius: 10px; 5564 margin: -8px 0 0 -8px; 5565 -webkit-animation: sharp 2s ease infinite; 5566 animation: sharp 2s ease infinite; 5567 } 5568 @-webkit-keyframes sharp { 5569 0% { 5570 background-color: #e74c3c; 5571 border-radius: 10px; 5572 -webkit-transform: rotate(0deg); 5573 transform: rotate(0deg); 5574 } 5575 50% { 5576 background-color: #ebedee; 5577 border-radius: 0; 5578 -webkit-transform: rotate(180deg); 5579 transform: rotate(180deg); 5580 } 5581 100% { 5582 background-color: #e74c3c; 5583 border-radius: 10px; 5584 -webkit-transform: rotate(360deg); 5585 transform: rotate(360deg); 5586 } 5587 } 5588 @keyframes sharp { 5589 0% { 5590 background-color: #e74c3c; 5591 border-radius: 10px; 5592 -webkit-transform: rotate(0deg); 5593 transform: rotate(0deg); 5594 } 5595 50% { 5596 background-color: #ebedee; 5597 border-radius: 0; 5598 -webkit-transform: rotate(180deg); 5599 transform: rotate(180deg); 5600 } 5601 100% { 5602 background-color: #e74c3c; 5603 border-radius: 10px; 5604 -webkit-transform: rotate(360deg); 5605 transform: rotate(360deg); 5606 } 5607 } 5608 .todo { 5609 color: #798795; 5610 margin-bottom: 20px; 5611 border-radius: 6px; 5612 } 5613 .todo ul { 5614 background-color: #2c3e50; 5615 margin: 0; 5616 padding: 0; 5617 list-style-type: none; 5618 border-radius: 0 0 6px 6px; 5619 } 5620 .todo li { 5621 background: #34495e; 5622 background-size: 20px 20px; 5623 cursor: pointer; 5624 font-size: 14px; 5625 line-height: 1.214; 5626 margin-top: 2px; 5627 padding: 18px 42px 21px 25px; 5628 position: relative; 5629 -webkit-transition: .25s; 5630 transition: .25s; 5631 } 5632 .todo li:first-child { 5633 margin-top: 0; 5634 } 5635 .todo li:last-child { 5636 border-radius: 0 0 6px 6px; 5637 padding-bottom: 21px; 5638 } 5639 .todo li.todo-done { 5640 background: transparent; 5641 color: #1abc9c; 5642 } 5643 .todo li.todo-done .todo-name { 5644 color: #1abc9c; 5645 } 5646 .todo li:after { 5647 content: " "; 5648 display: block; 5649 width: 20px; 5650 height: 20px; 5651 position: absolute; 5652 top: 50%; 5653 right: 22px; 5654 margin-top: -10px; 5655 background: #ffffff; 5656 border-radius: 50%; 5657 } 5658 .todo li.todo-done:after { 5659 content: "\e60a"; 5660 font-family: 'Flat-UI-Icons'; 5661 text-align: center; 5662 font-size: 12px; 5663 line-height: 21px; 5664 font-style: normal; 5665 font-weight: normal; 5666 font-variant: normal; 5667 text-transform: none; 5668 -webkit-font-smoothing: antialiased; 5669 -moz-osx-font-smoothing: grayscale; 5670 background: #1abc9c; 5671 color: #2c3e50; 5672 } 5673 .todo-search { 5674 position: relative; 5675 background: #1abc9c; 5676 background-size: 16px 16px; 5677 border-radius: 6px 6px 0 0; 5678 color: #34495e; 5679 padding: 19px 25px 20px; 5680 } 5681 .todo-search:before { 5682 position: absolute; 5683 font-family: 'Flat-UI-Icons'; 5684 content: "\e630"; 5685 font-size: 16px; 5686 line-height: 17px; 5687 display: inline-block; 5688 top: 50%; 5689 left: 92%; 5690 margin: -0.5em 0 0 -1em; 5691 } 5692 .todo-search-field { 5693 background: none; 5694 border: none; 5695 color: #34495e; 5696 font-size: 19px; 5697 font-weight: 700; 5698 margin: 0; 5699 line-height: 23px; 5700 padding: 5px 0; 5701 text-indent: 0; 5702 box-shadow: none; 5703 outline: none; 5704 } 5705 .todo-search-field::-moz-placeholder { 5706 color: #34495e; 5707 opacity: 1; 5708 } 5709 .todo-search-field:-ms-input-placeholder { 5710 color: #34495e; 5711 } 5712 .todo-search-field::-webkit-input-placeholder { 5713 color: #34495e; 5714 } 5715 .todo-icon { 5716 float: left; 5717 font-size: 24px; 5718 padding: 11px 22px 0 0; 5719 } 5720 .todo-content { 5721 padding-top: 1px; 5722 overflow: hidden; 5723 } 5724 .todo-name { 5725 color: #ffffff; 5726 font-size: 17px; 5727 margin: 1px 0 3px; 5728 } 5729 .pallete-item { 5730 width: 140px; 5731 float: left; 5732 margin: 0 0 20px 20px; 5733 } 5734 .palette { 5735 font-size: 14px; 5736 line-height: 1.214; 5737 color: #ffffff; 5738 margin: 0; 5739 padding: 15px; 5740 text-transform: uppercase; 5741 } 5742 .palette dt, 5743 .palette dd { 5744 line-height: 1.429; 5745 } 5746 .palette dt { 5747 display: block; 5748 font-weight: bold; 5749 opacity: .8; 5750 } 5751 .palette dd { 5752 font-weight: 300; 5753 margin-left: 0; 5754 opacity: .8; 5755 -webkit-font-smoothing: subpixel-antialiased; 5756 } 5757 .palette-turquoise { 5758 background-color: #1abc9c; 5759 } 5760 .palette-green-sea { 5761 background-color: #16a085; 5762 } 5763 .palette-emerald { 5764 background-color: #2ecc71; 5765 } 5766 .palette-nephritis { 5767 background-color: #27ae60; 5768 } 5769 .palette-peter-river { 5770 background-color: #3498db; 5771 } 5772 .palette-belize-hole { 5773 background-color: #2980b9; 5774 } 5775 .palette-amethyst { 5776 background-color: #9b59b6; 5777 } 5778 .palette-wisteria { 5779 background-color: #8e44ad; 5780 } 5781 .palette-wet-asphalt { 5782 background-color: #34495e; 5783 } 5784 .palette-midnight-blue { 5785 background-color: #2c3e50; 5786 } 5787 .palette-sun-flower { 5788 background-color: #f1c40f; 5789 } 5790 .palette-orange { 5791 background-color: #f39c12; 5792 } 5793 .palette-carrot { 5794 background-color: #e67e22; 5795 } 5796 .palette-pumpkin { 5797 background-color: #d35400; 5798 } 5799 .palette-alizarin { 5800 background-color: #e74c3c; 5801 } 5802 .palette-pomegranate { 5803 background-color: #c0392b; 5804 } 5805 .palette-clouds { 5806 background-color: #ecf0f1; 5807 } 5808 .palette-silver { 5809 background-color: #bdc3c7; 5810 } 5811 .palette-concrete { 5812 background-color: #95a5a6; 5813 } 5814 .palette-asbestos { 5815 background-color: #7f8c8d; 5816 } 5817 .palette-clouds { 5818 color: #bdc3c7; 5819 } 5820 .palette-paragraph { 5821 color: #7f8c8d; 5822 font-size: 12px; 5823 line-height: 17px; 5824 } 5825 .palette-paragraph span { 5826 color: #bdc3c7; 5827 } 5828 .palette-headline { 5829 color: #7f8c8d; 5830 font-size: 13px; 5831 font-weight: 700; 5832 margin-top: -3px; 5833 } 5834 .login { 5835 background: url(../img/login/imac.png) 0 0 no-repeat; 5836 background-size: 940px 778px; 5837 color: #ffffff; 5838 margin-bottom: 77px; 5839 padding: 38px 38px 267px; 5840 position: relative; 5841 } 5842 .login-screen { 5843 background-color: #1abc9c; 5844 min-height: 473px; 5845 padding: 123px 199px 33px 306px; 5846 } 5847 .login-icon { 5848 left: 200px; 5849 position: absolute; 5850 top: 160px; 5851 width: 96px; 5852 } 5853 .login-icon > img { 5854 display: block; 5855 margin-bottom: 6px; 5856 width: 100%; 5857 } 5858 .login-icon > h4 { 5859 font-size: 17px; 5860 font-weight: 300; 5861 line-height: 34px; 5862 opacity: .95; 5863 } 5864 .login-icon > h4 small { 5865 color: inherit; 5866 display: block; 5867 font-size: inherit; 5868 font-weight: 700; 5869 } 5870 .login-form { 5871 background-color: #edeff1; 5872 padding: 24px 23px 20px; 5873 position: relative; 5874 border-radius: 6px; 5875 } 5876 .login-form .control-group { 5877 margin-bottom: 6px; 5878 position: relative; 5879 } 5880 .login-form .login-field { 5881 border-color: transparent; 5882 font-size: 17px; 5883 text-indent: 3px; 5884 } 5885 .login-form .login-field:focus { 5886 border-color: #1abc9c; 5887 } 5888 .login-form .login-field:focus + .login-field-icon { 5889 color: #1abc9c; 5890 } 5891 .login-form .login-field-icon { 5892 color: #bfc9ca; 5893 font-size: 16px; 5894 position: absolute; 5895 right: 15px; 5896 top: 3px; 5897 -webkit-transition: all .25s; 5898 transition: all .25s; 5899 } 5900 .login-link { 5901 color: #bfc9ca; 5902 display: block; 5903 font-size: 13px; 5904 margin-top: 15px; 5905 text-align: center; 5906 } 5907 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { 5908 .login { 5909 background-image: url(../img/login/imac-2x.png); 5910 } 5911 } 5912 footer { 5913 background-color: #edeff1; 5914 color: #bac1c8; 5915 font-size: 15px; 5916 padding: 0; 5917 } 5918 footer a { 5919 color: #9aa4af; 5920 font-weight: 700; 5921 } 5922 footer p { 5923 font-size: 15px; 5924 line-height: 20px; 5925 margin-bottom: 10px; 5926 } 5927 .footer-title { 5928 margin: 0 0 22px; 5929 padding-top: 21px; 5930 font-size: 24px; 5931 line-height: 40px; 5932 } 5933 .footer-brand { 5934 display: block; 5935 margin-bottom: 26px; 5936 width: 220px; 5937 } 5938 .footer-brand img { 5939 width: 216px; 5940 } 5941 .footer-banner { 5942 background-color: #1abc9c; 5943 color: #d1f2eb; 5944 margin-left: 42px; 5945 min-height: 316px; 5946 padding: 0 30px 30px; 5947 } 5948 .footer-banner .footer-title { 5949 color: #ffffff; 5950 } 5951 .footer-banner a { 5952 color: #b7f5e9; 5953 text-decoration: underline; 5954 } 5955 .footer-banner a:hover { 5956 text-decoration: none; 5957 } 5958 .footer-banner ul { 5959 list-style-type: none; 5960 margin: 0 0 26px; 5961 padding: 0; 5962 } 5963 .footer-banner ul li { 5964 border-top: 1px solid #1bc5a3; 5965 line-height: 19px; 5966 padding: 6px 0; 5967 } 5968 .footer-banner ul li:first-child { 5969 border-top: none; 5970 padding-top: 1px; 5971 } 5972 .last-col { 5973 overflow: hidden; 5974 } 5975 .ptn, 5976 .pvn, 5977 .pan { 5978 padding-top: 0; 5979 } 5980 .ptx, 5981 .pvx, 5982 .pax { 5983 padding-top: 3px; 5984 } 5985 .pts, 5986 .pvs, 5987 .pas { 5988 padding-top: 5px; 5989 } 5990 .ptm, 5991 .pvm, 5992 .pam { 5993 padding-top: 10px; 5994 } 5995 .ptl, 5996 .pvl, 5997 .pal { 5998 padding-top: 20px; 5999 } 6000 .prn, 6001 .phn, 6002 .pan { 6003 padding-right: 0; 6004 } 6005 .prx, 6006 .phx, 6007 .pax { 6008 padding-right: 3px; 6009 } 6010 .prs, 6011 .phs, 6012 .pas { 6013 padding-right: 5px; 6014 } 6015 .prm, 6016 .phm, 6017 .pam { 6018 padding-right: 10px; 6019 } 6020 .prl, 6021 .phl, 6022 .pal { 6023 padding-right: 20px; 6024 } 6025 .pbn, 6026 .pvn, 6027 .pan { 6028 padding-bottom: 0; 6029 } 6030 .pbx, 6031 .pvx, 6032 .pax { 6033 padding-bottom: 3px; 6034 } 6035 .pbs, 6036 .pvs, 6037 .pas { 6038 padding-bottom: 5px; 6039 } 6040 .pbm, 6041 .pvm, 6042 .pam { 6043 padding-bottom: 10px; 6044 } 6045 .pbl, 6046 .pvl, 6047 .pal { 6048 padding-bottom: 20px; 6049 } 6050 .pln, 6051 .phn, 6052 .pan { 6053 padding-left: 0; 6054 } 6055 .plx, 6056 .phx, 6057 .pax { 6058 padding-left: 3px; 6059 } 6060 .pls, 6061 .phs, 6062 .pas { 6063 padding-left: 5px; 6064 } 6065 .plm, 6066 .phm, 6067 .pam { 6068 padding-left: 10px; 6069 } 6070 .pll, 6071 .phl, 6072 .pal { 6073 padding-left: 20px; 6074 } 6075 .mtn, 6076 .mvn, 6077 .man { 6078 margin-top: 0px; 6079 } 6080 .mtx, 6081 .mvx, 6082 .max { 6083 margin-top: 3px; 6084 } 6085 .mts, 6086 .mvs, 6087 .mas { 6088 margin-top: 5px; 6089 } 6090 .mtm, 6091 .mvm, 6092 .mam { 6093 margin-top: 10px; 6094 } 6095 .mtl, 6096 .mvl, 6097 .mal { 6098 margin-top: 20px; 6099 } 6100 .mrn, 6101 .mhn, 6102 .man { 6103 margin-right: 0px; 6104 } 6105 .mrx, 6106 .mhx, 6107 .max { 6108 margin-right: 3px; 6109 } 6110 .mrs, 6111 .mhs, 6112 .mas { 6113 margin-right: 5px; 6114 } 6115 .mrm, 6116 .mhm, 6117 .mam { 6118 margin-right: 10px; 6119 } 6120 .mrl, 6121 .mhl, 6122 .mal { 6123 margin-right: 20px; 6124 } 6125 .mbn, 6126 .mvn, 6127 .man { 6128 margin-bottom: 0px; 6129 } 6130 .mbx, 6131 .mvx, 6132 .max { 6133 margin-bottom: 3px; 6134 } 6135 .mbs, 6136 .mvs, 6137 .mas { 6138 margin-bottom: 5px; 6139 } 6140 .mbm, 6141 .mvm, 6142 .mam { 6143 margin-bottom: 10px; 6144 } 6145 .mbl, 6146 .mvl, 6147 .mal { 6148 margin-bottom: 20px; 6149 } 6150 .mln, 6151 .mhn, 6152 .man { 6153 margin-left: 0px; 6154 } 6155 .mlx, 6156 .mhx, 6157 .max { 6158 margin-left: 3px; 6159 } 6160 .mls, 6161 .mhs, 6162 .mas { 6163 margin-left: 5px; 6164 } 6165 .mlm, 6166 .mhm, 6167 .mam { 6168 margin-left: 10px; 6169 } 6170 .mll, 6171 .mhl, 6172 .mal { 6173 margin-left: 20px; 6174 } 6175 /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ 6176 @media print { 6177 .btn { 6178 border-style: solid; 6179 border-width: 2px; 6180 } 6181 .dropdown-menu, 6182 .select2-drop { 6183 background: #fff !important; 6184 border: 2px solid #ddd; 6185 } 6186 .input-group-rounded .input-group-btn + .form-control, 6187 .input-group-rounded .input-group-btn + .select2-search input[type="text"], 6188 .input-group-rounded .input-group-btn + .select2-search input[type="text"] { 6189 padding-left: 10px; 6190 } 6191 .form-control, 6192 .select2-search input[type="text"] { 6193 border: 2px solid #ddd !important; 6194 } 6195 .bootstrap-switch { 6196 height: 33px; 6197 width: 84px; 6198 border: 2px solid #bdc3c7; 6199 } 6200 .tooltip { 6201 border: 2px solid #bdc3c7; 6202 } 6203 .progress, 6204 .ui-slider { 6205 background: #ddd !important; 6206 } 6207 .progress-bar, 6208 .ui-slider-range, 6209 .ui-slider-handle { 6210 background: #bdc3c7 !important; 6211 } 6212 } 6213 /*# sourceMappingURL=flat-ui.css.map */