Changeset 194a359 for public/assets/css
- Timestamp:
- 09/30/21 00:32:27 (3 years ago)
- Branches:
- develop, master
- Children:
- 24a616f
- Parents:
- 582789f
- Location:
- public/assets/css
- Files:
-
- 1 added
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
public/assets/css/app.css
r582789f r194a359 5907 5907 background: #293134; 5908 5908 color: white; 5909 }5910 5911 .nicescroll-cursors {5912 border: none !important;5913 }5914 5915 body:not(.dark) .nicescroll-cursors {5916 background-color: rgba(41, 49, 52, 0.4) !important;5917 width: 3px !important;5918 5909 } 5919 5910 … … 7691 7682 } 7692 7683 } 7693 body.semi-dark:not(.dark) .nicescroll-cursors {7694 background-color: rgba(255, 255, 255, 0.3) !important;7695 }7696 7684 body.semi-dark:not(.dark) .navigation { 7697 7685 background-color: #313852; … … 9130 9118 background: #313852; 9131 9119 } 9132 body.dark .nicescroll-cursors {9133 background-color: rgba(255, 255, 255, 0.15) !important;9134 }9135 9120 body.dark .chat-block .chat-content .messages .message-item:not(.me):before { 9136 9121 border-right-color: #454c66; … … 9768 9753 9769 9754 .navigation { 9770 width: 75%;9755 width: 20%; 9771 9756 } 9772 9757 … … 9781 9766 9782 9767 .navigation { 9783 width: 85%;9768 width: 20%; 9784 9769 } 9785 9770 } -
public/assets/css/app.min.css
r582789f r194a359 6900 6900 } 6901 6901 6902 .nicescroll-cursors {6903 border: none !important;6904 }6905 6906 body:not(.dark) .nicescroll-cursors {6907 background-color: rgba(41, 49, 52, 0.4) !important;6908 width: 3px !important;6909 }6910 6911 6902 .isotope-item { 6912 6903 z-index: 2; … … 8893 8884 8894 8885 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover { 8895 width: 320px;8886 /*width: 320px;*/ 8896 8887 } 8897 8888 … … 9200 9191 bottom: 0; 9201 9192 height: auto; 9202 width: 320px;9193 /*width: 320px;*/ 9203 9194 background-color: white; 9204 9195 z-index: 1000; … … 9282 9273 } 9283 9274 } 9284 9285 body.semi-dark:not(.dark) .nicescroll-cursors {9286 background-color: rgba(255, 255, 255, 0.3) !important;9287 }9288 9289 9275 body.semi-dark:not(.dark) .navigation { 9290 9276 background-color: #313852; … … 9562 9548 padding: 30px; 9563 9549 padding-top: 105px; 9564 padding-left: 350px;9550 padding-left: 100px; 9565 9551 padding-bottom: 0; 9566 9552 } … … 10001 9987 10002 9988 .header .header-left { 10003 width: 320px;9989 /*width: 320px;*/ 10004 9990 padding-left: 30px; 10005 9991 display: -webkit-box; … … 10210 10196 background-color: white; 10211 10197 z-index: 998; 10212 width: 320px;10198 /*width: 320px;*/ 10213 10199 box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); 10214 10200 position: fixed; … … 10463 10449 -webkit-box-pack: justify; 10464 10450 justify-content: space-between; 10465 margin-left: 320px;10451 margin-left: 100px; 10466 10452 } 10467 10453 … … 11379 11365 } 11380 11366 11381 body.dark .nicescroll-cursors {11382 background-color: rgba(255, 255, 255, 0.15) !important;11383 }11384 11385 11367 body.dark .chat-block .chat-content .messages .message-item:not(.me):before { 11386 11368 border-right-color: #454c66; … … 12276 12258 12277 12259 .navigation { 12278 width: 75%;12260 width: 20%; 12279 12261 } 12280 12262 … … 12314 12296 } 12315 12297 12298 12299 @charset "UTF-8"; 12300 12301 .m-0 { 12302 margin: 0px !important; 12303 } 12304 12305 .m-5 { 12306 margin: 5px !important; 12307 } 12308 12309 .m-10 { 12310 margin: 10px !important; 12311 } 12312 12313 .m-15 { 12314 margin: 15px !important; 12315 } 12316 12317 .m-20 { 12318 margin: 20px !important; 12319 } 12320 12321 .m-25 { 12322 margin: 25px !important; 12323 } 12324 12325 .m-30 { 12326 margin: 30px !important; 12327 } 12328 12329 .m-35 { 12330 margin: 35px !important; 12331 } 12332 12333 .m-40 { 12334 margin: 40px !important; 12335 } 12336 12337 .m-45 { 12338 margin: 45px !important; 12339 } 12340 12341 .m-50 { 12342 margin: 50px !important; 12343 } 12344 12345 .m-t-b-0 { 12346 margin-top: 0px !important; 12347 margin-bottom: 0px !important; 12348 } 12349 12350 .m-t-b-5 { 12351 margin-top: 5px !important; 12352 margin-bottom: 5px !important; 12353 } 12354 12355 .m-t-b-10 { 12356 margin-top: 10px !important; 12357 margin-bottom: 10px !important; 12358 } 12359 12360 .m-t-b-15 { 12361 margin-top: 15px !important; 12362 margin-bottom: 15px !important; 12363 } 12364 12365 .m-t-b-20 { 12366 margin-top: 20px !important; 12367 margin-bottom: 20px !important; 12368 } 12369 12370 .m-t-b-25 { 12371 margin-top: 25px !important; 12372 margin-bottom: 25px !important; 12373 } 12374 12375 .m-t-b-30 { 12376 margin-top: 30px !important; 12377 margin-bottom: 30px !important; 12378 } 12379 12380 .m-t-b-35 { 12381 margin-top: 35px !important; 12382 margin-bottom: 35px !important; 12383 } 12384 12385 .m-t-b-40 { 12386 margin-top: 40px !important; 12387 margin-bottom: 40px !important; 12388 } 12389 12390 .m-t-b-45 { 12391 margin-top: 45px !important; 12392 margin-bottom: 45px !important; 12393 } 12394 12395 .m-t-b-50 { 12396 margin-top: 50px !important; 12397 margin-bottom: 50px !important; 12398 } 12399 12400 .m-l-r-0 { 12401 margin-left: 0px !important; 12402 margin-right: 0px !important; 12403 } 12404 12405 .m-l-r-5 { 12406 margin-left: 5px !important; 12407 margin-right: 5px !important; 12408 } 12409 12410 .m-l-r-10 { 12411 margin-left: 10px !important; 12412 margin-right: 10px !important; 12413 } 12414 12415 .m-l-r-15 { 12416 margin-left: 15px !important; 12417 margin-right: 15px !important; 12418 } 12419 12420 .m-l-r-20 { 12421 margin-left: 20px !important; 12422 margin-right: 20px !important; 12423 } 12424 12425 .m-l-r-25 { 12426 margin-left: 25px !important; 12427 margin-right: 25px !important; 12428 } 12429 12430 .m-l-r-30 { 12431 margin-left: 30px !important; 12432 margin-right: 30px !important; 12433 } 12434 12435 .m-l-r-35 { 12436 margin-left: 35px !important; 12437 margin-right: 35px !important; 12438 } 12439 12440 .m-l-r-40 { 12441 margin-left: 40px !important; 12442 margin-right: 40px !important; 12443 } 12444 12445 .m-l-r-45 { 12446 margin-left: 45px !important; 12447 margin-right: 45px !important; 12448 } 12449 12450 .m-l-r-50 { 12451 margin-left: 50px !important; 12452 margin-right: 50px !important; 12453 } 12454 12455 .m-t-0 { 12456 margin-top: 0px !important; 12457 } 12458 12459 .m-t-5 { 12460 margin-top: 5px !important; 12461 } 12462 12463 .m-t-10 { 12464 margin-top: 10px !important; 12465 } 12466 12467 .m-t-15 { 12468 margin-top: 15px !important; 12469 } 12470 12471 .m-t-20 { 12472 margin-top: 20px !important; 12473 } 12474 12475 .m-t-25 { 12476 margin-top: 25px !important; 12477 } 12478 12479 .m-t-30 { 12480 margin-top: 30px !important; 12481 } 12482 12483 .m-t-35 { 12484 margin-top: 35px !important; 12485 } 12486 12487 .m-t-40 { 12488 margin-top: 40px !important; 12489 } 12490 12491 .m-t-45 { 12492 margin-top: 45px !important; 12493 } 12494 12495 .m-t-50 { 12496 margin-top: 50px !important; 12497 } 12498 12499 .m-r-0 { 12500 margin-right: 0px !important; 12501 } 12502 12503 .m-r-5 { 12504 margin-right: 5px !important; 12505 } 12506 12507 .m-r-10 { 12508 margin-right: 10px !important; 12509 } 12510 12511 .m-r-15 { 12512 margin-right: 15px !important; 12513 } 12514 12515 .m-r-20 { 12516 margin-right: 20px !important; 12517 } 12518 12519 .m-r-25 { 12520 margin-right: 25px !important; 12521 } 12522 12523 .m-r-30 { 12524 margin-right: 30px !important; 12525 } 12526 12527 .m-r-35 { 12528 margin-right: 35px !important; 12529 } 12530 12531 .m-r-40 { 12532 margin-right: 40px !important; 12533 } 12534 12535 .m-r-45 { 12536 margin-right: 45px !important; 12537 } 12538 12539 .m-r-50 { 12540 margin-right: 50px !important; 12541 } 12542 12543 .m-b-0 { 12544 margin-bottom: 0px !important; 12545 } 12546 12547 .m-b-5 { 12548 margin-bottom: 5px !important; 12549 } 12550 12551 .m-b-10 { 12552 margin-bottom: 10px !important; 12553 } 12554 12555 .m-b-15 { 12556 margin-bottom: 15px !important; 12557 } 12558 12559 .m-b-20 { 12560 margin-bottom: 20px !important; 12561 } 12562 12563 .m-b-25 { 12564 margin-bottom: 25px !important; 12565 } 12566 12567 .m-b-30 { 12568 margin-bottom: 30px !important; 12569 } 12570 12571 .m-b-35 { 12572 margin-bottom: 35px !important; 12573 } 12574 12575 .m-b-40 { 12576 margin-bottom: 40px !important; 12577 } 12578 12579 .m-b-45 { 12580 margin-bottom: 45px !important; 12581 } 12582 12583 .m-b-50 { 12584 margin-bottom: 50px !important; 12585 } 12586 12587 .m-l-0 { 12588 margin-left: 0px !important; 12589 } 12590 12591 .m-l-5 { 12592 margin-left: 5px !important; 12593 } 12594 12595 .m-l-10 { 12596 margin-left: 10px !important; 12597 } 12598 12599 .m-l-15 { 12600 margin-left: 15px !important; 12601 } 12602 12603 .m-l-20 { 12604 margin-left: 20px !important; 12605 } 12606 12607 .m-l-25 { 12608 margin-left: 25px !important; 12609 } 12610 12611 .m-l-30 { 12612 margin-left: 30px !important; 12613 } 12614 12615 .m-l-35 { 12616 margin-left: 35px !important; 12617 } 12618 12619 .m-l-40 { 12620 margin-left: 40px !important; 12621 } 12622 12623 .m-l-45 { 12624 margin-left: 45px !important; 12625 } 12626 12627 .m-l-50 { 12628 margin-left: 50px !important; 12629 } 12630 12631 .m-t-0-minus { 12632 margin-top: 0px !important; 12633 } 12634 12635 .m-t-10-minus { 12636 margin-top: -10px !important; 12637 } 12638 12639 .m-t-20-minus { 12640 margin-top: -20px !important; 12641 } 12642 12643 .m-t-30-minus { 12644 margin-top: -30px !important; 12645 } 12646 12647 .m-t-40-minus { 12648 margin-top: -40px !important; 12649 } 12650 12651 .m-t-50-minus { 12652 margin-top: -50px !important; 12653 } 12654 12655 .m-t-60-minus { 12656 margin-top: -60px !important; 12657 } 12658 12659 .m-t-70-minus { 12660 margin-top: -70px !important; 12661 } 12662 12663 .m-t-80-minus { 12664 margin-top: -80px !important; 12665 } 12666 12667 .m-t-90-minus { 12668 margin-top: -90px !important; 12669 } 12670 12671 .m-t-100-minus { 12672 margin-top: -100px !important; 12673 } 12674 12675 .m-t-110-minus { 12676 margin-top: -110px !important; 12677 } 12678 12679 .m-t-120-minus { 12680 margin-top: -120px !important; 12681 } 12682 12683 .m-t-130-minus { 12684 margin-top: -130px !important; 12685 } 12686 12687 .m-t-140-minus { 12688 margin-top: -140px !important; 12689 } 12690 12691 .m-t-150-minus { 12692 margin-top: -150px !important; 12693 } 12694 12695 .m-t-160-minus { 12696 margin-top: -160px !important; 12697 } 12698 12699 .m-t-170-minus { 12700 margin-top: -170px !important; 12701 } 12702 12703 .m-t-180-minus { 12704 margin-top: -180px !important; 12705 } 12706 12707 .m-t-190-minus { 12708 margin-top: -190px !important; 12709 } 12710 12711 .m-t-200-minus { 12712 margin-top: -200px !important; 12713 } 12714 12715 .m-t-210-minus { 12716 margin-top: -210px !important; 12717 } 12718 12719 .m-t-220-minus { 12720 margin-top: -220px !important; 12721 } 12722 12723 .m-t-230-minus { 12724 margin-top: -230px !important; 12725 } 12726 12727 .m-t-240-minus { 12728 margin-top: -240px !important; 12729 } 12730 12731 .m-t-250-minus { 12732 margin-top: -250px !important; 12733 } 12734 12735 .m-t-260-minus { 12736 margin-top: -260px !important; 12737 } 12738 12739 .m-t-270-minus { 12740 margin-top: -270px !important; 12741 } 12742 12743 .m-t-280-minus { 12744 margin-top: -280px !important; 12745 } 12746 12747 .m-t-290-minus { 12748 margin-top: -290px !important; 12749 } 12750 12751 .m-t-300-minus { 12752 margin-top: -300px !important; 12753 } 12754 12755 .m-t-310-minus { 12756 margin-top: -310px !important; 12757 } 12758 12759 .m-t-320-minus { 12760 margin-top: -320px !important; 12761 } 12762 12763 .m-t-330-minus { 12764 margin-top: -330px !important; 12765 } 12766 12767 .m-t-340-minus { 12768 margin-top: -340px !important; 12769 } 12770 12771 .m-t-350-minus { 12772 margin-top: -350px !important; 12773 } 12774 12775 .m-t-360-minus { 12776 margin-top: -360px !important; 12777 } 12778 12779 .m-t-370-minus { 12780 margin-top: -370px !important; 12781 } 12782 12783 .m-t-380-minus { 12784 margin-top: -380px !important; 12785 } 12786 12787 .m-t-390-minus { 12788 margin-top: -390px !important; 12789 } 12790 12791 .m-t-400-minus { 12792 margin-top: -400px !important; 12793 } 12794 12795 .m-t-410-minus { 12796 margin-top: -410px !important; 12797 } 12798 12799 .m-t-420-minus { 12800 margin-top: -420px !important; 12801 } 12802 12803 .m-t-430-minus { 12804 margin-top: -430px !important; 12805 } 12806 12807 .m-t-440-minus { 12808 margin-top: -440px !important; 12809 } 12810 12811 .m-t-450-minus { 12812 margin-top: -450px !important; 12813 } 12814 12815 .m-t-460-minus { 12816 margin-top: -460px !important; 12817 } 12818 12819 .m-t-470-minus { 12820 margin-top: -470px !important; 12821 } 12822 12823 .m-t-480-minus { 12824 margin-top: -480px !important; 12825 } 12826 12827 .m-t-490-minus { 12828 margin-top: -490px !important; 12829 } 12830 12831 .m-t-500-minus { 12832 margin-top: -500px !important; 12833 } 12834 12835 .m-t-510-minus { 12836 margin-top: -510px !important; 12837 } 12838 12839 .m-t-520-minus { 12840 margin-top: -520px !important; 12841 } 12842 12843 .m-t-530-minus { 12844 margin-top: -530px !important; 12845 } 12846 12847 .m-t-540-minus { 12848 margin-top: -540px !important; 12849 } 12850 12851 .m-t-550-minus { 12852 margin-top: -550px !important; 12853 } 12854 12855 .m-t-560-minus { 12856 margin-top: -560px !important; 12857 } 12858 12859 .m-t-570-minus { 12860 margin-top: -570px !important; 12861 } 12862 12863 .m-t-580-minus { 12864 margin-top: -580px !important; 12865 } 12866 12867 .m-t-590-minus { 12868 margin-top: -590px !important; 12869 } 12870 12871 .m-t-600-minus { 12872 margin-top: -600px !important; 12873 } 12874 12875 .m-t-610-minus { 12876 margin-top: -610px !important; 12877 } 12878 12879 .m-t-620-minus { 12880 margin-top: -620px !important; 12881 } 12882 12883 .m-t-630-minus { 12884 margin-top: -630px !important; 12885 } 12886 12887 .m-t-640-minus { 12888 margin-top: -640px !important; 12889 } 12890 12891 .m-t-650-minus { 12892 margin-top: -650px !important; 12893 } 12894 12895 .m-t-660-minus { 12896 margin-top: -660px !important; 12897 } 12898 12899 .m-t-670-minus { 12900 margin-top: -670px !important; 12901 } 12902 12903 .m-t-680-minus { 12904 margin-top: -680px !important; 12905 } 12906 12907 .m-t-690-minus { 12908 margin-top: -690px !important; 12909 } 12910 12911 .m-t-700-minus { 12912 margin-top: -700px !important; 12913 } 12914 12915 .m-t-710-minus { 12916 margin-top: -710px !important; 12917 } 12918 12919 .m-t-720-minus { 12920 margin-top: -720px !important; 12921 } 12922 12923 .m-t-730-minus { 12924 margin-top: -730px !important; 12925 } 12926 12927 .m-t-740-minus { 12928 margin-top: -740px !important; 12929 } 12930 12931 .m-t-750-minus { 12932 margin-top: -750px !important; 12933 } 12934 12935 .m-t-760-minus { 12936 margin-top: -760px !important; 12937 } 12938 12939 .m-t-770-minus { 12940 margin-top: -770px !important; 12941 } 12942 12943 .m-t-780-minus { 12944 margin-top: -780px !important; 12945 } 12946 12947 .m-t-790-minus { 12948 margin-top: -790px !important; 12949 } 12950 12951 .m-t-800-minus { 12952 margin-top: -800px !important; 12953 } 12954 12955 .m-t-810-minus { 12956 margin-top: -810px !important; 12957 } 12958 12959 .m-t-820-minus { 12960 margin-top: -820px !important; 12961 } 12962 12963 .m-t-830-minus { 12964 margin-top: -830px !important; 12965 } 12966 12967 .m-t-840-minus { 12968 margin-top: -840px !important; 12969 } 12970 12971 .m-t-850-minus { 12972 margin-top: -850px !important; 12973 } 12974 12975 .m-t-860-minus { 12976 margin-top: -860px !important; 12977 } 12978 12979 .m-t-870-minus { 12980 margin-top: -870px !important; 12981 } 12982 12983 .m-t-880-minus { 12984 margin-top: -880px !important; 12985 } 12986 12987 .m-t-890-minus { 12988 margin-top: -890px !important; 12989 } 12990 12991 .m-t-900-minus { 12992 margin-top: -900px !important; 12993 } 12994 12995 .m-t-910-minus { 12996 margin-top: -910px !important; 12997 } 12998 12999 .m-t-920-minus { 13000 margin-top: -920px !important; 13001 } 13002 13003 .m-t-930-minus { 13004 margin-top: -930px !important; 13005 } 13006 13007 .m-t-940-minus { 13008 margin-top: -940px !important; 13009 } 13010 13011 .m-t-950-minus { 13012 margin-top: -950px !important; 13013 } 13014 13015 .m-t-960-minus { 13016 margin-top: -960px !important; 13017 } 13018 13019 .m-t-970-minus { 13020 margin-top: -970px !important; 13021 } 13022 13023 .m-t-980-minus { 13024 margin-top: -980px !important; 13025 } 13026 13027 .m-t-990-minus { 13028 margin-top: -990px !important; 13029 } 13030 13031 .m-t-1000-minus { 13032 margin-top: -1000px !important; 13033 } 13034 13035 .m-r-0-minus { 13036 margin-right: 0px !important; 13037 } 13038 13039 .m-r-10-minus { 13040 margin-right: -10px !important; 13041 } 13042 13043 .m-r-20-minus { 13044 margin-right: -20px !important; 13045 } 13046 13047 .m-r-30-minus { 13048 margin-right: -30px !important; 13049 } 13050 13051 .m-r-40-minus { 13052 margin-right: -40px !important; 13053 } 13054 13055 .m-r-50-minus { 13056 margin-right: -50px !important; 13057 } 13058 13059 .m-r-60-minus { 13060 margin-right: -60px !important; 13061 } 13062 13063 .m-r-70-minus { 13064 margin-right: -70px !important; 13065 } 13066 13067 .m-r-80-minus { 13068 margin-right: -80px !important; 13069 } 13070 13071 .m-r-90-minus { 13072 margin-right: -90px !important; 13073 } 13074 13075 .m-r-100-minus { 13076 margin-right: -100px !important; 13077 } 13078 13079 .m-r-110-minus { 13080 margin-right: -110px !important; 13081 } 13082 13083 .m-r-120-minus { 13084 margin-right: -120px !important; 13085 } 13086 13087 .m-r-130-minus { 13088 margin-right: -130px !important; 13089 } 13090 13091 .m-r-140-minus { 13092 margin-right: -140px !important; 13093 } 13094 13095 .m-r-150-minus { 13096 margin-right: -150px !important; 13097 } 13098 13099 .m-r-160-minus { 13100 margin-right: -160px !important; 13101 } 13102 13103 .m-r-170-minus { 13104 margin-right: -170px !important; 13105 } 13106 13107 .m-r-180-minus { 13108 margin-right: -180px !important; 13109 } 13110 13111 .m-r-190-minus { 13112 margin-right: -190px !important; 13113 } 13114 13115 .m-r-200-minus { 13116 margin-right: -200px !important; 13117 } 13118 13119 .m-r-210-minus { 13120 margin-right: -210px !important; 13121 } 13122 13123 .m-r-220-minus { 13124 margin-right: -220px !important; 13125 } 13126 13127 .m-r-230-minus { 13128 margin-right: -230px !important; 13129 } 13130 13131 .m-r-240-minus { 13132 margin-right: -240px !important; 13133 } 13134 13135 .m-r-250-minus { 13136 margin-right: -250px !important; 13137 } 13138 13139 .m-r-260-minus { 13140 margin-right: -260px !important; 13141 } 13142 13143 .m-r-270-minus { 13144 margin-right: -270px !important; 13145 } 13146 13147 .m-r-280-minus { 13148 margin-right: -280px !important; 13149 } 13150 13151 .m-r-290-minus { 13152 margin-right: -290px !important; 13153 } 13154 13155 .m-r-300-minus { 13156 margin-right: -300px !important; 13157 } 13158 13159 .m-r-310-minus { 13160 margin-right: -310px !important; 13161 } 13162 13163 .m-r-320-minus { 13164 margin-right: -320px !important; 13165 } 13166 13167 .m-r-330-minus { 13168 margin-right: -330px !important; 13169 } 13170 13171 .m-r-340-minus { 13172 margin-right: -340px !important; 13173 } 13174 13175 .m-r-350-minus { 13176 margin-right: -350px !important; 13177 } 13178 13179 .m-r-360-minus { 13180 margin-right: -360px !important; 13181 } 13182 13183 .m-r-370-minus { 13184 margin-right: -370px !important; 13185 } 13186 13187 .m-r-380-minus { 13188 margin-right: -380px !important; 13189 } 13190 13191 .m-r-390-minus { 13192 margin-right: -390px !important; 13193 } 13194 13195 .m-r-400-minus { 13196 margin-right: -400px !important; 13197 } 13198 13199 .m-r-410-minus { 13200 margin-right: -410px !important; 13201 } 13202 13203 .m-r-420-minus { 13204 margin-right: -420px !important; 13205 } 13206 13207 .m-r-430-minus { 13208 margin-right: -430px !important; 13209 } 13210 13211 .m-r-440-minus { 13212 margin-right: -440px !important; 13213 } 13214 13215 .m-r-450-minus { 13216 margin-right: -450px !important; 13217 } 13218 13219 .m-r-460-minus { 13220 margin-right: -460px !important; 13221 } 13222 13223 .m-r-470-minus { 13224 margin-right: -470px !important; 13225 } 13226 13227 .m-r-480-minus { 13228 margin-right: -480px !important; 13229 } 13230 13231 .m-r-490-minus { 13232 margin-right: -490px !important; 13233 } 13234 13235 .m-r-500-minus { 13236 margin-right: -500px !important; 13237 } 13238 13239 .m-r-510-minus { 13240 margin-right: -510px !important; 13241 } 13242 13243 .m-r-520-minus { 13244 margin-right: -520px !important; 13245 } 13246 13247 .m-r-530-minus { 13248 margin-right: -530px !important; 13249 } 13250 13251 .m-r-540-minus { 13252 margin-right: -540px !important; 13253 } 13254 13255 .m-r-550-minus { 13256 margin-right: -550px !important; 13257 } 13258 13259 .m-r-560-minus { 13260 margin-right: -560px !important; 13261 } 13262 13263 .m-r-570-minus { 13264 margin-right: -570px !important; 13265 } 13266 13267 .m-r-580-minus { 13268 margin-right: -580px !important; 13269 } 13270 13271 .m-r-590-minus { 13272 margin-right: -590px !important; 13273 } 13274 13275 .m-r-600-minus { 13276 margin-right: -600px !important; 13277 } 13278 13279 .m-r-610-minus { 13280 margin-right: -610px !important; 13281 } 13282 13283 .m-r-620-minus { 13284 margin-right: -620px !important; 13285 } 13286 13287 .m-r-630-minus { 13288 margin-right: -630px !important; 13289 } 13290 13291 .m-r-640-minus { 13292 margin-right: -640px !important; 13293 } 13294 13295 .m-r-650-minus { 13296 margin-right: -650px !important; 13297 } 13298 13299 .m-r-660-minus { 13300 margin-right: -660px !important; 13301 } 13302 13303 .m-r-670-minus { 13304 margin-right: -670px !important; 13305 } 13306 13307 .m-r-680-minus { 13308 margin-right: -680px !important; 13309 } 13310 13311 .m-r-690-minus { 13312 margin-right: -690px !important; 13313 } 13314 13315 .m-r-700-minus { 13316 margin-right: -700px !important; 13317 } 13318 13319 .m-r-710-minus { 13320 margin-right: -710px !important; 13321 } 13322 13323 .m-r-720-minus { 13324 margin-right: -720px !important; 13325 } 13326 13327 .m-r-730-minus { 13328 margin-right: -730px !important; 13329 } 13330 13331 .m-r-740-minus { 13332 margin-right: -740px !important; 13333 } 13334 13335 .m-r-750-minus { 13336 margin-right: -750px !important; 13337 } 13338 13339 .m-r-760-minus { 13340 margin-right: -760px !important; 13341 } 13342 13343 .m-r-770-minus { 13344 margin-right: -770px !important; 13345 } 13346 13347 .m-r-780-minus { 13348 margin-right: -780px !important; 13349 } 13350 13351 .m-r-790-minus { 13352 margin-right: -790px !important; 13353 } 13354 13355 .m-r-800-minus { 13356 margin-right: -800px !important; 13357 } 13358 13359 .m-r-810-minus { 13360 margin-right: -810px !important; 13361 } 13362 13363 .m-r-820-minus { 13364 margin-right: -820px !important; 13365 } 13366 13367 .m-r-830-minus { 13368 margin-right: -830px !important; 13369 } 13370 13371 .m-r-840-minus { 13372 margin-right: -840px !important; 13373 } 13374 13375 .m-r-850-minus { 13376 margin-right: -850px !important; 13377 } 13378 13379 .m-r-860-minus { 13380 margin-right: -860px !important; 13381 } 13382 13383 .m-r-870-minus { 13384 margin-right: -870px !important; 13385 } 13386 13387 .m-r-880-minus { 13388 margin-right: -880px !important; 13389 } 13390 13391 .m-r-890-minus { 13392 margin-right: -890px !important; 13393 } 13394 13395 .m-r-900-minus { 13396 margin-right: -900px !important; 13397 } 13398 13399 .m-r-910-minus { 13400 margin-right: -910px !important; 13401 } 13402 13403 .m-r-920-minus { 13404 margin-right: -920px !important; 13405 } 13406 13407 .m-r-930-minus { 13408 margin-right: -930px !important; 13409 } 13410 13411 .m-r-940-minus { 13412 margin-right: -940px !important; 13413 } 13414 13415 .m-r-950-minus { 13416 margin-right: -950px !important; 13417 } 13418 13419 .m-r-960-minus { 13420 margin-right: -960px !important; 13421 } 13422 13423 .m-r-970-minus { 13424 margin-right: -970px !important; 13425 } 13426 13427 .m-r-980-minus { 13428 margin-right: -980px !important; 13429 } 13430 13431 .m-r-990-minus { 13432 margin-right: -990px !important; 13433 } 13434 13435 .m-r-1000-minus { 13436 margin-right: -1000px !important; 13437 } 13438 13439 .m-b-0-minus { 13440 margin-bottom: 0px !important; 13441 } 13442 13443 .m-b-10-minus { 13444 margin-bottom: -10px !important; 13445 } 13446 13447 .m-b-20-minus { 13448 margin-bottom: -20px !important; 13449 } 13450 13451 .m-b-30-minus { 13452 margin-bottom: -30px !important; 13453 } 13454 13455 .m-b-40-minus { 13456 margin-bottom: -40px !important; 13457 } 13458 13459 .m-b-50-minus { 13460 margin-bottom: -50px !important; 13461 } 13462 13463 .m-b-60-minus { 13464 margin-bottom: -60px !important; 13465 } 13466 13467 .m-b-70-minus { 13468 margin-bottom: -70px !important; 13469 } 13470 13471 .m-b-80-minus { 13472 margin-bottom: -80px !important; 13473 } 13474 13475 .m-b-90-minus { 13476 margin-bottom: -90px !important; 13477 } 13478 13479 .m-b-100-minus { 13480 margin-bottom: -100px !important; 13481 } 13482 13483 .m-b-110-minus { 13484 margin-bottom: -110px !important; 13485 } 13486 13487 .m-b-120-minus { 13488 margin-bottom: -120px !important; 13489 } 13490 13491 .m-b-130-minus { 13492 margin-bottom: -130px !important; 13493 } 13494 13495 .m-b-140-minus { 13496 margin-bottom: -140px !important; 13497 } 13498 13499 .m-b-150-minus { 13500 margin-bottom: -150px !important; 13501 } 13502 13503 .m-b-160-minus { 13504 margin-bottom: -160px !important; 13505 } 13506 13507 .m-b-170-minus { 13508 margin-bottom: -170px !important; 13509 } 13510 13511 .m-b-180-minus { 13512 margin-bottom: -180px !important; 13513 } 13514 13515 .m-b-190-minus { 13516 margin-bottom: -190px !important; 13517 } 13518 13519 .m-b-200-minus { 13520 margin-bottom: -200px !important; 13521 } 13522 13523 .m-b-210-minus { 13524 margin-bottom: -210px !important; 13525 } 13526 13527 .m-b-220-minus { 13528 margin-bottom: -220px !important; 13529 } 13530 13531 .m-b-230-minus { 13532 margin-bottom: -230px !important; 13533 } 13534 13535 .m-b-240-minus { 13536 margin-bottom: -240px !important; 13537 } 13538 13539 .m-b-250-minus { 13540 margin-bottom: -250px !important; 13541 } 13542 13543 .m-b-260-minus { 13544 margin-bottom: -260px !important; 13545 } 13546 13547 .m-b-270-minus { 13548 margin-bottom: -270px !important; 13549 } 13550 13551 .m-b-280-minus { 13552 margin-bottom: -280px !important; 13553 } 13554 13555 .m-b-290-minus { 13556 margin-bottom: -290px !important; 13557 } 13558 13559 .m-b-300-minus { 13560 margin-bottom: -300px !important; 13561 } 13562 13563 .m-b-310-minus { 13564 margin-bottom: -310px !important; 13565 } 13566 13567 .m-b-320-minus { 13568 margin-bottom: -320px !important; 13569 } 13570 13571 .m-b-330-minus { 13572 margin-bottom: -330px !important; 13573 } 13574 13575 .m-b-340-minus { 13576 margin-bottom: -340px !important; 13577 } 13578 13579 .m-b-350-minus { 13580 margin-bottom: -350px !important; 13581 } 13582 13583 .m-b-360-minus { 13584 margin-bottom: -360px !important; 13585 } 13586 13587 .m-b-370-minus { 13588 margin-bottom: -370px !important; 13589 } 13590 13591 .m-b-380-minus { 13592 margin-bottom: -380px !important; 13593 } 13594 13595 .m-b-390-minus { 13596 margin-bottom: -390px !important; 13597 } 13598 13599 .m-b-400-minus { 13600 margin-bottom: -400px !important; 13601 } 13602 13603 .m-b-410-minus { 13604 margin-bottom: -410px !important; 13605 } 13606 13607 .m-b-420-minus { 13608 margin-bottom: -420px !important; 13609 } 13610 13611 .m-b-430-minus { 13612 margin-bottom: -430px !important; 13613 } 13614 13615 .m-b-440-minus { 13616 margin-bottom: -440px !important; 13617 } 13618 13619 .m-b-450-minus { 13620 margin-bottom: -450px !important; 13621 } 13622 13623 .m-b-460-minus { 13624 margin-bottom: -460px !important; 13625 } 13626 13627 .m-b-470-minus { 13628 margin-bottom: -470px !important; 13629 } 13630 13631 .m-b-480-minus { 13632 margin-bottom: -480px !important; 13633 } 13634 13635 .m-b-490-minus { 13636 margin-bottom: -490px !important; 13637 } 13638 13639 .m-b-500-minus { 13640 margin-bottom: -500px !important; 13641 } 13642 13643 .m-b-510-minus { 13644 margin-bottom: -510px !important; 13645 } 13646 13647 .m-b-520-minus { 13648 margin-bottom: -520px !important; 13649 } 13650 13651 .m-b-530-minus { 13652 margin-bottom: -530px !important; 13653 } 13654 13655 .m-b-540-minus { 13656 margin-bottom: -540px !important; 13657 } 13658 13659 .m-b-550-minus { 13660 margin-bottom: -550px !important; 13661 } 13662 13663 .m-b-560-minus { 13664 margin-bottom: -560px !important; 13665 } 13666 13667 .m-b-570-minus { 13668 margin-bottom: -570px !important; 13669 } 13670 13671 .m-b-580-minus { 13672 margin-bottom: -580px !important; 13673 } 13674 13675 .m-b-590-minus { 13676 margin-bottom: -590px !important; 13677 } 13678 13679 .m-b-600-minus { 13680 margin-bottom: -600px !important; 13681 } 13682 13683 .m-b-610-minus { 13684 margin-bottom: -610px !important; 13685 } 13686 13687 .m-b-620-minus { 13688 margin-bottom: -620px !important; 13689 } 13690 13691 .m-b-630-minus { 13692 margin-bottom: -630px !important; 13693 } 13694 13695 .m-b-640-minus { 13696 margin-bottom: -640px !important; 13697 } 13698 13699 .m-b-650-minus { 13700 margin-bottom: -650px !important; 13701 } 13702 13703 .m-b-660-minus { 13704 margin-bottom: -660px !important; 13705 } 13706 13707 .m-b-670-minus { 13708 margin-bottom: -670px !important; 13709 } 13710 13711 .m-b-680-minus { 13712 margin-bottom: -680px !important; 13713 } 13714 13715 .m-b-690-minus { 13716 margin-bottom: -690px !important; 13717 } 13718 13719 .m-b-700-minus { 13720 margin-bottom: -700px !important; 13721 } 13722 13723 .m-b-710-minus { 13724 margin-bottom: -710px !important; 13725 } 13726 13727 .m-b-720-minus { 13728 margin-bottom: -720px !important; 13729 } 13730 13731 .m-b-730-minus { 13732 margin-bottom: -730px !important; 13733 } 13734 13735 .m-b-740-minus { 13736 margin-bottom: -740px !important; 13737 } 13738 13739 .m-b-750-minus { 13740 margin-bottom: -750px !important; 13741 } 13742 13743 .m-b-760-minus { 13744 margin-bottom: -760px !important; 13745 } 13746 13747 .m-b-770-minus { 13748 margin-bottom: -770px !important; 13749 } 13750 13751 .m-b-780-minus { 13752 margin-bottom: -780px !important; 13753 } 13754 13755 .m-b-790-minus { 13756 margin-bottom: -790px !important; 13757 } 13758 13759 .m-b-800-minus { 13760 margin-bottom: -800px !important; 13761 } 13762 13763 .m-b-810-minus { 13764 margin-bottom: -810px !important; 13765 } 13766 13767 .m-b-820-minus { 13768 margin-bottom: -820px !important; 13769 } 13770 13771 .m-b-830-minus { 13772 margin-bottom: -830px !important; 13773 } 13774 13775 .m-b-840-minus { 13776 margin-bottom: -840px !important; 13777 } 13778 13779 .m-b-850-minus { 13780 margin-bottom: -850px !important; 13781 } 13782 13783 .m-b-860-minus { 13784 margin-bottom: -860px !important; 13785 } 13786 13787 .m-b-870-minus { 13788 margin-bottom: -870px !important; 13789 } 13790 13791 .m-b-880-minus { 13792 margin-bottom: -880px !important; 13793 } 13794 13795 .m-b-890-minus { 13796 margin-bottom: -890px !important; 13797 } 13798 13799 .m-b-900-minus { 13800 margin-bottom: -900px !important; 13801 } 13802 13803 .m-b-910-minus { 13804 margin-bottom: -910px !important; 13805 } 13806 13807 .m-b-920-minus { 13808 margin-bottom: -920px !important; 13809 } 13810 13811 .m-b-930-minus { 13812 margin-bottom: -930px !important; 13813 } 13814 13815 .m-b-940-minus { 13816 margin-bottom: -940px !important; 13817 } 13818 13819 .m-b-950-minus { 13820 margin-bottom: -950px !important; 13821 } 13822 13823 .m-b-960-minus { 13824 margin-bottom: -960px !important; 13825 } 13826 13827 .m-b-970-minus { 13828 margin-bottom: -970px !important; 13829 } 13830 13831 .m-b-980-minus { 13832 margin-bottom: -980px !important; 13833 } 13834 13835 .m-b-990-minus { 13836 margin-bottom: -990px !important; 13837 } 13838 13839 .m-b-1000-minus { 13840 margin-bottom: -1000px !important; 13841 } 13842 13843 .m-l-0-minus { 13844 margin-left: 0px !important; 13845 } 13846 13847 .m-l-10-minus { 13848 margin-left: -10px !important; 13849 } 13850 13851 .m-l-20-minus { 13852 margin-left: -20px !important; 13853 } 13854 13855 .m-l-30-minus { 13856 margin-left: -30px !important; 13857 } 13858 13859 .m-l-40-minus { 13860 margin-left: -40px !important; 13861 } 13862 13863 .m-l-50-minus { 13864 margin-left: -50px !important; 13865 } 13866 13867 .m-l-60-minus { 13868 margin-left: -60px !important; 13869 } 13870 13871 .m-l-70-minus { 13872 margin-left: -70px !important; 13873 } 13874 13875 .m-l-80-minus { 13876 margin-left: -80px !important; 13877 } 13878 13879 .m-l-90-minus { 13880 margin-left: -90px !important; 13881 } 13882 13883 .m-l-100-minus { 13884 margin-left: -100px !important; 13885 } 13886 13887 .m-l-110-minus { 13888 margin-left: -110px !important; 13889 } 13890 13891 .m-l-120-minus { 13892 margin-left: -120px !important; 13893 } 13894 13895 .m-l-130-minus { 13896 margin-left: -130px !important; 13897 } 13898 13899 .m-l-140-minus { 13900 margin-left: -140px !important; 13901 } 13902 13903 .m-l-150-minus { 13904 margin-left: -150px !important; 13905 } 13906 13907 .m-l-160-minus { 13908 margin-left: -160px !important; 13909 } 13910 13911 .m-l-170-minus { 13912 margin-left: -170px !important; 13913 } 13914 13915 .m-l-180-minus { 13916 margin-left: -180px !important; 13917 } 13918 13919 .m-l-190-minus { 13920 margin-left: -190px !important; 13921 } 13922 13923 .m-l-200-minus { 13924 margin-left: -200px !important; 13925 } 13926 13927 .m-l-210-minus { 13928 margin-left: -210px !important; 13929 } 13930 13931 .m-l-220-minus { 13932 margin-left: -220px !important; 13933 } 13934 13935 .m-l-230-minus { 13936 margin-left: -230px !important; 13937 } 13938 13939 .m-l-240-minus { 13940 margin-left: -240px !important; 13941 } 13942 13943 .m-l-250-minus { 13944 margin-left: -250px !important; 13945 } 13946 13947 .m-l-260-minus { 13948 margin-left: -260px !important; 13949 } 13950 13951 .m-l-270-minus { 13952 margin-left: -270px !important; 13953 } 13954 13955 .m-l-280-minus { 13956 margin-left: -280px !important; 13957 } 13958 13959 .m-l-290-minus { 13960 margin-left: -290px !important; 13961 } 13962 13963 .m-l-300-minus { 13964 margin-left: -300px !important; 13965 } 13966 13967 .m-l-310-minus { 13968 margin-left: -310px !important; 13969 } 13970 13971 .m-l-320-minus { 13972 margin-left: -320px !important; 13973 } 13974 13975 .m-l-330-minus { 13976 margin-left: -330px !important; 13977 } 13978 13979 .m-l-340-minus { 13980 margin-left: -340px !important; 13981 } 13982 13983 .m-l-350-minus { 13984 margin-left: -350px !important; 13985 } 13986 13987 .m-l-360-minus { 13988 margin-left: -360px !important; 13989 } 13990 13991 .m-l-370-minus { 13992 margin-left: -370px !important; 13993 } 13994 13995 .m-l-380-minus { 13996 margin-left: -380px !important; 13997 } 13998 13999 .m-l-390-minus { 14000 margin-left: -390px !important; 14001 } 14002 14003 .m-l-400-minus { 14004 margin-left: -400px !important; 14005 } 14006 14007 .m-l-410-minus { 14008 margin-left: -410px !important; 14009 } 14010 14011 .m-l-420-minus { 14012 margin-left: -420px !important; 14013 } 14014 14015 .m-l-430-minus { 14016 margin-left: -430px !important; 14017 } 14018 14019 .m-l-440-minus { 14020 margin-left: -440px !important; 14021 } 14022 14023 .m-l-450-minus { 14024 margin-left: -450px !important; 14025 } 14026 14027 .m-l-460-minus { 14028 margin-left: -460px !important; 14029 } 14030 14031 .m-l-470-minus { 14032 margin-left: -470px !important; 14033 } 14034 14035 .m-l-480-minus { 14036 margin-left: -480px !important; 14037 } 14038 14039 .m-l-490-minus { 14040 margin-left: -490px !important; 14041 } 14042 14043 .m-l-500-minus { 14044 margin-left: -500px !important; 14045 } 14046 14047 .m-l-510-minus { 14048 margin-left: -510px !important; 14049 } 14050 14051 .m-l-520-minus { 14052 margin-left: -520px !important; 14053 } 14054 14055 .m-l-530-minus { 14056 margin-left: -530px !important; 14057 } 14058 14059 .m-l-540-minus { 14060 margin-left: -540px !important; 14061 } 14062 14063 .m-l-550-minus { 14064 margin-left: -550px !important; 14065 } 14066 14067 .m-l-560-minus { 14068 margin-left: -560px !important; 14069 } 14070 14071 .m-l-570-minus { 14072 margin-left: -570px !important; 14073 } 14074 14075 .m-l-580-minus { 14076 margin-left: -580px !important; 14077 } 14078 14079 .m-l-590-minus { 14080 margin-left: -590px !important; 14081 } 14082 14083 .m-l-600-minus { 14084 margin-left: -600px !important; 14085 } 14086 14087 .m-l-610-minus { 14088 margin-left: -610px !important; 14089 } 14090 14091 .m-l-620-minus { 14092 margin-left: -620px !important; 14093 } 14094 14095 .m-l-630-minus { 14096 margin-left: -630px !important; 14097 } 14098 14099 .m-l-640-minus { 14100 margin-left: -640px !important; 14101 } 14102 14103 .m-l-650-minus { 14104 margin-left: -650px !important; 14105 } 14106 14107 .m-l-660-minus { 14108 margin-left: -660px !important; 14109 } 14110 14111 .m-l-670-minus { 14112 margin-left: -670px !important; 14113 } 14114 14115 .m-l-680-minus { 14116 margin-left: -680px !important; 14117 } 14118 14119 .m-l-690-minus { 14120 margin-left: -690px !important; 14121 } 14122 14123 .m-l-700-minus { 14124 margin-left: -700px !important; 14125 } 14126 14127 .m-l-710-minus { 14128 margin-left: -710px !important; 14129 } 14130 14131 .m-l-720-minus { 14132 margin-left: -720px !important; 14133 } 14134 14135 .m-l-730-minus { 14136 margin-left: -730px !important; 14137 } 14138 14139 .m-l-740-minus { 14140 margin-left: -740px !important; 14141 } 14142 14143 .m-l-750-minus { 14144 margin-left: -750px !important; 14145 } 14146 14147 .m-l-760-minus { 14148 margin-left: -760px !important; 14149 } 14150 14151 .m-l-770-minus { 14152 margin-left: -770px !important; 14153 } 14154 14155 .m-l-780-minus { 14156 margin-left: -780px !important; 14157 } 14158 14159 .m-l-790-minus { 14160 margin-left: -790px !important; 14161 } 14162 14163 .m-l-800-minus { 14164 margin-left: -800px !important; 14165 } 14166 14167 .m-l-810-minus { 14168 margin-left: -810px !important; 14169 } 14170 14171 .m-l-820-minus { 14172 margin-left: -820px !important; 14173 } 14174 14175 .m-l-830-minus { 14176 margin-left: -830px !important; 14177 } 14178 14179 .m-l-840-minus { 14180 margin-left: -840px !important; 14181 } 14182 14183 .m-l-850-minus { 14184 margin-left: -850px !important; 14185 } 14186 14187 .m-l-860-minus { 14188 margin-left: -860px !important; 14189 } 14190 14191 .m-l-870-minus { 14192 margin-left: -870px !important; 14193 } 14194 14195 .m-l-880-minus { 14196 margin-left: -880px !important; 14197 } 14198 14199 .m-l-890-minus { 14200 margin-left: -890px !important; 14201 } 14202 14203 .m-l-900-minus { 14204 margin-left: -900px !important; 14205 } 14206 14207 .m-l-910-minus { 14208 margin-left: -910px !important; 14209 } 14210 14211 .m-l-920-minus { 14212 margin-left: -920px !important; 14213 } 14214 14215 .m-l-930-minus { 14216 margin-left: -930px !important; 14217 } 14218 14219 .m-l-940-minus { 14220 margin-left: -940px !important; 14221 } 14222 14223 .m-l-950-minus { 14224 margin-left: -950px !important; 14225 } 14226 14227 .m-l-960-minus { 14228 margin-left: -960px !important; 14229 } 14230 14231 .m-l-970-minus { 14232 margin-left: -970px !important; 14233 } 14234 14235 .m-l-980-minus { 14236 margin-left: -980px !important; 14237 } 14238 14239 .m-l-990-minus { 14240 margin-left: -990px !important; 14241 } 14242 14243 .m-l-1000-minus { 14244 margin-left: -1000px !important; 14245 } 14246 14247 .p-t-b-0 { 14248 padding-top: 0px !important; 14249 padding-bottom: 0px !important; 14250 } 14251 14252 .p-t-b-5 { 14253 padding-top: 5px !important; 14254 padding-bottom: 5px !important; 14255 } 14256 14257 .p-t-b-10 { 14258 padding-top: 10px !important; 14259 padding-bottom: 10px !important; 14260 } 14261 14262 .p-t-b-15 { 14263 padding-top: 15px !important; 14264 padding-bottom: 15px !important; 14265 } 14266 14267 .p-t-b-20 { 14268 padding-top: 20px !important; 14269 padding-bottom: 20px !important; 14270 } 14271 14272 .p-t-b-25 { 14273 padding-top: 25px !important; 14274 padding-bottom: 25px !important; 14275 } 14276 14277 .p-t-b-30 { 14278 padding-top: 30px !important; 14279 padding-bottom: 30px !important; 14280 } 14281 14282 .p-t-b-35 { 14283 padding-top: 35px !important; 14284 padding-bottom: 35px !important; 14285 } 14286 14287 .p-t-b-40 { 14288 padding-top: 40px !important; 14289 padding-bottom: 40px !important; 14290 } 14291 14292 .p-t-b-45 { 14293 padding-top: 45px !important; 14294 padding-bottom: 45px !important; 14295 } 14296 14297 .p-t-b-50 { 14298 padding-top: 50px !important; 14299 padding-bottom: 50px !important; 14300 } 14301 14302 .p-l-r-0 { 14303 padding-left: 0px !important; 14304 padding-right: 0px !important; 14305 } 14306 14307 .p-l-r-5 { 14308 padding-left: 5px !important; 14309 padding-right: 5px !important; 14310 } 14311 14312 .p-l-r-10 { 14313 padding-left: 10px !important; 14314 padding-right: 10px !important; 14315 } 14316 14317 .p-l-r-15 { 14318 padding-left: 15px !important; 14319 padding-right: 15px !important; 14320 } 14321 14322 .p-l-r-20 { 14323 padding-left: 20px !important; 14324 padding-right: 20px !important; 14325 } 14326 14327 .p-l-r-25 { 14328 padding-left: 25px !important; 14329 padding-right: 25px !important; 14330 } 14331 14332 .p-l-r-30 { 14333 padding-left: 30px !important; 14334 padding-right: 30px !important; 14335 } 14336 14337 .p-l-r-35 { 14338 padding-left: 35px !important; 14339 padding-right: 35px !important; 14340 } 14341 14342 .p-l-r-40 { 14343 padding-left: 40px !important; 14344 padding-right: 40px !important; 14345 } 14346 14347 .p-l-r-45 { 14348 padding-left: 45px !important; 14349 padding-right: 45px !important; 14350 } 14351 14352 .p-l-r-50 { 14353 padding-left: 50px !important; 14354 padding-right: 50px !important; 14355 } 14356 14357 .p-0 { 14358 padding: 0px !important; 14359 } 14360 14361 .p-5 { 14362 padding: 5px !important; 14363 } 14364 14365 .p-10 { 14366 padding: 10px !important; 14367 } 14368 14369 .p-15 { 14370 padding: 15px !important; 14371 } 14372 14373 .p-20 { 14374 padding: 20px !important; 14375 } 14376 14377 .p-25 { 14378 padding: 25px !important; 14379 } 14380 14381 .p-30 { 14382 padding: 30px !important; 14383 } 14384 14385 .p-35 { 14386 padding: 35px !important; 14387 } 14388 14389 .p-40 { 14390 padding: 40px !important; 14391 } 14392 14393 .p-45 { 14394 padding: 45px !important; 14395 } 14396 14397 .p-50 { 14398 padding: 50px !important; 14399 } 14400 14401 .p-t-0 { 14402 padding-top: 0px !important; 14403 } 14404 14405 .p-t-5 { 14406 padding-top: 5px !important; 14407 } 14408 14409 .p-t-10 { 14410 padding-top: 10px !important; 14411 } 14412 14413 .p-t-15 { 14414 padding-top: 15px !important; 14415 } 14416 14417 .p-t-20 { 14418 padding-top: 20px !important; 14419 } 14420 14421 .p-t-25 { 14422 padding-top: 25px !important; 14423 } 14424 14425 .p-t-30 { 14426 padding-top: 30px !important; 14427 } 14428 14429 .p-t-35 { 14430 padding-top: 35px !important; 14431 } 14432 14433 .p-t-40 { 14434 padding-top: 40px !important; 14435 } 14436 14437 .p-t-45 { 14438 padding-top: 45px !important; 14439 } 14440 14441 .p-t-50 { 14442 padding-top: 50px !important; 14443 } 14444 14445 .p-t-55 { 14446 padding-top: 55px !important; 14447 } 14448 14449 .p-t-60 { 14450 padding-top: 60px !important; 14451 } 14452 14453 .p-t-65 { 14454 padding-top: 65px !important; 14455 } 14456 14457 .p-t-70 { 14458 padding-top: 70px !important; 14459 } 14460 14461 .p-t-75 { 14462 padding-top: 75px !important; 14463 } 14464 14465 .p-t-80 { 14466 padding-top: 80px !important; 14467 } 14468 14469 .p-t-85 { 14470 padding-top: 85px !important; 14471 } 14472 14473 .p-t-90 { 14474 padding-top: 90px !important; 14475 } 14476 14477 .p-t-95 { 14478 padding-top: 95px !important; 14479 } 14480 14481 .p-t-100 { 14482 padding-top: 100px !important; 14483 } 14484 14485 .p-t-105 { 14486 padding-top: 105px !important; 14487 } 14488 14489 .p-t-110 { 14490 padding-top: 110px !important; 14491 } 14492 14493 .p-t-115 { 14494 padding-top: 115px !important; 14495 } 14496 14497 .p-t-120 { 14498 padding-top: 120px !important; 14499 } 14500 14501 .p-t-125 { 14502 padding-top: 125px !important; 14503 } 14504 14505 .p-t-130 { 14506 padding-top: 130px !important; 14507 } 14508 14509 .p-t-135 { 14510 padding-top: 135px !important; 14511 } 14512 14513 .p-t-140 { 14514 padding-top: 140px !important; 14515 } 14516 14517 .p-t-145 { 14518 padding-top: 145px !important; 14519 } 14520 14521 .p-t-150 { 14522 padding-top: 150px !important; 14523 } 14524 14525 .p-r-0 { 14526 padding-right: 0px !important; 14527 } 14528 14529 .p-r-5 { 14530 padding-right: 5px !important; 14531 } 14532 14533 .p-r-10 { 14534 padding-right: 10px !important; 14535 } 14536 14537 .p-r-15 { 14538 padding-right: 15px !important; 14539 } 14540 14541 .p-r-20 { 14542 padding-right: 20px !important; 14543 } 14544 14545 .p-r-25 { 14546 padding-right: 25px !important; 14547 } 14548 14549 .p-r-30 { 14550 padding-right: 30px !important; 14551 } 14552 14553 .p-r-35 { 14554 padding-right: 35px !important; 14555 } 14556 14557 .p-r-40 { 14558 padding-right: 40px !important; 14559 } 14560 14561 .p-r-45 { 14562 padding-right: 45px !important; 14563 } 14564 14565 .p-r-50 { 14566 padding-right: 50px !important; 14567 } 14568 14569 .p-r-55 { 14570 padding-right: 55px !important; 14571 } 14572 14573 .p-r-60 { 14574 padding-right: 60px !important; 14575 } 14576 14577 .p-r-65 { 14578 padding-right: 65px !important; 14579 } 14580 14581 .p-r-70 { 14582 padding-right: 70px !important; 14583 } 14584 14585 .p-r-75 { 14586 padding-right: 75px !important; 14587 } 14588 14589 .p-r-80 { 14590 padding-right: 80px !important; 14591 } 14592 14593 .p-r-85 { 14594 padding-right: 85px !important; 14595 } 14596 14597 .p-r-90 { 14598 padding-right: 90px !important; 14599 } 14600 14601 .p-r-95 { 14602 padding-right: 95px !important; 14603 } 14604 14605 .p-r-100 { 14606 padding-right: 100px !important; 14607 } 14608 14609 .p-r-105 { 14610 padding-right: 105px !important; 14611 } 14612 14613 .p-r-110 { 14614 padding-right: 110px !important; 14615 } 14616 14617 .p-r-115 { 14618 padding-right: 115px !important; 14619 } 14620 14621 .p-r-120 { 14622 padding-right: 120px !important; 14623 } 14624 14625 .p-r-125 { 14626 padding-right: 125px !important; 14627 } 14628 14629 .p-r-130 { 14630 padding-right: 130px !important; 14631 } 14632 14633 .p-r-135 { 14634 padding-right: 135px !important; 14635 } 14636 14637 .p-r-140 { 14638 padding-right: 140px !important; 14639 } 14640 14641 .p-r-145 { 14642 padding-right: 145px !important; 14643 } 14644 14645 .p-r-150 { 14646 padding-right: 150px !important; 14647 } 14648 14649 .p-b-0 { 14650 padding-bottom: 0px !important; 14651 } 14652 14653 .p-b-5 { 14654 padding-bottom: 5px !important; 14655 } 14656 14657 .p-b-10 { 14658 padding-bottom: 10px !important; 14659 } 14660 14661 .p-b-15 { 14662 padding-bottom: 15px !important; 14663 } 14664 14665 .p-b-20 { 14666 padding-bottom: 20px !important; 14667 } 14668 14669 .p-b-25 { 14670 padding-bottom: 25px !important; 14671 } 14672 14673 .p-b-30 { 14674 padding-bottom: 30px !important; 14675 } 14676 14677 .p-b-35 { 14678 padding-bottom: 35px !important; 14679 } 14680 14681 .p-b-40 { 14682 padding-bottom: 40px !important; 14683 } 14684 14685 .p-b-45 { 14686 padding-bottom: 45px !important; 14687 } 14688 14689 .p-b-50 { 14690 padding-bottom: 50px !important; 14691 } 14692 14693 .p-b-55 { 14694 padding-bottom: 55px !important; 14695 } 14696 14697 .p-b-60 { 14698 padding-bottom: 60px !important; 14699 } 14700 14701 .p-b-65 { 14702 padding-bottom: 65px !important; 14703 } 14704 14705 .p-b-70 { 14706 padding-bottom: 70px !important; 14707 } 14708 14709 .p-b-75 { 14710 padding-bottom: 75px !important; 14711 } 14712 14713 .p-b-80 { 14714 padding-bottom: 80px !important; 14715 } 14716 14717 .p-b-85 { 14718 padding-bottom: 85px !important; 14719 } 14720 14721 .p-b-90 { 14722 padding-bottom: 90px !important; 14723 } 14724 14725 .p-b-95 { 14726 padding-bottom: 95px !important; 14727 } 14728 14729 .p-b-100 { 14730 padding-bottom: 100px !important; 14731 } 14732 14733 .p-b-105 { 14734 padding-bottom: 105px !important; 14735 } 14736 14737 .p-b-110 { 14738 padding-bottom: 110px !important; 14739 } 14740 14741 .p-b-115 { 14742 padding-bottom: 115px !important; 14743 } 14744 14745 .p-b-120 { 14746 padding-bottom: 120px !important; 14747 } 14748 14749 .p-b-125 { 14750 padding-bottom: 125px !important; 14751 } 14752 14753 .p-b-130 { 14754 padding-bottom: 130px !important; 14755 } 14756 14757 .p-b-135 { 14758 padding-bottom: 135px !important; 14759 } 14760 14761 .p-b-140 { 14762 padding-bottom: 140px !important; 14763 } 14764 14765 .p-b-145 { 14766 padding-bottom: 145px !important; 14767 } 14768 14769 .p-b-150 { 14770 padding-bottom: 150px !important; 14771 } 14772 14773 .p-l-0 { 14774 padding-left: 0px !important; 14775 } 14776 14777 .p-l-5 { 14778 padding-left: 5px !important; 14779 } 14780 14781 .p-l-10 { 14782 padding-left: 10px !important; 14783 } 14784 14785 .p-l-15 { 14786 padding-left: 15px !important; 14787 } 14788 14789 .p-l-20 { 14790 padding-left: 20px !important; 14791 } 14792 14793 .p-l-25 { 14794 padding-left: 25px !important; 14795 } 14796 14797 .p-l-30 { 14798 padding-left: 30px !important; 14799 } 14800 14801 .p-l-35 { 14802 padding-left: 35px !important; 14803 } 14804 14805 .p-l-40 { 14806 padding-left: 40px !important; 14807 } 14808 14809 .p-l-45 { 14810 padding-left: 45px !important; 14811 } 14812 14813 .p-l-50 { 14814 padding-left: 50px !important; 14815 } 14816 14817 .p-l-55 { 14818 padding-left: 55px !important; 14819 } 14820 14821 .p-l-60 { 14822 padding-left: 60px !important; 14823 } 14824 14825 .p-l-65 { 14826 padding-left: 65px !important; 14827 } 14828 14829 .p-l-70 { 14830 padding-left: 70px !important; 14831 } 14832 14833 .p-l-75 { 14834 padding-left: 75px !important; 14835 } 14836 14837 .p-l-80 { 14838 padding-left: 80px !important; 14839 } 14840 14841 .p-l-85 { 14842 padding-left: 85px !important; 14843 } 14844 14845 .p-l-90 { 14846 padding-left: 90px !important; 14847 } 14848 14849 .p-l-95 { 14850 padding-left: 95px !important; 14851 } 14852 14853 .p-l-100 { 14854 padding-left: 100px !important; 14855 } 14856 14857 .p-l-105 { 14858 padding-left: 105px !important; 14859 } 14860 14861 .p-l-110 { 14862 padding-left: 110px !important; 14863 } 14864 14865 .p-l-115 { 14866 padding-left: 115px !important; 14867 } 14868 14869 .p-l-120 { 14870 padding-left: 120px !important; 14871 } 14872 14873 .p-l-125 { 14874 padding-left: 125px !important; 14875 } 14876 14877 .p-l-130 { 14878 padding-left: 130px !important; 14879 } 14880 14881 .p-l-135 { 14882 padding-left: 135px !important; 14883 } 14884 14885 .p-l-140 { 14886 padding-left: 140px !important; 14887 } 14888 14889 .p-l-145 { 14890 padding-left: 145px !important; 14891 } 14892 14893 .p-l-150 { 14894 padding-left: 150px !important; 14895 } 14896 14897 .opacity-0 { 14898 opacity: 0 !important; 14899 } 14900 14901 .opacity-1 { 14902 opacity: 0.1 !important; 14903 } 14904 14905 .opacity-2 { 14906 opacity: 0.2 !important; 14907 } 14908 14909 .opacity-3 { 14910 opacity: 0.3 !important; 14911 } 14912 14913 .opacity-4 { 14914 opacity: 0.4 !important; 14915 } 14916 14917 .opacity-5 { 14918 opacity: 0.5 !important; 14919 } 14920 14921 .opacity-6 { 14922 opacity: 0.6 !important; 14923 } 14924 14925 .opacity-7 { 14926 opacity: 0.7 !important; 14927 } 14928 14929 .opacity-8 { 14930 opacity: 0.8 !important; 14931 } 14932 14933 .opacity-9 { 14934 opacity: 0.9 !important; 14935 } 14936 14937 .font-size-10 { 14938 font-size: 10px !important; 14939 } 14940 14941 .font-size-11 { 14942 font-size: 11px !important; 14943 } 14944 14945 .font-size-12 { 14946 font-size: 12px !important; 14947 } 14948 14949 .font-size-13 { 14950 font-size: 13px !important; 14951 } 14952 14953 .font-size-14 { 14954 font-size: 14px !important; 14955 } 14956 14957 .font-size-15 { 14958 font-size: 15px !important; 14959 } 14960 14961 .font-size-16 { 14962 font-size: 16px !important; 14963 } 14964 14965 .font-size-17 { 14966 font-size: 17px !important; 14967 } 14968 14969 .font-size-18 { 14970 font-size: 18px !important; 14971 } 14972 14973 .font-size-19 { 14974 font-size: 19px !important; 14975 } 14976 14977 .font-size-20 { 14978 font-size: 20px !important; 14979 } 14980 14981 .font-size-21 { 14982 font-size: 21px !important; 14983 } 14984 14985 .font-size-22 { 14986 font-size: 22px !important; 14987 } 14988 14989 .font-size-23 { 14990 font-size: 23px !important; 14991 } 14992 14993 .font-size-24 { 14994 font-size: 24px !important; 14995 } 14996 14997 .font-size-25 { 14998 font-size: 25px !important; 14999 } 15000 15001 .font-size-26 { 15002 font-size: 26px !important; 15003 } 15004 15005 .font-size-27 { 15006 font-size: 27px !important; 15007 } 15008 15009 .font-size-28 { 15010 font-size: 28px !important; 15011 } 15012 15013 .font-size-29 { 15014 font-size: 29px !important; 15015 } 15016 15017 .font-size-30 { 15018 font-size: 30px !important; 15019 } 15020 15021 .font-size-31 { 15022 font-size: 31px !important; 15023 } 15024 15025 .font-size-32 { 15026 font-size: 32px !important; 15027 } 15028 15029 .font-size-33 { 15030 font-size: 33px !important; 15031 } 15032 15033 .font-size-34 { 15034 font-size: 34px !important; 15035 } 15036 15037 .font-size-35 { 15038 font-size: 35px !important; 15039 } 15040 15041 .font-size-36 { 15042 font-size: 36px !important; 15043 } 15044 15045 .font-size-37 { 15046 font-size: 37px !important; 15047 } 15048 15049 .font-size-38 { 15050 font-size: 38px !important; 15051 } 15052 15053 .font-size-39 { 15054 font-size: 39px !important; 15055 } 15056 15057 .font-size-40 { 15058 font-size: 40px !important; 15059 } 15060 15061 .font-size-41 { 15062 font-size: 41px !important; 15063 } 15064 15065 .font-size-42 { 15066 font-size: 42px !important; 15067 } 15068 15069 .font-size-43 { 15070 font-size: 43px !important; 15071 } 15072 15073 .font-size-44 { 15074 font-size: 44px !important; 15075 } 15076 15077 .font-size-45 { 15078 font-size: 45px !important; 15079 } 15080 15081 .font-size-46 { 15082 font-size: 46px !important; 15083 } 15084 15085 .font-size-47 { 15086 font-size: 47px !important; 15087 } 15088 15089 .font-size-48 { 15090 font-size: 48px !important; 15091 } 15092 15093 .font-size-49 { 15094 font-size: 49px !important; 15095 } 15096 15097 .font-size-50 { 15098 font-size: 50px !important; 15099 } 15100 15101 .line-height-0 { 15102 line-height: 0px !important; 15103 } 15104 15105 .line-height-1 { 15106 line-height: 1px !important; 15107 } 15108 15109 .line-height-2 { 15110 line-height: 2px !important; 15111 } 15112 15113 .line-height-3 { 15114 line-height: 3px !important; 15115 } 15116 15117 .line-height-4 { 15118 line-height: 4px !important; 15119 } 15120 15121 .line-height-5 { 15122 line-height: 5px !important; 15123 } 15124 15125 .line-height-6 { 15126 line-height: 6px !important; 15127 } 15128 15129 .line-height-7 { 15130 line-height: 7px !important; 15131 } 15132 15133 .line-height-8 { 15134 line-height: 8px !important; 15135 } 15136 15137 .line-height-9 { 15138 line-height: 9px !important; 15139 } 15140 15141 .line-height-10 { 15142 line-height: 10px !important; 15143 } 15144 15145 .line-height-11 { 15146 line-height: 11px !important; 15147 } 15148 15149 .line-height-12 { 15150 line-height: 12px !important; 15151 } 15152 15153 .line-height-13 { 15154 line-height: 13px !important; 15155 } 15156 15157 .line-height-14 { 15158 line-height: 14px !important; 15159 } 15160 15161 .line-height-15 { 15162 line-height: 15px !important; 15163 } 15164 15165 .line-height-16 { 15166 line-height: 16px !important; 15167 } 15168 15169 .line-height-17 { 15170 line-height: 17px !important; 15171 } 15172 15173 .line-height-18 { 15174 line-height: 18px !important; 15175 } 15176 15177 .line-height-19 { 15178 line-height: 19px !important; 15179 } 15180 15181 .line-height-20 { 15182 line-height: 20px !important; 15183 } 15184 15185 .line-height-21 { 15186 line-height: 21px !important; 15187 } 15188 15189 .line-height-22 { 15190 line-height: 22px !important; 15191 } 15192 15193 .line-height-23 { 15194 line-height: 23px !important; 15195 } 15196 15197 .line-height-24 { 15198 line-height: 24px !important; 15199 } 15200 15201 .line-height-25 { 15202 line-height: 25px !important; 15203 } 15204 15205 .line-height-26 { 15206 line-height: 26px !important; 15207 } 15208 15209 .line-height-27 { 15210 line-height: 27px !important; 15211 } 15212 15213 .line-height-28 { 15214 line-height: 28px !important; 15215 } 15216 15217 .line-height-29 { 15218 line-height: 29px !important; 15219 } 15220 15221 .line-height-30 { 15222 line-height: 30px !important; 15223 } 15224 15225 .line-height-31 { 15226 line-height: 31px !important; 15227 } 15228 15229 .line-height-32 { 15230 line-height: 32px !important; 15231 } 15232 15233 .line-height-33 { 15234 line-height: 33px !important; 15235 } 15236 15237 .line-height-34 { 15238 line-height: 34px !important; 15239 } 15240 15241 .line-height-35 { 15242 line-height: 35px !important; 15243 } 15244 15245 .line-height-36 { 15246 line-height: 36px !important; 15247 } 15248 15249 .line-height-37 { 15250 line-height: 37px !important; 15251 } 15252 15253 .line-height-38 { 15254 line-height: 38px !important; 15255 } 15256 15257 .line-height-39 { 15258 line-height: 39px !important; 15259 } 15260 15261 .line-height-40 { 15262 line-height: 40px !important; 15263 } 15264 15265 .line-height-41 { 15266 line-height: 41px !important; 15267 } 15268 15269 .line-height-42 { 15270 line-height: 42px !important; 15271 } 15272 15273 .line-height-43 { 15274 line-height: 43px !important; 15275 } 15276 15277 .line-height-44 { 15278 line-height: 44px !important; 15279 } 15280 15281 .line-height-45 { 15282 line-height: 45px !important; 15283 } 15284 15285 .line-height-46 { 15286 line-height: 46px !important; 15287 } 15288 15289 .line-height-47 { 15290 line-height: 47px !important; 15291 } 15292 15293 .line-height-48 { 15294 line-height: 48px !important; 15295 } 15296 15297 .line-height-49 { 15298 line-height: 49px !important; 15299 } 15300 15301 .line-height-50 { 15302 line-height: 50px !important; 15303 } 15304 15305 .width-10 { 15306 width: 10px !important; 15307 } 15308 15309 .width-11 { 15310 width: 11px !important; 15311 } 15312 15313 .width-12 { 15314 width: 12px !important; 15315 } 15316 15317 .width-13 { 15318 width: 13px !important; 15319 } 15320 15321 .width-14 { 15322 width: 14px !important; 15323 } 15324 15325 .width-15 { 15326 width: 15px !important; 15327 } 15328 15329 .width-16 { 15330 width: 16px !important; 15331 } 15332 15333 .width-17 { 15334 width: 17px !important; 15335 } 15336 15337 .width-18 { 15338 width: 18px !important; 15339 } 15340 15341 .width-19 { 15342 width: 19px !important; 15343 } 15344 15345 .width-20 { 15346 width: 20px !important; 15347 } 15348 15349 .width-21 { 15350 width: 21px !important; 15351 } 15352 15353 .width-22 { 15354 width: 22px !important; 15355 } 15356 15357 .width-23 { 15358 width: 23px !important; 15359 } 15360 15361 .width-24 { 15362 width: 24px !important; 15363 } 15364 15365 .width-25 { 15366 width: 25px !important; 15367 } 15368 15369 .width-26 { 15370 width: 26px !important; 15371 } 15372 15373 .width-27 { 15374 width: 27px !important; 15375 } 15376 15377 .width-28 { 15378 width: 28px !important; 15379 } 15380 15381 .width-29 { 15382 width: 29px !important; 15383 } 15384 15385 .width-30 { 15386 width: 30px !important; 15387 } 15388 15389 .width-31 { 15390 width: 31px !important; 15391 } 15392 15393 .width-32 { 15394 width: 32px !important; 15395 } 15396 15397 .width-33 { 15398 width: 33px !important; 15399 } 15400 15401 .width-34 { 15402 width: 34px !important; 15403 } 15404 15405 .width-35 { 15406 width: 35px !important; 15407 } 15408 15409 .width-36 { 15410 width: 36px !important; 15411 } 15412 15413 .width-37 { 15414 width: 37px !important; 15415 } 15416 15417 .width-38 { 15418 width: 38px !important; 15419 } 15420 15421 .width-39 { 15422 width: 39px !important; 15423 } 15424 15425 .width-40 { 15426 width: 40px !important; 15427 } 15428 15429 .width-41 { 15430 width: 41px !important; 15431 } 15432 15433 .width-42 { 15434 width: 42px !important; 15435 } 15436 15437 .width-43 { 15438 width: 43px !important; 15439 } 15440 15441 .width-44 { 15442 width: 44px !important; 15443 } 15444 15445 .width-45 { 15446 width: 45px !important; 15447 } 15448 15449 .width-46 { 15450 width: 46px !important; 15451 } 15452 15453 .width-47 { 15454 width: 47px !important; 15455 } 15456 15457 .width-48 { 15458 width: 48px !important; 15459 } 15460 15461 .width-49 { 15462 width: 49px !important; 15463 } 15464 15465 .width-50 { 15466 width: 50px !important; 15467 } 15468 15469 .height-10 { 15470 height: 10px !important; 15471 } 15472 15473 .height-11 { 15474 height: 11px !important; 15475 } 15476 15477 .height-12 { 15478 height: 12px !important; 15479 } 15480 15481 .height-13 { 15482 height: 13px !important; 15483 } 15484 15485 .height-14 { 15486 height: 14px !important; 15487 } 15488 15489 .height-15 { 15490 height: 15px !important; 15491 } 15492 15493 .height-16 { 15494 height: 16px !important; 15495 } 15496 15497 .height-17 { 15498 height: 17px !important; 15499 } 15500 15501 .height-18 { 15502 height: 18px !important; 15503 } 15504 15505 .height-19 { 15506 height: 19px !important; 15507 } 15508 15509 .height-20 { 15510 height: 20px !important; 15511 } 15512 15513 .height-21 { 15514 height: 21px !important; 15515 } 15516 15517 .height-22 { 15518 height: 22px !important; 15519 } 15520 15521 .height-23 { 15522 height: 23px !important; 15523 } 15524 15525 .height-24 { 15526 height: 24px !important; 15527 } 15528 15529 .height-25 { 15530 height: 25px !important; 15531 } 15532 15533 .height-26 { 15534 height: 26px !important; 15535 } 15536 15537 .height-27 { 15538 height: 27px !important; 15539 } 15540 15541 .height-28 { 15542 height: 28px !important; 15543 } 15544 15545 .height-29 { 15546 height: 29px !important; 15547 } 15548 15549 .height-30 { 15550 height: 30px !important; 15551 } 15552 15553 .height-31 { 15554 height: 31px !important; 15555 } 15556 15557 .height-32 { 15558 height: 32px !important; 15559 } 15560 15561 .height-33 { 15562 height: 33px !important; 15563 } 15564 15565 .height-34 { 15566 height: 34px !important; 15567 } 15568 15569 .height-35 { 15570 height: 35px !important; 15571 } 15572 15573 .height-36 { 15574 height: 36px !important; 15575 } 15576 15577 .height-37 { 15578 height: 37px !important; 15579 } 15580 15581 .height-38 { 15582 height: 38px !important; 15583 } 15584 15585 .height-39 { 15586 height: 39px !important; 15587 } 15588 15589 .height-40 { 15590 height: 40px !important; 15591 } 15592 15593 .height-41 { 15594 height: 41px !important; 15595 } 15596 15597 .height-42 { 15598 height: 42px !important; 15599 } 15600 15601 .height-43 { 15602 height: 43px !important; 15603 } 15604 15605 .height-44 { 15606 height: 44px !important; 15607 } 15608 15609 .height-45 { 15610 height: 45px !important; 15611 } 15612 15613 .height-46 { 15614 height: 46px !important; 15615 } 15616 15617 .height-47 { 15618 height: 47px !important; 15619 } 15620 15621 .height-48 { 15622 height: 48px !important; 15623 } 15624 15625 .height-49 { 15626 height: 49px !important; 15627 } 15628 15629 .height-50 { 15630 height: 50px !important; 15631 } 15632 15633 .h-100-vh { 15634 height: 100vh; 15635 } 15636 15637 body { 15638 font-family: "Inter", sans-serif; 15639 position: relative; 15640 background-color: #f8fafb; 15641 font-size: 15px; 15642 color: #505050; 15643 } 15644 15645 body.no-scroll { 15646 overflow: hidden; 15647 } 15648 15649 * { 15650 min-width: 0; 15651 min-height: 0; 15652 } 15653 15654 .preloader { 15655 position: fixed; 15656 right: 0; 15657 left: 0; 15658 top: 0; 15659 bottom: 0; 15660 z-index: 1001; 15661 background: white; 15662 display: -webkit-box; 15663 display: flex; 15664 -webkit-box-align: center; 15665 align-items: center; 15666 -webkit-box-pack: center; 15667 justify-content: center; 15668 -webkit-box-orient: vertical; 15669 -webkit-box-direction: normal; 15670 flex-direction: column; 15671 /* Safari */ 15672 } 15673 15674 .preloader .preloader-icon { 15675 border: 5px solid #eeeeee; 15676 border-radius: 50%; 15677 border-top: 5px solid #3498db; 15678 width: 50px; 15679 height: 50px; 15680 -webkit-animation: spin 0.5s linear infinite; 15681 animation: spin 0.5s linear infinite; 15682 } 15683 15684 @-webkit-keyframes spin { 15685 0% { 15686 -webkit-transform: rotate(0deg); 15687 } 15688 15689 100% { 15690 -webkit-transform: rotate(360deg); 15691 } 15692 } 15693 15694 @keyframes spin { 15695 0% { 15696 -webkit-transform: rotate(0deg); 15697 transform: rotate(0deg); 15698 } 15699 15700 100% { 15701 -webkit-transform: rotate(360deg); 15702 transform: rotate(360deg); 15703 } 15704 } 15705 15706 .preloader svg path { 15707 fill: #0081ff; 15708 } 15709 15710 .icon-block { 15711 width: 40px; 15712 height: 40px; 15713 line-height: 40px; 15714 display: -webkit-inline-box; 15715 display: inline-flex; 15716 -webkit-box-pack: center; 15717 justify-content: center; 15718 -webkit-box-align: center; 15719 align-items: center; 15720 background: #e1e1e1; 15721 border-radius: 3px; 15722 text-align: center; 15723 color: black; 15724 font-size: 18px; 15725 } 15726 15727 .icon-block.icon-block-outline-white { 15728 border: 2px solid white; 15729 background: none; 15730 color: white !important; 15731 } 15732 15733 .icon-block.icon-block-outline-primary { 15734 border: 2px solid #0081ff; 15735 color: #0081ff !important; 15736 background: none; 15737 } 15738 15739 .icon-block.icon-block-outline-success { 15740 border: 2px solid #28c76f; 15741 color: #28c76f !important; 15742 background: none; 15743 } 15744 15745 .icon-block.icon-block-outline-danger { 15746 border: 2px solid #ea5455; 15747 color: #ea5455 !important; 15748 background: none; 15749 } 15750 15751 .icon-block.icon-block-outline-info { 15752 border: 2px solid #33b5e5; 15753 color: #33b5e5 !important; 15754 background: none; 15755 } 15756 15757 .icon-block.icon-block-outline-warning { 15758 border: 2px solid #ff9f43; 15759 color: #ff9f43 !important; 15760 background: none; 15761 } 15762 15763 .icon-block.icon-block-outline-dark { 15764 border: 2px solid #293134; 15765 color: #293134 !important; 15766 background: none; 15767 } 15768 15769 .icon-block.icon-block-outline-secondary { 15770 border: 2px solid #aa66cc; 15771 color: #aa66cc !important; 15772 background: none; 15773 } 15774 15775 .icon-block.icon-block-outline-facebook { 15776 border: 2px solid #3b5998; 15777 color: #3b5998 !important; 15778 background: none; 15779 } 15780 15781 .icon-block.icon-block-outline-twitter { 15782 border: 2px solid #55acee; 15783 color: #55acee !important; 15784 background: none; 15785 } 15786 15787 .icon-block.icon-block-outline-linkedin { 15788 border: 2px solid #0077b5; 15789 color: #0077b5 !important; 15790 background: none; 15791 } 15792 15793 .icon-block.icon-block-outline-whatsapp { 15794 border: 2px solid #43d854; 15795 color: #43d854 !important; 15796 background: none; 15797 } 15798 15799 .icon-block.icon-block-outline-instagram { 15800 border: 2px solid #3f729b; 15801 color: #3f729b !important; 15802 background: none; 15803 } 15804 15805 .icon-block.icon-block-outline-dribbble { 15806 border: 2px solid #ea4c89; 15807 color: #ea4c89 !important; 15808 background: none; 15809 } 15810 15811 .icon-block.icon-block-outline-google { 15812 border: 2px solid #db4437; 15813 color: #db4437 !important; 15814 background: none; 15815 } 15816 15817 .icon-block.icon-block-outline-youtube { 15818 border: 2px solid #cd201f; 15819 color: #cd201f !important; 15820 background: none; 15821 } 15822 15823 .icon-block.icon-block-xl { 15824 width: 70px; 15825 height: 70px; 15826 line-height: 70px; 15827 font-size: 28px; 15828 } 15829 15830 .icon-block.icon-block-lg { 15831 width: 50px; 15832 height: 50px; 15833 line-height: 50px; 15834 font-size: 22px; 15835 } 15836 15837 .icon-block.icon-block-sm { 15838 width: 30px; 15839 height: 30px; 15840 line-height: 30px; 15841 font-size: 14px; 15842 } 15843 15844 .icon-block.icon-block-xs { 15845 width: 20px; 15846 height: 20px; 15847 line-height: 20px; 15848 font-size: 12px; 15849 } 15850 15851 .icon-block.icon-block-floating { 15852 border-radius: 50%; 15853 } 15854 15855 body.error-page img { 15856 width: 50%; 15857 display: table; 15858 margin: 50px auto; 15859 } 15860 15861 body.error-page .display-1 { 15862 font-size: 10em; 15863 } 15864 15865 .error-page { 15866 text-align: center; 15867 height: calc(100vh - 120px); 15868 display: -webkit-box; 15869 display: flex; 15870 -webkit-box-align: center; 15871 align-items: center; 15872 -webkit-box-pack: center; 15873 justify-content: center; 15874 } 15875 15876 .error-page .error-page-item { 15877 font-size: 14rem; 15878 line-height: 14rem; 15879 margin-left: -2rem; 15880 text-shadow: -5px 1px 0px white; 15881 } 15882 15883 .error-page .error-page-item:nth-child(2) { 15884 -webkit-transform: translate(0, 10px); 15885 transform: translate(0, 10px); 15886 display: inline-block; 15887 } 15888 15889 .form-control, 15890 .swal-modal input.swal-content__input, 15891 .custom-select { 15892 font-size: 0.875rem; 15893 border-color: #e1e1e1; 15894 border-radius: 0.5rem; 15895 } 15896 15897 .form-control:focus, 15898 .swal-modal input.swal-content__input:focus, 15899 .custom-select:focus { 15900 box-shadow: none; 15901 border-color: rgba(0, 129, 255, 0.8); 15902 } 15903 15904 .form-control:not(.form-control-lg):not(.form-control-sm), 15905 .swal-modal input.swal-content__input:not(.form-control-lg):not(.form-control-sm) { 15906 height: calc(1.5em + .75rem + 3px); 15907 } 15908 15909 .form-rounded { 15910 border-radius: 50px; 15911 } 15912 15913 .form-control-lg { 15914 font-size: 1.1rem; 15915 } 15916 15917 .form-control-sm { 15918 font-size: 0.8rem; 15919 } 15920 15921 .input-group-text { 15922 border: none; 15923 } 15924 15925 textarea { 15926 min-height: 100px; 15927 max-height: 500px; 15928 } 15929 15930 .custom-file-input:focus ~ .custom-file-label { 15931 border-color: #339aff; 15932 box-shadow: none; 15933 } 15934 15935 .custom-control-input { 15936 right: 0; 15937 } 15938 15939 .custom-control-label { 15940 line-height: 25px; 15941 } 15942 15943 /* Checkboxes and Radios */ 15944 15945 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, 15946 .custom-radio .custom-control-input:checked ~ .custom-control-label::before, 15947 .custom-switch .custom-control-input:checked ~ .custom-control-label::before { 15948 border-color: #0081ff; 15949 background-color: #0081ff; 15950 } 15951 15952 .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before, 15953 .custom-radio .custom-control-input:focus ~ .custom-control-label::before, 15954 .custom-switch .custom-control-input:focus ~ .custom-control-label::before { 15955 box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3); 15956 } 15957 15958 .custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 15959 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 15960 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 15961 border-color: #5caeff; 15962 background-color: #5caeff; 15963 } 15964 15965 .custom-checkbox.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before, 15966 .custom-radio.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before, 15967 .custom-switch.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { 15968 border-color: #aa66cc; 15969 background-color: #aa66cc; 15970 } 15971 15972 .custom-checkbox.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 15973 .custom-radio.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 15974 .custom-switch.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 15975 border-color: #d0abe3; 15976 background-color: #d0abe3; 15977 } 15978 15979 .custom-checkbox.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before, 15980 .custom-radio.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before, 15981 .custom-switch.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before { 15982 box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.3); 15983 } 15984 15985 .custom-checkbox.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before, 15986 .custom-radio.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before, 15987 .custom-switch.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before { 15988 border-color: #28c76f; 15989 background-color: #28c76f; 15990 } 15991 15992 .custom-checkbox.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 15993 .custom-radio.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 15994 .custom-switch.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 15995 border-color: #6ae19f; 15996 background-color: #6ae19f; 15997 } 15998 15999 .custom-checkbox.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before, 16000 .custom-radio.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before, 16001 .custom-switch.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before { 16002 box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.3); 16003 } 16004 16005 .custom-checkbox.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before, 16006 .custom-radio.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before, 16007 .custom-switch.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { 16008 border-color: #ea5455; 16009 background-color: #ea5455; 16010 } 16011 16012 .custom-checkbox.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16013 .custom-radio.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16014 .custom-switch.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 16015 border-color: #f4a6a6; 16016 background-color: #f4a6a6; 16017 } 16018 16019 .custom-checkbox.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before, 16020 .custom-radio.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before, 16021 .custom-switch.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before { 16022 box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.3); 16023 } 16024 16025 .custom-checkbox.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before, 16026 .custom-radio.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before, 16027 .custom-switch.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { 16028 border-color: #ff9f43; 16029 background-color: #ff9f43; 16030 } 16031 16032 .custom-checkbox.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16033 .custom-radio.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16034 .custom-switch.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 16035 border-color: #ffce9f; 16036 background-color: #ffce9f; 16037 } 16038 16039 .custom-checkbox.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before, 16040 .custom-radio.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before, 16041 .custom-switch.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before { 16042 box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.3); 16043 } 16044 16045 .custom-checkbox.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before, 16046 .custom-radio.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before, 16047 .custom-switch.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before { 16048 border-color: #33b5e5; 16049 background-color: #33b5e5; 16050 } 16051 16052 .custom-checkbox.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16053 .custom-radio.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16054 .custom-switch.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 16055 border-color: #84d3ef; 16056 background-color: #84d3ef; 16057 } 16058 16059 .custom-checkbox.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before, 16060 .custom-radio.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before, 16061 .custom-switch.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before { 16062 box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.3); 16063 } 16064 16065 .custom-checkbox.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before, 16066 .custom-radio.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before, 16067 .custom-switch.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before { 16068 border-color: #293134; 16069 background-color: #293134; 16070 } 16071 16072 .custom-checkbox.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16073 .custom-radio.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before, 16074 .custom-switch.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 16075 border-color: #516167; 16076 background-color: #516167; 16077 } 16078 16079 .custom-checkbox.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before, 16080 .custom-radio.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before, 16081 .custom-switch.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before { 16082 box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.3); 16083 } 16084 16085 .custom-checkbox.custom-range-danger::before { 16086 background-color: #ea5455; 16087 } 16088 16089 .custom-checkbox.custom-range-danger::-webkit-slider-thumb:active { 16090 background-color: #f4a6a6; 16091 } 16092 16093 .custom-range::-webkit-slider-thumb { 16094 background-color: #0081ff; 16095 } 16096 16097 .custom-range::-webkit-slider-thumb:active { 16098 background-color: #5caeff; 16099 } 16100 16101 .custom-range.custom-range-danger::-webkit-slider-thumb { 16102 background-color: #ea5455; 16103 } 16104 16105 .custom-range.custom-range-danger::-webkit-slider-thumb:active { 16106 background-color: #f4a6a6; 16107 } 16108 16109 .custom-range.custom-range-warning::-webkit-slider-thumb { 16110 background-color: #ff9f43; 16111 } 16112 16113 .custom-range.custom-range-warning::-webkit-slider-thumb:active { 16114 background-color: #ffce9f; 16115 } 16116 16117 .custom-range.custom-range-success::-webkit-slider-thumb { 16118 background-color: #28c76f; 16119 } 16120 16121 .custom-range.custom-range-success::-webkit-slider-thumb:active { 16122 background-color: #6ae19f; 16123 } 16124 16125 .custom-range.custom-range-secondary::-webkit-slider-thumb { 16126 background-color: #aa66cc; 16127 } 16128 16129 .custom-range.custom-range-secondary::-webkit-slider-thumb:active { 16130 background-color: #d0abe3; 16131 } 16132 16133 .custom-range.custom-range-info::-webkit-slider-thumb { 16134 background-color: #33b5e5; 16135 } 16136 16137 .custom-range.custom-range-info::-webkit-slider-thumb:active { 16138 background-color: #84d3ef; 16139 } 16140 16141 .custom-range.custom-range-light::-webkit-slider-thumb { 16142 background-color: #afb8bd; 16143 } 16144 16145 .custom-range.custom-range-light::-webkit-slider-thumb:active { 16146 background-color: #e1e5e6; 16147 } 16148 16149 .custom-range.custom-range-dark::-webkit-slider-thumb { 16150 background-color: #293134; 16151 } 16152 16153 .custom-range.custom-range-dark::-webkit-slider-thumb:active { 16154 background-color: #516167; 16155 } 16156 16157 .wizard > .content { 16158 min-height: auto; 16159 margin: 0; 16160 margin-bottom: 15px; 16161 background: none; 16162 padding: 0 !important; 16163 } 16164 16165 .wizard .wizard-index { 16166 background-color: rgba(0, 0, 0, 0.4); 16167 height: 30px; 16168 width: 30px; 16169 border-radius: 50%; 16170 display: -webkit-inline-box; 16171 display: inline-flex; 16172 -webkit-box-pack: center; 16173 justify-content: center; 16174 -webkit-box-align: center; 16175 align-items: center; 16176 color: #fff; 16177 margin-right: 0.5rem; 16178 } 16179 16180 .wizard .current .wizard-index { 16181 background-color: rgba(255, 255, 255, 0.2); 16182 } 16183 16184 .wizard > .actions > ul > li { 16185 margin: 0; 16186 margin-left: 10px; 16187 } 16188 16189 .wizard > .content > .body { 16190 float: none; 16191 position: static; 16192 width: auto; 16193 height: auto; 16194 } 16195 16196 .wizard > .steps { 16197 margin-bottom: 1.5rem; 16198 } 16199 16200 .wizard > .steps a, 16201 .wizard > .steps .header form .input-group .input-group-append button.btn, 16202 .header form .input-group .input-group-append .wizard > .steps button.btn, 16203 .wizard > .steps a:hover, 16204 .wizard > .steps a:active { 16205 margin: 0; 16206 margin-right: 10px; 16207 } 16208 16209 .wizard > .steps .current a, 16210 .wizard > .steps .current .header form .input-group .input-group-append button.btn, 16211 .header form .input-group .input-group-append .wizard > .steps .current button.btn, 16212 .wizard > .steps .current a:hover, 16213 .wizard > .steps .current a:active { 16214 background: #0081ff; 16215 } 16216 16217 .wizard > .steps .error a, 16218 .wizard > .steps .error .header form .input-group .input-group-append button.btn, 16219 .header form .input-group .input-group-append .wizard > .steps .error button.btn, 16220 .wizard > .steps .error a:hover, 16221 .wizard > .steps .error a:active { 16222 background: #ea5455; 16223 } 16224 16225 .wizard > .steps .done a, 16226 .wizard > .steps .done .header form .input-group .input-group-append button.btn, 16227 .header form .input-group .input-group-append .wizard > .steps .done button.btn, 16228 .wizard > .steps .done a:hover, 16229 .wizard > .steps .done a:active { 16230 background-color: #28c76f; 16231 color: white; 16232 } 16233 16234 .wizard > .actions a, 16235 .wizard > .actions .header form .input-group .input-group-append button.btn, 16236 .header form .input-group .input-group-append .wizard > .actions button.btn, 16237 .wizard > .actions a:hover, 16238 .wizard > .actions a:active { 16239 background-color: #28c76f; 16240 color: white; 16241 } 16242 16243 .page-header { 16244 display: -webkit-box; 16245 display: flex; 16246 -webkit-box-align: start; 16247 align-items: flex-start; 16248 height: 55px; 16249 } 16250 16251 .page-header h1, 16252 .page-header h2, 16253 .page-header h3, 16254 .page-header h4, 16255 .page-header h5 { 16256 margin: 0; 16257 } 16258 16259 .page-header .breadcrumb { 16260 background: none; 16261 padding: 0; 16262 margin: 0; 16263 } 16264 16265 .page-header .breadcrumb a:hover, 16266 .page-header .breadcrumb .header form .input-group .input-group-append button.btn:hover, 16267 .header form .input-group .input-group-append .page-header .breadcrumb button.btn:hover { 16268 text-decoration: underline; 16269 } 16270 16271 .page-header .breadcrumb li.breadcrumb-item { 16272 font-size: 14px !important; 16273 } 16274 16275 .page-header .breadcrumb li.breadcrumb-item:first-child:before { 16276 font-size: 12px; 16277 font-family: themify; 16278 content: "\E69B"; 16279 display: inline-block; 16280 margin-right: 8px; 16281 } 16282 16283 .page-header .breadcrumb li.breadcrumb-item + .breadcrumb-item::before { 16284 font-size: 10px; 16285 } 16286 16287 .page-header .breadcrumb li.breadcrumb-item.active { 16288 color: #0081ff; 16289 font-weight: 600; 16290 } 16291 16292 .mfp-with-zoom .mfp-container, 16293 .mfp-with-zoom.mfp-bg { 16294 opacity: 0; 16295 -webkit-backface-visibility: hidden; 16296 /* ideally, transition speed should match zoom duration */ 16297 -webkit-transition: all 0.3s ease-out; 16298 transition: all 0.3s ease-out; 16299 } 16300 16301 .mfp-with-zoom.mfp-ready .mfp-container { 16302 opacity: 1; 16303 } 16304 16305 .mfp-with-zoom.mfp-ready.mfp-bg { 16306 opacity: 0.8; 16307 } 16308 16309 .mfp-with-zoom.mfp-removing .mfp-container, 16310 .mfp-with-zoom.mfp-removing.mfp-bg { 16311 opacity: 0; 16312 } 16313 16314 .card, 16315 .app-block .app-content .app-action, 16316 .chat-block { 16317 margin-bottom: 1.875rem; 16318 position: relative; 16319 background-color: white; 16320 border-radius: 0.5rem; 16321 border: none; 16322 box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); 16323 } 16324 16325 .card.bg-primary .card-header, 16326 .app-block .app-content .bg-primary.app-action .card-header, 16327 .bg-primary.chat-block .card-header, 16328 .card.bg-secondary .card-header, 16329 .app-block .app-content .bg-secondary.app-action .card-header, 16330 .bg-secondary.chat-block .card-header, 16331 .card.bg-success .card-header, 16332 .app-block .app-content .bg-success.app-action .card-header, 16333 .bg-success.chat-block .card-header, 16334 .card.bg-danger .card-header, 16335 .app-block .app-content .bg-danger.app-action .card-header, 16336 .bg-danger.chat-block .card-header, 16337 .card.bg-warning .card-header, 16338 .app-block .app-content .bg-warning.app-action .card-header, 16339 .bg-warning.chat-block .card-header, 16340 .card.bg-info .card-header, 16341 .app-block .app-content .bg-info.app-action .card-header, 16342 .bg-info.chat-block .card-header, 16343 .card.bg-dark .card-header, 16344 .app-block .app-content .bg-dark.app-action .card-header, 16345 .bg-dark.chat-block .card-header { 16346 border-bottom: 1px solid rgba(235, 235, 235, 0.4); 16347 } 16348 16349 .card .card-header, 16350 .app-block .app-content .app-action .card-header, 16351 .chat-block .card-header, 16352 .card .card-footer, 16353 .app-block .app-content .app-action .card-footer, 16354 .chat-block .card-footer { 16355 border: none; 16356 background: none; 16357 font-size: 13px; 16358 font-weight: 600; 16359 padding: 10px 20px; 16360 } 16361 16362 .card .card-header, 16363 .app-block .app-content .app-action .card-header, 16364 .chat-block .card-header { 16365 margin-bottom: 0; 16366 border-bottom: 1px solid #ebebeb; 16367 } 16368 16369 .card .card-footer, 16370 .app-block .app-content .app-action .card-footer, 16371 .chat-block .card-footer { 16372 border-top: 1px solid #ebebeb; 16373 } 16374 16375 .card .card-body, 16376 .app-block .app-content .app-action .card-body, 16377 .chat-block .card-body { 16378 padding: 1.5rem; 16379 } 16380 16381 .card .card-body h1.card-title, 16382 .app-block .app-content .app-action .card-body h1.card-title, 16383 .chat-block .card-body h1.card-title, 16384 .card .card-body h2.card-title, 16385 .app-block .app-content .app-action .card-body h2.card-title, 16386 .chat-block .card-body h2.card-title, 16387 .card .card-body h3.card-title, 16388 .app-block .app-content .app-action .card-body h3.card-title, 16389 .chat-block .card-body h3.card-title, 16390 .card .card-body h4.card-title, 16391 .app-block .app-content .app-action .card-body h4.card-title, 16392 .chat-block .card-body h4.card-title, 16393 .card .card-body h5.card-title, 16394 .app-block .app-content .app-action .card-body h5.card-title, 16395 .chat-block .card-body h5.card-title, 16396 .card .card-body h6.card-title, 16397 .app-block .app-content .app-action .card-body h6.card-title, 16398 .chat-block .card-body h6.card-title { 16399 margin-bottom: 2rem; 16400 font-size: 1rem; 16401 font-weight: 600; 16402 } 16403 16404 .card .card-body h1.card-title .dropdown *, 16405 .app-block .app-content .app-action .card-body h1.card-title .dropdown *, 16406 .chat-block .card-body h1.card-title .dropdown *, 16407 .card .card-body h2.card-title .dropdown *, 16408 .app-block .app-content .app-action .card-body h2.card-title .dropdown *, 16409 .chat-block .card-body h2.card-title .dropdown *, 16410 .card .card-body h3.card-title .dropdown *, 16411 .app-block .app-content .app-action .card-body h3.card-title .dropdown *, 16412 .chat-block .card-body h3.card-title .dropdown *, 16413 .card .card-body h4.card-title .dropdown *, 16414 .app-block .app-content .app-action .card-body h4.card-title .dropdown *, 16415 .chat-block .card-body h4.card-title .dropdown *, 16416 .card .card-body h5.card-title .dropdown *, 16417 .app-block .app-content .app-action .card-body h5.card-title .dropdown *, 16418 .chat-block .card-body h5.card-title .dropdown *, 16419 .card .card-body h6.card-title .dropdown *, 16420 .app-block .app-content .app-action .card-body h6.card-title .dropdown *, 16421 .chat-block .card-body h6.card-title .dropdown * { 16422 letter-spacing: normal; 16423 text-transform: none; 16424 } 16425 16426 .card .card-scroll, 16427 .app-block .app-content .app-action .card-scroll, 16428 .chat-block .card-scroll { 16429 height: 300px; 16430 overflow: auto; 16431 } 16432 16433 .card.purple, 16434 .app-block .app-content .purple.app-action, 16435 .purple.chat-block { 16436 height: 120px; 16437 background: linear-gradient(200deg, #8a8ded, #9c9dc6); 16438 } 16439 16440 .card.blue, 16441 .app-block .app-content .blue.app-action, 16442 .blue.chat-block { 16443 height: 120px; 16444 background: linear-gradient(200deg, #6bc5e7, #bcd7ff); 16445 } 16446 16447 .card.green, 16448 .app-block .app-content .green.app-action, 16449 .green.chat-block { 16450 height: 120px; 16451 background: linear-gradient(200deg, #77df75, #b5e7a0); 16452 } 16453 16454 .card.orange, 16455 .app-block .app-content .orange.app-action, 16456 .orange.chat-block { 16457 height: 120px; 16458 background: linear-gradient(200deg, #ffc033, #ffc49d); 16459 } 16460 16461 .card > .table-responsive .table td, 16462 .app-block .app-content .app-action > .table-responsive .table td, 16463 .chat-block > .table-responsive .table td, 16464 .card > .table-responsive .table th, 16465 .app-block .app-content .app-action > .table-responsive .table th, 16466 .chat-block > .table-responsive .table th { 16467 padding: 0.75rem 1.5rem; 16468 } 16469 16470 .card-group, 16471 .card-columns { 16472 margin-bottom: 30px; 16473 } 16474 16475 .bg-primary { 16476 background: #0081ff !important; 16477 color: white !important; 16478 } 16479 16480 .bg-primary-bright { 16481 background: rgba(0, 129, 255, 0.3) !important; 16482 } 16483 16484 .bg-primary-bright.bg-hover { 16485 -webkit-transition: background 0.2s; 16486 transition: background 0.2s; 16487 } 16488 16489 .bg-primary-bright.bg-hover:hover { 16490 background: rgba(11, 91, 182, 0.3) !important; 16491 } 16492 16493 .bg-primary-gradient { 16494 background: linear-gradient(230deg, #0081ff, #4da7ff) !important; 16495 color: white !important; 16496 } 16497 16498 .bg-info { 16499 background: #33b5e5 !important; 16500 color: white !important; 16501 } 16502 16503 .bg-info.bg-hover { 16504 -webkit-transition: background 0.2s; 16505 transition: background 0.2s; 16506 } 16507 16508 .bg-info.bg-hover:hover { 16509 background: #60c5eb !important; 16510 } 16511 16512 .bg-info-bright { 16513 background: rgba(51, 181, 229, 0.3) !important; 16514 } 16515 16516 .bg-info-bright.bg-hover { 16517 -webkit-transition: background 0.2s; 16518 transition: background 0.2s; 16519 } 16520 16521 .bg-info-bright.bg-hover:hover { 16522 background: rgba(29, 173, 226, 0.3) !important; 16523 } 16524 16525 .bg-info-gradient { 16526 background: linear-gradient(230deg, #33b5e5, #77ceee) !important; 16527 color: white !important; 16528 } 16529 16530 .bg-secondary { 16531 background: #aa66cc !important; 16532 color: white !important; 16533 } 16534 16535 .bg-secondary.bg-hover { 16536 -webkit-transition: background 0.2s; 16537 transition: background 0.2s; 16538 } 16539 16540 .bg-secondary.bg-hover:hover { 16541 background: #bf8cd9 !important; 16542 } 16543 16544 .bg-secondary-bright { 16545 background: rgba(170, 102, 204, 0.3) !important; 16546 } 16547 16548 .bg-secondary-bright.bg-hover { 16549 -webkit-transition: background 0.2s; 16550 transition: background 0.2s; 16551 } 16552 16553 .bg-secondary-bright.bg-hover:hover { 16554 background: rgba(159, 83, 198, 0.3) !important; 16555 } 16556 16557 .bg-secondary-gradient { 16558 background: linear-gradient(230deg, #aa66cc, #ca9fdf) !important; 16559 color: white !important; 16560 } 16561 16562 .bg-success { 16563 background: #28c76f !important; 16564 color: white !important; 16565 } 16566 16567 .bg-success.bg-hover { 16568 -webkit-transition: background 0.2s; 16569 transition: background 0.2s; 16570 } 16571 16572 .bg-success.bg-hover:hover { 16573 background: #48da89 !important; 16574 } 16575 16576 .bg-success-bright { 16577 background: rgba(40, 199, 111, 0.3) !important; 16578 } 16579 16580 .bg-success-bright.bg-hover { 16581 -webkit-transition: background 0.2s; 16582 transition: background 0.2s; 16583 } 16584 16585 .bg-success-bright.bg-hover:hover { 16586 background: rgba(36, 178, 99, 0.3) !important; 16587 } 16588 16589 .bg-success-gradient { 16590 background: linear-gradient(230deg, #28c76f, #5dde97) !important; 16591 color: white !important; 16592 } 16593 16594 .bg-danger { 16595 background: #ea5455 !important; 16596 color: white !important; 16597 } 16598 16599 .bg-danger.bg-hover { 16600 -webkit-transition: background 0.2s; 16601 transition: background 0.2s; 16602 } 16603 16604 .bg-danger.bg-hover:hover { 16605 background: #f08182 !important; 16606 } 16607 16608 .bg-danger-bright { 16609 background: rgba(234, 84, 85, 0.3) !important; 16610 } 16611 16612 .bg-danger-bright.bg-hover { 16613 -webkit-transition: background 0.2s; 16614 transition: background 0.2s; 16615 } 16616 16617 .bg-danger-bright.bg-hover:hover { 16618 background: rgba(231, 61, 62, 0.3) !important; 16619 } 16620 16621 .bg-danger-gradient { 16622 background: linear-gradient(230deg, #ea5455, #f29899) !important; 16623 color: white !important; 16624 } 16625 16626 .bg-warning { 16627 background: #ff9f43 !important; 16628 color: white !important; 16629 } 16630 16631 .bg-warning.bg-hover { 16632 -webkit-transition: background 0.2s; 16633 transition: background 0.2s; 16634 } 16635 16636 .bg-warning.bg-hover:hover { 16637 background: #ffb976 !important; 16638 } 16639 16640 .bg-warning-bright { 16641 background: rgba(255, 159, 67, 0.3) !important; 16642 } 16643 16644 .bg-warning-bright.bg-hover { 16645 -webkit-transition: background 0.2s; 16646 transition: background 0.2s; 16647 } 16648 16649 .bg-warning-bright.bg-hover:hover { 16650 background: rgba(255, 146, 42, 0.3) !important; 16651 } 16652 16653 .bg-warning-gradient { 16654 background: linear-gradient(230deg, #ff9f43, #ffc690) !important; 16655 color: white !important; 16656 } 16657 16658 .bg-light { 16659 background: #afb8bd !important; 16660 } 16661 16662 .bg-dark { 16663 background: #293134 !important; 16664 color: white !important; 16665 } 16666 16667 .bg-dark.bg-hover { 16668 -webkit-transition: background 0.2s; 16669 transition: background 0.2s; 16670 } 16671 16672 .bg-dark.bg-hover:hover { 16673 background: #3f4c51 !important; 16674 } 16675 16676 .bg-dark-bright { 16677 background: #d4d5d8 !important; 16678 } 16679 16680 .bg-dark-bright.bg-hover { 16681 -webkit-transition: background 0.2s; 16682 transition: background 0.2s; 16683 } 16684 16685 .bg-dark-bright.bg-hover:hover { 16686 background: #c7c8cc !important; 16687 } 16688 16689 .bg-dark-gradient { 16690 background: linear-gradient(230deg, #293134, #4b595f) !important; 16691 color: white !important; 16692 } 16693 16694 .bg-facebook { 16695 background: #3b5998 !important; 16696 color: white !important; 16697 } 16698 16699 .bg-twitter { 16700 background: #55acee !important; 16701 color: white !important; 16702 } 16703 16704 .bg-linkedin { 16705 background: #0077b5 !important; 16706 color: white !important; 16707 } 16708 16709 .bg-whatsapp { 16710 background: #43d854 !important; 16711 color: white !important; 16712 } 16713 16714 .bg-instagram { 16715 background: #3f729b !important; 16716 color: white !important; 16717 } 16718 16719 .bg-dribbble { 16720 background: #ea4c89 !important; 16721 color: white !important; 16722 } 16723 16724 .bg-google { 16725 background: #db4437 !important; 16726 color: white !important; 16727 } 16728 16729 .bg-youtube { 16730 background: #cd201f !important; 16731 color: white !important; 16732 } 16733 16734 .text-primary { 16735 color: #0081ff !important; 16736 } 16737 16738 .text-secondary { 16739 color: #aa66cc !important; 16740 } 16741 16742 .text-info { 16743 color: #33b5e5 !important; 16744 } 16745 16746 .text-success, 16747 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title { 16748 color: #28c76f !important; 16749 } 16750 16751 .text-danger { 16752 color: #ea5455 !important; 16753 } 16754 16755 .text-warning { 16756 color: #ff9f43 !important; 16757 } 16758 16759 .text-light { 16760 color: #afb8bd !important; 16761 } 16762 16763 .text-facebook { 16764 color: #3b5998 !important; 16765 } 16766 16767 .text-twitter { 16768 color: #55acee !important; 16769 } 16770 16771 .text-google { 16772 color: #db4437 !important; 16773 } 16774 16775 .text-linkedin { 16776 color: #0077b5 !important; 16777 } 16778 16779 .text-instagram { 16780 color: #3f729b !important; 16781 } 16782 16783 .text-whatsapp { 16784 color: #43d854 !important; 16785 } 16786 16787 .text-dribbble { 16788 color: #ea4c89 !important; 16789 } 16790 16791 .colorpicker.dropdown-menu { 16792 visibility: visible; 16793 opacity: 1; 16794 height: auto; 16795 } 16796 16797 .colorpicker-2x .colorpicker-saturation { 16798 width: 200px; 16799 height: 200px; 16800 } 16801 16802 .colorpicker-2x .colorpicker-hue, 16803 .colorpicker-2x .colorpicker-alpha { 16804 width: 30px; 16805 height: 200px; 16806 } 16807 16808 .colorpicker-2x .colorpicker-color, 16809 .colorpicker-2x .colorpicker-color div { 16810 height: 30px; 16811 } 16812 16813 .colorpicker.colorpicker-hidden { 16814 display: none !important; 16815 } 16816 16817 ul:not(.list-unstyled) { 16818 margin: 0; 16819 padding: 0; 16820 } 16821 16822 ul:not(.list-unstyled) li { 16823 list-style-type: none; 16824 } 16825 16826 ul:not(.list-unstyled) li a .icon, 16827 ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn .icon, 16828 .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn .icon { 16829 color: #d1d1d1; 16830 font-size: 14px; 16831 vertical-align: middle; 16832 } 16833 16834 ul:not(.list-unstyled) li a:hover, 16835 ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:hover, 16836 .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:hover, 16837 ul:not(.list-unstyled) li a:focus, 16838 ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:focus, 16839 .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:focus { 16840 text-decoration: underline; 16841 } 16842 16843 ul li a:hover, 16844 ul li .header form .input-group .input-group-append button.btn:hover, 16845 .header form .input-group .input-group-append ul li button.btn:hover, 16846 ul li a:focus, 16847 ul li .header form .input-group .input-group-append button.btn:focus, 16848 .header form .input-group .input-group-append ul li button.btn:focus { 16849 text-decoration: none !important; 16850 } 16851 16852 ul.list-unstyled li { 16853 margin-bottom: 10px; 16854 } 16855 16856 ul.list-unstyled li ul { 16857 margin-left: 30px !important; 16858 margin-top: 10px !important; 16859 margin-bottom: 10px !important; 16860 } 16861 16862 ul.list-unstyled li ul li { 16863 list-style-type: disc !important; 16864 } 16865 16866 ul.links a, 16867 ul.links .header form .input-group .input-group-append button.btn, 16868 .header form .input-group .input-group-append ul.links button.btn { 16869 display: block; 16870 padding: 3px 5px; 16871 color: #2e2e2e; 16872 } 16873 16874 ul.links a.active, 16875 ul.links .header form .input-group .input-group-append button.active.btn, 16876 .header form .input-group .input-group-append ul.links button.active.btn { 16877 color: #0081ff; 16878 font-weight: 500; 16879 } 16880 16881 .list-group.list-group-sm .list-group-item { 16882 padding: 0.4rem 1rem; 16883 } 16884 16885 .text-uppercase { 16886 letter-spacing: 0.5px; 16887 } 16888 16889 .bg-none { 16890 background-color: inherit !important; 16891 } 16892 16893 h1 { 16894 font-size: 29px; 16895 } 16896 16897 h2 { 16898 font-size: 26px; 16899 } 16900 16901 h3 { 16902 font-size: 23px; 16903 } 16904 16905 h4 { 16906 font-size: 20px; 16907 } 16908 16909 h5 { 16910 font-size: 17px; 16911 } 16912 16913 h6 { 16914 font-size: 14px; 16915 } 16916 16917 ul.list-inline li { 16918 margin-bottom: 0.5rem; 16919 } 16920 16921 hr { 16922 border-color: #e6e6e6; 16923 } 16924 16925 .right-0 { 16926 right: 0; 16927 } 16928 16929 .left-0 { 16930 left: 0; 16931 } 16932 16933 .top-0 { 16934 top: 0; 16935 } 16936 16937 .bottom-0 { 16938 bottom: 0; 16939 } 16940 16941 .cursor-pointer { 16942 cursor: pointer; 16943 } 16944 16945 p { 16946 line-height: 1.5rem; 16947 } 16948 16949 a, 16950 .header form .input-group .input-group-append button.btn { 16951 color: #666666; 16952 text-decoration: none; 16953 -webkit-transition: color 0.2s; 16954 transition: color 0.2s; 16955 } 16956 16957 a:hover, 16958 .header form .input-group .input-group-append button.btn:hover { 16959 color: black; 16960 text-decoration: none; 16961 } 16962 16963 a.link-1, 16964 .header form .input-group .input-group-append button.link-1.btn { 16965 color: #0081ff; 16966 } 16967 16968 a.link-1:hover, 16969 .header form .input-group .input-group-append button.link-1.btn:hover, 16970 a.link-1:focus, 16971 .header form .input-group .input-group-append button.link-1.btn:focus { 16972 color: rgba(0, 129, 255, 0.8); 16973 } 16974 16975 a.link-2, 16976 .header form .input-group .input-group-append button.link-2.btn { 16977 color: black; 16978 } 16979 16980 a.link-2:hover, 16981 .header form .input-group .input-group-append button.link-2.btn:hover, 16982 a.link-2:focus, 16983 .header form .input-group .input-group-append button.link-2.btn:focus { 16984 color: #0081ff; 16985 } 16986 16987 a.link-3, 16988 .header form .input-group .input-group-append button.link-3.btn { 16989 color: white; 16990 } 16991 16992 a.link-3:hover, 16993 .header form .input-group .input-group-append button.link-3.btn:hover, 16994 a.link-3:focus, 16995 .header form .input-group .input-group-append button.link-3.btn:focus { 16996 color: #0081ff; 16997 } 16998 16999 a:not(.active.list-group-item), 17000 .header form .input-group .input-group-append button.btn:not(.active.list-group-item), 17001 a:not(.btn):hover, 17002 .header form .input-group .input-group-append button.btn:not(.btn):hover, 17003 a:not(.btn):active, 17004 .header form .input-group .input-group-append button.btn:not(.btn):active, 17005 a:not(.btn):focus, 17006 .header form .input-group .input-group-append button.btn:not(.btn):focus { 17007 text-decoration: none !important; 17008 color: black; 17009 outline: none; 17010 } 17011 17012 a.btn:hover, 17013 .header form .input-group .input-group-append button.btn:hover, 17014 a.btn:active, 17015 .header form .input-group .input-group-append button.btn:active, 17016 a.btn:focus, 17017 .header form .input-group .input-group-append button.btn:focus { 17018 text-decoration: none !important; 17019 } 17020 17021 .page-link { 17022 color: #0081ff; 17023 } 17024 17025 .page-link:not(:disabled):not(.disabled):focus { 17026 box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3); 17027 } 17028 17029 .btn { 17030 font-size: 14px; 17031 width: auto; 17032 display: -webkit-inline-box; 17033 display: inline-flex; 17034 font-weight: 600; 17035 -webkit-box-align: center; 17036 align-items: center; 17037 padding: 10px 15px; 17038 line-height: 14px; 17039 border-radius: 0.5rem; 17040 } 17041 17042 .btn svg { 17043 width: 14px !important; 17044 height: 14px !important; 17045 } 17046 17047 .btn[data-toggle=dropdown] { 17048 -webkit-box-align: center; 17049 align-items: center; 17050 } 17051 17052 .btn.btn-sm { 17053 padding: 5px 10px; 17054 font-size: 13px; 17055 } 17056 17057 .btn.btn-lg { 17058 padding: 15px 20px; 17059 font-size: 17px; 17060 } 17061 17062 .btn.btn-block { 17063 width: 100%; 17064 -webkit-box-pack: center; 17065 justify-content: center; 17066 } 17067 17068 .btn.btn-square { 17069 border-radius: 0; 17070 } 17071 17072 .btn.btn-rounded { 17073 border-radius: 50px; 17074 padding: 10px 20px; 17075 } 17076 17077 .btn.btn-rounded.btn-sm { 17078 padding: 5px 15px; 17079 font-size: 13px; 17080 } 17081 17082 .btn.btn-rounded.btn-lg { 17083 padding: 20px 30px; 17084 font-size: 17px; 17085 } 17086 17087 .btn.btn-floating { 17088 height: 35px; 17089 width: 35px; 17090 padding: 0; 17091 -webkit-box-pack: center; 17092 justify-content: center; 17093 border-radius: 50%; 17094 } 17095 17096 .btn.btn-floating.btn-sm { 17097 height: 30px; 17098 width: 30px; 17099 } 17100 17101 .btn.btn-floating.btn-lg { 17102 height: 50px; 17103 width: 50px; 17104 } 17105 17106 .btn.btn-uppercase { 17107 text-transform: uppercase; 17108 font-size: 12px; 17109 letter-spacing: 1px; 17110 -webkit-box-align: center; 17111 align-items: center; 17112 font-weight: 600; 17113 } 17114 17115 .btn.btn-uppercase.btn-sm { 17116 font-size: 11px; 17117 } 17118 17119 .btn.btn-uppercase.btn-lg { 17120 font-size: 14px; 17121 } 17122 17123 .btn.btn-shadow { 17124 box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3); 17125 } 17126 17127 .btn.btn-shadow:focus, 17128 .btn.btn-shadow:active { 17129 box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.3) !important; 17130 } 17131 17132 .btn.btn-primary, 17133 a.btn[href="#next"], 17134 .header form .input-group .input-group-append button.btn[href="#next"], 17135 a.btn[href="#previous"], 17136 .header form .input-group .input-group-append button.btn[href="#previous"] { 17137 background: #0081ff; 17138 border-color: #0081ff; 17139 } 17140 17141 .btn.btn-primary:not(:disabled):not(.disabled):hover, 17142 a.btn[href="#next"]:not(:disabled):not(.disabled):hover, 17143 .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):hover, 17144 a.btn[href="#previous"]:not(:disabled):not(.disabled):hover, 17145 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):hover, 17146 .btn.btn-primary:not(:disabled):not(.disabled):focus, 17147 a.btn[href="#next"]:not(:disabled):not(.disabled):focus, 17148 .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus, 17149 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, 17150 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus, 17151 .btn.btn-primary:not(:disabled):not(.disabled):active, 17152 a.btn[href="#next"]:not(:disabled):not(.disabled):active, 17153 .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):active, 17154 a.btn[href="#previous"]:not(:disabled):not(.disabled):active, 17155 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active { 17156 background: #0067cc; 17157 border-color: #0067cc; 17158 } 17159 17160 .btn.btn-primary:not(:disabled):not(.disabled):focus, 17161 a.btn[href="#next"]:not(:disabled):not(.disabled):focus, 17162 .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus, 17163 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, 17164 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus { 17165 box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important; 17166 } 17167 17168 .btn.btn-primary.btn-pulse:not(:disabled):not(.disabled), 17169 a.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled), 17170 .header form .input-group .input-group-append button.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled), 17171 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled), 17172 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) { 17173 box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; 17174 -webkit-animation: pulse 1.5s infinite !important; 17175 } 17176 17177 .btn.btn-primary:hover, 17178 a.btn[href="#next"]:hover, 17179 .header form .input-group .input-group-append button.btn[href="#next"]:hover, 17180 a.btn[href="#previous"]:hover, 17181 .header form .input-group .input-group-append button.btn[href="#previous"]:hover { 17182 -webkit-animation: none; 17183 } 17184 17185 .btn.btn-gradient-primary { 17186 background: linear-gradient(20deg, #4da7ff, #0067cc); 17187 border-color: transparent; 17188 color: white; 17189 } 17190 17191 .btn.btn-gradient-primary:not(:disabled):not(.disabled):hover, 17192 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus, 17193 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active { 17194 background: linear-gradient(20deg, #0081ff, #0067cc); 17195 border-color: transparent; 17196 } 17197 17198 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus { 17199 box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5); 17200 } 17201 17202 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) { 17203 box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; 17204 -webkit-animation: pulse 1.5s infinite !important; 17205 } 17206 17207 .btn.btn-gradient-primary:hover { 17208 -webkit-animation: none; 17209 } 17210 17211 .btn.btn-light-primary { 17212 background: rgba(0, 129, 255, 0.3); 17213 border-color: transparent; 17214 color: #0053a3; 17215 } 17216 17217 .btn.btn-light-primary:not(:disabled):not(.disabled):hover, 17218 .btn.btn-light-primary:not(:disabled):not(.disabled):focus, 17219 .btn.btn-light-primary:not(:disabled):not(.disabled):active { 17220 background: rgba(0, 129, 255, 0.5); 17221 border-color: transparent; 17222 } 17223 17224 .btn.btn-light-primary:not(:disabled):not(.disabled):focus { 17225 box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2); 17226 } 17227 17228 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) { 17229 box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; 17230 -webkit-animation: pulse 1.5s infinite !important; 17231 } 17232 17233 .btn.btn-light-primary:hover { 17234 -webkit-animation: none; 17235 } 17236 17237 .btn.btn-outline-primary { 17238 background: none; 17239 border-color: #0081ff; 17240 color: #0074e6; 17241 border-width: 1px; 17242 } 17243 17244 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover { 17245 background: #0081ff; 17246 border-color: #0081ff; 17247 color: white; 17248 } 17249 17250 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus, 17251 .btn.btn-outline-primary:not(:disabled):not(.disabled):active { 17252 background: #0062c2; 17253 border-color: #0062c2; 17254 color: white; 17255 } 17256 17257 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus { 17258 box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4); 17259 } 17260 17261 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) { 17262 box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; 17263 -webkit-animation: pulse 1.5s infinite !important; 17264 } 17265 17266 .btn.btn-outline-primary:hover { 17267 -webkit-animation: none; 17268 } 17269 17270 .btn.btn-secondary { 17271 background: #aa66cc; 17272 border-color: #aa66cc; 17273 } 17274 17275 .btn.btn-secondary:not(:disabled):not(.disabled):hover, 17276 .btn.btn-secondary:not(:disabled):not(.disabled):focus, 17277 .btn.btn-secondary:not(:disabled):not(.disabled):active { 17278 background: #9540bf; 17279 border-color: #9540bf; 17280 } 17281 17282 .btn.btn-secondary:not(:disabled):not(.disabled):focus { 17283 box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4) !important; 17284 } 17285 17286 .btn.btn-secondary.btn-pulse:not(:disabled):not(.disabled) { 17287 box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; 17288 -webkit-animation: pulse 1.5s infinite !important; 17289 } 17290 17291 .btn.btn-secondary:hover { 17292 -webkit-animation: none; 17293 } 17294 17295 .btn.btn-gradient-secondary { 17296 background: linear-gradient(20deg, #ca9fdf, #9540bf); 17297 border-color: transparent; 17298 color: white; 17299 } 17300 17301 .btn.btn-gradient-secondary:not(:disabled):not(.disabled):hover, 17302 .btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus, 17303 .btn.btn-gradient-secondary:not(:disabled):not(.disabled):active { 17304 background: linear-gradient(20deg, #aa66cc, #9540bf); 17305 border-color: transparent; 17306 } 17307 17308 .btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus { 17309 box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.5); 17310 } 17311 17312 .btn.btn-gradient-secondary.btn-pulse:not(:disabled):not(.disabled) { 17313 box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; 17314 -webkit-animation: pulse 1.5s infinite !important; 17315 } 17316 17317 .btn.btn-gradient-secondary:hover { 17318 -webkit-animation: none; 17319 } 17320 17321 .btn.btn-light-secondary { 17322 background: rgba(170, 102, 204, 0.3); 17323 border-color: transparent; 17324 color: #7d36a1; 17325 } 17326 17327 .btn.btn-light-secondary:not(:disabled):not(.disabled):hover, 17328 .btn.btn-light-secondary:not(:disabled):not(.disabled):focus, 17329 .btn.btn-light-secondary:not(:disabled):not(.disabled):active { 17330 background: rgba(170, 102, 204, 0.5); 17331 border-color: transparent; 17332 } 17333 17334 .btn.btn-light-secondary:not(:disabled):not(.disabled):focus { 17335 box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.2); 17336 } 17337 17338 .btn.btn-light-secondary.btn-pulse:not(:disabled):not(.disabled) { 17339 box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; 17340 -webkit-animation: pulse 1.5s infinite !important; 17341 } 17342 17343 .btn.btn-light-secondary:hover { 17344 -webkit-animation: none; 17345 } 17346 17347 .btn.btn-outline-secondary { 17348 background: none; 17349 border-color: #aa66cc; 17350 color: #9f53c6; 17351 border-width: 1px; 17352 } 17353 17354 .btn.btn-outline-secondary:not(:disabled):not(.disabled):hover { 17355 background: #aa66cc; 17356 border-color: #aa66cc; 17357 color: white; 17358 } 17359 17360 .btn.btn-outline-secondary:not(:disabled):not(.disabled):focus, 17361 .btn.btn-outline-secondary:not(:disabled):not(.disabled):active { 17362 background: #8f3db8; 17363 border-color: #8f3db8; 17364 color: white; 17365 } 17366 17367 .btn.btn-outline-secondary:not(:disabled):not(.disabled):focus { 17368 box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4); 17369 } 17370 17371 .btn.btn-outline-secondary.btn-pulse:not(:disabled):not(.disabled) { 17372 box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; 17373 -webkit-animation: pulse 1.5s infinite !important; 17374 } 17375 17376 .btn.btn-outline-secondary:hover { 17377 -webkit-animation: none; 17378 } 17379 17380 .btn.btn-success { 17381 background: #28c76f; 17382 border-color: #28c76f; 17383 } 17384 17385 .btn.btn-success:not(:disabled):not(.disabled):hover, 17386 .btn.btn-success:not(:disabled):not(.disabled):focus, 17387 .btn.btn-success:not(:disabled):not(.disabled):active { 17388 background: #1f9d57; 17389 border-color: #1f9d57; 17390 } 17391 17392 .btn.btn-success:not(:disabled):not(.disabled):focus { 17393 box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4) !important; 17394 } 17395 17396 .btn.btn-success.btn-pulse:not(:disabled):not(.disabled) { 17397 box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; 17398 -webkit-animation: pulse 1.5s infinite !important; 17399 } 17400 17401 .btn.btn-success:hover { 17402 -webkit-animation: none; 17403 } 17404 17405 .btn.btn-gradient-success { 17406 background: linear-gradient(20deg, #5dde97, #1f9d57); 17407 border-color: transparent; 17408 color: white; 17409 } 17410 17411 .btn.btn-gradient-success:not(:disabled):not(.disabled):hover, 17412 .btn.btn-gradient-success:not(:disabled):not(.disabled):focus, 17413 .btn.btn-gradient-success:not(:disabled):not(.disabled):active { 17414 background: linear-gradient(20deg, #28c76f, #1f9d57); 17415 border-color: transparent; 17416 } 17417 17418 .btn.btn-gradient-success:not(:disabled):not(.disabled):focus { 17419 box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5); 17420 } 17421 17422 .btn.btn-gradient-success.btn-pulse:not(:disabled):not(.disabled) { 17423 box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; 17424 -webkit-animation: pulse 1.5s infinite !important; 17425 } 17426 17427 .btn.btn-gradient-success:hover { 17428 -webkit-animation: none; 17429 } 17430 17431 .btn.btn-light-success { 17432 background: rgba(40, 199, 111, 0.3); 17433 border-color: transparent; 17434 color: #197b44; 17435 } 17436 17437 .btn.btn-light-success:not(:disabled):not(.disabled):hover, 17438 .btn.btn-light-success:not(:disabled):not(.disabled):focus, 17439 .btn.btn-light-success:not(:disabled):not(.disabled):active { 17440 background: rgba(40, 199, 111, 0.5); 17441 border-color: transparent; 17442 } 17443 17444 .btn.btn-light-success:not(:disabled):not(.disabled):focus { 17445 box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.2); 17446 } 17447 17448 .btn.btn-light-success.btn-pulse:not(:disabled):not(.disabled) { 17449 box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; 17450 -webkit-animation: pulse 1.5s infinite !important; 17451 } 17452 17453 .btn.btn-light-success:hover { 17454 -webkit-animation: none; 17455 } 17456 17457 .btn.btn-outline-success { 17458 background: none; 17459 border-color: #28c76f; 17460 color: #24b263; 17461 border-width: 1px; 17462 } 17463 17464 .btn.btn-outline-success:not(:disabled):not(.disabled):hover { 17465 background: #28c76f; 17466 border-color: #28c76f; 17467 color: white; 17468 } 17469 17470 .btn.btn-outline-success:not(:disabled):not(.disabled):focus, 17471 .btn.btn-outline-success:not(:disabled):not(.disabled):active { 17472 background: #1e9453; 17473 border-color: #1e9453; 17474 color: white; 17475 } 17476 17477 .btn.btn-outline-success:not(:disabled):not(.disabled):focus { 17478 box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4); 17479 } 17480 17481 .btn.btn-outline-success.btn-pulse:not(:disabled):not(.disabled) { 17482 box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; 17483 -webkit-animation: pulse 1.5s infinite !important; 17484 } 17485 17486 .btn.btn-outline-success:hover { 17487 -webkit-animation: none; 17488 } 17489 17490 .btn.btn-danger { 17491 background: #ea5455; 17492 border-color: #ea5455; 17493 } 17494 17495 .btn.btn-danger:not(:disabled):not(.disabled):hover, 17496 .btn.btn-danger:not(:disabled):not(.disabled):focus, 17497 .btn.btn-danger:not(:disabled):not(.disabled):active { 17498 background: #e42728; 17499 border-color: #e42728; 17500 } 17501 17502 .btn.btn-danger:not(:disabled):not(.disabled):focus { 17503 box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4) !important; 17504 } 17505 17506 .btn.btn-danger.btn-pulse:not(:disabled):not(.disabled) { 17507 box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; 17508 -webkit-animation: pulse 1.5s infinite !important; 17509 } 17510 17511 .btn.btn-danger:hover { 17512 -webkit-animation: none; 17513 } 17514 17515 .btn.btn-gradient-danger { 17516 background: linear-gradient(20deg, #f29899, #e42728); 17517 border-color: transparent; 17518 color: white; 17519 } 17520 17521 .btn.btn-gradient-danger:not(:disabled):not(.disabled):hover, 17522 .btn.btn-gradient-danger:not(:disabled):not(.disabled):focus, 17523 .btn.btn-gradient-danger:not(:disabled):not(.disabled):active { 17524 background: linear-gradient(20deg, #ea5455, #e42728); 17525 border-color: transparent; 17526 } 17527 17528 .btn.btn-gradient-danger:not(:disabled):not(.disabled):focus { 17529 box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5); 17530 } 17531 17532 .btn.btn-gradient-danger.btn-pulse:not(:disabled):not(.disabled) { 17533 box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; 17534 -webkit-animation: pulse 1.5s infinite !important; 17535 } 17536 17537 .btn.btn-gradient-danger:hover { 17538 -webkit-animation: none; 17539 } 17540 17541 .btn.btn-light-danger { 17542 background: rgba(234, 84, 85, 0.3); 17543 border-color: transparent; 17544 color: #c9191a; 17545 } 17546 17547 .btn.btn-light-danger:not(:disabled):not(.disabled):hover, 17548 .btn.btn-light-danger:not(:disabled):not(.disabled):focus, 17549 .btn.btn-light-danger:not(:disabled):not(.disabled):active { 17550 background: rgba(234, 84, 85, 0.5); 17551 border-color: transparent; 17552 } 17553 17554 .btn.btn-light-danger:not(:disabled):not(.disabled):focus { 17555 box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.2); 17556 } 17557 17558 .btn.btn-light-danger.btn-pulse:not(:disabled):not(.disabled) { 17559 box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; 17560 -webkit-animation: pulse 1.5s infinite !important; 17561 } 17562 17563 .btn.btn-light-danger:hover { 17564 -webkit-animation: none; 17565 } 17566 17567 .btn.btn-outline-danger { 17568 background: none; 17569 border-color: #ea5455; 17570 color: #e73d3e; 17571 border-width: 1px; 17572 } 17573 17574 .btn.btn-outline-danger:not(:disabled):not(.disabled):hover { 17575 background: #ea5455; 17576 border-color: #ea5455; 17577 color: white; 17578 } 17579 17580 .btn.btn-outline-danger:not(:disabled):not(.disabled):focus, 17581 .btn.btn-outline-danger:not(:disabled):not(.disabled):active { 17582 background: #e31d1f; 17583 border-color: #e31d1f; 17584 color: white; 17585 } 17586 17587 .btn.btn-outline-danger:not(:disabled):not(.disabled):focus { 17588 box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4); 17589 } 17590 17591 .btn.btn-outline-danger.btn-pulse:not(:disabled):not(.disabled) { 17592 box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; 17593 -webkit-animation: pulse 1.5s infinite !important; 17594 } 17595 17596 .btn.btn-outline-danger:hover { 17597 -webkit-animation: none; 17598 } 17599 17600 .btn.btn-warning { 17601 background: #ff9f43; 17602 border-color: #ff9f43; 17603 } 17604 17605 .btn.btn-warning:not(:disabled):not(.disabled):hover, 17606 .btn.btn-warning:not(:disabled):not(.disabled):focus, 17607 .btn.btn-warning:not(:disabled):not(.disabled):active { 17608 background: #ff8510; 17609 border-color: #ff8510; 17610 } 17611 17612 .btn.btn-warning:not(:disabled):not(.disabled):focus { 17613 box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4) !important; 17614 } 17615 17616 .btn.btn-warning.btn-pulse:not(:disabled):not(.disabled) { 17617 box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; 17618 -webkit-animation: pulse 1.5s infinite !important; 17619 } 17620 17621 .btn.btn-warning:hover { 17622 -webkit-animation: none; 17623 } 17624 17625 .btn.btn-gradient-warning { 17626 background: linear-gradient(20deg, #ffc690, #ff8510); 17627 border-color: transparent; 17628 color: white; 17629 color: #212529; 17630 } 17631 17632 .btn.btn-gradient-warning:not(:disabled):not(.disabled):hover, 17633 .btn.btn-gradient-warning:not(:disabled):not(.disabled):focus, 17634 .btn.btn-gradient-warning:not(:disabled):not(.disabled):active { 17635 background: linear-gradient(20deg, #ff9f43, #ff8510); 17636 border-color: transparent; 17637 } 17638 17639 .btn.btn-gradient-warning:not(:disabled):not(.disabled):focus { 17640 box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5); 17641 } 17642 17643 .btn.btn-gradient-warning.btn-pulse:not(:disabled):not(.disabled) { 17644 box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; 17645 -webkit-animation: pulse 1.5s infinite !important; 17646 } 17647 17648 .btn.btn-gradient-warning:hover { 17649 -webkit-animation: none; 17650 } 17651 17652 .btn.btn-light-warning { 17653 background: rgba(255, 159, 67, 0.3); 17654 border-color: transparent; 17655 color: #e67100; 17656 } 17657 17658 .btn.btn-light-warning:not(:disabled):not(.disabled):hover, 17659 .btn.btn-light-warning:not(:disabled):not(.disabled):focus, 17660 .btn.btn-light-warning:not(:disabled):not(.disabled):active { 17661 background: rgba(255, 159, 67, 0.5); 17662 border-color: transparent; 17663 } 17664 17665 .btn.btn-light-warning:not(:disabled):not(.disabled):focus { 17666 box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.2); 17667 } 17668 17669 .btn.btn-light-warning.btn-pulse:not(:disabled):not(.disabled) { 17670 box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; 17671 -webkit-animation: pulse 1.5s infinite !important; 17672 } 17673 17674 .btn.btn-light-warning:hover { 17675 -webkit-animation: none; 17676 } 17677 17678 .btn.btn-outline-warning { 17679 background: none; 17680 border-color: #ff9f43; 17681 color: #ff922a; 17682 border-width: 1px; 17683 } 17684 17685 .btn.btn-outline-warning:not(:disabled):not(.disabled):hover { 17686 background: #ff9f43; 17687 border-color: #ff9f43; 17688 color: white; 17689 } 17690 17691 .btn.btn-outline-warning:not(:disabled):not(.disabled):focus, 17692 .btn.btn-outline-warning:not(:disabled):not(.disabled):active { 17693 background: #ff8006; 17694 border-color: #ff8006; 17695 color: white; 17696 } 17697 17698 .btn.btn-outline-warning:not(:disabled):not(.disabled):focus { 17699 box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4); 17700 } 17701 17702 .btn.btn-outline-warning.btn-pulse:not(:disabled):not(.disabled) { 17703 box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; 17704 -webkit-animation: pulse 1.5s infinite !important; 17705 } 17706 17707 .btn.btn-outline-warning:hover { 17708 -webkit-animation: none; 17709 } 17710 17711 .btn.btn-outline-warning:not(:disabled):not(.disabled):hover, 17712 .btn.btn-outline-warning:not(:disabled):not(.disabled):focus, 17713 .btn.btn-outline-warning:not(:disabled):not(.disabled):active { 17714 color: #212529; 17715 } 17716 17717 .btn.btn-info { 17718 background: #33b5e5; 17719 border-color: #33b5e5; 17720 } 17721 17722 .btn.btn-info:not(:disabled):not(.disabled):hover, 17723 .btn.btn-info:not(:disabled):not(.disabled):focus, 17724 .btn.btn-info:not(:disabled):not(.disabled):active { 17725 background: #1a9bcb; 17726 border-color: #1a9bcb; 17727 } 17728 17729 .btn.btn-info:not(:disabled):not(.disabled):focus { 17730 box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4) !important; 17731 } 17732 17733 .btn.btn-info.btn-pulse:not(:disabled):not(.disabled) { 17734 box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; 17735 -webkit-animation: pulse 1.5s infinite !important; 17736 } 17737 17738 .btn.btn-info:hover { 17739 -webkit-animation: none; 17740 } 17741 17742 .btn.btn-gradient-info { 17743 background: linear-gradient(20deg, #77ceee, #1a9bcb); 17744 border-color: transparent; 17745 color: white; 17746 } 17747 17748 .btn.btn-gradient-info:not(:disabled):not(.disabled):hover, 17749 .btn.btn-gradient-info:not(:disabled):not(.disabled):focus, 17750 .btn.btn-gradient-info:not(:disabled):not(.disabled):active { 17751 background: linear-gradient(20deg, #33b5e5, #1a9bcb); 17752 border-color: transparent; 17753 } 17754 17755 .btn.btn-gradient-info:not(:disabled):not(.disabled):focus { 17756 box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.5); 17757 } 17758 17759 .btn.btn-gradient-info.btn-pulse:not(:disabled):not(.disabled) { 17760 box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; 17761 -webkit-animation: pulse 1.5s infinite !important; 17762 } 17763 17764 .btn.btn-gradient-info:hover { 17765 -webkit-animation: none; 17766 } 17767 17768 .btn.btn-light-info { 17769 background: rgba(51, 181, 229, 0.3); 17770 border-color: transparent; 17771 color: #1580a7; 17772 } 17773 17774 .btn.btn-light-info:not(:disabled):not(.disabled):hover, 17775 .btn.btn-light-info:not(:disabled):not(.disabled):focus, 17776 .btn.btn-light-info:not(:disabled):not(.disabled):active { 17777 background: rgba(51, 181, 229, 0.5); 17778 border-color: transparent; 17779 } 17780 17781 .btn.btn-light-info:not(:disabled):not(.disabled):focus { 17782 box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.2); 17783 } 17784 17785 .btn.btn-light-info.btn-pulse:not(:disabled):not(.disabled) { 17786 box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; 17787 -webkit-animation: pulse 1.5s infinite !important; 17788 } 17789 17790 .btn.btn-light-info:hover { 17791 -webkit-animation: none; 17792 } 17793 17794 .btn.btn-outline-info { 17795 background: none; 17796 border-color: #33b5e5; 17797 color: #1dade2; 17798 border-width: 1px; 17799 } 17800 17801 .btn.btn-outline-info:not(:disabled):not(.disabled):hover { 17802 background: #33b5e5; 17803 border-color: #33b5e5; 17804 color: white; 17805 } 17806 17807 .btn.btn-outline-info:not(:disabled):not(.disabled):focus, 17808 .btn.btn-outline-info:not(:disabled):not(.disabled):active { 17809 background: #1994c2; 17810 border-color: #1994c2; 17811 color: white; 17812 } 17813 17814 .btn.btn-outline-info:not(:disabled):not(.disabled):focus { 17815 box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4); 17816 } 17817 17818 .btn.btn-outline-info.btn-pulse:not(:disabled):not(.disabled) { 17819 box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; 17820 -webkit-animation: pulse 1.5s infinite !important; 17821 } 17822 17823 .btn.btn-outline-info:hover { 17824 -webkit-animation: none; 17825 } 17826 17827 .btn.btn-light, 17828 .fc .btn.fc-state-default { 17829 background: #afb8bd; 17830 border-color: #afb8bd; 17831 } 17832 17833 .btn.btn-light:not(:disabled):not(.disabled):hover, 17834 .fc .btn.fc-state-default:not(:disabled):not(.disabled):hover, 17835 .btn.btn-light:not(:disabled):not(.disabled):focus, 17836 .fc .btn.fc-state-default:not(:disabled):not(.disabled):focus, 17837 .btn.btn-light:not(:disabled):not(.disabled):active, 17838 .fc .btn.fc-state-default:not(:disabled):not(.disabled):active { 17839 background: #939fa6; 17840 border-color: #939fa6; 17841 } 17842 17843 .btn.btn-light:not(:disabled):not(.disabled):focus, 17844 .fc .btn.fc-state-default:not(:disabled):not(.disabled):focus { 17845 box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4) !important; 17846 } 17847 17848 .btn.btn-light.btn-pulse:not(:disabled):not(.disabled), 17849 .fc .btn.btn-pulse.fc-state-default:not(:disabled):not(.disabled) { 17850 box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; 17851 -webkit-animation: pulse 1.5s infinite !important; 17852 } 17853 17854 .btn.btn-light:hover, 17855 .fc .btn.fc-state-default:hover { 17856 -webkit-animation: none; 17857 } 17858 17859 .btn.btn-gradient-light { 17860 background: linear-gradient(20deg, #d9dde0, #939fa6); 17861 border-color: transparent; 17862 color: white; 17863 color: inherit; 17864 } 17865 17866 .btn.btn-gradient-light:not(:disabled):not(.disabled):hover, 17867 .btn.btn-gradient-light:not(:disabled):not(.disabled):focus, 17868 .btn.btn-gradient-light:not(:disabled):not(.disabled):active { 17869 background: linear-gradient(20deg, #afb8bd, #939fa6); 17870 border-color: transparent; 17871 } 17872 17873 .btn.btn-gradient-light:not(:disabled):not(.disabled):focus { 17874 box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.5); 17875 } 17876 17877 .btn.btn-gradient-light.btn-pulse:not(:disabled):not(.disabled) { 17878 box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; 17879 -webkit-animation: pulse 1.5s infinite !important; 17880 } 17881 17882 .btn.btn-gradient-light:hover { 17883 -webkit-animation: none; 17884 } 17885 17886 .btn.btn-outline-light { 17887 background: none; 17888 border-color: #afb8bd; 17889 color: #a1acb1; 17890 border-width: 1px; 17891 color: #212529; 17892 } 17893 17894 .btn.btn-outline-light:not(:disabled):not(.disabled):hover { 17895 background: #afb8bd; 17896 border-color: #afb8bd; 17897 color: white; 17898 } 17899 17900 .btn.btn-outline-light:not(:disabled):not(.disabled):focus, 17901 .btn.btn-outline-light:not(:disabled):not(.disabled):active { 17902 background: #8d9aa1; 17903 border-color: #8d9aa1; 17904 color: white; 17905 } 17906 17907 .btn.btn-outline-light:not(:disabled):not(.disabled):focus { 17908 box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4); 17909 } 17910 17911 .btn.btn-outline-light.btn-pulse:not(:disabled):not(.disabled) { 17912 box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; 17913 -webkit-animation: pulse 1.5s infinite !important; 17914 } 17915 17916 .btn.btn-outline-light:hover { 17917 -webkit-animation: none; 17918 } 17919 17920 .btn.btn-outline-light:not(:disabled):not(.disabled):hover, 17921 .btn.btn-outline-light:not(:disabled):not(.disabled):focus, 17922 .btn.btn-outline-light:not(:disabled):not(.disabled):active { 17923 color: #212529; 17924 } 17925 17926 .btn.btn-dark { 17927 background: #293134; 17928 border-color: #293134; 17929 } 17930 17931 .btn.btn-dark:not(:disabled):not(.disabled):hover, 17932 .btn.btn-dark:not(:disabled):not(.disabled):focus, 17933 .btn.btn-dark:not(:disabled):not(.disabled):active { 17934 background: #131617; 17935 border-color: #131617; 17936 } 17937 17938 .btn.btn-dark:not(:disabled):not(.disabled):focus { 17939 box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4) !important; 17940 } 17941 17942 .btn.btn-dark.btn-pulse:not(:disabled):not(.disabled) { 17943 box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; 17944 -webkit-animation: pulse 1.5s infinite !important; 17945 } 17946 17947 .btn.btn-dark:hover { 17948 -webkit-animation: none; 17949 } 17950 17951 .btn.btn-gradient-dark { 17952 background: linear-gradient(20deg, #4b595f, #131617); 17953 border-color: transparent; 17954 color: white; 17955 } 17956 17957 .btn.btn-gradient-dark:not(:disabled):not(.disabled):hover, 17958 .btn.btn-gradient-dark:not(:disabled):not(.disabled):focus, 17959 .btn.btn-gradient-dark:not(:disabled):not(.disabled):active { 17960 background: linear-gradient(20deg, #293134, #131617); 17961 border-color: transparent; 17962 } 17963 17964 .btn.btn-gradient-dark:not(:disabled):not(.disabled):focus { 17965 box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.5); 17966 } 17967 17968 .btn.btn-gradient-dark.btn-pulse:not(:disabled):not(.disabled) { 17969 box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; 17970 -webkit-animation: pulse 1.5s infinite !important; 17971 } 17972 17973 .btn.btn-gradient-dark:hover { 17974 -webkit-animation: none; 17975 } 17976 17977 .btn.btn-light-dark { 17978 background: rgba(41, 49, 52, 0.3); 17979 border-color: transparent; 17980 color: #010101; 17981 } 17982 17983 .btn.btn-light-dark:not(:disabled):not(.disabled):hover, 17984 .btn.btn-light-dark:not(:disabled):not(.disabled):focus, 17985 .btn.btn-light-dark:not(:disabled):not(.disabled):active { 17986 background: rgba(41, 49, 52, 0.5); 17987 border-color: transparent; 17988 } 17989 17990 .btn.btn-light-dark:not(:disabled):not(.disabled):focus { 17991 box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.2); 17992 } 17993 17994 .btn.btn-light-dark.btn-pulse:not(:disabled):not(.disabled) { 17995 box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; 17996 -webkit-animation: pulse 1.5s infinite !important; 17997 } 17998 17999 .btn.btn-light-dark:hover { 18000 -webkit-animation: none; 18001 } 18002 18003 .btn.btn-outline-dark { 18004 background: none; 18005 border-color: #293134; 18006 color: #1e2426; 18007 border-width: 1px; 18008 } 18009 18010 .btn.btn-outline-dark:not(:disabled):not(.disabled):hover { 18011 background: #293134; 18012 border-color: #293134; 18013 color: white; 18014 } 18015 18016 .btn.btn-outline-dark:not(:disabled):not(.disabled):focus, 18017 .btn.btn-outline-dark:not(:disabled):not(.disabled):active { 18018 background: #0e1112; 18019 border-color: #0e1112; 18020 color: white; 18021 } 18022 18023 .btn.btn-outline-dark:not(:disabled):not(.disabled):focus { 18024 box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4); 18025 } 18026 18027 .btn.btn-outline-dark.btn-pulse:not(:disabled):not(.disabled) { 18028 box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; 18029 -webkit-animation: pulse 1.5s infinite !important; 18030 } 18031 18032 .btn.btn-outline-dark:hover { 18033 -webkit-animation: none; 18034 } 18035 18036 .btn.btn-facebook { 18037 background: #3b5998; 18038 border-color: #3b5998; 18039 color: white; 18040 } 18041 18042 .btn.btn-facebook:not(:disabled):not(.disabled):hover, 18043 .btn.btn-facebook:not(:disabled):not(.disabled):focus, 18044 .btn.btn-facebook:not(:disabled):not(.disabled):active { 18045 background: #2d4373; 18046 border-color: #2d4373; 18047 } 18048 18049 .btn.btn-facebook:not(:disabled):not(.disabled):focus { 18050 box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4) !important; 18051 } 18052 18053 .btn.btn-facebook.btn-pulse:not(:disabled):not(.disabled) { 18054 box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important; 18055 -webkit-animation: pulse 1.5s infinite !important; 18056 } 18057 18058 .btn.btn-facebook:hover { 18059 -webkit-animation: none; 18060 } 18061 18062 .btn.btn-outline-facebook { 18063 background: none; 18064 border-color: #3b5998; 18065 color: #344e86; 18066 border-width: 1px; 18067 } 18068 18069 .btn.btn-outline-facebook:not(:disabled):not(.disabled):hover { 18070 background: #3b5998; 18071 border-color: #3b5998; 18072 color: white; 18073 } 18074 18075 .btn.btn-outline-facebook:not(:disabled):not(.disabled):focus, 18076 .btn.btn-outline-facebook:not(:disabled):not(.disabled):active { 18077 background: #2a3f6c; 18078 border-color: #2a3f6c; 18079 color: white; 18080 } 18081 18082 .btn.btn-outline-facebook:not(:disabled):not(.disabled):focus { 18083 box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4); 18084 } 18085 18086 .btn.btn-outline-facebook.btn-pulse:not(:disabled):not(.disabled) { 18087 box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important; 18088 -webkit-animation: pulse 1.5s infinite !important; 18089 } 18090 18091 .btn.btn-outline-facebook:hover { 18092 -webkit-animation: none; 18093 } 18094 18095 .btn.btn-google { 18096 background: #db4437; 18097 border-color: #db4437; 18098 color: white; 18099 } 18100 18101 .btn.btn-google:not(:disabled):not(.disabled):hover, 18102 .btn.btn-google:not(:disabled):not(.disabled):focus, 18103 .btn.btn-google:not(:disabled):not(.disabled):active { 18104 background: #bd2e22; 18105 border-color: #bd2e22; 18106 } 18107 18108 .btn.btn-google:not(:disabled):not(.disabled):focus { 18109 box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4) !important; 18110 } 18111 18112 .btn.btn-google.btn-pulse:not(:disabled):not(.disabled) { 18113 box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important; 18114 -webkit-animation: pulse 1.5s infinite !important; 18115 } 18116 18117 .btn.btn-google:hover { 18118 -webkit-animation: none; 18119 } 18120 18121 .btn.btn-outline-google { 18122 background: none; 18123 border-color: #db4437; 18124 color: #d33426; 18125 border-width: 1px; 18126 } 18127 18128 .btn.btn-outline-google:not(:disabled):not(.disabled):hover { 18129 background: #db4437; 18130 border-color: #db4437; 18131 color: white; 18132 } 18133 18134 .btn.btn-outline-google:not(:disabled):not(.disabled):focus, 18135 .btn.btn-outline-google:not(:disabled):not(.disabled):active { 18136 background: #b42c20; 18137 border-color: #b42c20; 18138 color: white; 18139 } 18140 18141 .btn.btn-outline-google:not(:disabled):not(.disabled):focus { 18142 box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4); 18143 } 18144 18145 .btn.btn-outline-google.btn-pulse:not(:disabled):not(.disabled) { 18146 box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important; 18147 -webkit-animation: pulse 1.5s infinite !important; 18148 } 18149 18150 .btn.btn-outline-google:hover { 18151 -webkit-animation: none; 18152 } 18153 18154 .btn.btn-twitter { 18155 background: #55acee; 18156 border-color: #55acee; 18157 color: white; 18158 } 18159 18160 .btn.btn-twitter:not(:disabled):not(.disabled):hover, 18161 .btn.btn-twitter:not(:disabled):not(.disabled):focus, 18162 .btn.btn-twitter:not(:disabled):not(.disabled):active { 18163 background: #2795e9; 18164 border-color: #2795e9; 18165 } 18166 18167 .btn.btn-twitter:not(:disabled):not(.disabled):focus { 18168 box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4) !important; 18169 } 18170 18171 .btn.btn-twitter.btn-pulse:not(:disabled):not(.disabled) { 18172 box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important; 18173 -webkit-animation: pulse 1.5s infinite !important; 18174 } 18175 18176 .btn.btn-twitter:hover { 18177 -webkit-animation: none; 18178 } 18179 18180 .btn.btn-outline-twitter { 18181 background: none; 18182 border-color: #55acee; 18183 color: #3ea1ec; 18184 border-width: 1px; 18185 } 18186 18187 .btn.btn-outline-twitter:not(:disabled):not(.disabled):hover { 18188 background: #55acee; 18189 border-color: #55acee; 18190 color: white; 18191 } 18192 18193 .btn.btn-outline-twitter:not(:disabled):not(.disabled):focus, 18194 .btn.btn-outline-twitter:not(:disabled):not(.disabled):active { 18195 background: #1d91e8; 18196 border-color: #1d91e8; 18197 color: white; 18198 } 18199 18200 .btn.btn-outline-twitter:not(:disabled):not(.disabled):focus { 18201 box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4); 18202 } 18203 18204 .btn.btn-outline-twitter.btn-pulse:not(:disabled):not(.disabled) { 18205 box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important; 18206 -webkit-animation: pulse 1.5s infinite !important; 18207 } 18208 18209 .btn.btn-outline-twitter:hover { 18210 -webkit-animation: none; 18211 } 18212 18213 .btn.btn-linkedin { 18214 background: #0077b5; 18215 border-color: #0077b5; 18216 color: white; 18217 } 18218 18219 .btn.btn-linkedin:not(:disabled):not(.disabled):hover, 18220 .btn.btn-linkedin:not(:disabled):not(.disabled):focus, 18221 .btn.btn-linkedin:not(:disabled):not(.disabled):active { 18222 background: #005582; 18223 border-color: #005582; 18224 } 18225 18226 .btn.btn-linkedin:not(:disabled):not(.disabled):focus { 18227 box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4) !important; 18228 } 18229 18230 .btn.btn-linkedin.btn-pulse:not(:disabled):not(.disabled) { 18231 box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important; 18232 -webkit-animation: pulse 1.5s infinite !important; 18233 } 18234 18235 .btn.btn-linkedin:hover { 18236 -webkit-animation: none; 18237 } 18238 18239 .btn.btn-outline-linkedin { 18240 background: none; 18241 border-color: #0077b5; 18242 color: #00669c; 18243 border-width: 1px; 18244 } 18245 18246 .btn.btn-outline-linkedin:not(:disabled):not(.disabled):hover { 18247 background: #0077b5; 18248 border-color: #0077b5; 18249 color: white; 18250 } 18251 18252 .btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus, 18253 .btn.btn-outline-linkedin:not(:disabled):not(.disabled):active { 18254 background: #004f78; 18255 border-color: #004f78; 18256 color: white; 18257 } 18258 18259 .btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus { 18260 box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4); 18261 } 18262 18263 .btn.btn-outline-linkedin.btn-pulse:not(:disabled):not(.disabled) { 18264 box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important; 18265 -webkit-animation: pulse 1.5s infinite !important; 18266 } 18267 18268 .btn.btn-outline-linkedin:hover { 18269 -webkit-animation: none; 18270 } 18271 18272 .btn.btn-whatsapp { 18273 background: #43d854; 18274 border-color: #43d854; 18275 color: white; 18276 } 18277 18278 .btn.btn-whatsapp:not(:disabled):not(.disabled):hover, 18279 .btn.btn-whatsapp:not(:disabled):not(.disabled):focus, 18280 .btn.btn-whatsapp:not(:disabled):not(.disabled):active { 18281 background: #28c039; 18282 border-color: #28c039; 18283 } 18284 18285 .btn.btn-whatsapp:not(:disabled):not(.disabled):focus { 18286 box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4) !important; 18287 } 18288 18289 .btn.btn-whatsapp.btn-pulse:not(:disabled):not(.disabled) { 18290 box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important; 18291 -webkit-animation: pulse 1.5s infinite !important; 18292 } 18293 18294 .btn.btn-whatsapp:hover { 18295 -webkit-animation: none; 18296 } 18297 18298 .btn.btn-outline-whatsapp { 18299 background: none; 18300 border-color: #43d854; 18301 color: #2ed441; 18302 border-width: 1px; 18303 } 18304 18305 .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):hover { 18306 background: #43d854; 18307 border-color: #43d854; 18308 color: white; 18309 } 18310 18311 .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus, 18312 .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):active { 18313 background: #26b837; 18314 border-color: #26b837; 18315 color: white; 18316 } 18317 18318 .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus { 18319 box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4); 18320 } 18321 18322 .btn.btn-outline-whatsapp.btn-pulse:not(:disabled):not(.disabled) { 18323 box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important; 18324 -webkit-animation: pulse 1.5s infinite !important; 18325 } 18326 18327 .btn.btn-outline-whatsapp:hover { 18328 -webkit-animation: none; 18329 } 18330 18331 .btn.btn-instagram { 18332 background: #3f729b; 18333 border-color: #3f729b; 18334 color: white; 18335 } 18336 18337 .btn.btn-instagram:not(:disabled):not(.disabled):hover, 18338 .btn.btn-instagram:not(:disabled):not(.disabled):focus, 18339 .btn.btn-instagram:not(:disabled):not(.disabled):active { 18340 background: #305777; 18341 border-color: #305777; 18342 } 18343 18344 .btn.btn-instagram:not(:disabled):not(.disabled):focus { 18345 box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4) !important; 18346 } 18347 18348 .btn.btn-instagram.btn-pulse:not(:disabled):not(.disabled) { 18349 box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important; 18350 -webkit-animation: pulse 1.5s infinite !important; 18351 } 18352 18353 .btn.btn-instagram:hover { 18354 -webkit-animation: none; 18355 } 18356 18357 .btn.btn-outline-instagram { 18358 background: none; 18359 border-color: #3f729b; 18360 color: #386589; 18361 border-width: 1px; 18362 } 18363 18364 .btn.btn-outline-instagram:not(:disabled):not(.disabled):hover { 18365 background: #3f729b; 18366 border-color: #3f729b; 18367 color: white; 18368 } 18369 18370 .btn.btn-outline-instagram:not(:disabled):not(.disabled):focus, 18371 .btn.btn-outline-instagram:not(:disabled):not(.disabled):active { 18372 background: #2d526f; 18373 border-color: #2d526f; 18374 color: white; 18375 } 18376 18377 .btn.btn-outline-instagram:not(:disabled):not(.disabled):focus { 18378 box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4); 18379 } 18380 18381 .btn.btn-outline-instagram.btn-pulse:not(:disabled):not(.disabled) { 18382 box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important; 18383 -webkit-animation: pulse 1.5s infinite !important; 18384 } 18385 18386 .btn.btn-outline-instagram:hover { 18387 -webkit-animation: none; 18388 } 18389 18390 .btn.btn-dribbble { 18391 background: #ea4c89; 18392 border-color: #ea4c89; 18393 color: white; 18394 } 18395 18396 .btn.btn-dribbble:not(:disabled):not(.disabled):hover, 18397 .btn.btn-dribbble:not(:disabled):not(.disabled):focus, 18398 .btn.btn-dribbble:not(:disabled):not(.disabled):active { 18399 background: #e51e6b; 18400 border-color: #e51e6b; 18401 } 18402 18403 .btn.btn-dribbble:not(:disabled):not(.disabled):focus { 18404 box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4) !important; 18405 } 18406 18407 .btn.btn-dribbble.btn-pulse:not(:disabled):not(.disabled) { 18408 box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important; 18409 -webkit-animation: pulse 1.5s infinite !important; 18410 } 18411 18412 .btn.btn-dribbble:hover { 18413 -webkit-animation: none; 18414 } 18415 18416 .btn.btn-outline-dribbble { 18417 background: none; 18418 border-color: #ea4c89; 18419 color: #e7357a; 18420 border-width: 1px; 18421 } 18422 18423 .btn.btn-outline-dribbble:not(:disabled):not(.disabled):hover { 18424 background: #ea4c89; 18425 border-color: #ea4c89; 18426 color: white; 18427 } 18428 18429 .btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus, 18430 .btn.btn-outline-dribbble:not(:disabled):not(.disabled):active { 18431 background: #df1a66; 18432 border-color: #df1a66; 18433 color: white; 18434 } 18435 18436 .btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus { 18437 box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4); 18438 } 18439 18440 .btn.btn-outline-dribbble.btn-pulse:not(:disabled):not(.disabled) { 18441 box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important; 18442 -webkit-animation: pulse 1.5s infinite !important; 18443 } 18444 18445 .btn.btn-outline-dribbble:hover { 18446 -webkit-animation: none; 18447 } 18448 18449 .btn.btn-youtube { 18450 background: #cd201f; 18451 border-color: #cd201f; 18452 color: white; 18453 } 18454 18455 .btn.btn-youtube:not(:disabled):not(.disabled):hover, 18456 .btn.btn-youtube:not(:disabled):not(.disabled):focus, 18457 .btn.btn-youtube:not(:disabled):not(.disabled):active { 18458 background: #a11918; 18459 border-color: #a11918; 18460 } 18461 18462 .btn.btn-youtube:not(:disabled):not(.disabled):focus { 18463 box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4) !important; 18464 } 18465 18466 .btn.btn-youtube.btn-pulse:not(:disabled):not(.disabled) { 18467 box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important; 18468 -webkit-animation: pulse 1.5s infinite !important; 18469 } 18470 18471 .btn.btn-youtube:hover { 18472 -webkit-animation: none; 18473 } 18474 18475 .btn.btn-outline-youtube { 18476 background: none; 18477 border-color: #cd201f; 18478 color: #b71d1c; 18479 border-width: 1px; 18480 } 18481 18482 .btn.btn-outline-youtube:not(:disabled):not(.disabled):hover { 18483 background: #cd201f; 18484 border-color: #cd201f; 18485 color: white; 18486 } 18487 18488 .btn.btn-outline-youtube:not(:disabled):not(.disabled):focus, 18489 .btn.btn-outline-youtube:not(:disabled):not(.disabled):active { 18490 background: #981817; 18491 border-color: #981817; 18492 color: white; 18493 } 18494 18495 .btn.btn-outline-youtube:not(:disabled):not(.disabled):focus { 18496 box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4); 18497 } 18498 18499 .btn.btn-outline-youtube.btn-pulse:not(:disabled):not(.disabled) { 18500 box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important; 18501 -webkit-animation: pulse 1.5s infinite !important; 18502 } 18503 18504 .btn.btn-outline-youtube:hover { 18505 -webkit-animation: none; 18506 } 18507 18508 .btn.btn-github { 18509 background: #00405d; 18510 border-color: #00405d; 18511 color: white; 18512 } 18513 18514 .btn.btn-github:not(:disabled):not(.disabled):hover, 18515 .btn.btn-github:not(:disabled):not(.disabled):focus, 18516 .btn.btn-github:not(:disabled):not(.disabled):active { 18517 background: #001d2a; 18518 border-color: #001d2a; 18519 } 18520 18521 .btn.btn-github:not(:disabled):not(.disabled):focus { 18522 box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4) !important; 18523 } 18524 18525 .btn.btn-github.btn-pulse:not(:disabled):not(.disabled) { 18526 box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important; 18527 -webkit-animation: pulse 1.5s infinite !important; 18528 } 18529 18530 .btn.btn-github:hover { 18531 -webkit-animation: none; 18532 } 18533 18534 .btn.btn-outline-github { 18535 background: none; 18536 border-color: #00405d; 18537 color: #002e44; 18538 border-width: 1px; 18539 } 18540 18541 .btn.btn-outline-github:not(:disabled):not(.disabled):hover { 18542 background: #00405d; 18543 border-color: #00405d; 18544 color: white; 18545 } 18546 18547 .btn.btn-outline-github:not(:disabled):not(.disabled):focus, 18548 .btn.btn-outline-github:not(:disabled):not(.disabled):active { 18549 background: #001620; 18550 border-color: #001620; 18551 color: white; 18552 } 18553 18554 .btn.btn-outline-github:not(:disabled):not(.disabled):focus { 18555 box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4); 18556 } 18557 18558 .btn.btn-outline-github.btn-pulse:not(:disabled):not(.disabled) { 18559 box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important; 18560 -webkit-animation: pulse 1.5s infinite !important; 18561 } 18562 18563 .btn.btn-outline-github:hover { 18564 -webkit-animation: none; 18565 } 18566 18567 .btn.btn-behance { 18568 background: #1769ff; 18569 border-color: #1769ff; 18570 color: white; 18571 } 18572 18573 .btn.btn-behance:not(:disabled):not(.disabled):hover, 18574 .btn.btn-behance:not(:disabled):not(.disabled):focus, 18575 .btn.btn-behance:not(:disabled):not(.disabled):active { 18576 background: #0050e3; 18577 border-color: #0050e3; 18578 } 18579 18580 .btn.btn-behance:not(:disabled):not(.disabled):focus { 18581 box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4) !important; 18582 } 18583 18584 .btn.btn-behance.btn-pulse:not(:disabled):not(.disabled) { 18585 box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important; 18586 -webkit-animation: pulse 1.5s infinite !important; 18587 } 18588 18589 .btn.btn-behance:hover { 18590 -webkit-animation: none; 18591 } 18592 18593 .btn.btn-outline-behance { 18594 background: none; 18595 border-color: #1769ff; 18596 color: #0059fd; 18597 border-width: 1px; 18598 } 18599 18600 .btn.btn-outline-behance:not(:disabled):not(.disabled):hover { 18601 background: #1769ff; 18602 border-color: #1769ff; 18603 color: white; 18604 } 18605 18606 .btn.btn-outline-behance:not(:disabled):not(.disabled):focus, 18607 .btn.btn-outline-behance:not(:disabled):not(.disabled):active { 18608 background: #004dd9; 18609 border-color: #004dd9; 18610 color: white; 18611 } 18612 18613 .btn.btn-outline-behance:not(:disabled):not(.disabled):focus { 18614 box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4); 18615 } 18616 18617 .btn.btn-outline-behance.btn-pulse:not(:disabled):not(.disabled) { 18618 box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important; 18619 -webkit-animation: pulse 1.5s infinite !important; 18620 } 18621 18622 .btn.btn-outline-behance:hover { 18623 -webkit-animation: none; 18624 } 18625 18626 .btn.btn-skype { 18627 background: #00aff0; 18628 border-color: #00aff0; 18629 color: white; 18630 } 18631 18632 .btn.btn-skype:not(:disabled):not(.disabled):hover, 18633 .btn.btn-skype:not(:disabled):not(.disabled):focus, 18634 .btn.btn-skype:not(:disabled):not(.disabled):active { 18635 background: #008abd; 18636 border-color: #008abd; 18637 } 18638 18639 .btn.btn-skype:not(:disabled):not(.disabled):focus { 18640 box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4) !important; 18641 } 18642 18643 .btn.btn-skype.btn-pulse:not(:disabled):not(.disabled) { 18644 box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important; 18645 -webkit-animation: pulse 1.5s infinite !important; 18646 } 18647 18648 .btn.btn-skype:hover { 18649 -webkit-animation: none; 18650 } 18651 18652 .btn.btn-outline-skype { 18653 background: none; 18654 border-color: #00aff0; 18655 color: #009cd7; 18656 border-width: 1px; 18657 } 18658 18659 .btn.btn-outline-skype:not(:disabled):not(.disabled):hover { 18660 background: #00aff0; 18661 border-color: #00aff0; 18662 color: white; 18663 } 18664 18665 .btn.btn-outline-skype:not(:disabled):not(.disabled):focus, 18666 .btn.btn-outline-skype:not(:disabled):not(.disabled):active { 18667 background: #0082b3; 18668 border-color: #0082b3; 18669 color: white; 18670 } 18671 18672 .btn.btn-outline-skype:not(:disabled):not(.disabled):focus { 18673 box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4); 18674 } 18675 18676 .btn.btn-outline-skype.btn-pulse:not(:disabled):not(.disabled) { 18677 box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important; 18678 -webkit-animation: pulse 1.5s infinite !important; 18679 } 18680 18681 .btn.btn-outline-skype:hover { 18682 -webkit-animation: none; 18683 } 18684 18685 .btn.btn-yahoo { 18686 background: #410093; 18687 border-color: #410093; 18688 color: white; 18689 } 18690 18691 .btn.btn-yahoo:not(:disabled):not(.disabled):hover, 18692 .btn.btn-yahoo:not(:disabled):not(.disabled):focus, 18693 .btn.btn-yahoo:not(:disabled):not(.disabled):active { 18694 background: #2a0060; 18695 border-color: #2a0060; 18696 } 18697 18698 .btn.btn-yahoo:not(:disabled):not(.disabled):focus { 18699 box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4) !important; 18700 } 18701 18702 .btn.btn-yahoo.btn-pulse:not(:disabled):not(.disabled) { 18703 box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important; 18704 -webkit-animation: pulse 1.5s infinite !important; 18705 } 18706 18707 .btn.btn-yahoo:hover { 18708 -webkit-animation: none; 18709 } 18710 18711 .btn.btn-outline-yahoo { 18712 background: none; 18713 border-color: #410093; 18714 color: #36007a; 18715 border-width: 1px; 18716 } 18717 18718 .btn.btn-outline-yahoo:not(:disabled):not(.disabled):hover { 18719 background: #410093; 18720 border-color: #410093; 18721 color: white; 18722 } 18723 18724 .btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus, 18725 .btn.btn-outline-yahoo:not(:disabled):not(.disabled):active { 18726 background: #260056; 18727 border-color: #260056; 18728 color: white; 18729 } 18730 18731 .btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus { 18732 box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4); 18733 } 18734 18735 .btn.btn-outline-yahoo.btn-pulse:not(:disabled):not(.disabled) { 18736 box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important; 18737 -webkit-animation: pulse 1.5s infinite !important; 18738 } 18739 18740 .btn.btn-outline-yahoo:hover { 18741 -webkit-animation: none; 18742 } 18743 18744 .btn.btn-apple, 18745 .btn.btn-google-play { 18746 border-radius: 7px; 18747 } 18748 18749 .btn.btn-apple img, 18750 .btn.btn-google-play img { 18751 width: 35px; 18752 margin-right: 10px; 18753 } 18754 18755 .btn.btn-apple i, 18756 .btn.btn-google-play i { 18757 font-size: 40px; 18758 margin-right: 10px; 18759 } 18760 18761 .btn.btn-apple > span, 18762 .btn.btn-google-play > span { 18763 display: -webkit-box; 18764 display: flex; 18765 -webkit-box-orient: vertical; 18766 -webkit-box-direction: normal; 18767 flex-direction: column; 18768 text-align: left; 18769 } 18770 18771 .btn.btn-apple > span span:nth-child(2), 18772 .btn.btn-google-play > span span:nth-child(2) { 18773 font-size: 20px; 18774 font-weight: 600; 18775 margin-top: 5px; 18776 } 18777 18778 .btn.btn-apple:hover, 18779 .btn.btn-apple:active, 18780 .btn.btn-apple:focus, 18781 .btn.btn-google-play:hover, 18782 .btn.btn-google-play:active, 18783 .btn.btn-google-play:focus { 18784 background: #040507; 18785 color: white; 18786 } 18787 18788 .btn.btn-apple { 18789 border: 1px solid #040507; 18790 color: #040507; 18791 } 18792 18793 .btn.btn-google-play { 18794 background: #040507; 18795 color: white; 18796 } 18797 18798 .btn.btn-google-play > span span:nth-child(1) { 18799 text-transform: uppercase; 18800 font-size: 12px; 18801 } 18802 18803 @-webkit-keyframes pulse { 18804 to { 18805 box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); 18806 } 18807 } 18808 18809 @keyframes pulse { 18810 to { 18811 box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); 18812 } 18813 } 18814 18815 .progress .progress-bar.progress-bar-striped { 18816 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; 18817 background-size: 1rem 1rem !important; 18818 } 18819 18820 .progress .progress-bar:not(.progress-bar-striped) { 18821 background: #0081ff; 18822 } 18823 18824 .dropdown { 18825 display: inline; 18826 } 18827 18828 .dropdown-menu { 18829 margin-top: -10px; 18830 visibility: hidden; 18831 opacity: 0; 18832 height: 0; 18833 display: block !important; 18834 -webkit-transition: margin-top 0.3s, opacity 0.3s; 18835 transition: margin-top 0.3s, opacity 0.3s; 18836 border-top: 1px solid #eee !important; 18837 } 18838 18839 .dropdown-menu ul.list-group { 18840 max-height: 300px; 18841 } 18842 18843 .dropdown-menu.show { 18844 margin-top: 0; 18845 visibility: visible; 18846 opacity: 1; 18847 height: auto; 18848 } 18849 18850 .dropdown-header { 18851 font-size: inherit; 18852 padding: 10px 20px; 18853 border-bottom: 1px solid #f0f0f0; 18854 } 18855 18856 .dropdown-body { 18857 padding: 10px 20px; 18858 } 18859 18860 .dropdown-menu { 18861 border-radius: 0.5rem; 18862 font-size: 14px; 18863 border: none; 18864 box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.15); 18865 overflow: hidden; 18866 } 18867 18868 .dropdown-menu.dropdown-menu-big { 18869 padding: 0; 18870 width: 300px; 18871 } 18872 18873 .dropdown-menu .dropdown-menu-body { 18874 max-height: 400px; 18875 overflow: auto; 18876 } 18877 18878 .dropdown-menu .dropdown-menu-title { 18879 background-color: #0081ff; 18880 padding: 15px 20px; 18881 color: white; 18882 background-size: cover !important; 18883 background-position: center !important; 18884 } 18885 18886 .dropdown-menu .dropdown-menu-footer { 18887 padding: 10px 20px; 18888 } 18889 18890 .dropdown-menu ul li.dropdown-menu-title { 18891 background: red; 18892 margin: 5px 0; 18893 padding: 0px 20px 5px; 18894 border-bottom: 1px solid #ebebeb; 18895 } 18896 18897 .dropdown-menu ul li.dropdown-menu-title:first-child { 18898 margin-top: 0; 18899 } 18900 18901 .dropdown-menu .dropdown-item:hover, 18902 .dropdown-menu .dropdown-item:focus, 18903 .dropdown-menu .dropdown-item:active { 18904 background: #f5f5f5; 18905 text-decoration: none; 18906 color: #0081ff; 18907 } 18908 18909 table .dropdown { 18910 line-height: initial; 18911 } 18912 18913 .badge { 18914 padding: 5px 10px; 18915 font-size: 11px; 18916 } 18917 18918 .badge.badge-success { 18919 background: #28c76f; 18920 } 18921 18922 .badge.badge-danger { 18923 background: #ea5455; 18924 } 18925 18926 .badge.badge-secondary { 18927 background: #aa66cc; 18928 } 18929 18930 .badge.badge-info { 18931 background: #33b5e5; 18932 } 18933 18934 .badge.badge-warning { 18935 background: #ff9f43; 18936 } 18937 18938 .badge.badge-dark { 18939 background: #293134; 18940 } 18941 18942 .badge.badge-primary { 18943 background: #0081ff; 18944 } 18945 18946 .badge.badge-light { 18947 background: #afb8bd; 18948 } 18949 18950 .btn { 18951 position: relative; 18952 } 18953 18954 .btn .badge { 18955 padding: 2px 6px; 18956 right: 7px; 18957 top: -7px; 18958 position: absolute; 18959 } 18960 18961 .collapse .card, 18962 .collapse .app-block .app-content .app-action, 18963 .app-block .app-content .collapse .app-action, 18964 .collapse .chat-block { 18965 border: 1px solid #e1e1e1; 18966 box-shadow: none; 18967 } 18968 18969 .media > img, 18970 .media > a > img, 18971 .header form .input-group .input-group-append .media > button.btn > img { 18972 width: 80px; 18973 } 18974 18975 .accordion .card, 18976 .accordion .app-block .app-content .app-action, 18977 .app-block .app-content .accordion .app-action, 18978 .accordion .chat-block { 18979 margin-bottom: 0; 18980 border: 1px solid #ebebeb; 18981 } 18982 18983 .accordion .card .card-header, 18984 .accordion .app-block .app-content .app-action .card-header, 18985 .app-block .app-content .accordion .app-action .card-header, 18986 .accordion .chat-block .card-header { 18987 display: -webkit-box; 18988 display: flex; 18989 height: 50px; 18990 padding: 0 10px; 18991 -webkit-box-align: center; 18992 align-items: center; 18993 } 18994 18995 .accordion .card .card-header button, 18996 .accordion .app-block .app-content .app-action .card-header button, 18997 .app-block .app-content .accordion .app-action .card-header button, 18998 .accordion .chat-block .card-header button { 18999 display: block; 19000 } 19001 19002 .accordion.custom-accordion { 19003 border: 1px solid #ebebeb; 19004 border-radius: 5px; 19005 overflow: hidden; 19006 } 19007 19008 .accordion.custom-accordion .accordion-row a.accordion-header, 19009 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn, 19010 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn { 19011 color: #293134; 19012 border-bottom: 1px solid #ebebeb; 19013 border-top: 1px solid #ebebeb; 19014 padding: 10px 20px; 19015 display: -webkit-box; 19016 display: flex; 19017 -webkit-box-align: center; 19018 align-items: center; 19019 -webkit-box-pack: justify; 19020 justify-content: space-between; 19021 margin-top: -1px; 19022 } 19023 19024 .accordion.custom-accordion .accordion-row a.accordion-header .accordion-status-icon.open, 19025 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open, 19026 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn .accordion-status-icon.open { 19027 display: none; 19028 } 19029 19030 .accordion.custom-accordion .accordion-row a.accordion-header:hover, 19031 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:hover, 19032 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:hover, 19033 .accordion.custom-accordion .accordion-row a.accordion-header:focus, 19034 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus, 19035 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus { 19036 color: #0081ff; 19037 } 19038 19039 .accordion.custom-accordion .accordion-row .accordion-body { 19040 display: none; 19041 padding: 10px 20px; 19042 } 19043 19044 .accordion.custom-accordion .accordion-row.open a.accordion-header, 19045 .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19046 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn { 19047 background: white; 19048 } 19049 19050 .accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.open, 19051 .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open, 19052 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.open { 19053 display: block; 19054 } 19055 19056 .accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.close, 19057 .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.close, 19058 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.close { 19059 display: none; 19060 } 19061 19062 .accordion.custom-accordion .accordion-row.open .accordion-body { 19063 display: block; 19064 } 19065 19066 .accordion.custom-accordion .accordion-row:first-child a.accordion-header, 19067 .accordion.custom-accordion .accordion-row:first-child .header form .input-group .input-group-append button.accordion-header.btn, 19068 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row:first-child button.accordion-header.btn { 19069 border-top: none; 19070 } 19071 19072 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:hover, 19073 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19074 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:hover, 19075 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:focus, 19076 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19077 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus { 19078 color: #0081ff; 19079 } 19080 19081 .accordion.custom-accordion.accordion-primary .accordion-row.open a.accordion-header, 19082 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19083 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn { 19084 background: #0081ff; 19085 color: white; 19086 } 19087 19088 .accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:hover, 19089 .accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19090 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:hover, 19091 .accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:focus, 19092 .accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19093 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:focus { 19094 color: #28c76f; 19095 } 19096 19097 .accordion.custom-accordion.accordion-success .accordion-row.open a.accordion-header, 19098 .accordion.custom-accordion.accordion-success .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19099 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row.open button.accordion-header.btn { 19100 background: #28c76f; 19101 color: white; 19102 } 19103 19104 .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:hover, 19105 .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19106 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:hover, 19107 .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:focus, 19108 .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19109 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:focus { 19110 color: #ea5455; 19111 } 19112 19113 .accordion.custom-accordion.accordion-danger .accordion-row.open a.accordion-header, 19114 .accordion.custom-accordion.accordion-danger .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19115 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row.open button.accordion-header.btn { 19116 background: #ea5455; 19117 color: white; 19118 } 19119 19120 .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:hover, 19121 .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19122 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:hover, 19123 .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:focus, 19124 .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19125 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:focus { 19126 color: #aa66cc; 19127 } 19128 19129 .accordion.custom-accordion.accordion-secondary .accordion-row.open a.accordion-header, 19130 .accordion.custom-accordion.accordion-secondary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19131 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row.open button.accordion-header.btn { 19132 background: #aa66cc; 19133 color: white; 19134 } 19135 19136 .accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:hover, 19137 .accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19138 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:hover, 19139 .accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:focus, 19140 .accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19141 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:focus { 19142 color: #293134; 19143 } 19144 19145 .accordion.custom-accordion.accordion-light .accordion-row.open a.accordion-header, 19146 .accordion.custom-accordion.accordion-light .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19147 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row.open button.accordion-header.btn { 19148 background: #afb8bd; 19149 color: #293134; 19150 } 19151 19152 .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:hover, 19153 .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19154 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:hover, 19155 .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:focus, 19156 .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19157 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:focus { 19158 color: #ff9f43; 19159 } 19160 19161 .accordion.custom-accordion.accordion-warning .accordion-row.open a.accordion-header, 19162 .accordion.custom-accordion.accordion-warning .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19163 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row.open button.accordion-header.btn { 19164 background: #ff9f43; 19165 color: #293134; 19166 } 19167 19168 .accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:hover, 19169 .accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19170 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:hover, 19171 .accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:focus, 19172 .accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19173 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:focus { 19174 color: #33b5e5; 19175 } 19176 19177 .accordion.custom-accordion.accordion-info .accordion-row.open a.accordion-header, 19178 .accordion.custom-accordion.accordion-info .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19179 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row.open button.accordion-header.btn { 19180 background: #33b5e5; 19181 color: white; 19182 } 19183 19184 .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:hover, 19185 .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, 19186 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:hover, 19187 .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:focus, 19188 .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, 19189 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:focus { 19190 color: #293134; 19191 } 19192 19193 .accordion.custom-accordion.accordion-dark .accordion-row.open a.accordion-header, 19194 .accordion.custom-accordion.accordion-dark .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, 19195 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row.open button.accordion-header.btn { 19196 background: #293134; 19197 color: white; 19198 } 19199 19200 .isotope-item { 19201 z-index: 2; 19202 } 19203 19204 .isotope-hidden.isotope-item { 19205 pointer-events: none; 19206 z-index: 1; 19207 } 19208 19209 .isotope, 19210 .isotope .isotope-item { 19211 -webkit-transition-duration: 0.8s; 19212 transition-duration: 0.8s; 19213 } 19214 19215 .isotope { 19216 -webkit-transition-property: height, width; 19217 transition-property: height, width; 19218 } 19219 19220 .isotope .isotope-item { 19221 -webkit-transition-property: opacity, -webkit-transform; 19222 transition-property: opacity, -webkit-transform; 19223 transition-property: transform, opacity; 19224 transition-property: transform, opacity, -webkit-transform; 19225 } 19226 19227 .gallery-container img { 19228 width: 100%; 19229 } 19230 19231 .daterangepicker td.active { 19232 background: #0081ff; 19233 } 19234 19235 .daterangepicker td.active:hover { 19236 background: #0081ff; 19237 } 19238 19239 .daterangepicker .ranges li.active { 19240 background: #0081ff; 19241 } 19242 19243 .alert { 19244 border-color: transparent !important; 19245 } 19246 19247 .alert .close { 19248 height: 100%; 19249 width: 44px; 19250 -webkit-box-pack: center; 19251 justify-content: center; 19252 -webkit-box-align: center; 19253 align-items: center; 19254 padding: 0; 19255 display: -webkit-box; 19256 display: flex; 19257 } 19258 19259 .alert .close > * { 19260 font-size: initial; 19261 text-shadow: none; 19262 line-height: 0; 19263 } 19264 19265 .alert.alert-primary { 19266 background: rgba(0, 129, 255, 0.3) !important; 19267 } 19268 19269 .alert.alert-primary.alert-with-border { 19270 border-left: 3px solid #0081ff !important; 19271 } 19272 19273 .alert.alert-secondary { 19274 background: rgba(170, 102, 204, 0.3) !important; 19275 } 19276 19277 .alert.alert-secondary.alert-with-border { 19278 border-left: 3px solid #aa66cc !important; 19279 } 19280 19281 .alert.alert-success { 19282 background: rgba(40, 199, 111, 0.3) !important; 19283 } 19284 19285 .alert.alert-success.alert-with-border { 19286 border-left: 3px solid #28c76f !important; 19287 } 19288 19289 .alert.alert-danger { 19290 background: rgba(234, 84, 85, 0.3) !important; 19291 } 19292 19293 .alert.alert-danger.alert-with-border { 19294 border-left: 3px solid #ea5455 !important; 19295 } 19296 19297 .alert.alert-warning { 19298 background: rgba(255, 159, 67, 0.3) !important; 19299 } 19300 19301 .alert.alert-warning.alert-with-border { 19302 border-left: 3px solid #ff9f43 !important; 19303 } 19304 19305 .alert.alert-info { 19306 background: rgba(51, 181, 229, 0.3) !important; 19307 } 19308 19309 .alert.alert-info.alert-with-border { 19310 border-left: 3px solid #33b5e5 !important; 19311 } 19312 19313 .alert.alert-dark { 19314 background: #d4d5d8 !important; 19315 color: #293134 !important; 19316 } 19317 19318 .alert.alert-dark.alert-with-border { 19319 border-left: 3px solid #293134 !important; 19320 } 19321 19322 .breadcrumb { 19323 background: none; 19324 padding: 0; 19325 margin-bottom: 30px; 19326 } 19327 19328 .breadcrumb .breadcrumb-item + .breadcrumb-item::before { 19329 font-family: "themify"; 19330 content: "\E649"; 19331 font-size: 10px; 19332 margin-right: 0; 19333 } 19334 19335 .breadcrumb .breadcrumb-item:before { 19336 font-family: "themify"; 19337 content: "\E69B"; 19338 margin-right: 0.5rem; 19339 } 19340 19341 .breadcrumb .breadcrumb-item.active { 19342 color: #0081ff; 19343 } 19344 19345 .notify .alert { 19346 border: none; 19347 box-shadow: 0 2px 10px 0 rgba(24, 28, 33, 0.04); 19348 } 19349 19350 .notify .alert .alert-heading { 19351 font-size: 16px; 19352 font-weight: 600; 19353 } 19354 19355 .notify.open { 19356 -webkit-transform: translate(0); 19357 transform: translate(0); 19358 } 19359 19360 .pagination .page-item.active .page-link { 19361 background: #0081ff; 19362 border-color: transparent; 19363 } 19364 19365 .pagination .page-item .page-link:hover, 19366 .pagination .page-item .page-link:focus { 19367 text-decoration: none; 19368 } 19369 19370 .pagination.pagination-rounded .page-item { 19371 margin: 0 5px; 19372 } 19373 19374 .pagination.pagination-rounded .page-item .page-link { 19375 border-radius: 50%; 19376 padding: 0; 19377 display: -webkit-box; 19378 display: flex; 19379 -webkit-box-align: center; 19380 align-items: center; 19381 -webkit-box-pack: center; 19382 justify-content: center; 19383 height: 40px; 19384 width: 40px; 19385 } 19386 19387 .pagination.pagination-rounded.pagination-sm .page-link { 19388 height: 30px; 19389 width: 30px; 19390 } 19391 19392 .pagination.pagination-rounded.pagination-lg .page-link { 19393 height: 60px; 19394 width: 60px; 19395 } 19396 19397 .tourStep { 19398 border: none; 19399 } 19400 19401 .tourStep.right { 19402 margin-left: 10px; 19403 } 19404 19405 .tourStep.left { 19406 margin-right: 10px; 19407 } 19408 19409 .tourStep.top { 19410 margin-top: -10px; 19411 } 19412 19413 .tourStep.bottom { 19414 margin-top: 10px; 19415 } 19416 19417 .tourStep .popover-navigation { 19418 border-top: 1px solid #ddd; 19419 padding: 0.5rem 0.75rem; 19420 display: -webkit-box; 19421 display: flex; 19422 -webkit-box-align: center; 19423 align-items: center; 19424 } 19425 19426 .tourStep .popover-navigation span { 19427 font-size: 12px; 19428 color: #9b9b9b; 19429 } 19430 19431 .tourStep .popover-navigation .popover-navigation-buttons { 19432 margin-left: auto; 19433 } 19434 19435 .tourStep .popover-navigation .popover-navigation-buttons .btn { 19436 margin-left: 5px; 19437 } 19438 19439 .swal-modal { 19440 border-radius: 0.5rem; 19441 } 19442 19443 .swal-modal .swal-title { 19444 font-size: 20px; 19445 } 19446 19447 .swal-modal .swal-text { 19448 text-align: center; 19449 } 19450 19451 .swal-modal .swal-button { 19452 padding: 0.375rem 0.75rem; 19453 } 19454 19455 .swal-modal .swal-button.swal-button--confirm { 19456 background: #0081ff; 19457 } 19458 19459 .swal-modal .swal-button.swal-button--danger { 19460 background: #ea5455; 19461 } 19462 19463 .swal-modal .swal-button.swal-button--cancel { 19464 background: #afb8bd; 19465 } 19466 19467 .swal-modal .swal-icon--error { 19468 border-color: #f4a6a6; 19469 } 19470 19471 .swal-modal .swal-icon--error .swal-icon--error__line { 19472 background: #f4a6a6; 19473 } 19474 19475 .irs .irs-single, 19476 .irs .irs-to, 19477 .irs .irs-from { 19478 background: #0081ff; 19479 } 19480 19481 .irs .irs-single:before, 19482 .irs .irs-to:before, 19483 .irs .irs-from:before { 19484 border-top-color: #0081ff; 19485 } 19486 19487 .irs .irs-handle { 19488 border-color: #0081ff; 19489 } 19490 19491 .irs .irs-bar { 19492 background: #0081ff; 19493 } 19494 19495 .select2 { 19496 width: 100% !important; 19497 } 19498 19499 .select2.select2-container .select2-selection { 19500 border: 1px solid #ced4da; 19501 } 19502 19503 .select2.select2-container .select2-selection .select2-selection__placeholder { 19504 line-height: calc(2.25rem + 2px); 19505 } 19506 19507 .select2.select2-container .select2-selection .select2-selection__arrow { 19508 height: calc(2.25rem + 2px); 19509 width: 30px; 19510 } 19511 19512 .select2.select2-container .select2-selection .select2-selection__choice { 19513 display: -webkit-box; 19514 display: flex; 19515 -webkit-box-align: center; 19516 align-items: center; 19517 border: none; 19518 } 19519 19520 .select2.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove { 19521 font-size: 16px; 19522 padding: 0 5px 0 3px; 19523 } 19524 19525 .select2.select2-container .select2-selection.select2-container--focus { 19526 border-color: red; 19527 } 19528 19529 .select2-container--default .select2-results__option--highlighted[aria-selected] { 19530 background-color: #0081ff; 19531 color: white; 19532 } 19533 19534 .select2-container--default.select2-container--focus .select2-selection--multiple { 19535 border-color: rgba(0, 129, 255, 0.8); 19536 } 19537 19538 .select2-container--default .select2-search--dropdown .select2-search__field { 19539 height: calc(2.25rem + 2px); 19540 padding: 0.375rem 0.75rem; 19541 } 19542 19543 body.modal-open .modal.fade .modal-dialog { 19544 -webkit-transform: translate(0, 0) scale(0.9); 19545 transform: translate(0, 0) scale(0.9); 19546 } 19547 19548 body.modal-open .modal.show .modal-dialog { 19549 -webkit-transform: translate(0, 0) scale(1); 19550 transform: translate(0, 0) scale(1); 19551 } 19552 19553 .modal .modal-dialog .modal-content { 19554 border: none; 19555 box-shadow: none; 19556 border-radius: 0.5rem; 19557 } 19558 19559 .modal .modal-dialog .modal-content .modal-header { 19560 height: 60px; 19561 padding: 0 20px; 19562 display: -webkit-box; 19563 display: flex; 19564 -webkit-box-align: center; 19565 align-items: center; 19566 background-color: #ebebeb; 19567 border-bottom: none; 19568 } 19569 19570 .modal .modal-dialog .modal-content .modal-header .modal-title { 19571 font-size: 17px; 19572 font-weight: 600; 19573 } 19574 19575 .modal .modal-dialog .modal-content .modal-header button.close { 19576 background-color: white; 19577 text-shadow: none; 19578 opacity: 1; 19579 margin: 0; 19580 font-size: 23px; 19581 padding: 0; 19582 width: 30px; 19583 height: 30px; 19584 display: -webkit-box; 19585 display: flex; 19586 border-radius: 50%; 19587 -webkit-box-align: center; 19588 align-items: center; 19589 -webkit-box-pack: center; 19590 justify-content: center; 19591 } 19592 19593 .modal .modal-dialog .modal-content .modal-header button.close:hover { 19594 color: #646464; 19595 } 19596 19597 .modal .modal-dialog .modal-content .modal-header button.close > * { 19598 font-size: initial; 19599 } 19600 19601 .modal .modal-dialog .modal-content .modal-body { 19602 padding: 1.5rem; 19603 } 19604 19605 .modal .modal-dialog .modal-content .modal-footer { 19606 height: 60px; 19607 } 19608 19609 .wickedpicker { 19610 border: none; 19611 box-shadow: 0 2px 15px 0 rgba(69, 65, 78, 0.18); 19612 width: auto; 19613 border-radius: 0; 19614 height: auto; 19615 } 19616 19617 .wickedpicker .wickedpicker__controls { 19618 padding: 10px 15px; 19619 } 19620 19621 .wickedpicker .wickedpicker__controls__control { 19622 width: 40px; 19623 } 19624 19625 .wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-up:before { 19626 content: "\F077"; 19627 font: normal normal normal 14px/1 FontAwesome; 19628 } 19629 19630 .wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-down:after { 19631 content: "\F078"; 19632 font: normal normal normal 14px/1 FontAwesome; 19633 } 19634 19635 .wickedpicker .wickedpicker__controls__control .hover-state { 19636 color: #0081ff; 19637 } 19638 19639 .wickedpicker .wickedpicker__title { 19640 display: none; 19641 } 19642 19643 .clearable-picker { 19644 position: relative; 19645 } 19646 19647 .clearable-picker [data-clear-picker] { 19648 cursor: pointer; 19649 font-size: 20px; 19650 position: absolute; 19651 right: 10px; 19652 top: 50%; 19653 height: 17px; 19654 display: -webkit-box; 19655 display: flex; 19656 -webkit-box-align: center; 19657 align-items: center; 19658 -webkit-box-pack: center; 19659 justify-content: center; 19660 width: 17px; 19661 color: #646464; 19662 margin-top: -8.5px; 19663 bottom: 0; 19664 } 19665 19666 .avatar { 19667 display: inline-block; 19668 margin-bottom: 0; 19669 height: 3rem; 19670 width: 3rem; 19671 border-radius: 50%; 19672 } 19673 19674 .avatar .avatar-title { 19675 background: #d7d7d7; 19676 width: 100%; 19677 height: 100%; 19678 display: -webkit-box; 19679 display: flex; 19680 -webkit-box-align: center; 19681 align-items: center; 19682 -webkit-box-pack: center; 19683 justify-content: center; 19684 text-transform: uppercase; 19685 font-size: 19px; 19686 } 19687 19688 .avatar > a, 19689 .header form .input-group .input-group-append .avatar > button.btn { 19690 width: 100%; 19691 height: 100%; 19692 display: block; 19693 -webkit-transition: color 0.3s; 19694 transition: color 0.3s; 19695 color: #0081ff; 19696 } 19697 19698 .avatar > a:hover, 19699 .header form .input-group .input-group-append .avatar > button.btn:hover, 19700 .avatar > a:focus, 19701 .header form .input-group .input-group-append .avatar > button.btn:focus { 19702 color: #646464; 19703 } 19704 19705 .avatar > a > img, 19706 .header form .input-group .input-group-append .avatar > button.btn > img, 19707 .avatar > img { 19708 width: 100%; 19709 height: 100%; 19710 -o-object-fit: cover; 19711 object-fit: cover; 19712 } 19713 19714 .avatar.avatar-sm { 19715 height: 2rem; 19716 width: 2rem; 19717 } 19718 19719 .avatar.avatar-sm .avatar-title { 19720 font-size: 14px; 19721 } 19722 19723 .avatar.avatar-sm.avatar-state-primary:before, 19724 .avatar.avatar-sm.avatar-state-success:before, 19725 .avatar.avatar-sm.avatar-state-danger:before, 19726 .avatar.avatar-sm.avatar-state-warning:before, 19727 .avatar.avatar-sm.avatar-state-info:before, 19728 .avatar.avatar-sm.avatar-state-secondary:before, 19729 .avatar.avatar-sm.avatar-state-light:before, 19730 .avatar.avatar-sm.avatar-state-dark:before { 19731 width: 0.8rem; 19732 height: 0.8rem; 19733 } 19734 19735 .avatar.avatar-lg { 19736 height: 4.5rem; 19737 width: 4.5rem; 19738 } 19739 19740 .avatar.avatar-lg .avatar-title { 19741 font-size: 29px; 19742 } 19743 19744 .avatar.avatar-lg.avatar-state-primary:before, 19745 .avatar.avatar-lg.avatar-state-success:before, 19746 .avatar.avatar-lg.avatar-state-danger:before, 19747 .avatar.avatar-lg.avatar-state-warning:before, 19748 .avatar.avatar-lg.avatar-state-info:before, 19749 .avatar.avatar-lg.avatar-state-secondary:before, 19750 .avatar.avatar-lg.avatar-state-light:before, 19751 .avatar.avatar-lg.avatar-state-dark:before { 19752 width: 1.3rem; 19753 height: 1.3rem; 19754 right: 4px; 19755 } 19756 19757 .avatar.avatar-xl { 19758 height: 5.8rem; 19759 width: 5.8rem; 19760 } 19761 19762 .avatar.avatar-xl .avatar-title { 19763 font-size: 39px; 19764 } 19765 19766 .avatar.avatar-xl.avatar-state-primary:before, 19767 .avatar.avatar-xl.avatar-state-success:before, 19768 .avatar.avatar-xl.avatar-state-danger:before, 19769 .avatar.avatar-xl.avatar-state-warning:before, 19770 .avatar.avatar-xl.avatar-state-info:before, 19771 .avatar.avatar-xl.avatar-state-secondary:before, 19772 .avatar.avatar-xl.avatar-state-light:before, 19773 .avatar.avatar-xl.avatar-state-dark:before { 19774 width: 1.6rem; 19775 height: 1.6rem; 19776 top: 3px; 19777 right: 3px; 19778 } 19779 19780 .avatar.avatar-state-primary, 19781 .avatar.avatar-state-success, 19782 .avatar.avatar-state-danger, 19783 .avatar.avatar-state-warning, 19784 .avatar.avatar-state-info, 19785 .avatar.avatar-state-secondary, 19786 .avatar.avatar-state-light, 19787 .avatar.avatar-state-dark { 19788 position: relative; 19789 } 19790 19791 .avatar.avatar-state-primary:before, 19792 .avatar.avatar-state-success:before, 19793 .avatar.avatar-state-danger:before, 19794 .avatar.avatar-state-warning:before, 19795 .avatar.avatar-state-info:before, 19796 .avatar.avatar-state-secondary:before, 19797 .avatar.avatar-state-light:before, 19798 .avatar.avatar-state-dark:before { 19799 content: ""; 19800 position: absolute; 19801 display: block; 19802 width: 1rem; 19803 height: 1rem; 19804 border-radius: 50%; 19805 top: 0px; 19806 right: 0px; 19807 border: 3px solid white; 19808 } 19809 19810 .avatar.avatar-state-primary:before { 19811 background: #0081ff; 19812 } 19813 19814 .avatar.avatar-state-success:before { 19815 background: #28c76f; 19816 } 19817 19818 .avatar.avatar-state-danger:before { 19819 background: #ea5455; 19820 } 19821 19822 .avatar.avatar-state-warning:before { 19823 background: #ff9f43; 19824 } 19825 19826 .avatar.avatar-state-info:before { 19827 background: #33b5e5; 19828 } 19829 19830 .avatar.avatar-state-secondary:before { 19831 background: #aa66cc; 19832 } 19833 19834 .avatar.avatar-state-light:before { 19835 background: #afb8bd; 19836 } 19837 19838 .avatar.avatar-state-dark:before { 19839 background: #293134; 19840 } 19841 19842 .avatar-group { 19843 display: -webkit-inline-box; 19844 display: inline-flex; 19845 } 19846 19847 .avatar-group .avatar { 19848 margin-right: -1rem; 19849 border: 2px solid white; 19850 } 19851 19852 .avatar-group .avatar:last-child { 19853 margin-right: 0; 19854 } 19855 19856 .avatar-group .avatar:hover { 19857 position: relative; 19858 z-index: 1; 19859 } 19860 19861 .dropzone { 19862 border-width: 1px; 19863 border-color: #0081ff; 19864 } 19865 19866 body.form-membership { 19867 background-attachment: fixed; 19868 background-size: cover; 19869 padding: 3rem 0; 19870 } 19871 19872 body.form-membership .form-wrapper { 19873 background-color: white; 19874 box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045); 19875 padding: 3rem; 19876 border-radius: 0.5rem; 19877 width: 430px; 19878 margin: 50px auto; 19879 text-align: center; 19880 } 19881 19882 body.form-membership .form-wrapper #logo { 19883 margin: 1rem 0 3rem; 19884 } 19885 19886 body.form-membership .form-wrapper #logo img:not(.logo) { 19887 display: none; 19888 } 19889 19890 body.form-membership .form-wrapper h5 { 19891 text-align: center; 19892 margin-bottom: 2rem; 19893 } 19894 19895 body.form-membership .form-wrapper form .form-control, 19896 body.form-membership .form-wrapper form .swal-modal input.swal-content__input, 19897 .swal-modal body.form-membership .form-wrapper form input.swal-content__input { 19898 margin-bottom: 1.5rem; 19899 } 19900 19901 body.form-membership .form-wrapper hr { 19902 margin: 2rem 0; 19903 } 19904 19905 .user-page { 19906 height: 100vh; 19907 display: -webkit-box; 19908 display: flex; 19909 -webkit-box-align: center; 19910 align-items: center; 19911 -webkit-box-pack: center; 19912 justify-content: center; 19913 overflow: auto; 19914 } 19915 19916 .user-page .card, 19917 .user-page .app-block .app-content .app-action, 19918 .app-block .app-content .user-page .app-action, 19919 .user-page .chat-block { 19920 width: 500px; 19921 } 19922 19923 .user-page .card .card-body, 19924 .user-page .app-block .app-content .app-action .card-body, 19925 .app-block .app-content .user-page .app-action .card-body, 19926 .user-page .chat-block .card-body { 19927 padding: 50px; 19928 } 19929 19930 .chat-app { 19931 overflow: hidden; 19932 padding-bottom: 30px; 19933 } 19934 19935 .chat-app .content-footer { 19936 display: none; 19937 } 19938 19939 .chat-app.horizontal-navigation .chat-block { 19940 height: calc(100vh - 190px); 19941 } 19942 19943 .chat-app.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content { 19944 padding-top: 160px; 19945 } 19946 19947 .chat-block { 19948 height: calc(100vh - 135px); 19949 border-radius: 0.5rem; 19950 overflow: hidden; 19951 margin-bottom: 0; 19952 } 19953 19954 .chat-block .chat-sidebar { 19955 padding: 1.5rem; 19956 height: 100%; 19957 display: -webkit-box; 19958 display: flex; 19959 -webkit-box-orient: vertical; 19960 -webkit-box-direction: normal; 19961 flex-direction: column; 19962 background-color: #f8fafb; 19963 } 19964 19965 .chat-block .chat-sidebar .chat-sidebar-header form { 19966 margin: 1.5rem 0; 19967 } 19968 19969 .chat-block .chat-sidebar .chat-sidebar-content { 19970 -webkit-box-flex: 1; 19971 flex: 1; 19972 height: 100%; 19973 display: -webkit-box; 19974 display: flex; 19975 -webkit-box-orient: vertical; 19976 -webkit-box-direction: normal; 19977 flex-direction: column; 19978 overflow: auto; 19979 } 19980 19981 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item { 19982 background: white; 19983 border-radius: 0.5rem; 19984 border: 1px solid transparent; 19985 margin-bottom: 1rem; 19986 } 19987 19988 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { 19989 color: black; 19990 border-color: #0081ff; 19991 } 19992 19993 .chat-block .chat-content { 19994 display: -webkit-box; 19995 display: flex; 19996 -webkit-box-orient: vertical; 19997 -webkit-box-direction: normal; 19998 flex-direction: column; 19999 height: 100%; 20000 } 20001 20002 .chat-block .chat-content .mobile-chat-close-btn { 20003 display: none; 20004 } 20005 20006 .chat-block .chat-content .chat-header { 20007 padding: 1.5rem; 20008 } 20009 20010 .chat-block .chat-content .messages { 20011 padding: 1.5rem; 20012 display: -webkit-box; 20013 display: flex; 20014 -webkit-box-orient: vertical; 20015 -webkit-box-direction: normal; 20016 flex-direction: column; 20017 -webkit-box-align: start; 20018 align-items: flex-start; 20019 -webkit-box-flex: 1; 20020 flex: 1; 20021 overflow-x: hidden; 20022 } 20023 20024 .chat-block .chat-content .messages .message-item { 20025 margin-bottom: 20px; 20026 padding-left: 10px; 20027 display: -webkit-box; 20028 display: flex; 20029 -webkit-box-align: center; 20030 align-items: center; 20031 position: relative; 20032 } 20033 20034 .chat-block .chat-content .messages .message-item .time { 20035 margin-left: 1rem; 20036 } 20037 20038 .chat-block .chat-content .messages .message-item img { 20039 max-width: 30%; 20040 border-radius: 0.5rem; 20041 } 20042 20043 .chat-block .chat-content .messages .message-item:not(.message-media):not(.message-item-divider):before { 20044 content: ""; 20045 border: 10px solid transparent; 20046 border-right-color: #f0f0f0; 20047 position: absolute; 20048 top: 8px; 20049 left: -10px; 20050 z-index: 1; 20051 } 20052 20053 .chat-block .chat-content .messages .message-item .message-item-content { 20054 max-width: 75%; 20055 background-color: #f0f0f0; 20056 padding: 7px 15px; 20057 line-height: 1.5rem; 20058 border-radius: 0.5rem; 20059 position: relative; 20060 z-index: 2; 20061 } 20062 20063 .chat-block .chat-content .messages .message-item.me { 20064 -webkit-box-orient: horizontal; 20065 -webkit-box-direction: reverse; 20066 flex-direction: row-reverse; 20067 margin-left: auto; 20068 padding-left: 0px; 20069 padding-right: 10px; 20070 } 20071 20072 .chat-block .chat-content .messages .message-item.me .time { 20073 margin-left: 0; 20074 margin-right: 1rem; 20075 } 20076 20077 .chat-block .chat-content .messages .message-item.me:not(.message-item-divider):before { 20078 left: auto; 20079 right: -10px; 20080 border-left-color: #0081ff; 20081 border-right-color: transparent; 20082 } 20083 20084 .chat-block .chat-content .messages .message-item.me .message-item-content { 20085 background-color: #0081ff; 20086 color: rgba(255, 255, 255, 0.9); 20087 } 20088 20089 .chat-block .chat-content .messages .message-item.message-item-divider { 20090 width: 100%; 20091 display: -webkit-box; 20092 display: flex; 20093 } 20094 20095 .chat-block .chat-content .messages .message-item.message-item-divider span { 20096 padding: 0 10px; 20097 -webkit-user-select: none; 20098 -moz-user-select: none; 20099 -ms-user-select: none; 20100 user-select: none; 20101 } 20102 20103 .chat-block .chat-content .messages .message-item.message-item-divider:before, 20104 .chat-block .chat-content .messages .message-item.message-item-divider:after { 20105 content: ""; 20106 display: block; 20107 height: 1px; 20108 background-color: #f0f0f0; 20109 -webkit-box-flex: 1; 20110 flex: 1; 20111 } 20112 20113 .chat-block .chat-content .chat-footer { 20114 padding: 1.5rem; 20115 } 20116 20117 .chat-block .chat-content .chat-footer .chat-footer-buttons button { 20118 margin-left: 0.5rem; 20119 } 20120 20121 .table:not(.table-bordered) thead th { 20122 border-top: none; 20123 border-bottom-width: 1px; 20124 font-weight: 500; 20125 text-transform: uppercase; 20126 font-size: 11px; 20127 letter-spacing: 0.5px; 20128 } 20129 20130 .table:not(.table-bordered) td { 20131 vertical-align: middle; 20132 line-height: 1; 20133 white-space: nowrap; 20134 } 20135 20136 .table .dropdown-menu { 20137 margin-top: 0; 20138 } 20139 20140 .table.table-lg td { 20141 padding: 1.3rem 0.75rem; 20142 } 20143 20144 .table tr.tr-selected { 20145 background-color: whitesmoke; 20146 } 20147 20148 .table.table-striped tbody tr:nth-of-type(odd) { 20149 background-color: rgba(0, 0, 0, 0.03); 20150 } 20151 20152 .table-responsive-stack tr { 20153 display: -webkit-box; 20154 display: flex; 20155 -webkit-box-orient: horizontal; 20156 -webkit-box-direction: normal; 20157 flex-direction: row; 20158 } 20159 20160 .table-responsive-stack td, 20161 .table-responsive-stack th { 20162 display: block; 20163 -webkit-box-flex: 1; 20164 flex: 1 1 auto; 20165 } 20166 20167 .timeline .timeline-item { 20168 padding-bottom: 20px; 20169 position: relative; 20170 display: -webkit-box; 20171 display: flex; 20172 } 20173 20174 .timeline .timeline-item > div:last-child { 20175 -webkit-box-flex: 1; 20176 flex: 1; 20177 } 20178 20179 .timeline .timeline-item::before { 20180 content: ""; 20181 display: block; 20182 position: absolute; 20183 width: 1px; 20184 bottom: 0px; 20185 top: 32px; 20186 left: 15px; 20187 background: #e1e1e1; 20188 } 20189 20190 .timeline .timeline-item:last-child { 20191 padding-bottom: 0; 20192 bottom: 0; 20193 } 20194 20195 .timeline .timeline-item:last-child::before { 20196 display: none; 20197 } 20198 20199 #external-events .fc-event { 20200 border: none; 20201 background: none; 20202 color: #646464; 20203 font-size: 14px; 20204 cursor: move; 20205 } 20206 20207 #external-events .fc-event i { 20208 margin-right: 10px; 20209 } 20210 20211 .fc .fc-center h2 { 20212 font-weight: 400; 20213 font-size: 19px; 20214 color: #828282; 20215 } 20216 20217 .fc .fc-event { 20218 background: #0081ff; 20219 color: white !important; 20220 border: none; 20221 border-radius: 0; 20222 margin: 0 3px; 20223 padding: 0px 4px; 20224 font-size: 11px; 20225 line-height: normal; 20226 } 20227 20228 .fc .fc-event:hover { 20229 background: #0151ac; 20230 } 20231 20232 .fc .fc-event.bg-danger:hover { 20233 background: #eb3030 !important; 20234 } 20235 20236 .fc .fc-event.bg-success:hover { 20237 background: #00b43d !important; 20238 } 20239 20240 .fc .fc-event.bg-info:hover { 20241 background: #1fa1d1 !important; 20242 } 20243 20244 .fc .fc-event.bg-warning:hover { 20245 background: #eba71f !important; 20246 } 20247 20248 .fc .fc-list-table .fc-list-item.bg-danger:hover td { 20249 background: #ea5455 !important; 20250 } 20251 20252 .fc .fc-list-table .fc-list-item.bg-danger .fc-event-dot { 20253 background: white !important; 20254 } 20255 20256 .fc .fc-list-table .fc-list-item.bg-success:hover td { 20257 background: #28c76f !important; 20258 } 20259 20260 .fc .fc-list-table .fc-list-item.bg-success .fc-event-dot { 20261 background: white !important; 20262 } 20263 20264 .fc .fc-list-table .fc-list-item.bg-info:hover td { 20265 background: #33b5e5 !important; 20266 } 20267 20268 .fc .fc-list-table .fc-list-item.bg-info .fc-event-dot { 20269 background: white !important; 20270 } 20271 20272 .fc .fc-list-table .fc-list-item.bg-warning:hover td { 20273 background: #ff9f43 !important; 20274 } 20275 20276 .fc .fc-list-table .fc-list-item.bg-warning .fc-event-dot { 20277 background: white !important; 20278 } 20279 20280 .fc .fc-list-table .fc-list-item.bg-primary:hover td { 20281 background: #0081ff !important; 20282 } 20283 20284 .fc .fc-list-table .fc-list-item.bg-primary .fc-event-dot { 20285 background: white !important; 20286 } 20287 20288 .fc .fc-list-table .fc-list-item.bg-secondary:hover td { 20289 background: #aa66cc !important; 20290 } 20291 20292 .fc .fc-list-table .fc-list-item.bg-secondary .fc-event-dot { 20293 background: white !important; 20294 } 20295 20296 .fc .fc-list-table .fc-list-item.bg-dark:hover td { 20297 background: #293134 !important; 20298 } 20299 20300 .fc .fc-list-table .fc-list-item.bg-dark .fc-event-dot { 20301 background: white !important; 20302 } 20303 20304 .fc .fc-state-default { 20305 background-image: none; 20306 border: none; 20307 box-shadow: none; 20308 text-shadow: none; 20309 } 20310 20311 .fc .fc-state-default.fc-state-active { 20312 background: #0081ff; 20313 color: white; 20314 } 20315 20316 .fc .fc-event-dot { 20317 background: #cdcdcd !important; 20318 } 20319 20320 .fc-toolbar .fc-state-active, 20321 .fc-toolbar .ui-state-active { 20322 z-index: 2; 20323 } 20324 20325 .list-group .list-group-item.list-group-item-primary { 20326 background: #0081ff !important; 20327 color: white !important; 20328 } 20329 20330 .list-group .list-group-item.list-group-item-primary-bright { 20331 background: rgba(0, 129, 255, 0.3) !important; 20332 color: #0081ff !important; 20333 } 20334 20335 .list-group .list-group-item.list-group-item-secondary { 20336 background: #aa66cc !important; 20337 color: white !important; 20338 } 20339 20340 .list-group .list-group-item.list-group-item-secondary-bright { 20341 background: rgba(170, 102, 204, 0.3) !important; 20342 color: #aa66cc !important; 20343 } 20344 20345 .list-group .list-group-item.list-group-item-success { 20346 background: #28c76f !important; 20347 color: white !important; 20348 } 20349 20350 .list-group .list-group-item.list-group-item-success-bright { 20351 background: rgba(40, 199, 111, 0.3) !important; 20352 color: #28c76f !important; 20353 } 20354 20355 .list-group .list-group-item.list-group-item-danger { 20356 background: #ea5455 !important; 20357 color: white !important; 20358 } 20359 20360 .list-group .list-group-item.list-group-item-danger-bright { 20361 background: rgba(234, 84, 85, 0.3) !important; 20362 color: #ea5455 !important; 20363 } 20364 20365 .list-group .list-group-item.list-group-item-warning { 20366 background: #ff9f43 !important; 20367 color: white !important; 20368 } 20369 20370 .list-group .list-group-item.list-group-item-warning-bright { 20371 background: rgba(255, 159, 67, 0.3) !important; 20372 color: #ff9f43 !important; 20373 } 20374 20375 .list-group .list-group-item.list-group-item-info { 20376 background: #33b5e5 !important; 20377 color: white !important; 20378 } 20379 20380 .list-group .list-group-item.list-group-item-info-bright { 20381 background: rgba(51, 181, 229, 0.3) !important; 20382 color: #33b5e5 !important; 20383 } 20384 20385 .list-group .list-group-item.list-group-item-light { 20386 background: #afb8bd !important; 20387 } 20388 20389 .list-group .list-group-item.list-group-item-dark { 20390 background: #293134 !important; 20391 color: white !important; 20392 } 20393 20394 .list-group .list-group-item.list-group-item-dark-bright { 20395 background: #d4d5d8 !important; 20396 color: #293134 !important; 20397 } 20398 20399 .nav-pills .nav-link.active, 20400 .nav-pills .show > .nav-link { 20401 background-color: #0081ff; 20402 } 20403 20404 .toast-title { 20405 font-weight: bold; 20406 } 20407 20408 .toast-message { 20409 -ms-word-wrap: break-word; 20410 word-wrap: break-word; 20411 } 20412 20413 .toast-message a, 20414 .toast-message .header form .input-group .input-group-append button.btn, 20415 .header form .input-group .input-group-append .toast-message button.btn, 20416 .toast-message label { 20417 color: #ffffff; 20418 } 20419 20420 .toast-message a:hover, 20421 .toast-message .header form .input-group .input-group-append button.btn:hover, 20422 .header form .input-group .input-group-append .toast-message button.btn:hover { 20423 color: #cccccc; 20424 text-decoration: none; 20425 } 20426 20427 .toast-close-button { 20428 position: relative; 20429 right: -0.3em; 20430 top: -0.3em; 20431 float: right; 20432 font-size: 20px; 20433 font-weight: bold; 20434 color: #ffffff; 20435 opacity: 0.8; 20436 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 20437 filter: alpha(opacity=80); 20438 } 20439 20440 .toast-close-button:hover, 20441 .toast-close-button:focus { 20442 color: #000000; 20443 text-decoration: none; 20444 cursor: pointer; 20445 opacity: 0.4; 20446 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 20447 filter: alpha(opacity=40); 20448 } 20449 20450 /*Additional properties for button version 20451 iOS requires the button element instead of an anchor tag. 20452 If you want the anchor version, it requires `href="#"`.*/ 20453 20454 button.toast-close-button { 20455 padding: 0; 20456 cursor: pointer; 20457 background: transparent; 20458 border: 0; 20459 -webkit-appearance: none; 20460 } 20461 20462 .toast-top-center { 20463 top: 30px; 20464 right: 0; 20465 width: 100%; 20466 } 20467 20468 .toast-bottom-center { 20469 bottom: 0; 20470 right: 0; 20471 width: 100%; 20472 } 20473 20474 .toast-top-full-width { 20475 top: 30px; 20476 right: 0; 20477 width: 100%; 20478 } 20479 20480 .toast-bottom-full-width { 20481 bottom: 0; 20482 right: 0; 20483 width: 100%; 20484 } 20485 20486 .toast-top-left { 20487 top: 30px; 20488 left: 33px; 20489 } 20490 20491 .toast-top-right { 20492 top: 33px; 20493 right: 33px; 20494 } 20495 20496 .toast-bottom-right { 20497 right: 33px; 20498 bottom: 33px; 20499 } 20500 20501 .toast-bottom-left { 20502 bottom: 33px; 20503 left: 33px; 20504 } 20505 20506 #toast-container { 20507 position: fixed; 20508 z-index: 999999; 20509 pointer-events: none; 20510 /*overrides*/ 20511 } 20512 20513 #toast-container * { 20514 box-sizing: border-box; 20515 } 20516 20517 #toast-container > div { 20518 position: relative; 20519 overflow: hidden; 20520 margin: 0 0 6px; 20521 padding: 15px 15px 15px 50px; 20522 width: 300px; 20523 border-radius: 0.25rem; 20524 background-position: 15px center; 20525 background-repeat: no-repeat; 20526 color: #ffffff; 20527 opacity: 1; 20528 } 20529 20530 #toast-container > div:hover { 20531 cursor: pointer; 20532 } 20533 20534 #toast-container > .toast-info { 20535 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; 20536 } 20537 20538 #toast-container > .toast-error { 20539 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; 20540 } 20541 20542 #toast-container > .toast-success { 20543 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; 20544 } 20545 20546 #toast-container > .toast-warning { 20547 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; 20548 } 20549 20550 #toast-container.toast-top-center > div, 20551 #toast-container.toast-bottom-center > div { 20552 width: 300px; 20553 margin-left: auto; 20554 margin-right: auto; 20555 } 20556 20557 #toast-container.toast-top-full-width > div, 20558 #toast-container.toast-bottom-full-width > div { 20559 width: 96%; 20560 margin-left: auto; 20561 margin-right: auto; 20562 } 20563 20564 .toast { 20565 background-color: #293134; 20566 border: none; 20567 box-shadow: none; 20568 } 20569 20570 .toast-success { 20571 background-color: #28c76f; 20572 } 20573 20574 .toast-error { 20575 background-color: #ea5455; 20576 } 20577 20578 .toast-info { 20579 background-color: #33b5e5; 20580 } 20581 20582 .toast-warning { 20583 background-color: #ff9f43; 20584 } 20585 20586 .toast-progress { 20587 position: absolute; 20588 left: 0; 20589 bottom: 0; 20590 height: 2px; 20591 background-color: #000000; 20592 opacity: 0.2; 20593 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); 20594 filter: alpha(opacity=20); 20595 } 20596 20597 /*Responsive Design*/ 20598 20599 @media all and (max-width: 240px) { 20600 #toast-container > div { 20601 padding: 8px 8px 8px 50px; 20602 width: 11em; 20603 } 20604 20605 #toast-container .toast-close-button { 20606 right: -0.2em; 20607 top: -0.2em; 20608 } 20609 } 20610 20611 @media all and (min-width: 241px) and (max-width: 480px) { 20612 #toast-container > div { 20613 padding: 8px 8px 8px 50px; 20614 width: 18em; 20615 } 20616 20617 #toast-container .toast-close-button { 20618 right: -0.2em; 20619 top: -0.2em; 20620 } 20621 } 20622 20623 @media all and (min-width: 481px) and (max-width: 768px) { 20624 #toast-container > div { 20625 padding: 15px 15px 15px 50px; 20626 width: 25em; 20627 } 20628 } 20629 20630 .dd-handle { 20631 font-weight: normal; 20632 } 20633 20634 .dd-handle:hover { 20635 color: #0081ff; 20636 } 20637 20638 .dd3-content { 20639 font-weight: normal; 20640 } 20641 20642 .slick-next { 20643 right: 5px; 20644 } 20645 20646 .slick-prev { 20647 left: 5px; 20648 } 20649 20650 .slick-prev, 20651 .slick-next { 20652 width: 30px; 20653 height: 30px; 20654 z-index: 1; 20655 } 20656 20657 .slick-prev:before, 20658 .slick-next:before { 20659 font-size: 30px; 20660 } 20661 20662 .slick-slide-item > * { 20663 padding: 10px; 20664 } 20665 20666 .slick-center { 20667 -webkit-transition: -webkit-transform 0.3s; 20668 transition: -webkit-transform 0.3s; 20669 transition: transform 0.3s; 20670 transition: transform 0.3s, -webkit-transform 0.3s; 20671 -webkit-transform: scale(1.2); 20672 transform: scale(1.2); 20673 } 20674 20675 /* the slides */ 20676 20677 .slick-slide { 20678 margin: 0 10px; 20679 } 20680 20681 /* the parent */ 20682 20683 .slick-list { 20684 margin: 0 -10px; 20685 } 20686 20687 .stretch-layout { 20688 overflow: hidden; 20689 } 20690 20691 .stretch-layout .app-block { 20692 height: calc(100vh - 135px); 20693 } 20694 20695 .stretch-layout .content-footer { 20696 display: none; 20697 } 20698 20699 .stretch-layout:not(.chat-app).right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content { 20700 padding-left: 30px !important; 20701 padding-right: 110px !important; 20702 } 20703 20704 .stretch-layout.hidden-navigation .layout-wrapper .content-wrapper .content-body .content { 20705 padding-right: 30px !important; 20706 padding-left: 30px !important; 20707 } 20708 20709 .stretch-layout.horizontal-navigation .app-block { 20710 height: calc(100vh - 190px); 20711 } 20712 20713 .app-block .app-sidebar { 20714 height: 100%; 20715 } 20716 20717 .app-block .app-sidebar > .card, 20718 .app-block .app-content .app-sidebar > .app-action, 20719 .app-block .app-sidebar > .chat-block { 20720 height: 100%; 20721 margin-bottom: 0; 20722 } 20723 20724 .app-block .app-sidebar > .card .card-body, 20725 .app-block .app-content .app-sidebar > .app-action .card-body, 20726 .app-block .app-sidebar > .chat-block .card-body { 20727 -webkit-box-flex: 0; 20728 flex: none; 20729 } 20730 20731 .app-block .app-sidebar .app-sidebar-menu { 20732 -webkit-box-flex: 1; 20733 flex: 1; 20734 } 20735 20736 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active { 20737 background: none; 20738 color: #0081ff; 20739 } 20740 20741 .app-block .app-sidebar-menu-button { 20742 display: none; 20743 } 20744 20745 .app-block .app-content { 20746 display: -webkit-box; 20747 display: flex; 20748 -webkit-box-orient: vertical; 20749 -webkit-box-direction: normal; 20750 flex-direction: column; 20751 height: 100%; 20752 } 20753 20754 .app-block .app-content .app-content-overlay { 20755 display: none; 20756 position: absolute; 20757 right: 1rem; 20758 border-radius: 8px; 20759 left: 1rem; 20760 top: 0; 20761 bottom: 0; 20762 background-color: rgba(0, 0, 0, 0.25); 20763 z-index: 8; 20764 } 20765 20766 .app-block .app-content .app-content-overlay.show { 20767 display: block; 20768 } 20769 20770 .app-block .app-content .app-action { 20771 display: -webkit-box; 20772 display: flex; 20773 -webkit-box-pack: justify; 20774 justify-content: space-between; 20775 padding: 1.5rem; 20776 } 20777 20778 .app-block .app-content .app-action .action-left, 20779 .app-block .app-content .app-action .action-right { 20780 display: -webkit-box; 20781 display: flex; 20782 -webkit-box-align: center; 20783 align-items: center; 20784 } 20785 20786 .app-block .app-content .app-action .action-right { 20787 margin-left: 1rem; 20788 -webkit-box-flex: 1; 20789 flex: 1; 20790 display: -webkit-box; 20791 display: flex; 20792 -webkit-box-pack: justify; 20793 justify-content: space-between; 20794 } 20795 20796 .app-block .app-content .app-action .action-right form { 20797 -webkit-box-flex: 1; 20798 flex: 1; 20799 } 20800 20801 .app-block .app-content .app-content-body { 20802 margin-bottom: 0; 20803 -webkit-box-flex: 1; 20804 flex: 1; 20805 padding: 0; 20806 height: 100%; 20807 position: static; 20808 overflow: hidden; 20809 } 20810 20811 .app-block .app-content .app-content-body .app-lists { 20812 height: 100%; 20813 overflow: auto; 20814 } 20815 20816 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item { 20817 padding-top: 15px; 20818 padding-bottom: 15px; 20819 background: none; 20820 display: -webkit-box; 20821 display: flex; 20822 -webkit-box-align: center; 20823 align-items: center; 20824 } 20825 20826 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item:hover { 20827 cursor: pointer; 20828 background-color: #fafafa; 20829 } 20830 20831 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active { 20832 background-color: #ebebeb; 20833 } 20834 20835 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar { 20836 border-color: #ebebeb; 20837 } 20838 20839 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title { 20840 color: black; 20841 } 20842 20843 .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title { 20844 text-decoration: line-through; 20845 } 20846 20847 .app-block .app-content .app-content-body .app-detail { 20848 margin-bottom: 0; 20849 position: absolute; 20850 right: 0.9rem; 20851 top: 0.5rem; 20852 bottom: 0; 20853 left: 0.9rem; 20854 z-index: 2; 20855 opacity: 0; 20856 visibility: hidden; 20857 -webkit-transition: all 0.3s; 20858 transition: all 0.3s; 20859 } 20860 20861 .app-block .app-content .app-content-body .app-detail.show { 20862 opacity: 1; 20863 visibility: visible; 20864 top: 0; 20865 } 20866 20867 .app-block .app-content .app-content-body .app-detail .card-header { 20868 display: -webkit-box; 20869 display: flex; 20870 -webkit-box-align: center; 20871 align-items: center; 20872 padding: 1.5rem; 20873 border-bottom: 1px solid #ebebeb; 20874 } 20875 20876 .app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-left { 20877 display: -webkit-box; 20878 display: flex; 20879 } 20880 20881 .app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-right { 20882 margin-left: auto; 20883 } 20884 20885 #compose .ql-toolbar.ql-snow, 20886 .app-block .ql-toolbar.ql-snow { 20887 border: none; 20888 padding: 0; 20889 } 20890 20891 #compose .ql-editor, 20892 .app-block .ql-editor { 20893 min-height: 70px; 20894 } 20895 20896 .app-sortable-handle { 20897 cursor: move; 20898 } 20899 20900 .app-file-list { 20901 border: 1px solid #ebebeb; 20902 } 20903 20904 .app-file-list .app-file-icon { 20905 background-color: #f5f5f5; 20906 padding: 2rem; 20907 text-align: center; 20908 font-size: 2rem; 20909 border-bottom: 1px solid #ebebeb; 20910 border-top-right-radius: 8px; 20911 border-top-left-radius: 8px; 20912 } 20913 20914 .app-file-list:hover { 20915 border-color: #d7d7d7; 20916 } 20917 20918 body:not(.stretch-layout) .app-block .app-content .app-content-body { 20919 overflow: visible; 20920 } 20921 20922 .demo-icon-list { 20923 height: 100px; 20924 display: -webkit-box; 20925 display: flex; 20926 -webkit-box-align: center; 20927 align-items: center; 20928 -webkit-box-pack: center; 20929 justify-content: center; 20930 font-size: 25px; 20931 } 20932 20933 @media (max-width: 768px) { 20934 .theme-switcher { 20935 display: none; 20936 } 20937 } 20938 20939 @media (min-width: 768px) { 20940 .theme-switcher { 20941 opacity: 0; 20942 display: -webkit-box; 20943 display: flex; 20944 -webkit-box-align: center; 20945 align-items: center; 20946 position: fixed; 20947 right: -250px; 20948 top: 50%; 20949 -webkit-transform: translate(0, -50%); 20950 transform: translate(0, -50%); 20951 -webkit-user-select: none; 20952 -moz-user-select: none; 20953 -ms-user-select: none; 20954 user-select: none; 20955 z-index: 9999; 20956 -webkit-transition: right 0.3s; 20957 transition: right 0.3s; 20958 } 20959 20960 .theme-switcher.open { 20961 right: 0; 20962 } 20963 20964 .theme-switcher .theme-switcher-button { 20965 background-color: #0081ff; 20966 color: white; 20967 padding: 12px 15px; 20968 border-top-left-radius: 5px; 20969 border-bottom-left-radius: 5px; 20970 cursor: pointer; 20971 } 20972 20973 .theme-switcher .theme-switcher-button i { 20974 font-size: 22px; 20975 -webkit-animation-name: spin; 20976 animation-name: spin; 20977 -webkit-animation-duration: 3000ms; 20978 animation-duration: 3000ms; 20979 -webkit-animation-iteration-count: infinite; 20980 animation-iteration-count: infinite; 20981 -webkit-animation-timing-function: linear; 20982 animation-timing-function: linear; 20983 } 20984 20985 .theme-switcher .theme-switcher-panel { 20986 width: 250px; 20987 } 20988 20989 .theme-switcher .theme-switcher-panel .card, 20990 .theme-switcher .theme-switcher-panel .chat-block, 20991 .theme-switcher .theme-switcher-panel .app-block .app-content .app-action, 20992 .app-block .app-content .theme-switcher .theme-switcher-panel .app-action { 20993 margin-bottom: 0; 20994 border: 1px solid #0081ff; 20995 border-right: none; 20996 border-top-right-radius: 0; 20997 border-bottom-right-radius: 0; 20998 } 20999 21000 @-webkit-keyframes spin { 21001 from { 21002 -webkit-transform: rotate(0deg); 21003 transform: rotate(0deg); 21004 } 21005 21006 to { 21007 -webkit-transform: rotate(360deg); 21008 transform: rotate(360deg); 21009 } 21010 } 21011 21012 @keyframes spin { 21013 from { 21014 -webkit-transform: rotate(0deg); 21015 transform: rotate(0deg); 21016 } 21017 21018 to { 21019 -webkit-transform: rotate(360deg); 21020 transform: rotate(360deg); 21021 } 21022 } 21023 } 21024 21025 @media (min-width: 1200px) { 21026 body.boxed-layout { 21027 background-color: white; 21028 } 21029 21030 body.boxed-layout .layout-wrapper { 21031 background-color: #f8fafb; 21032 box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); 21033 margin: 0 120px; 21034 } 21035 21036 body.boxed-layout .layout-wrapper .header { 21037 margin: 0 120px; 21038 } 21039 21040 body.boxed-layout .layout-wrapper .navigation { 21041 left: 120px; 21042 } 21043 21044 body.boxed-layout.right-navigation .navigation { 21045 left: auto; 21046 right: 120px; 21047 } 21048 21049 body.boxed-layout.horizontal-navigation .horizontal-navigation { 21050 left: 120px; 21051 right: 120px; 21052 } 21053 21054 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation { 21055 width: 80px; 21056 -webkit-transition: width 0.3s; 21057 transition: width 0.3s; 21058 } 21059 21060 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-tab { 21061 border-right-color: transparent; 21062 } 21063 21064 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body { 21065 display: none; 21066 } 21067 21068 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a, 21069 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn, 21070 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn { 21071 padding: 12px 0; 21072 } 21073 21074 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li { 21075 position: relative; 21076 } 21077 21078 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > a .nav-link-icon, 21079 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon, 21080 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon { 21081 stroke: #0081ff; 21082 } 21083 21084 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a, 21085 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 21086 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn { 21087 border-radius: 4px; 21088 } 21089 21090 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a span:not(.badge):not(.avatar-title), 21091 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn span:not(.badge):not(.avatar-title), 21092 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn span:not(.badge):not(.avatar-title) { 21093 display: none; 21094 } 21095 21096 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .badge, 21097 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .badge, 21098 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .badge { 21099 position: absolute; 21100 right: 20px; 21101 top: 12px; 21102 } 21103 21104 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .nav-link-icon, 21105 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, 21106 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .nav-link-icon { 21107 margin: 0 !important; 21108 } 21109 21110 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > a, 21111 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > a, 21112 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > a, 21113 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul .header form .input-group .input-group-append li.open > button.btn, 21114 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > button.btn, 21115 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > button.btn, 21116 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn { 21117 background: none; 21118 color: #0081ff; 21119 } 21120 21121 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > ul { 21122 display: none; 21123 } 21124 21125 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li:not(.navigation-divider) { 21126 padding: 0 15px; 21127 } 21128 21129 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a, 21130 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn, 21131 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn { 21132 display: block; 21133 } 21134 21135 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a .sub-menu-arrow, 21136 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn .sub-menu-arrow, 21137 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn .sub-menu-arrow { 21138 display: none; 21139 } 21140 21141 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a, 21142 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a, 21143 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a, 21144 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn, 21145 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn, 21146 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn, 21147 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn { 21148 padding-left: 53px; 21149 } 21150 21151 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li a, 21152 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li a, 21153 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li a, 21154 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li a, 21155 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li a, 21156 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a, 21157 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a, 21158 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li .header form .input-group .input-group-append button.btn, 21159 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li button.btn, 21160 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn, 21161 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn, 21162 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li button.btn, 21163 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li button.btn, 21164 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn, 21165 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn { 21166 padding-left: 65px; 21167 } 21168 21169 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active, 21170 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn, 21171 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn { 21172 border-radius: 5px; 21173 background-color: #0081ff; 21174 position: static; 21175 } 21176 21177 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active .nav-link-icon, 21178 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn .nav-link-icon, 21179 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn .nav-link-icon { 21180 stroke: white; 21181 } 21182 21183 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover { 21184 /*width: 320px;*/ 21185 } 21186 21187 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-tab { 21188 border-right-color: #e6e6e6; 21189 } 21190 21191 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-body { 21192 display: -webkit-box; 21193 display: flex; 21194 height: calc(100vh - 75px); 21195 } 21196 21197 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a, 21198 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn, 21199 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn { 21200 display: -webkit-box; 21201 display: flex; 21202 } 21203 21204 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a > span, 21205 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn > span, 21206 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn > span, 21207 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .sub-menu-arrow, 21208 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, 21209 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .sub-menu-arrow { 21210 display: inherit !important; 21211 } 21212 21213 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .nav-link-icon, 21214 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .nav-link-icon, 21215 .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .nav-link-icon { 21216 margin-right: 0.8rem !important; 21217 } 21218 21219 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li.open > ul { 21220 display: block; 21221 } 21222 21223 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .layout-wrapper .content-wrapper .content-body .content { 21224 padding-left: 110px; 21225 } 21226 21227 body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .content-footer { 21228 margin-left: 80px; 21229 } 21230 21231 body.hidden-navigation:not(.small-navigation) .header .navigation-toggler { 21232 display: block; 21233 } 21234 21235 body.hidden-navigation:not(.small-navigation) .navigation { 21236 z-index: 1000; 21237 left: -80%; 21238 top: 0; 21239 bottom: 0; 21240 opacity: 0; 21241 -webkit-transition: left 0.3s; 21242 transition: left 0.3s; 21243 position: fixed !important; 21244 } 21245 21246 body.hidden-navigation:not(.small-navigation) .navigation.open { 21247 left: 0; 21248 opacity: 1; 21249 } 21250 21251 body.hidden-navigation:not(.small-navigation).right-navigation .navigation { 21252 left: auto; 21253 right: -80%; 21254 -webkit-transition: right 0.3s; 21255 transition: right 0.3s; 21256 } 21257 21258 body.hidden-navigation:not(.small-navigation).right-navigation .navigation.open { 21259 right: 0; 21260 opacity: 1; 21261 } 21262 21263 body.hidden-navigation:not(.small-navigation) .layout-wrapper .content-wrapper .content-body .content { 21264 padding-left: 30px; 21265 } 21266 21267 body.hidden-navigation:not(.small-navigation) .content-footer { 21268 margin-left: 0; 21269 } 21270 21271 body.right-navigation .navigation { 21272 left: auto; 21273 right: 0; 21274 -webkit-box-orient: horizontal; 21275 -webkit-box-direction: reverse; 21276 flex-direction: row-reverse; 21277 } 21278 21279 body.right-navigation .navigation .navigation-menu-tab { 21280 border-right: none; 21281 border-left: 1px solid #e6e6e6; 21282 } 21283 21284 body.right-navigation .layout-wrapper .content-wrapper .content-body .content { 21285 padding-left: 30px; 21286 padding-right: 350px; 21287 } 21288 21289 body.right-navigation .content-footer { 21290 margin-left: 0; 21291 margin-right: 320px; 21292 } 21293 21294 body.right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content { 21295 padding-left: 30px !important; 21296 padding-right: 110px; 21297 } 21298 21299 body.right-navigation.small-navigation .content-footer { 21300 margin-left: 0 !important; 21301 margin-right: 80px; 21302 } 21303 21304 body.right-navigation.hidden-navigation .layout-wrapper .content-wrapper .content-body .content { 21305 padding-left: 30px !important; 21306 padding-right: 30px; 21307 } 21308 21309 body.horizontal-navigation .header { 21310 box-shadow: none; 21311 } 21312 21313 body.horizontal-navigation .horizontal-navigation { 21314 border-top: 1px solid #e6e6e6; 21315 box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4); 21316 position: fixed; 21317 top: 75px; 21318 background-color: white; 21319 height: 55px; 21320 right: 0; 21321 left: 0; 21322 padding: 0 30px; 21323 display: -webkit-box; 21324 display: flex; 21325 -webkit-box-align: center; 21326 align-items: center; 21327 z-index: 997; 21328 } 21329 21330 body.horizontal-navigation .horizontal-navigation > ul { 21331 height: 100%; 21332 } 21333 21334 body.horizontal-navigation .horizontal-navigation > ul > li { 21335 display: -webkit-box; 21336 display: flex; 21337 -webkit-box-align: center; 21338 align-items: center; 21339 margin-right: 0.5rem; 21340 } 21341 21342 body.horizontal-navigation .horizontal-navigation > ul > li > a, 21343 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn, 21344 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn { 21345 border-radius: 100px; 21346 text-transform: uppercase; 21347 letter-spacing: 1px; 21348 font-size: 12px; 21349 padding: 10px 15px !important; 21350 display: -webkit-box; 21351 display: flex; 21352 -webkit-box-align: center; 21353 align-items: center; 21354 } 21355 21356 body.horizontal-navigation .horizontal-navigation > ul > li > a .sub-menu-arrow, 21357 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .sub-menu-arrow, 21358 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .sub-menu-arrow { 21359 display: none; 21360 } 21361 21362 body.horizontal-navigation .horizontal-navigation > ul > li > a .badge, 21363 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .badge, 21364 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .badge { 21365 margin-left: 0.5rem; 21366 } 21367 21368 body.horizontal-navigation .horizontal-navigation > ul > li > a + ul, 21369 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul, 21370 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn + ul { 21371 border-top: 1px solid #e6e6e6; 21372 } 21373 21374 body.horizontal-navigation .horizontal-navigation > ul > li:hover > a, 21375 body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn, 21376 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn { 21377 color: #0081ff !important; 21378 } 21379 21380 body.horizontal-navigation .horizontal-navigation ul { 21381 display: -webkit-box; 21382 display: flex; 21383 } 21384 21385 body.horizontal-navigation .horizontal-navigation ul li { 21386 position: relative; 21387 } 21388 21389 body.horizontal-navigation .horizontal-navigation ul li a, 21390 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, 21391 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn { 21392 padding: 10px 25px; 21393 display: -webkit-box; 21394 display: flex; 21395 -webkit-box-pack: justify; 21396 justify-content: space-between; 21397 -webkit-box-align: center; 21398 align-items: center; 21399 } 21400 21401 body.horizontal-navigation .horizontal-navigation ul li a .nav-icon, 21402 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon, 21403 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon { 21404 margin-right: 0.5rem; 21405 } 21406 21407 body.horizontal-navigation .horizontal-navigation ul li.open > a, 21408 body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 21409 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 21410 color: #0081ff; 21411 } 21412 21413 body.horizontal-navigation .horizontal-navigation ul li:hover > ul { 21414 display: block; 21415 } 21416 21417 body.horizontal-navigation .horizontal-navigation ul li ul { 21418 display: none; 21419 position: absolute; 21420 top: 54px; 21421 width: 220px; 21422 background-color: white; 21423 padding: 10px 0; 21424 border-bottom-left-radius: 0.25rem; 21425 border-bottom-right-radius: 0.25rem; 21426 box-shadow: 0px 5px 9px -5px rgba(0, 0, 0, 0.3); 21427 } 21428 21429 body.horizontal-navigation .horizontal-navigation ul li ul li { 21430 position: relative; 21431 } 21432 21433 body.horizontal-navigation .horizontal-navigation ul li ul li:hover > a, 21434 body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn, 21435 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn { 21436 color: #0081ff; 21437 } 21438 21439 body.horizontal-navigation .horizontal-navigation ul li ul li a, 21440 body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, 21441 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn { 21442 color: black; 21443 } 21444 21445 body.horizontal-navigation .horizontal-navigation ul li ul li a.active, 21446 body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, 21447 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { 21448 color: #0081ff; 21449 } 21450 21451 body.horizontal-navigation .horizontal-navigation ul li ul li.open > a, 21452 body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, 21453 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { 21454 color: #0081ff; 21455 } 21456 21457 body.horizontal-navigation .horizontal-navigation ul li ul li ul { 21458 left: 220px; 21459 top: -12px; 21460 border-left: 1px solid #f2f2f2; 21461 box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.3); 21462 } 21463 21464 body.horizontal-navigation .horizontal-navigation ul li ul li ul:before { 21465 display: none; 21466 } 21467 21468 body.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content { 21469 padding-left: 30px; 21470 padding-top: 160px; 21471 } 21472 21473 body.horizontal-navigation .content-footer { 21474 margin-left: 0; 21475 } 21476 21477 body.sticky-header .header { 21478 position: -webkit-sticky !important; 21479 position: sticky !important; 21480 top: 0; 21481 } 21482 } 21483 21484 @media (max-width: 1200px) { 21485 body.horizontal-navigation .horizontal-navigation { 21486 position: fixed; 21487 left: 0; 21488 top: 0; 21489 bottom: 0; 21490 height: auto; 21491 /*width: 320px;*/ 21492 background-color: white; 21493 z-index: 1000; 21494 overflow: auto; 21495 padding: 15px 0; 21496 display: none; 21497 } 21498 21499 body.horizontal-navigation .horizontal-navigation ul li a, 21500 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, 21501 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn { 21502 display: -webkit-box; 21503 display: flex; 21504 -webkit-box-align: center; 21505 align-items: center; 21506 padding: 15px 30px; 21507 } 21508 21509 body.horizontal-navigation .horizontal-navigation ul li a .nav-icon, 21510 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon, 21511 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon { 21512 margin-right: 0.5rem; 21513 } 21514 21515 body.horizontal-navigation .horizontal-navigation ul li a.active, 21516 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 21517 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn { 21518 color: #0081ff; 21519 } 21520 21521 body.horizontal-navigation .horizontal-navigation ul li a .badge, 21522 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .badge, 21523 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .badge, 21524 body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow, 21525 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, 21526 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow { 21527 margin-left: auto; 21528 } 21529 21530 body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow, 21531 body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, 21532 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow { 21533 -webkit-transform: rotate(90deg); 21534 transform: rotate(90deg); 21535 } 21536 21537 body.horizontal-navigation .horizontal-navigation ul li ul { 21538 display: none; 21539 } 21540 21541 body.horizontal-navigation .horizontal-navigation ul li ul li a, 21542 body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, 21543 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn { 21544 padding-left: 60px; 21545 } 21546 21547 body.horizontal-navigation .horizontal-navigation ul li ul li ul li a, 21548 body.horizontal-navigation .horizontal-navigation ul li ul li ul li .header form .input-group .input-group-append button.btn, 21549 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li button.btn { 21550 padding-left: 80px; 21551 } 21552 21553 body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li a, 21554 body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li .header form .input-group .input-group-append button.btn, 21555 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li button.btn { 21556 padding-left: 100px; 21557 } 21558 21559 body.horizontal-navigation .horizontal-navigation ul li.open > a, 21560 body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 21561 .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 21562 color: #0081ff; 21563 } 21564 21565 body.horizontal-navigation .horizontal-navigation ul li.open > ul { 21566 display: block !important; 21567 } 21568 21569 body.horizontal-navigation .horizontal-navigation.open { 21570 display: block; 21571 } 21572 } 21573 21574 body.semi-dark:not(.dark) .navigation { 21575 background-color: #313852; 21576 color: #c7c7c7; 21577 } 21578 21579 body.semi-dark:not(.dark) .navigation .navigation-menu-tab { 21580 border-right-color: #444e72; 21581 } 21582 21583 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a, 21584 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, 21585 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn { 21586 color: #c7c7c7; 21587 } 21588 21589 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a.active, 21590 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, 21591 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.active.btn { 21592 color: white; 21593 } 21594 21595 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):hover, 21596 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover, 21597 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):hover, 21598 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):focus, 21599 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 21600 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { 21601 color: #0081ff; 21602 } 21603 21604 body.semi-dark:not(.dark) .navigation .navigation-menu-body .avatar { 21605 border-color: #313852; 21606 } 21607 21608 body.semi-dark:not(.dark) .navigation .navigation-menu-body .list-group-item { 21609 background: none; 21610 border-color: #454c66; 21611 } 21612 21613 body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo { 21614 border-color: #454c66; 21615 } 21616 21617 body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img { 21618 display: block; 21619 } 21620 21621 body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img:not(.logo-light) { 21622 display: none; 21623 } 21624 21625 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider { 21626 color: #dbdbdb; 21627 } 21628 21629 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a, 21630 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn, 21631 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn { 21632 color: #c7c7c7; 21633 } 21634 21635 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a .nav-link-icon, 21636 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, 21637 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn .nav-link-icon { 21638 stroke: rgba(199, 199, 199, 0.5); 21639 } 21640 21641 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active, 21642 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn, 21643 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn { 21644 color: white; 21645 } 21646 21647 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active:after, 21648 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after, 21649 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after { 21650 background-color: #0081ff; 21651 } 21652 21653 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:hover, 21654 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover, 21655 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:hover, 21656 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:focus, 21657 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus, 21658 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:focus { 21659 background: none; 21660 color: white; 21661 } 21662 21663 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li a.active, 21664 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active, 21665 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li a.active, 21666 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn, 21667 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li button.active.btn, 21668 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn, 21669 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn { 21670 color: white; 21671 } 21672 21673 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > a, 21674 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 21675 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > button.btn { 21676 color: white; 21677 } 21678 21679 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider { 21680 color: #0081ff; 21681 } 21682 21683 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul { 21684 background-color: #313852 !important; 21685 border-left-color: #454c66 !important; 21686 } 21687 21688 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul ul { 21689 border-left-color: #454c66 !important; 21690 } 21691 21692 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider:after { 21693 background-color: #454c66 !important; 21694 } 21695 21696 body.semi-dark:not(.dark) .navigation .avatar:before { 21697 border-color: #2c2f42; 21698 } 21699 21700 body.semi-dark:not(.dark) .horizontal-navigation { 21701 background-color: #313852; 21702 } 21703 21704 body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul, 21705 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul, 21706 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul { 21707 border-top: 1px solid #444e72; 21708 } 21709 21710 body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul ul, 21711 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul ul, 21712 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul ul { 21713 border-left: 1px solid #444e72; 21714 } 21715 21716 body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > a, 21717 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn, 21718 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn { 21719 color: #1a8eff; 21720 } 21721 21722 body.semi-dark:not(.dark) .horizontal-navigation ul li a, 21723 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, 21724 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn { 21725 color: #c7c7c7; 21726 } 21727 21728 body.semi-dark:not(.dark) .horizontal-navigation ul li a.active, 21729 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 21730 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn { 21731 color: #1a8eff; 21732 } 21733 21734 body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):hover, 21735 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):hover, 21736 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):hover, 21737 body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):focus, 21738 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 21739 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus { 21740 color: #1a8eff; 21741 } 21742 21743 body.semi-dark:not(.dark) .horizontal-navigation ul li ul { 21744 background-color: #313852; 21745 } 21746 21747 body.semi-dark:not(.dark).right-navigation .navigation .navigation-menu-tab { 21748 border-left-color: #444e72; 21749 } 21750 21751 body.semi-dark:not(.dark).small-navigation .navigation:hover .navigation-menu-tab { 21752 border-right-color: #444e72; 21753 } 21754 21755 body.semi-dark:not(.dark).small-navigation.right-navigation .navigation:hover .navigation-menu-tab { 21756 border-left-color: #444e72; 21757 } 21758 21759 body.header-dark:not(.dark) .header { 21760 background-color: #313852; 21761 color: #c7c7c7; 21762 border-bottom-color: #444e72; 21763 } 21764 21765 body.header-dark:not(.dark) .header .header-logo a img, 21766 body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img, 21767 body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img { 21768 display: block; 21769 } 21770 21771 body.header-dark:not(.dark) .header .header-logo a img:not(.logo-light), 21772 body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img:not(.logo-light), 21773 body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img:not(.logo-light) { 21774 display: none; 21775 } 21776 21777 body.header-dark:not(.dark) .header .navigation-toggler a, 21778 body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn, 21779 body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn { 21780 color: #c7c7c7; 21781 } 21782 21783 body.header-dark:not(.dark) .header .navigation-toggler a:hover, 21784 body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn:hover, 21785 body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn:hover { 21786 color: white; 21787 } 21788 21789 body.header-dark:not(.dark) .header a.nav-link, 21790 body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn { 21791 color: #c7c7c7; 21792 } 21793 21794 body.header-dark:not(.dark) .header a.nav-link:hover, 21795 body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn:hover { 21796 color: white; 21797 } 21798 21799 body.header-dark:not(.dark) .header .dropdown-menu { 21800 border-top: none !important; 21801 } 21802 21803 *:focus { 21804 outline: none; 21805 } 21806 21807 .sticky { 21808 position: -webkit-sticky !important; 21809 position: sticky !important; 21810 top: 0; 21811 } 21812 21813 .lead { 21814 line-height: 2.2rem; 21815 } 21816 21817 .layout-wrapper { 21818 display: -webkit-box; 21819 display: flex; 21820 -webkit-box-orient: vertical; 21821 -webkit-box-direction: normal; 21822 flex-direction: column; 21823 min-height: 100vh; 21824 } 21825 21826 .layout-wrapper .content-wrapper { 21827 -webkit-box-flex: 1; 21828 flex: 1; 21829 display: -webkit-box; 21830 display: flex; 21831 } 21832 21833 .layout-wrapper .content-wrapper .content-body { 21834 width: 0; 21835 -webkit-box-flex: 1; 21836 flex: 1; 21837 display: -webkit-box; 21838 display: flex; 21839 -webkit-box-orient: vertical; 21840 -webkit-box-direction: normal; 21841 flex-direction: column; 21842 } 21843 21844 .layout-wrapper .content-wrapper .content-body .content { 21845 -webkit-box-flex: 1; 21846 flex: 1; 21847 padding: 30px; 21848 padding-top: 105px; 21849 padding-left: 100px; 21850 padding-bottom: 0; 21851 } 21852 21853 svg.feather { 21854 width: 20px; 21855 height: 20px; 21856 } 21857 21858 .demo-code-preview { 21859 border: 1px solid #ebebeb; 21860 padding: 20px 10px; 21861 margin-top: 2rem; 21862 position: relative; 21863 background-color: white; 21864 border-radius: 8px; 21865 } 21866 21867 .demo-code-preview + * { 21868 margin-top: 1.5rem; 21869 } 21870 21871 .demo-code-preview:before { 21872 content: attr(data-label); 21873 display: block; 21874 position: absolute; 21875 top: -9px; 21876 left: 20px; 21877 letter-spacing: 1px; 21878 background-color: inherit; 21879 font-size: 11px; 21880 padding: 0 5px; 21881 } 21882 21883 .demo-code-preview pre { 21884 overflow-x: hidden; 21885 background: none; 21886 padding-top: 0; 21887 padding-bottom: 0; 21888 max-height: 300px; 21889 } 21890 21891 .demo-code-preview:hover pre { 21892 overflow-x: auto; 21893 } 21894 21895 code[class*=language-], 21896 pre[class*=language-] { 21897 font-size: 0.93em; 21898 margin: 0; 21899 } 21900 21901 .text-divider { 21902 display: -webkit-box; 21903 display: flex; 21904 -webkit-box-align: center; 21905 align-items: center; 21906 } 21907 21908 .text-divider:after { 21909 content: ""; 21910 display: block; 21911 height: 1px; 21912 background-color: #f0f0f0; 21913 -webkit-box-flex: 1; 21914 flex: 1; 21915 } 21916 21917 .text-divider span { 21918 margin-right: 1rem; 21919 } 21920 21921 .row-xs { 21922 margin-left: -0.5rem; 21923 margin-right: -0.5rem; 21924 } 21925 21926 .row-xs > div { 21927 padding-left: 0.5rem; 21928 padding-right: 0.5rem; 21929 } 21930 21931 .overlay { 21932 position: fixed; 21933 top: 0; 21934 left: 0; 21935 bottom: 0; 21936 right: 0; 21937 z-index: 999; 21938 opacity: 0; 21939 background: rgba(0, 0, 0, 0.3); 21940 -webkit-transition: opacity 0.5s; 21941 transition: opacity 0.5s; 21942 } 21943 21944 .overlay.show { 21945 opacity: 1; 21946 } 21947 21948 .tooltip { 21949 pointer-events: none; 21950 font-family: inherit; 21951 font-size: 0.835rem !important; 21952 } 21953 21954 .tooltip .arrow { 21955 display: none; 21956 } 21957 21958 .tooltip .tooltip-inner { 21959 background: rgba(0, 0, 0, 0.7); 21960 } 21961 21962 .file-manager-items { 21963 display: -webkit-box; 21964 display: flex; 21965 flex-wrap: wrap; 21966 } 21967 21968 .file-manager-items .file-manager-item { 21969 margin-right: 20px; 21970 margin-bottom: 20px; 21971 } 21972 21973 .file-manager-items .file-manager-item span { 21974 display: -webkit-box; 21975 display: flex; 21976 -webkit-box-pack: center; 21977 justify-content: center; 21978 -webkit-box-align: center; 21979 align-items: center; 21980 width: 135px; 21981 height: 115px; 21982 font-size: 8.5em; 21983 border: 1px solid #e1e1e1; 21984 border-radius: 5px; 21985 background-size: cover !important; 21986 background-position: center !important; 21987 } 21988 21989 .file-manager-items .file-manager-item.folder span { 21990 color: #cea65b; 21991 } 21992 21993 .file-manager-items .file-manager-item.image span:before { 21994 display: none; 21995 } 21996 21997 .small, 21998 .page-header .breadcrumb li.breadcrumb-item, 21999 .chat-block .chat-content .messages .message-item.message-item-divider span, 22000 small { 22001 font-size: 12px; 22002 } 22003 22004 .list-group .list-group-item { 22005 padding: 0.75rem 1.5rem; 22006 } 22007 22008 .list-group .list-group-item.active { 22009 z-index: auto; 22010 background: #0081ff; 22011 } 22012 22013 .bring-forward { 22014 position: relative; 22015 z-index: 1; 22016 } 22017 22018 .table-email-list table.table .dropdown [data-toggle=dropdown]:after { 22019 display: none; 22020 } 22021 22022 .table-email-list table.table .email-subject { 22023 max-width: 80%; 22024 white-space: nowrap; 22025 overflow: hidden; 22026 text-overflow: ellipsis; 22027 } 22028 22029 .table-email-list table.table .email-subject a, 22030 .table-email-list table.table .email-subject .header form .input-group .input-group-append button.btn, 22031 .header form .input-group .input-group-append .table-email-list table.table .email-subject button.btn { 22032 display: inline-block; 22033 } 22034 22035 .table-email-list table.table td, 22036 .table-email-list table.table .table th { 22037 padding: 0.8rem; 22038 } 22039 22040 .table-email-list a, 22041 .table-email-list .header form .input-group .input-group-append button.btn, 22042 .header form .input-group .input-group-append .table-email-list button.btn { 22043 color: #646464; 22044 } 22045 22046 .table-email-list a:hover, 22047 .table-email-list .header form .input-group .input-group-append button.btn:hover, 22048 .header form .input-group .input-group-append .table-email-list button.btn:hover, 22049 .table-email-list a:focus, 22050 .table-email-list .header form .input-group .input-group-append button.btn:focus, 22051 .header form .input-group .input-group-append .table-email-list button.btn:focus { 22052 color: #0081ff; 22053 } 22054 22055 .read-mail-body img { 22056 max-width: 50%; 22057 } 22058 22059 .bootstrap-tagsinput { 22060 box-shadow: none; 22061 width: 100%; 22062 border: 1px solid #ced4da; 22063 min-height: calc(2.25rem + 2px); 22064 } 22065 22066 .bootstrap-tagsinput.focus { 22067 border-color: #3383de; 22068 } 22069 22070 .bootstrap-tagsinput .tag { 22071 display: -webkit-inline-box; 22072 display: inline-flex; 22073 color: black; 22074 border-radius: 3px; 22075 font-size: 13px; 22076 padding: 0 8px; 22077 margin: 2px 1px; 22078 -webkit-box-pack: justify; 22079 justify-content: space-between; 22080 -webkit-box-align: center; 22081 align-items: center; 22082 background: #e1e1e1; 22083 } 22084 22085 .list-group .list-group-item.active { 22086 background: #0081ff; 22087 border-color: transparent; 22088 } 22089 22090 .list-group-flush .list-group-item:first-child { 22091 border-top: 0; 22092 } 22093 22094 .badge { 22095 font-weight: 500; 22096 } 22097 22098 .nav-pills .nav-link.active { 22099 background: #0081ff; 22100 } 22101 22102 .nav-tabs .nav-link.active { 22103 color: #0081ff; 22104 } 22105 22106 .text-muted, 22107 .chat-block .chat-content .messages .message-item.message-item-divider span, 22108 .demo-code-preview:before { 22109 color: #a7abc3 !important; 22110 } 22111 22112 .min-width-0 { 22113 min-width: 0; 22114 } 22115 22116 .list-group-item { 22117 border-color: #e6e6e6; 22118 } 22119 22120 .jqstooltip { 22121 box-sizing: content-box; 22122 } 22123 22124 .hide-show-toggler .hide-show-toggler-item { 22125 display: none; 22126 } 22127 22128 .hide-show-toggler:hover .hide-show-toggler-item, 22129 .hide-show-toggler:focus .hide-show-toggler-item { 22130 display: block; 22131 } 22132 22133 .tooltip { 22134 font-size: 14px; 22135 } 22136 22137 .jqvmap-zoomin, 22138 .jqvmap-zoomout { 22139 box-sizing: initial; 22140 } 22141 22142 .apexcharts-canvas { 22143 margin: auto; 22144 } 22145 22146 [data-backround-image] { 22147 position: relative; 22148 background-size: cover !important; 22149 background-position: center !important; 22150 } 22151 22152 [data-backround-image]:after { 22153 content: ""; 22154 display: block; 22155 background: rgba(255, 255, 255, 0.6); 22156 position: absolute; 22157 right: 0; 22158 left: 0; 22159 top: 0; 22160 bottom: 0; 22161 } 22162 22163 [data-backround-image] > * { 22164 position: relative; 22165 z-index: 1; 22166 } 22167 22168 .dropdown-menu [data-backround-image]:after { 22169 border-radius: 0; 22170 } 22171 22172 .jqvmap-region { 22173 fill: rgba(170, 102, 204, 0.3); 22174 } 22175 22176 .jqvmap-region:hover { 22177 fill: #aa66cc; 22178 } 22179 22180 .a-0 { 22181 top: 0px; 22182 right: 0px; 22183 bottom: 0px; 22184 left: 0px; 22185 } 22186 22187 .font-weight-800 { 22188 font-weight: 800; 22189 } 22190 22191 .circle canvas { 22192 vertical-align: top; 22193 } 22194 22195 .todo-item { 22196 -webkit-user-select: none; 22197 -moz-user-select: none; 22198 -ms-user-select: none; 22199 user-select: none; 22200 margin-bottom: 10px; 22201 } 22202 22203 .todo-item input[type=checkbox]:checked + label { 22204 text-decoration: line-through; 22205 color: #00961f; 22206 } 22207 22208 .border-radius-1 { 22209 border-radius: 5px; 22210 } 22211 22212 .rounded { 22213 border-radius: 0.5rem !important; 22214 } 22215 22216 .nav-tabs .nav-link { 22217 border-top-left-radius: 0.5rem; 22218 border-top-right-radius: 0.5rem; 22219 } 22220 22221 .nav-pills .nav-link { 22222 border-radius: 0.5rem; 22223 } 22224 22225 .apexcharts-legend.position-top.center { 22226 -webkit-box-pack: end !important; 22227 justify-content: flex-end !important; 22228 } 22229 22230 .image-hover { 22231 position: relative; 22232 } 22233 22234 .image-hover .image-hover-body { 22235 display: -webkit-box; 22236 display: flex; 22237 -webkit-box-align: end; 22238 align-items: flex-end; 22239 opacity: 0; 22240 visibility: hidden; 22241 position: absolute; 22242 right: 0; 22243 left: 0; 22244 top: 0; 22245 bottom: 0; 22246 background: rgba(0, 0, 0, 0.5); 22247 -webkit-transition: all 0.3s; 22248 transition: all 0.3s; 22249 color: white; 22250 padding: 20px 30px; 22251 } 22252 22253 .image-hover:hover .image-hover-body { 22254 opacity: 1; 22255 visibility: visible; 22256 } 22257 22258 .nav-analiytics-style .nav-link { 22259 padding: 0.5rem 1.5rem; 22260 } 22261 22262 .daterangepicker { 22263 font-family: "Inter"; 22264 } 22265 22266 .header { 22267 background-color: white; 22268 z-index: 999; 22269 display: -webkit-box; 22270 display: flex; 22271 height: 75px; 22272 box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4); 22273 position: fixed; 22274 right: 0; 22275 left: 0; 22276 top: 0; 22277 } 22278 22279 .header .avatar { 22280 border-color: transparent; 22281 } 22282 22283 .header .avatar.avatar-state-success:before { 22284 border-color: #0081ff; 22285 } 22286 22287 .header .header-left { 22288 /*width: 320px;*/ 22289 padding-left: 30px; 22290 display: -webkit-box; 22291 display: flex; 22292 -webkit-box-align: center; 22293 align-items: center; 22294 } 22295 22296 .header .header-left .navigation-toggler { 22297 display: none; 22298 margin-right: 15px; 22299 } 22300 22301 .header .header-left .navigation-toggler a, 22302 .header .header-left .navigation-toggler form .input-group .input-group-append button.btn, 22303 .header form .input-group .input-group-append .header-left .navigation-toggler button.btn { 22304 display: -webkit-box; 22305 display: flex; 22306 -webkit-box-align: center; 22307 align-items: center; 22308 -webkit-box-pack: center; 22309 justify-content: center; 22310 } 22311 22312 .header .header-left .navigation-toggler a svg, 22313 .header .header-left .navigation-toggler form .input-group .input-group-append button.btn svg, 22314 .header form .input-group .input-group-append .header-left .navigation-toggler button.btn svg { 22315 height: 30px; 22316 width: 30px; 22317 } 22318 22319 .header .header-logo a, 22320 .header .header-logo form .input-group .input-group-append button.btn, 22321 .header form .input-group .input-group-append .header-logo button.btn { 22322 height: 75px; 22323 display: -webkit-box; 22324 display: flex; 22325 -webkit-box-align: center; 22326 align-items: center; 22327 } 22328 22329 .header .header-logo a img:not(.logo), 22330 .header .header-logo form .input-group .input-group-append button.btn img:not(.logo), 22331 .header form .input-group .input-group-append .header-logo button.btn img:not(.logo) { 22332 display: none; 22333 } 22334 22335 .header .header-body { 22336 padding: 0 30px; 22337 position: relative; 22338 display: -webkit-box; 22339 display: flex; 22340 -webkit-box-align: center; 22341 align-items: center; 22342 -webkit-box-flex: 1; 22343 flex: auto; 22344 -webkit-box-pack: justify; 22345 justify-content: space-between; 22346 } 22347 22348 .header .header-body .page-title h1, 22349 .header .header-body .page-title h2, 22350 .header .header-body .page-title h3, 22351 .header .header-body .page-title h4, 22352 .header .header-body .page-title h5, 22353 .header .header-body .page-title h6 { 22354 margin-bottom: 0; 22355 line-height: inherit; 22356 } 22357 22358 .header form .input-group { 22359 position: relative; 22360 } 22361 22362 .header form .input-group .form-control, 22363 .header form .input-group .swal-modal input.swal-content__input, 22364 .swal-modal .header form .input-group input.swal-content__input { 22365 border: none; 22366 background-color: rgba(255, 255, 255, 0.1); 22367 } 22368 22369 .header form .input-group .form-control:focus, 22370 .header form .input-group .swal-modal input.swal-content__input:focus, 22371 .swal-modal .header form .input-group input.swal-content__input:focus { 22372 background-color: rgba(255, 255, 255, 0.2); 22373 } 22374 22375 .header form .input-group .input-group-append { 22376 position: absolute; 22377 right: 0; 22378 } 22379 22380 .header form .input-group .input-group-append button.btn { 22381 position: relative; 22382 z-index: 9; 22383 border-top-right-radius: 5px; 22384 border-bottom-right-radius: 5px; 22385 background-color: inherit; 22386 border: none; 22387 } 22388 22389 .header form .input-group .input-group-append button.btn:hover { 22390 opacity: 0.7; 22391 } 22392 22393 .header form .input-group .input-group-append button.btn:focus, 22394 .header form .input-group .input-group-append button.btn:active, 22395 .header form .input-group .input-group-append button.btn:hover { 22396 background-color: inherit; 22397 box-shadow: none !important; 22398 } 22399 22400 .header .header-toggler { 22401 display: none; 22402 } 22403 22404 .header [data-toggle=fullscreen] .minimize { 22405 display: none; 22406 } 22407 22408 .header .active-fullscreen .minimize { 22409 display: block; 22410 } 22411 22412 .header .active-fullscreen .maximize { 22413 display: none; 22414 } 22415 22416 .header ul.navbar-nav { 22417 -webkit-box-orient: horizontal; 22418 -webkit-box-direction: normal; 22419 flex-direction: row; 22420 -webkit-box-align: center; 22421 align-items: center; 22422 } 22423 22424 .header ul.navbar-nav li.nav-item a.nav-link, 22425 .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn, 22426 .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn { 22427 line-height: 100%; 22428 padding: 10px 15px; 22429 display: -webkit-box; 22430 display: flex; 22431 -webkit-box-align: center; 22432 align-items: center; 22433 -webkit-box-pack: center; 22434 justify-content: center; 22435 } 22436 22437 .header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify, 22438 .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn, 22439 .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn { 22440 position: relative; 22441 } 22442 22443 .header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify:before, 22444 .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn:before, 22445 .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn:before { 22446 content: ""; 22447 position: absolute; 22448 width: 6px; 22449 height: 6px; 22450 right: 0; 22451 border-radius: 50%; 22452 top: 3px; 22453 background: #ea5455; 22454 -webkit-animation: notify-pulse 1s infinite; 22455 } 22456 22457 .header ul.navbar-nav li.nav-item a.nav-link:hover, 22458 .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:hover, 22459 .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:hover, 22460 .header ul.navbar-nav li.nav-item a.nav-link:focus, 22461 .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:focus, 22462 .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:focus { 22463 outline: none; 22464 } 22465 22466 .header ul.navbar-nav + form.search { 22467 margin-left: 1.5rem; 22468 } 22469 22470 .header .dropdown-menu { 22471 position: absolute; 22472 } 22473 22474 @-webkit-keyframes notify-pulse { 22475 0% { 22476 box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7); 22477 } 22478 22479 100% { 22480 box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); 22481 } 22482 } 22483 22484 @keyframes notify-pulse { 22485 0% { 22486 box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7); 22487 } 22488 22489 100% { 22490 box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); 22491 } 22492 } 22493 22494 .navigation { 22495 background-color: white; 22496 z-index: 998; 22497 /*width: 320px;*/ 22498 box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); 22499 position: fixed; 22500 display: -webkit-box; 22501 display: flex; 22502 -webkit-box-orient: horizontal; 22503 -webkit-box-direction: normal; 22504 flex-direction: row; 22505 left: 0; 22506 bottom: 0; 22507 top: 75px; 22508 } 22509 22510 .navigation .navigation-menu-tab { 22511 border-right: 1px solid #e6e6e6; 22512 width: 80px; 22513 display: -webkit-box; 22514 display: flex; 22515 -webkit-box-orient: vertical; 22516 -webkit-box-direction: normal; 22517 flex-direction: column; 22518 margin-right: 0; 22519 padding: 10px; 22520 } 22521 22522 .navigation .navigation-menu-tab .avatar { 22523 border: none; 22524 } 22525 22526 .navigation .navigation-menu-tab ul li { 22527 margin-bottom: 5px; 22528 } 22529 22530 .navigation .navigation-menu-tab ul li a, 22531 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, 22532 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn { 22533 display: -webkit-box; 22534 display: flex; 22535 height: 50px; 22536 -webkit-box-pack: center; 22537 justify-content: center; 22538 -webkit-box-align: center; 22539 align-items: center; 22540 border-radius: 0.5rem; 22541 -webkit-transition: all 0.3s; 22542 transition: all 0.3s; 22543 } 22544 22545 .navigation .navigation-menu-tab ul li a:hover, 22546 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover, 22547 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover { 22548 color: #0081ff; 22549 } 22550 22551 .navigation .navigation-menu-tab ul li a.active, 22552 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, 22553 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn { 22554 color: white; 22555 background-color: #0081ff; 22556 box-shadow: 0px 5px 20px -14px #0081ff; 22557 } 22558 22559 .navigation .navigation-menu-tab ul li a svg, 22560 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn svg, 22561 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn svg { 22562 width: 23px; 22563 height: 23px; 22564 } 22565 22566 .navigation .navigation-menu-body { 22567 -webkit-box-flex: 1; 22568 flex: 1; 22569 display: -webkit-box; 22570 display: flex; 22571 -webkit-box-orient: vertical; 22572 -webkit-box-direction: normal; 22573 flex-direction: column; 22574 overflow: auto; 22575 } 22576 22577 .navigation .navigation-menu-body .navigation-menu-group > div { 22578 display: none; 22579 } 22580 22581 .navigation .navigation-menu-body .navigation-menu-group > div.open { 22582 display: block; 22583 } 22584 22585 .navigation .navigation-menu-body ul li.navigation-divider { 22586 padding: 10px 30px; 22587 text-transform: uppercase; 22588 font-size: 12px; 22589 letter-spacing: 0.5px; 22590 margin-top: 10px; 22591 margin-bottom: 10px; 22592 color: #a7abc3; 22593 } 22594 22595 .navigation .navigation-menu-body ul li > a, 22596 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn, 22597 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn { 22598 display: -webkit-box; 22599 display: flex; 22600 -webkit-box-align: center; 22601 align-items: center; 22602 padding: 10px 30px; 22603 color: #505050; 22604 font-size: 14px; 22605 -webkit-transition: all 0.3s; 22606 transition: all 0.3s; 22607 } 22608 22609 .navigation .navigation-menu-body ul li > a .nav-link-icon, 22610 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .nav-link-icon, 22611 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .nav-link-icon { 22612 margin-right: 0.8rem; 22613 stroke: rgba(0, 0, 0, 0.3); 22614 -webkit-transition: stroke 0.3s; 22615 transition: stroke 0.3s; 22616 width: 20px; 22617 height: 20px; 22618 } 22619 22620 .navigation .navigation-menu-body ul li > a:hover, 22621 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover, 22622 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover { 22623 color: #0081ff; 22624 } 22625 22626 .navigation .navigation-menu-body ul li > a:hover .nav-link-icon, 22627 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon, 22628 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon { 22629 stroke: #0081ff; 22630 } 22631 22632 .navigation .navigation-menu-body ul li > a.active, 22633 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn, 22634 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn { 22635 position: relative; 22636 color: #0081ff; 22637 font-weight: 600; 22638 background: rgba(0, 129, 255, 0.15); 22639 border-radius: 0.5rem; 22640 margin: 0 1rem; 22641 } 22642 22643 .navigation .navigation-menu-body ul li > a.active:before, 22644 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn:before, 22645 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn:before { 22646 content: ""; 22647 display: block; 22648 border: 6px solid transparent; 22649 border-left-color: #0081ff; 22650 margin-left: -12px; 22651 margin-right: 5px; 22652 } 22653 22654 .navigation .navigation-menu-body ul li > a .sub-menu-arrow, 22655 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow, 22656 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow { 22657 margin-left: auto; 22658 font-size: 14px; 22659 -webkit-transition: -webkit-transform 0.3s; 22660 transition: -webkit-transform 0.3s; 22661 transition: transform 0.3s; 22662 transition: transform 0.3s, -webkit-transform 0.3s; 22663 } 22664 22665 .navigation .navigation-menu-body ul li > a .sub-menu-arrow.rotate-in, 22666 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow.rotate-in, 22667 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow.rotate-in { 22668 -webkit-transform: rotate(540deg); 22669 transform: rotate(540deg); 22670 } 22671 22672 .navigation .navigation-menu-body ul li > a .badge, 22673 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .badge, 22674 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .badge { 22675 margin-left: auto; 22676 padding: 3px 7px; 22677 } 22678 22679 .navigation .navigation-menu-body ul li > a + ul, 22680 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul, 22681 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul { 22682 display: none; 22683 } 22684 22685 .navigation .navigation-menu-body ul li > a + ul li, 22686 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li, 22687 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li { 22688 margin: 0; 22689 } 22690 22691 .navigation .navigation-menu-body ul li > a + ul li a, 22692 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li a, 22693 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li a, 22694 .navigation .navigation-menu-body ul li > a + ul li .header form .input-group .input-group-append button.btn, 22695 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul li button.btn, 22696 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li button.btn, 22697 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li button.btn { 22698 padding-left: 50px; 22699 } 22700 22701 .navigation .navigation-menu-body ul li > a + ul ul, 22702 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul, 22703 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul { 22704 border-left: none; 22705 } 22706 22707 .navigation .navigation-menu-body ul li > a + ul ul li a, 22708 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li a, 22709 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li a, 22710 .navigation .navigation-menu-body ul li > a + ul ul li .header form .input-group .input-group-append button.btn, 22711 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul ul li button.btn, 22712 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li button.btn, 22713 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li button.btn { 22714 padding-left: 70px; 22715 } 22716 22717 .navigation .navigation-menu-body ul li.open > a, 22718 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 22719 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn { 22720 color: #0081ff; 22721 font-weight: 600; 22722 } 22723 22724 .navigation .navigation-menu-body ul li.open > a .nav-link-icon, 22725 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon, 22726 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon { 22727 stroke: #0081ff; 22728 } 22729 22730 .navigation .navigation-menu-body ul li.open > ul { 22731 display: block; 22732 } 22733 22734 .navigation .navigation-menu-body ul li.open > ul a.active, 22735 .navigation .navigation-menu-body ul li.open > ul .header form .input-group .input-group-append button.active.btn, 22736 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > ul button.active.btn { 22737 background-color: inherit; 22738 } 22739 22740 footer.content-footer { 22741 padding: 15px 30px; 22742 background-color: white; 22743 box-shadow: 0 0 10px -8px black; 22744 display: -webkit-box; 22745 display: flex; 22746 -webkit-box-align: center; 22747 align-items: center; 22748 -webkit-box-pack: justify; 22749 justify-content: space-between; 22750 margin-left: 100px; 22751 } 22752 22753 footer.content-footer * { 22754 text-transform: uppercase; 22755 letter-spacing: 0.5px; 22756 font-size: 12px; 22757 } 22758 22759 footer.content-footer .nav a, 22760 footer.content-footer .nav .header form .input-group .input-group-append button.btn, 22761 .header form .input-group .input-group-append footer.content-footer .nav button.btn { 22762 padding: 5px 0; 22763 margin-left: 15px; 22764 } 22765 22766 footer.content-footer .nav a:hover, 22767 footer.content-footer .nav .header form .input-group .input-group-append button.btn:hover, 22768 .header form .input-group .input-group-append footer.content-footer .nav button.btn:hover { 22769 background: none !important; 22770 } 22771 22772 .sidebar-group { 22773 background-color: rgba(0, 0, 0, 0.35); 22774 position: fixed; 22775 right: 0; 22776 bottom: 0; 22777 top: 0; 22778 left: 0; 22779 opacity: 0; 22780 z-index: 1000; 22781 -webkit-transition: all 0.3s; 22782 transition: all 0.3s; 22783 visibility: hidden; 22784 } 22785 22786 .sidebar-group.show { 22787 opacity: 1; 22788 visibility: visible; 22789 } 22790 22791 .sidebar-group .card, 22792 .sidebar-group .chat-block, 22793 .sidebar-group .app-block .app-content .app-action, 22794 .app-block .app-content .sidebar-group .app-action { 22795 box-shadow: none; 22796 } 22797 22798 .sidebar-group .sidebar { 22799 width: 330px; 22800 box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); 22801 background-color: white; 22802 z-index: 1000; 22803 -webkit-transition: all 0.2s; 22804 transition: all 0.2s; 22805 visibility: hidden; 22806 opacity: 0; 22807 margin-right: -100px; 22808 position: fixed; 22809 right: 0; 22810 bottom: 0; 22811 top: 0; 22812 } 22813 22814 .sidebar-group .sidebar.show { 22815 visibility: visible; 22816 opacity: 1; 22817 margin-right: 0px; 22818 } 22819 22820 .sidebar-group .sidebar > header { 22821 background-color: #ebebeb; 22822 padding: 1.5rem; 22823 font-size: 16px; 22824 line-height: 0; 22825 display: -webkit-box; 22826 display: flex; 22827 -webkit-box-align: center; 22828 align-items: center; 22829 } 22830 22831 .sidebar-group .sidebar > header i { 22832 margin-right: 10px; 22833 } 22834 22835 .sidebar-group .sidebar .tab-content { 22836 height: calc(100% - 50px); 22837 } 22838 22839 .sidebar-group .sidebar .tab-content .tab-pane.active { 22840 height: 100%; 22841 display: -webkit-box; 22842 display: flex; 22843 -webkit-box-orient: vertical; 22844 -webkit-box-direction: normal; 22845 flex-direction: column; 22846 } 22847 22848 .sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-body { 22849 -webkit-box-flex: 1; 22850 flex: 1; 22851 overflow: auto; 22852 } 22853 22854 .sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-footer { 22855 padding: 20px 0; 22856 } 22857 22858 body.dark { 22859 background-color: #182139; 22860 color: #c7c7c7; 22861 } 22862 22863 body.dark a:not(.btn):not(.link-1), 22864 body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1), 22865 .header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1) { 22866 color: rgba(255, 255, 255, 0.5); 22867 } 22868 22869 body.dark a:not(.btn):not(.link-1):hover, 22870 body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1):hover, 22871 .header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1):hover { 22872 color: rgba(255, 255, 255, 0.8); 22873 } 22874 22875 body.dark .header { 22876 background-color: #313852; 22877 border-bottom-color: #454c66; 22878 } 22879 22880 body.dark .header .header-logo { 22881 border-bottom-color: #454c66; 22882 } 22883 22884 body.dark .header .header-logo img { 22885 display: block; 22886 } 22887 22888 body.dark .header .header-logo img:not(.logo-light) { 22889 display: none; 22890 } 22891 22892 body.dark .header ul li a, 22893 body.dark .header ul li form .input-group .input-group-append button.btn, 22894 body.dark .header form .input-group .input-group-append ul li button.btn { 22895 color: #c7c7c7; 22896 } 22897 22898 body.dark .header ul li a:hover, 22899 body.dark .header ul li form .input-group .input-group-append button.btn:hover, 22900 body.dark .header form .input-group .input-group-append ul li button.btn:hover, 22901 body.dark .header ul li a:focus, 22902 body.dark .header ul li form .input-group .input-group-append button.btn:focus, 22903 body.dark .header form .input-group .input-group-append ul li button.btn:focus { 22904 color: white; 22905 } 22906 22907 body.dark .header .avatar { 22908 border-color: transparent; 22909 } 22910 22911 body.dark .text-divider:after { 22912 background-color: #454c66; 22913 } 22914 22915 body.dark input::-webkit-input-placeholder { 22916 color: rgba(255, 255, 255, 0.5); 22917 } 22918 22919 body.dark input::-moz-placeholder { 22920 color: rgba(255, 255, 255, 0.5); 22921 } 22922 22923 body.dark input:-ms-input-placeholder { 22924 color: rgba(255, 255, 255, 0.5); 22925 } 22926 22927 body.dark input::-ms-input-placeholder { 22928 color: rgba(255, 255, 255, 0.5); 22929 } 22930 22931 body.dark input::placeholder { 22932 color: rgba(255, 255, 255, 0.5); 22933 } 22934 22935 body.dark .border { 22936 border-color: #454c66 !important; 22937 } 22938 22939 body.dark .border-right { 22940 border-left-color: #454c66 !important; 22941 border-right-color: #454c66 !important; 22942 } 22943 22944 body.dark .border-left { 22945 border-left-color: #454c66 !important; 22946 border-right-color: #454c66 !important; 22947 } 22948 22949 body.dark .border-bottom { 22950 border-bottom-color: #454c66 !important; 22951 } 22952 22953 body.dark .border-top { 22954 border-top-color: #454c66 !important; 22955 } 22956 22957 body.dark .preloader { 22958 background: #04071a; 22959 } 22960 22961 body.dark .preloader .preloader-icon { 22962 border-color: #313852; 22963 } 22964 22965 body.dark .nav-tabs .nav-link:hover, 22966 body.dark .nav-tabs .nav-link:focus { 22967 background-color: #313852 !important; 22968 border-bottom-color: #313852 !important; 22969 } 22970 22971 body.dark .nav-tabs .nav-link.active { 22972 background: #313852 !important; 22973 border-bottom-color: #313852 !important; 22974 } 22975 22976 body.dark .sidebar header { 22977 background-color: #2c2f42; 22978 } 22979 22980 body.dark .navigation { 22981 background-color: #313852; 22982 } 22983 22984 body.dark .navigation .navigation-menu-tab { 22985 border-right-color: #444e72; 22986 } 22987 22988 body.dark .navigation .navigation-menu-tab ul li a, 22989 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, 22990 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn { 22991 color: #c7c7c7; 22992 } 22993 22994 body.dark .navigation .navigation-menu-tab ul li a.active, 22995 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, 22996 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.active.btn { 22997 color: white; 22998 } 22999 23000 body.dark .navigation .navigation-menu-tab ul li a:not(.active):hover, 23001 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover, 23002 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):hover, 23003 body.dark .navigation .navigation-menu-tab ul li a:not(.active):focus, 23004 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, 23005 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { 23006 color: #0081ff; 23007 } 23008 23009 body.dark .navigation .navigation-menu-body ul li.navigation-divider { 23010 color: #dbdbdb; 23011 } 23012 23013 body.dark .navigation .navigation-menu-body ul li a, 23014 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn, 23015 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn { 23016 color: #c7c7c7; 23017 } 23018 23019 body.dark .navigation .navigation-menu-body ul li a .nav-link-icon, 23020 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, 23021 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn .nav-link-icon { 23022 stroke: rgba(199, 199, 199, 0.5); 23023 } 23024 23025 body.dark .navigation .navigation-menu-body ul li a:hover, 23026 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover, 23027 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:hover, 23028 body.dark .navigation .navigation-menu-body ul li a:focus, 23029 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus, 23030 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:focus { 23031 color: white; 23032 } 23033 23034 body.dark .navigation .navigation-menu-body ul li a.active, 23035 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn, 23036 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.active.btn { 23037 color: white; 23038 } 23039 23040 body.dark .navigation .navigation-menu-body ul li a + ul li a.active, 23041 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active, 23042 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li a.active, 23043 body.dark .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn, 23044 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li a + ul li button.active.btn, 23045 body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn, 23046 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn { 23047 color: white; 23048 } 23049 23050 body.dark .navigation .navigation-menu-body ul li.open > a, 23051 body.dark .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 23052 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li.open > button.btn { 23053 color: white; 23054 background-color: #454c66; 23055 } 23056 23057 body.dark .navigation .navigation-menu-body ul li .dropdown-divider { 23058 color: #0081ff; 23059 } 23060 23061 body.dark.boxed-layout { 23062 background-color: #04071a; 23063 } 23064 23065 body.dark.boxed-layout .layout-wrapper .content-wrapper .content-body .content { 23066 background-color: #182139; 23067 } 23068 23069 body.dark.right-navigation .navigation .navigation-menu-tab { 23070 border-left-color: #444e72; 23071 } 23072 23073 body.dark.right-navigation.small-navigation .navigation .navigation-menu-tab { 23074 border-left-color: transparent; 23075 } 23076 23077 body.dark.right-navigation.small-navigation .navigation:hover .navigation-menu-tab { 23078 border-left-color: #444e72 !important; 23079 } 23080 23081 body.dark.small-navigation .navigation:hover .navigation-menu-tab { 23082 border-right-color: #444e72 !important; 23083 } 23084 23085 body.dark .custom-accordion .accordion-row .accordion-header .close { 23086 text-shadow: none; 23087 color: inherit; 23088 } 23089 23090 body.dark #vmap_usa_en, 23091 body.dark #vmap_canada_en, 23092 body.dark #vmap_world_en { 23093 background-color: inherit !important; 23094 } 23095 23096 body.dark .table { 23097 color: #c7c7c7; 23098 } 23099 23100 body.dark .table .thead-light th { 23101 background-color: #59607a; 23102 color: inherit; 23103 } 23104 23105 body.dark .table .thead-dark th, 23106 body.dark .table-dark, 23107 body.dark .table-dark th, 23108 body.dark .table-dark td { 23109 background-color: #04071a; 23110 } 23111 23112 body.dark .mark, 23113 body.dark mark { 23114 background-color: #59607a; 23115 color: inherit; 23116 } 23117 23118 body.dark .page-header { 23119 color: rgba(255, 255, 255, 0.6); 23120 } 23121 23122 body.dark .page-header .breadcrumb li a, 23123 body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn, 23124 .header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn { 23125 color: #b3b3b3; 23126 } 23127 23128 body.dark .page-header .breadcrumb li a:hover, 23129 body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn:hover, 23130 .header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn:hover { 23131 color: #c7c7c7; 23132 } 23133 23134 body.dark .breadcrumb li.breadcrumb-item.active { 23135 color: #339aff; 23136 } 23137 23138 body.dark [data-backround-image]:after { 23139 background-color: rgba(0, 0, 0, 0.6); 23140 } 23141 23142 body.dark .layout-alert { 23143 border-color: #59607a; 23144 } 23145 23146 body.dark .alert { 23147 color: rgba(255, 255, 255, 0.6); 23148 } 23149 23150 body.dark .alert hr { 23151 border-color: rgba(255, 255, 255, 0.1); 23152 } 23153 23154 body.dark .alert .close:hover, 23155 body.dark .alert .close:focus { 23156 opacity: 0.2; 23157 color: inherit; 23158 } 23159 23160 body.dark .form-control, 23161 body.dark .swal-modal input.swal-content__input, 23162 .swal-modal body.dark input.swal-content__input { 23163 background: #313852; 23164 border-color: #454c66 !important; 23165 color: #c3c3c3; 23166 } 23167 23168 body.dark .form-control:focus, 23169 body.dark .swal-modal input.swal-content__input:focus, 23170 .swal-modal body.dark input.swal-content__input:focus { 23171 border-color: #0081ff !important; 23172 } 23173 23174 body.dark .timeline .timeline-item::before { 23175 background: #59607a; 23176 } 23177 23178 body.dark .dropdown-menu { 23179 border-top: 1px solid #454c66 !important; 23180 color: #c7c7c7; 23181 } 23182 23183 body.dark .custom-select { 23184 background-color: inherit; 23185 border-color: rgba(255, 255, 255, 0.2); 23186 color: inherit; 23187 } 23188 23189 body.dark .custom-file-label { 23190 background-color: inherit; 23191 border-color: rgba(255, 255, 255, 0.2); 23192 color: inherit; 23193 } 23194 23195 body.dark .custom-file-label::after { 23196 background-color: #454c66; 23197 color: inherit; 23198 } 23199 23200 body.dark .custom-range::-webkit-slider-runnable-track { 23201 background-color: #454c66; 23202 } 23203 23204 body.dark .custom-control-label::before { 23205 background-color: inherit; 23206 border-color: #59607a; 23207 } 23208 23209 body.dark .custom-control-input:disabled ~ .custom-control-label::before { 23210 background-color: #454c66; 23211 } 23212 23213 body.dark .form-control-plaintext { 23214 color: inherit; 23215 } 23216 23217 body.dark .wizard > .content { 23218 background-color: #454c66; 23219 } 23220 23221 body.dark .wizard > .steps .disabled a, 23222 body.dark .wizard > .steps .disabled .header form .input-group .input-group-append button.btn, 23223 .header form .input-group .input-group-append body.dark .wizard > .steps .disabled button.btn, 23224 body.dark .wizard > .steps .disabled a:hover, 23225 body.dark .wizard > .steps .disabled a:active { 23226 background-color: #454c66; 23227 } 23228 23229 body.dark .wizard > .actions .disabled a, 23230 body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn, 23231 .header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn, 23232 body.dark .wizard > .actions .disabled a:hover, 23233 body.dark .wizard > .actions .disabled a:active { 23234 background: #4f5670 !important; 23235 border-color: #4f5670 !important; 23236 } 23237 23238 body.dark .wizard > .actions .disabled a:not(:disabled):not(.disabled):focus, 23239 body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus, 23240 .header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn:not(:disabled):not(.disabled):focus, 23241 body.dark .wizard > .actions .disabled a:hover:not(:disabled):not(.disabled):focus, 23242 body.dark .wizard > .actions .disabled a:active:not(:disabled):not(.disabled):focus { 23243 box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5); 23244 outline: none; 23245 color: inherit; 23246 } 23247 23248 body.dark .pricing-table { 23249 border-color: #59607a; 23250 } 23251 23252 body.dark hr { 23253 border-color: #454c66; 23254 } 23255 23256 body.dark .dropdown-menu { 23257 border: none; 23258 background-color: #3b425c; 23259 } 23260 23261 body.dark .dropdown-menu .dropdown-item { 23262 color: #c3c3c3; 23263 } 23264 23265 body.dark .dropdown-menu .dropdown-item:hover, 23266 body.dark .dropdown-menu .dropdown-item:focus { 23267 background: #313852; 23268 } 23269 23270 body.dark .bg-light { 23271 background: #59607a !important; 23272 } 23273 23274 body.dark .list-group-item { 23275 background: none; 23276 border-color: rgba(155, 155, 155, 0.1); 23277 } 23278 23279 body.dark a.list-group-item, 23280 body.dark .header form .input-group .input-group-append button.list-group-item.btn, 23281 .header form .input-group .input-group-append body.dark button.list-group-item.btn { 23282 color: #c7c7c7; 23283 } 23284 23285 body.dark a.list-group-item:hover, 23286 body.dark .header form .input-group .input-group-append button.list-group-item.btn:hover, 23287 .header form .input-group .input-group-append body.dark button.list-group-item.btn:hover { 23288 color: white; 23289 } 23290 23291 body.dark .card, 23292 body.dark .chat-block, 23293 body.dark .app-block .app-content .app-action, 23294 .app-block .app-content body.dark .app-action { 23295 background: #313852; 23296 border-color: #444e72; 23297 } 23298 23299 body.dark .card .card-header, 23300 body.dark .chat-block .card-header, 23301 body.dark .app-block .app-content .app-action .card-header, 23302 .app-block .app-content body.dark .app-action .card-header { 23303 border-bottom-color: #2c2f42 !important; 23304 } 23305 23306 body.dark .card .card-footer, 23307 body.dark .chat-block .card-footer, 23308 body.dark .app-block .app-content .app-action .card-footer, 23309 .app-block .app-content body.dark .app-action .card-footer { 23310 border-top-color: #2c2f42; 23311 } 23312 23313 body.dark .accordion .card, 23314 body.dark .accordion .chat-block, 23315 body.dark .accordion .app-block .app-content .app-action, 23316 .app-block .app-content body.dark .accordion .app-action, 23317 body.dark .accordion.custom-accordion { 23318 border-color: rgba(240, 240, 240, 0.12); 23319 } 23320 23321 body.dark .accordion.custom-accordion .accordion-row a.accordion-header, 23322 body.dark .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn, 23323 .header form .input-group .input-group-append body.dark .accordion.custom-accordion .accordion-row button.accordion-header.btn { 23324 border-bottom-color: rgba(240, 240, 240, 0.12); 23325 border-top-color: rgba(240, 240, 240, 0.12); 23326 color: inherit; 23327 background-color: #454c66; 23328 } 23329 23330 body.dark .morris-hover.morris-default-style { 23331 background-color: #454c66; 23332 border-color: #59607a; 23333 } 23334 23335 body.dark .apexcharts-yaxis .apexcharts-yaxis-texts-g text { 23336 fill: rgba(255, 255, 255, 0.2); 23337 } 23338 23339 body.dark .apexcharts-grid .apexcharts-gridlines-horizontal line, 23340 body.dark .apexcharts-grid .apexcharts-gridlines-vertical line { 23341 stroke: rgba(255, 255, 255, 0.1); 23342 } 23343 23344 body.dark .apexcharts-toolbar > div > svg { 23345 fill: rgba(255, 255, 255, 0.2); 23346 } 23347 23348 body.dark .apexcharts-menu { 23349 border: none; 23350 background-color: #454c66; 23351 } 23352 23353 body.dark .apexcharts-menu .apexcharts-menu-item:hover { 23354 background-color: #59607a; 23355 } 23356 23357 body.dark .apexcharts-xaxis .apexcharts-xaxis-texts-g text { 23358 fill: rgba(255, 255, 255, 0.2); 23359 } 23360 23361 body.dark .apexcharts-tooltip.light .apexcharts-tooltip-title { 23362 background-color: #59607a !important; 23363 border-color: #3b425c !important; 23364 } 23365 23366 body.dark .apexcharts-xaxistooltip { 23367 border-color: #3b425c !important; 23368 background-color: #454c66 !important; 23369 color: rgba(255, 255, 255, 0.4); 23370 } 23371 23372 body.dark .apexcharts-xaxistooltip-bottom:after, 23373 body.dark apexcharts-xaxistooltip-bottom:before { 23374 border-bottom-color: #454c66 !important; 23375 } 23376 23377 body.dark .apexcharts-tooltip { 23378 border-color: #3b425c !important; 23379 background-color: #454c66 !important; 23380 } 23381 23382 body.dark .apexcharts-title-text, 23383 body.dark .apexcharts-subtitle-text { 23384 fill: rgba(255, 255, 255, 0.4); 23385 } 23386 23387 body.dark .apexcharts-legend-text { 23388 color: rgba(255, 255, 255, 0.4) !important; 23389 } 23390 23391 body.dark .apexcharts-yaxis-title text, 23392 body.dark .apexcharts-xaxis-title text { 23393 fill: rgba(255, 255, 255, 0.4); 23394 } 23395 23396 body.dark .demo-code-preview { 23397 background-color: #313852; 23398 border-color: #4f5670 !important; 23399 } 23400 23401 body.dark .demo-code-preview * { 23402 text-shadow: none; 23403 } 23404 23405 body.dark .demo-code-preview code[class*=language-], 23406 body.dark .demo-code-preview pre[class*=language-] { 23407 color: white; 23408 } 23409 23410 body.dark .demo-code-preview code[class*=language-] .token.operator, 23411 body.dark .demo-code-preview pre[class*=language-] .token.operator { 23412 background: none; 23413 } 23414 23415 body.dark .demo-code-preview .token.tag { 23416 color: #e156a3; 23417 } 23418 23419 body.dark .avatar { 23420 border-color: #313852; 23421 } 23422 23423 body.dark .avatar:before { 23424 border-color: #313852; 23425 } 23426 23427 body.dark .avatar .avatar-title { 23428 background-color: #59607a; 23429 } 23430 23431 body.dark .tourBg { 23432 opacity: 0.7 !important; 23433 } 23434 23435 body.dark .dd-handle, 23436 body.dark .dd3-content { 23437 background-color: #454c66; 23438 border-color: #313852; 23439 color: inherit; 23440 } 23441 23442 body.dark .dd3-handle:before { 23443 color: inherit; 23444 } 23445 23446 body.dark .dd-item button { 23447 color: inherit; 23448 } 23449 23450 body.dark .list-group-item-action { 23451 color: inherit; 23452 } 23453 23454 body.dark .list-group-item-action.active { 23455 color: white; 23456 } 23457 23458 body.dark .img-thumbnail { 23459 border-color: #59607a; 23460 background-color: #313852; 23461 } 23462 23463 body.dark .progress { 23464 background-color: #59607a; 23465 } 23466 23467 body.dark .jstree-default .jstree-clicked { 23468 color: #04071a; 23469 } 23470 23471 body.dark .select2-container--default .select2-selection--single, 23472 body.dark .select2-container--default .select2-selection--multiple { 23473 background-color: inherit; 23474 } 23475 23476 body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice { 23477 background: #454c66; 23478 color: #c3c3c3; 23479 } 23480 23481 body.dark .select2.select2-container .select2-selection { 23482 border-color: #59607a; 23483 } 23484 23485 body.dark .select2-container--default .select2-selection--single .select2-selection__placeholder { 23486 color: #646464; 23487 } 23488 23489 body.dark .select2-container .select2-search--inline .select2-search__field { 23490 color: inherit; 23491 } 23492 23493 body.dark .select2-dropdown { 23494 background-color: #313852; 23495 border-color: #59607a; 23496 } 23497 23498 body.dark .select2-container--default .select2-search--dropdown .select2-search__field { 23499 background-color: #313852; 23500 border-color: #59607a; 23501 color: inherit; 23502 } 23503 23504 body.dark .select2-container--default .select2-selection--single .select2-selection__rendered { 23505 color: inherit; 23506 } 23507 23508 body.dark .select2-container--default .select2-results__option[aria-selected=true] { 23509 background-color: #04071a; 23510 color: inherit; 23511 } 23512 23513 body.dark .irs--round .irs-line { 23514 background-color: #59607a; 23515 } 23516 23517 body.dark .irs--round .irs-min, 23518 body.dark .irs--round .irs-max { 23519 color: inherit; 23520 background-color: #59607a; 23521 } 23522 23523 body.dark .daterangepicker { 23524 background-color: #3b425c; 23525 border-color: #3b425c; 23526 } 23527 23528 body.dark .daterangepicker select { 23529 background-color: inherit; 23530 color: inherit; 23531 border-color: #59607a; 23532 } 23533 23534 body.dark .daterangepicker:after, 23535 body.dark .daterangepicker:before { 23536 border-bottom-color: #3b425c; 23537 } 23538 23539 body.dark .daterangepicker .calendar-table { 23540 background-color: #3b425c; 23541 border-color: #3b425c; 23542 } 23543 23544 body.dark .daterangepicker td.in-range { 23545 background-color: #59607a; 23546 color: inherit; 23547 } 23548 23549 body.dark .daterangepicker td.end-date { 23550 color: white; 23551 background-color: #0081ff; 23552 } 23553 23554 body.dark .daterangepicker .drp-buttons { 23555 border-top-color: #3b425c; 23556 } 23557 23558 body.dark .daterangepicker .drp-buttons .btn.btn-default { 23559 color: inherit; 23560 } 23561 23562 body.dark .daterangepicker td.off, 23563 body.dark .daterangepicker td.off.end-date, 23564 body.dark .daterangepicker td.off.start-date { 23565 background-color: inherit; 23566 color: #636a84; 23567 } 23568 23569 body.dark .daterangepicker td.off.in-range { 23570 background-color: #59607a; 23571 color: #8b92ac; 23572 } 23573 23574 body.dark .daterangepicker td.available:hover, 23575 body.dark .daterangepicker th.available:hover { 23576 background-color: #0081ff; 23577 color: white; 23578 } 23579 23580 body.dark .daterangepicker td.available:hover span, 23581 body.dark .daterangepicker th.available:hover span { 23582 border-color: white; 23583 } 23584 23585 body.dark .daterangepicker .calendar-table .next span, 23586 body.dark .daterangepicker .calendar-table .prev span { 23587 border-color: #6d748e; 23588 } 23589 23590 body.dark .daterangepicker .ranges li:hover { 23591 background-color: #454c66; 23592 } 23593 23594 body.dark .popover.clockpicker-popover { 23595 overflow: hidden; 23596 border: 1px solid #59607a; 23597 } 23598 23599 body.dark .popover.clockpicker-popover .popover-title { 23600 background-color: #313852; 23601 color: inherit; 23602 } 23603 23604 body.dark .popover.clockpicker-popover .popover-content { 23605 background-color: #313852; 23606 } 23607 23608 body.dark .popover.clockpicker-popover .clockpicker-plate { 23609 border-color: #59607a; 23610 background-color: #313852; 23611 } 23612 23613 body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-tick { 23614 color: inherit; 23615 } 23616 23617 body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-canvas-bg { 23618 fill: #59607a; 23619 } 23620 23621 body.dark .nav-tabs .nav-item.show .nav-link, 23622 body.dark .nav-tabs .nav-link.active { 23623 background-color: #59607a; 23624 color: inherit; 23625 border-color: #59607a; 23626 } 23627 23628 body.dark .nav-tabs .nav-link:focus, 23629 body.dark .nav-tabs .nav-link:hover { 23630 border-color: #3b425c; 23631 background-color: #3b425c; 23632 } 23633 23634 body.dark .nav-tabs { 23635 border-bottom-color: #59607a; 23636 } 23637 23638 body.dark .figure-caption { 23639 color: inherit; 23640 } 23641 23642 body.dark .btn-link { 23643 color: inherit; 23644 } 23645 23646 body.dark .text-muted, 23647 body.dark .chat-block .chat-content .messages .message-item.message-item-divider span, 23648 .chat-block .chat-content .messages .message-item.message-item-divider body.dark span, 23649 body.dark .demo-code-preview:before { 23650 color: #9f9f9f !important; 23651 } 23652 23653 body.dark .table td, 23654 body.dark .table th { 23655 border-color: rgba(155, 155, 155, 0.2); 23656 } 23657 23658 body.dark .border-bottom { 23659 border-bottom-color: rgba(155, 155, 155, 0.2) !important; 23660 } 23661 23662 body.dark .sidebar { 23663 background: #313852; 23664 } 23665 23666 body.dark .chat-block .chat-content .messages .message-item:not(.me):before { 23667 border-right-color: #454c66; 23668 } 23669 23670 body.dark .chat-block .chat-content .messages .message-item:not(.me) .message-item-content { 23671 background-color: #454c66; 23672 } 23673 23674 body.dark .chat-block .chat-content .messages .message-item.message-item-divider:before, 23675 body.dark .chat-block .chat-content .messages .message-item.message-item-divider:after { 23676 background-color: #454c66; 23677 } 23678 23679 body.dark .chat-block .chat-sidebar { 23680 background-color: #3b4362; 23681 } 23682 23683 body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item { 23684 background-color: #313852; 23685 } 23686 23687 body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { 23688 color: white; 23689 } 23690 23691 body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li:hover { 23692 background-color: #3b425c; 23693 } 23694 23695 body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active { 23696 background-color: #454c66; 23697 } 23698 23699 body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar { 23700 border-color: #454c66; 23701 } 23702 23703 body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title { 23704 color: #c7c7c7; 23705 } 23706 23707 body.dark .app-block .app-content .app-content-body .app-detail .card-header { 23708 border-bottom-color: #454c66 !important; 23709 } 23710 23711 body.dark .app-file-list { 23712 border-color: #454c66; 23713 } 23714 23715 body.dark .app-file-list .app-file-icon { 23716 background-color: #454c66; 23717 border-bottom-color: #454c66; 23718 } 23719 23720 body.dark .ql-container.ql-snow { 23721 border-color: #454c66; 23722 } 23723 23724 body.dark .ql-editor.ql-blank::before { 23725 color: #c7c7c7; 23726 } 23727 23728 body.dark .ql-snow .ql-stroke, 23729 body.dark .ql-fill { 23730 stroke: #c7c7c7; 23731 } 23732 23733 body.dark .text-black-50 { 23734 color: rgba(247, 247, 247, 0.43) !important; 23735 } 23736 23737 body.dark .table-email-list a, 23738 body.dark .table-email-list .header form .input-group .input-group-append button.btn, 23739 .header form .input-group .input-group-append body.dark .table-email-list button.btn { 23740 color: inherit; 23741 } 23742 23743 body.dark .table-hover tbody tr:hover { 23744 color: inherit; 23745 } 23746 23747 body.dark .input-group-text { 23748 background: #454c66; 23749 color: inherit; 23750 } 23751 23752 body.dark .dropdown-divider { 23753 border-top-color: rgba(240, 240, 240, 0.12); 23754 } 23755 23756 body.dark .btn.btn-light, 23757 .fc body.dark .btn.fc-state-default, 23758 body.dark .fc .fc-state-default { 23759 background: #454c66; 23760 border-color: transparent; 23761 color: inherit; 23762 } 23763 23764 body.dark .btn.btn-light:not(:disabled):not(.disabled):hover, 23765 .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):hover, 23766 body.dark .btn.btn-light:not(:disabled):not(.disabled):focus, 23767 .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus, 23768 body.dark .btn.btn-light:not(:disabled):not(.disabled):active, 23769 .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):active, 23770 body.dark .fc .fc-state-default:not(:disabled):not(.disabled):hover, 23771 body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus, 23772 body.dark .fc .fc-state-default:not(:disabled):not(.disabled):active { 23773 background: #4f5670; 23774 border-color: #4f5670; 23775 color: inherit; 23776 } 23777 23778 body.dark .btn.btn-light:not(:disabled):not(.disabled):focus, 23779 .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus, 23780 body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus { 23781 box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5); 23782 outline: none; 23783 color: inherit; 23784 } 23785 23786 body.dark .btn.btn-outline-light { 23787 border: 1px solid rgba(255, 255, 255, 0.1); 23788 color: #c7c7c7; 23789 } 23790 23791 body.dark .btn.btn-outline-light:hover { 23792 background: none !important; 23793 color: #d6d6d6 !important; 23794 border: 1px solid rgba(255, 255, 255, 0.1) !important; 23795 } 23796 23797 body.dark .fc-unthemed .fc-content, 23798 body.dark .fc-unthemed .fc-divider, 23799 body.dark .fc-unthemed .fc-list-heading td, 23800 body.dark .fc-unthemed .fc-list-view, 23801 body.dark .fc-unthemed .fc-popover, 23802 body.dark .fc-unthemed .fc-row, 23803 body.dark .fc-unthemed tbody, 23804 body.dark .fc-unthemed td, 23805 body.dark .fc-unthemed th, 23806 body.dark .fc-unthemed thead { 23807 border-color: rgba(240, 240, 240, 0.12); 23808 } 23809 23810 body.dark .fc-unthemed .fc-list-item:hover td { 23811 background: #454c66; 23812 } 23813 23814 body.dark .fc-unthemed .fc-divider, 23815 body.dark .fc-unthemed .fc-list-heading td, 23816 body.dark .fc-unthemed .fc-popover .fc-header { 23817 background: #454c66; 23818 } 23819 23820 body.dark .fc-unthemed td.fc-today, 23821 body.dark .fc-unthemed .fc-list-empty { 23822 background: #454c66; 23823 } 23824 23825 body.dark #external-events .fc-event { 23826 color: inherit; 23827 } 23828 23829 body.dark .bootstrap-tagsinput { 23830 background-color: inherit; 23831 border-color: rgba(255, 255, 255, 0.2); 23832 } 23833 23834 body.dark .bootstrap-tagsinput .tag { 23835 background: #454c66; 23836 color: #c3c3c3; 23837 } 23838 23839 body.dark .bootstrap-tagsinput input { 23840 color: #c3c3c3; 23841 } 23842 23843 body.dark .dropzone { 23844 background-color: #313852; 23845 border-color: #454c66; 23846 } 23847 23848 body.dark .modal-content { 23849 background-color: #313852; 23850 } 23851 23852 body.dark .modal-content .modal-header { 23853 border-bottom-color: rgba(240, 240, 240, 0.12); 23854 background-color: #454c66 !important; 23855 } 23856 23857 body.dark .modal-content .modal-header .close { 23858 text-shadow: none; 23859 opacity: 1; 23860 color: inherit; 23861 background-color: #313852 !important; 23862 } 23863 23864 body.dark .modal-content .modal-footer { 23865 border-top-color: rgba(240, 240, 240, 0.12); 23866 } 23867 23868 body.dark .swal-modal { 23869 background-color: #313852; 23870 } 23871 23872 body.dark .swal-modal .swal-icon--success__hide-corners { 23873 background-color: inherit; 23874 } 23875 23876 body.dark .swal-modal .swal-icon--success:before, 23877 body.dark .swal-modal .swal-icon--success:after { 23878 background-color: inherit; 23879 } 23880 23881 body.dark .swal-modal .swal-title, 23882 body.dark .swal-modal .swal-text { 23883 color: inherit; 23884 } 23885 23886 body.dark .popover { 23887 background-color: #454c66; 23888 } 23889 23890 body.dark .popover .popover-header { 23891 background-color: #59607a; 23892 border-color: transparent; 23893 } 23894 23895 body.dark .popover .popover-body { 23896 color: inherit; 23897 } 23898 23899 body.dark .popover .popover-navigation { 23900 border-top-color: rgba(240, 240, 240, 0.12); 23901 } 23902 23903 body.dark .bs-popover-auto[x-placement^=top] > .arrow::after, 23904 body.dark .bs-popover-top > .arrow::after { 23905 border-top-color: #454c66; 23906 } 23907 23908 body.dark .bs-popover-auto[x-placement^=right] > .arrow::after, 23909 body.dark .bs-popover-right > .arrow::after { 23910 border-right-color: #454c66; 23911 } 23912 23913 body.dark .bs-popover-auto[x-placement^=bottom] > .arrow::after, 23914 body.dark .bs-popover-bottom > .arrow::after { 23915 border-bottom-color: #454c66; 23916 } 23917 23918 body.dark .bs-popover-auto[x-placement^=left] > .arrow::after, 23919 body.dark .bs-popover-left > .arrow::after { 23920 border-left-color: #454c66; 23921 } 23922 23923 body.dark ul.links a, 23924 body.dark ul.links .header form .input-group .input-group-append button.btn, 23925 .header form .input-group .input-group-append body.dark ul.links button.btn { 23926 color: inherit; 23927 } 23928 23929 body.dark .page-link { 23930 background-color: inherit; 23931 color: inherit; 23932 border-color: rgba(240, 240, 240, 0.12); 23933 } 23934 23935 body.dark .page-item.disabled .page-link { 23936 background-color: #272e48; 23937 border-color: rgba(240, 240, 240, 0.12); 23938 color: inherit; 23939 } 23940 23941 body.dark .nav a.nav-link:not(.active), 23942 body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active), 23943 .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active) { 23944 color: #c7c7c7; 23945 } 23946 23947 body.dark .nav a.nav-link:not(.active):hover, 23948 body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):hover, 23949 .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):hover, 23950 body.dark .nav a.nav-link:not(.active):active, 23951 body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):active, 23952 .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):active { 23953 background-color: #3b425c; 23954 } 23955 23956 body.dark.form-membership .form-wrapper { 23957 background-color: #313852; 23958 } 23959 23960 body.dark.form-membership .form-wrapper #logo img { 23961 display: block; 23962 } 23963 23964 body.dark.form-membership .form-wrapper #logo img:not(.logo-light) { 23965 display: none; 23966 } 23967 23968 body.dark .content-footer { 23969 background-color: #313852; 23970 } 23971 23972 body.dark .irs--round .irs-handle { 23973 background-color: #313852; 23974 } 23975 23976 body.dark .table tr.tr-selected { 23977 background-color: #3b4362; 23978 } 23979 23980 body.dark.hidden-navigation .navigation { 23981 background-color: #313852; 23982 } 23983 23984 body.dark.small-navigation .navigation-menu-body ul li.open > a, 23985 body.dark.small-navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, 23986 .header form .input-group .input-group-append body.dark.small-navigation .navigation-menu-body ul li.open > button.btn { 23987 background-color: #454c66; 23988 } 23989 23990 body.dark.small-navigation .navigation-menu-body ul li ul { 23991 background-color: #313852 !important; 23992 border-left-color: #454c66 !important; 23993 } 23994 23995 body.dark.small-navigation .navigation-menu-body ul li.navigation-divider:after { 23996 background-color: #454c66 !important; 23997 } 23998 23999 @media (min-width: 1200px) { 24000 body.dark.horizontal-navigation .horizontal-navigation { 24001 background-color: #313852; 24002 border-top-color: #444e72; 24003 } 24004 24005 body.dark.horizontal-navigation .horizontal-navigation ul > li > a.active, 24006 body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.active.btn, 24007 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.active.btn { 24008 background: rgba(0, 0, 0, 0.25); 24009 } 24010 24011 body.dark.horizontal-navigation .horizontal-navigation ul > li > a:hover, 24012 body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn:hover, 24013 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn:hover { 24014 background: rgba(0, 0, 0, 0.1); 24015 } 24016 24017 body.dark.horizontal-navigation .horizontal-navigation ul > li > a + ul, 24018 body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn + ul, 24019 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn + ul { 24020 border-top-color: #444e72; 24021 } 24022 24023 body.dark.horizontal-navigation .horizontal-navigation ul li ul { 24024 background-color: #3b425c; 24025 } 24026 24027 body.dark.horizontal-navigation .horizontal-navigation ul li ul:before { 24028 border-bottom-color: #3b425c; 24029 } 24030 24031 body.dark.horizontal-navigation .horizontal-navigation ul li ul li a, 24032 body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, 24033 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn { 24034 color: #c7c7c7; 24035 } 24036 24037 body.dark.horizontal-navigation .horizontal-navigation ul li ul li a:hover, 24038 body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn:hover, 24039 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover { 24040 background: none; 24041 color: #339aff; 24042 } 24043 24044 body.dark.horizontal-navigation .horizontal-navigation ul li ul li a.active, 24045 body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, 24046 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { 24047 background: none; 24048 color: #339aff; 24049 } 24050 24051 body.dark.horizontal-navigation .horizontal-navigation ul li ul li ul { 24052 border-left-color: #444e72; 24053 } 24054 24055 body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > a, 24056 body.dark.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, 24057 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { 24058 background: none; 24059 color: #339aff; 24060 } 24061 24062 body.dark.navigation-toggle-one.navigation-show .navigation .navigation-menu-body { 24063 background-color: #313852; 24064 } 24065 } 24066 24067 @media (max-width: 1200px) { 24068 body.dark .chat-block .chat-content.mobile-open { 24069 background-color: #313852; 24070 } 24071 24072 body.dark.horizontal-navigation .horizontal-navigation { 24073 background-color: #3b425c; 24074 } 24075 24076 body.dark.horizontal-navigation .horizontal-navigation ul li a:hover, 24077 body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover, 24078 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover { 24079 color: #339aff; 24080 } 24081 24082 body.dark.horizontal-navigation .horizontal-navigation ul li a.active, 24083 body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, 24084 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn { 24085 color: #339aff; 24086 } 24087 24088 body.dark.horizontal-navigation .horizontal-navigation ul li.open > a, 24089 body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, 24090 .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn { 24091 color: #339aff; 24092 } 24093 } 24094 24095 @media (max-width: 1200px) { 24096 .header .header-toggler { 24097 display: block; 24098 } 24099 24100 .chat-app .layout-wrapper .content-wrapper .content-body .content { 24101 padding-left: 0 !important; 24102 } 24103 24104 .chat-block { 24105 position: relative; 24106 } 24107 24108 .chat-block .chat-content { 24109 display: none; 24110 } 24111 24112 .chat-block .chat-content .chat-header { 24113 padding: 0.5rem 1.5rem; 24114 } 24115 24116 .chat-block .chat-content .mobile-chat-close-btn { 24117 display: block; 24118 } 24119 24120 .chat-block .chat-content.chat-mobile-open { 24121 display: -webkit-box; 24122 display: flex; 24123 background-color: white; 24124 position: absolute; 24125 right: 0; 24126 left: 0; 24127 max-width: 100%; 24128 z-index: 2; 24129 bottom: 0; 24130 } 24131 24132 .chat-block .chat-sidebar { 24133 -webkit-box-flex: 1; 24134 flex: 1; 24135 border-right: none; 24136 max-width: 100% !important; 24137 } 24138 24139 .header { 24140 margin: 0; 24141 } 24142 24143 .header .header-left .navigation-toggler { 24144 display: block !important; 24145 } 24146 24147 .header div:nth-child(2) ul.navbar-nav:first-child { 24148 display: none; 24149 background: #e6e6e6; 24150 position: fixed; 24151 left: 0; 24152 right: 0; 24153 top: 75px; 24154 } 24155 24156 .header div:nth-child(2) ul.navbar-nav:first-child li a, 24157 .header div:nth-child(2) ul.navbar-nav:first-child li form .input-group .input-group-append button.btn, 24158 .header form .input-group .input-group-append div:nth-child(2) ul.navbar-nav:first-child li button.btn { 24159 color: black; 24160 } 24161 24162 .header div:nth-child(2) ul.navbar-nav:first-child.open { 24163 display: -webkit-box; 24164 display: flex; 24165 flex-wrap: wrap; 24166 } 24167 24168 .header .header-search .input-group { 24169 background-color: white; 24170 } 24171 24172 .header .header-search .input-group .btn { 24173 color: black; 24174 } 24175 24176 .header .header-search .input-group input.form-control:focus, 24177 .header .header-search .input-group .swal-modal input.swal-content__input:focus, 24178 .swal-modal .header .header-search .input-group input.swal-content__input:focus { 24179 color: black; 24180 } 24181 24182 .header .header-search .input-group input.form-control::-webkit-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-webkit-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-webkit-input-placeholder { 24183 color: #9b9b9b; 24184 } 24185 24186 .header .header-search .input-group input.form-control::-moz-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-moz-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-moz-placeholder { 24187 color: #9b9b9b; 24188 } 24189 24190 .header .header-search .input-group input.form-control:-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input:-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input:-ms-input-placeholder { 24191 color: #9b9b9b; 24192 } 24193 24194 .header .header-search .input-group input.form-control::-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-ms-input-placeholder { 24195 color: #9b9b9b; 24196 } 24197 24198 .header .header-search .input-group input.form-control::placeholder, 24199 .header .header-search .input-group .swal-modal input.swal-content__input::placeholder, 24200 .swal-modal .header .header-search .input-group input.swal-content__input::placeholder { 24201 color: #9b9b9b; 24202 } 24203 24204 .header .navigation-toggler a, 24205 .header .navigation-toggler form .input-group .input-group-append button.btn, 24206 .header form .input-group .input-group-append .navigation-toggler button.btn, 24207 .header .navbar-toggler a, 24208 .header .navbar-toggler form .input-group .input-group-append button.btn, 24209 .header form .input-group .input-group-append .navbar-toggler button.btn { 24210 background: none !important; 24211 } 24212 24213 .header .navigation-toggler { 24214 display: none !important; 24215 } 24216 24217 .header .navigation-toggler.mobile-toggler { 24218 display: block !important; 24219 } 24220 24221 .header .navigation-toggler a:hover, 24222 .header .navigation-toggler form .input-group .input-group-append button.btn:hover, 24223 .header form .input-group .input-group-append .navigation-toggler button.btn:hover { 24224 background: none !important; 24225 } 24226 24227 .header .dropdown { 24228 position: static; 24229 } 24230 24231 .header .dropdown-menu { 24232 right: 1rem !important; 24233 top: auto !important; 24234 left: 1rem !important; 24235 margin-top: 10px; 24236 width: auto !important; 24237 -webkit-transform: inherit !important; 24238 transform: inherit !important; 24239 } 24240 24241 .layout-wrapper .content-wrapper .content-body .content { 24242 padding-left: 30px; 24243 } 24244 24245 .content-footer { 24246 margin-left: 0 !important; 24247 } 24248 24249 .navigation { 24250 background-color: white; 24251 z-index: 1000; 24252 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.15); 24253 left: -80%; 24254 top: 0; 24255 bottom: 0; 24256 opacity: 0; 24257 -webkit-transition: left 0.2s; 24258 transition: left 0.2s; 24259 position: fixed !important; 24260 } 24261 24262 .navigation.open { 24263 left: 0; 24264 opacity: 1; 24265 } 24266 24267 .navigation header.navigation-header { 24268 padding-top: 20px; 24269 } 24270 24271 .navigation .navigation-icon-menu { 24272 margin: 0; 24273 border-radius: 0; 24274 } 24275 24276 .navigation .navigation-menu-body { 24277 padding: 15px 0; 24278 } 24279 24280 .page-header { 24281 padding: 0; 24282 margin-top: 0; 24283 margin-right: 0; 24284 margin-left: 0; 24285 } 24286 24287 .user-page { 24288 padding: 20px; 24289 height: auto; 24290 } 24291 24292 .user-page .card, 24293 .user-page .chat-block, 24294 .user-page .app-block .app-content .app-action, 24295 .app-block .app-content .user-page .app-action { 24296 width: auto; 24297 } 24298 24299 .user-page .card .card-body, 24300 .user-page .chat-block .card-body, 24301 .user-page .app-block .app-content .app-action .card-body, 24302 .app-block .app-content .user-page .app-action .card-body { 24303 padding: 30px; 24304 } 24305 } 24306 24307 @media (max-width: 992px) { 24308 .app-block { 24309 position: relative; 24310 } 24311 24312 .app-block .app-sidebar-menu-button { 24313 display: -webkit-inline-box; 24314 display: inline-flex; 24315 margin-right: 1rem; 24316 } 24317 24318 .app-block .app-sidebar { 24319 display: none; 24320 position: absolute; 24321 left: 0; 24322 z-index: 9; 24323 -webkit-box-flex: 0; 24324 flex: 0 0 35%; 24325 max-width: 35%; 24326 bottom: 0; 24327 } 24328 24329 .app-block .app-sidebar .app-sidebar-menu { 24330 overflow: auto; 24331 } 24332 24333 .app-block .app-sidebar.show { 24334 display: block; 24335 } 24336 24337 .app-block .app-sidebar > .card, 24338 .app-block .app-sidebar > .chat-block, 24339 .app-block .app-content .app-sidebar > .app-action { 24340 box-shadow: 3px 0px 15px -10px black; 24341 border-top-right-radius: 0; 24342 border-bottom-right-radius: 0; 24343 } 24344 24345 .app-block .app-content { 24346 -webkit-box-flex: 0; 24347 flex: 0 0 100%; 24348 max-width: 100%; 24349 } 24350 24351 .app-block .app-content .app-action { 24352 -webkit-box-orient: vertical; 24353 -webkit-box-direction: reverse; 24354 flex-direction: column-reverse; 24355 } 24356 24357 .app-block .app-content .app-action .action-right { 24358 margin-left: 0; 24359 margin-bottom: 1rem; 24360 } 24361 24362 .app-block .app-content .app-detail .card-header { 24363 -webkit-box-orient: vertical; 24364 -webkit-box-direction: normal; 24365 flex-direction: column; 24366 -webkit-box-align: stretch !important; 24367 align-items: stretch !important; 24368 } 24369 24370 .app-block .app-content .app-detail .card-header .app-detail-action-right { 24371 margin-left: 0 !important; 24372 margin-top: 1rem; 24373 } 24374 24375 .card, 24376 .chat-block, 24377 .app-block .app-content .app-action { 24378 margin-bottom: 1rem; 24379 } 24380 24381 .card .card-body, 24382 .chat-block .card-body, 24383 .app-block .app-content .app-action .card-body { 24384 padding: 1.2rem; 24385 } 24386 } 24387 24388 @media (max-width: 768px) { 24389 body.form-membership .form-wrapper { 24390 width: 90%; 24391 margin: 30px auto; 24392 } 24393 24394 body.horizontal-navigation .horizontal-navigation.open { 24395 width: 80%; 24396 } 24397 24398 .app-block .app-content .app-action .action-right form { 24399 margin-right: 0 !important; 24400 } 24401 24402 .app-block .app-content .app-action .action-right .app-pager { 24403 display: none !important; 24404 } 24405 24406 .app-block .app-sidebar { 24407 -webkit-box-flex: 0; 24408 flex: 0 0 70%; 24409 max-width: 70%; 24410 } 24411 24412 .chat-block .chat-sidebar.border-right { 24413 border-right: none !important; 24414 } 24415 24416 .toast-top-right { 24417 top: 1rem; 24418 right: 1rem; 24419 } 24420 24421 .toast-top-left { 24422 top: 1rem; 24423 left: 1rem; 24424 } 24425 24426 .header .header-left { 24427 width: auto; 24428 } 24429 24430 .header .page-title { 24431 display: none; 24432 } 24433 24434 footer { 24435 padding: 15px 20px; 24436 } 24437 24438 footer .nav { 24439 display: none; 24440 } 24441 24442 .table-responsive-stack tr { 24443 -webkit-box-orient: vertical; 24444 -webkit-box-direction: normal; 24445 flex-direction: column; 24446 border-bottom: 3px solid #ccc; 24447 display: block; 24448 } 24449 24450 /* IE9 FIX */ 24451 24452 .table-responsive-stack td { 24453 float: left \9; 24454 width: 100%; 24455 } 24456 24457 .sidebar > ul.nav { 24458 display: -webkit-box; 24459 display: flex; 24460 } 24461 24462 .sidebar > ul.nav li.nav-item { 24463 border: none; 24464 } 24465 24466 .user-page { 24467 padding: 20px; 24468 height: auto; 24469 } 24470 24471 .user-page .card, 24472 .user-page .chat-block, 24473 .user-page .app-block .app-content .app-action, 24474 .app-block .app-content .user-page .app-action { 24475 width: 100%; 24476 } 24477 24478 .user-page .card .card-body, 24479 .user-page .chat-block .card-body, 24480 .user-page .app-block .app-content .app-action .card-body, 24481 .app-block .app-content .user-page .app-action .card-body { 24482 padding: 30px; 24483 } 24484 24485 .fc .fc-toolbar.fc-header-toolbar > div { 24486 float: none !important; 24487 } 24488 24489 .fc .fc-toolbar.fc-header-toolbar > div .fc-button-group { 24490 float: none !important; 24491 } 24492 24493 .fc .fc-toolbar.fc-header-toolbar > div.fc-left { 24494 display: -webkit-box; 24495 display: flex; 24496 -webkit-box-pack: center; 24497 justify-content: center; 24498 margin-bottom: 15px; 24499 } 24500 24501 .fc .fc-toolbar.fc-header-toolbar > div.fc-right { 24502 margin-bottom: 5px; 24503 } 24504 } 24505 24506 @media (max-width: 414px) { 24507 .nav { 24508 display: block; 24509 border: none; 24510 } 24511 24512 .nav li.nav-item { 24513 margin-bottom: 0; 24514 } 24515 24516 .nav li.nav-item:last-child { 24517 border: none; 24518 } 24519 24520 .nav li.nav-item a.nav-link, 24521 .nav li.nav-item .header form .input-group .input-group-append button.nav-link.btn, 24522 .header form .input-group .input-group-append .nav li.nav-item button.nav-link.btn { 24523 border: none; 24524 } 24525 24526 body:not(.semi-dark):not(.dark) .nav li.nav-item { 24527 border-bottom: 1px solid #ebebeb; 24528 } 24529 24530 .navigation header.navigation-header .nav { 24531 display: -webkit-box; 24532 display: flex; 24533 } 24534 24535 body.dark .nav li.nav-item { 24536 border-bottom-color: #6d748e; 24537 } 24538 24539 .wizard > .steps > ul > li { 24540 float: none; 24541 width: 100%; 24542 margin-bottom: 10px; 24543 } 24544 24545 .wizard > .content { 24546 background: none; 24547 } 24548 24549 .wizard > .content > .body { 24550 position: static; 24551 padding: 0; 24552 } 24553 24554 .dataTables_wrapper .dataTables_filter { 24555 display: block; 24556 } 24557 24558 .navigation { 24559 width: 20%; 24560 } 24561 24562 .page-header .breadcrumb { 24563 display: none; 24564 } 24565 } 24566 24567 @media (max-width: 375px) { 24568 nav.navbar .navbar-menu { 24569 padding-left: 0; 24570 } 24571 24572 .navigation { 24573 width: 20%; 24574 } 24575 } 24576 24577 @media (max-width: 544px) { 24578 .text-xs-center { 24579 text-align: center !important; 24580 } 24581 24582 .text-xs-left { 24583 text-align: left !important; 24584 } 24585 24586 .text-xs-right { 24587 text-align: right !important; 24588 } 24589 } 24590 24591 @media print { 24592 .page-header { 24593 display: none; 24594 } 24595 } 24596 24597 24598 .layout-builder { 24599 position: fixed; 24600 width: 400px; 24601 background: white; 24602 z-index: 1000; 24603 right: -400px; 24604 top: 0; 24605 bottom: 0; 24606 box-shadow: 8px 0 10px 3px rgba(0, 0, 0, 0.50); 24607 overflow: auto; 24608 transition: right .2s; 24609 } 24610 24611 .layout-builder.show { 24612 right: 0; 24613 } 24614 24615 .layout-builder .layout-builder-toggle.shw i { 24616 -webkit-animation: spin 2s linear infinite; 24617 -moz-animation: spin 2s linear infinite; 24618 animation: spin 2s linear infinite; 24619 } 24620 24621 @-webkit-keyframes spin { 24622 100% { 24623 -webkit-transform: rotate(360deg); 24624 } 24625 } 24626 24627 @-moz-keyframes spin { 24628 100% { 24629 -moz-transform: rotate(360deg); 24630 } 24631 } 24632 24633 @keyframes spin { 24634 100% { 24635 transform: rotate(360deg); 24636 } 24637 } 24638 24639 .layout-builder .layout-builder-toggle.hdn { 24640 display: none; 24641 } 24642 24643 .layout-builder.show .layout-builder-toggle.hdn { 24644 display: flex; 24645 } 24646 24647 .layout-builder .layout-builder-toggle { 24648 cursor: pointer; 24649 width: 50px; 24650 height: 50px; 24651 color: white; 24652 background: black; 24653 position: fixed; 24654 top: 50%; 24655 margin-left: -50px; 24656 display: flex; 24657 font-size: 23px; 24658 justify-content: center; 24659 align-items: center; 24660 margin-top: -25px; 24661 } 24662 24663 .layout-builder .layout-builder-body { 24664 padding: 30px; 24665 } 24666 24667 .layout-builder .layout-builder-body .custom-control input[type="checkbox"]:checked + label { 24668 color: black; 24669 } 24670 24671 .layout-builder .layout-colors { 24672 display: flex; 24673 flex-wrap: wrap; 24674 margin-left: -10px; 24675 } 24676 24677 .layout-builder .layout-colors .layout-color-item { 24678 width: 40px; 24679 height: 40px; 24680 background: red; 24681 margin: 10px; 24682 border-radius: 3px; 24683 overflow: hidden; 24684 border: 5px solid transparent; 24685 cursor: pointer; 24686 } 24687 24688 .layout-builder .layout-colors .layout-color-item.active { 24689 box-shadow: 0px 0px 0px 1px black 24690 } 24691 24692 .layout-builder .layout-colors .layout-color-item span { 24693 display: block; 24694 height: 45%; 24695 } 24696 24697 .layout-builder .layout-colors .layout-color-item span:first-child { 24698 background: black; 24699 transform: rotate(15deg); 24700 width: 110%; 24701 height: 70%; 24702 margin-top: -5px; 24703 } 24704 24705 .layout-alert { 24706 border: 1px solid #ddd; 24707 border-radius: 5px; 24708 padding: 5px 10px; 24709 } 24710 24711 @media (max-width: 992px) { 24712 .layout-builder { 24713 display: none; 24714 } 24715 }
Note:
See TracChangeset
for help on using the changeset viewer.