Changeset 194a359 for public/assets
- Timestamp:
- 09/30/21 00:32:27 (3 years ago)
- Branches:
- develop, master
- Children:
- 24a616f
- Parents:
- 582789f
- Location:
- public/assets
- Files:
-
- 46 added
- 3 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 } -
public/assets/js/app.js
r582789f r194a359 1 /******/ (() => { // webpackBootstrap 2 /******/ var __webpack_modules__ = ({ 3 4 /***/ "./resources/assets/js/app.js": 5 /*!************************************!*\ 6 !*** ./resources/assets/js/app.js ***! 7 \************************************/ 8 /***/ (() => { 9 10 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } 11 12 /******/ 13 (function (modules) { 14 // webpackBootstrap 15 16 /******/ 17 // The module cache 18 19 /******/ 20 var installedModules = {}; 21 /******/ 22 23 /******/ 24 // The require function 25 26 /******/ 27 28 function __nested_webpack_require_572__(moduleId) { 29 /******/ 30 31 /******/ 32 // Check if module is in cache 33 34 /******/ 35 if (installedModules[moduleId]) { 36 /******/ 37 return installedModules[moduleId].exports; 38 /******/ 39 } 40 /******/ 41 // Create a new module (and put it into the cache) 42 43 /******/ 44 45 46 var module = installedModules[moduleId] = { 47 /******/ 48 i: moduleId, 49 50 /******/ 51 l: false, 52 53 /******/ 54 exports: {} 55 /******/ 56 57 }; 58 /******/ 59 60 /******/ 61 // Execute the module function 62 63 /******/ 64 65 modules[moduleId].call(module.exports, module, module.exports, __nested_webpack_require_572__); 66 /******/ 67 68 /******/ 69 // Flag the module as loaded 70 71 /******/ 72 73 module.l = true; 74 /******/ 75 76 /******/ 77 // Return the exports of the module 78 79 /******/ 80 81 return module.exports; 82 /******/ 83 } 84 /******/ 85 86 /******/ 87 88 /******/ 89 // expose the modules object (__webpack_modules__) 90 91 /******/ 92 93 94 __nested_webpack_require_572__.m = modules; 95 /******/ 96 97 /******/ 98 // expose the module cache 99 100 /******/ 101 102 __nested_webpack_require_572__.c = installedModules; 103 /******/ 104 105 /******/ 106 // define getter function for harmony exports 107 108 /******/ 109 110 __nested_webpack_require_572__.d = function (exports, name, getter) { 111 /******/ 112 if (!__nested_webpack_require_572__.o(exports, name)) { 113 /******/ 114 Object.defineProperty(exports, name, { 115 enumerable: true, 116 get: getter 117 }); 118 /******/ 119 } 120 /******/ 121 122 }; 123 /******/ 124 125 /******/ 126 // define __esModule on exports 127 128 /******/ 129 130 131 __nested_webpack_require_572__.r = function (exports) { 132 /******/ 133 if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { 134 /******/ 135 Object.defineProperty(exports, Symbol.toStringTag, { 136 value: 'Module' 137 }); 138 /******/ 139 } 140 /******/ 141 142 143 Object.defineProperty(exports, '__esModule', { 144 value: true 145 }); 146 /******/ 147 }; 148 /******/ 149 150 /******/ 151 // create a fake namespace object 152 153 /******/ 154 // mode & 1: value is a module id, require it 155 156 /******/ 157 // mode & 2: merge all properties of value into the ns 158 159 /******/ 160 // mode & 4: return value when already ns object 161 162 /******/ 163 // mode & 8|1: behave like require 164 165 /******/ 166 167 168 __nested_webpack_require_572__.t = function (value, mode) { 169 /******/ 170 if (mode & 1) value = __nested_webpack_require_572__(value); 171 /******/ 172 173 if (mode & 8) return value; 174 /******/ 175 176 if (mode & 4 && _typeof(value) === 'object' && value && value.__esModule) return value; 177 /******/ 178 179 var ns = Object.create(null); 180 /******/ 181 182 __nested_webpack_require_572__.r(ns); 183 /******/ 184 185 186 Object.defineProperty(ns, 'default', { 187 enumerable: true, 188 value: value 189 }); 190 /******/ 191 192 if (mode & 2 && typeof value != 'string') for (var key in value) { 193 __nested_webpack_require_572__.d(ns, key, function (key) { 194 return value[key]; 195 }.bind(null, key)); 196 } 197 /******/ 198 199 return ns; 200 /******/ 201 }; 202 /******/ 203 204 /******/ 205 // getDefaultExport function for compatibility with non-harmony modules 206 207 /******/ 208 209 210 __nested_webpack_require_572__.n = function (module) { 211 /******/ 212 var getter = module && module.__esModule ? 213 /******/ 214 function getDefault() { 215 return module['default']; 216 } : 217 /******/ 218 function getModuleExports() { 219 return module; 220 }; 221 /******/ 222 223 __nested_webpack_require_572__.d(getter, 'a', getter); 224 /******/ 225 226 227 return getter; 228 /******/ 229 }; 230 /******/ 231 232 /******/ 233 // Object.prototype.hasOwnProperty.call 234 235 /******/ 236 237 238 __nested_webpack_require_572__.o = function (object, property) { 239 return Object.prototype.hasOwnProperty.call(object, property); 240 }; 241 /******/ 242 243 /******/ 244 // __webpack_public_path__ 245 246 /******/ 247 248 249 __nested_webpack_require_572__.p = "/"; 250 /******/ 251 252 /******/ 253 254 /******/ 255 // Load entry module and return exports 256 257 /******/ 258 259 return __nested_webpack_require_572__(__nested_webpack_require_572__.s = 0); 260 /******/ 261 })({ 262 /***/ 263 "./public/assets/sass/app.scss": function publicAssetsSassAppScss(module, exports) {// removed by extract-text-webpack-plugin 264 265 /***/ 266 }, 267 268 /***/ 269 "./resources/js/app.js": function resourcesJsAppJs(module, exports, __webpack_require__) { 270 "use strict"; 271 272 (function ($) { 273 var wind_ = $(window), 274 body_ = $('body'); 275 feather.replace({ 276 'stroke-width': 1.5 277 }); 278 $(document).on('click', '[data-toggle="fullscreen"]', function () { 279 $(this).toggleClass('active-fullscreen'); 280 281 if (document.fullscreenEnabled) { 282 if ($(this).hasClass("active-fullscreen")) { 283 document.documentElement.requestFullscreen(); 284 } else { 285 document.exitFullscreen(); 286 } 287 } else { 288 alert("Your browser does not support fullscreen."); 289 } 290 291 return false; 292 }); 293 $(document).on('click', '.overlay', function () { 294 $.removeOverlay(); 295 296 if (body_.hasClass('horizontal-navigation')) { 297 $('.horizontal-navigation').removeClass('open'); 298 } else { 299 $('.navigation').removeClass('open'); 300 } 301 302 body_.removeClass('navigation-show'); 303 }); 304 $(document).on('click', '[data-sidebar-target]', function () { 305 var target = $(this).data('sidebar-target'); 306 $('body').addClass('no-scroll'); 307 $('.sidebar-group').addClass('show'); 308 $('.sidebar-group .sidebar').removeClass('show'); 309 $('.sidebar-group .sidebar' + target).addClass('show'); 310 return false; 311 }); 312 $(document).on('click', '.sidebar-group', function (e) { 313 if ($(e.target).is($('.sidebar-group'))) { 314 $('.sidebar-group').removeClass('show'); 315 $('body').removeClass('no-scroll'); 316 $('.sidebar-group .sidebar').removeClass('show'); 317 } 318 }); // Active pages, automatically show on the menu 319 320 $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open'); 321 $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open'); 322 $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active'); 323 $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open'); 324 /*------------- create/remove overlay -------------*/ 325 326 $.createOverlay = function () { 327 if ($('.overlay').length < 1) { 328 body_.addClass('no-scroll').append('<div class="overlay"></div>'); 329 $('.overlay').addClass('show'); 330 } 331 }; 332 333 $.removeOverlay = function () { 334 body_.removeClass('no-scroll'); 335 $('.overlay').remove(); 336 }; 337 /*------------- create/remove overlay -------------*/ 338 339 340 $('[data-backround-image]').each(function (e) { 341 $(this).css("background", 'url(' + $(this).data('backround-image') + ')'); 342 }); 343 /*------------- page loader -------------*/ 344 345 wind_.on('load', function () { 346 $('.preloader').fadeOut(400, function () { 347 setTimeout(function () { 348 toastr.options = { 349 timeOut: 2000, 350 progressBar: true, 351 showMethod: "slideDown", 352 hideMethod: "slideUp", 353 showDuration: 200, 354 hideDuration: 200, 355 positionClass: "toast-top-center" 356 }; //toastr.success('Welcome'); 357 358 $('.theme-switcher').removeClass('open'); 359 }, 500); // $('.theme-switcher').css('opacity', 1); 360 }); 361 }); 362 /*------------- page loader -------------*/ 363 364 /*------------- side menu (sub menü arrow) -------------*/ 365 366 wind_.on('load', function () { 367 setTimeout(function () { 368 $('.navigation .navigation-menu-body ul li a').each(function () { 369 var $this = $(this); 370 371 if ($this.next('ul').length) { 372 $this.append('<i class="sub-menu-arrow ti-angle-up"></i>'); 373 } 374 }); 375 $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in'); 376 $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () { 377 var $this = $(this); 378 379 if ($this.next('ul').length) { 380 $this.append('<i class="sub-menu-arrow ti-angle-right"></i>'); 381 } 382 }); 383 }, 200); 384 }); 385 /*------------- side menu (sub menü arrow) -------------*/ 386 387 $(document).on('click', '[data-action="navigation-toggler"]', function () { 388 if (body_.hasClass('horizontal-navigation')) { 389 $('.horizontal-navigation').toggleClass('open'); 390 } else { 391 $('.navigation').toggleClass('open'); 392 } 393 394 $.createOverlay(); 395 }); 396 $(document).on('click', '[data-nav-target]', function () { 397 var $this = $(this), 398 target = $this.data('nav-target'); 399 400 if (body_.hasClass('navigation-toggle-one')) { 401 body_.addClass('navigation-show'); 402 } 403 404 if (body_.hasClass('horizontal-navigation')) { 405 $('.navigation .navigation-menu-body').show(); 406 } 407 408 $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open'); 409 $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open'); 410 $('[data-nav-target]').removeClass('active'); 411 $this.addClass('active'); 412 $this.tooltip('hide'); 413 return false; 414 }); 415 var c = $('.header .header-left .header-logo').clone(); 416 $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo')); 417 $(document).on('click', '.navigation-toggler a', function () { 418 if (wind_.width() < 1200) { 419 $.createOverlay(); 420 body_.addClass('navigation-show'); 421 } else { 422 if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) { 423 body_.addClass('navigation-toggle-one'); 424 } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) { 425 body_.addClass('navigation-toggle-two'); 426 body_.removeClass('navigation-toggle-one'); 427 } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) { 428 body_.removeClass('navigation-toggle-two'); 429 body_.removeClass('navigation-toggle-one'); 430 } 431 } 432 433 return false; 434 }); 435 $(document).on('click', '.header-toggler a', function () { 436 $('.header ul.navbar-nav').toggleClass('open'); 437 return false; 438 }); 439 $(document).on('click', '*', function (e) { 440 if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) { 441 body_.removeClass('navigation-show'); 442 } 443 }); 444 $(document).on('click', '*', function (e) { 445 if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) { 446 $('.header ul.navbar-nav').removeClass('open'); 447 } 448 }); 449 /*------------- form validation -------------*/ 450 451 window.addEventListener('load', function () { 452 // Fetch all the forms we want to apply custom Bootstrap validation styles to 453 var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission 454 455 Array.prototype.filter.call(forms, function (form) { 456 form.addEventListener('submit', function (event) { 457 if (form.checkValidity() === false) { 458 event.preventDefault(); 459 event.stopPropagation(); 460 } 461 462 form.classList.add('was-validated'); 463 }, false); 464 }); 465 }, false); 466 /*------------- form validation -------------*/ 467 468 /*------------- responsive html table -------------*/ 469 470 var table_responsive_stack = $(".table-responsive-stack"); 471 table_responsive_stack.find("th").each(function (i) { 472 $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> "); 473 $(".table-responsive-stack-thead").hide(); 474 }); 475 table_responsive_stack.each(function () { 476 var thCount = $(this).find("th").length, 477 rowGrow = 100 / thCount + "%"; 478 $(this).find("th, td").css("flex-basis", rowGrow); 479 }); 480 481 function flexTable() { 482 if (wind_.width() < 768) { 483 $(".table-responsive-stack").each(function (i) { 484 $(this).find(".table-responsive-stack-thead").show(); 485 $(this).find("thead").hide(); 486 }); // window is less than 768px 487 } else { 488 $(".table-responsive-stack").each(function (i) { 489 $(this).find(".table-responsive-stack-thead").hide(); 490 $(this).find("thead").show(); 491 }); 492 } 493 } 494 495 flexTable(); 496 497 window.onresize = function (event) { 498 flexTable(); 499 }; 500 /*------------- responsive html table -------------*/ 501 502 /*------------- header search -------------*/ 503 504 505 $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () { 506 $('.header .header-body .header-search').show().find('.form-control').focus(); 507 return false; 508 }); 509 $(document).on('click', '.close-header-search, .close-header-search svg', function () { 510 $('.header .header-body .header-search').hide(); 511 return false; 512 }); 513 $(document).on('click', '*', function (e) { 514 if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) { 515 $('.header .header-body .header-search').hide(); 516 } 517 }); 518 /*------------- header search -------------*/ 519 520 /*------------- custom accordion -------------*/ 521 522 $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () { 523 var $this = $(this); 524 $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open'); 525 $this.parent('.accordion-row').toggleClass('open'); 526 return false; 527 }); 528 /*------------- custom accordion -------------*/ 529 530 /*------------- responsive table dropdown -------------*/ 531 532 var dropdownMenu, 533 table_responsive = $('.table-responsive'); 534 table_responsive.on('show.bs.dropdown', function (e) { 535 dropdownMenu = $(e.target).find('.dropdown-menu'); 536 body_.append(dropdownMenu.detach()); 537 var eOffset = $(e.target).offset(); 538 dropdownMenu.css({ 539 'display': 'block', 540 'top': eOffset.top + $(e.target).outerHeight(), 541 'left': eOffset.left, 542 'width': '184px', 543 'font-size': '14px' 544 }); 545 dropdownMenu.addClass("mobPosDropdown"); 546 }); 547 table_responsive.on('hide.bs.dropdown', function (e) { 548 $(e.target).append(dropdownMenu.detach()); 549 dropdownMenu.hide(); 550 }); 551 /*------------- responsive table dropdown -------------*/ 552 553 /*------------- chat -------------*/ 554 555 $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () { 556 $('.chat-block .chat-content').addClass('chat-mobile-open'); 557 return false; 558 }); 559 $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () { 560 $('.chat-block .chat-content').removeClass('chat-mobile-open'); 561 return false; 562 }); 563 /*------------- chat -------------*/ 564 565 /*------------- aside menu toggle -------------*/ 566 567 $(document).on('click', '.navigation ul li a', function () { 568 var $this = $(this); 569 570 if ($this.next('ul').length) { 571 var sub_menu_arrow = $this.find('.sub-menu-arrow'); 572 sub_menu_arrow.toggleClass('rotate-in'); 573 $this.next('ul').toggle(200); 574 $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200); 575 $this.next('ul').find('li ul').slideUp(200); 576 $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus'); 577 $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in'); 578 $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus'); 579 $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in'); 580 581 if (sub_menu_arrow.hasClass('rotate-in')) { 582 setTimeout(function () { 583 sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus'); 584 }, 200); 585 } else { 586 sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus'); 587 } 588 589 if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) { 590 setTimeout(function (e) { 591 $('.navigation .navigation-menu-body').getNiceScroll().resize(); 592 }, 300); 593 } 594 595 return false; 596 } 597 }); 598 $(document).on('click', '.horizontal-navigation ul li a', function () { 599 var $this = $(this); 600 601 if ($this.next('ul').length) { 602 $this.next('ul').toggle(200); 603 $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200); 604 $this.next('ul').find('li ul').slideUp(200); 605 return false; 606 } 607 }); 608 /*------------- aside menu toggle -------------*/ 609 610 /*------------- other -------------*/ 611 612 $(document).on('click', '.dropdown-menu', function (e) { 613 e.stopPropagation(); 614 }); 615 $('#exampleModal').on('show.bs.modal', function (event) { 616 var button = $(event.relatedTarget), 617 recipient = button.data('whatever'), 618 modal = $(this); 619 modal.find('.modal-title').text('New message to ' + recipient); 620 modal.find('.modal-body input').val(recipient); 621 }); 622 $('[data-toggle="tooltip"]').tooltip({ 623 container: 'body' 624 }); 625 $('[data-toggle="popover"]').popover(); 626 $('.carousel').carousel(); 627 628 if (wind_.width() >= 992) { 629 $('.card-scroll').niceScroll(); 630 $('.table-responsive').niceScroll(); 631 $('.sidebar-group .sidebar').niceScroll(); 632 $('.app-block .app-content .app-lists').niceScroll(); 633 $('.app-block .app-sidebar .app-sidebar-menu').niceScroll(); 634 $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll(); 635 var chat_messages = $('.chat-block .chat-content .messages'); 636 637 if (chat_messages.length) { 638 chat_messages.niceScroll({ 639 horizrailenabled: false 640 }); 641 chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1); 642 } 643 } 644 645 if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) { 646 $('.navigation .navigation-menu-body').niceScroll(); 647 } 648 649 $('.dropdown-menu ul.list-group').niceScroll(); 650 /* Theme Switcher */ 651 652 /* var path = window.location.pathname; 653 var page = path.split("/").pop(); 654 var theme_switcher_html = '<div class="theme-switcher open"> \n\ 655 <div class="theme-switcher-button"> \n\ 656 <i class="fa fa-cog"></i> \n\ 657 </div> \n\ 658 <div class="theme-switcher-panel"> \n\ 659 <div class="card"> \n\ 660 <div class="card-body"> \n\ 661 <h6 class="card-title">Theme Switcher</h6> \n\ 662 <div class="form-group mb-2"> \n\ 663 <div class="custom-control custom-switch"> \n\ 664 <input type="checkbox" class="custom-control-input" id="dark"> \n\ 665 <label class="custom-control-label" for="dark">Dark</label> \n\ 666 </div> \n\ 667 </div> \n\ 668 <div class="form-group mb-2"> \n\ 669 <div class="custom-control custom-switch"> \n\ 670 <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\ 671 <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\ 672 </div> \n\ 673 </div> \n\ 674 <div class="form-group mb-2"> \n\ 675 <div class="custom-control custom-switch"> \n\ 676 <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\ 677 <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\ 678 </div> \n\ 679 </div> \n\ 680 <div class="form-group mb-2"> \n\ 681 <div class="custom-control custom-switch"> \n\ 682 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\ 683 <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\ 684 </div> \n\ 685 </div> \n\ 686 <div class="form-group mb-2"> \n\ 687 <div class="custom-control custom-switch"> \n\ 688 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\ 689 <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\ 690 </div> \n\ 691 </div> \n\ 692 <div class="form-group mb-2"> \n\ 693 <div class="custom-control custom-switch"> \n\ 694 <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\ 695 <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\ 696 </div> \n\ 697 </div> \n\ 698 <div class="form-group mb-2"> \n\ 699 <div class="custom-control custom-switch"> \n\ 700 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\ 701 <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\ 702 </div> \n\ 703 </div> \n\ 704 <div class="form-group mb-2"> \n\ 705 <div class="custom-control custom-switch"> \n\ 706 <input type="checkbox" class="custom-control-input" id="light-header"> \n\ 707 <label class="custom-control-label" for="light-header">Light header</label> \n\ 708 </div> \n\ 709 </div> \n\ 710 <div class="form-group mb-2"> \n\ 711 <div class="custom-control custom-switch"> \n\ 712 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\ 713 <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\ 714 </div> \n\ 715 </div> \n\ 716 </div> \n\ 717 </div> \n\ 718 </div> \n\ 719 </div>'; 720 $('body').append(theme_switcher_html); 721 $(document).on('click', '.theme-switcher input[type="checkbox"]', function () { 722 var id = $(this).attr('id'); 723 if (id === 'sticky-navigation') { 724 if ($(this).prop('checked')) { 725 $('.navigation').niceScroll().resize(); 726 } else { 727 $('.navigation').niceScroll().remove(); 728 } 729 if ($('body').hasClass('small-navigation')) { 730 $('.navigation .navigation-menu-body > ul > li').each(function () { 731 if ($(this).find('> a').next('ul').length) { 732 // Dropdown add header title 733 $(this).find('.dropdown-divider').remove(); 734 } else { 735 // Add tooltip 736 $(this).find('> a').tooltip('dispose'); 737 } 738 }); 739 $('body').removeClass('small-navigation'); 740 $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false); 741 } 742 if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE 743 $('body').removeClass('hidden-navigation'); 744 $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false); 745 } 746 } 747 if (id === 'small-navigation') { 748 if ($(this).prop('checked')) { 749 $('.navigation .navigation-menu-body > ul > li').each(function () { 750 if ($(this).find('> a').next('ul').length) { 751 // Dropdown add header title 752 $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>') 753 } else { 754 // Add tooltip 755 $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text()); 756 $(this).find('> a').tooltip({ 757 placement: "right" 758 }); 759 } 760 }); 761 } else { 762 $('.navigation .navigation-menu-body > ul > li').each(function () { 763 if ($(this).find('> a').next('ul').length) { 764 // Dropdown add header title 765 $(this).find('.dropdown-divider').remove(); 766 } else { 767 // Add tooltip 768 $(this).find('> a').tooltip('dispose'); 769 } 770 }); 771 } 772 if ($('body').hasClass('sticky-navigation')) { 773 $('body').removeClass('sticky-navigation'); 774 $('.navigation').niceScroll().remove(); 775 $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false); 776 } 777 if ($('body').hasClass('hidden-navigation')) { 778 $('body').removeClass('hidden-navigation'); 779 $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false); 780 } 781 } 782 if (id === 'hidden-navigation') { 783 setTimeout(function () { 784 $('.navigation').niceScroll().resize(); 785 $('.app-block .app-content .app-lists').niceScroll().resize(); 786 $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize(); 787 $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize(); 788 }, 200); 789 if (!$(this).prop('checked')) { 790 $.removeOverlay(); 791 $('.navigation').removeClass('open'); 792 } 793 if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') { 794 if ($('body').hasClass('sticky-navigation')) { 795 $('body').removeClass('sticky-navigation'); 796 $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false); 797 } 798 } 799 if ($('body').hasClass('small-navigation')) { 800 $('.navigation .navigation-menu-body > ul > li').each(function () { 801 if ($(this).find('> a').next('ul').length) { 802 // Dropdown add header title 803 $(this).find('.dropdown-divider').remove(); 804 } else { 805 // Add tooltip 806 $(this).find('> a').tooltip('dispose'); 807 } 808 }); 809 $('body').removeClass('small-navigation'); 810 $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false); 811 } 812 } 813 if (id === 'dark') { 814 if ($('body').hasClass('semi-dark')) { 815 $('body').removeClass('semi-dark'); 816 $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false); 817 } 818 } 819 if (id === 'semi-dark') { 820 if ($('body').hasClass('dark')) { 821 $('body').removeClass('dark'); 822 $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false); 823 } 824 } 825 $('body').toggleClass(id); 826 }); 827 $(document).on('click', '.theme-switcher .theme-switcher-button', function () { 828 $('.theme-switcher').toggleClass('open'); 829 }); */ 830 })(jQuery); 831 /***/ 832 833 }, 834 835 /***/ 836 0: function _(module, exports, __nested_webpack_require_30733__) { 837 __nested_webpack_require_30733__( 838 /**/ 839 "./resources/js/app.js"); 840 841 module.exports = __nested_webpack_require_30733__( 842 /**/ 843 "./public/assets/sass/app.scss"); 844 /***/ 845 } 846 /******/ 847 848 }); 849 850 /***/ }), 851 852 /***/ "./resources/assets/sass/app.scss": 853 /*!****************************************!*\ 854 !*** ./resources/assets/sass/app.scss ***! 855 \****************************************/ 856 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { 857 858 "use strict"; 859 __webpack_require__.r(__webpack_exports__); 860 // extracted by mini-css-extract-plugin 861 862 863 /***/ }) 864 865 /******/ }); 866 /************************************************************************/ 1 /******/ (function(modules) { // webpackBootstrap 867 2 /******/ // The module cache 868 /******/ var __webpack_module_cache__= {};869 /******/ 3 /******/ var installedModules = {}; 4 /******/ 870 5 /******/ // The require function 871 6 /******/ function __webpack_require__(moduleId) { 7 /******/ 872 8 /******/ // Check if module is in cache 873 /******/ var cachedModule = __webpack_module_cache__[moduleId]; 874 /******/ if (cachedModule !== undefined) { 875 /******/ return cachedModule.exports; 9 /******/ if(installedModules[moduleId]) { 10 /******/ return installedModules[moduleId].exports; 876 11 /******/ } 877 12 /******/ // Create a new module (and put it into the cache) 878 /******/ var module = __webpack_module_cache__[moduleId] = {879 /******/ // no module.id needed880 /******/ // no module.loaded needed13 /******/ var module = installedModules[moduleId] = { 14 /******/ i: moduleId, 15 /******/ l: false, 881 16 /******/ exports: {} 882 17 /******/ }; 883 /******/ 18 /******/ 884 19 /******/ // Execute the module function 885 /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); 886 /******/ 20 /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 21 /******/ 22 /******/ // Flag the module as loaded 23 /******/ module.l = true; 24 /******/ 887 25 /******/ // Return the exports of the module 888 26 /******/ return module.exports; 889 27 /******/ } 890 /******/ 28 /******/ 29 /******/ 891 30 /******/ // expose the modules object (__webpack_modules__) 892 /******/ __webpack_require__.m = __webpack_modules__; 893 /******/ 31 /******/ __webpack_require__.m = modules; 32 /******/ 33 /******/ // expose the module cache 34 /******/ __webpack_require__.c = installedModules; 35 /******/ 36 /******/ // define getter function for harmony exports 37 /******/ __webpack_require__.d = function(exports, name, getter) { 38 /******/ if(!__webpack_require__.o(exports, name)) { 39 /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); 40 /******/ } 41 /******/ }; 42 /******/ 43 /******/ // define __esModule on exports 44 /******/ __webpack_require__.r = function(exports) { 45 /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 46 /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 47 /******/ } 48 /******/ Object.defineProperty(exports, '__esModule', { value: true }); 49 /******/ }; 50 /******/ 51 /******/ // create a fake namespace object 52 /******/ // mode & 1: value is a module id, require it 53 /******/ // mode & 2: merge all properties of value into the ns 54 /******/ // mode & 4: return value when already ns object 55 /******/ // mode & 8|1: behave like require 56 /******/ __webpack_require__.t = function(value, mode) { 57 /******/ if(mode & 1) value = __webpack_require__(value); 58 /******/ if(mode & 8) return value; 59 /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; 60 /******/ var ns = Object.create(null); 61 /******/ __webpack_require__.r(ns); 62 /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); 63 /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); 64 /******/ return ns; 65 /******/ }; 66 /******/ 67 /******/ // getDefaultExport function for compatibility with non-harmony modules 68 /******/ __webpack_require__.n = function(module) { 69 /******/ var getter = module && module.__esModule ? 70 /******/ function getDefault() { return module['default']; } : 71 /******/ function getModuleExports() { return module; }; 72 /******/ __webpack_require__.d(getter, 'a', getter); 73 /******/ return getter; 74 /******/ }; 75 /******/ 76 /******/ // Object.prototype.hasOwnProperty.call 77 /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 78 /******/ 79 /******/ // __webpack_public_path__ 80 /******/ __webpack_require__.p = "/"; 81 /******/ 82 /******/ 83 /******/ // Load entry module and return exports 84 /******/ return __webpack_require__(__webpack_require__.s = 0); 85 /******/ }) 894 86 /************************************************************************/ 895 /******/ /* webpack/runtime/chunk loaded */ 896 /******/ (() => { 897 /******/ var deferred = []; 898 /******/ __webpack_require__.O = (result, chunkIds, fn, priority) => { 899 /******/ if(chunkIds) { 900 /******/ priority = priority || 0; 901 /******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1]; 902 /******/ deferred[i] = [chunkIds, fn, priority]; 903 /******/ return; 904 /******/ } 905 /******/ var notFulfilled = Infinity; 906 /******/ for (var i = 0; i < deferred.length; i++) { 907 /******/ var [chunkIds, fn, priority] = deferred[i]; 908 /******/ var fulfilled = true; 909 /******/ for (var j = 0; j < chunkIds.length; j++) { 910 /******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) { 911 /******/ chunkIds.splice(j--, 1); 912 /******/ } else { 913 /******/ fulfilled = false; 914 /******/ if(priority < notFulfilled) notFulfilled = priority; 915 /******/ } 916 /******/ } 917 /******/ if(fulfilled) { 918 /******/ deferred.splice(i--, 1) 919 /******/ var r = fn(); 920 /******/ if (r !== undefined) result = r; 921 /******/ } 922 /******/ } 923 /******/ return result; 87 /******/ ({ 88 89 /***/ "./public/assets/sass/app.scss": 90 /*!*************************************!*\ 91 !*** ./public/assets/sass/app.scss ***! 92 \*************************************/ 93 /*! no static exports found */ 94 /***/ (function(module, exports) { 95 96 // removed by extract-text-webpack-plugin 97 98 /***/ }), 99 100 /***/ "./resources/js/app.js": 101 /*!*****************************!*\ 102 !*** ./resources/js/app.js ***! 103 \*****************************/ 104 /*! no static exports found */ 105 /***/ (function(module, exports, __webpack_require__) { 106 107 "use strict"; 108 109 110 (function ($) { 111 var wind_ = $(window), 112 body_ = $('body'); 113 feather.replace({ 114 'stroke-width': 1.5 115 }); 116 $(document).on('click', '[data-toggle="fullscreen"]', function () { 117 $(this).toggleClass('active-fullscreen'); 118 119 if (document.fullscreenEnabled) { 120 if ($(this).hasClass("active-fullscreen")) { 121 document.documentElement.requestFullscreen(); 122 } else { 123 document.exitFullscreen(); 124 } 125 } else { 126 alert("Your browser does not support fullscreen."); 127 } 128 129 return false; 130 }); 131 $(document).on('click', '.overlay', function () { 132 $.removeOverlay(); 133 134 if (body_.hasClass('horizontal-navigation')) { 135 $('.horizontal-navigation').removeClass('open'); 136 } else { 137 $('.navigation').removeClass('open'); 138 } 139 140 body_.removeClass('navigation-show'); 141 }); 142 $(document).on('click', '[data-sidebar-target]', function () { 143 var target = $(this).data('sidebar-target'); 144 $('body').addClass('no-scroll'); 145 $('.sidebar-group').addClass('show'); 146 $('.sidebar-group .sidebar').removeClass('show'); 147 $('.sidebar-group .sidebar' + target).addClass('show'); 148 return false; 149 }); 150 $(document).on('click', '.sidebar-group', function (e) { 151 if ($(e.target).is($('.sidebar-group'))) { 152 $('.sidebar-group').removeClass('show'); 153 $('body').removeClass('no-scroll'); 154 $('.sidebar-group .sidebar').removeClass('show'); 155 } 156 }); // Active pages, automatically show on the menu 157 158 $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open'); 159 $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open'); 160 $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active'); 161 $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open'); 162 /*------------- create/remove overlay -------------*/ 163 164 $.createOverlay = function () { 165 if ($('.overlay').length < 1) { 166 body_.addClass('no-scroll').append('<div class="overlay"></div>'); 167 $('.overlay').addClass('show'); 168 } 169 }; 170 171 $.removeOverlay = function () { 172 body_.removeClass('no-scroll'); 173 $('.overlay').remove(); 174 }; 175 /*------------- create/remove overlay -------------*/ 176 177 178 $('[data-backround-image]').each(function (e) { 179 $(this).css("background", 'url(' + $(this).data('backround-image') + ')'); 180 }); 181 /*------------- page loader -------------*/ 182 183 wind_.on('load', function () { 184 $('.preloader').fadeOut(400, function () { 185 setTimeout(function () { 186 toastr.options = { 187 timeOut: 2000, 188 progressBar: true, 189 showMethod: "slideDown", 190 hideMethod: "slideUp", 191 showDuration: 200, 192 hideDuration: 200, 193 positionClass: "toast-top-center" 194 }; 195 //toastr.success('Welcome'); 196 $('.theme-switcher').removeClass('open'); 197 }, 500); // $('.theme-switcher').css('opacity', 1); 198 }); 199 }); 200 /*------------- page loader -------------*/ 201 202 /*------------- side menu (sub menü arrow) -------------*/ 203 204 wind_.on('load', function () { 205 setTimeout(function () { 206 $('.navigation .navigation-menu-body ul li a').each(function () { 207 var $this = $(this); 208 209 if ($this.next('ul').length) { 210 $this.append('<i class="sub-menu-arrow ti-angle-up"></i>'); 211 } 212 }); 213 $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in'); 214 $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () { 215 var $this = $(this); 216 217 if ($this.next('ul').length) { 218 $this.append('<i class="sub-menu-arrow ti-angle-right"></i>'); 219 } 220 }); 221 }, 200); 222 }); 223 /*------------- side menu (sub menü arrow) -------------*/ 224 225 $(document).on('click', '[data-action="navigation-toggler"]', function () { 226 if (body_.hasClass('horizontal-navigation')) { 227 $('.horizontal-navigation').toggleClass('open'); 228 } else { 229 $('.navigation').toggleClass('open'); 230 } 231 232 $.createOverlay(); 233 }); 234 $(document).on('click', '[data-nav-target]', function () { 235 var $this = $(this), 236 target = $this.data('nav-target'); 237 238 if (body_.hasClass('navigation-toggle-one')) { 239 body_.addClass('navigation-show'); 240 } 241 242 if (body_.hasClass('horizontal-navigation')) { 243 $('.navigation .navigation-menu-body').show(); 244 } 245 246 $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open'); 247 $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open'); 248 $('[data-nav-target]').removeClass('active'); 249 $this.addClass('active'); 250 $this.tooltip('hide'); 251 return false; 252 }); 253 var c = $('.header .header-left .header-logo').clone(); 254 $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo')); 255 $(document).on('click', '.navigation-toggler a', function () { 256 if (wind_.width() < 1200) { 257 $.createOverlay(); 258 body_.addClass('navigation-show'); 259 } else { 260 if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) { 261 body_.addClass('navigation-toggle-one'); 262 } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) { 263 body_.addClass('navigation-toggle-two'); 264 body_.removeClass('navigation-toggle-one'); 265 } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) { 266 body_.removeClass('navigation-toggle-two'); 267 body_.removeClass('navigation-toggle-one'); 268 } 269 } 270 271 return false; 272 }); 273 $(document).on('click', '.header-toggler a', function () { 274 $('.header ul.navbar-nav').toggleClass('open'); 275 return false; 276 }); 277 $(document).on('click', '*', function (e) { 278 if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) { 279 body_.removeClass('navigation-show'); 280 } 281 }); 282 $(document).on('click', '*', function (e) { 283 if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) { 284 $('.header ul.navbar-nav').removeClass('open'); 285 } 286 }); 287 /*------------- form validation -------------*/ 288 289 window.addEventListener('load', function () { 290 // Fetch all the forms we want to apply custom Bootstrap validation styles to 291 var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission 292 293 Array.prototype.filter.call(forms, function (form) { 294 form.addEventListener('submit', function (event) { 295 if (form.checkValidity() === false) { 296 event.preventDefault(); 297 event.stopPropagation(); 298 } 299 300 form.classList.add('was-validated'); 301 }, false); 302 }); 303 }, false); 304 /*------------- form validation -------------*/ 305 306 /*------------- responsive html table -------------*/ 307 308 var table_responsive_stack = $(".table-responsive-stack"); 309 table_responsive_stack.find("th").each(function (i) { 310 $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> "); 311 $(".table-responsive-stack-thead").hide(); 312 }); 313 table_responsive_stack.each(function () { 314 var thCount = $(this).find("th").length, 315 rowGrow = 100 / thCount + "%"; 316 $(this).find("th, td").css("flex-basis", rowGrow); 317 }); 318 319 function flexTable() { 320 if (wind_.width() < 768) { 321 $(".table-responsive-stack").each(function (i) { 322 $(this).find(".table-responsive-stack-thead").show(); 323 $(this).find("thead").hide(); 324 }); // window is less than 768px 325 } else { 326 $(".table-responsive-stack").each(function (i) { 327 $(this).find(".table-responsive-stack-thead").hide(); 328 $(this).find("thead").show(); 329 }); 330 } 331 } 332 333 flexTable(); 334 335 window.onresize = function (event) { 336 flexTable(); 337 }; 338 /*------------- responsive html table -------------*/ 339 340 /*------------- header search -------------*/ 341 342 343 $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () { 344 $('.header .header-body .header-search').show().find('.form-control').focus(); 345 return false; 346 }); 347 $(document).on('click', '.close-header-search, .close-header-search svg', function () { 348 $('.header .header-body .header-search').hide(); 349 return false; 350 }); 351 $(document).on('click', '*', function (e) { 352 if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) { 353 $('.header .header-body .header-search').hide(); 354 } 355 }); 356 /*------------- header search -------------*/ 357 358 /*------------- custom accordion -------------*/ 359 360 $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () { 361 var $this = $(this); 362 $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open'); 363 $this.parent('.accordion-row').toggleClass('open'); 364 return false; 365 }); 366 /*------------- custom accordion -------------*/ 367 368 /*------------- responsive table dropdown -------------*/ 369 370 var dropdownMenu, 371 table_responsive = $('.table-responsive'); 372 table_responsive.on('show.bs.dropdown', function (e) { 373 dropdownMenu = $(e.target).find('.dropdown-menu'); 374 body_.append(dropdownMenu.detach()); 375 var eOffset = $(e.target).offset(); 376 dropdownMenu.css({ 377 'display': 'block', 378 'top': eOffset.top + $(e.target).outerHeight(), 379 'left': eOffset.left, 380 'width': '184px', 381 'font-size': '14px' 382 }); 383 dropdownMenu.addClass("mobPosDropdown"); 384 }); 385 table_responsive.on('hide.bs.dropdown', function (e) { 386 $(e.target).append(dropdownMenu.detach()); 387 dropdownMenu.hide(); 388 }); 389 /*------------- responsive table dropdown -------------*/ 390 391 /*------------- chat -------------*/ 392 393 $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () { 394 $('.chat-block .chat-content').addClass('chat-mobile-open'); 395 return false; 396 }); 397 $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () { 398 $('.chat-block .chat-content').removeClass('chat-mobile-open'); 399 return false; 400 }); 401 /*------------- chat -------------*/ 402 403 /*------------- aside menu toggle -------------*/ 404 405 $(document).on('click', '.navigation ul li a', function () { 406 var $this = $(this); 407 408 if ($this.next('ul').length) { 409 var sub_menu_arrow = $this.find('.sub-menu-arrow'); 410 sub_menu_arrow.toggleClass('rotate-in'); 411 $this.next('ul').toggle(200); 412 $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200); 413 $this.next('ul').find('li ul').slideUp(200); 414 $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus'); 415 $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in'); 416 $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus'); 417 $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in'); 418 419 if (sub_menu_arrow.hasClass('rotate-in')) { 420 setTimeout(function () { 421 sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus'); 422 }, 200); 423 } else { 424 sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus'); 425 } 426 427 if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) { 428 setTimeout(function (e) { 429 $('.navigation .navigation-menu-body').getNiceScroll().resize(); 430 }, 300); 431 } 432 433 return false; 434 } 435 }); 436 $(document).on('click', '.horizontal-navigation ul li a', function () { 437 var $this = $(this); 438 439 if ($this.next('ul').length) { 440 $this.next('ul').toggle(200); 441 $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200); 442 $this.next('ul').find('li ul').slideUp(200); 443 return false; 444 } 445 }); 446 /*------------- aside menu toggle -------------*/ 447 448 /*------------- other -------------*/ 449 450 $(document).on('click', '.dropdown-menu', function (e) { 451 e.stopPropagation(); 452 }); 453 $('#exampleModal').on('show.bs.modal', function (event) { 454 var button = $(event.relatedTarget), 455 recipient = button.data('whatever'), 456 modal = $(this); 457 modal.find('.modal-title').text('New message to ' + recipient); 458 modal.find('.modal-body input').val(recipient); 459 }); 460 $('[data-toggle="tooltip"]').tooltip({ 461 container: 'body' 462 }); 463 $('[data-toggle="popover"]').popover(); 464 $('.carousel').carousel(); 465 466 if (wind_.width() >= 992) { 467 $('.card-scroll').niceScroll(); 468 $('.table-responsive').niceScroll(); 469 $('.sidebar-group .sidebar').niceScroll(); 470 $('.app-block .app-content .app-lists').niceScroll(); 471 $('.app-block .app-sidebar .app-sidebar-menu').niceScroll(); 472 $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll(); 473 var chat_messages = $('.chat-block .chat-content .messages'); 474 475 if (chat_messages.length) { 476 chat_messages.niceScroll({ 477 horizrailenabled: false 478 }); 479 chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1); 480 } 481 } 482 483 if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) { 484 $('.navigation .navigation-menu-body').niceScroll(); 485 } 486 487 $('.dropdown-menu ul.list-group').niceScroll(); 488 /* Theme Switcher */ 489 490 /* var path = window.location.pathname; 491 var page = path.split("/").pop(); 492 var theme_switcher_html = '<div class="theme-switcher open"> \n\ 493 <div class="theme-switcher-button"> \n\ 494 <i class="fa fa-cog"></i> \n\ 495 </div> \n\ 496 <div class="theme-switcher-panel"> \n\ 497 <div class="card"> \n\ 498 <div class="card-body"> \n\ 499 <h6 class="card-title">Theme Switcher</h6> \n\ 500 <div class="form-group mb-2"> \n\ 501 <div class="custom-control custom-switch"> \n\ 502 <input type="checkbox" class="custom-control-input" id="dark"> \n\ 503 <label class="custom-control-label" for="dark">Dark</label> \n\ 504 </div> \n\ 505 </div> \n\ 506 <div class="form-group mb-2"> \n\ 507 <div class="custom-control custom-switch"> \n\ 508 <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\ 509 <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\ 510 </div> \n\ 511 </div> \n\ 512 <div class="form-group mb-2"> \n\ 513 <div class="custom-control custom-switch"> \n\ 514 <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\ 515 <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\ 516 </div> \n\ 517 </div> \n\ 518 <div class="form-group mb-2"> \n\ 519 <div class="custom-control custom-switch"> \n\ 520 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\ 521 <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\ 522 </div> \n\ 523 </div> \n\ 524 <div class="form-group mb-2"> \n\ 525 <div class="custom-control custom-switch"> \n\ 526 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\ 527 <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\ 528 </div> \n\ 529 </div> \n\ 530 <div class="form-group mb-2"> \n\ 531 <div class="custom-control custom-switch"> \n\ 532 <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\ 533 <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\ 534 </div> \n\ 535 </div> \n\ 536 <div class="form-group mb-2"> \n\ 537 <div class="custom-control custom-switch"> \n\ 538 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\ 539 <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\ 540 </div> \n\ 541 </div> \n\ 542 <div class="form-group mb-2"> \n\ 543 <div class="custom-control custom-switch"> \n\ 544 <input type="checkbox" class="custom-control-input" id="light-header"> \n\ 545 <label class="custom-control-label" for="light-header">Light header</label> \n\ 546 </div> \n\ 547 </div> \n\ 548 <div class="form-group mb-2"> \n\ 549 <div class="custom-control custom-switch"> \n\ 550 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\ 551 <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\ 552 </div> \n\ 553 </div> \n\ 554 </div> \n\ 555 </div> \n\ 556 </div> \n\ 557 </div>'; 558 $('body').append(theme_switcher_html); 559 $(document).on('click', '.theme-switcher input[type="checkbox"]', function () { 560 var id = $(this).attr('id'); 561 if (id === 'sticky-navigation') { 562 if ($(this).prop('checked')) { 563 $('.navigation').niceScroll().resize(); 564 } else { 565 $('.navigation').niceScroll().remove(); 566 } 567 if ($('body').hasClass('small-navigation')) { 568 $('.navigation .navigation-menu-body > ul > li').each(function () { 569 if ($(this).find('> a').next('ul').length) { 570 // Dropdown add header title 571 $(this).find('.dropdown-divider').remove(); 572 } else { 573 // Add tooltip 574 $(this).find('> a').tooltip('dispose'); 575 } 576 }); 577 $('body').removeClass('small-navigation'); 578 $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false); 579 } 580 if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE 581 $('body').removeClass('hidden-navigation'); 582 $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false); 583 } 584 } 585 if (id === 'small-navigation') { 586 if ($(this).prop('checked')) { 587 $('.navigation .navigation-menu-body > ul > li').each(function () { 588 if ($(this).find('> a').next('ul').length) { 589 // Dropdown add header title 590 $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>') 591 } else { 592 // Add tooltip 593 $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text()); 594 $(this).find('> a').tooltip({ 595 placement: "right" 596 }); 597 } 598 }); 599 } else { 600 $('.navigation .navigation-menu-body > ul > li').each(function () { 601 if ($(this).find('> a').next('ul').length) { 602 // Dropdown add header title 603 $(this).find('.dropdown-divider').remove(); 604 } else { 605 // Add tooltip 606 $(this).find('> a').tooltip('dispose'); 607 } 608 }); 609 } 610 if ($('body').hasClass('sticky-navigation')) { 611 $('body').removeClass('sticky-navigation'); 612 $('.navigation').niceScroll().remove(); 613 $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false); 614 } 615 if ($('body').hasClass('hidden-navigation')) { 616 $('body').removeClass('hidden-navigation'); 617 $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false); 618 } 619 } 620 if (id === 'hidden-navigation') { 621 setTimeout(function () { 622 $('.navigation').niceScroll().resize(); 623 $('.app-block .app-content .app-lists').niceScroll().resize(); 624 $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize(); 625 $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize(); 626 }, 200); 627 if (!$(this).prop('checked')) { 628 $.removeOverlay(); 629 $('.navigation').removeClass('open'); 630 } 631 if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') { 632 if ($('body').hasClass('sticky-navigation')) { 633 $('body').removeClass('sticky-navigation'); 634 $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false); 635 } 636 } 637 if ($('body').hasClass('small-navigation')) { 638 $('.navigation .navigation-menu-body > ul > li').each(function () { 639 if ($(this).find('> a').next('ul').length) { 640 // Dropdown add header title 641 $(this).find('.dropdown-divider').remove(); 642 } else { 643 // Add tooltip 644 $(this).find('> a').tooltip('dispose'); 645 } 646 }); 647 $('body').removeClass('small-navigation'); 648 $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false); 649 } 650 } 651 if (id === 'dark') { 652 if ($('body').hasClass('semi-dark')) { 653 $('body').removeClass('semi-dark'); 654 $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false); 655 } 656 } 657 if (id === 'semi-dark') { 658 if ($('body').hasClass('dark')) { 659 $('body').removeClass('dark'); 660 $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false); 661 } 662 } 663 $('body').toggleClass(id); 664 }); 665 $(document).on('click', '.theme-switcher .theme-switcher-button', function () { 666 $('.theme-switcher').toggleClass('open'); 667 }); */ 668 })(jQuery); 669 670 /***/ }), 671 672 /***/ 0: 673 /*!*****************************************************************!*\ 674 !*** multi ./resources/js/app.js ./public/assets/sass/app.scss ***! 675 \*****************************************************************/ 676 /*! no static exports found */ 677 /***/ (function(module, exports, __webpack_require__) { 678 679 __webpack_require__(/**/"./resources/js/app.js"); 680 module.exports = __webpack_require__(/**/"./public/assets/sass/app.scss"); 681 682 683 /***/ }) 684 685 /******/ }); 686 687 /******/ (function(modules) { // webpackBootstrap 688 /******/ // The module cache 689 /******/ var installedModules = {}; 690 /******/ 691 /******/ // The require function 692 /******/ function __webpack_require__(moduleId) { 693 /******/ 694 /******/ // Check if module is in cache 695 /******/ if(installedModules[moduleId]) { 696 /******/ return installedModules[moduleId].exports; 697 /******/ } 698 /******/ // Create a new module (and put it into the cache) 699 /******/ var module = installedModules[moduleId] = { 700 /******/ i: moduleId, 701 /******/ l: false, 702 /******/ exports: {} 924 703 /******/ }; 925 /******/ })(); 926 /******/ 927 /******/ /* webpack/runtime/hasOwnProperty shorthand */ 928 /******/ (() => { 929 /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) 930 /******/ })(); 931 /******/ 932 /******/ /* webpack/runtime/make namespace object */ 933 /******/ (() => { 934 /******/ // define __esModule on exports 935 /******/ __webpack_require__.r = (exports) => { 936 /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 937 /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 938 /******/ } 939 /******/ Object.defineProperty(exports, '__esModule', { value: true }); 940 /******/ }; 941 /******/ })(); 942 /******/ 943 /******/ /* webpack/runtime/jsonp chunk loading */ 944 /******/ (() => { 945 /******/ // no baseURI 946 /******/ 947 /******/ // object to store loaded and loading chunks 948 /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched 949 /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded 950 /******/ var installedChunks = { 951 /******/ "/assets/js/app": 0, 952 /******/ "assets/css/app": 0 953 /******/ }; 954 /******/ 955 /******/ // no chunk on demand loading 956 /******/ 957 /******/ // no prefetching 958 /******/ 959 /******/ // no preloaded 960 /******/ 961 /******/ // no HMR 962 /******/ 963 /******/ // no HMR manifest 964 /******/ 965 /******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0); 966 /******/ 967 /******/ // install a JSONP callback for chunk loading 968 /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => { 969 /******/ var [chunkIds, moreModules, runtime] = data; 970 /******/ // add "moreModules" to the modules object, 971 /******/ // then flag all "chunkIds" as loaded and fire callback 972 /******/ var moduleId, chunkId, i = 0; 973 /******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) { 974 /******/ for(moduleId in moreModules) { 975 /******/ if(__webpack_require__.o(moreModules, moduleId)) { 976 /******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; 977 /******/ } 978 /******/ } 979 /******/ if(runtime) var result = runtime(__webpack_require__); 980 /******/ } 981 /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); 982 /******/ for(;i < chunkIds.length; i++) { 983 /******/ chunkId = chunkIds[i]; 984 /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { 985 /******/ installedChunks[chunkId][0](); 986 /******/ } 987 /******/ installedChunks[chunkIds[i]] = 0; 988 /******/ } 989 /******/ return __webpack_require__.O(result); 704 /******/ 705 /******/ // Execute the module function 706 /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 707 /******/ 708 /******/ // Flag the module as loaded 709 /******/ module.l = true; 710 /******/ 711 /******/ // Return the exports of the module 712 /******/ return module.exports; 713 /******/ } 714 /******/ 715 /******/ 716 /******/ // expose the modules object (__webpack_modules__) 717 /******/ __webpack_require__.m = modules; 718 /******/ 719 /******/ // expose the module cache 720 /******/ __webpack_require__.c = installedModules; 721 /******/ 722 /******/ // define getter function for harmony exports 723 /******/ __webpack_require__.d = function(exports, name, getter) { 724 /******/ if(!__webpack_require__.o(exports, name)) { 725 /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); 990 726 /******/ } 991 /******/ 992 /******/ var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || []; 993 /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); 994 /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); 995 /******/ })(); 996 /******/ 727 /******/ }; 728 /******/ 729 /******/ // define __esModule on exports 730 /******/ __webpack_require__.r = function(exports) { 731 /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 732 /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 733 /******/ } 734 /******/ Object.defineProperty(exports, '__esModule', { value: true }); 735 /******/ }; 736 /******/ 737 /******/ // create a fake namespace object 738 /******/ // mode & 1: value is a module id, require it 739 /******/ // mode & 2: merge all properties of value into the ns 740 /******/ // mode & 4: return value when already ns object 741 /******/ // mode & 8|1: behave like require 742 /******/ __webpack_require__.t = function(value, mode) { 743 /******/ if(mode & 1) value = __webpack_require__(value); 744 /******/ if(mode & 8) return value; 745 /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; 746 /******/ var ns = Object.create(null); 747 /******/ __webpack_require__.r(ns); 748 /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); 749 /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); 750 /******/ return ns; 751 /******/ }; 752 /******/ 753 /******/ // getDefaultExport function for compatibility with non-harmony modules 754 /******/ __webpack_require__.n = function(module) { 755 /******/ var getter = module && module.__esModule ? 756 /******/ function getDefault() { return module['default']; } : 757 /******/ function getModuleExports() { return module; }; 758 /******/ __webpack_require__.d(getter, 'a', getter); 759 /******/ return getter; 760 /******/ }; 761 /******/ 762 /******/ // Object.prototype.hasOwnProperty.call 763 /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 764 /******/ 765 /******/ // __webpack_public_path__ 766 /******/ __webpack_require__.p = "/"; 767 /******/ 768 /******/ 769 /******/ // Load entry module and return exports 770 /******/ return __webpack_require__(__webpack_require__.s = 0); 771 /******/ }) 997 772 /************************************************************************/ 998 /******/ 999 /******/ // startup 1000 /******/ // Load entry module and return exports 1001 /******/ // This entry module depends on other loaded chunks and execution need to be delayed 1002 /******/ __webpack_require__.O(undefined, ["assets/css/app"], () => (__webpack_require__("./resources/assets/js/app.js"))) 1003 /******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["assets/css/app"], () => (__webpack_require__("./resources/assets/sass/app.scss"))) 1004 /******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__); 1005 /******/ 1006 /******/ })() 1007 ; 773 /******/ ({ 774 775 /***/ "./public/assets/sass/app.scss": 776 /*!*************************************!*\ 777 !*** ./public/assets/sass/app.scss ***! 778 \*************************************/ 779 /*! no static exports found */ 780 /***/ (function(module, exports) { 781 782 // removed by extract-text-webpack-plugin 783 784 /***/ }), 785 786 /***/ "./resources/js/app.js": 787 /*!*****************************!*\ 788 !*** ./resources/js/app.js ***! 789 \*****************************/ 790 /*! no static exports found */ 791 /***/ (function(module, exports, __webpack_require__) { 792 793 "use strict"; 794 795 796 (function ($) { 797 var wind_ = $(window), 798 body_ = $('body'); 799 feather.replace({ 800 'stroke-width': 1.5 801 }); 802 $(document).on('click', '[data-toggle="fullscreen"]', function () { 803 $(this).toggleClass('active-fullscreen'); 804 805 if (document.fullscreenEnabled) { 806 if ($(this).hasClass("active-fullscreen")) { 807 document.documentElement.requestFullscreen(); 808 } else { 809 document.exitFullscreen(); 810 } 811 } else { 812 alert("Your browser does not support fullscreen."); 813 } 814 815 return false; 816 }); 817 $(document).on('click', '.overlay', function () { 818 $.removeOverlay(); 819 820 if (body_.hasClass('horizontal-navigation')) { 821 $('.horizontal-navigation').removeClass('open'); 822 } else { 823 $('.navigation').removeClass('open'); 824 } 825 826 body_.removeClass('navigation-show'); 827 }); 828 $(document).on('click', '[data-sidebar-target]', function () { 829 var target = $(this).data('sidebar-target'); 830 $('body').addClass('no-scroll'); 831 $('.sidebar-group').addClass('show'); 832 $('.sidebar-group .sidebar').removeClass('show'); 833 $('.sidebar-group .sidebar' + target).addClass('show'); 834 return false; 835 }); 836 $(document).on('click', '.sidebar-group', function (e) { 837 if ($(e.target).is($('.sidebar-group'))) { 838 $('.sidebar-group').removeClass('show'); 839 $('body').removeClass('no-scroll'); 840 $('.sidebar-group .sidebar').removeClass('show'); 841 } 842 }); // Active pages, automatically show on the menu 843 844 $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open'); 845 $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open'); 846 $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active'); 847 $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open'); 848 /*------------- create/remove overlay -------------*/ 849 850 $.createOverlay = function () { 851 if ($('.overlay').length < 1) { 852 body_.addClass('no-scroll').append('<div class="overlay"></div>'); 853 $('.overlay').addClass('show'); 854 } 855 }; 856 857 $.removeOverlay = function () { 858 body_.removeClass('no-scroll'); 859 $('.overlay').remove(); 860 }; 861 /*------------- create/remove overlay -------------*/ 862 863 864 $('[data-backround-image]').each(function (e) { 865 $(this).css("background", 'url(' + $(this).data('backround-image') + ')'); 866 }); 867 /*------------- page loader -------------*/ 868 869 wind_.on('load', function () { 870 $('.preloader').fadeOut(400, function () { 871 setTimeout(function () { 872 toastr.options = { 873 timeOut: 2000, 874 progressBar: true, 875 showMethod: "slideDown", 876 hideMethod: "slideUp", 877 showDuration: 200, 878 hideDuration: 200, 879 positionClass: "toast-top-center" 880 }; 881 $('.theme-switcher').removeClass('open'); 882 }, 500); // $('.theme-switcher').css('opacity', 1); 883 }); 884 }); 885 /*------------- page loader -------------*/ 886 887 /*------------- side menu (sub menü arrow) -------------*/ 888 889 wind_.on('load', function () { 890 setTimeout(function () { 891 $('.navigation .navigation-menu-body ul li a').each(function () { 892 var $this = $(this); 893 894 if ($this.next('ul').length) { 895 $this.append('<i class="sub-menu-arrow ti-angle-up"></i>'); 896 } 897 }); 898 $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in'); 899 $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () { 900 var $this = $(this); 901 902 if ($this.next('ul').length) { 903 $this.append('<i class="sub-menu-arrow ti-angle-right"></i>'); 904 } 905 }); 906 }, 200); 907 }); 908 /*------------- side menu (sub menü arrow) -------------*/ 909 910 $(document).on('click', '[data-action="navigation-toggler"]', function () { 911 if (body_.hasClass('horizontal-navigation')) { 912 $('.horizontal-navigation').toggleClass('open'); 913 } else { 914 $('.navigation').toggleClass('open'); 915 } 916 917 $.createOverlay(); 918 }); 919 $(document).on('click', '[data-nav-target]', function () { 920 var $this = $(this), 921 target = $this.data('nav-target'); 922 923 if (body_.hasClass('navigation-toggle-one')) { 924 body_.addClass('navigation-show'); 925 } 926 927 if (body_.hasClass('horizontal-navigation')) { 928 $('.navigation .navigation-menu-body').show(); 929 } 930 931 $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open'); 932 $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open'); 933 $('[data-nav-target]').removeClass('active'); 934 $this.addClass('active'); 935 $this.tooltip('hide'); 936 return false; 937 }); 938 var c = $('.header .header-left .header-logo').clone(); 939 $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo')); 940 $(document).on('click', '.navigation-toggler a', function () { 941 if (wind_.width() < 1200) { 942 $.createOverlay(); 943 body_.addClass('navigation-show'); 944 } else { 945 if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) { 946 body_.addClass('navigation-toggle-one'); 947 } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) { 948 body_.addClass('navigation-toggle-two'); 949 body_.removeClass('navigation-toggle-one'); 950 } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) { 951 body_.removeClass('navigation-toggle-two'); 952 body_.removeClass('navigation-toggle-one'); 953 } 954 } 955 956 return false; 957 }); 958 $(document).on('click', '.header-toggler a', function () { 959 $('.header ul.navbar-nav').toggleClass('open'); 960 return false; 961 }); 962 $(document).on('click', '*', function (e) { 963 if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) { 964 body_.removeClass('navigation-show'); 965 } 966 }); 967 $(document).on('click', '*', function (e) { 968 if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) { 969 $('.header ul.navbar-nav').removeClass('open'); 970 } 971 }); 972 /*------------- form validation -------------*/ 973 974 window.addEventListener('load', function () { 975 // Fetch all the forms we want to apply custom Bootstrap validation styles to 976 var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission 977 978 Array.prototype.filter.call(forms, function (form) { 979 form.addEventListener('submit', function (event) { 980 if (form.checkValidity() === false) { 981 event.preventDefault(); 982 event.stopPropagation(); 983 } 984 985 form.classList.add('was-validated'); 986 }, false); 987 }); 988 }, false); 989 /*------------- form validation -------------*/ 990 991 /*------------- responsive html table -------------*/ 992 993 var table_responsive_stack = $(".table-responsive-stack"); 994 table_responsive_stack.find("th").each(function (i) { 995 $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> "); 996 $(".table-responsive-stack-thead").hide(); 997 }); 998 table_responsive_stack.each(function () { 999 var thCount = $(this).find("th").length, 1000 rowGrow = 100 / thCount + "%"; 1001 $(this).find("th, td").css("flex-basis", rowGrow); 1002 }); 1003 1004 function flexTable() { 1005 if (wind_.width() < 768) { 1006 $(".table-responsive-stack").each(function (i) { 1007 $(this).find(".table-responsive-stack-thead").show(); 1008 $(this).find("thead").hide(); 1009 }); // window is less than 768px 1010 } else { 1011 $(".table-responsive-stack").each(function (i) { 1012 $(this).find(".table-responsive-stack-thead").hide(); 1013 $(this).find("thead").show(); 1014 }); 1015 } 1016 } 1017 1018 flexTable(); 1019 1020 window.onresize = function (event) { 1021 flexTable(); 1022 }; 1023 /*------------- responsive html table -------------*/ 1024 1025 /*------------- header search -------------*/ 1026 1027 1028 $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () { 1029 $('.header .header-body .header-search').show().find('.form-control').focus(); 1030 return false; 1031 }); 1032 $(document).on('click', '.close-header-search, .close-header-search svg', function () { 1033 $('.header .header-body .header-search').hide(); 1034 return false; 1035 }); 1036 $(document).on('click', '*', function (e) { 1037 if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) { 1038 $('.header .header-body .header-search').hide(); 1039 } 1040 }); 1041 /*------------- header search -------------*/ 1042 1043 /*------------- custom accordion -------------*/ 1044 1045 $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () { 1046 var $this = $(this); 1047 $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open'); 1048 $this.parent('.accordion-row').toggleClass('open'); 1049 return false; 1050 }); 1051 /*------------- custom accordion -------------*/ 1052 1053 /*------------- responsive table dropdown -------------*/ 1054 1055 var dropdownMenu, 1056 table_responsive = $('.table-responsive'); 1057 table_responsive.on('show.bs.dropdown', function (e) { 1058 dropdownMenu = $(e.target).find('.dropdown-menu'); 1059 body_.append(dropdownMenu.detach()); 1060 var eOffset = $(e.target).offset(); 1061 dropdownMenu.css({ 1062 'display': 'block', 1063 'top': eOffset.top + $(e.target).outerHeight(), 1064 'left': eOffset.left, 1065 'width': '184px', 1066 'font-size': '14px' 1067 }); 1068 dropdownMenu.addClass("mobPosDropdown"); 1069 }); 1070 table_responsive.on('hide.bs.dropdown', function (e) { 1071 $(e.target).append(dropdownMenu.detach()); 1072 dropdownMenu.hide(); 1073 }); 1074 /*------------- responsive table dropdown -------------*/ 1075 1076 /*------------- chat -------------*/ 1077 1078 $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () { 1079 $('.chat-block .chat-content').addClass('chat-mobile-open'); 1080 return false; 1081 }); 1082 $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () { 1083 $('.chat-block .chat-content').removeClass('chat-mobile-open'); 1084 return false; 1085 }); 1086 /*------------- chat -------------*/ 1087 1088 /*------------- aside menu toggle -------------*/ 1089 1090 $(document).on('click', '.navigation ul li a', function () { 1091 var $this = $(this); 1092 1093 if ($this.next('ul').length) { 1094 var sub_menu_arrow = $this.find('.sub-menu-arrow'); 1095 sub_menu_arrow.toggleClass('rotate-in'); 1096 $this.next('ul').toggle(200); 1097 $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200); 1098 $this.next('ul').find('li ul').slideUp(200); 1099 $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus'); 1100 $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in'); 1101 $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus'); 1102 $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in'); 1103 1104 if (sub_menu_arrow.hasClass('rotate-in')) { 1105 setTimeout(function () { 1106 sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus'); 1107 }, 200); 1108 } else { 1109 sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus'); 1110 } 1111 1112 if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) { 1113 setTimeout(function (e) { 1114 $('.navigation .navigation-menu-body').getNiceScroll().resize(); 1115 }, 300); 1116 } 1117 1118 return false; 1119 } 1120 }); 1121 $(document).on('click', '.horizontal-navigation ul li a', function () { 1122 var $this = $(this); 1123 1124 if ($this.next('ul').length) { 1125 $this.next('ul').toggle(200); 1126 $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200); 1127 $this.next('ul').find('li ul').slideUp(200); 1128 return false; 1129 } 1130 }); 1131 /*------------- aside menu toggle -------------*/ 1132 1133 /*------------- other -------------*/ 1134 1135 $(document).on('click', '.dropdown-menu', function (e) { 1136 e.stopPropagation(); 1137 }); 1138 $('#exampleModal').on('show.bs.modal', function (event) { 1139 var button = $(event.relatedTarget), 1140 recipient = button.data('whatever'), 1141 modal = $(this); 1142 modal.find('.modal-title').text('New message to ' + recipient); 1143 modal.find('.modal-body input').val(recipient); 1144 }); 1145 $('[data-toggle="tooltip"]').tooltip({ 1146 container: 'body' 1147 }); 1148 $('[data-toggle="popover"]').popover(); 1149 $('.carousel').carousel(); 1150 1151 if (wind_.width() >= 992) { 1152 $('.card-scroll').niceScroll(); 1153 $('.table-responsive').niceScroll(); 1154 $('.sidebar-group .sidebar').niceScroll(); 1155 $('.app-block .app-content .app-lists').niceScroll(); 1156 $('.app-block .app-sidebar .app-sidebar-menu').niceScroll(); 1157 $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll(); 1158 var chat_messages = $('.chat-block .chat-content .messages'); 1159 1160 if (chat_messages.length) { 1161 chat_messages.niceScroll({ 1162 horizrailenabled: false 1163 }); 1164 chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1); 1165 } 1166 } 1167 1168 if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) { 1169 $('.navigation .navigation-menu-body').niceScroll(); 1170 } 1171 1172 $('.dropdown-menu ul.list-group').niceScroll(); 1173 /* Theme Switcher */ 1174 1175 /* var path = window.location.pathname; 1176 var page = path.split("/").pop(); 1177 var theme_switcher_html = '<div class="theme-switcher open"> \n\ 1178 <div class="theme-switcher-button"> \n\ 1179 <i class="fa fa-cog"></i> \n\ 1180 </div> \n\ 1181 <div class="theme-switcher-panel"> \n\ 1182 <div class="card"> \n\ 1183 <div class="card-body"> \n\ 1184 <h6 class="card-title">Theme Switcher</h6> \n\ 1185 <div class="form-group mb-2"> \n\ 1186 <div class="custom-control custom-switch"> \n\ 1187 <input type="checkbox" class="custom-control-input" id="dark"> \n\ 1188 <label class="custom-control-label" for="dark">Dark</label> \n\ 1189 </div> \n\ 1190 </div> \n\ 1191 <div class="form-group mb-2"> \n\ 1192 <div class="custom-control custom-switch"> \n\ 1193 <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\ 1194 <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\ 1195 </div> \n\ 1196 </div> \n\ 1197 <div class="form-group mb-2"> \n\ 1198 <div class="custom-control custom-switch"> \n\ 1199 <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\ 1200 <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\ 1201 </div> \n\ 1202 </div> \n\ 1203 <div class="form-group mb-2"> \n\ 1204 <div class="custom-control custom-switch"> \n\ 1205 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\ 1206 <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\ 1207 </div> \n\ 1208 </div> \n\ 1209 <div class="form-group mb-2"> \n\ 1210 <div class="custom-control custom-switch"> \n\ 1211 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\ 1212 <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\ 1213 </div> \n\ 1214 </div> \n\ 1215 <div class="form-group mb-2"> \n\ 1216 <div class="custom-control custom-switch"> \n\ 1217 <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\ 1218 <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\ 1219 </div> \n\ 1220 </div> \n\ 1221 <div class="form-group mb-2"> \n\ 1222 <div class="custom-control custom-switch"> \n\ 1223 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\ 1224 <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\ 1225 </div> \n\ 1226 </div> \n\ 1227 <div class="form-group mb-2"> \n\ 1228 <div class="custom-control custom-switch"> \n\ 1229 <input type="checkbox" class="custom-control-input" id="light-header"> \n\ 1230 <label class="custom-control-label" for="light-header">Light header</label> \n\ 1231 </div> \n\ 1232 </div> \n\ 1233 <div class="form-group mb-2"> \n\ 1234 <div class="custom-control custom-switch"> \n\ 1235 <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\ 1236 <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\ 1237 </div> \n\ 1238 </div> \n\ 1239 </div> \n\ 1240 </div> \n\ 1241 </div> \n\ 1242 </div>'; 1243 $('body').append(theme_switcher_html); 1244 $(document).on('click', '.theme-switcher input[type="checkbox"]', function () { 1245 var id = $(this).attr('id'); 1246 if (id === 'sticky-navigation') { 1247 if ($(this).prop('checked')) { 1248 $('.navigation').niceScroll().resize(); 1249 } else { 1250 $('.navigation').niceScroll().remove(); 1251 } 1252 if ($('body').hasClass('small-navigation')) { 1253 $('.navigation .navigation-menu-body > ul > li').each(function () { 1254 if ($(this).find('> a').next('ul').length) { 1255 // Dropdown add header title 1256 $(this).find('.dropdown-divider').remove(); 1257 } else { 1258 // Add tooltip 1259 $(this).find('> a').tooltip('dispose'); 1260 } 1261 }); 1262 $('body').removeClass('small-navigation'); 1263 $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false); 1264 } 1265 if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE 1266 $('body').removeClass('hidden-navigation'); 1267 $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false); 1268 } 1269 } 1270 if (id === 'small-navigation') { 1271 if ($(this).prop('checked')) { 1272 $('.navigation .navigation-menu-body > ul > li').each(function () { 1273 if ($(this).find('> a').next('ul').length) { 1274 // Dropdown add header title 1275 $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>') 1276 } else { 1277 // Add tooltip 1278 $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text()); 1279 $(this).find('> a').tooltip({ 1280 placement: "right" 1281 }); 1282 } 1283 }); 1284 } else { 1285 $('.navigation .navigation-menu-body > ul > li').each(function () { 1286 if ($(this).find('> a').next('ul').length) { 1287 // Dropdown add header title 1288 $(this).find('.dropdown-divider').remove(); 1289 } else { 1290 // Add tooltip 1291 $(this).find('> a').tooltip('dispose'); 1292 } 1293 }); 1294 } 1295 if ($('body').hasClass('sticky-navigation')) { 1296 $('body').removeClass('sticky-navigation'); 1297 $('.navigation').niceScroll().remove(); 1298 $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false); 1299 } 1300 if ($('body').hasClass('hidden-navigation')) { 1301 $('body').removeClass('hidden-navigation'); 1302 $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false); 1303 } 1304 } 1305 if (id === 'hidden-navigation') { 1306 setTimeout(function () { 1307 $('.navigation').niceScroll().resize(); 1308 $('.app-block .app-content .app-lists').niceScroll().resize(); 1309 $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize(); 1310 $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize(); 1311 }, 200); 1312 if (!$(this).prop('checked')) { 1313 $.removeOverlay(); 1314 $('.navigation').removeClass('open'); 1315 } 1316 if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') { 1317 if ($('body').hasClass('sticky-navigation')) { 1318 $('body').removeClass('sticky-navigation'); 1319 $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false); 1320 } 1321 } 1322 if ($('body').hasClass('small-navigation')) { 1323 $('.navigation .navigation-menu-body > ul > li').each(function () { 1324 if ($(this).find('> a').next('ul').length) { 1325 // Dropdown add header title 1326 $(this).find('.dropdown-divider').remove(); 1327 } else { 1328 // Add tooltip 1329 $(this).find('> a').tooltip('dispose'); 1330 } 1331 }); 1332 $('body').removeClass('small-navigation'); 1333 $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false); 1334 } 1335 } 1336 if (id === 'dark') { 1337 if ($('body').hasClass('semi-dark')) { 1338 $('body').removeClass('semi-dark'); 1339 $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false); 1340 } 1341 } 1342 if (id === 'semi-dark') { 1343 if ($('body').hasClass('dark')) { 1344 $('body').removeClass('dark'); 1345 $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false); 1346 } 1347 } 1348 $('body').toggleClass(id); 1349 }); 1350 $(document).on('click', '.theme-switcher .theme-switcher-button', function () { 1351 $('.theme-switcher').toggleClass('open'); 1352 }); */ 1353 })(jQuery); 1354 1355 /***/ }), 1356 1357 /***/ 0: 1358 /*!*****************************************************************!*\ 1359 !*** multi ./resources/js/app.js ./public/assets/sass/app.scss ***! 1360 \*****************************************************************/ 1361 /*! no static exports found */ 1362 /***/ (function(module, exports, __webpack_require__) { 1363 1364 __webpack_require__(/**/"./resources/js/app.js"); 1365 module.exports = __webpack_require__(/**/"./public/assets/sass/app.scss"); 1366 1367 1368 /***/ }) 1369 1370 /******/ }); 1371 1372 'use strict'; 1373 1374 (function ($) { 1375 1376 $(document).on('click', '.layout-builder .layout-builder-toggle', function () { 1377 $('.layout-builder').toggleClass('show'); 1378 }); 1379 1380 $(window).on('load', function () { 1381 setTimeout(function () { 1382 $('.layout-builder').removeClass('show'); 1383 }, 500); 1384 }); 1385 1386 $('.body').append(` 1387 <div class="layout-builder show"> 1388 <div class="layout-builder-toggle shw"> 1389 <i class="ti-settings"></i> 1390 </div> 1391 <div class="layout-builder-toggle hdn"> 1392 <i class="ti-close"></i> 1393 </div> 1394 <div class="layout-builder-body"> 1395 <h5>Customizer</h5> 1396 <div class="mb-3"> 1397 <p>Layout</p> 1398 <div class="custom-control custom-radio"> 1399 <input type="radio" class="custom-control-input" name="layout" id="horizontal-side-menu" data-layout="horizontal-side-menu"> 1400 <label class="custom-control-label" for="horizontal-side-menu">Horizontal Menu</label> 1401 </div> 1402 <div class="custom-control custom-radio"> 1403 <input type="radio" class="custom-control-input" name="layout" id="icon-side-menu" data-layout="icon-side-menu"> 1404 <label class="custom-control-label" for="icon-side-menu">Icon Menu</label> 1405 </div> 1406 <div class="custom-control custom-radio"> 1407 <input type="radio" class="custom-control-input" name="layout" id="hidden-side-menu" data-layout="hidden-side-menu"> 1408 <label class="custom-control-label" for="hidden-side-menu">Hidden Menu</label> 1409 </div> 1410 <div class="custom-control custom-radio"> 1411 <input type="radio" class="custom-control-input" name="layout" id="layout-container-1" data-layout="layout-container icon-side-menu"> 1412 <label class="custom-control-label" for="layout-container-1">Container Layout 1</label> 1413 </div> 1414 <div class="custom-control custom-radio"> 1415 <input type="radio" class="custom-control-input" name="layout" id="layout-container-2" data-layout="layout-container horizontal-side-menu"> 1416 <label class="custom-control-label" for="layout-container-2">Container Layout 2</label> 1417 </div> 1418 <div class="custom-control custom-radio"> 1419 <input type="radio" class="custom-control-input" name="layout" id="layout-container-3" data-layout="layout-container hidden-side-menu"> 1420 <label class="custom-control-label" for="layout-container-3">Container Layout 3</label> 1421 </div> 1422 <div class="custom-control custom-radio"> 1423 <input type="radio" class="custom-control-input" name="layout" id="dark-1" data-layout="dark"> 1424 <label class="custom-control-label" for="dark-1">Dark Layout 1</label> 1425 </div> 1426 <div class="custom-control custom-radio"> 1427 <input type="radio" class="custom-control-input" name="layout" id="dark-2" data-layout="layout-container dark icon-side-menu"> 1428 <label class="custom-control-label" for="dark-2">Dark Layout 2</label> 1429 </div> 1430 <div class="custom-control custom-radio"> 1431 <input type="radio" class="custom-control-input" name="layout" id="dark-3" data-layout="layout-container dark horizontal-side-menu"> 1432 <label class="custom-control-label" for="dark-3">Dark Layout 3</label> 1433 </div> 1434 <div class="custom-control custom-radio"> 1435 <input type="radio" class="custom-control-input" name="layout" id="dark-4" data-layout="layout-container dark hidden-side-menu"> 1436 <label class="custom-control-label" for="dark-4">Dark Layout 4</label> 1437 </div> 1438 </div> 1439 <button id="btn-layout-builder-reset" class="btn btn-danger btn-uppercase">Reset</button> 1440 <div class="layout-alert mt-3"> 1441 <i class="fa fa-warning m-r-5 text-warning"></i>Some theme options can not be displayed in case of combined when they are not relevant each other. For that reason, you are adviced to try all theme options seperately. 1442 </div> 1443 </div> 1444 </div>`); 1445 1446 var site_layout = localStorage.getItem('site_layout'); 1447 $('body').addClass(site_layout); 1448 1449 $('.layout-builder .layout-builder-body input[type="radio"][data-layout="' + $('body').attr('class') + '"]').prop('checked', true); 1450 1451 $('.layout-builder .layout-builder-body input[type="radio"]').click(function () { 1452 var class_names = ''; 1453 1454 $('.layout-builder .layout-builder-body input[type="radio"]:checked').each(function () { 1455 class_names += ' ' + $(this).data('layout'); 1456 }); 1457 1458 localStorage.setItem('site_layout', class_names); 1459 1460 window.location.href = (window.location.href).replace('#', ''); 1461 }); 1462 1463 $(document).on('click', '#btn-layout-builder', function () { 1464 1465 }); 1466 1467 $(document).on('click', '#btn-layout-builder-reset', function () { 1468 localStorage.removeItem('site_layout'); 1469 localStorage.removeItem('site_layout_dark'); 1470 1471 window.location.href = (window.location.href).replace('#', ''); 1472 }); 1473 1474 $(window).on('load', function () { 1475 if ($('body').hasClass('horizontal-side-menu') && $(window).width() > 768) { 1476 if ($('body').hasClass('layout-container')) { 1477 $('.side-menu .side-menu-body').wrap('<div class="container"></div>'); 1478 } else { 1479 $('.side-menu .side-menu-body').wrap('<div class="container"></div>'); 1480 } 1481 setTimeout(function () { 1482 $('.side-menu .side-menu-body > ul').append('<li><a href="#"><span>Other</span></a><ul></ul></li>'); 1483 }, 100); 1484 $('.side-menu .side-menu-body > ul > li').each(function () { 1485 var index = $(this).index(), 1486 $this = $(this); 1487 if (index > 7) { 1488 setTimeout(function () { 1489 $('.side-menu .side-menu-body > ul > li:last-child > ul').append($this.clone()); 1490 $this.addClass('d-none'); 1491 }, 100); 1492 } 1493 }); 1494 } 1495 }); 1496 1497 $(document).on('click', '[data-attr="layout-builder-toggle"]', function () { 1498 $('.layout-builder').toggleClass('show'); 1499 return false; 1500 }); 1501 1502 })(jQuery);
Note:
See TracChangeset
for help on using the changeset viewer.