W3C CSS Validator results for https://istitlaa.ncc.gov.sa/ar/Pages/default.aspx (CSS level 3 + SVG)

Congratulations! No Error Found.

This document validates as CSS level 3 + SVG !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS!
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
Valid CSS!
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
            alt="Valid CSS!" />
    </a>
</p>
        

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

http://jigsaw.w3.org/css-validator/validator?lang=en&profile=css3svg&uri=https://istitlaa.ncc.gov.sa/ar/Pages/default.aspx&usermedium=all&vextwarning&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (2469)

URI : https://istitlaa.ncc.gov.sa/Style%20Library/Portal/css/style-rtl.css

48 -moz-box-sizing is a vendor extension
49 -webkit-box-sizing is a vendor extension
171 -webkit-transition is a vendor extension
304 ::-moz-selection is a vendor extended pseudo-element
314 ::-moz-selection is a vendor extended pseudo-element
319 ::-webkit-input-placeholder is a vendor extended pseudo-element
324 :-moz-placeholder is a vendor extended pseudo-class
329 ::-moz-placeholder is a vendor extended pseudo-element
334 :-ms-input-placeholder is a vendor extended pseudo-class
339 ::-webkit-input-placeholder is a vendor extended pseudo-element
344 :-moz-placeholder is a vendor extended pseudo-class
349 ::-moz-placeholder is a vendor extended pseudo-element
354 :-ms-input-placeholder is a vendor extended pseudo-class
382 -webkit-gradient(linear,right top,right bottom,color-stop(65%,#0f253c),to(#163849)) is a vendor extension
438 -webkit-box is a vendor extension
439 -moz-box is a vendor extension
440 -ms-flexbox is a vendor extension
459 -webkit-box is a vendor extension
460 -moz-box is a vendor extension
461 -ms-flexbox is a vendor extension
463 -webkit-box-align is a vendor extension
464 -moz-box-align is a vendor extension
465 -ms-flex-align is a vendor extension
479 -webkit-box is a vendor extension
480 -moz-box is a vendor extension
481 -ms-flexbox is a vendor extension
483 -webkit-box-orient is a vendor extension
484 -webkit-box-direction is a vendor extension
485 -moz-box-orient is a vendor extension
486 -moz-box-direction is a vendor extension
487 -ms-flex-direction is a vendor extension
492 -webkit-box-align is a vendor extension
493 -moz-box-align is a vendor extension
494 -ms-flex-align is a vendor extension
496 -webkit-box-pack is a vendor extension
497 -moz-box-pack is a vendor extension
498 -ms-flex-pack is a vendor extension
501 -webkit-transition is a vendor extension
652 -webkit-box is a vendor extension
653 -moz-box is a vendor extension
654 -ms-flexbox is a vendor extension
656 -webkit-box-align is a vendor extension
657 -moz-box-align is a vendor extension
658 -ms-flex-align is a vendor extension
665 -webkit-box-pack is a vendor extension
666 -moz-box-pack is a vendor extension
667 -ms-flex-pack is a vendor extension
674 -webkit-box-pack is a vendor extension
675 -moz-box-pack is a vendor extension
676 -ms-flex-pack is a vendor extension
683 -webkit-box-pack is a vendor extension
684 -moz-box-pack is a vendor extension
685 -ms-flex-pack is a vendor extension
692 -webkit-box-pack is a vendor extension
693 -moz-box-pack is a vendor extension
694 -ms-flex-pack is a vendor extension
737 -webkit-transition is a vendor extension
747 -webkit-transform is a vendor extension
749 -webkit-transform-origin is a vendor extension
759 -webkit-transform is a vendor extension
761 -webkit-transform-origin is a vendor extension
767 -webkit-transform is a vendor extension
777 -webkit-transform is a vendor extension
789 -webkit-box-align is a vendor extension
790 -moz-box-align is a vendor extension
791 -ms-flex-align is a vendor extension
793 -webkit-box-pack is a vendor extension
794 -moz-box-pack is a vendor extension
795 -ms-flex-pack is a vendor extension
797 -webkit-transition is a vendor extension
807 -webkit-transition is a vendor extension
879 .navbar .dropdown-menu Same color for background-color and color
883 -webkit-box-shadow is a vendor extension
935 -webkit-transform is a vendor extension
1017 -webkit-box-shadow is a vendor extension
1028 -webkit-box-shadow is a vendor extension
1043 -webkit-box-shadow is a vendor extension
1059 -webkit-transition is a vendor extension
1079 -webkit-transform is a vendor extension
1081 -webkit-transition is a vendor extension
1088 -webkit-transform is a vendor extension
1097 -webkit-transform is a vendor extension
1199 -ms-flex-preferred-size is a vendor extension
1201 -webkit-box-flex is a vendor extension
1202 -moz-box-flex is a vendor extension
1203 -ms-flex-positive is a vendor extension
1213 -webkit-box-shadow is a vendor extension
1272 .search input Same color for background-color and color
1277 -webkit-transition is a vendor extension
1281 -webkit-box-sizing is a vendor extension
1282 -moz-box-sizing is a vendor extension
1288 -webkit-appearance is a vendor extension
1292 ::-webkit-input-placeholder is a vendor extended pseudo-element
1296 ::-moz-placeholder is a vendor extended pseudo-element
1300 :-ms-input-placeholder is a vendor extended pseudo-class
1304 ::-ms-input-placeholder is a vendor extended pseudo-element
1317 -webkit-box-shadow is a vendor extension
1323 ::-webkit-input-placeholder is a vendor extended pseudo-element
1327 ::-moz-placeholder is a vendor extended pseudo-element
1331 :-ms-input-placeholder is a vendor extended pseudo-class
1335 ::-ms-input-placeholder is a vendor extended pseudo-element
1361 ::-webkit-search-decoration is a vendor extended pseudo-element
1362 ::-webkit-search-cancel-button is a vendor extended pseudo-element
1366 :-moz-placeholder is a vendor extended pseudo-class
1370 ::-webkit-input-placeholder is a vendor extended pseudo-element
1405 -webkit-box-shadow is a vendor extension
1425 -webkit-transform is a vendor extension
1430 -webkit-box-shadow is a vendor extension
1509 -o-object-fit is a vendor extension
1512 -webkit-animation-duration is a vendor extension
1514 -webkit-transition is a vendor extension
1519 -webkit-box is a vendor extension
1520 -moz-box is a vendor extension
1521 -ms-flexbox is a vendor extension
1523 -webkit-box-orient is a vendor extension
1524 -webkit-box-direction is a vendor extension
1525 -moz-box-orient is a vendor extension
1526 -moz-box-direction is a vendor extension
1527 -ms-flex-direction is a vendor extension
1539 -webkit-inline-box is a vendor extension
1540 -moz-inline-box is a vendor extension
1541 -ms-inline-flexbox is a vendor extension
1605 -webkit-box is a vendor extension
1606 -webkit-line-clamp is a vendor extension
1607 -webkit-box-orient is a vendor extension
1614 -webkit-box is a vendor extension
1615 -webkit-line-clamp is a vendor extension
1616 -webkit-box-orient is a vendor extension
1621 -webkit-transition is a vendor extension
1627 -webkit-animation-duration is a vendor extension
1629 -webkit-transition is a vendor extension
1648 -webkit-fit-content is a vendor extension
1649 -moz-fit-content is a vendor extension
1671 -webkit-transition is a vendor extension
1738 -webkit-box is a vendor extension
1739 -moz-box is a vendor extension
1740 -ms-flexbox is a vendor extension
1742 -webkit-box-align is a vendor extension
1743 -moz-box-align is a vendor extension
1744 -ms-flex-align is a vendor extension
1746 -webkit-box-pack is a vendor extension
1747 -moz-box-pack is a vendor extension
1748 -ms-flex-pack is a vendor extension
1754 -webkit-box-shadow is a vendor extension
1756 -webkit-transform is a vendor extension
1762 -webkit-transform is a vendor extension
1838 Unrecognized at-rule @-webkit-keyframes
1852 -webkit-transform is a vendor extension
1857 -webkit-transform is a vendor extension
1863 -webkit-animation-name is a vendor extension
1867 Unrecognized at-rule @-webkit-keyframes
1881 -webkit-transform is a vendor extension
1886 -webkit-transform is a vendor extension
1892 -webkit-animation-name is a vendor extension
1897 -webkit-box is a vendor extension
1898 -moz-box is a vendor extension
1899 -ms-flexbox is a vendor extension
1901 -webkit-box-orient is a vendor extension
1902 -webkit-box-direction is a vendor extension
1903 -moz-box-orient is a vendor extension
1904 -moz-box-direction is a vendor extension
1905 -ms-flex-direction is a vendor extension
1908 -webkit-box-pack is a vendor extension
1909 -moz-box-pack is a vendor extension
1910 -ms-flex-pack is a vendor extension
1917 -webkit-transition is a vendor extension
1919 -webkit-transform is a vendor extension
1939 -webkit-box is a vendor extension
1940 -moz-box is a vendor extension
1941 -ms-flexbox is a vendor extension
1944 -webkit-box-orient is a vendor extension
1945 -webkit-box-direction is a vendor extension
1946 -moz-box-orient is a vendor extension
1947 -moz-box-direction is a vendor extension
1948 -ms-flex-direction is a vendor extension
1955 -webkit-box is a vendor extension
1956 -moz-box is a vendor extension
1957 -ms-flexbox is a vendor extension
1959 -webkit-box-align is a vendor extension
1960 -moz-box-align is a vendor extension
1961 -ms-flex-align is a vendor extension
1970 -webkit-box is a vendor extension
1971 -moz-box is a vendor extension
1972 -ms-flexbox is a vendor extension
1974 -webkit-box-orient is a vendor extension
1975 -webkit-box-direction is a vendor extension
1976 -moz-box-orient is a vendor extension
1977 -moz-box-direction is a vendor extension
1978 -ms-flex-direction is a vendor extension
1983 -webkit-box-align is a vendor extension
1984 -moz-box-align is a vendor extension
1985 -ms-flex-align is a vendor extension
1987 -webkit-box-pack is a vendor extension
1988 -moz-box-pack is a vendor extension
1989 -ms-flex-pack is a vendor extension
1992 -webkit-transition is a vendor extension
2099 -webkit-box is a vendor extension
2100 -moz-box is a vendor extension
2101 -ms-flexbox is a vendor extension
2103 -webkit-box-align is a vendor extension
2104 -moz-box-align is a vendor extension
2105 -ms-flex-align is a vendor extension
2107 -webkit-box-pack is a vendor extension
2108 -moz-box-pack is a vendor extension
2109 -ms-flex-pack is a vendor extension
2111 -webkit-transition is a vendor extension
2127 -webkit-transition is a vendor extension
2129 -webkit-animation is a vendor extension
2131 -o-object-fit is a vendor extension
2202 Unrecognized at-rule @-webkit-keyframes
2221 -webkit-transform is a vendor extension
2226 -webkit-transform is a vendor extension
2231 -webkit-transform is a vendor extension
2311 -webkit-transition is a vendor extension
2319 -webkit-transition is a vendor extension
2359 -webkit-box-flex is a vendor extension
2360 -moz-box-flex is a vendor extension
2361 -ms-flex is a vendor extension
2369 -webkit-box-flex is a vendor extension
2370 -moz-box-flex is a vendor extension
2371 -ms-flex is a vendor extension
2379 -webkit-box-flex is a vendor extension
2380 -moz-box-flex is a vendor extension
2381 -ms-flex is a vendor extension
2389 -webkit-box-flex is a vendor extension
2390 -moz-box-flex is a vendor extension
2391 -ms-flex is a vendor extension
2400 -webkit-transition is a vendor extension
2409 -webkit-box is a vendor extension
2410 -moz-box is a vendor extension
2411 -ms-flexbox is a vendor extension
2413 -webkit-box-align is a vendor extension
2414 -moz-box-align is a vendor extension
2415 -ms-flex-align is a vendor extension
2417 -webkit-box-pack is a vendor extension
2418 -moz-box-pack is a vendor extension
2419 -ms-flex-pack is a vendor extension
2449 -webkit-transform is a vendor extension
2465 -webkit-gradient(linear,left top,right top,from(rgb(0, 0, 0, 0)),color-stop(51%,rgb(7, 45, 69, 0.837973)),to(#0d3c50)) is a vendor extension
2485 -webkit-transition is a vendor extension
2488 -webkit-box is a vendor extension
2489 -moz-box is a vendor extension
2490 -ms-flexbox is a vendor extension
2492 -webkit-box-orient is a vendor extension
2493 -webkit-box-direction is a vendor extension
2494 -moz-box-orient is a vendor extension
2495 -moz-box-direction is a vendor extension
2496 -ms-flex-direction is a vendor extension
2502 -webkit-transform is a vendor extension
2515 -webkit-box is a vendor extension
2516 -moz-box is a vendor extension
2517 -ms-flexbox is a vendor extension
2525 -webkit-box-orient is a vendor extension
2526 -webkit-box-direction is a vendor extension
2527 -moz-box-orient is a vendor extension
2528 -moz-box-direction is a vendor extension
2529 -ms-flex-direction is a vendor extension
2534 -webkit-box-align is a vendor extension
2535 -moz-box-align is a vendor extension
2536 -ms-flex-align is a vendor extension
2538 -webkit-box-pack is a vendor extension
2539 -moz-box-pack is a vendor extension
2540 -ms-flex-pack is a vendor extension
2575 -webkit-box is a vendor extension
2576 -webkit-line-clamp is a vendor extension
2577 -webkit-box-orient is a vendor extension
2626 -webkit-gradient(linear,left top,right top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
2634 -webkit-box is a vendor extension
2635 -moz-box is a vendor extension
2636 -ms-flexbox is a vendor extension
2638 -webkit-box-orient is a vendor extension
2639 -webkit-box-direction is a vendor extension
2640 -moz-box-orient is a vendor extension
2641 -moz-box-direction is a vendor extension
2642 -ms-flex-direction is a vendor extension
2644 -webkit-box-align is a vendor extension
2645 -moz-box-align is a vendor extension
2646 -ms-flex-align is a vendor extension
2653 -webkit-transition is a vendor extension
2686 -webkit-box is a vendor extension
2687 -moz-box is a vendor extension
2688 -ms-flexbox is a vendor extension
2690 -webkit-box-align is a vendor extension
2691 -moz-box-align is a vendor extension
2692 -ms-flex-align is a vendor extension
2694 -webkit-box-pack is a vendor extension
2695 -moz-box-pack is a vendor extension
2696 -ms-flex-pack is a vendor extension
2698 -webkit-box-orient is a vendor extension
2699 -webkit-box-direction is a vendor extension
2700 -moz-box-orient is a vendor extension
2701 -moz-box-direction is a vendor extension
2702 -ms-flex-direction is a vendor extension
2852 -webkit-transition is a vendor extension
2870 -webkit-transform is a vendor extension
2884 -webkit-transition is a vendor extension
2896 -webkit-box is a vendor extension
2897 -webkit-line-clamp is a vendor extension
2898 -webkit-box-orient is a vendor extension
2915 -webkit-box is a vendor extension
2916 -webkit-line-clamp is a vendor extension
2917 -webkit-box-orient is a vendor extension
2928 The value break-word is deprecated
2932 -webkit-box is a vendor extension
2933 -moz-box is a vendor extension
2934 -ms-flexbox is a vendor extension
2960 -webkit-animation is a vendor extension
2966 -webkit-animation is a vendor extension
2977 -webkit-transform is a vendor extension
2984 -webkit-transform is a vendor extension
2990 -webkit-transform is a vendor extension
2995 Unrecognized at-rule @-webkit-keyframes
3035 -webkit-gradient(linear,left top,right top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
3040 -webkit-box is a vendor extension
3041 -moz-box is a vendor extension
3042 -ms-flexbox is a vendor extension
3044 -webkit-box-align is a vendor extension
3045 -moz-box-align is a vendor extension
3046 -ms-flex-align is a vendor extension
3048 -webkit-box-pack is a vendor extension
3049 -moz-box-pack is a vendor extension
3050 -ms-flex-pack is a vendor extension
3052 -ms-flex-wrap is a vendor extension
3094 -webkit-box is a vendor extension
3095 -moz-box is a vendor extension
3096 -ms-flexbox is a vendor extension
3098 -webkit-box-align is a vendor extension
3099 -moz-box-align is a vendor extension
3100 -ms-flex-align is a vendor extension
3113 ::-webkit-input-placeholder is a vendor extended pseudo-element
3117 ::-moz-placeholder is a vendor extended pseudo-element
3121 :-ms-input-placeholder is a vendor extended pseudo-class
3125 ::-ms-input-placeholder is a vendor extended pseudo-element
3140 -webkit-transition is a vendor extension
3201 -webkit-transform is a vendor extension
3203 -webkit-box is a vendor extension
3204 -moz-box is a vendor extension
3205 -ms-flexbox is a vendor extension
3207 -webkit-box-orient is a vendor extension
3208 -webkit-box-direction is a vendor extension
3209 -moz-box-orient is a vendor extension
3210 -moz-box-direction is a vendor extension
3211 -ms-flex-direction is a vendor extension
3213 -webkit-box-align is a vendor extension
3214 -moz-box-align is a vendor extension
3215 -ms-flex-align is a vendor extension
3218 -webkit-box-pack is a vendor extension
3219 -moz-box-pack is a vendor extension
3220 -ms-flex-pack is a vendor extension
3222 -webkit-transform is a vendor extension
3230 -webkit-transition is a vendor extension
3232 -webkit-box is a vendor extension
3233 -moz-box is a vendor extension
3234 -ms-flexbox is a vendor extension
3236 -webkit-box-align is a vendor extension
3237 -moz-box-align is a vendor extension
3238 -ms-flex-align is a vendor extension
3240 -webkit-box-pack is a vendor extension
3241 -moz-box-pack is a vendor extension
3242 -ms-flex-pack is a vendor extension
3252 -webkit-transition is a vendor extension
3275 -webkit-animation-name is a vendor extension
3277 -webkit-animation-duration is a vendor extension
3279 -webkit-animation-timing-function is a vendor extension
3281 -webkit-animation-fill-mode is a vendor extension
3295 Unrecognized at-rule @-webkit-keyframes
3307 -webkit-transform is a vendor extension
3312 -webkit-transition is a vendor extension
3338 -webkit-transition is a vendor extension
3353 -webkit-transform is a vendor extension
3503 -webkit-box is a vendor extension
3504 -moz-box is a vendor extension
3505 -ms-flexbox is a vendor extension
3507 -webkit-box-pack is a vendor extension
3508 -moz-box-pack is a vendor extension
3509 -ms-flex-pack is a vendor extension
3511 -webkit-box-align is a vendor extension
3512 -moz-box-align is a vendor extension
3513 -ms-flex-align is a vendor extension
3520 -webkit-box-orient is a vendor extension
3521 -webkit-box-direction is a vendor extension
3522 -moz-box-orient is a vendor extension
3523 -moz-box-direction is a vendor extension
3524 -ms-flex-direction is a vendor extension
3531 -webkit-box-orient is a vendor extension
3532 -webkit-box-direction is a vendor extension
3533 -moz-box-orient is a vendor extension
3534 -moz-box-direction is a vendor extension
3535 -ms-flex-direction is a vendor extension
3541 -webkit-box is a vendor extension
3542 -moz-box is a vendor extension
3543 -ms-flexbox is a vendor extension
3545 -ms-flex-wrap is a vendor extension
3555 -webkit-inline-box is a vendor extension
3556 -moz-inline-box is a vendor extension
3557 -ms-inline-flexbox is a vendor extension
3563 -webkit-transition is a vendor extension
3599 -webkit-inline-box is a vendor extension
3600 -moz-inline-box is a vendor extension
3601 -ms-inline-flexbox is a vendor extension
3604 -webkit-box-align is a vendor extension
3605 -moz-box-align is a vendor extension
3606 -ms-flex-align is a vendor extension
3614 -webkit-transition is a vendor extension
3622 The value break-word is deprecated
3629 -webkit-box is a vendor extension
3630 -moz-box is a vendor extension
3631 -ms-flexbox is a vendor extension
3641 -webkit-box is a vendor extension
3642 -moz-box is a vendor extension
3643 -ms-flexbox is a vendor extension
3692 -webkit-box is a vendor extension
3693 -moz-box is a vendor extension
3694 -ms-flexbox is a vendor extension
3696 -webkit-box-align is a vendor extension
3697 -moz-box-align is a vendor extension
3698 -ms-flex-align is a vendor extension
3700 -webkit-box-pack is a vendor extension
3701 -moz-box-pack is a vendor extension
3702 -ms-flex-pack is a vendor extension
3715 -webkit-transition is a vendor extension
3731 -webkit-box is a vendor extension
3732 -moz-box is a vendor extension
3733 -ms-flexbox is a vendor extension
3735 -webkit-box-pack is a vendor extension
3736 -moz-box-pack is a vendor extension
3737 -ms-flex-pack is a vendor extension
3739 -webkit-box-orient is a vendor extension
3740 -webkit-box-direction is a vendor extension
3741 -moz-box-orient is a vendor extension
3742 -moz-box-direction is a vendor extension
3743 -ms-flex-direction is a vendor extension
3748 -ms-flex-item-align is a vendor extension
3749 -ms-grid-row-align is a vendor extension
3754 -webkit-box is a vendor extension
3755 -moz-box is a vendor extension
3756 -ms-flexbox is a vendor extension
3763 -webkit-box-pack is a vendor extension
3764 -moz-box-pack is a vendor extension
3765 -ms-flex-pack is a vendor extension
3768 -webkit-box-shadow is a vendor extension
3770 -webkit-transform is a vendor extension
3772 -webkit-transition is a vendor extension
3799 -webkit-transform is a vendor extension
3801 -webkit-transition is a vendor extension
3812 -webkit-transform is a vendor extension
3818 -webkit-transform is a vendor extension
3839 -webkit-gradient(linear,right top,left top,from(rgb(0, 0, 0, 0)),color-stop(51%,rgb(7, 45, 69, 0.837973)),to(#0d3c50)) is a vendor extension
4124 -webkit-transition is a vendor extension
4208 -webkit-transition is a vendor extension
4229 -webkit-box is a vendor extension
4230 -moz-box is a vendor extension
4231 -ms-flexbox is a vendor extension
4233 -webkit-box-align is a vendor extension
4234 -moz-box-align is a vendor extension
4235 -ms-flex-align is a vendor extension
4241 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,rgb(18, 99, 106, 0.7)),to(rgb(7, 36, 65, 0.7))) is a vendor extension
4247 -webkit-box is a vendor extension
4248 -moz-box is a vendor extension
4249 -ms-flexbox is a vendor extension
4251 -webkit-box-align is a vendor extension
4252 -moz-box-align is a vendor extension
4253 -ms-flex-align is a vendor extension
4255 -webkit-box-pack is a vendor extension
4256 -moz-box-pack is a vendor extension
4257 -ms-flex-pack is a vendor extension
4321 -webkit-box is a vendor extension
4322 -moz-box is a vendor extension
4323 -ms-flexbox is a vendor extension
4329 -ms-flex-wrap is a vendor extension
4336 -ms-flex-wrap is a vendor extension
4419 -webkit-box is a vendor extension
4420 -moz-box is a vendor extension
4421 -ms-flexbox is a vendor extension
4464 :-moz-placeholder is a vendor extended pseudo-class
4468 ::-webkit-input-placeholder is a vendor extended pseudo-element
4473 -webkit-appearance is a vendor extension
4474 -moz-appearance is a vendor extension
4475 -ms-appearance is a vendor extension
4493 -webkit-appearance is a vendor extension
4494 -moz-appearance is a vendor extension
4495 -ms-appearance is a vendor extension
4531 -webkit-overflow-scrolling is a vendor extension
4544 -webkit-transition is a vendor extension
4584 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
4591 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
4593 -webkit-transition is a vendor extension
4600 -webkit-gradient(linear,left top,right top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
4607 -webkit-box is a vendor extension
4608 -moz-box is a vendor extension
4609 -ms-flexbox is a vendor extension
4611 -ms-flex-wrap is a vendor extension
4618 -webkit-box-flex is a vendor extension
4619 -moz-box-flex is a vendor extension
4620 -ms-flex is a vendor extension
4669 -webkit-transition is a vendor extension
4676 -webkit-transform is a vendor extension
4682 -webkit-transform is a vendor extension
4687 -webkit-box is a vendor extension
4688 -moz-box is a vendor extension
4689 -ms-flexbox is a vendor extension
4691 -webkit-box-pack is a vendor extension
4692 -moz-box-pack is a vendor extension
4693 -ms-flex-pack is a vendor extension
4695 -webkit-box-align is a vendor extension
4696 -moz-box-align is a vendor extension
4697 -ms-flex-align is a vendor extension
4704 -webkit-inline-box is a vendor extension
4705 -moz-inline-box is a vendor extension
4706 -ms-inline-flexbox is a vendor extension
4708 -webkit-box-pack is a vendor extension
4709 -moz-box-pack is a vendor extension
4710 -ms-flex-pack is a vendor extension
4712 -webkit-box-align is a vendor extension
4713 -moz-box-align is a vendor extension
4714 -ms-flex-align is a vendor extension
4777 -webkit-box-shadow is a vendor extension
4787 -webkit-box-shadow is a vendor extension
4868 -webkit-fit-content is a vendor extension
4869 -moz-fit-content is a vendor extension
4879 -webkit-fit-content is a vendor extension
4880 -moz-fit-content is a vendor extension
4891 -webkit-transition is a vendor extension
4908 -webkit-transition is a vendor extension
4961 -webkit-box-pack is a vendor extension
4962 -moz-box-pack is a vendor extension
4963 -ms-flex-pack is a vendor extension
5023 -webkit-box is a vendor extension
5024 -moz-box is a vendor extension
5025 -ms-flexbox is a vendor extension
5027 -webkit-box-align is a vendor extension
5028 -moz-box-align is a vendor extension
5029 -ms-flex-align is a vendor extension
5031 -webkit-box-pack is a vendor extension
5032 -moz-box-pack is a vendor extension
5033 -ms-flex-pack is a vendor extension
5052 -webkit-box is a vendor extension
5053 -moz-box is a vendor extension
5054 -ms-flexbox is a vendor extension
5056 -webkit-box-align is a vendor extension
5057 -moz-box-align is a vendor extension
5058 -ms-flex-align is a vendor extension
5060 -webkit-box-pack is a vendor extension
5061 -moz-box-pack is a vendor extension
5062 -ms-flex-pack is a vendor extension
5073 -webkit-box-shadow is a vendor extension
5166 -webkit-box is a vendor extension
5167 -moz-box is a vendor extension
5168 -ms-flexbox is a vendor extension
5171 -webkit-box-align is a vendor extension
5172 -moz-box-align is a vendor extension
5173 -ms-flex-align is a vendor extension
5175 -webkit-box-pack is a vendor extension
5176 -moz-box-pack is a vendor extension
5177 -ms-flex-pack is a vendor extension
5217 -webkit-transition is a vendor extension
5312 -webkit-box is a vendor extension
5313 -moz-box is a vendor extension
5314 -ms-flexbox is a vendor extension
5316 -webkit-box-align is a vendor extension
5317 -moz-box-align is a vendor extension
5318 -ms-flex-align is a vendor extension
5381 -webkit-box is a vendor extension
5382 -moz-box is a vendor extension
5383 -ms-flexbox is a vendor extension
5385 -webkit-box-pack is a vendor extension
5386 -moz-box-pack is a vendor extension
5387 -ms-flex-pack is a vendor extension
5389 -ms-flex-wrap is a vendor extension
5395 -webkit-box-orient is a vendor extension
5396 -webkit-box-direction is a vendor extension
5397 -moz-box-orient is a vendor extension
5398 -moz-box-direction is a vendor extension
5399 -ms-flex-direction is a vendor extension
5406 -webkit-box-orient is a vendor extension
5407 -webkit-box-direction is a vendor extension
5408 -moz-box-orient is a vendor extension
5409 -moz-box-direction is a vendor extension
5410 -ms-flex-direction is a vendor extension
5417 -webkit-box-orient is a vendor extension
5418 -webkit-box-direction is a vendor extension
5419 -moz-box-orient is a vendor extension
5420 -moz-box-direction is a vendor extension
5421 -ms-flex-direction is a vendor extension
5428 -webkit-box-orient is a vendor extension
5429 -webkit-box-direction is a vendor extension
5430 -moz-box-orient is a vendor extension
5431 -moz-box-direction is a vendor extension
5432 -ms-flex-direction is a vendor extension
5439 -webkit-box-orient is a vendor extension
5440 -webkit-box-direction is a vendor extension
5441 -moz-box-orient is a vendor extension
5442 -moz-box-direction is a vendor extension
5443 -ms-flex-direction is a vendor extension
5455 -webkit-box-flex is a vendor extension
5456 -moz-box-flex is a vendor extension
5457 -ms-flex is a vendor extension
5463 -webkit-box-flex is a vendor extension
5464 -moz-box-flex is a vendor extension
5465 -ms-flex is a vendor extension
5472 -webkit-box-flex is a vendor extension
5473 -moz-box-flex is a vendor extension
5474 -ms-flex is a vendor extension
5484 -webkit-transition is a vendor extension
5509 -webkit-box is a vendor extension
5510 -moz-box is a vendor extension
5511 -ms-flexbox is a vendor extension
5513 -webkit-box-align is a vendor extension
5514 -moz-box-align is a vendor extension
5515 -ms-flex-align is a vendor extension
5517 -webkit-box-pack is a vendor extension
5518 -moz-box-pack is a vendor extension
5519 -ms-flex-pack is a vendor extension
5525 -webkit-box-align is a vendor extension
5526 -moz-box-align is a vendor extension
5527 -ms-flex-align is a vendor extension
5529 -webkit-box-pack is a vendor extension
5530 -moz-box-pack is a vendor extension
5531 -ms-flex-pack is a vendor extension
5533 -webkit-box-orient is a vendor extension
5534 -webkit-box-direction is a vendor extension
5535 -moz-box-orient is a vendor extension
5536 -moz-box-direction is a vendor extension
5537 -ms-flex-direction is a vendor extension
5544 -webkit-box-align is a vendor extension
5545 -moz-box-align is a vendor extension
5546 -ms-flex-align is a vendor extension
5548 -webkit-box-pack is a vendor extension
5549 -moz-box-pack is a vendor extension
5550 -ms-flex-pack is a vendor extension
5552 -webkit-box-orient is a vendor extension
5553 -webkit-box-direction is a vendor extension
5554 -moz-box-orient is a vendor extension
5555 -moz-box-direction is a vendor extension
5556 -ms-flex-direction is a vendor extension
5562 -webkit-box is a vendor extension
5563 -moz-box is a vendor extension
5564 -ms-flexbox is a vendor extension
5566 -webkit-box-align is a vendor extension
5567 -moz-box-align is a vendor extension
5568 -ms-flex-align is a vendor extension
5570 -ms-flex-wrap is a vendor extension
5576 -webkit-box-pack is a vendor extension
5577 -moz-box-pack is a vendor extension
5578 -ms-flex-pack is a vendor extension
5585 -webkit-box-pack is a vendor extension
5586 -moz-box-pack is a vendor extension
5587 -ms-flex-pack is a vendor extension
5618 -webkit-transition is a vendor extension
5807 -webkit-box is a vendor extension
5808 -moz-box is a vendor extension
5809 -ms-flexbox is a vendor extension
5811 -webkit-box-pack is a vendor extension
5812 -moz-box-pack is a vendor extension
5813 -ms-flex-pack is a vendor extension
5854 -webkit-transition is a vendor extension
5857 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
5859 -webkit-transition is a vendor extension
5866 -webkit-gradient(linear,left top,right top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
5903 :-moz-placeholder is a vendor extended pseudo-class
5909 -webkit-box-pack is a vendor extension
5910 -moz-box-pack is a vendor extension
5911 -ms-flex-pack is a vendor extension
5918 -webkit-box-pack is a vendor extension
5919 -moz-box-pack is a vendor extension
5920 -ms-flex-pack is a vendor extension
5951 -webkit-transition is a vendor extension
6072 -webkit-box is a vendor extension
6073 -moz-box is a vendor extension
6074 -ms-flexbox is a vendor extension
6076 -webkit-box-pack is a vendor extension
6077 -moz-box-pack is a vendor extension
6078 -ms-flex-pack is a vendor extension
6119 -webkit-transition is a vendor extension
6122 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
6124 -webkit-transition is a vendor extension
6131 -webkit-gradient(linear,left top,right top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
6162 ::-webkit-input-placeholder is a vendor extended pseudo-element
6174 -webkit-appearance is a vendor extension
6175 -moz-appearance is a vendor extension
6176 -ms-appearance is a vendor extension
6237 -webkit-box-orient is a vendor extension
6238 -webkit-box-direction is a vendor extension
6239 -moz-box-orient is a vendor extension
6240 -moz-box-direction is a vendor extension
6241 -ms-flex-direction is a vendor extension
6255 -webkit-box is a vendor extension
6256 -moz-box is a vendor extension
6257 -ms-flexbox is a vendor extension
6259 -ms-flex-wrap is a vendor extension
6261 -webkit-box-pack is a vendor extension
6262 -moz-box-pack is a vendor extension
6263 -ms-flex-pack is a vendor extension
6265 -webkit-box-align is a vendor extension
6266 -moz-box-align is a vendor extension
6267 -ms-flex-align is a vendor extension
6272 -webkit-box-flex is a vendor extension
6273 -moz-box-flex is a vendor extension
6274 -ms-flex is a vendor extension
6313 -webkit-inline-box is a vendor extension
6314 -moz-inline-box is a vendor extension
6315 -ms-inline-flexbox is a vendor extension
6329 -webkit-transition is a vendor extension
6342 -webkit-transition is a vendor extension
6388 -webkit-box-orient is a vendor extension
6389 -webkit-box-direction is a vendor extension
6390 -moz-box-orient is a vendor extension
6391 -moz-box-direction is a vendor extension
6392 -ms-flex-direction is a vendor extension
6402 -webkit-box is a vendor extension
6403 -moz-box is a vendor extension
6404 -ms-flexbox is a vendor extension
6406 -ms-flex-wrap is a vendor extension
6408 -webkit-box-pack is a vendor extension
6409 -moz-box-pack is a vendor extension
6410 -ms-flex-pack is a vendor extension
6412 -webkit-box-align is a vendor extension
6413 -moz-box-align is a vendor extension
6414 -ms-flex-align is a vendor extension
6419 -webkit-box-flex is a vendor extension
6420 -moz-box-flex is a vendor extension
6421 -ms-flex is a vendor extension
6455 -webkit-inline-box is a vendor extension
6456 -moz-inline-box is a vendor extension
6457 -ms-inline-flexbox is a vendor extension
6471 -webkit-transition is a vendor extension
6484 -webkit-transition is a vendor extension
6536 -webkit-box is a vendor extension
6537 -moz-box is a vendor extension
6538 -ms-flexbox is a vendor extension
6540 -webkit-box-align is a vendor extension
6541 -moz-box-align is a vendor extension
6542 -ms-flex-align is a vendor extension
6544 -webkit-box-pack is a vendor extension
6545 -moz-box-pack is a vendor extension
6546 -ms-flex-pack is a vendor extension
6569 -webkit-box is a vendor extension
6570 -moz-box is a vendor extension
6571 -ms-flexbox is a vendor extension
6573 -webkit-box-orient is a vendor extension
6574 -webkit-box-direction is a vendor extension
6575 -moz-box-orient is a vendor extension
6576 -moz-box-direction is a vendor extension
6577 -ms-flex-direction is a vendor extension
6584 -webkit-box is a vendor extension
6585 -moz-box is a vendor extension
6586 -ms-flexbox is a vendor extension
6588 -webkit-box-align is a vendor extension
6589 -moz-box-align is a vendor extension
6590 -ms-flex-align is a vendor extension
6592 -webkit-box-pack is a vendor extension
6593 -moz-box-pack is a vendor extension
6594 -ms-flex-pack is a vendor extension
6603 -webkit-box-orient is a vendor extension
6604 -webkit-box-direction is a vendor extension
6605 -moz-box-orient is a vendor extension
6606 -moz-box-direction is a vendor extension
6607 -ms-flex-direction is a vendor extension
6614 -webkit-box-orient is a vendor extension
6615 -webkit-box-direction is a vendor extension
6616 -moz-box-orient is a vendor extension
6617 -moz-box-direction is a vendor extension
6618 -ms-flex-direction is a vendor extension
6625 -webkit-box-orient is a vendor extension
6626 -webkit-box-direction is a vendor extension
6627 -moz-box-orient is a vendor extension
6628 -moz-box-direction is a vendor extension
6629 -ms-flex-direction is a vendor extension
6640 -webkit-box is a vendor extension
6641 -moz-box is a vendor extension
6642 -ms-flexbox is a vendor extension
6644 -webkit-box-align is a vendor extension
6645 -moz-box-align is a vendor extension
6646 -ms-flex-align is a vendor extension
6648 -webkit-box-pack is a vendor extension
6649 -moz-box-pack is a vendor extension
6650 -ms-flex-pack is a vendor extension
6652 -webkit-box-orient is a vendor extension
6653 -webkit-box-direction is a vendor extension
6654 -moz-box-orient is a vendor extension
6655 -moz-box-direction is a vendor extension
6656 -ms-flex-direction is a vendor extension
6742 -webkit-box is a vendor extension
6743 -moz-box is a vendor extension
6744 -ms-flexbox is a vendor extension
6746 -webkit-box-align is a vendor extension
6747 -moz-box-align is a vendor extension
6748 -ms-flex-align is a vendor extension
6750 -ms-flex-wrap is a vendor extension
6838 -webkit-box-orient is a vendor extension
6839 -webkit-box-direction is a vendor extension
6840 -moz-box-orient is a vendor extension
6841 -moz-box-direction is a vendor extension
6842 -ms-flex-direction is a vendor extension
6844 -webkit-box-align is a vendor extension
6845 -moz-box-align is a vendor extension
6846 -ms-flex-align is a vendor extension
6864 -webkit-transition is a vendor extension
6907 -webkit-transition is a vendor extension
6912 -webkit-transform is a vendor extension
6996 -webkit-transition is a vendor extension
7002 -webkit-transition is a vendor extension
7017 -webkit-transform is a vendor extension
7019 -webkit-transition is a vendor extension
7032 -webkit-transform is a vendor extension
7034 -webkit-transition is a vendor extension
7057 -webkit-box is a vendor extension
7058 -webkit-line-clamp is a vendor extension
7059 -webkit-box-orient is a vendor extension
7068 -webkit-transform is a vendor extension
7206 -webkit-box is a vendor extension
7208 -webkit-box-align is a vendor extension
7211 -webkit-transition is a vendor extension
7338 -webkit-transition is a vendor extension
7368 -webkit-transition is a vendor extension
7370 -webkit-animation is a vendor extension
7380 -webkit-transform is a vendor extension
7408 -webkit-transition is a vendor extension
7417 -webkit-transform is a vendor extension
7426 -webkit-transform is a vendor extension
7432 .scrollDotsNav .nav-menu li:hover .dot::before Same color for background-color and border-color
7432 .scrollDotsNav .nav-menu li:hover .dot::before Same color for background-color and border-color
7438 -webkit-transform is a vendor extension
7450 -webkit-transform is a vendor extension
7452 -webkit-transition is a vendor extension
7464 -webkit-transform is a vendor extension
7467 -webkit-transition is a vendor extension
7474 -webkit-transform is a vendor extension
7526 -webkit-transition is a vendor extension
7573 -ms-grid is a vendor extension
7594 -webkit-box is a vendor extension
7596 -webkit-box-orient is a vendor extension
7597 -webkit-box-direction is a vendor extension
7599 -webkit-box-align is a vendor extension
7601 -webkit-transition is a vendor extension
7621 -webkit-transition is a vendor extension
7625 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
7638 -webkit-transition is a vendor extension
7642 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
7654 -webkit-transition is a vendor extension
7672 -webkit-transition is a vendor extension
7793 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
7795 -webkit-transition is a vendor extension
7849 -webkit-box is a vendor extension
7850 -webkit-line-clamp is a vendor extension
7851 -webkit-box-orient is a vendor extension
7880 -webkit-transition is a vendor extension
7933 -webkit-appearance is a vendor extension
7934 -moz-appearance is a vendor extension
7935 -ms-appearance is a vendor extension
7939 -webkit-transition is a vendor extension
7978 -webkit-transition is a vendor extension
7990 -webkit-box-shadow is a vendor extension
8436 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
8438 -webkit-transition is a vendor extension
8490 -webkit-box-align is a vendor extension
8491 -moz-box-align is a vendor extension
8492 -ms-flex-align is a vendor extension
8494 -webkit-box-pack is a vendor extension
8495 -moz-box-pack is a vendor extension
8496 -ms-flex-pack is a vendor extension
8498 -webkit-box-orient is a vendor extension
8499 -webkit-box-direction is a vendor extension
8500 -moz-box-orient is a vendor extension
8501 -moz-box-direction is a vendor extension
8502 -ms-flex-direction is a vendor extension
8633 -webkit-transition is a vendor extension
8648 -webkit-transition is a vendor extension
8654 -webkit-transition is a vendor extension
8665 -webkit-transform is a vendor extension
8812 -webkit-transform is a vendor extension
8813 -ms-transform is a vendor extension
8885 -webkit-box is a vendor extension
8886 -ms-flexbox is a vendor extension
8888 -webkit-box-align is a vendor extension
8889 -ms-flex-align is a vendor extension
8892 -webkit-max-content is a vendor extension
8893 -moz-max-content is a vendor extension
8899 -webkit-box is a vendor extension
8900 -ms-flexbox is a vendor extension
8902 -webkit-box-align is a vendor extension
8903 -ms-flex-align is a vendor extension
8906 -webkit-max-content is a vendor extension
8907 -moz-max-content is a vendor extension
8913 -webkit-box is a vendor extension
8914 -ms-flexbox is a vendor extension
8916 -webkit-box-pack is a vendor extension
8917 -ms-flex-pack is a vendor extension
8919 -webkit-box-align is a vendor extension
8920 -ms-flex-align is a vendor extension
8930 -o-object-fit is a vendor extension
8932 -webkit-transition is a vendor extension
8933 -webkit-transform 0.3s ease-in-out is a vendor extension
8934 -o-transition is a vendor extension
8936 transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out is a vendor extension
8940 -webkit-transform is a vendor extension
8941 -ms-transform is a vendor extension
9141 -webkit-gradient(linear,left top,right top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
9146 -webkit-gradient(linear,right top,left top,from(#18b19a),color-stop(50%,#12636a),to(#072441)) is a vendor extension
9148 -webkit-transition is a vendor extension
9163 -webkit-box is a vendor extension
9164 -moz-box is a vendor extension
9165 -ms-flexbox is a vendor extension
9167 -webkit-box-pack is a vendor extension
9168 -moz-box-pack is a vendor extension
9169 -ms-flex-pack is a vendor extension
9171 -webkit-box-orient is a vendor extension
9172 -webkit-box-direction is a vendor extension
9173 -moz-box-orient is a vendor extension
9174 -moz-box-direction is a vendor extension
9175 -ms-flex-direction is a vendor extension
9180 -ms-flex-item-align is a vendor extension
9181 -ms-grid-row-align is a vendor extension
9186 -webkit-box is a vendor extension
9187 -moz-box is a vendor extension
9188 -ms-flexbox is a vendor extension
9195 -webkit-box-pack is a vendor extension
9196 -moz-box-pack is a vendor extension
9197 -ms-flex-pack is a vendor extension
9200 -webkit-box-shadow is a vendor extension
9202 -webkit-transform is a vendor extension
9204 -webkit-transition is a vendor extension
9231 -webkit-transform is a vendor extension
9233 -webkit-transition is a vendor extension
9244 -webkit-transform is a vendor extension
9250 -webkit-transform is a vendor extension

URI : https://istitlaa.ncc.gov.sa/Style%20Library/Portal/css/helpers.css

45 -webkit-text-size-adjust is a vendor extension
46 -webkit-tap-highlight-color is a vendor extension
62 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" is a vendor extension
94 -webkit-text-decoration is a vendor extension
98 -webkit-text-decoration-skip-ink is a vendor extension
214 5px auto -webkit-focus-ring-color is a vendor extension
241 -webkit-appearance is a vendor extension
249 ::-moz-focus-inner is a vendor extended pseudo-element
250 ::-moz-focus-inner is a vendor extended pseudo-element
251 ::-moz-focus-inner is a vendor extended pseudo-element
252 ::-moz-focus-inner is a vendor extended pseudo-element
265 -webkit-appearance is a vendor extension
291 ::-webkit-inner-spin-button is a vendor extended pseudo-element
292 ::-webkit-outer-spin-button is a vendor extended pseudo-element
297 -webkit-appearance is a vendor extension
299 ::-webkit-search-decoration is a vendor extended pseudo-element
300 -webkit-appearance is a vendor extension
302 ::-webkit-file-upload-button is a vendor extended pseudo-element
304 -webkit-appearance is a vendor extension
455 The value break-word is deprecated
521 -ms-flexbox is a vendor extension
523 -ms-flex-wrap is a vendor extension
613 -ms-flex-preferred-size is a vendor extension
615 -ms-flex-positive is a vendor extension
620 -ms-flex is a vendor extension
626 -ms-flex is a vendor extension
631 -ms-flex is a vendor extension
636 -ms-flex is a vendor extension
641 -ms-flex is a vendor extension
646 -ms-flex is a vendor extension
651 -ms-flex is a vendor extension
656 -ms-flex is a vendor extension
661 -ms-flex is a vendor extension
666 -ms-flex is a vendor extension
671 -ms-flex is a vendor extension
676 -ms-flex is a vendor extension
681 -ms-flex is a vendor extension
686 -ms-flex-order is a vendor extension
690 -ms-flex-order is a vendor extension
694 -ms-flex-order is a vendor extension
698 -ms-flex-order is a vendor extension
702 -ms-flex-order is a vendor extension
706 -ms-flex-order is a vendor extension
710 -ms-flex-order is a vendor extension
714 -ms-flex-order is a vendor extension
718 -ms-flex-order is a vendor extension
722 -ms-flex-order is a vendor extension
726 -ms-flex-order is a vendor extension
730 -ms-flex-order is a vendor extension
734 -ms-flex-order is a vendor extension
738 -ms-flex-order is a vendor extension
742 -ms-flex-order is a vendor extension
780 -ms-flex-preferred-size is a vendor extension
782 -ms-flex-positive is a vendor extension
787 -ms-flex is a vendor extension
793 -ms-flex is a vendor extension
798 -ms-flex is a vendor extension
803 -ms-flex is a vendor extension
808 -ms-flex is a vendor extension
813 -ms-flex is a vendor extension
818 -ms-flex is a vendor extension
823 -ms-flex is a vendor extension
828 -ms-flex is a vendor extension
833 -ms-flex is a vendor extension
838 -ms-flex is a vendor extension
843 -ms-flex is a vendor extension
848 -ms-flex is a vendor extension
853 -ms-flex-order is a vendor extension
857 -ms-flex-order is a vendor extension
861 -ms-flex-order is a vendor extension
865 -ms-flex-order is a vendor extension
869 -ms-flex-order is a vendor extension
873 -ms-flex-order is a vendor extension
877 -ms-flex-order is a vendor extension
881 -ms-flex-order is a vendor extension
885 -ms-flex-order is a vendor extension
889 -ms-flex-order is a vendor extension
893 -ms-flex-order is a vendor extension
897 -ms-flex-order is a vendor extension
901 -ms-flex-order is a vendor extension
905 -ms-flex-order is a vendor extension
909 -ms-flex-order is a vendor extension
951 -ms-flex-preferred-size is a vendor extension
953 -ms-flex-positive is a vendor extension
958 -ms-flex is a vendor extension
964 -ms-flex is a vendor extension
969 -ms-flex is a vendor extension
974 -ms-flex is a vendor extension
979 -ms-flex is a vendor extension
984 -ms-flex is a vendor extension
989 -ms-flex is a vendor extension
994 -ms-flex is a vendor extension
999 -ms-flex is a vendor extension
1004 -ms-flex is a vendor extension
1009 -ms-flex is a vendor extension
1014 -ms-flex is a vendor extension
1019 -ms-flex is a vendor extension
1024 -ms-flex-order is a vendor extension
1028 -ms-flex-order is a vendor extension
1032 -ms-flex-order is a vendor extension
1036 -ms-flex-order is a vendor extension
1040 -ms-flex-order is a vendor extension
1044 -ms-flex-order is a vendor extension
1048 -ms-flex-order is a vendor extension
1052 -ms-flex-order is a vendor extension
1056 -ms-flex-order is a vendor extension
1060 -ms-flex-order is a vendor extension
1064 -ms-flex-order is a vendor extension
1068 -ms-flex-order is a vendor extension
1072 -ms-flex-order is a vendor extension
1076 -ms-flex-order is a vendor extension
1080 -ms-flex-order is a vendor extension
1122 -ms-flex-preferred-size is a vendor extension
1124 -ms-flex-positive is a vendor extension
1129 -ms-flex is a vendor extension
1135 -ms-flex is a vendor extension
1140 -ms-flex is a vendor extension
1145 -ms-flex is a vendor extension
1150 -ms-flex is a vendor extension
1155 -ms-flex is a vendor extension
1160 -ms-flex is a vendor extension
1165 -ms-flex is a vendor extension
1170 -ms-flex is a vendor extension
1175 -ms-flex is a vendor extension
1180 -ms-flex is a vendor extension
1185 -ms-flex is a vendor extension
1190 -ms-flex is a vendor extension
1195 -ms-flex-order is a vendor extension
1199 -ms-flex-order is a vendor extension
1203 -ms-flex-order is a vendor extension
1207 -ms-flex-order is a vendor extension
1211 -ms-flex-order is a vendor extension
1215 -ms-flex-order is a vendor extension
1219 -ms-flex-order is a vendor extension
1223 -ms-flex-order is a vendor extension
1227 -ms-flex-order is a vendor extension
1231 -ms-flex-order is a vendor extension
1235 -ms-flex-order is a vendor extension
1239 -ms-flex-order is a vendor extension
1243 -ms-flex-order is a vendor extension
1247 -ms-flex-order is a vendor extension
1251 -ms-flex-order is a vendor extension
1293 -ms-flex-preferred-size is a vendor extension
1295 -ms-flex-positive is a vendor extension
1300 -ms-flex is a vendor extension
1306 -ms-flex is a vendor extension
1311 -ms-flex is a vendor extension
1316 -ms-flex is a vendor extension
1321 -ms-flex is a vendor extension
1326 -ms-flex is a vendor extension
1331 -ms-flex is a vendor extension
1336 -ms-flex is a vendor extension
1341 -ms-flex is a vendor extension
1346 -ms-flex is a vendor extension
1351 -ms-flex is a vendor extension
1356 -ms-flex is a vendor extension
1361 -ms-flex is a vendor extension
1366 -ms-flex-order is a vendor extension
1370 -ms-flex-order is a vendor extension
1374 -ms-flex-order is a vendor extension
1378 -ms-flex-order is a vendor extension
1382 -ms-flex-order is a vendor extension
1386 -ms-flex-order is a vendor extension
1390 -ms-flex-order is a vendor extension
1394 -ms-flex-order is a vendor extension
1398 -ms-flex-order is a vendor extension
1402 -ms-flex-order is a vendor extension
1406 -ms-flex-order is a vendor extension
1410 -ms-flex-order is a vendor extension
1414 -ms-flex-order is a vendor extension
1418 -ms-flex-order is a vendor extension
1422 -ms-flex-order is a vendor extension
1698 -webkit-overflow-scrolling is a vendor extension
1709 -webkit-overflow-scrolling is a vendor extension
1720 -webkit-overflow-scrolling is a vendor extension
1731 -webkit-overflow-scrolling is a vendor extension
1741 -webkit-overflow-scrolling is a vendor extension
1766 ::-ms-expand is a vendor extended pseudo-element
1777 ::-webkit-input-placeholder is a vendor extended pseudo-element
1781 ::-moz-placeholder is a vendor extended pseudo-element
1785 :-ms-input-placeholder is a vendor extended pseudo-class
1789 ::-ms-input-placeholder is a vendor extended pseudo-element
1802 ::-ms-value is a vendor extended pseudo-element
1876 -ms-flexbox is a vendor extension
1878 -ms-flex-wrap is a vendor extension
1905 -ms-inline-flexbox is a vendor extension
1907 -ms-flex-align is a vendor extension
2016 .custom-control-input.is-valid:checked ~ .custom-control-label::before Same color for background-color and border-color
2016 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before Same color for background-color and border-color
2139 .custom-control-input.is-invalid:checked ~ .custom-control-label::before Same color for background-color and border-color
2139 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before Same color for background-color and border-color
2165 -ms-flexbox is a vendor extension
2167 -ms-flex-flow is a vendor extension
2169 -ms-flex-align is a vendor extension
2177 -ms-flexbox is a vendor extension
2179 -ms-flex-align is a vendor extension
2181 -ms-flex-pack is a vendor extension
2186 -ms-flexbox is a vendor extension
2188 -ms-flex is a vendor extension
2190 -ms-flex-flow is a vendor extension
2192 -ms-flex-align is a vendor extension
2209 -ms-flexbox is a vendor extension
2211 -ms-flex-align is a vendor extension
2213 -ms-flex-pack is a vendor extension
2220 -ms-flex-negative is a vendor extension
2227 -ms-flex-align is a vendor extension
2229 -ms-flex-pack is a vendor extension
2242 -webkit-user-select is a vendor extension
2243 -moz-user-select is a vendor extension
2244 -ms-user-select is a vendor extension
2278 .btn-primary Same color for background-color and border-color
2293 .btn-primary.disabled Same color for background-color and border-color
2293 .btn-primary:disabled Same color for background-color and border-color
2310 .btn-secondary Same color for background-color and border-color
2325 .btn-secondary.disabled Same color for background-color and border-color
2325 .btn-secondary:disabled Same color for background-color and border-color
2342 .btn-success Same color for background-color and border-color
2357 .btn-success.disabled Same color for background-color and border-color
2357 .btn-success:disabled Same color for background-color and border-color
2374 .btn-info Same color for background-color and border-color
2389 .btn-info.disabled Same color for background-color and border-color
2389 .btn-info:disabled Same color for background-color and border-color
2406 .btn-warning Same color for background-color and border-color
2421 .btn-warning.disabled Same color for background-color and border-color
2421 .btn-warning:disabled Same color for background-color and border-color
2438 .btn-danger Same color for background-color and border-color
2453 .btn-danger.disabled Same color for background-color and border-color
2453 .btn-danger:disabled Same color for background-color and border-color
2470 .btn-light Same color for background-color and border-color
2485 .btn-light.disabled Same color for background-color and border-color
2485 .btn-light:disabled Same color for background-color and border-color
2502 .btn-dark Same color for background-color and border-color
2517 .btn-dark.disabled Same color for background-color and border-color
2517 .btn-dark:disabled Same color for background-color and border-color
2538 .btn-outline-primary:hover Same color for background-color and border-color
2554 .btn-outline-primary:not(:disabled):not(.disabled).active Same color for background-color and border-color
2554 .btn-outline-primary:not(:disabled):not(.disabled):active Same color for background-color and border-color
2554 .show > .btn-outline-primary.dropdown-toggle Same color for background-color and border-color
2568 .btn-outline-secondary:hover Same color for background-color and border-color
2584 .btn-outline-secondary:not(:disabled):not(.disabled).active Same color for background-color and border-color
2584 .btn-outline-secondary:not(:disabled):not(.disabled):active Same color for background-color and border-color
2584 .show > .btn-outline-secondary.dropdown-toggle Same color for background-color and border-color
2598 .btn-outline-success:hover Same color for background-color and border-color
2614 .btn-outline-success:not(:disabled):not(.disabled).active Same color for background-color and border-color
2614 .btn-outline-success:not(:disabled):not(.disabled):active Same color for background-color and border-color
2614 .show > .btn-outline-success.dropdown-toggle Same color for background-color and border-color
2628 .btn-outline-info:hover Same color for background-color and border-color
2644 .btn-outline-info:not(:disabled):not(.disabled).active Same color for background-color and border-color
2644 .btn-outline-info:not(:disabled):not(.disabled):active Same color for background-color and border-color
2644 .show > .btn-outline-info.dropdown-toggle Same color for background-color and border-color
2658 .btn-outline-warning:hover Same color for background-color and border-color
2674 .btn-outline-warning:not(:disabled):not(.disabled).active Same color for background-color and border-color
2674 .btn-outline-warning:not(:disabled):not(.disabled):active Same color for background-color and border-color
2674 .show > .btn-outline-warning.dropdown-toggle Same color for background-color and border-color
2688 .btn-outline-danger:hover Same color for background-color and border-color
2704 .btn-outline-danger:not(:disabled):not(.disabled).active Same color for background-color and border-color
2704 .btn-outline-danger:not(:disabled):not(.disabled):active Same color for background-color and border-color
2704 .show > .btn-outline-danger.dropdown-toggle Same color for background-color and border-color
2718 .btn-outline-light:hover Same color for background-color and border-color
2734 .btn-outline-light:not(:disabled):not(.disabled).active Same color for background-color and border-color
2734 .btn-outline-light:not(:disabled):not(.disabled):active Same color for background-color and border-color
2734 .show > .btn-outline-light.dropdown-toggle Same color for background-color and border-color
2748 .btn-outline-dark:hover Same color for background-color and border-color
2764 .btn-outline-dark:not(:disabled):not(.disabled).active Same color for background-color and border-color
2764 .btn-outline-dark:not(:disabled):not(.disabled):active Same color for background-color and border-color
2764 .show > .btn-outline-dark.dropdown-toggle Same color for background-color and border-color
3066 -ms-inline-flexbox is a vendor extension
3073 -ms-flex is a vendor extension
3089 -ms-flexbox is a vendor extension
3091 -ms-flex-wrap is a vendor extension
3093 -ms-flex-pack is a vendor extension
3136 -ms-flex-direction is a vendor extension
3138 -ms-flex-align is a vendor extension
3140 -ms-flex-pack is a vendor extension
3170 The property clip is deprecated
3175 -ms-flexbox is a vendor extension
3177 -ms-flex-wrap is a vendor extension
3179 -ms-flex-align is a vendor extension
3188 -ms-flex is a vendor extension
3226 -ms-flexbox is a vendor extension
3228 -ms-flex-align is a vendor extension
3242 -ms-flexbox is a vendor extension
3271 -ms-flexbox is a vendor extension
3273 -ms-flex-align is a vendor extension
3350 -ms-inline-flexbox is a vendor extension
3362 .custom-control-input:checked ~ .custom-control-label::before Same color for background-color and border-color
3372 .custom-control-input:not(:disabled):active ~ .custom-control-label::before Same color for background-color and border-color
3416 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before Same color for background-color and border-color
3452 background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out is a vendor extension
3454 transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out is a vendor extension
3463 -webkit-transform is a vendor extension
3483 -webkit-appearance is a vendor extension
3484 -moz-appearance is a vendor extension
3492 ::-ms-value is a vendor extended pseudo-element
3506 ::-ms-expand is a vendor extended pseudo-element
3587 -webkit-appearance is a vendor extension
3588 -moz-appearance is a vendor extension
3594 ::-webkit-slider-thumb is a vendor extended pseudo-element
3597 ::-moz-range-thumb is a vendor extended pseudo-element
3600 ::-ms-thumb is a vendor extended pseudo-element
3603 ::-moz-focus-outer is a vendor extended pseudo-element
3606 ::-webkit-slider-thumb is a vendor extended pseudo-element
3614 -webkit-appearance is a vendor extension
3618 ::-webkit-slider-thumb is a vendor extended pseudo-element
3622 ::-webkit-slider-thumb is a vendor extended pseudo-element
3625 ::-webkit-slider-runnable-track is a vendor extended pseudo-element
3634 ::-moz-range-thumb is a vendor extended pseudo-element
3641 -moz-appearance is a vendor extension
3645 ::-moz-range-thumb is a vendor extended pseudo-element
3649 ::-moz-range-thumb is a vendor extended pseudo-element
3652 ::-moz-range-track is a vendor extended pseudo-element
3661 ::-ms-thumb is a vendor extended pseudo-element
3674 ::-ms-thumb is a vendor extended pseudo-element
3678 ::-ms-thumb is a vendor extended pseudo-element
3681 ::-ms-track is a vendor extended pseudo-element
3686 .custom-range::-ms-track Same color for background-color and color
3686 .custom-range::-ms-track Same color for background-color and border-color
3690 ::-ms-fill-lower is a vendor extended pseudo-element
3694 ::-ms-fill-upper is a vendor extended pseudo-element
3699 ::-webkit-slider-thumb is a vendor extended pseudo-element
3702 ::-webkit-slider-runnable-track is a vendor extended pseudo-element
3705 ::-moz-range-thumb is a vendor extended pseudo-element
3708 ::-moz-range-track is a vendor extended pseudo-element
3711 ::-ms-thumb is a vendor extended pseudo-element
3727 -ms-flexbox is a vendor extension
3729 -ms-flex-wrap is a vendor extension
3765 .nav-tabs .nav-link.disabled Same color for background-color and border-color
3788 -ms-flex is a vendor extension
3793 -ms-flex-preferred-size is a vendor extension
3795 -ms-flex-positive is a vendor extension
3807 -ms-flexbox is a vendor extension
3809 -ms-flex-wrap is a vendor extension
3811 -ms-flex-align is a vendor extension
3813 -ms-flex-pack is a vendor extension
3819 -ms-flexbox is a vendor extension
3821 -ms-flex-wrap is a vendor extension
3823 -ms-flex-align is a vendor extension
3825 -ms-flex-pack is a vendor extension
3842 -ms-flexbox is a vendor extension
3844 -ms-flex-direction is a vendor extension
3864 -ms-flex-preferred-size is a vendor extension
3866 -ms-flex-positive is a vendor extension
3868 -ms-flex-align is a vendor extension
3901 -ms-flex-flow is a vendor extension
3903 -ms-flex-pack is a vendor extension
3907 -ms-flex-direction is a vendor extension
3919 -ms-flex-wrap is a vendor extension
3923 -ms-flexbox is a vendor extension
3925 -ms-flex-preferred-size is a vendor extension
3941 -ms-flex-flow is a vendor extension
3943 -ms-flex-pack is a vendor extension
3947 -ms-flex-direction is a vendor extension
3959 -ms-flex-wrap is a vendor extension
3963 -ms-flexbox is a vendor extension
3965 -ms-flex-preferred-size is a vendor extension
3981 -ms-flex-flow is a vendor extension
3983 -ms-flex-pack is a vendor extension
3987 -ms-flex-direction is a vendor extension
3999 -ms-flex-wrap is a vendor extension
4003 -ms-flexbox is a vendor extension
4005 -ms-flex-preferred-size is a vendor extension
4021 -ms-flex-flow is a vendor extension
4023 -ms-flex-pack is a vendor extension
4027 -ms-flex-direction is a vendor extension
4039 -ms-flex-wrap is a vendor extension
4043 -ms-flexbox is a vendor extension
4045 -ms-flex-preferred-size is a vendor extension
4053 -ms-flex-flow is a vendor extension
4055 -ms-flex-pack is a vendor extension
4064 -ms-flex-direction is a vendor extension
4076 -ms-flex-wrap is a vendor extension
4080 -ms-flexbox is a vendor extension
4082 -ms-flex-preferred-size is a vendor extension
4170 -ms-flexbox is a vendor extension
4172 -ms-flex-direction is a vendor extension
4194 -ms-flex is a vendor extension
4267 -ms-flexbox is a vendor extension
4269 -ms-flex-direction is a vendor extension
4277 -ms-flex-flow is a vendor extension
4283 -ms-flexbox is a vendor extension
4285 -ms-flex is a vendor extension
4287 -ms-flex-direction is a vendor extension
4295 -ms-flexbox is a vendor extension
4297 -ms-flex-direction is a vendor extension
4305 -ms-flex-flow is a vendor extension
4309 -ms-flex is a vendor extension
4347 -webkit-column-count is a vendor extension
4348 -moz-column-count is a vendor extension
4350 -webkit-column-gap is a vendor extension
4351 -moz-column-gap is a vendor extension
4384 -ms-flexbox is a vendor extension
4386 -ms-flex-wrap is a vendor extension
4413 -ms-flexbox is a vendor extension
4453 .page-item.active .page-link Same color for background-color and border-color
4761 Unrecognized at-rule @-webkit-keyframes
4778 -ms-flexbox is a vendor extension
4787 -ms-flexbox is a vendor extension
4789 -ms-flex-direction is a vendor extension
4791 -ms-flex-pack is a vendor extension
4809 -webkit-animation is a vendor extension
4814 -webkit-animation is a vendor extension
4819 -ms-flexbox is a vendor extension
4821 -ms-flex-align is a vendor extension
4825 -ms-flex is a vendor extension
4829 -ms-flexbox is a vendor extension
4831 -ms-flex-direction is a vendor extension
4878 .list-group-item.active Same color for background-color and border-color
4882 -ms-flex-direction is a vendor extension
4902 -ms-flex-direction is a vendor extension
4923 -ms-flex-direction is a vendor extension
4944 -ms-flex-direction is a vendor extension
4965 -ms-flex-direction is a vendor extension
5010 .list-group-item-primary.list-group-item-action.active Same color for background-color and border-color
5024 .list-group-item-secondary.list-group-item-action.active Same color for background-color and border-color
5038 .list-group-item-success.list-group-item-action.active Same color for background-color and border-color
5052 .list-group-item-info.list-group-item-action.active Same color for background-color and border-color
5066 .list-group-item-warning.list-group-item-action.active Same color for background-color and border-color
5080 .list-group-item-danger.list-group-item-action.active Same color for background-color and border-color
5094 .list-group-item-light.list-group-item-action.active Same color for background-color and border-color
5108 .list-group-item-dark.list-group-item-action.active Same color for background-color and border-color
5132 -webkit-appearance is a vendor extension
5133 -moz-appearance is a vendor extension
5147 -webkit-backdrop-filter is a vendor extension
5166 -ms-flexbox is a vendor extension
5168 -ms-flex-align is a vendor extension
5204 -webkit-transform 0.3s ease-out is a vendor extension
5206 transform 0.3s ease-out,-webkit-transform 0.3s ease-out is a vendor extension
5207 -webkit-transform is a vendor extension
5216 -webkit-transform is a vendor extension
5220 -ms-flexbox is a vendor extension
5230 -ms-flex-negative is a vendor extension
5237 -ms-flexbox is a vendor extension
5239 -ms-flex-align is a vendor extension
5249 -ms-flex-direction is a vendor extension
5251 -ms-flex-pack is a vendor extension
5263 -ms-flexbox is a vendor extension
5265 -ms-flex-direction is a vendor extension
5268 auto is not defined by any specification as an allowed value for pointer-events, but is supported in multiple browsers
5291 -ms-flexbox is a vendor extension
5293 -ms-flex-align is a vendor extension
5295 -ms-flex-pack is a vendor extension
5312 -ms-flex is a vendor extension
5317 -ms-flexbox is a vendor extension
5319 -ms-flex-align is a vendor extension
5321 -ms-flex-pack is a vendor extension
5378 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" is a vendor extension
5486 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" is a vendor extension
5639 -ms-touch-action is a vendor extension
5658 -webkit-backface-visibility is a vendor extension
5660 -webkit-transform 0.6s ease-in-out is a vendor extension
5662 transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out is a vendor extension
5676 -webkit-transform is a vendor extension
5681 -webkit-transform is a vendor extension
5687 -webkit-transform is a vendor extension
5714 -ms-flexbox is a vendor extension
5716 -ms-flex-align is a vendor extension
5718 -ms-flex-pack is a vendor extension
5766 -ms-flexbox is a vendor extension
5768 -ms-flex-pack is a vendor extension
5777 -ms-flex is a vendor extension
5811 Unrecognized at-rule @-webkit-keyframes
5819 -webkit-transform is a vendor extension
5831 -webkit-animation is a vendor extension
5839 Unrecognized at-rule @-webkit-keyframes
5850 -webkit-transform is a vendor extension
5865 -webkit-animation is a vendor extension
6086 -ms-flexbox is a vendor extension
6090 -ms-inline-flexbox is a vendor extension
6116 -ms-flexbox is a vendor extension
6120 -ms-inline-flexbox is a vendor extension
6147 -ms-flexbox is a vendor extension
6151 -ms-inline-flexbox is a vendor extension
6178 -ms-flexbox is a vendor extension
6182 -ms-inline-flexbox is a vendor extension
6209 -ms-flexbox is a vendor extension
6213 -ms-inline-flexbox is a vendor extension
6240 -ms-flexbox is a vendor extension
6244 -ms-inline-flexbox is a vendor extension
6285 -ms-flex-direction is a vendor extension
6289 -ms-flex-direction is a vendor extension
6293 -ms-flex-direction is a vendor extension
6297 -ms-flex-direction is a vendor extension
6301 -ms-flex-wrap is a vendor extension
6305 -ms-flex-wrap is a vendor extension
6309 -ms-flex-wrap is a vendor extension
6313 -ms-flex is a vendor extension
6317 -ms-flex-positive is a vendor extension
6321 -ms-flex-positive is a vendor extension
6325 -ms-flex-negative is a vendor extension
6329 -ms-flex-negative is a vendor extension
6333 -ms-flex-pack is a vendor extension
6337 -ms-flex-pack is a vendor extension
6341 -ms-flex-pack is a vendor extension
6345 -ms-flex-pack is a vendor extension
6349 -ms-flex-pack is a vendor extension
6353 -ms-flex-align is a vendor extension
6357 -ms-flex-align is a vendor extension
6361 -ms-flex-align is a vendor extension
6365 -ms-flex-align is a vendor extension
6369 -ms-flex-align is a vendor extension
6373 -ms-flex-line-pack is a vendor extension
6377 -ms-flex-line-pack is a vendor extension
6381 -ms-flex-line-pack is a vendor extension
6385 -ms-flex-line-pack is a vendor extension
6389 -ms-flex-line-pack is a vendor extension
6393 -ms-flex-line-pack is a vendor extension
6397 -ms-flex-item-align is a vendor extension
6401 -ms-flex-item-align is a vendor extension
6405 -ms-flex-item-align is a vendor extension
6409 -ms-flex-item-align is a vendor extension
6413 -ms-flex-item-align is a vendor extension
6417 -ms-flex-item-align is a vendor extension
6422 -ms-flex-direction is a vendor extension
6426 -ms-flex-direction is a vendor extension
6430 -ms-flex-direction is a vendor extension
6434 -ms-flex-direction is a vendor extension
6438 -ms-flex-wrap is a vendor extension
6442 -ms-flex-wrap is a vendor extension
6446 -ms-flex-wrap is a vendor extension
6450 -ms-flex is a vendor extension
6454 -ms-flex-positive is a vendor extension
6458 -ms-flex-positive is a vendor extension
6462 -ms-flex-negative is a vendor extension
6466 -ms-flex-negative is a vendor extension
6470 -ms-flex-pack is a vendor extension
6474 -ms-flex-pack is a vendor extension
6478 -ms-flex-pack is a vendor extension
6482 -ms-flex-pack is a vendor extension
6486 -ms-flex-pack is a vendor extension
6490 -ms-flex-align is a vendor extension
6494 -ms-flex-align is a vendor extension
6498 -ms-flex-align is a vendor extension
6502 -ms-flex-align is a vendor extension
6506 -ms-flex-align is a vendor extension
6510 -ms-flex-line-pack is a vendor extension
6514 -ms-flex-line-pack is a vendor extension
6518 -ms-flex-line-pack is a vendor extension
6522 -ms-flex-line-pack is a vendor extension
6526 -ms-flex-line-pack is a vendor extension
6530 -ms-flex-line-pack is a vendor extension
6534 -ms-flex-item-align is a vendor extension
6538 -ms-flex-item-align is a vendor extension
6542 -ms-flex-item-align is a vendor extension
6546 -ms-flex-item-align is a vendor extension
6550 -ms-flex-item-align is a vendor extension
6554 -ms-flex-item-align is a vendor extension
6560 -ms-flex-direction is a vendor extension
6564 -ms-flex-direction is a vendor extension
6568 -ms-flex-direction is a vendor extension
6572 -ms-flex-direction is a vendor extension
6576 -ms-flex-wrap is a vendor extension
6580 -ms-flex-wrap is a vendor extension
6584 -ms-flex-wrap is a vendor extension
6588 -ms-flex is a vendor extension
6592 -ms-flex-positive is a vendor extension
6596 -ms-flex-positive is a vendor extension
6600 -ms-flex-negative is a vendor extension
6604 -ms-flex-negative is a vendor extension
6608 -ms-flex-pack is a vendor extension
6612 -ms-flex-pack is a vendor extension
6616 -ms-flex-pack is a vendor extension
6620 -ms-flex-pack is a vendor extension
6624 -ms-flex-pack is a vendor extension
6628 -ms-flex-align is a vendor extension
6632 -ms-flex-align is a vendor extension
6636 -ms-flex-align is a vendor extension
6640 -ms-flex-align is a vendor extension
6644 -ms-flex-align is a vendor extension
6648 -ms-flex-line-pack is a vendor extension
6652 -ms-flex-line-pack is a vendor extension
6656 -ms-flex-line-pack is a vendor extension
6660 -ms-flex-line-pack is a vendor extension
6664 -ms-flex-line-pack is a vendor extension
6668 -ms-flex-line-pack is a vendor extension
6672 -ms-flex-item-align is a vendor extension
6676 -ms-flex-item-align is a vendor extension
6680 -ms-flex-item-align is a vendor extension
6684 -ms-flex-item-align is a vendor extension
6688 -ms-flex-item-align is a vendor extension
6692 -ms-flex-item-align is a vendor extension
6698 -ms-flex-direction is a vendor extension
6702 -ms-flex-direction is a vendor extension
6706 -ms-flex-direction is a vendor extension
6710 -ms-flex-direction is a vendor extension
6714 -ms-flex-wrap is a vendor extension
6718 -ms-flex-wrap is a vendor extension
6722 -ms-flex-wrap is a vendor extension
6726 -ms-flex is a vendor extension
6730 -ms-flex-positive is a vendor extension
6734 -ms-flex-positive is a vendor extension
6738 -ms-flex-negative is a vendor extension
6742 -ms-flex-negative is a vendor extension
6746 -ms-flex-pack is a vendor extension
6750 -ms-flex-pack is a vendor extension
6754 -ms-flex-pack is a vendor extension
6758 -ms-flex-pack is a vendor extension
6762 -ms-flex-pack is a vendor extension
6766 -ms-flex-align is a vendor extension
6770 -ms-flex-align is a vendor extension
6774 -ms-flex-align is a vendor extension
6778 -ms-flex-align is a vendor extension
6782 -ms-flex-align is a vendor extension
6786 -ms-flex-line-pack is a vendor extension
6790 -ms-flex-line-pack is a vendor extension
6794 -ms-flex-line-pack is a vendor extension
6798 -ms-flex-line-pack is a vendor extension
6802 -ms-flex-line-pack is a vendor extension
6806 -ms-flex-line-pack is a vendor extension
6810 -ms-flex-item-align is a vendor extension
6814 -ms-flex-item-align is a vendor extension
6818 -ms-flex-item-align is a vendor extension
6822 -ms-flex-item-align is a vendor extension
6826 -ms-flex-item-align is a vendor extension
6830 -ms-flex-item-align is a vendor extension
6836 -ms-flex-direction is a vendor extension
6840 -ms-flex-direction is a vendor extension
6844 -ms-flex-direction is a vendor extension
6848 -ms-flex-direction is a vendor extension
6852 -ms-flex-wrap is a vendor extension
6856 -ms-flex-wrap is a vendor extension
6860 -ms-flex-wrap is a vendor extension
6864 -ms-flex is a vendor extension
6868 -ms-flex-positive is a vendor extension
6872 -ms-flex-positive is a vendor extension
6876 -ms-flex-negative is a vendor extension
6880 -ms-flex-negative is a vendor extension
6884 -ms-flex-pack is a vendor extension
6888 -ms-flex-pack is a vendor extension
6892 -ms-flex-pack is a vendor extension
6896 -ms-flex-pack is a vendor extension
6900 -ms-flex-pack is a vendor extension
6904 -ms-flex-align is a vendor extension
6908 -ms-flex-align is a vendor extension
6912 -ms-flex-align is a vendor extension
6916 -ms-flex-align is a vendor extension
6920 -ms-flex-align is a vendor extension
6924 -ms-flex-line-pack is a vendor extension
6928 -ms-flex-line-pack is a vendor extension
6932 -ms-flex-line-pack is a vendor extension
6936 -ms-flex-line-pack is a vendor extension
6940 -ms-flex-line-pack is a vendor extension
6944 -ms-flex-line-pack is a vendor extension
6948 -ms-flex-item-align is a vendor extension
6952 -ms-flex-item-align is a vendor extension
6956 -ms-flex-item-align is a vendor extension
6960 -ms-flex-item-align is a vendor extension
6964 -ms-flex-item-align is a vendor extension
6968 -ms-flex-item-align is a vendor extension
7044 -webkit-sticky is a vendor extension
7061 -webkit-sticky is a vendor extension
7063 -webkit-sticky is a vendor extension
7075 The property clip is deprecated
7085 The property clip is deprecated
7155 auto is not defined by any specification as an allowed value for pointer-events, but is supported in multiple browsers
9049 .text-hide Same color for background-color and color
9056 The value break-word is deprecated
9157 -moz-osx-font-smoothing is a vendor extension
9158 -webkit-font-smoothing is a vendor extension
9273 -webkit-animation is a vendor extension
9278 -webkit-animation is a vendor extension
9282 Unrecognized at-rule @-webkit-keyframes
9295 -webkit-transform is a vendor extension
9299 -webkit-transform is a vendor extension
9305 -ms-filter is a vendor extension
9306 -webkit-transform is a vendor extension
9311 -ms-filter is a vendor extension
9312 -webkit-transform is a vendor extension
9317 -ms-filter is a vendor extension
9318 -webkit-transform is a vendor extension
9323 -ms-filter is a vendor extension
9324 -webkit-transform is a vendor extension
9329 -ms-filter is a vendor extension
9330 -webkit-transform is a vendor extension
9336 -ms-filter is a vendor extension
9337 -webkit-transform is a vendor extension
9347 -webkit-filter is a vendor extension
14960 The property clip is deprecated
14971 The property clip is deprecated
15034 -webkit-animation-duration is a vendor extension
15036 -webkit-animation-duration is a vendor extension
15038 -webkit-animation-fill-mode is a vendor extension
15042 -webkit-animation-iteration-count is a vendor extension
15083 -webkit-animation-duration is a vendor extension
15085 -webkit-transition-duration is a vendor extension
15087 -webkit-animation-iteration-count is a vendor extension
15094 Unrecognized at-rule @-webkit-keyframes
15133 -webkit-animation-timing-function is a vendor extension
15135 -webkit-transform is a vendor extension
15140 -webkit-animation-timing-function is a vendor extension
15142 -webkit-transform is a vendor extension
15146 -webkit-animation-timing-function is a vendor extension
15148 -webkit-transform is a vendor extension
15152 -webkit-transition-timing-function is a vendor extension
15154 -webkit-transform is a vendor extension
15158 -webkit-transform is a vendor extension
15163 -webkit-animation-name is a vendor extension
15165 -webkit-transform-origin is a vendor extension
15168 Unrecognized at-rule @-webkit-keyframes
15191 -webkit-animation-name is a vendor extension
15194 Unrecognized at-rule @-webkit-keyframes
15210 -webkit-transform is a vendor extension
15214 -webkit-transform is a vendor extension
15218 -webkit-transform is a vendor extension
15223 -webkit-animation-name is a vendor extension
15225 -webkit-animation-timing-function is a vendor extension
15228 Unrecognized at-rule @-webkit-keyframes
15260 -webkit-transform is a vendor extension
15264 -webkit-transform is a vendor extension
15268 -webkit-transform is a vendor extension
15272 -webkit-transform is a vendor extension
15276 -webkit-transform is a vendor extension
15280 -webkit-transform is a vendor extension
15284 -webkit-transform is a vendor extension
15289 -webkit-animation-name is a vendor extension
15292 Unrecognized at-rule @-webkit-keyframes
15317 -webkit-transform is a vendor extension
15325 -webkit-transform is a vendor extension
15332 -webkit-transform is a vendor extension
15337 -webkit-animation-name is a vendor extension
15340 Unrecognized at-rule @-webkit-keyframes
15365 -webkit-transform is a vendor extension
15373 -webkit-transform is a vendor extension
15380 -webkit-transform is a vendor extension
15385 -webkit-animation-name is a vendor extension
15388 Unrecognized at-rule @-webkit-keyframes
15416 -webkit-transform is a vendor extension
15420 -webkit-transform is a vendor extension
15424 -webkit-transform is a vendor extension
15428 -webkit-transform is a vendor extension
15432 -webkit-transform is a vendor extension
15436 -webkit-transform is a vendor extension
15441 -webkit-animation-timing-function is a vendor extension
15443 -webkit-animation-name is a vendor extension
15446 Unrecognized at-rule @-webkit-keyframes
15470 -webkit-transform is a vendor extension
15474 -webkit-transform is a vendor extension
15478 -webkit-transform is a vendor extension
15482 -webkit-transform is a vendor extension
15486 -webkit-transform is a vendor extension
15491 -webkit-transform-origin is a vendor extension
15493 -webkit-animation-name is a vendor extension
15496 Unrecognized at-rule @-webkit-keyframes
15526 -webkit-transform is a vendor extension
15531 -webkit-transform is a vendor extension
15538 -webkit-transform is a vendor extension
15544 -webkit-transform is a vendor extension
15548 -webkit-transform is a vendor extension
15553 -webkit-animation-name is a vendor extension
15556 Unrecognized at-rule @-webkit-keyframes
15588 -webkit-transform is a vendor extension
15592 -webkit-transform is a vendor extension
15596 -webkit-transform is a vendor extension
15600 -webkit-transform is a vendor extension
15604 -webkit-transform is a vendor extension
15608 -webkit-transform is a vendor extension
15612 -webkit-transform is a vendor extension
15617 -webkit-animation-name is a vendor extension
15620 Unrecognized at-rule @-webkit-keyframes
15660 -webkit-transform is a vendor extension
15664 -webkit-transform is a vendor extension
15668 -webkit-transform is a vendor extension
15672 -webkit-transform is a vendor extension
15676 -webkit-transform is a vendor extension
15680 -webkit-transform is a vendor extension
15684 -webkit-transform is a vendor extension
15688 -webkit-transform is a vendor extension
15693 -webkit-animation-name is a vendor extension
15695 -webkit-transform-origin is a vendor extension
15698 Unrecognized at-rule @-webkit-keyframes
15722 -webkit-transform is a vendor extension
15726 -webkit-transform is a vendor extension
15730 -webkit-transform is a vendor extension
15734 -webkit-transform is a vendor extension
15738 -webkit-transform is a vendor extension
15747 Unrecognized at-rule @-webkit-keyframes
15766 -webkit-transform is a vendor extension
15771 -webkit-transform is a vendor extension
15776 -webkit-transform is a vendor extension
15782 -webkit-animation-name is a vendor extension
15785 Unrecognized at-rule @-webkit-keyframes
15804 -webkit-transform is a vendor extension
15809 -webkit-transform is a vendor extension
15814 -webkit-transform is a vendor extension
15820 -webkit-animation-name is a vendor extension
15823 Unrecognized at-rule @-webkit-keyframes
15842 -webkit-transform is a vendor extension
15847 -webkit-transform is a vendor extension
15852 -webkit-transform is a vendor extension
15858 -webkit-animation-name is a vendor extension
15861 Unrecognized at-rule @-webkit-keyframes
15880 -webkit-transform is a vendor extension
15885 -webkit-transform is a vendor extension
15890 -webkit-transform is a vendor extension
15896 -webkit-animation-name is a vendor extension
15899 Unrecognized at-rule @-webkit-keyframes
15918 -webkit-transform is a vendor extension
15923 -webkit-transform is a vendor extension
15928 -webkit-transform is a vendor extension
15934 -webkit-animation-name is a vendor extension
15937 Unrecognized at-rule @-webkit-keyframes
15956 -webkit-transform is a vendor extension
15961 -webkit-transform is a vendor extension
15966 -webkit-transform is a vendor extension
15972 -webkit-animation-name is a vendor extension
15975 Unrecognized at-rule @-webkit-keyframes
15994 -webkit-transform is a vendor extension
15999 -webkit-transform is a vendor extension
16004 -webkit-transform is a vendor extension
16010 -webkit-animation-name is a vendor extension
16013 Unrecognized at-rule @-webkit-keyframes
16032 -webkit-transform is a vendor extension
16037 -webkit-transform is a vendor extension
16042 -webkit-transform is a vendor extension
16048 -webkit-animation-name is a vendor extension
16051 Unrecognized at-rule @-webkit-keyframes
16096 -webkit-animation-timing-function is a vendor extension
16101 -webkit-transform is a vendor extension
16105 -webkit-transform is a vendor extension
16109 -webkit-transform is a vendor extension
16114 -webkit-transform is a vendor extension
16118 -webkit-transform is a vendor extension
16123 -webkit-transform is a vendor extension
16131 Unrecognized at-rule @-webkit-keyframes
16169 -webkit-animation-timing-function is a vendor extension
16174 -webkit-transform is a vendor extension
16179 -webkit-transform is a vendor extension
16183 -webkit-transform is a vendor extension
16187 -webkit-transform is a vendor extension
16191 -webkit-transform is a vendor extension
16196 -webkit-animation-name is a vendor extension
16199 Unrecognized at-rule @-webkit-keyframes
16237 -webkit-animation-timing-function is a vendor extension
16242 -webkit-transform is a vendor extension
16247 -webkit-transform is a vendor extension
16251 -webkit-transform is a vendor extension
16255 -webkit-transform is a vendor extension
16259 -webkit-transform is a vendor extension
16264 -webkit-animation-name is a vendor extension
16267 Unrecognized at-rule @-webkit-keyframes
16305 -webkit-animation-timing-function is a vendor extension
16310 -webkit-transform is a vendor extension
16315 -webkit-transform is a vendor extension
16319 -webkit-transform is a vendor extension
16323 -webkit-transform is a vendor extension
16327 -webkit-transform is a vendor extension
16332 -webkit-animation-name is a vendor extension
16335 Unrecognized at-rule @-webkit-keyframes
16373 -webkit-animation-timing-function is a vendor extension
16378 -webkit-transform is a vendor extension
16383 -webkit-transform is a vendor extension
16387 -webkit-transform is a vendor extension
16391 -webkit-transform is a vendor extension
16395 -webkit-transform is a vendor extension
16400 -webkit-animation-name is a vendor extension
16403 Unrecognized at-rule @-webkit-keyframes
16422 -webkit-transform is a vendor extension
16428 -webkit-transform is a vendor extension
16433 -webkit-transform is a vendor extension
16441 Unrecognized at-rule @-webkit-keyframes
16460 -webkit-transform is a vendor extension
16466 -webkit-transform is a vendor extension
16471 -webkit-transform is a vendor extension
16476 -webkit-animation-name is a vendor extension
16479 Unrecognized at-rule @-webkit-keyframes
16494 -webkit-transform is a vendor extension
16499 -webkit-transform is a vendor extension
16504 -webkit-animation-name is a vendor extension
16507 Unrecognized at-rule @-webkit-keyframes
16522 -webkit-transform is a vendor extension
16527 -webkit-transform is a vendor extension
16532 -webkit-animation-name is a vendor extension
16535 Unrecognized at-rule @-webkit-keyframes
16554 -webkit-transform is a vendor extension
16560 -webkit-transform is a vendor extension
16565 -webkit-transform is a vendor extension
16570 -webkit-animation-name is a vendor extension
16573 Unrecognized at-rule @-webkit-keyframes
16590 -webkit-animation-name is a vendor extension
16593 Unrecognized at-rule @-webkit-keyframes
16608 -webkit-transform is a vendor extension
16613 -webkit-transform is a vendor extension
16618 -webkit-animation-name is a vendor extension
16621 Unrecognized at-rule @-webkit-keyframes
16636 -webkit-transform is a vendor extension
16641 -webkit-transform is a vendor extension
16646 -webkit-animation-name is a vendor extension
16649 Unrecognized at-rule @-webkit-keyframes
16664 -webkit-transform is a vendor extension
16669 -webkit-transform is a vendor extension
16674 -webkit-animation-name is a vendor extension
16677 Unrecognized at-rule @-webkit-keyframes
16692 -webkit-transform is a vendor extension
16697 -webkit-transform is a vendor extension
16702 -webkit-animation-name is a vendor extension
16705 Unrecognized at-rule @-webkit-keyframes
16720 -webkit-transform is a vendor extension
16725 -webkit-transform is a vendor extension
16730 -webkit-animation-name is a vendor extension
16733 Unrecognized at-rule @-webkit-keyframes
16748 -webkit-transform is a vendor extension
16753 -webkit-transform is a vendor extension
16758 -webkit-animation-name is a vendor extension
16761 Unrecognized at-rule @-webkit-keyframes
16776 -webkit-transform is a vendor extension
16781 -webkit-transform is a vendor extension
16786 -webkit-animation-name is a vendor extension
16789 Unrecognized at-rule @-webkit-keyframes
16804 -webkit-transform is a vendor extension
16809 -webkit-transform is a vendor extension
16814 -webkit-animation-name is a vendor extension
16817 Unrecognized at-rule @-webkit-keyframes
16832 -webkit-transform is a vendor extension
16837 -webkit-transform is a vendor extension
16842 -webkit-animation-name is a vendor extension
16845 Unrecognized at-rule @-webkit-keyframes
16860 -webkit-transform is a vendor extension
16865 -webkit-transform is a vendor extension
16870 -webkit-animation-name is a vendor extension
16873 Unrecognized at-rule @-webkit-keyframes
16888 -webkit-transform is a vendor extension
16893 -webkit-transform is a vendor extension
16898 -webkit-animation-name is a vendor extension
16901 Unrecognized at-rule @-webkit-keyframes
16916 -webkit-transform is a vendor extension
16921 -webkit-transform is a vendor extension
16926 -webkit-animation-name is a vendor extension
16929 Unrecognized at-rule @-webkit-keyframes
16946 -webkit-animation-name is a vendor extension
16949 Unrecognized at-rule @-webkit-keyframes
16965 -webkit-transform is a vendor extension
16970 -webkit-animation-name is a vendor extension
16973 Unrecognized at-rule @-webkit-keyframes
16989 -webkit-transform is a vendor extension
16994 -webkit-animation-name is a vendor extension
16997 Unrecognized at-rule @-webkit-keyframes
17013 -webkit-transform is a vendor extension
17018 -webkit-animation-name is a vendor extension
17021 Unrecognized at-rule @-webkit-keyframes
17037 -webkit-transform is a vendor extension
17042 -webkit-animation-name is a vendor extension
17045 Unrecognized at-rule @-webkit-keyframes
17061 -webkit-transform is a vendor extension
17066 -webkit-animation-name is a vendor extension
17069 Unrecognized at-rule @-webkit-keyframes
17085 -webkit-transform is a vendor extension
17090 -webkit-animation-name is a vendor extension
17093 Unrecognized at-rule @-webkit-keyframes
17109 -webkit-transform is a vendor extension
17114 -webkit-animation-name is a vendor extension
17117 Unrecognized at-rule @-webkit-keyframes
17133 -webkit-transform is a vendor extension
17138 -webkit-animation-name is a vendor extension
17141 Unrecognized at-rule @-webkit-keyframes
17156 -webkit-transform is a vendor extension
17161 -webkit-transform is a vendor extension
17166 -webkit-animation-name is a vendor extension
17169 Unrecognized at-rule @-webkit-keyframes
17184 -webkit-transform is a vendor extension
17189 -webkit-transform is a vendor extension
17194 -webkit-animation-name is a vendor extension
17197 Unrecognized at-rule @-webkit-keyframes
17212 -webkit-transform is a vendor extension
17217 -webkit-transform is a vendor extension
17222 -webkit-animation-name is a vendor extension
17225 Unrecognized at-rule @-webkit-keyframes
17240 -webkit-transform is a vendor extension
17245 -webkit-transform is a vendor extension
17250 -webkit-animation-name is a vendor extension
17253 Unrecognized at-rule @-webkit-keyframes
17287 -webkit-transform is a vendor extension
17289 -webkit-animation-timing-function is a vendor extension
17293 -webkit-transform is a vendor extension
17295 -webkit-animation-timing-function is a vendor extension
17299 -webkit-transform is a vendor extension
17301 -webkit-animation-timing-function is a vendor extension
17305 -webkit-transform is a vendor extension
17307 -webkit-animation-timing-function is a vendor extension
17311 -webkit-transform is a vendor extension
17313 -webkit-animation-timing-function is a vendor extension
17318 -webkit-backface-visibility is a vendor extension
17320 -webkit-animation-name is a vendor extension
17323 Unrecognized at-rule @-webkit-keyframes
17353 -webkit-transform is a vendor extension
17355 -webkit-animation-timing-function is a vendor extension
17360 -webkit-transform is a vendor extension
17362 -webkit-animation-timing-function is a vendor extension
17366 -webkit-transform is a vendor extension
17371 -webkit-transform is a vendor extension
17375 -webkit-transform is a vendor extension
17380 -webkit-backface-visibility is a vendor extension
17382 -webkit-animation-name is a vendor extension
17385 Unrecognized at-rule @-webkit-keyframes
17415 -webkit-transform is a vendor extension
17417 -webkit-animation-timing-function is a vendor extension
17422 -webkit-transform is a vendor extension
17424 -webkit-animation-timing-function is a vendor extension
17428 -webkit-transform is a vendor extension
17433 -webkit-transform is a vendor extension
17437 -webkit-transform is a vendor extension
17442 -webkit-backface-visibility is a vendor extension
17444 -webkit-animation-name is a vendor extension
17447 Unrecognized at-rule @-webkit-keyframes
17465 -webkit-transform is a vendor extension
17469 -webkit-transform is a vendor extension
17474 -webkit-transform is a vendor extension
17484 Unrecognized at-rule @-webkit-keyframes
17502 -webkit-transform is a vendor extension
17506 -webkit-transform is a vendor extension
17511 -webkit-transform is a vendor extension
17521 Unrecognized at-rule @-webkit-keyframes
17543 -webkit-transform is a vendor extension
17548 -webkit-transform is a vendor extension
17553 -webkit-transform is a vendor extension
17557 -webkit-transform is a vendor extension
17562 -webkit-animation-name is a vendor extension
17564 -webkit-animation-timing-function is a vendor extension
17567 Unrecognized at-rule @-webkit-keyframes
17589 -webkit-transform is a vendor extension
17594 -webkit-transform is a vendor extension
17599 -webkit-transform is a vendor extension
17603 -webkit-transform is a vendor extension
17608 -webkit-animation-name is a vendor extension
17610 -webkit-animation-timing-function is a vendor extension
17613 Unrecognized at-rule @-webkit-keyframes
17628 -webkit-transform is a vendor extension
17634 -webkit-animation-name is a vendor extension
17636 -webkit-animation-timing-function is a vendor extension
17639 Unrecognized at-rule @-webkit-keyframes
17654 -webkit-transform is a vendor extension
17660 -webkit-animation-name is a vendor extension
17662 -webkit-animation-timing-function is a vendor extension
17665 Unrecognized at-rule @-webkit-keyframes
17679 -webkit-transform is a vendor extension
17684 -webkit-transform is a vendor extension
17690 -webkit-animation-name is a vendor extension
17692 -webkit-transform-origin is a vendor extension
17695 Unrecognized at-rule @-webkit-keyframes
17709 -webkit-transform is a vendor extension
17714 -webkit-transform is a vendor extension
17720 -webkit-animation-name is a vendor extension
17722 -webkit-transform-origin is a vendor extension
17725 Unrecognized at-rule @-webkit-keyframes
17739 -webkit-transform is a vendor extension
17744 -webkit-transform is a vendor extension
17750 -webkit-animation-name is a vendor extension
17752 -webkit-transform-origin is a vendor extension
17755 Unrecognized at-rule @-webkit-keyframes
17769 -webkit-transform is a vendor extension
17774 -webkit-transform is a vendor extension
17780 -webkit-animation-name is a vendor extension
17782 -webkit-transform-origin is a vendor extension
17785 Unrecognized at-rule @-webkit-keyframes
17799 -webkit-transform is a vendor extension
17804 -webkit-transform is a vendor extension
17810 -webkit-animation-name is a vendor extension
17812 -webkit-transform-origin is a vendor extension
17815 Unrecognized at-rule @-webkit-keyframes
17830 -webkit-transform is a vendor extension
17836 -webkit-animation-name is a vendor extension
17838 -webkit-transform-origin is a vendor extension
17841 Unrecognized at-rule @-webkit-keyframes
17856 -webkit-transform is a vendor extension
17862 -webkit-animation-name is a vendor extension
17864 -webkit-transform-origin is a vendor extension
17867 Unrecognized at-rule @-webkit-keyframes
17882 -webkit-transform is a vendor extension
17888 -webkit-animation-name is a vendor extension
17890 -webkit-transform-origin is a vendor extension
17893 Unrecognized at-rule @-webkit-keyframes
17908 -webkit-transform is a vendor extension
17914 -webkit-animation-name is a vendor extension
17916 -webkit-transform-origin is a vendor extension
17919 Unrecognized at-rule @-webkit-keyframes
17934 -webkit-transform is a vendor extension
17940 -webkit-animation-name is a vendor extension
17942 -webkit-transform-origin is a vendor extension
17945 Unrecognized at-rule @-webkit-keyframes
17973 -webkit-animation-timing-function is a vendor extension
17978 -webkit-transform is a vendor extension
17980 -webkit-animation-timing-function is a vendor extension
17985 -webkit-transform is a vendor extension
17987 -webkit-animation-timing-function is a vendor extension
17992 -webkit-transform is a vendor extension
18002 Unrecognized at-rule @-webkit-keyframes
18027 -webkit-transform is a vendor extension
18029 -webkit-transform-origin is a vendor extension
18033 -webkit-transform is a vendor extension
18037 -webkit-transform is a vendor extension
18042 -webkit-transform is a vendor extension
18047 -webkit-animation-name is a vendor extension
18050 Unrecognized at-rule @-webkit-keyframes
18065 -webkit-transform is a vendor extension
18070 -webkit-transform is a vendor extension
18075 -webkit-animation-name is a vendor extension
18078 Unrecognized at-rule @-webkit-keyframes
18094 -webkit-transform is a vendor extension
18099 -webkit-animation-name is a vendor extension
18102 Unrecognized at-rule @-webkit-keyframes
18115 -webkit-transform is a vendor extension
18123 -webkit-animation-name is a vendor extension
18126 Unrecognized at-rule @-webkit-keyframes
18145 -webkit-transform is a vendor extension
18147 -webkit-animation-timing-function is a vendor extension
18152 -webkit-transform is a vendor extension
18154 -webkit-animation-timing-function is a vendor extension
18159 -webkit-animation-name is a vendor extension
18162 Unrecognized at-rule @-webkit-keyframes
18181 -webkit-transform is a vendor extension
18183 -webkit-animation-timing-function is a vendor extension
18188 -webkit-transform is a vendor extension
18190 -webkit-animation-timing-function is a vendor extension
18195 -webkit-animation-name is a vendor extension
18198 Unrecognized at-rule @-webkit-keyframes
18217 -webkit-transform is a vendor extension
18219 -webkit-animation-timing-function is a vendor extension
18224 -webkit-transform is a vendor extension
18226 -webkit-animation-timing-function is a vendor extension
18231 -webkit-animation-name is a vendor extension
18234 Unrecognized at-rule @-webkit-keyframes
18253 -webkit-transform is a vendor extension
18255 -webkit-animation-timing-function is a vendor extension
18260 -webkit-transform is a vendor extension
18262 -webkit-animation-timing-function is a vendor extension
18267 -webkit-animation-name is a vendor extension
18270 Unrecognized at-rule @-webkit-keyframes
18289 -webkit-transform is a vendor extension
18297 -webkit-animation-name is a vendor extension
18300 Unrecognized at-rule @-webkit-keyframes
18319 -webkit-transform is a vendor extension
18321 -webkit-animation-timing-function is a vendor extension
18326 -webkit-transform is a vendor extension
18328 -webkit-animation-timing-function is a vendor extension
18333 -webkit-animation-name is a vendor extension
18335 -webkit-transform-origin is a vendor extension
18338 Unrecognized at-rule @-webkit-keyframes
18353 -webkit-transform is a vendor extension
18358 -webkit-transform is a vendor extension
18363 -webkit-animation-name is a vendor extension
18365 -webkit-transform-origin is a vendor extension
18368 Unrecognized at-rule @-webkit-keyframes
18383 -webkit-transform is a vendor extension
18388 -webkit-transform is a vendor extension
18393 -webkit-animation-name is a vendor extension
18395 -webkit-transform-origin is a vendor extension
18398 Unrecognized at-rule @-webkit-keyframes
18417 -webkit-transform is a vendor extension
18419 -webkit-animation-timing-function is a vendor extension
18424 -webkit-transform is a vendor extension
18426 -webkit-animation-timing-function is a vendor extension
18431 -webkit-animation-name is a vendor extension
18433 -webkit-transform-origin is a vendor extension
18436 Unrecognized at-rule @-webkit-keyframes
18449 -webkit-transform is a vendor extension
18454 -webkit-transform is a vendor extension
18459 -webkit-animation-name is a vendor extension
18462 Unrecognized at-rule @-webkit-keyframes
18475 -webkit-transform is a vendor extension
18480 -webkit-transform is a vendor extension
18485 -webkit-animation-name is a vendor extension
18488 Unrecognized at-rule @-webkit-keyframes
18501 -webkit-transform is a vendor extension
18506 -webkit-transform is a vendor extension
18511 -webkit-animation-name is a vendor extension
18514 Unrecognized at-rule @-webkit-keyframes
18527 -webkit-transform is a vendor extension
18532 -webkit-transform is a vendor extension
18537 -webkit-animation-name is a vendor extension
18540 Unrecognized at-rule @-webkit-keyframes
18553 -webkit-transform is a vendor extension
18558 -webkit-transform is a vendor extension
18563 -webkit-animation-name is a vendor extension
18566 Unrecognized at-rule @-webkit-keyframes
18579 -webkit-transform is a vendor extension
18584 -webkit-transform is a vendor extension
18589 -webkit-animation-name is a vendor extension
18592 Unrecognized at-rule @-webkit-keyframes
18605 -webkit-transform is a vendor extension
18610 -webkit-transform is a vendor extension
18615 -webkit-animation-name is a vendor extension
18618 Unrecognized at-rule @-webkit-keyframes
18631 -webkit-transform is a vendor extension
18636 -webkit-transform is a vendor extension
18641 -webkit-animation-name is a vendor extension
18651 -webkit-user-select is a vendor extension
18652 -moz-user-select is a vendor extension
18653 -ms-user-select is a vendor extension
18656 -webkit-touch-callout is a vendor extension
18657 -khtml-user-select is a vendor extension
18658 -ms-touch-action is a vendor extension
18660 -webkit-tap-highlight-color is a vendor extension
18681 -webkit-transform is a vendor extension
18682 -moz-transform is a vendor extension
18683 -ms-transform is a vendor extension
18684 -o-transform is a vendor extension
18819 -webkit-box is a vendor extension
18820 -ms-flexbox is a vendor extension
18822 -webkit-box-orient is a vendor extension
18823 -webkit-box-direction is a vendor extension
18824 -ms-flex-direction is a vendor extension
18828 -webkit-box-sizing is a vendor extension
18840 -webkit-tap-highlight-color is a vendor extension
18841 -webkit-font-smoothing is a vendor extension
18842 -moz-osx-font-smoothing is a vendor extension
18880 -webkit-transform is a vendor extension
18884 -webkit-transform is a vendor extension
18891 -webkit-transition is a vendor extension
18892 -o-transition is a vendor extension
18896 -webkit-transform is a vendor extension
18915 -webkit-box-flex is a vendor extension
18916 -ms-flex-positive is a vendor extension
18924 -webkit-transform is a vendor extension
18928 -webkit-transform is a vendor extension
18935 -webkit-transform is a vendor extension
18936 -ms-transform is a vendor extension
18956 -webkit-transform is a vendor extension
18957 -ms-transform is a vendor extension
18962 -webkit-box-flex is a vendor extension
18963 -ms-flex-positive is a vendor extension
18965 -ms-flex-negative is a vendor extension
18968 -webkit-box-sizing is a vendor extension
18983 -webkit-box-sizing is a vendor extension
18994 -webkit-transform is a vendor extension
18995 -ms-transform is a vendor extension
19001 -webkit-transform is a vendor extension
19002 -ms-transform is a vendor extension
19010 -webkit-box-sizing is a vendor extension
19019 -webkit-transform is a vendor extension
19020 -ms-transform is a vendor extension
19034 -webkit-transform is a vendor extension
19035 -ms-transform is a vendor extension
19041 -webkit-transform is a vendor extension
19042 -ms-transform is a vendor extension
19062 -webkit-box is a vendor extension
19063 -ms-flexbox is a vendor extension
19071 -webkit-transition is a vendor extension
19072 -o-transition is a vendor extension
19078 -webkit-sticky is a vendor extension
19080 -webkit-sticky is a vendor extension
19087 -webkit-box-flex is a vendor extension
19088 -ms-flex-positive is a vendor extension
19090 -webkit-box is a vendor extension
19091 -ms-flexbox is a vendor extension
19093 -webkit-box-align is a vendor extension
19094 -ms-flex-align is a vendor extension
19096 -webkit-box-pack is a vendor extension
19097 -ms-flex-pack is a vendor extension
19099 -webkit-box-sizing is a vendor extension
19103 -webkit-box-flex is a vendor extension
19104 -ms-flex-positive is a vendor extension
19108 -webkit-box-flex is a vendor extension
19109 -ms-flex is a vendor extension
19111 -webkit-box is a vendor extension
19112 -ms-flexbox is a vendor extension
19122 -o-text-overflow is a vendor extension
19134 -webkit-box-orient is a vendor extension
19135 -webkit-box-direction is a vendor extension
19136 -ms-flex-direction is a vendor extension
19155 -webkit-box is a vendor extension
19156 -ms-flexbox is a vendor extension
19158 -ms-flex-wrap is a vendor extension
19185 -o-text-overflow is a vendor extension
19191 -webkit-box-flex is a vendor extension
19192 -ms-flex-positive is a vendor extension
19194 -ms-flex-preferred-size is a vendor extension
19236 -webkit-box-sizing is a vendor extension
19241 -webkit-transition is a vendor extension
19242 -webkit-transform 0.4s ease is a vendor extension
19243 -o-transition is a vendor extension
19245 transform 0.4s ease,-webkit-transform 0.4s ease is a vendor extension
19272 -webkit-transform is a vendor extension
19277 -webkit-transform is a vendor extension
19283 -webkit-transform is a vendor extension
19309 The property clip is deprecated
19310 -webkit-clip-path is a vendor extension
19339 -webkit-transition-property is a vendor extension
19340 -o-transition-property is a vendor extension
19345 -webkit-transition-property is a vendor extension
19346 width,-webkit-transform is a vendor extension
19347 -o-transition-property is a vendor extension
19349 width,transform,-webkit-transform is a vendor extension
19366 -webkit-transform is a vendor extension
19376 -webkit-transform is a vendor extension
19385 -webkit-transform is a vendor extension
19390 -webkit-transform is a vendor extension
19396 -webkit-transform is a vendor extension
19401 -webkit-transform is a vendor extension
19406 -webkit-transform is a vendor extension
19412 -webkit-transform is a vendor extension
19417 -webkit-transform is a vendor extension
19428 -webkit-transform is a vendor extension
19437 -webkit-transform is a vendor extension
19442 -webkit-transform is a vendor extension
19448 -webkit-transform is a vendor extension
19453 -webkit-transform is a vendor extension
19458 -webkit-transform is a vendor extension
19464 -webkit-transform is a vendor extension
19469 -webkit-transform is a vendor extension
19480 -webkit-transform is a vendor extension
19489 -webkit-transform is a vendor extension
19494 -webkit-transform is a vendor extension
19500 -webkit-transform is a vendor extension
19505 -webkit-transform is a vendor extension
19510 -webkit-transform is a vendor extension
19516 -webkit-transform is a vendor extension
19521 -webkit-transform is a vendor extension
19532 -webkit-transform is a vendor extension
19541 -webkit-transform is a vendor extension
19546 -webkit-transform is a vendor extension
19552 -webkit-transform is a vendor extension
19557 -webkit-transform is a vendor extension
19562 -webkit-transform is a vendor extension
19568 -webkit-transform is a vendor extension
19573 -webkit-transform is a vendor extension
19584 -webkit-transform is a vendor extension
19593 -webkit-transform is a vendor extension
19598 -webkit-transform is a vendor extension
19604 -webkit-transform is a vendor extension
19609 -webkit-transform is a vendor extension
19614 -webkit-transform is a vendor extension
19620 -webkit-transform is a vendor extension
19631 -webkit-transition-property is a vendor extension
19632 width,min-width,max-width,-webkit-transform is a vendor extension
19633 -o-transition-property is a vendor extension
19635 width,min-width,max-width,transform,-webkit-transform is a vendor extension
19672 -webkit-sticky is a vendor extension
19674 -webkit-sticky is a vendor extension
19695 -webkit-transition-duration is a vendor extension
19696 -o-transition-duration is a vendor extension
19698 -webkit-user-select is a vendor extension
19699 -moz-user-select is a vendor extension
19700 -ms-user-select is a vendor extension
19710 -webkit-box-shadow is a vendor extension
19715 -webkit-transform is a vendor extension
19716 -ms-transform is a vendor extension
19721 -webkit-transition-delay is a vendor extension
19722 -o-transition-delay is a vendor extension
19738 -webkit-box-shadow is a vendor extension
19745 -webkit-transform is a vendor extension
19746 -ms-transform is a vendor extension
19788 -webkit-box-sizing is a vendor extension
19798 -webkit-box is a vendor extension
19799 -ms-flexbox is a vendor extension
19801 -webkit-box-orient is a vendor extension
19802 -webkit-box-direction is a vendor extension
19803 -ms-flex-direction is a vendor extension
19805 -webkit-box-pack is a vendor extension
19806 -ms-flex-pack is a vendor extension
19825 -webkit-box-sizing is a vendor extension
19865 -webkit-transform is a vendor extension
19866 -ms-transform is a vendor extension
19886 -webkit-transition is a vendor extension
19887 -o-transition is a vendor extension
19897 -webkit-transition-property is a vendor extension
19898 width,-webkit-transform is a vendor extension
19899 -o-transition-property is a vendor extension
19901 transform,width,-webkit-transform is a vendor extension
19926 -ms-flex-negative is a vendor extension
19933 -ms-flex-negative is a vendor extension
19950 -o-text-overflow is a vendor extension
19954 -webkit-box-flex is a vendor extension
19955 -ms-flex is a vendor extension
19957 -webkit-box is a vendor extension
19958 -ms-flexbox is a vendor extension
19960 -webkit-box-pack is a vendor extension
19961 -ms-flex-pack is a vendor extension
19965 -webkit-overflow-scrolling is a vendor extension
19968 -webkit-box is a vendor extension
19969 -ms-flexbox is a vendor extension
19971 -webkit-box-align is a vendor extension
19972 -ms-flex-align is a vendor extension
19974 -webkit-box-pack is a vendor extension
19975 -ms-flex-pack is a vendor extension
20053 -webkit-box is a vendor extension
20054 -ms-flexbox is a vendor extension
20056 -webkit-box-flex is a vendor extension
20057 -ms-flex-positive is a vendor extension
20081 -webkit-box-sizing is a vendor extension
20085 -webkit-box-shadow is a vendor extension
20097 ::-ms-clear is a vendor extended pseudo-element
20101 -webkit-box is a vendor extension
20102 -ms-flexbox is a vendor extension
20104 -webkit-box-flex is a vendor extension
20105 -ms-flex is a vendor extension
20107 -webkit-box-align is a vendor extension
20108 -ms-flex-align is a vendor extension
20114 -webkit-box-sizing is a vendor extension
20143 -webkit-transition is a vendor extension
20144 -o-transition is a vendor extension
20164 -webkit-box-sizing is a vendor extension
20172 -webkit-transition is a vendor extension
20173 -o-transition is a vendor extension
20175 -webkit-box is a vendor extension
20176 -ms-flexbox is a vendor extension
20178 -webkit-box-orient is a vendor extension
20179 -webkit-box-direction is a vendor extension
20180 -ms-flex-direction is a vendor extension
20182 -webkit-box-pack is a vendor extension
20183 -ms-flex-pack is a vendor extension
20206 -webkit-transition is a vendor extension
20207 -o-transition is a vendor extension
20236 -webkit-transition-property is a vendor extension
20237 width,-webkit-transform is a vendor extension
20238 -o-transition-property is a vendor extension
20240 width,transform,-webkit-transform is a vendor extension
20245 -webkit-box-sizing is a vendor extension
20251 -webkit-box is a vendor extension
20252 -ms-flexbox is a vendor extension
20304 -webkit-transform is a vendor extension
20308 -webkit-transform is a vendor extension
20312 -webkit-transform is a vendor extension
20325 -webkit-appearance is a vendor extension
20326 -moz-appearance is a vendor extension
20342 -webkit-transition is a vendor extension
20343 -webkit-transform 0.2s ease is a vendor extension
20344 -o-transition is a vendor extension
20346 transform 0.2s ease,-webkit-transform 0.2s ease is a vendor extension
20352 -webkit-transform is a vendor extension
20353 -ms-transform is a vendor extension
20358 -webkit-appearance is a vendor extension
20359 -moz-appearance is a vendor extension
20379 -webkit-transform is a vendor extension
20380 -ms-transform is a vendor extension
20382 -webkit-transition is a vendor extension
20383 -o-transition is a vendor extension
20399 -webkit-transition is a vendor extension
20400 -webkit-transform 0.4s ease is a vendor extension
20401 -o-transition is a vendor extension
20403 transform 0.4s ease,-webkit-transform 0.4s ease is a vendor extension
20406 -webkit-transform is a vendor extension
20410 -webkit-transform is a vendor extension
20414 -webkit-transform is a vendor extension
20418 -webkit-transform is a vendor extension
20423 -webkit-transition-property is a vendor extension
20424 -o-transition-property is a vendor extension
20429 -webkit-transform is a vendor extension
20433 -webkit-transform is a vendor extension
20437 -webkit-transform is a vendor extension
20446 -webkit-transform is a vendor extension
20451 -webkit-transform is a vendor extension
20457 -webkit-transform is a vendor extension
20462 -webkit-transform is a vendor extension
20467 -webkit-transform is a vendor extension
20473 -webkit-transform is a vendor extension
20488 -webkit-box is a vendor extension
20489 -ms-flexbox is a vendor extension
20491 -webkit-box-orient is a vendor extension
20492 -webkit-box-direction is a vendor extension
20493 -ms-flex-direction is a vendor extension
20501 -webkit-box-flex is a vendor extension
20502 -ms-flex-positive is a vendor extension
20504 -webkit-box is a vendor extension
20505 -ms-flexbox is a vendor extension
20507 -webkit-box-orient is a vendor extension
20508 -webkit-box-direction is a vendor extension
20509 -ms-flex-direction is a vendor extension
20516 -webkit-box-flex is a vendor extension
20517 -ms-flex is a vendor extension
20522 -webkit-box-sizing is a vendor extension
20524 -webkit-box-flex is a vendor extension
20525 -ms-flex is a vendor extension
20527 -webkit-box is a vendor extension
20528 -ms-flexbox is a vendor extension
20530 -webkit-box-align is a vendor extension
20531 -ms-flex-align is a vendor extension
20544 -o-text-overflow is a vendor extension
20553 -webkit-transition is a vendor extension
20554 -o-transition is a vendor extension
20567 -webkit-transition is a vendor extension
20568 -o-transition is a vendor extension
20571 -webkit-box-shadow is a vendor extension
20581 -webkit-transform is a vendor extension
20585 -webkit-transform is a vendor extension
20586 -ms-transform is a vendor extension
20591 -webkit-transition-delay is a vendor extension
20592 -o-transition-delay is a vendor extension
20604 -webkit-transform is a vendor extension
20609 -webkit-transform is a vendor extension
20615 -webkit-transform is a vendor extension
20622 -webkit-transition is a vendor extension
20623 -webkit-transform 0.4s ease is a vendor extension
20624 -o-transition is a vendor extension
20626 transform 0.4s ease,-webkit-transform 0.4s ease is a vendor extension
20636 -webkit-transform is a vendor extension
20637 -ms-transform is a vendor extension
20647 -webkit-transform is a vendor extension
20651 -webkit-transform is a vendor extension
20661 -webkit-transform is a vendor extension
20670 -webkit-transform is a vendor extension
20682 -webkit-transform is a vendor extension
20686 -webkit-box-shadow is a vendor extension
20696 -webkit-clip-path is a vendor extension
20698 -webkit-box-shadow is a vendor extension
20699 Due to their dynamic nature, CSS variables are currently not statically checked
20704 -webkit-clip-path is a vendor extension
20712 -webkit-box-shadow is a vendor extension
20714 -webkit-box-shadow is a vendor extension
20715 Due to their dynamic nature, CSS variables are currently not statically checked
20718 -webkit-box-shadow is a vendor extension
20720 -webkit-box-shadow is a vendor extension
20721 Due to their dynamic nature, CSS variables are currently not statically checked
21480 auto is not defined by any specification as an allowed value for pointer-events, but is supported in multiple browsers
21565 opacity,-webkit-transform is a vendor extension
21567 opacity,transform,-webkit-transform is a vendor extension
21571 -webkit-transform is a vendor extension
21575 -webkit-transform is a vendor extension
21579 -webkit-transform is a vendor extension
21583 -webkit-transform is a vendor extension
21587 -webkit-transform is a vendor extension
21591 -webkit-transform is a vendor extension
21595 -webkit-transform is a vendor extension
21599 -webkit-transform is a vendor extension
21603 -webkit-transform is a vendor extension
21608 opacity,-webkit-transform is a vendor extension
21610 opacity,transform,-webkit-transform is a vendor extension
21614 -webkit-transform is a vendor extension
21618 -webkit-transform is a vendor extension
21622 -webkit-transform is a vendor extension
21626 -webkit-transform is a vendor extension
21630 -webkit-transform is a vendor extension
21634 -webkit-transform is a vendor extension
21638 -webkit-transform is a vendor extension
21642 -webkit-transform is a vendor extension
21646 -webkit-transform is a vendor extension
21650 -webkit-transform is a vendor extension
21654 -webkit-transform is a vendor extension
21658 -webkit-transform is a vendor extension
21660 transform,-webkit-transform is a vendor extension
21665 -webkit-transform is a vendor extension
21669 -webkit-transform is a vendor extension
21673 -webkit-transform is a vendor extension
21677 -webkit-transform is a vendor extension
21681 -webkit-transform is a vendor extension
21685 -webkit-backface-visibility is a vendor extension
21687 -webkit-transform is a vendor extension
21689 transform,-webkit-transform is a vendor extension
21692 -webkit-transform is a vendor extension
21696 -webkit-transform is a vendor extension
21700 -webkit-transform is a vendor extension
21704 -webkit-transform is a vendor extension
21708 -webkit-transform is a vendor extension
21712 -webkit-transform is a vendor extension
21716 -webkit-transform is a vendor extension
21720 -webkit-transform is a vendor extension

↑ Top

Valid CSS information

:root {
--blue : #007bff;
--indigo : #6610f2;
--purple : #6f42c1;
--pink : #e83e8c;
--red : #dc3545;
--orange : #fd7e14;
--yellow : #ffc107;
--green : #28a745;
--teal : #20c997;
--cyan : #17a2b8;
--white : #fff;
--gray : #6c757d;
--gray-dark : #343a40;
--primary : #007bff;
--secondary : #6c757d;
--success : #28a745;
--info : #17a2b8;
--warning : #ffc107;
--danger : #dc3545;
--light : #f8f9fa;
--dark : #343a40;
--breakpoint-xs : 0;
--breakpoint-sm : 576px;
--breakpoint-md : 768px;
--breakpoint-lg : 992px;
--breakpoint-xl : 1200px;
--font-family-sans-serif : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
*, ::after, ::before {
box-sizing : border-box;
}
html {
font-family : sans-serif;
line-height : 1.15;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display : block;
}
body {
margin : 0;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #212529;
text-align : left;
background-color : #fff;
}
[tabindex="-1"]:focus {
outline : 0 !important ;
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top : 0;
margin-bottom : 0.5rem;
}
p {
margin-top : 0;
margin-bottom : 1rem;
}
abbr[data-original-title], abbr[title] {
text-decoration : underline;
text-decoration : underline dotted;
cursor : help;
border-bottom : 0;
}
address {
margin-bottom : 1rem;
font-style : normal;
line-height : inherit;
}
dl, ol, ul {
margin-top : 0;
margin-bottom : 1rem;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom : 0;
}
dt {
font-weight : 700;
}
dd {
margin-bottom : 0.5rem;
margin-left : 0;
}
blockquote {
margin : 0 0 1rem;
}
b, strong {
font-weight : bolder;
}
small {
font-size : 80%;
}
sub, sup {
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline;
}
sub {
bottom : -0.25em;
}
sup {
top : -0.5em;
}
a {
color : #007bff;
text-decoration : none;
background-color : transparent;
}
a:hover {
color : #0056b3;
text-decoration : underline;
}
a:not([href]):not([tabindex]) {
color : inherit;
text-decoration : none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color : inherit;
text-decoration : none;
}
a:not([href]):not([tabindex]):focus {
outline : 0;
}
code, kbd, pre, samp {
font-family : SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size : 1em;
}
pre {
margin-top : 0;
margin-bottom : 1rem;
overflow : auto;
}
figure {
margin : 0 0 1rem;
}
img {
vertical-align : middle;
border-style : none;
}
svg {
overflow : hidden;
vertical-align : middle;
}
table {
border-collapse : collapse;
}
caption {
padding-top : 0.75rem;
padding-bottom : 0.75rem;
color : #6c757d;
text-align : left;
caption-side : bottom;
}
th {
text-align : inherit;
}
label {
display : inline-block;
margin-bottom : 0.5rem;
}
button {
border-radius : 0;
}
button:focus {
outline : 1px dotted;
}
button, input, optgroup, select, textarea {
margin : 0;
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
button, input {
overflow : visible;
}
button, select {
text-transform : none;
}
select {
overflow-wrap : normal;
}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
cursor : pointer;
}
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
padding : 0;
border-style : none;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
textarea {
overflow : auto;
resize : vertical;
}
fieldset {
min-width : 0;
padding : 0;
margin : 0;
border : 0;
}
legend {
display : block;
width : 100%;
max-width : 100%;
padding : 0;
margin-bottom : 0.5rem;
font-size : 1.5rem;
line-height : inherit;
color : inherit;
white-space : normal;
}
progress {
vertical-align : baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height : auto;
}
[type="search"] {
outline-offset : -2px;
}
::-webkit-file-upload-button {
font : inherit;
}
output {
display : inline-block;
}
summary {
display : list-item;
cursor : pointer;
}
template {
display : none;
}
[hidden] {
display : none !important ;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom : 0.5rem;
font-weight : 500;
line-height : 1.2;
}
.h1, h1 {
font-size : 2.5rem;
}
.h2, h2 {
font-size : 2rem;
}
.h3, h3 {
font-size : 1.75rem;
}
.h4, h4 {
font-size : 1.5rem;
}
.h5, h5 {
font-size : 1.25rem;
}
.h6, h6 {
font-size : 1rem;
}
.lead {
font-size : 1.25rem;
font-weight : 300;
}
.display-1 {
font-size : 6rem;
font-weight : 300;
line-height : 1.2;
}
.display-2 {
font-size : 5.5rem;
font-weight : 300;
line-height : 1.2;
}
.display-3 {
font-size : 4.5rem;
font-weight : 300;
line-height : 1.2;
}
.display-4 {
font-size : 3.5rem;
font-weight : 300;
line-height : 1.2;
}
hr {
margin-top : 1rem;
margin-bottom : 1rem;
border : 0;
border-top : 1px solid rgb(0, 0, 0, 0.1);
}
.small, small {
font-size : 80%;
font-weight : 400;
}
.mark, mark {
padding : 0.2em;
background-color : #fcf8e3;
}
.list-unstyled {
padding-left : 0;
list-style : none;
}
.list-inline {
padding-left : 0;
list-style : none;
}
.list-inline-item {
display : inline-block;
}
.list-inline-item:not(:last-child) {
margin-right : 0.5rem;
}
.initialism {
font-size : 90%;
text-transform : uppercase;
}
.blockquote {
margin-bottom : 1rem;
font-size : 1.25rem;
}
.blockquote-footer {
display : block;
font-size : 80%;
color : #6c757d;
}
.blockquote-footer::before {
content : "\2014\00A0";
}
.img-fluid {
max-width : 100%;
height : auto;
}
.img-thumbnail {
padding : 0.25rem;
background-color : #fff;
border : #dee2e6 solid 1px;
border-radius : 0.25rem;
max-width : 100%;
height : auto;
}
.figure {
display : inline-block;
}
.figure-img {
margin-bottom : 0.5rem;
line-height : 1;
}
.figure-caption {
font-size : 90%;
color : #6c757d;
}
code {
font-size : 87.5%;
color : #e83e8c;
word-break : break-word;
}
a > code {
color : inherit;
}
kbd {
padding : 0.2rem 0.4rem;
font-size : 87.5%;
color : #fff;
background-color : #212529;
border-radius : 0.2rem;
}
kbd kbd {
padding : 0;
font-size : 100%;
font-weight : 700;
}
pre {
display : block;
font-size : 87.5%;
color : #212529;
}
pre code {
font-size : inherit;
color : inherit;
word-break : normal;
}
.pre-scrollable {
max-height : 340px;
overflow-y : scroll;
}
.container {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 576px) {
.container {
max-width : 540px;
}
}
@media (min-width: 768px) {
.container {
max-width : 720px;
}
}
@media (min-width: 992px) {
.container {
max-width : 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width : 1140px;
}
}
.container-fluid {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.row {
display : flex;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px;
}
.no-gutters {
margin-right : 0;
margin-left : 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right : 0;
padding-left : 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position : relative;
width : 100%;
padding-right : 15px;
padding-left : 15px;
}
.col {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%;
}
.col-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-first {
order : -1;
}
.order-last {
order : 13;
}
.order-0 {
order : 0;
}
.order-1 {
order : 1;
}
.order-2 {
order : 2;
}
.order-3 {
order : 3;
}
.order-4 {
order : 4;
}
.order-5 {
order : 5;
}
.order-6 {
order : 6;
}
.order-7 {
order : 7;
}
.order-8 {
order : 8;
}
.order-9 {
order : 9;
}
.order-10 {
order : 10;
}
.order-11 {
order : 11;
}
.order-12 {
order : 12;
}
.offset-1 {
margin-left : 8.333333%;
}
.offset-2 {
margin-left : 16.666667%;
}
.offset-3 {
margin-left : 25%;
}
.offset-4 {
margin-left : 33.333333%;
}
.offset-5 {
margin-left : 41.666667%;
}
.offset-6 {
margin-left : 50%;
}
.offset-7 {
margin-left : 58.333333%;
}
.offset-8 {
margin-left : 66.666667%;
}
.offset-9 {
margin-left : 75%;
}
.offset-10 {
margin-left : 83.333333%;
}
.offset-11 {
margin-left : 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-sm-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%;
}
.col-sm-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-sm-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-sm-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-sm-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-sm-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-sm-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-sm-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-sm-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-sm-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-sm-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-sm-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-sm-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-sm-first {
order : -1;
}
.order-sm-last {
order : 13;
}
.order-sm-0 {
order : 0;
}
.order-sm-1 {
order : 1;
}
.order-sm-2 {
order : 2;
}
.order-sm-3 {
order : 3;
}
.order-sm-4 {
order : 4;
}
.order-sm-5 {
order : 5;
}
.order-sm-6 {
order : 6;
}
.order-sm-7 {
order : 7;
}
.order-sm-8 {
order : 8;
}
.order-sm-9 {
order : 9;
}
.order-sm-10 {
order : 10;
}
.order-sm-11 {
order : 11;
}
.order-sm-12 {
order : 12;
}
.offset-sm-0 {
margin-left : 0;
}
.offset-sm-1 {
margin-left : 8.333333%;
}
.offset-sm-2 {
margin-left : 16.666667%;
}
.offset-sm-3 {
margin-left : 25%;
}
.offset-sm-4 {
margin-left : 33.333333%;
}
.offset-sm-5 {
margin-left : 41.666667%;
}
.offset-sm-6 {
margin-left : 50%;
}
.offset-sm-7 {
margin-left : 58.333333%;
}
.offset-sm-8 {
margin-left : 66.666667%;
}
.offset-sm-9 {
margin-left : 75%;
}
.offset-sm-10 {
margin-left : 83.333333%;
}
.offset-sm-11 {
margin-left : 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-md-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%;
}
.col-md-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-md-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-md-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-md-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-md-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-md-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-md-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-md-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-md-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-md-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-md-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-md-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-md-first {
order : -1;
}
.order-md-last {
order : 13;
}
.order-md-0 {
order : 0;
}
.order-md-1 {
order : 1;
}
.order-md-2 {
order : 2;
}
.order-md-3 {
order : 3;
}
.order-md-4 {
order : 4;
}
.order-md-5 {
order : 5;
}
.order-md-6 {
order : 6;
}
.order-md-7 {
order : 7;
}
.order-md-8 {
order : 8;
}
.order-md-9 {
order : 9;
}
.order-md-10 {
order : 10;
}
.order-md-11 {
order : 11;
}
.order-md-12 {
order : 12;
}
.offset-md-0 {
margin-left : 0;
}
.offset-md-1 {
margin-left : 8.333333%;
}
.offset-md-2 {
margin-left : 16.666667%;
}
.offset-md-3 {
margin-left : 25%;
}
.offset-md-4 {
margin-left : 33.333333%;
}
.offset-md-5 {
margin-left : 41.666667%;
}
.offset-md-6 {
margin-left : 50%;
}
.offset-md-7 {
margin-left : 58.333333%;
}
.offset-md-8 {
margin-left : 66.666667%;
}
.offset-md-9 {
margin-left : 75%;
}
.offset-md-10 {
margin-left : 83.333333%;
}
.offset-md-11 {
margin-left : 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-lg-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%;
}
.col-lg-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-lg-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-lg-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-lg-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-lg-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-lg-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-lg-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-lg-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-lg-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-lg-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-lg-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-lg-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-lg-first {
order : -1;
}
.order-lg-last {
order : 13;
}
.order-lg-0 {
order : 0;
}
.order-lg-1 {
order : 1;
}
.order-lg-2 {
order : 2;
}
.order-lg-3 {
order : 3;
}
.order-lg-4 {
order : 4;
}
.order-lg-5 {
order : 5;
}
.order-lg-6 {
order : 6;
}
.order-lg-7 {
order : 7;
}
.order-lg-8 {
order : 8;
}
.order-lg-9 {
order : 9;
}
.order-lg-10 {
order : 10;
}
.order-lg-11 {
order : 11;
}
.order-lg-12 {
order : 12;
}
.offset-lg-0 {
margin-left : 0;
}
.offset-lg-1 {
margin-left : 8.333333%;
}
.offset-lg-2 {
margin-left : 16.666667%;
}
.offset-lg-3 {
margin-left : 25%;
}
.offset-lg-4 {
margin-left : 33.333333%;
}
.offset-lg-5 {
margin-left : 41.666667%;
}
.offset-lg-6 {
margin-left : 50%;
}
.offset-lg-7 {
margin-left : 58.333333%;
}
.offset-lg-8 {
margin-left : 66.666667%;
}
.offset-lg-9 {
margin-left : 75%;
}
.offset-lg-10 {
margin-left : 83.333333%;
}
.offset-lg-11 {
margin-left : 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-xl-auto {
flex : 0 0 auto;
width : auto;
max-width : 100%;
}
.col-xl-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-xl-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-xl-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-xl-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-xl-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-xl-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-xl-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-xl-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-xl-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-xl-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-xl-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-xl-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-xl-first {
order : -1;
}
.order-xl-last {
order : 13;
}
.order-xl-0 {
order : 0;
}
.order-xl-1 {
order : 1;
}
.order-xl-2 {
order : 2;
}
.order-xl-3 {
order : 3;
}
.order-xl-4 {
order : 4;
}
.order-xl-5 {
order : 5;
}
.order-xl-6 {
order : 6;
}
.order-xl-7 {
order : 7;
}
.order-xl-8 {
order : 8;
}
.order-xl-9 {
order : 9;
}
.order-xl-10 {
order : 10;
}
.order-xl-11 {
order : 11;
}
.order-xl-12 {
order : 12;
}
.offset-xl-0 {
margin-left : 0;
}
.offset-xl-1 {
margin-left : 8.333333%;
}
.offset-xl-2 {
margin-left : 16.666667%;
}
.offset-xl-3 {
margin-left : 25%;
}
.offset-xl-4 {
margin-left : 33.333333%;
}
.offset-xl-5 {
margin-left : 41.666667%;
}
.offset-xl-6 {
margin-left : 50%;
}
.offset-xl-7 {
margin-left : 58.333333%;
}
.offset-xl-8 {
margin-left : 66.666667%;
}
.offset-xl-9 {
margin-left : 75%;
}
.offset-xl-10 {
margin-left : 83.333333%;
}
.offset-xl-11 {
margin-left : 91.666667%;
}
}
.table {
width : 100%;
margin-bottom : 1rem;
color : #212529;
}
.table td, .table th {
padding : 0.75rem;
vertical-align : top;
border-top : 1px solid #dee2e6;
}
.table thead th {
vertical-align : bottom;
border-bottom : 2px solid #dee2e6;
}
.table tbody + tbody {
border-top : 2px solid #dee2e6;
}
.table-sm td, .table-sm th {
padding : 0.3rem;
}
.table-bordered {
border : #dee2e6 solid 1px;
}
.table-bordered td, .table-bordered th {
border : #dee2e6 solid 1px;
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width : 2px;
}
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
border : 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color : rgb(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
color : #212529;
background-color : rgb(0, 0, 0, 0.075);
}
.table-primary, .table-primary > td, .table-primary > th {
background-color : #b8daff;
}
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color : #7abaff;
}
.table-hover .table-primary:hover {
background-color : #9fcdff;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color : #9fcdff;
}
.table-secondary, .table-secondary > td, .table-secondary > th {
background-color : #d6d8db;
}
.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color : #b3b7bb;
}
.table-hover .table-secondary:hover {
background-color : #c8cbcf;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color : #c8cbcf;
}
.table-success, .table-success > td, .table-success > th {
background-color : #c3e6cb;
}
.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
border-color : #8fd19e;
}
.table-hover .table-success:hover {
background-color : #b1dfbb;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color : #b1dfbb;
}
.table-info, .table-info > td, .table-info > th {
background-color : #bee5eb;
}
.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
border-color : #86cfda;
}
.table-hover .table-info:hover {
background-color : #abdde5;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color : #abdde5;
}
.table-warning, .table-warning > td, .table-warning > th {
background-color : #ffeeba;
}
.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color : #ffdf7e;
}
.table-hover .table-warning:hover {
background-color : #ffe8a1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color : #ffe8a1;
}
.table-danger, .table-danger > td, .table-danger > th {
background-color : #f5c6cb;
}
.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color : #ed969e;
}
.table-hover .table-danger:hover {
background-color : #f1b0b7;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color : #f1b0b7;
}
.table-light, .table-light > td, .table-light > th {
background-color : #fdfdfe;
}
.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
border-color : #fbfcfc;
}
.table-hover .table-light:hover {
background-color : #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color : #ececf6;
}
.table-dark, .table-dark > td, .table-dark > th {
background-color : #c6c8ca;
}
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color : #95999c;
}
.table-hover .table-dark:hover {
background-color : #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color : #b9bbbe;
}
.table-active, .table-active > td, .table-active > th {
background-color : rgb(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color : rgb(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color : rgb(0, 0, 0, 0.075);
}
.table .thead-dark th {
color : #fff;
background-color : #343a40;
border-color : #454d55;
}
.table .thead-light th {
color : #495057;
background-color : #e9ecef;
border-color : #dee2e6;
}
.table-dark {
color : #fff;
background-color : #343a40;
}
.table-dark td, .table-dark th, .table-dark thead th {
border-color : #454d55;
}
.table-dark.table-bordered {
border : 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color : rgb(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color : #fff;
background-color : rgb(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-sm > .table-bordered {
border : 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-md > .table-bordered {
border : 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-lg > .table-bordered {
border : 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-xl > .table-bordered {
border : 0;
}
}
.table-responsive {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive > .table-bordered {
border : 0;
}
.form-control {
display : block;
width : 100%;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 0.75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-clip : padding-box;
border : #ced4da solid 1px;
border-radius : 0.25rem;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition : none;
}
}
.form-control::-ms-expand {
background-color : transparent;
border : 0;
}
.form-control:focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
color : #6c757d;
opacity : 1;
}
.form-control::-moz-placeholder {
color : #6c757d;
opacity : 1;
}
.form-control:-ms-input-placeholder {
color : #6c757d;
opacity : 1;
}
.form-control::-ms-input-placeholder {
color : #6c757d;
opacity : 1;
}
.form-control::placeholder {
color : #6c757d;
opacity : 1;
}
.form-control:disabled, .form-control[readonly] {
background-color : #e9ecef;
opacity : 1;
}
select.form-control:focus::-ms-value {
color : #495057;
background-color : #fff;
}
.form-control-file, .form-control-range {
display : block;
width : 100%;
}
.col-form-label {
padding-top : calc(0.375rem + 1px);
padding-bottom : calc(0.375rem + 1px);
margin-bottom : 0;
font-size : inherit;
line-height : 1.5;
}
.col-form-label-lg {
padding-top : calc(0.5rem + 1px);
padding-bottom : calc(0.5rem + 1px);
font-size : 1.25rem;
line-height : 1.5;
}
.col-form-label-sm {
padding-top : calc(0.25rem + 1px);
padding-bottom : calc(0.25rem + 1px);
font-size : 0.875rem;
line-height : 1.5;
}
.form-control-plaintext {
display : block;
width : 100%;
padding-top : 0.375rem;
padding-bottom : 0.375rem;
margin-bottom : 0;
line-height : 1.5;
color : #212529;
background-color : transparent;
border : transparent solid;
border-width : 1px 0;
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
padding-right : 0;
padding-left : 0;
}
.form-control-sm {
height : calc(1.5em + 0.5rem + 2px);
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
border-radius : 0.2rem;
}
.form-control-lg {
height : calc(1.5em + 1rem + 2px);
padding : 0.5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : 0.3rem;
}
select.form-control[multiple], select.form-control[size] {
height : auto;
}
textarea.form-control {
height : auto;
}
.form-group {
margin-bottom : 1rem;
}
.form-text {
display : block;
margin-top : 0.25rem;
}
.form-row {
display : flex;
flex-wrap : wrap;
margin-right : -5px;
margin-left : -5px;
}
.form-row > .col, .form-row > [class*="col-"] {
padding-right : 5px;
padding-left : 5px;
}
.form-check {
position : relative;
display : block;
padding-left : 1.25rem;
}
.form-check-input {
position : absolute;
margin-top : 0.3rem;
margin-left : -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
color : #6c757d;
}
.form-check-label {
margin-bottom : 0;
}
.form-check-inline {
display : inline-flex;
align-items : center;
padding-left : 0;
margin-right : 0.75rem;
}
.form-check-inline .form-check-input {
position : static;
margin-top : 0;
margin-right : 0.3125rem;
margin-left : 0;
}
.valid-feedback {
display : none;
width : 100%;
margin-top : 0.25rem;
font-size : 80%;
color : #28a745;
}
.valid-tooltip {
position : absolute;
top : 100%;
z-index : 5;
display : none;
max-width : 100%;
padding : 0.25rem 0.5rem;
margin-top : 0.1rem;
font-size : 0.875rem;
line-height : 1.5;
color : #fff;
background-color : rgb(40, 167, 69, 0.9);
border-radius : 0.25rem;
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color : #28a745;
padding-right : calc(1.5em + 0.75rem);
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat : no-repeat;
background-position : center right calc(0.375em + 0.1875rem);
background-size : calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
display : block;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right : calc(1.5em + 0.75rem);
background-position : top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.custom-select.is-valid, .was-validated .custom-select:valid {
border-color : #28a745;
padding-right : calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center /8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem /calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff;
}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
border-color : #28a745;
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip {
display : block;
}
.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
display : block;
}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
color : #28a745;
}
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
display : block;
}
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
color : #28a745;
}
.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
border-color : #28a745;
}
.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
display : block;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
border-color : #34ce57;
background-color : #34ce57;
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
border-color : #28a745;
}
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
border-color : #28a745;
}
.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
display : block;
}
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
border-color : #28a745;
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.invalid-feedback {
display : none;
width : 100%;
margin-top : 0.25rem;
font-size : 80%;
color : #dc3545;
}
.invalid-tooltip {
position : absolute;
top : 100%;
z-index : 5;
display : none;
max-width : 100%;
padding : 0.25rem 0.5rem;
margin-top : 0.1rem;
font-size : 0.875rem;
line-height : 1.5;
color : #fff;
background-color : rgb(220, 53, 69, 0.9);
border-radius : 0.25rem;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color : #dc3545;
padding-right : calc(1.5em + 0.75rem);
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat : no-repeat;
background-position : center right calc(0.375em + 0.1875rem);
background-size : calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.25);
}
.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
display : block;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right : calc(1.5em + 0.75rem);
background-position : top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.custom-select.is-invalid, .was-validated .custom-select:invalid {
border-color : #dc3545;
padding-right : calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center /8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") center right 1.75rem /calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff;
}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
border-color : #dc3545;
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.25);
}
.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip {
display : block;
}
.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
display : block;
}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
color : #dc3545;
}
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
display : block;
}
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
color : #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
border-color : #dc3545;
}
.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
display : block;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
border-color : #e4606d;
background-color : #e4606d;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.25);
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color : #dc3545;
}
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
border-color : #dc3545;
}
.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
display : block;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
border-color : #dc3545;
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.25);
}
.form-inline {
display : flex;
flex-flow : row wrap;
align-items : center;
}
.form-inline .form-check {
width : 100%;
}
@media (min-width: 576px) {
.form-inline label {
display : flex;
align-items : center;
justify-content : center;
margin-bottom : 0;
}
.form-inline .form-group {
display : flex;
flex : 0 0 auto;
flex-flow : row wrap;
align-items : center;
margin-bottom : 0;
}
.form-inline .form-control {
display : inline-block;
width : auto;
vertical-align : middle;
}
.form-inline .form-control-plaintext {
display : inline-block;
}
.form-inline .custom-select, .form-inline .input-group {
width : auto;
}
.form-inline .form-check {
display : flex;
align-items : center;
justify-content : center;
width : auto;
padding-left : 0;
}
.form-inline .form-check-input {
position : relative;
flex-shrink : 0;
margin-top : 0;
margin-right : 0.25rem;
margin-left : 0;
}
.form-inline .custom-control {
align-items : center;
justify-content : center;
}
.form-inline .custom-control-label {
margin-bottom : 0;
}
}
.btn {
display : inline-block;
font-weight : 400;
color : #212529;
text-align : center;
vertical-align : middle;
user-select : none;
background-color : transparent;
border : transparent solid 1px;
padding : 0.375rem 0.75rem;
font-size : 1rem;
line-height : 1.5;
border-radius : 0.25rem;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition : none;
}
}
.btn:hover {
color : #212529;
text-decoration : none;
}
.btn.focus, .btn:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity : 0.65;
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events : none;
}
.btn-primary {
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.btn-primary:hover {
color : #fff;
background-color : #0069d9;
border-color : #0062cc;
}
.btn-primary.focus, .btn-primary:focus {
box-shadow : 0 0 0 0.2rem rgb(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color : #fff;
background-color : #0062cc;
border-color : #005cbf;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(38, 143, 255, 0.5);
}
.btn-secondary {
color : #fff;
background-color : #6c757d;
border-color : #6c757d;
}
.btn-secondary:hover {
color : #fff;
background-color : #5a6268;
border-color : #545b62;
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow : 0 0 0 0.2rem rgb(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color : #fff;
background-color : #6c757d;
border-color : #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
color : #fff;
background-color : #545b62;
border-color : #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(130, 138, 145, 0.5);
}
.btn-success {
color : #fff;
background-color : #28a745;
border-color : #28a745;
}
.btn-success:hover {
color : #fff;
background-color : #218838;
border-color : #1e7e34;
}
.btn-success.focus, .btn-success:focus {
box-shadow : 0 0 0 0.2rem rgb(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color : #fff;
background-color : #28a745;
border-color : #28a745;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
color : #fff;
background-color : #1e7e34;
border-color : #1c7430;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(72, 180, 97, 0.5);
}
.btn-info {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-info:hover {
color : #fff;
background-color : #138496;
border-color : #117a8b;
}
.btn-info.focus, .btn-info:focus {
box-shadow : 0 0 0 0.2rem rgb(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
color : #fff;
background-color : #117a8b;
border-color : #10707f;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(58, 176, 195, 0.5);
}
.btn-warning {
color : #212529;
background-color : #ffc107;
border-color : #ffc107;
}
.btn-warning:hover {
color : #212529;
background-color : #e0a800;
border-color : #d39e00;
}
.btn-warning.focus, .btn-warning:focus {
box-shadow : 0 0 0 0.2rem rgb(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color : #212529;
background-color : #ffc107;
border-color : #ffc107;
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
color : #212529;
background-color : #d39e00;
border-color : #c69500;
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(222, 170, 12, 0.5);
}
.btn-danger {
color : #fff;
background-color : #dc3545;
border-color : #dc3545;
}
.btn-danger:hover {
color : #fff;
background-color : #c82333;
border-color : #bd2130;
}
.btn-danger.focus, .btn-danger:focus {
box-shadow : 0 0 0 0.2rem rgb(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color : #fff;
background-color : #dc3545;
border-color : #dc3545;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
color : #fff;
background-color : #bd2130;
border-color : #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(225, 83, 97, 0.5);
}
.btn-light {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-light:hover {
color : #212529;
background-color : #e2e6ea;
border-color : #dae0e5;
}
.btn-light.focus, .btn-light:focus {
box-shadow : 0 0 0 0.2rem rgb(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
color : #212529;
background-color : #dae0e5;
border-color : #d3d9df;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(216, 217, 219, 0.5);
}
.btn-dark {
color : #fff;
background-color : #343a40;
border-color : #343a40;
}
.btn-dark:hover {
color : #fff;
background-color : #23272b;
border-color : #1d2124;
}
.btn-dark.focus, .btn-dark:focus {
box-shadow : 0 0 0 0.2rem rgb(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color : #fff;
background-color : #343a40;
border-color : #343a40;
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
color : #fff;
background-color : #1d2124;
border-color : #171a1d;
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(82, 88, 93, 0.5);
}
.btn-outline-primary {
color : #007bff;
border-color : #007bff;
}
.btn-outline-primary:hover {
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color : #007bff;
background-color : transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.btn-outline-secondary {
color : #6c757d;
border-color : #6c757d;
}
.btn-outline-secondary:hover {
color : #fff;
background-color : #6c757d;
border-color : #6c757d;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
box-shadow : 0 0 0 0.2rem rgb(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color : #6c757d;
background-color : transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
color : #fff;
background-color : #6c757d;
border-color : #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(108, 117, 125, 0.5);
}
.btn-outline-success {
color : #28a745;
border-color : #28a745;
}
.btn-outline-success:hover {
color : #fff;
background-color : #28a745;
border-color : #28a745;
}
.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color : #28a745;
background-color : transparent;
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
color : #fff;
background-color : #28a745;
border-color : #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.btn-outline-info {
color : #17a2b8;
border-color : #17a2b8;
}
.btn-outline-info:hover {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-outline-info.focus, .btn-outline-info:focus {
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color : #17a2b8;
background-color : transparent;
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.btn-outline-warning {
color : #ffc107;
border-color : #ffc107;
}
.btn-outline-warning:hover {
color : #212529;
background-color : #ffc107;
border-color : #ffc107;
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color : #ffc107;
background-color : transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
color : #212529;
background-color : #ffc107;
border-color : #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.btn-outline-danger {
color : #dc3545;
border-color : #dc3545;
}
.btn-outline-danger:hover {
color : #fff;
background-color : #dc3545;
border-color : #dc3545;
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color : #dc3545;
background-color : transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
color : #fff;
background-color : #dc3545;
border-color : #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.5);
}
.btn-outline-light {
color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-outline-light:hover {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-outline-light.focus, .btn-outline-light:focus {
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color : #f8f9fa;
background-color : transparent;
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.btn-outline-dark {
color : #343a40;
border-color : #343a40;
}
.btn-outline-dark:hover {
color : #fff;
background-color : #343a40;
border-color : #343a40;
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color : #343a40;
background-color : transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
color : #fff;
background-color : #343a40;
border-color : #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.btn-link {
font-weight : 400;
color : #007bff;
text-decoration : none;
}
.btn-link:hover {
color : #0056b3;
text-decoration : underline;
}
.btn-link.focus, .btn-link:focus {
text-decoration : underline;
box-shadow : none;
}
.btn-link.disabled, .btn-link:disabled {
color : #6c757d;
pointer-events : none;
}
.btn-group-lg > .btn, .btn-lg {
padding : 0.5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : 0.3rem;
}
.btn-group-sm > .btn, .btn-sm {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
border-radius : 0.2rem;
}
.btn-block {
display : block;
width : 100%;
}
.btn-block + .btn-block {
margin-top : 0.5rem;
}
input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block {
width : 100%;
}
.fade {
transition : opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition : none;
}
}
.fade:not(.show) {
opacity : 0;
}
.collapse:not(.show) {
display : none;
}
.collapsing {
position : relative;
height : 0;
overflow : hidden;
transition : height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition : none;
}
}
.dropdown, .dropleft, .dropright, .dropup {
position : relative;
}
.dropdown-toggle {
white-space : nowrap;
}
.dropdown-toggle::after {
display : inline-block;
margin-left : 0.255em;
vertical-align : 0.255em;
content : "";
border-top : 0.3em solid;
border-right : 0.3em solid transparent;
border-bottom : 0;
border-left : 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left : 0;
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 10rem;
padding : 0.5rem 0;
margin : 0.125rem 0 0;
font-size : 1rem;
color : #212529;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 0.25rem;
}
.dropdown-menu-left {
right : auto;
left : 0;
}
.dropdown-menu-right {
right : 0;
left : auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right : auto;
left : 0;
}
.dropdown-menu-sm-right {
right : 0;
left : auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right : auto;
left : 0;
}
.dropdown-menu-md-right {
right : 0;
left : auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right : auto;
left : 0;
}
.dropdown-menu-lg-right {
right : 0;
left : auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right : auto;
left : 0;
}
.dropdown-menu-xl-right {
right : 0;
left : auto;
}
}
.dropup .dropdown-menu {
top : auto;
bottom : 100%;
margin-top : 0;
margin-bottom : 0.125rem;
}
.dropup .dropdown-toggle::after {
display : inline-block;
margin-left : 0.255em;
vertical-align : 0.255em;
content : "";
border-top : 0;
border-right : 0.3em solid transparent;
border-bottom : 0.3em solid;
border-left : 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left : 0;
}
.dropright .dropdown-menu {
top : 0;
right : auto;
left : 100%;
margin-top : 0;
margin-left : 0.125rem;
}
.dropright .dropdown-toggle::after {
display : inline-block;
margin-left : 0.255em;
vertical-align : 0.255em;
content : "";
border-top : 0.3em solid transparent;
border-right : 0;
border-bottom : 0.3em solid transparent;
border-left : 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left : 0;
}
.dropright .dropdown-toggle::after {
vertical-align : 0;
}
.dropleft .dropdown-menu {
top : 0;
right : 100%;
left : auto;
margin-top : 0;
margin-right : 0.125rem;
}
.dropleft .dropdown-toggle::after {
display : inline-block;
margin-left : 0.255em;
vertical-align : 0.255em;
content : "";
}
.dropleft .dropdown-toggle::after {
display : none;
}
.dropleft .dropdown-toggle::before {
display : inline-block;
margin-right : 0.255em;
vertical-align : 0.255em;
content : "";
border-top : 0.3em solid transparent;
border-right : 0.3em solid;
border-bottom : 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left : 0;
}
.dropleft .dropdown-toggle::before {
vertical-align : 0;
}
.dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] {
right : auto;
bottom : auto;
}
.dropdown-divider {
height : 0;
margin : 0.5rem 0;
overflow : hidden;
border-top : 1px solid #e9ecef;
}
.dropdown-item {
display : block;
width : 100%;
padding : 0.25rem 1.5rem;
clear : both;
font-weight : 400;
color : #212529;
text-align : inherit;
white-space : nowrap;
background-color : transparent;
border : 0;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #16181b;
text-decoration : none;
background-color : #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color : #fff;
text-decoration : none;
background-color : #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color : #6c757d;
pointer-events : none;
background-color : transparent;
}
.dropdown-menu.show {
display : block;
}
.dropdown-header {
display : block;
padding : 0.5rem 1.5rem;
margin-bottom : 0;
font-size : 0.875rem;
color : #6c757d;
white-space : nowrap;
}
.dropdown-item-text {
display : block;
padding : 0.25rem 1.5rem;
color : #212529;
}
.btn-group, .btn-group-vertical {
position : relative;
display : inline-flex;
vertical-align : middle;
}
.btn-group-vertical > .btn, .btn-group > .btn {
position : relative;
flex : 1 1 auto;
}
.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
z-index : 1;
}
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
z-index : 1;
}
.btn-toolbar {
display : flex;
flex-wrap : wrap;
justify-content : flex-start;
}
.btn-toolbar .input-group {
width : auto;
}
.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
margin-left : -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.dropdown-toggle-split {
padding-right : 0.5625rem;
padding-left : 0.5625rem;
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
margin-left : 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right : 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
padding-right : 0.375rem;
padding-left : 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
padding-right : 0.75rem;
padding-left : 0.75rem;
}
.btn-group-vertical {
flex-direction : column;
align-items : flex-start;
justify-content : center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
width : 100%;
}
.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
margin-top : -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
margin-bottom : 0;
}
.btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] {
position : absolute;
clip : rect(0,0,0,0);
pointer-events : none;
}
.input-group {
position : relative;
display : flex;
flex-wrap : wrap;
align-items : stretch;
width : 100%;
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
position : relative;
flex : 1 1 auto;
width : 1%;
margin-bottom : 0;
}
.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
margin-left : -1px;
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
z-index : 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index : 4;
}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.input-group > .custom-file {
display : flex;
align-items : center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.input-group-append, .input-group-prepend {
display : flex;
}
.input-group-append .btn, .input-group-prepend .btn {
position : relative;
z-index : 2;
}
.input-group-append .btn:focus, .input-group-prepend .btn:focus {
z-index : 3;
}
.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
margin-left : -1px;
}
.input-group-prepend {
margin-right : -1px;
}
.input-group-append {
margin-left : -1px;
}
.input-group-text {
display : flex;
align-items : center;
padding : 0.375rem 0.75rem;
margin-bottom : 0;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
text-align : center;
white-space : nowrap;
background-color : #e9ecef;
border : #ced4da solid 1px;
border-radius : 0.25rem;
}
.input-group-text input[type="checkbox"], .input-group-text input[type="radio"] {
margin-top : 0;
}
.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
height : calc(1.5em + 1rem + 2px);
}
.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
padding : 0.5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : 0.3rem;
}
.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
height : calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
border-radius : 0.2rem;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
padding-right : 1.75rem;
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.custom-control {
position : relative;
display : block;
min-height : 1.5rem;
padding-left : 1.5rem;
}
.custom-control-inline {
display : inline-flex;
margin-right : 1rem;
}
.custom-control-input {
position : absolute;
z-index : -1;
opacity : 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color : #fff;
border-color : #007bff;
background-color : #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color : #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color : #fff;
background-color : #b3d7ff;
border-color : #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-label {
color : #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
background-color : #e9ecef;
}
.custom-control-label {
position : relative;
margin-bottom : 0;
vertical-align : top;
}
.custom-control-label::before {
position : absolute;
top : 0.25rem;
left : -1.5rem;
display : block;
width : 1rem;
height : 1rem;
pointer-events : none;
content : "";
background-color : #fff;
border : #adb5bd solid 1px;
}
.custom-control-label::after {
position : absolute;
top : 0.25rem;
left : -1.5rem;
display : block;
width : 1rem;
height : 1rem;
content : "";
background : 50% /50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
border-radius : 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color : #007bff;
background-color : #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color : rgb(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color : rgb(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius : 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color : rgb(0, 123, 255, 0.5);
}
.custom-switch {
padding-left : 2.25rem;
}
.custom-switch .custom-control-label::before {
left : -2.25rem;
width : 1.75rem;
pointer-events : all;
border-radius : 0.5rem;
}
.custom-switch .custom-control-label::after {
top : calc(0.25rem + 2px);
left : calc(-2.25rem + 2px);
width : calc(1rem - 4px);
height : calc(1rem - 4px);
background-color : #adb5bd;
border-radius : 0.5rem;
transition : transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition : none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color : #fff;
transform : translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color : rgb(0, 123, 255, 0.5);
}
.custom-select {
display : inline-block;
width : 100%;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 1.75rem 0.375rem 0.75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
vertical-align : middle;
background : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center /8px 10px no-repeat;
background-color : #fff;
border : #ced4da solid 1px;
border-radius : 0.25rem;
appearance : none;
}
.custom-select:focus {
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
color : #495057;
background-color : #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height : auto;
padding-right : 0.75rem;
background-image : none;
}
.custom-select:disabled {
color : #6c757d;
background-color : #e9ecef;
}
.custom-select::-ms-expand {
display : none;
}
.custom-select-sm {
height : calc(1.5em + 0.5rem + 2px);
padding-top : 0.25rem;
padding-bottom : 0.25rem;
padding-left : 0.5rem;
font-size : 0.875rem;
}
.custom-select-lg {
height : calc(1.5em + 1rem + 2px);
padding-top : 0.5rem;
padding-bottom : 0.5rem;
padding-left : 1rem;
font-size : 1.25rem;
}
.custom-file {
position : relative;
display : inline-block;
width : 100%;
height : calc(1.5em + 0.75rem + 2px);
margin-bottom : 0;
}
.custom-file-input {
position : relative;
z-index : 2;
width : 100%;
height : calc(1.5em + 0.75rem + 2px);
margin : 0;
opacity : 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color : #80bdff;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
background-color : #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content : "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content : attr(data-browse);
}
.custom-file-label {
position : absolute;
top : 0;
right : 0;
left : 0;
z-index : 1;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 0.75rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
border : #ced4da solid 1px;
border-radius : 0.25rem;
}
.custom-file-label::after {
position : absolute;
top : 0;
right : 0;
bottom : 0;
z-index : 3;
display : block;
height : calc(1.5em + 0.75rem);
padding : 0.375rem 0.75rem;
line-height : 1.5;
color : #495057;
content : "Browse";
background-color : #e9ecef;
border-left : ;
border-radius : 0 0.25rem 0.25rem 0;
}
.custom-range {
width : 100%;
height : calc(1rem + 0.4rem);
padding : 0;
background-color : transparent;
appearance : none;
}
.custom-range:focus {
outline : 0;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow : 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
box-shadow : 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
box-shadow : 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
border : 0;
}
.custom-range::-webkit-slider-thumb {
width : 1rem;
height : 1rem;
margin-top : -0.25rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance : none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
transition : none;
}
}
.custom-range::-webkit-slider-thumb:active {
background-color : #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
width : 100%;
height : 0.5rem;
color : transparent;
cursor : pointer;
background-color : #dee2e6;
border-color : transparent;
border-radius : 1rem;
}
.custom-range::-moz-range-thumb {
width : 1rem;
height : 1rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance : none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
transition : none;
}
}
.custom-range::-moz-range-thumb:active {
background-color : #b3d7ff;
}
.custom-range::-moz-range-track {
width : 100%;
height : 0.5rem;
color : transparent;
cursor : pointer;
background-color : #dee2e6;
border-color : transparent;
border-radius : 1rem;
}
.custom-range::-ms-thumb {
width : 1rem;
height : 1rem;
margin-top : 0;
margin-right : 0.2rem;
margin-left : 0.2rem;
background-color : #007bff;
border : 0;
border-radius : 1rem;
transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance : none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
transition : none;
}
}
.custom-range::-ms-thumb:active {
background-color : #b3d7ff;
}
.custom-range::-ms-track {
width : 100%;
height : 0.5rem;
color : transparent;
cursor : pointer;
background-color : transparent;
border-color : transparent;
border-width : 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color : #dee2e6;
border-radius : 1rem;
}
.custom-range::-ms-fill-upper {
margin-right : 15px;
background-color : #dee2e6;
border-radius : 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color : #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor : default;
}
.custom-range:disabled::-moz-range-thumb {
background-color : #adb5bd;
}
.custom-range:disabled::-moz-range-track {
cursor : default;
}
.custom-range:disabled::-ms-thumb {
background-color : #adb5bd;
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before, .custom-file-label, .custom-select {
transition : none;
}
}
.nav {
display : flex;
flex-wrap : wrap;
padding-left : 0;
margin-bottom : 0;
list-style : none;
}
.nav-link {
display : block;
padding : 0.5rem 1rem;
}
.nav-link:focus, .nav-link:hover {
text-decoration : none;
}
.nav-link.disabled {
color : #6c757d;
pointer-events : none;
cursor : default;
}
.nav-tabs {
border-bottom : 1px solid #dee2e6;
}
.nav-tabs .nav-item {
margin-bottom : -1px;
}
.nav-tabs .nav-link {
border : transparent solid 1px;
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color : #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
color : #6c757d;
background-color : transparent;
border-color : transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color : #495057;
background-color : #fff;
border-color : #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
margin-top : -1px;
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.nav-pills .nav-link {
border-radius : 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color : #fff;
background-color : #007bff;
}
.nav-fill .nav-item {
flex : 1 1 auto;
text-align : center;
}
.nav-justified .nav-item {
flex-basis : 0;
flex-grow : 1;
text-align : center;
}
.tab-content > .tab-pane {
display : none;
}
.tab-content > .active {
display : block;
}
.navbar {
position : relative;
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between;
padding : 0.5rem 1rem;
}
.navbar > .container, .navbar > .container-fluid {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between;
}
.navbar-brand {
display : inline-block;
padding-top : 0.3125rem;
padding-bottom : 0.3125rem;
margin-right : 1rem;
font-size : 1.25rem;
line-height : inherit;
white-space : nowrap;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration : none;
}
.navbar-nav {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
list-style : none;
}
.navbar-nav .nav-link {
padding-right : 0;
padding-left : 0;
}
.navbar-nav .dropdown-menu {
position : static;
float : none;
}
.navbar-text {
display : inline-block;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
}
.navbar-collapse {
flex-basis : 100%;
flex-grow : 1;
align-items : center;
}
.navbar-toggler {
padding : 0.25rem 0.75rem;
font-size : 1.25rem;
line-height : 1;
background-color : transparent;
border : transparent solid 1px;
border-radius : 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration : none;
}
.navbar-toggler-icon {
display : inline-block;
width : 1.5em;
height : 1.5em;
vertical-align : middle;
content : "";
background : center center no-repeat;
background-size : 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction : row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-sm .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-sm .navbar-toggler {
display : none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction : row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-md .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-md .navbar-toggler {
display : none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction : row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-lg .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-lg .navbar-toggler {
display : none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction : row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-xl .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-xl .navbar-toggler {
display : none;
}
}
.navbar-expand {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
padding-right : 0;
padding-left : 0;
}
.navbar-expand .navbar-nav {
flex-direction : row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand .navbar-toggler {
display : none;
}
.navbar-light .navbar-brand {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color : rgb(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color : rgb(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color : rgb(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color : rgb(0, 0, 0, 0.5);
border-color : rgb(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image : url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color : rgb(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color : rgb(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color : #fff;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
color : #fff;
}
.navbar-dark .navbar-nav .nav-link {
color : rgb(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color : rgb(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color : rgb(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
color : #fff;
}
.navbar-dark .navbar-toggler {
color : rgb(255, 255, 255, 0.5);
border-color : rgb(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image : url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color : rgb(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color : #fff;
}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color : #fff;
}
.card {
position : relative;
display : flex;
flex-direction : column;
min-width : 0;
overflow-wrap : break-word;
background-color : #fff;
background-clip : border-box;
border : rgb(0, 0, 0, 0.125) solid 1px;
border-radius : 0.25rem;
}
.card > hr {
margin-right : 0;
margin-left : 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.card-body {
flex : 1 1 auto;
padding : 1.25rem;
}
.card-title {
margin-bottom : 0.75rem;
}
.card-subtitle {
margin-top : -0.375rem;
margin-bottom : 0;
}
.card-text:last-child {
margin-bottom : 0;
}
.card-link:hover {
text-decoration : none;
}
.card-link + .card-link {
margin-left : 1.25rem;
}
.card-header {
padding : 0.75rem 1.25rem;
margin-bottom : 0;
background-color : rgb(0, 0, 0, 0.03);
border-bottom : 1px solid rgb(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius : calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top : 0;
}
.card-footer {
padding : 0.75rem 1.25rem;
background-color : rgb(0, 0, 0, 0.03);
border-top : 1px solid rgb(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius : 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right : -0.625rem;
margin-bottom : -0.75rem;
margin-left : -0.625rem;
border-bottom : 0;
}
.card-header-pills {
margin-right : -0.625rem;
margin-left : -0.625rem;
}
.card-img-overlay {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
padding : 1.25rem;
}
.card-img {
width : 100%;
border-radius : calc(0.25rem - 1px);
}
.card-img-top {
width : 100%;
border-top-left-radius : calc(0.25rem - 1px);
border-top-right-radius : calc(0.25rem - 1px);
}
.card-img-bottom {
width : 100%;
border-bottom-right-radius : calc(0.25rem - 1px);
border-bottom-left-radius : calc(0.25rem - 1px);
}
.card-deck {
display : flex;
flex-direction : column;
}
.card-deck .card {
margin-bottom : 15px;
}
@media (min-width: 576px) {
.card-deck {
flex-flow : row wrap;
margin-right : -15px;
margin-left : -15px;
}
.card-deck .card {
display : flex;
flex : 1 0 0%;
flex-direction : column;
margin-right : 15px;
margin-bottom : 0;
margin-left : 15px;
}
}
.card-group {
display : flex;
flex-direction : column;
}
.card-group > .card {
margin-bottom : 15px;
}
@media (min-width: 576px) {
.card-group {
flex-flow : row wrap;
}
.card-group > .card {
flex : 1 0 0%;
margin-bottom : 0;
}
.card-group > .card + .card {
margin-left : 0;
border-left : 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
border-top-right-radius : 0;
}
.card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
border-bottom-right-radius : 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
border-top-left-radius : 0;
}
.card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
border-bottom-left-radius : 0;
}
}
.card-columns .card {
margin-bottom : 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
column-count : 3;
column-gap : 1.25rem;
orphans : 1;
widows : 1;
}
.card-columns .card {
display : inline-block;
width : 100%;
}
}
.accordion > .card {
overflow : hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius : 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom : 0;
border-radius : 0;
}
.accordion > .card:first-of-type {
border-bottom : 0;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.accordion > .card:last-of-type {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.accordion > .card .card-header {
margin-bottom : -1px;
}
.breadcrumb {
display : flex;
flex-wrap : wrap;
padding : 0.75rem 1rem;
margin-bottom : 1rem;
list-style : none;
background-color : #e9ecef;
border-radius : 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
padding-left : 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display : inline-block;
padding-right : 0.5rem;
color : #6c757d;
content : "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration : underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration : none;
}
.breadcrumb-item.active {
color : #6c757d;
}
.pagination {
display : flex;
padding-left : 0;
list-style : none;
border-radius : 0.25rem;
}
.page-link {
position : relative;
display : block;
padding : 0.5rem 0.75rem;
margin-left : -1px;
line-height : 1.25;
color : #007bff;
background-color : #fff;
border : #dee2e6 solid 1px;
}
.page-link:hover {
z-index : 2;
color : #0056b3;
text-decoration : none;
background-color : #e9ecef;
border-color : #dee2e6;
}
.page-link:focus {
z-index : 2;
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
margin-left : 0;
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
}
.page-item.active .page-link {
z-index : 1;
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.page-item.disabled .page-link {
color : #6c757d;
pointer-events : none;
cursor : auto;
background-color : #fff;
border-color : #dee2e6;
}
.pagination-lg .page-link {
padding : 0.75rem 1.5rem;
font-size : 1.25rem;
line-height : 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius : 0.3rem;
border-bottom-left-radius : 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius : 0.3rem;
border-bottom-right-radius : 0.3rem;
}
.pagination-sm .page-link {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius : 0.2rem;
border-bottom-left-radius : 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius : 0.2rem;
border-bottom-right-radius : 0.2rem;
}
.badge {
display : inline-block;
padding : 0.25em 0.4em;
font-size : 75%;
font-weight : 700;
line-height : 1;
text-align : center;
white-space : nowrap;
vertical-align : baseline;
border-radius : 0.25rem;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition : none;
}
}
a.badge:focus, a.badge:hover {
text-decoration : none;
}
.badge:empty {
display : none;
}
.btn .badge {
position : relative;
top : -1px;
}
.badge-pill {
padding-right : 0.6em;
padding-left : 0.6em;
border-radius : 10rem;
}
.badge-primary {
color : #fff;
background-color : #007bff;
}
a.badge-primary:focus, a.badge-primary:hover {
color : #fff;
background-color : #0062cc;
}
a.badge-primary.focus, a.badge-primary:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.badge-secondary {
color : #fff;
background-color : #6c757d;
}
a.badge-secondary:focus, a.badge-secondary:hover {
color : #fff;
background-color : #545b62;
}
a.badge-secondary.focus, a.badge-secondary:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(108, 117, 125, 0.5);
}
.badge-success {
color : #fff;
background-color : #28a745;
}
a.badge-success:focus, a.badge-success:hover {
color : #fff;
background-color : #1e7e34;
}
a.badge-success.focus, a.badge-success:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.badge-info {
color : #fff;
background-color : #17a2b8;
}
a.badge-info:focus, a.badge-info:hover {
color : #fff;
background-color : #117a8b;
}
a.badge-info.focus, a.badge-info:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.badge-warning {
color : #212529;
background-color : #ffc107;
}
a.badge-warning:focus, a.badge-warning:hover {
color : #212529;
background-color : #d39e00;
}
a.badge-warning.focus, a.badge-warning:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.badge-danger {
color : #fff;
background-color : #dc3545;
}
a.badge-danger:focus, a.badge-danger:hover {
color : #fff;
background-color : #bd2130;
}
a.badge-danger.focus, a.badge-danger:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.5);
}
.badge-light {
color : #212529;
background-color : #f8f9fa;
}
a.badge-light:focus, a.badge-light:hover {
color : #212529;
background-color : #dae0e5;
}
a.badge-light.focus, a.badge-light:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.badge-dark {
color : #fff;
background-color : #343a40;
}
a.badge-dark:focus, a.badge-dark:hover {
color : #fff;
background-color : #1d2124;
}
a.badge-dark.focus, a.badge-dark:focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.jumbotron {
padding : 2rem 1rem;
margin-bottom : 2rem;
background-color : #e9ecef;
border-radius : 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding : 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right : 0;
padding-left : 0;
border-radius : 0;
}
.alert {
position : relative;
padding : 0.75rem 1.25rem;
margin-bottom : 1rem;
border : transparent solid 1px;
border-radius : 0.25rem;
}
.alert-heading {
color : inherit;
}
.alert-link {
font-weight : 700;
}
.alert-dismissible {
padding-right : 4rem;
}
.alert-dismissible .close {
position : absolute;
top : 0;
right : 0;
padding : 0.75rem 1.25rem;
color : inherit;
}
.alert-primary {
color : #004085;
background-color : #cce5ff;
border-color : #b8daff;
}
.alert-primary hr {
border-top-color : #9fcdff;
}
.alert-primary .alert-link {
color : #002752;
}
.alert-secondary {
color : #383d41;
background-color : #e2e3e5;
border-color : #d6d8db;
}
.alert-secondary hr {
border-top-color : #c8cbcf;
}
.alert-secondary .alert-link {
color : #202326;
}
.alert-success {
color : #155724;
background-color : #d4edda;
border-color : #c3e6cb;
}
.alert-success hr {
border-top-color : #b1dfbb;
}
.alert-success .alert-link {
color : #0b2e13;
}
.alert-info {
color : #0c5460;
background-color : #d1ecf1;
border-color : #bee5eb;
}
.alert-info hr {
border-top-color : #abdde5;
}
.alert-info .alert-link {
color : #062c33;
}
.alert-warning {
color : #856404;
background-color : #fff3cd;
border-color : #ffeeba;
}
.alert-warning hr {
border-top-color : #ffe8a1;
}
.alert-warning .alert-link {
color : #533f03;
}
.alert-danger {
color : #721c24;
background-color : #f8d7da;
border-color : #f5c6cb;
}
.alert-danger hr {
border-top-color : #f1b0b7;
}
.alert-danger .alert-link {
color : #491217;
}
.alert-light {
color : #818182;
background-color : #fefefe;
border-color : #fdfdfe;
}
.alert-light hr {
border-top-color : #ececf6;
}
.alert-light .alert-link {
color : #686868;
}
.alert-dark {
color : #1b1e21;
background-color : #d6d8d9;
border-color : #c6c8ca;
}
.alert-dark hr {
border-top-color : #b9bbbe;
}
.alert-dark .alert-link {
color : #040505;
}
@keyframes progress-bar-stripes {
from {
background-position : 1rem 0;
}
to {
background-position : 0 0;
}
}
.progress {
display : flex;
height : 1rem;
overflow : hidden;
font-size : 0.75rem;
background-color : #e9ecef;
border-radius : 0.25rem;
}
.progress-bar {
display : flex;
flex-direction : column;
justify-content : center;
color : #fff;
text-align : center;
white-space : nowrap;
background-color : #007bff;
transition : width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition : none;
}
}
.progress-bar-striped {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size : 1rem 1rem;
}
.progress-bar-animated {
animation : progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation : none;
}
}
.media {
display : flex;
align-items : flex-start;
}
.media-body {
flex : 1;
}
.list-group {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
}
.list-group-item-action {
width : 100%;
color : #495057;
text-align : inherit;
}
.list-group-item-action:focus, .list-group-item-action:hover {
z-index : 1;
color : #495057;
text-decoration : none;
background-color : #f8f9fa;
}
.list-group-item-action:active {
color : #212529;
background-color : #e9ecef;
}
.list-group-item {
position : relative;
display : block;
padding : 0.75rem 1.25rem;
margin-bottom : -1px;
background-color : #fff;
border : rgb(0, 0, 0, 0.125) solid 1px;
}
.list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.list-group-item:last-child {
margin-bottom : 0;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
color : #6c757d;
pointer-events : none;
background-color : #fff;
}
.list-group-item.active {
z-index : 2;
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.list-group-horizontal {
flex-direction : row;
}
.list-group-horizontal .list-group-item {
margin-right : -1px;
margin-bottom : 0;
}
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
border-top-right-radius : 0;
}
.list-group-horizontal .list-group-item:last-child {
margin-right : 0;
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction : row;
}
.list-group-horizontal-sm .list-group-item {
margin-right : -1px;
margin-bottom : 0;
}
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
border-top-right-radius : 0;
}
.list-group-horizontal-sm .list-group-item:last-child {
margin-right : 0;
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction : row;
}
.list-group-horizontal-md .list-group-item {
margin-right : -1px;
margin-bottom : 0;
}
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
border-top-right-radius : 0;
}
.list-group-horizontal-md .list-group-item:last-child {
margin-right : 0;
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction : row;
}
.list-group-horizontal-lg .list-group-item {
margin-right : -1px;
margin-bottom : 0;
}
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
border-top-right-radius : 0;
}
.list-group-horizontal-lg .list-group-item:last-child {
margin-right : 0;
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction : row;
}
.list-group-horizontal-xl .list-group-item {
margin-right : -1px;
margin-bottom : 0;
}
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
border-top-right-radius : 0;
}
.list-group-horizontal-xl .list-group-item:last-child {
margin-right : 0;
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0;
}
}
.list-group-flush .list-group-item {
border-right : 0;
border-left : 0;
border-radius : 0;
}
.list-group-flush .list-group-item:last-child {
margin-bottom : -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top : 0;
}
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom : 0;
border-bottom : 0;
}
.list-group-item-primary {
color : #004085;
background-color : #b8daff;
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color : #004085;
background-color : #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
color : #fff;
background-color : #004085;
border-color : #004085;
}
.list-group-item-secondary {
color : #383d41;
background-color : #d6d8db;
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color : #383d41;
background-color : #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
color : #fff;
background-color : #383d41;
border-color : #383d41;
}
.list-group-item-success {
color : #155724;
background-color : #c3e6cb;
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color : #155724;
background-color : #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
color : #fff;
background-color : #155724;
border-color : #155724;
}
.list-group-item-info {
color : #0c5460;
background-color : #bee5eb;
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color : #0c5460;
background-color : #abdde5;
}
.list-group-item-info.list-group-item-action.active {
color : #fff;
background-color : #0c5460;
border-color : #0c5460;
}
.list-group-item-warning {
color : #856404;
background-color : #ffeeba;
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color : #856404;
background-color : #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
color : #fff;
background-color : #856404;
border-color : #856404;
}
.list-group-item-danger {
color : #721c24;
background-color : #f5c6cb;
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color : #721c24;
background-color : #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
color : #fff;
background-color : #721c24;
border-color : #721c24;
}
.list-group-item-light {
color : #818182;
background-color : #fdfdfe;
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color : #818182;
background-color : #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color : #fff;
background-color : #818182;
border-color : #818182;
}
.list-group-item-dark {
color : #1b1e21;
background-color : #c6c8ca;
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color : #1b1e21;
background-color : #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color : #fff;
background-color : #1b1e21;
border-color : #1b1e21;
}
.close {
float : right;
font-size : 1.5rem;
font-weight : 700;
line-height : 1;
color : #000;
text-shadow : 0 1px 0 #fff;
opacity : 0.5;
}
.close:hover {
color : #000;
text-decoration : none;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
opacity : 0.75;
}
button.close {
padding : 0;
background-color : transparent;
border : 0;
appearance : none;
}
a.close.disabled {
pointer-events : none;
}
.toast {
max-width : 350px;
overflow : hidden;
font-size : 0.875rem;
background-color : rgb(255, 255, 255, 0.85);
background-clip : padding-box;
border : rgb(0, 0, 0, 0.1) solid 1px;
box-shadow : 0 0.25rem 0.75rem rgb(0, 0, 0, 0.1);
opacity : 0;
border-radius : 0.25rem;
}
.toast:not(:last-child) {
margin-bottom : 0.75rem;
}
.toast.showing {
opacity : 1;
}
.toast.show {
display : block;
opacity : 1;
}
.toast.hide {
display : none;
}
.toast-header {
display : flex;
align-items : center;
padding : 0.25rem 0.75rem;
color : #6c757d;
background-color : rgb(255, 255, 255, 0.85);
background-clip : padding-box;
border-bottom : 1px solid rgb(0, 0, 0, 0.05);
}
.toast-body {
padding : 0.75rem;
}
.modal-open {
overflow : hidden;
}
.modal-open .modal {
overflow-x : hidden;
overflow-y : auto;
}
.modal {
position : fixed;
top : 0;
left : 0;
z-index : 1050;
display : none;
width : 100%;
height : 100%;
overflow : hidden;
outline : 0;
}
.modal-dialog {
position : relative;
width : auto;
margin : 0.5rem;
pointer-events : none;
}
.modal.fade .modal-dialog {
transition : transform 0.3s ease-out;
transform : translate(0,-50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition : none;
}
}
.modal.show .modal-dialog {
transform : none;
}
.modal-dialog-scrollable {
display : flex;
max-height : calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height : calc(100vh - 1rem);
overflow : hidden;
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
flex-shrink : 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y : auto;
}
.modal-dialog-centered {
display : flex;
align-items : center;
min-height : calc(100% - 1rem);
}
.modal-dialog-centered::before {
display : block;
height : calc(100vh - 1rem);
content : "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction : column;
justify-content : center;
height : 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height : none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content : none;
}
.modal-content {
position : relative;
display : flex;
flex-direction : column;
width : 100%;
pointer-events : auto;
background-color : #fff;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 0.3rem;
outline : 0;
}
.modal-backdrop {
position : fixed;
top : 0;
left : 0;
z-index : 1040;
width : 100vw;
height : 100vh;
background-color : #000;
}
.modal-backdrop.fade {
opacity : 0;
}
.modal-backdrop.show {
opacity : 0.5;
}
.modal-header {
display : flex;
align-items : flex-start;
justify-content : space-between;
padding : 1rem 1rem;
border-bottom : 1px solid #dee2e6;
border-top-left-radius : 0.3rem;
border-top-right-radius : 0.3rem;
}
.modal-header .close {
padding : 1rem 1rem;
margin : -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom : 0;
line-height : 1.5;
}
.modal-body {
position : relative;
flex : 1 1 auto;
padding : 1rem;
}
.modal-footer {
display : flex;
align-items : center;
justify-content : flex-end;
padding : 1rem;
border-top : 1px solid #dee2e6;
border-bottom-right-radius : 0.3rem;
border-bottom-left-radius : 0.3rem;
}
.modal-footer > :not(:first-child) {
margin-left : 0.25rem;
}
.modal-footer > :not(:last-child) {
margin-right : 0.25rem;
}
.modal-scrollbar-measure {
position : absolute;
top : -9999px;
width : 50px;
height : 50px;
overflow : scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width : 500px;
margin : 1.75rem auto;
}
.modal-dialog-scrollable {
max-height : calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
max-height : calc(100vh - 3.5rem);
}
.modal-dialog-centered {
min-height : calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
height : calc(100vh - 3.5rem);
}
.modal-sm {
max-width : 300px;
}
}
@media (min-width: 992px) {
.modal-lg, .modal-xl {
max-width : 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width : 1140px;
}
}
.tooltip {
position : absolute;
z-index : 1070;
display : block;
margin : 0;
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : 0.875rem;
overflow-wrap : break-word;
opacity : 0;
}
.tooltip.show {
opacity : 0.9;
}
.tooltip .arrow {
position : absolute;
display : block;
width : 0.8rem;
height : 0.4rem;
}
.tooltip .arrow::before {
position : absolute;
content : "";
border-color : transparent;
border-style : solid;
}
.bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top {
padding : 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow {
bottom : 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before {
top : 0;
border-width : 0.4rem 0.4rem 0;
border-top-color : #000;
}
.bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right {
padding : 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow {
left : 0;
width : 0.4rem;
height : 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before {
right : 0;
border-width : 0.4rem 0.4rem 0.4rem 0;
border-right-color : #000;
}
.bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom {
padding : 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow {
top : 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
bottom : 0;
border-width : 0 0.4rem 0.4rem;
border-bottom-color : #000;
}
.bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left {
padding : 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow {
right : 0;
width : 0.4rem;
height : 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before {
left : 0;
border-width : 0.4rem 0 0.4rem 0.4rem;
border-left-color : #000;
}
.tooltip-inner {
max-width : 200px;
padding : 0.25rem 0.5rem;
color : #fff;
text-align : center;
background-color : #000;
border-radius : 0.25rem;
}
.popover {
position : absolute;
top : 0;
left : 0;
z-index : 1060;
display : block;
max-width : 276px;
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : 0.875rem;
overflow-wrap : break-word;
background-color : #fff;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 0.3rem;
}
.popover .arrow {
position : absolute;
display : block;
width : 1rem;
height : 0.5rem;
margin : 0 0.3rem;
}
.popover .arrow::after, .popover .arrow::before {
position : absolute;
display : block;
content : "";
border-color : transparent;
border-style : solid;
}
.bs-popover-auto[x-placement^="top"], .bs-popover-top {
margin-bottom : 0.5rem;
}
.bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-top > .arrow {
bottom : calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before {
bottom : 0;
border-width : 0.5rem 0.5rem 0;
border-top-color : rgb(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after {
bottom : 1px;
border-width : 0.5rem 0.5rem 0;
border-top-color : #fff;
}
.bs-popover-auto[x-placement^="right"], .bs-popover-right {
margin-left : 0.5rem;
}
.bs-popover-auto[x-placement^="right"] > .arrow, .bs-popover-right > .arrow {
left : calc((0.5rem + 1px) * -1);
width : 0.5rem;
height : 1rem;
margin : 0.3rem 0;
}
.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before {
left : 0;
border-width : 0.5rem 0.5rem 0.5rem 0;
border-right-color : rgb(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after {
left : 1px;
border-width : 0.5rem 0.5rem 0.5rem 0;
border-right-color : #fff;
}
.bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom {
margin-top : 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] > .arrow, .bs-popover-bottom > .arrow {
top : calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before {
top : 0;
border-width : 0 0.5rem 0.5rem 0.5rem;
border-bottom-color : rgb(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after {
top : 1px;
border-width : 0 0.5rem 0.5rem 0.5rem;
border-bottom-color : #fff;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before {
position : absolute;
top : 0;
left : 50%;
display : block;
width : 1rem;
margin-left : -0.5rem;
content : "";
border-bottom : 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^="left"], .bs-popover-left {
margin-right : 0.5rem;
}
.bs-popover-auto[x-placement^="left"] > .arrow, .bs-popover-left > .arrow {
right : calc((0.5rem + 1px) * -1);
width : 0.5rem;
height : 1rem;
margin : 0.3rem 0;
}
.bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before {
right : 0;
border-width : 0.5rem 0 0.5rem 0.5rem;
border-left-color : rgb(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="left"] > .arrow::after, .bs-popover-left > .arrow::after {
right : 1px;
border-width : 0.5rem 0 0.5rem 0.5rem;
border-left-color : #fff;
}
.popover-header {
padding : 0.5rem 0.75rem;
margin-bottom : 0;
font-size : 1rem;
background-color : #f7f7f7;
border-bottom : 1px solid #ebebeb;
border-top-left-radius : calc(0.3rem - 1px);
border-top-right-radius : calc(0.3rem - 1px);
}
.popover-header:empty {
display : none;
}
.popover-body {
padding : 0.5rem 0.75rem;
color : #212529;
}
.carousel {
position : relative;
}
.carousel.pointer-event {
touch-action : pan-y;
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden;
}
.carousel-inner::after {
display : block;
clear : both;
content : "";
}
.carousel-item {
position : relative;
display : none;
float : left;
width : 100%;
margin-right : -100%;
backface-visibility : hidden;
transition : transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition : none;
}
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display : block;
}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
transform : translateX(100%);
}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
transform : translateX(-100%);
}
.carousel-fade .carousel-item {
opacity : 0;
transition-property : opacity;
transform : none;
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
z-index : 1;
opacity : 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
z-index : 0;
opacity : 0;
transition : opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
transition : none;
}
}
.carousel-control-next, .carousel-control-prev {
position : absolute;
top : 0;
bottom : 0;
z-index : 1;
display : flex;
align-items : center;
justify-content : center;
width : 15%;
color : #fff;
text-align : center;
opacity : 0.5;
transition : opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-next, .carousel-control-prev {
transition : none;
}
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color : #fff;
text-decoration : none;
outline : 0;
opacity : 0.9;
}
.carousel-control-prev {
left : 0;
}
.carousel-control-next {
right : 0;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display : inline-block;
width : 20px;
height : 20px;
background : 50% /100% 100% no-repeat;
}
.carousel-control-prev-icon {
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position : absolute;
right : 0;
bottom : 0;
left : 0;
z-index : 15;
display : flex;
justify-content : center;
padding-left : 0;
margin-right : 15%;
margin-left : 15%;
list-style : none;
}
.carousel-indicators li {
box-sizing : content-box;
flex : 0 1 auto;
width : 30px;
height : 3px;
margin-right : 3px;
margin-left : 3px;
text-indent : -999px;
cursor : pointer;
background-color : #fff;
background-clip : padding-box;
border-top : 10px solid transparent;
border-bottom : 10px solid transparent;
opacity : 0.5;
transition : opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition : none;
}
}
.carousel-indicators .active {
opacity : 1;
}
.carousel-caption {
position : absolute;
right : 15%;
bottom : 20px;
left : 15%;
z-index : 10;
padding-top : 20px;
padding-bottom : 20px;
color : #fff;
text-align : center;
}
@keyframes spinner-border {
to {
transform : rotate(360deg);
}
}
.spinner-border {
display : inline-block;
width : 2rem;
height : 2rem;
vertical-align : text-bottom;
border : currentColor solid 0.25em;
border-right-color : transparent;
border-radius : 50%;
animation : spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
width : 1rem;
height : 1rem;
border-width : 0.2em;
}
@keyframes spinner-grow {
0% {
transform : scale(0);
}
50% {
opacity : 1;
}
}
.spinner-grow {
display : inline-block;
width : 2rem;
height : 2rem;
vertical-align : text-bottom;
background-color : currentColor;
border-radius : 50%;
opacity : 0;
animation : spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
width : 1rem;
height : 1rem;
}
.align-baseline {
vertical-align : baseline !important ;
}
.align-top {
vertical-align : top !important ;
}
.align-middle {
vertical-align : middle !important ;
}
.align-bottom {
vertical-align : bottom !important ;
}
.align-text-bottom {
vertical-align : text-bottom !important ;
}
.align-text-top {
vertical-align : text-top !important ;
}
.bg-primary {
background-color : #007bff !important ;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color : #0062cc !important ;
}
.bg-secondary {
background-color : #6c757d !important ;
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
background-color : #545b62 !important ;
}
.bg-success {
background-color : #28a745 !important ;
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
background-color : #1e7e34 !important ;
}
.bg-info {
background-color : #17a2b8 !important ;
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
background-color : #117a8b !important ;
}
.bg-warning {
background-color : #ffc107 !important ;
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
background-color : #d39e00 !important ;
}
.bg-danger {
background-color : #dc3545 !important ;
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
background-color : #bd2130 !important ;
}
.bg-light {
background-color : #f8f9fa !important ;
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
background-color : #dae0e5 !important ;
}
.bg-dark {
background-color : #343a40 !important ;
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
background-color : #1d2124 !important ;
}
.bg-white {
background-color : #fff !important ;
}
.bg-transparent {
background-color : transparent !important ;
}
.border {
border : #dee2e6 solid 1px !important ;
}
.border-top {
border-top : 1px solid #dee2e6 !important ;
}
.border-right {
border-right : 1px solid #dee2e6 !important ;
}
.border-bottom {
border-bottom : 1px solid #dee2e6 !important ;
}
.border-left {
border-left : 1px solid #dee2e6 !important ;
}
.border-0 {
border : 0 !important ;
}
.border-top-0 {
border-top : 0 !important ;
}
.border-right-0 {
border-right : 0 !important ;
}
.border-bottom-0 {
border-bottom : 0 !important ;
}
.border-left-0 {
border-left : 0 !important ;
}
.border-primary {
border-color : #007bff !important ;
}
.border-secondary {
border-color : #6c757d !important ;
}
.border-success {
border-color : #28a745 !important ;
}
.border-info {
border-color : #17a2b8 !important ;
}
.border-warning {
border-color : #ffc107 !important ;
}
.border-danger {
border-color : #dc3545 !important ;
}
.border-light {
border-color : #f8f9fa !important ;
}
.border-dark {
border-color : #343a40 !important ;
}
.border-white {
border-color : #fff !important ;
}
.rounded-sm {
border-radius : 0.2rem !important ;
}
.rounded {
border-radius : 0.25rem !important ;
}
.rounded-top {
border-top-left-radius : 0.25rem !important ;
border-top-right-radius : 0.25rem !important ;
}
.rounded-right {
border-top-right-radius : 0.25rem !important ;
border-bottom-right-radius : 0.25rem !important ;
}
.rounded-bottom {
border-bottom-right-radius : 0.25rem !important ;
border-bottom-left-radius : 0.25rem !important ;
}
.rounded-left {
border-top-left-radius : 0.25rem !important ;
border-bottom-left-radius : 0.25rem !important ;
}
.rounded-lg {
border-radius : 0.3rem !important ;
}
.rounded-circle {
border-radius : 50% !important ;
}
.rounded-pill {
border-radius : 50rem !important ;
}
.rounded-0 {
border-radius : 0 !important ;
}
.clearfix::after {
display : block;
clear : both;
content : "";
}
.d-none {
display : none !important ;
}
.d-inline {
display : inline !important ;
}
.d-inline-block {
display : inline-block !important ;
}
.d-block {
display : block !important ;
}
.d-table {
display : table !important ;
}
.d-table-row {
display : table-row !important ;
}
.d-table-cell {
display : table-cell !important ;
}
.d-flex {
display : flex !important ;
}
.d-inline-flex {
display : inline-flex !important ;
}
@media (min-width: 576px) {
.d-sm-none {
display : none !important ;
}
.d-sm-inline {
display : inline !important ;
}
.d-sm-inline-block {
display : inline-block !important ;
}
.d-sm-block {
display : block !important ;
}
.d-sm-table {
display : table !important ;
}
.d-sm-table-row {
display : table-row !important ;
}
.d-sm-table-cell {
display : table-cell !important ;
}
.d-sm-flex {
display : flex !important ;
}
.d-sm-inline-flex {
display : inline-flex !important ;
}
}
@media (min-width: 768px) {
.d-md-none {
display : none !important ;
}
.d-md-inline {
display : inline !important ;
}
.d-md-inline-block {
display : inline-block !important ;
}
.d-md-block {
display : block !important ;
}
.d-md-table {
display : table !important ;
}
.d-md-table-row {
display : table-row !important ;
}
.d-md-table-cell {
display : table-cell !important ;
}
.d-md-flex {
display : flex !important ;
}
.d-md-inline-flex {
display : inline-flex !important ;
}
}
@media (min-width: 992px) {
.d-lg-none {
display : none !important ;
}
.d-lg-inline {
display : inline !important ;
}
.d-lg-inline-block {
display : inline-block !important ;
}
.d-lg-block {
display : block !important ;
}
.d-lg-table {
display : table !important ;
}
.d-lg-table-row {
display : table-row !important ;
}
.d-lg-table-cell {
display : table-cell !important ;
}
.d-lg-flex {
display : flex !important ;
}
.d-lg-inline-flex {
display : inline-flex !important ;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display : none !important ;
}
.d-xl-inline {
display : inline !important ;
}
.d-xl-inline-block {
display : inline-block !important ;
}
.d-xl-block {
display : block !important ;
}
.d-xl-table {
display : table !important ;
}
.d-xl-table-row {
display : table-row !important ;
}
.d-xl-table-cell {
display : table-cell !important ;
}
.d-xl-flex {
display : flex !important ;
}
.d-xl-inline-flex {
display : inline-flex !important ;
}
}
@media print {
.d-print-none {
display : none !important ;
}
.d-print-inline {
display : inline !important ;
}
.d-print-inline-block {
display : inline-block !important ;
}
.d-print-block {
display : block !important ;
}
.d-print-table {
display : table !important ;
}
.d-print-table-row {
display : table-row !important ;
}
.d-print-table-cell {
display : table-cell !important ;
}
.d-print-flex {
display : flex !important ;
}
.d-print-inline-flex {
display : inline-flex !important ;
}
}
.embed-responsive {
position : relative;
display : block;
width : 100%;
padding : 0;
overflow : hidden;
}
.embed-responsive::before {
display : block;
content : "";
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
}
.embed-responsive-21by9::before {
padding-top : 42.857143%;
}
.embed-responsive-16by9::before {
padding-top : 56.25%;
}
.embed-responsive-4by3::before {
padding-top : 75%;
}
.embed-responsive-1by1::before {
padding-top : 100%;
}
.flex-row {
flex-direction : row !important ;
}
.flex-column {
flex-direction : column !important ;
}
.flex-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-wrap {
flex-wrap : wrap !important ;
}
.flex-nowrap {
flex-wrap : nowrap !important ;
}
.flex-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.flex-fill {
flex : 1 1 auto !important ;
}
.flex-grow-0 {
flex-grow : 0 !important ;
}
.flex-grow-1 {
flex-grow : 1 !important ;
}
.flex-shrink-0 {
flex-shrink : 0 !important ;
}
.flex-shrink-1 {
flex-shrink : 1 !important ;
}
.justify-content-start {
justify-content : flex-start !important ;
}
.justify-content-end {
justify-content : flex-end !important ;
}
.justify-content-center {
justify-content : center !important ;
}
.justify-content-between {
justify-content : space-between !important ;
}
.justify-content-around {
justify-content : space-around !important ;
}
.align-items-start {
align-items : flex-start !important ;
}
.align-items-end {
align-items : flex-end !important ;
}
.align-items-center {
align-items : center !important ;
}
.align-items-baseline {
align-items : baseline !important ;
}
.align-items-stretch {
align-items : stretch !important ;
}
.align-content-start {
align-content : flex-start !important ;
}
.align-content-end {
align-content : flex-end !important ;
}
.align-content-center {
align-content : center !important ;
}
.align-content-between {
align-content : space-between !important ;
}
.align-content-around {
align-content : space-around !important ;
}
.align-content-stretch {
align-content : stretch !important ;
}
.align-self-auto {
align-self : auto !important ;
}
.align-self-start {
align-self : flex-start !important ;
}
.align-self-end {
align-self : flex-end !important ;
}
.align-self-center {
align-self : center !important ;
}
.align-self-baseline {
align-self : baseline !important ;
}
.align-self-stretch {
align-self : stretch !important ;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction : row !important ;
}
.flex-sm-column {
flex-direction : column !important ;
}
.flex-sm-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-sm-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-sm-wrap {
flex-wrap : wrap !important ;
}
.flex-sm-nowrap {
flex-wrap : nowrap !important ;
}
.flex-sm-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.flex-sm-fill {
flex : 1 1 auto !important ;
}
.flex-sm-grow-0 {
flex-grow : 0 !important ;
}
.flex-sm-grow-1 {
flex-grow : 1 !important ;
}
.flex-sm-shrink-0 {
flex-shrink : 0 !important ;
}
.flex-sm-shrink-1 {
flex-shrink : 1 !important ;
}
.justify-content-sm-start {
justify-content : flex-start !important ;
}
.justify-content-sm-end {
justify-content : flex-end !important ;
}
.justify-content-sm-center {
justify-content : center !important ;
}
.justify-content-sm-between {
justify-content : space-between !important ;
}
.justify-content-sm-around {
justify-content : space-around !important ;
}
.align-items-sm-start {
align-items : flex-start !important ;
}
.align-items-sm-end {
align-items : flex-end !important ;
}
.align-items-sm-center {
align-items : center !important ;
}
.align-items-sm-baseline {
align-items : baseline !important ;
}
.align-items-sm-stretch {
align-items : stretch !important ;
}
.align-content-sm-start {
align-content : flex-start !important ;
}
.align-content-sm-end {
align-content : flex-end !important ;
}
.align-content-sm-center {
align-content : center !important ;
}
.align-content-sm-between {
align-content : space-between !important ;
}
.align-content-sm-around {
align-content : space-around !important ;
}
.align-content-sm-stretch {
align-content : stretch !important ;
}
.align-self-sm-auto {
align-self : auto !important ;
}
.align-self-sm-start {
align-self : flex-start !important ;
}
.align-self-sm-end {
align-self : flex-end !important ;
}
.align-self-sm-center {
align-self : center !important ;
}
.align-self-sm-baseline {
align-self : baseline !important ;
}
.align-self-sm-stretch {
align-self : stretch !important ;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction : row !important ;
}
.flex-md-column {
flex-direction : column !important ;
}
.flex-md-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-md-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-md-wrap {
flex-wrap : wrap !important ;
}
.flex-md-nowrap {
flex-wrap : nowrap !important ;
}
.flex-md-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.flex-md-fill {
flex : 1 1 auto !important ;
}
.flex-md-grow-0 {
flex-grow : 0 !important ;
}
.flex-md-grow-1 {
flex-grow : 1 !important ;
}
.flex-md-shrink-0 {
flex-shrink : 0 !important ;
}
.flex-md-shrink-1 {
flex-shrink : 1 !important ;
}
.justify-content-md-start {
justify-content : flex-start !important ;
}
.justify-content-md-end {
justify-content : flex-end !important ;
}
.justify-content-md-center {
justify-content : center !important ;
}
.justify-content-md-between {
justify-content : space-between !important ;
}
.justify-content-md-around {
justify-content : space-around !important ;
}
.align-items-md-start {
align-items : flex-start !important ;
}
.align-items-md-end {
align-items : flex-end !important ;
}
.align-items-md-center {
align-items : center !important ;
}
.align-items-md-baseline {
align-items : baseline !important ;
}
.align-items-md-stretch {
align-items : stretch !important ;
}
.align-content-md-start {
align-content : flex-start !important ;
}
.align-content-md-end {
align-content : flex-end !important ;
}
.align-content-md-center {
align-content : center !important ;
}
.align-content-md-between {
align-content : space-between !important ;
}
.align-content-md-around {
align-content : space-around !important ;
}
.align-content-md-stretch {
align-content : stretch !important ;
}
.align-self-md-auto {
align-self : auto !important ;
}
.align-self-md-start {
align-self : flex-start !important ;
}
.align-self-md-end {
align-self : flex-end !important ;
}
.align-self-md-center {
align-self : center !important ;
}
.align-self-md-baseline {
align-self : baseline !important ;
}
.align-self-md-stretch {
align-self : stretch !important ;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction : row !important ;
}
.flex-lg-column {
flex-direction : column !important ;
}
.flex-lg-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-lg-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-lg-wrap {
flex-wrap : wrap !important ;
}
.flex-lg-nowrap {
flex-wrap : nowrap !important ;
}
.flex-lg-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.flex-lg-fill {
flex : 1 1 auto !important ;
}
.flex-lg-grow-0 {
flex-grow : 0 !important ;
}
.flex-lg-grow-1 {
flex-grow : 1 !important ;
}
.flex-lg-shrink-0 {
flex-shrink : 0 !important ;
}
.flex-lg-shrink-1 {
flex-shrink : 1 !important ;
}
.justify-content-lg-start {
justify-content : flex-start !important ;
}
.justify-content-lg-end {
justify-content : flex-end !important ;
}
.justify-content-lg-center {
justify-content : center !important ;
}
.justify-content-lg-between {
justify-content : space-between !important ;
}
.justify-content-lg-around {
justify-content : space-around !important ;
}
.align-items-lg-start {
align-items : flex-start !important ;
}
.align-items-lg-end {
align-items : flex-end !important ;
}
.align-items-lg-center {
align-items : center !important ;
}
.align-items-lg-baseline {
align-items : baseline !important ;
}
.align-items-lg-stretch {
align-items : stretch !important ;
}
.align-content-lg-start {
align-content : flex-start !important ;
}
.align-content-lg-end {
align-content : flex-end !important ;
}
.align-content-lg-center {
align-content : center !important ;
}
.align-content-lg-between {
align-content : space-between !important ;
}
.align-content-lg-around {
align-content : space-around !important ;
}
.align-content-lg-stretch {
align-content : stretch !important ;
}
.align-self-lg-auto {
align-self : auto !important ;
}
.align-self-lg-start {
align-self : flex-start !important ;
}
.align-self-lg-end {
align-self : flex-end !important ;
}
.align-self-lg-center {
align-self : center !important ;
}
.align-self-lg-baseline {
align-self : baseline !important ;
}
.align-self-lg-stretch {
align-self : stretch !important ;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction : row !important ;
}
.flex-xl-column {
flex-direction : column !important ;
}
.flex-xl-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-xl-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-xl-wrap {
flex-wrap : wrap !important ;
}
.flex-xl-nowrap {
flex-wrap : nowrap !important ;
}
.flex-xl-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.flex-xl-fill {
flex : 1 1 auto !important ;
}
.flex-xl-grow-0 {
flex-grow : 0 !important ;
}
.flex-xl-grow-1 {
flex-grow : 1 !important ;
}
.flex-xl-shrink-0 {
flex-shrink : 0 !important ;
}
.flex-xl-shrink-1 {
flex-shrink : 1 !important ;
}
.justify-content-xl-start {
justify-content : flex-start !important ;
}
.justify-content-xl-end {
justify-content : flex-end !important ;
}
.justify-content-xl-center {
justify-content : center !important ;
}
.justify-content-xl-between {
justify-content : space-between !important ;
}
.justify-content-xl-around {
justify-content : space-around !important ;
}
.align-items-xl-start {
align-items : flex-start !important ;
}
.align-items-xl-end {
align-items : flex-end !important ;
}
.align-items-xl-center {
align-items : center !important ;
}
.align-items-xl-baseline {
align-items : baseline !important ;
}
.align-items-xl-stretch {
align-items : stretch !important ;
}
.align-content-xl-start {
align-content : flex-start !important ;
}
.align-content-xl-end {
align-content : flex-end !important ;
}
.align-content-xl-center {
align-content : center !important ;
}
.align-content-xl-between {
align-content : space-between !important ;
}
.align-content-xl-around {
align-content : space-around !important ;
}
.align-content-xl-stretch {
align-content : stretch !important ;
}
.align-self-xl-auto {
align-self : auto !important ;
}
.align-self-xl-start {
align-self : flex-start !important ;
}
.align-self-xl-end {
align-self : flex-end !important ;
}
.align-self-xl-center {
align-self : center !important ;
}
.align-self-xl-baseline {
align-self : baseline !important ;
}
.align-self-xl-stretch {
align-self : stretch !important ;
}
}
.float-left {
float : left !important ;
}
.float-right {
float : right !important ;
}
.float-none {
float : none !important ;
}
@media (min-width: 576px) {
.float-sm-left {
float : left !important ;
}
.float-sm-right {
float : right !important ;
}
.float-sm-none {
float : none !important ;
}
}
@media (min-width: 768px) {
.float-md-left {
float : left !important ;
}
.float-md-right {
float : right !important ;
}
.float-md-none {
float : none !important ;
}
}
@media (min-width: 992px) {
.float-lg-left {
float : left !important ;
}
.float-lg-right {
float : right !important ;
}
.float-lg-none {
float : none !important ;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float : left !important ;
}
.float-xl-right {
float : right !important ;
}
.float-xl-none {
float : none !important ;
}
}
.overflow-auto {
overflow : auto !important ;
}
.overflow-hidden {
overflow : hidden !important ;
}
.position-static {
position : static !important ;
}
.position-relative {
position : relative !important ;
}
.position-absolute {
position : absolute !important ;
}
.position-fixed {
position : fixed !important ;
}
.position-sticky {
position : sticky !important ;
}
.fixed-top {
position : fixed;
top : 0;
right : 0;
left : 0;
z-index : 1030;
}
.fixed-bottom {
position : fixed;
right : 0;
bottom : 0;
left : 0;
z-index : 1030;
}
@supports ((() or (position: sticky))) {
.sticky-top {
position : sticky;
top : 0;
z-index : 1020;
}
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
overflow : hidden;
clip : rect(0,0,0,0);
white-space : nowrap;
border : 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
overflow : visible;
clip : auto;
white-space : normal;
}
.shadow-sm {
box-shadow : 0 0.125rem 0.25rem rgb(0, 0, 0, 0.075) !important ;
}
.shadow {
box-shadow : 0 0.5rem 1rem rgb(0, 0, 0, 0.15) !important ;
}
.shadow-lg {
box-shadow : 0 1rem 3rem rgb(0, 0, 0, 0.175) !important ;
}
.shadow-none {
box-shadow : none !important ;
}
.w-25 {
width : 25% !important ;
}
.w-50 {
width : 50% !important ;
}
.w-75 {
width : 75% !important ;
}
.w-100 {
width : 100% !important ;
}
.w-auto {
width : auto !important ;
}
.h-25 {
height : 25% !important ;
}
.h-50 {
height : 50% !important ;
}
.h-75 {
height : 75% !important ;
}
.h-100 {
height : 100% !important ;
}
.h-auto {
height : auto !important ;
}
.mw-100 {
max-width : 100% !important ;
}
.mh-100 {
max-height : 100% !important ;
}
.min-vw-100 {
min-width : 100vw !important ;
}
.min-vh-100 {
min-height : 100vh !important ;
}
.vw-100 {
width : 100vw !important ;
}
.vh-100 {
height : 100vh !important ;
}
.stretched-link::after {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1;
pointer-events : auto;
content : "";
background-color : rgb(0, 0, 0, 0);
}
.m-0 {
margin : 0 !important ;
}
.mt-0, .my-0 {
margin-top : 0 !important ;
}
.mr-0, .mx-0 {
margin-right : 0 !important ;
}
.mb-0, .my-0 {
margin-bottom : 0 !important ;
}
.ml-0, .mx-0 {
margin-left : 0 !important ;
}
.m-1 {
margin : 0.25rem !important ;
}
.mt-1, .my-1 {
margin-top : 0.25rem !important ;
}
.mr-1, .mx-1 {
margin-right : 0.25rem !important ;
}
.mb-1, .my-1 {
margin-bottom : 0.25rem !important ;
}
.ml-1, .mx-1 {
margin-left : 0.25rem !important ;
}
.m-2 {
margin : 0.5rem !important ;
}
.mt-2, .my-2 {
margin-top : 0.5rem !important ;
}
.mr-2, .mx-2 {
margin-right : 0.5rem !important ;
}
.mb-2, .my-2 {
margin-bottom : 0.5rem !important ;
}
.ml-2, .mx-2 {
margin-left : 0.5rem !important ;
}
.m-3 {
margin : 1rem !important ;
}
.mt-3, .my-3 {
margin-top : 1rem !important ;
}
.mr-3, .mx-3 {
margin-right : 1rem !important ;
}
.mb-3, .my-3 {
margin-bottom : 1rem !important ;
}
.ml-3, .mx-3 {
margin-left : 1rem !important ;
}
.m-4 {
margin : 1.5rem !important ;
}
.mt-4, .my-4 {
margin-top : 1.5rem !important ;
}
.mr-4, .mx-4 {
margin-right : 1.5rem !important ;
}
.mb-4, .my-4 {
margin-bottom : 1.5rem !important ;
}
.ml-4, .mx-4 {
margin-left : 1.5rem !important ;
}
.m-5 {
margin : 3rem !important ;
}
.mt-5, .my-5 {
margin-top : 3rem !important ;
}
.mr-5, .mx-5 {
margin-right : 3rem !important ;
}
.mb-5, .my-5 {
margin-bottom : 3rem !important ;
}
.ml-5, .mx-5 {
margin-left : 3rem !important ;
}
.p-0 {
padding : 0 !important ;
}
.pt-0, .py-0 {
padding-top : 0 !important ;
}
.pr-0, .px-0 {
padding-right : 0 !important ;
}
.pb-0, .py-0 {
padding-bottom : 0 !important ;
}
.pl-0, .px-0 {
padding-left : 0 !important ;
}
.p-1 {
padding : 0.25rem !important ;
}
.pt-1, .py-1 {
padding-top : 0.25rem !important ;
}
.pr-1, .px-1 {
padding-right : 0.25rem !important ;
}
.pb-1, .py-1 {
padding-bottom : 0.25rem !important ;
}
.pl-1, .px-1 {
padding-left : 0.25rem !important ;
}
.p-2 {
padding : 0.5rem !important ;
}
.pt-2, .py-2 {
padding-top : 0.5rem !important ;
}
.pr-2, .px-2 {
padding-right : 0.5rem !important ;
}
.pb-2, .py-2 {
padding-bottom : 0.5rem !important ;
}
.pl-2, .px-2 {
padding-left : 0.5rem !important ;
}
.p-3 {
padding : 1rem !important ;
}
.pt-3, .py-3 {
padding-top : 1rem !important ;
}
.pr-3, .px-3 {
padding-right : 1rem !important ;
}
.pb-3, .py-3 {
padding-bottom : 1rem !important ;
}
.pl-3, .px-3 {
padding-left : 1rem !important ;
}
.p-4 {
padding : 1.5rem !important ;
}
.pt-4, .py-4 {
padding-top : 1.5rem !important ;
}
.pr-4, .px-4 {
padding-right : 1.5rem !important ;
}
.pb-4, .py-4 {
padding-bottom : 1.5rem !important ;
}
.pl-4, .px-4 {
padding-left : 1.5rem !important ;
}
.p-5 {
padding : 3rem !important ;
}
.pt-5, .py-5 {
padding-top : 3rem !important ;
}
.pr-5, .px-5 {
padding-right : 3rem !important ;
}
.pb-5, .py-5 {
padding-bottom : 3rem !important ;
}
.pl-5, .px-5 {
padding-left : 3rem !important ;
}
.m-n1 {
margin : -0.25rem !important ;
}
.mt-n1, .my-n1 {
margin-top : -0.25rem !important ;
}
.mr-n1, .mx-n1 {
margin-right : -0.25rem !important ;
}
.mb-n1, .my-n1 {
margin-bottom : -0.25rem !important ;
}
.ml-n1, .mx-n1 {
margin-left : -0.25rem !important ;
}
.m-n2 {
margin : -0.5rem !important ;
}
.mt-n2, .my-n2 {
margin-top : -0.5rem !important ;
}
.mr-n2, .mx-n2 {
margin-right : -0.5rem !important ;
}
.mb-n2, .my-n2 {
margin-bottom : -0.5rem !important ;
}
.ml-n2, .mx-n2 {
margin-left : -0.5rem !important ;
}
.m-n3 {
margin : -1rem !important ;
}
.mt-n3, .my-n3 {
margin-top : -1rem !important ;
}
.mr-n3, .mx-n3 {
margin-right : -1rem !important ;
}
.mb-n3, .my-n3 {
margin-bottom : -1rem !important ;
}
.ml-n3, .mx-n3 {
margin-left : -1rem !important ;
}
.m-n4 {
margin : -1.5rem !important ;
}
.mt-n4, .my-n4 {
margin-top : -1.5rem !important ;
}
.mr-n4, .mx-n4 {
margin-right : -1.5rem !important ;
}
.mb-n4, .my-n4 {
margin-bottom : -1.5rem !important ;
}
.ml-n4, .mx-n4 {
margin-left : -1.5rem !important ;
}
.m-n5 {
margin : -3rem !important ;
}
.mt-n5, .my-n5 {
margin-top : -3rem !important ;
}
.mr-n5, .mx-n5 {
margin-right : -3rem !important ;
}
.mb-n5, .my-n5 {
margin-bottom : -3rem !important ;
}
.ml-n5, .mx-n5 {
margin-left : -3rem !important ;
}
.m-auto {
margin : auto !important ;
}
.mt-auto, .my-auto {
margin-top : auto !important ;
}
.mr-auto, .mx-auto {
margin-right : auto !important ;
}
.mb-auto, .my-auto {
margin-bottom : auto !important ;
}
.ml-auto, .mx-auto {
margin-left : auto !important ;
}
@media (min-width: 576px) {
.m-sm-0 {
margin : 0 !important ;
}
.mt-sm-0, .my-sm-0 {
margin-top : 0 !important ;
}
.mr-sm-0, .mx-sm-0 {
margin-right : 0 !important ;
}
.mb-sm-0, .my-sm-0 {
margin-bottom : 0 !important ;
}
.ml-sm-0, .mx-sm-0 {
margin-left : 0 !important ;
}
.m-sm-1 {
margin : 0.25rem !important ;
}
.mt-sm-1, .my-sm-1 {
margin-top : 0.25rem !important ;
}
.mr-sm-1, .mx-sm-1 {
margin-right : 0.25rem !important ;
}
.mb-sm-1, .my-sm-1 {
margin-bottom : 0.25rem !important ;
}
.ml-sm-1, .mx-sm-1 {
margin-left : 0.25rem !important ;
}
.m-sm-2 {
margin : 0.5rem !important ;
}
.mt-sm-2, .my-sm-2 {
margin-top : 0.5rem !important ;
}
.mr-sm-2, .mx-sm-2 {
margin-right : 0.5rem !important ;
}
.mb-sm-2, .my-sm-2 {
margin-bottom : 0.5rem !important ;
}
.ml-sm-2, .mx-sm-2 {
margin-left : 0.5rem !important ;
}
.m-sm-3 {
margin : 1rem !important ;
}
.mt-sm-3, .my-sm-3 {
margin-top : 1rem !important ;
}
.mr-sm-3, .mx-sm-3 {
margin-right : 1rem !important ;
}
.mb-sm-3, .my-sm-3 {
margin-bottom : 1rem !important ;
}
.ml-sm-3, .mx-sm-3 {
margin-left : 1rem !important ;
}
.m-sm-4 {
margin : 1.5rem !important ;
}
.mt-sm-4, .my-sm-4 {
margin-top : 1.5rem !important ;
}
.mr-sm-4, .mx-sm-4 {
margin-right : 1.5rem !important ;
}
.mb-sm-4, .my-sm-4 {
margin-bottom : 1.5rem !important ;
}
.ml-sm-4, .mx-sm-4 {
margin-left : 1.5rem !important ;
}
.m-sm-5 {
margin : 3rem !important ;
}
.mt-sm-5, .my-sm-5 {
margin-top : 3rem !important ;
}
.mr-sm-5, .mx-sm-5 {
margin-right : 3rem !important ;
}
.mb-sm-5, .my-sm-5 {
margin-bottom : 3rem !important ;
}
.ml-sm-5, .mx-sm-5 {
margin-left : 3rem !important ;
}
.p-sm-0 {
padding : 0 !important ;
}
.pt-sm-0, .py-sm-0 {
padding-top : 0 !important ;
}
.pr-sm-0, .px-sm-0 {
padding-right : 0 !important ;
}
.pb-sm-0, .py-sm-0 {
padding-bottom : 0 !important ;
}
.pl-sm-0, .px-sm-0 {
padding-left : 0 !important ;
}
.p-sm-1 {
padding : 0.25rem !important ;
}
.pt-sm-1, .py-sm-1 {
padding-top : 0.25rem !important ;
}
.pr-sm-1, .px-sm-1 {
padding-right : 0.25rem !important ;
}
.pb-sm-1, .py-sm-1 {
padding-bottom : 0.25rem !important ;
}
.pl-sm-1, .px-sm-1 {
padding-left : 0.25rem !important ;
}
.p-sm-2 {
padding : 0.5rem !important ;
}
.pt-sm-2, .py-sm-2 {
padding-top : 0.5rem !important ;
}
.pr-sm-2, .px-sm-2 {
padding-right : 0.5rem !important ;
}
.pb-sm-2, .py-sm-2 {
padding-bottom : 0.5rem !important ;
}
.pl-sm-2, .px-sm-2 {
padding-left : 0.5rem !important ;
}
.p-sm-3 {
padding : 1rem !important ;
}
.pt-sm-3, .py-sm-3 {
padding-top : 1rem !important ;
}
.pr-sm-3, .px-sm-3 {
padding-right : 1rem !important ;
}
.pb-sm-3, .py-sm-3 {
padding-bottom : 1rem !important ;
}
.pl-sm-3, .px-sm-3 {
padding-left : 1rem !important ;
}
.p-sm-4 {
padding : 1.5rem !important ;
}
.pt-sm-4, .py-sm-4 {
padding-top : 1.5rem !important ;
}
.pr-sm-4, .px-sm-4 {
padding-right : 1.5rem !important ;
}
.pb-sm-4, .py-sm-4 {
padding-bottom : 1.5rem !important ;
}
.pl-sm-4, .px-sm-4 {
padding-left : 1.5rem !important ;
}
.p-sm-5 {
padding : 3rem !important ;
}
.pt-sm-5, .py-sm-5 {
padding-top : 3rem !important ;
}
.pr-sm-5, .px-sm-5 {
padding-right : 3rem !important ;
}
.pb-sm-5, .py-sm-5 {
padding-bottom : 3rem !important ;
}
.pl-sm-5, .px-sm-5 {
padding-left : 3rem !important ;
}
.m-sm-n1 {
margin : -0.25rem !important ;
}
.mt-sm-n1, .my-sm-n1 {
margin-top : -0.25rem !important ;
}
.mr-sm-n1, .mx-sm-n1 {
margin-right : -0.25rem !important ;
}
.mb-sm-n1, .my-sm-n1 {
margin-bottom : -0.25rem !important ;
}
.ml-sm-n1, .mx-sm-n1 {
margin-left : -0.25rem !important ;
}
.m-sm-n2 {
margin : -0.5rem !important ;
}
.mt-sm-n2, .my-sm-n2 {
margin-top : -0.5rem !important ;
}
.mr-sm-n2, .mx-sm-n2 {
margin-right : -0.5rem !important ;
}
.mb-sm-n2, .my-sm-n2 {
margin-bottom : -0.5rem !important ;
}
.ml-sm-n2, .mx-sm-n2 {
margin-left : -0.5rem !important ;
}
.m-sm-n3 {
margin : -1rem !important ;
}
.mt-sm-n3, .my-sm-n3 {
margin-top : -1rem !important ;
}
.mr-sm-n3, .mx-sm-n3 {
margin-right : -1rem !important ;
}
.mb-sm-n3, .my-sm-n3 {
margin-bottom : -1rem !important ;
}
.ml-sm-n3, .mx-sm-n3 {
margin-left : -1rem !important ;
}
.m-sm-n4 {
margin : -1.5rem !important ;
}
.mt-sm-n4, .my-sm-n4 {
margin-top : -1.5rem !important ;
}
.mr-sm-n4, .mx-sm-n4 {
margin-right : -1.5rem !important ;
}
.mb-sm-n4, .my-sm-n4 {
margin-bottom : -1.5rem !important ;
}
.ml-sm-n4, .mx-sm-n4 {
margin-left : -1.5rem !important ;
}
.m-sm-n5 {
margin : -3rem !important ;
}
.mt-sm-n5, .my-sm-n5 {
margin-top : -3rem !important ;
}
.mr-sm-n5, .mx-sm-n5 {
margin-right : -3rem !important ;
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom : -3rem !important ;
}
.ml-sm-n5, .mx-sm-n5 {
margin-left : -3rem !important ;
}
.m-sm-auto {
margin : auto !important ;
}
.mt-sm-auto, .my-sm-auto {
margin-top : auto !important ;
}
.mr-sm-auto, .mx-sm-auto {
margin-right : auto !important ;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom : auto !important ;
}
.ml-sm-auto, .mx-sm-auto {
margin-left : auto !important ;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin : 0 !important ;
}
.mt-md-0, .my-md-0 {
margin-top : 0 !important ;
}
.mr-md-0, .mx-md-0 {
margin-right : 0 !important ;
}
.mb-md-0, .my-md-0 {
margin-bottom : 0 !important ;
}
.ml-md-0, .mx-md-0 {
margin-left : 0 !important ;
}
.m-md-1 {
margin : 0.25rem !important ;
}
.mt-md-1, .my-md-1 {
margin-top : 0.25rem !important ;
}
.mr-md-1, .mx-md-1 {
margin-right : 0.25rem !important ;
}
.mb-md-1, .my-md-1 {
margin-bottom : 0.25rem !important ;
}
.ml-md-1, .mx-md-1 {
margin-left : 0.25rem !important ;
}
.m-md-2 {
margin : 0.5rem !important ;
}
.mt-md-2, .my-md-2 {
margin-top : 0.5rem !important ;
}
.mr-md-2, .mx-md-2 {
margin-right : 0.5rem !important ;
}
.mb-md-2, .my-md-2 {
margin-bottom : 0.5rem !important ;
}
.ml-md-2, .mx-md-2 {
margin-left : 0.5rem !important ;
}
.m-md-3 {
margin : 1rem !important ;
}
.mt-md-3, .my-md-3 {
margin-top : 1rem !important ;
}
.mr-md-3, .mx-md-3 {
margin-right : 1rem !important ;
}
.mb-md-3, .my-md-3 {
margin-bottom : 1rem !important ;
}
.ml-md-3, .mx-md-3 {
margin-left : 1rem !important ;
}
.m-md-4 {
margin : 1.5rem !important ;
}
.mt-md-4, .my-md-4 {
margin-top : 1.5rem !important ;
}
.mr-md-4, .mx-md-4 {
margin-right : 1.5rem !important ;
}
.mb-md-4, .my-md-4 {
margin-bottom : 1.5rem !important ;
}
.ml-md-4, .mx-md-4 {
margin-left : 1.5rem !important ;
}
.m-md-5 {
margin : 3rem !important ;
}
.mt-md-5, .my-md-5 {
margin-top : 3rem !important ;
}
.mr-md-5, .mx-md-5 {
margin-right : 3rem !important ;
}
.mb-md-5, .my-md-5 {
margin-bottom : 3rem !important ;
}
.ml-md-5, .mx-md-5 {
margin-left : 3rem !important ;
}
.p-md-0 {
padding : 0 !important ;
}
.pt-md-0, .py-md-0 {
padding-top : 0 !important ;
}
.pr-md-0, .px-md-0 {
padding-right : 0 !important ;
}
.pb-md-0, .py-md-0 {
padding-bottom : 0 !important ;
}
.pl-md-0, .px-md-0 {
padding-left : 0 !important ;
}
.p-md-1 {
padding : 0.25rem !important ;
}
.pt-md-1, .py-md-1 {
padding-top : 0.25rem !important ;
}
.pr-md-1, .px-md-1 {
padding-right : 0.25rem !important ;
}
.pb-md-1, .py-md-1 {
padding-bottom : 0.25rem !important ;
}
.pl-md-1, .px-md-1 {
padding-left : 0.25rem !important ;
}
.p-md-2 {
padding : 0.5rem !important ;
}
.pt-md-2, .py-md-2 {
padding-top : 0.5rem !important ;
}
.pr-md-2, .px-md-2 {
padding-right : 0.5rem !important ;
}
.pb-md-2, .py-md-2 {
padding-bottom : 0.5rem !important ;
}
.pl-md-2, .px-md-2 {
padding-left : 0.5rem !important ;
}
.p-md-3 {
padding : 1rem !important ;
}
.pt-md-3, .py-md-3 {
padding-top : 1rem !important ;
}
.pr-md-3, .px-md-3 {
padding-right : 1rem !important ;
}
.pb-md-3, .py-md-3 {
padding-bottom : 1rem !important ;
}
.pl-md-3, .px-md-3 {
padding-left : 1rem !important ;
}
.p-md-4 {
padding : 1.5rem !important ;
}
.pt-md-4, .py-md-4 {
padding-top : 1.5rem !important ;
}
.pr-md-4, .px-md-4 {
padding-right : 1.5rem !important ;
}
.pb-md-4, .py-md-4 {
padding-bottom : 1.5rem !important ;
}
.pl-md-4, .px-md-4 {
padding-left : 1.5rem !important ;
}
.p-md-5 {
padding : 3rem !important ;
}
.pt-md-5, .py-md-5 {
padding-top : 3rem !important ;
}
.pr-md-5, .px-md-5 {
padding-right : 3rem !important ;
}
.pb-md-5, .py-md-5 {
padding-bottom : 3rem !important ;
}
.pl-md-5, .px-md-5 {
padding-left : 3rem !important ;
}
.m-md-n1 {
margin : -0.25rem !important ;
}
.mt-md-n1, .my-md-n1 {
margin-top : -0.25rem !important ;
}
.mr-md-n1, .mx-md-n1 {
margin-right : -0.25rem !important ;
}
.mb-md-n1, .my-md-n1 {
margin-bottom : -0.25rem !important ;
}
.ml-md-n1, .mx-md-n1 {
margin-left : -0.25rem !important ;
}
.m-md-n2 {
margin : -0.5rem !important ;
}
.mt-md-n2, .my-md-n2 {
margin-top : -0.5rem !important ;
}
.mr-md-n2, .mx-md-n2 {
margin-right : -0.5rem !important ;
}
.mb-md-n2, .my-md-n2 {
margin-bottom : -0.5rem !important ;
}
.ml-md-n2, .mx-md-n2 {
margin-left : -0.5rem !important ;
}
.m-md-n3 {
margin : -1rem !important ;
}
.mt-md-n3, .my-md-n3 {
margin-top : -1rem !important ;
}
.mr-md-n3, .mx-md-n3 {
margin-right : -1rem !important ;
}
.mb-md-n3, .my-md-n3 {
margin-bottom : -1rem !important ;
}
.ml-md-n3, .mx-md-n3 {
margin-left : -1rem !important ;
}
.m-md-n4 {
margin : -1.5rem !important ;
}
.mt-md-n4, .my-md-n4 {
margin-top : -1.5rem !important ;
}
.mr-md-n4, .mx-md-n4 {
margin-right : -1.5rem !important ;
}
.mb-md-n4, .my-md-n4 {
margin-bottom : -1.5rem !important ;
}
.ml-md-n4, .mx-md-n4 {
margin-left : -1.5rem !important ;
}
.m-md-n5 {
margin : -3rem !important ;
}
.mt-md-n5, .my-md-n5 {
margin-top : -3rem !important ;
}
.mr-md-n5, .mx-md-n5 {
margin-right : -3rem !important ;
}
.mb-md-n5, .my-md-n5 {
margin-bottom : -3rem !important ;
}
.ml-md-n5, .mx-md-n5 {
margin-left : -3rem !important ;
}
.m-md-auto {
margin : auto !important ;
}
.mt-md-auto, .my-md-auto {
margin-top : auto !important ;
}
.mr-md-auto, .mx-md-auto {
margin-right : auto !important ;
}
.mb-md-auto, .my-md-auto {
margin-bottom : auto !important ;
}
.ml-md-auto, .mx-md-auto {
margin-left : auto !important ;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin : 0 !important ;
}
.mt-lg-0, .my-lg-0 {
margin-top : 0 !important ;
}
.mr-lg-0, .mx-lg-0 {
margin-right : 0 !important ;
}
.mb-lg-0, .my-lg-0 {
margin-bottom : 0 !important ;
}
.ml-lg-0, .mx-lg-0 {
margin-left : 0 !important ;
}
.m-lg-1 {
margin : 0.25rem !important ;
}
.mt-lg-1, .my-lg-1 {
margin-top : 0.25rem !important ;
}
.mr-lg-1, .mx-lg-1 {
margin-right : 0.25rem !important ;
}
.mb-lg-1, .my-lg-1 {
margin-bottom : 0.25rem !important ;
}
.ml-lg-1, .mx-lg-1 {
margin-left : 0.25rem !important ;
}
.m-lg-2 {
margin : 0.5rem !important ;
}
.mt-lg-2, .my-lg-2 {
margin-top : 0.5rem !important ;
}
.mr-lg-2, .mx-lg-2 {
margin-right : 0.5rem !important ;
}
.mb-lg-2, .my-lg-2 {
margin-bottom : 0.5rem !important ;
}
.ml-lg-2, .mx-lg-2 {
margin-left : 0.5rem !important ;
}
.m-lg-3 {
margin : 1rem !important ;
}
.mt-lg-3, .my-lg-3 {
margin-top : 1rem !important ;
}
.mr-lg-3, .mx-lg-3 {
margin-right : 1rem !important ;
}
.mb-lg-3, .my-lg-3 {
margin-bottom : 1rem !important ;
}
.ml-lg-3, .mx-lg-3 {
margin-left : 1rem !important ;
}
.m-lg-4 {
margin : 1.5rem !important ;
}
.mt-lg-4, .my-lg-4 {
margin-top : 1.5rem !important ;
}
.mr-lg-4, .mx-lg-4 {
margin-right : 1.5rem !important ;
}
.mb-lg-4, .my-lg-4 {
margin-bottom : 1.5rem !important ;
}
.ml-lg-4, .mx-lg-4 {
margin-left : 1.5rem !important ;
}
.m-lg-5 {
margin : 3rem !important ;
}
.mt-lg-5, .my-lg-5 {
margin-top : 3rem !important ;
}
.mr-lg-5, .mx-lg-5 {
margin-right : 3rem !important ;
}
.mb-lg-5, .my-lg-5 {
margin-bottom : 3rem !important ;
}
.ml-lg-5, .mx-lg-5 {
margin-left : 3rem !important ;
}
.p-lg-0 {
padding : 0 !important ;
}
.pt-lg-0, .py-lg-0 {
padding-top : 0 !important ;
}
.pr-lg-0, .px-lg-0 {
padding-right : 0 !important ;
}
.pb-lg-0, .py-lg-0 {
padding-bottom : 0 !important ;
}
.pl-lg-0, .px-lg-0 {
padding-left : 0 !important ;
}
.p-lg-1 {
padding : 0.25rem !important ;
}
.pt-lg-1, .py-lg-1 {
padding-top : 0.25rem !important ;
}
.pr-lg-1, .px-lg-1 {
padding-right : 0.25rem !important ;
}
.pb-lg-1, .py-lg-1 {
padding-bottom : 0.25rem !important ;
}
.pl-lg-1, .px-lg-1 {
padding-left : 0.25rem !important ;
}
.p-lg-2 {
padding : 0.5rem !important ;
}
.pt-lg-2, .py-lg-2 {
padding-top : 0.5rem !important ;
}
.pr-lg-2, .px-lg-2 {
padding-right : 0.5rem !important ;
}
.pb-lg-2, .py-lg-2 {
padding-bottom : 0.5rem !important ;
}
.pl-lg-2, .px-lg-2 {
padding-left : 0.5rem !important ;
}
.p-lg-3 {
padding : 1rem !important ;
}
.pt-lg-3, .py-lg-3 {
padding-top : 1rem !important ;
}
.pr-lg-3, .px-lg-3 {
padding-right : 1rem !important ;
}
.pb-lg-3, .py-lg-3 {
padding-bottom : 1rem !important ;
}
.pl-lg-3, .px-lg-3 {
padding-left : 1rem !important ;
}
.p-lg-4 {
padding : 1.5rem !important ;
}
.pt-lg-4, .py-lg-4 {
padding-top : 1.5rem !important ;
}
.pr-lg-4, .px-lg-4 {
padding-right : 1.5rem !important ;
}
.pb-lg-4, .py-lg-4 {
padding-bottom : 1.5rem !important ;
}
.pl-lg-4, .px-lg-4 {
padding-left : 1.5rem !important ;
}
.p-lg-5 {
padding : 3rem !important ;
}
.pt-lg-5, .py-lg-5 {
padding-top : 3rem !important ;
}
.pr-lg-5, .px-lg-5 {
padding-right : 3rem !important ;
}
.pb-lg-5, .py-lg-5 {
padding-bottom : 3rem !important ;
}
.pl-lg-5, .px-lg-5 {
padding-left : 3rem !important ;
}
.m-lg-n1 {
margin : -0.25rem !important ;
}
.mt-lg-n1, .my-lg-n1 {
margin-top : -0.25rem !important ;
}
.mr-lg-n1, .mx-lg-n1 {
margin-right : -0.25rem !important ;
}
.mb-lg-n1, .my-lg-n1 {
margin-bottom : -0.25rem !important ;
}
.ml-lg-n1, .mx-lg-n1 {
margin-left : -0.25rem !important ;
}
.m-lg-n2 {
margin : -0.5rem !important ;
}
.mt-lg-n2, .my-lg-n2 {
margin-top : -0.5rem !important ;
}
.mr-lg-n2, .mx-lg-n2 {
margin-right : -0.5rem !important ;
}
.mb-lg-n2, .my-lg-n2 {
margin-bottom : -0.5rem !important ;
}
.ml-lg-n2, .mx-lg-n2 {
margin-left : -0.5rem !important ;
}
.m-lg-n3 {
margin : -1rem !important ;
}
.mt-lg-n3, .my-lg-n3 {
margin-top : -1rem !important ;
}
.mr-lg-n3, .mx-lg-n3 {
margin-right : -1rem !important ;
}
.mb-lg-n3, .my-lg-n3 {
margin-bottom : -1rem !important ;
}
.ml-lg-n3, .mx-lg-n3 {
margin-left : -1rem !important ;
}
.m-lg-n4 {
margin : -1.5rem !important ;
}
.mt-lg-n4, .my-lg-n4 {
margin-top : -1.5rem !important ;
}
.mr-lg-n4, .mx-lg-n4 {
margin-right : -1.5rem !important ;
}
.mb-lg-n4, .my-lg-n4 {
margin-bottom : -1.5rem !important ;
}
.ml-lg-n4, .mx-lg-n4 {
margin-left : -1.5rem !important ;
}
.m-lg-n5 {
margin : -3rem !important ;
}
.mt-lg-n5, .my-lg-n5 {
margin-top : -3rem !important ;
}
.mr-lg-n5, .mx-lg-n5 {
margin-right : -3rem !important ;
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom : -3rem !important ;
}
.ml-lg-n5, .mx-lg-n5 {
margin-left : -3rem !important ;
}
.m-lg-auto {
margin : auto !important ;
}
.mt-lg-auto, .my-lg-auto {
margin-top : auto !important ;
}
.mr-lg-auto, .mx-lg-auto {
margin-right : auto !important ;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom : auto !important ;
}
.ml-lg-auto, .mx-lg-auto {
margin-left : auto !important ;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin : 0 !important ;
}
.mt-xl-0, .my-xl-0 {
margin-top : 0 !important ;
}
.mr-xl-0, .mx-xl-0 {
margin-right : 0 !important ;
}
.mb-xl-0, .my-xl-0 {
margin-bottom : 0 !important ;
}
.ml-xl-0, .mx-xl-0 {
margin-left : 0 !important ;
}
.m-xl-1 {
margin : 0.25rem !important ;
}
.mt-xl-1, .my-xl-1 {
margin-top : 0.25rem !important ;
}
.mr-xl-1, .mx-xl-1 {
margin-right : 0.25rem !important ;
}
.mb-xl-1, .my-xl-1 {
margin-bottom : 0.25rem !important ;
}
.ml-xl-1, .mx-xl-1 {
margin-left : 0.25rem !important ;
}
.m-xl-2 {
margin : 0.5rem !important ;
}
.mt-xl-2, .my-xl-2 {
margin-top : 0.5rem !important ;
}
.mr-xl-2, .mx-xl-2 {
margin-right : 0.5rem !important ;
}
.mb-xl-2, .my-xl-2 {
margin-bottom : 0.5rem !important ;
}
.ml-xl-2, .mx-xl-2 {
margin-left : 0.5rem !important ;
}
.m-xl-3 {
margin : 1rem !important ;
}
.mt-xl-3, .my-xl-3 {
margin-top : 1rem !important ;
}
.mr-xl-3, .mx-xl-3 {
margin-right : 1rem !important ;
}
.mb-xl-3, .my-xl-3 {
margin-bottom : 1rem !important ;
}
.ml-xl-3, .mx-xl-3 {
margin-left : 1rem !important ;
}
.m-xl-4 {
margin : 1.5rem !important ;
}
.mt-xl-4, .my-xl-4 {
margin-top : 1.5rem !important ;
}
.mr-xl-4, .mx-xl-4 {
margin-right : 1.5rem !important ;
}
.mb-xl-4, .my-xl-4 {
margin-bottom : 1.5rem !important ;
}
.ml-xl-4, .mx-xl-4 {
margin-left : 1.5rem !important ;
}
.m-xl-5 {
margin : 3rem !important ;
}
.mt-xl-5, .my-xl-5 {
margin-top : 3rem !important ;
}
.mr-xl-5, .mx-xl-5 {
margin-right : 3rem !important ;
}
.mb-xl-5, .my-xl-5 {
margin-bottom : 3rem !important ;
}
.ml-xl-5, .mx-xl-5 {
margin-left : 3rem !important ;
}
.p-xl-0 {
padding : 0 !important ;
}
.pt-xl-0, .py-xl-0 {
padding-top : 0 !important ;
}
.pr-xl-0, .px-xl-0 {
padding-right : 0 !important ;
}
.pb-xl-0, .py-xl-0 {
padding-bottom : 0 !important ;
}
.pl-xl-0, .px-xl-0 {
padding-left : 0 !important ;
}
.p-xl-1 {
padding : 0.25rem !important ;
}
.pt-xl-1, .py-xl-1 {
padding-top : 0.25rem !important ;
}
.pr-xl-1, .px-xl-1 {
padding-right : 0.25rem !important ;
}
.pb-xl-1, .py-xl-1 {
padding-bottom : 0.25rem !important ;
}
.pl-xl-1, .px-xl-1 {
padding-left : 0.25rem !important ;
}
.p-xl-2 {
padding : 0.5rem !important ;
}
.pt-xl-2, .py-xl-2 {
padding-top : 0.5rem !important ;
}
.pr-xl-2, .px-xl-2 {
padding-right : 0.5rem !important ;
}
.pb-xl-2, .py-xl-2 {
padding-bottom : 0.5rem !important ;
}
.pl-xl-2, .px-xl-2 {
padding-left : 0.5rem !important ;
}
.p-xl-3 {
padding : 1rem !important ;
}
.pt-xl-3, .py-xl-3 {
padding-top : 1rem !important ;
}
.pr-xl-3, .px-xl-3 {
padding-right : 1rem !important ;
}
.pb-xl-3, .py-xl-3 {
padding-bottom : 1rem !important ;
}
.pl-xl-3, .px-xl-3 {
padding-left : 1rem !important ;
}
.p-xl-4 {
padding : 1.5rem !important ;
}
.pt-xl-4, .py-xl-4 {
padding-top : 1.5rem !important ;
}
.pr-xl-4, .px-xl-4 {
padding-right : 1.5rem !important ;
}
.pb-xl-4, .py-xl-4 {
padding-bottom : 1.5rem !important ;
}
.pl-xl-4, .px-xl-4 {
padding-left : 1.5rem !important ;
}
.p-xl-5 {
padding : 3rem !important ;
}
.pt-xl-5, .py-xl-5 {
padding-top : 3rem !important ;
}
.pr-xl-5, .px-xl-5 {
padding-right : 3rem !important ;
}
.pb-xl-5, .py-xl-5 {
padding-bottom : 3rem !important ;
}
.pl-xl-5, .px-xl-5 {
padding-left : 3rem !important ;
}
.m-xl-n1 {
margin : -0.25rem !important ;
}
.mt-xl-n1, .my-xl-n1 {
margin-top : -0.25rem !important ;
}
.mr-xl-n1, .mx-xl-n1 {
margin-right : -0.25rem !important ;
}
.mb-xl-n1, .my-xl-n1 {
margin-bottom : -0.25rem !important ;
}
.ml-xl-n1, .mx-xl-n1 {
margin-left : -0.25rem !important ;
}
.m-xl-n2 {
margin : -0.5rem !important ;
}
.mt-xl-n2, .my-xl-n2 {
margin-top : -0.5rem !important ;
}
.mr-xl-n2, .mx-xl-n2 {
margin-right : -0.5rem !important ;
}
.mb-xl-n2, .my-xl-n2 {
margin-bottom : -0.5rem !important ;
}
.ml-xl-n2, .mx-xl-n2 {
margin-left : -0.5rem !important ;
}
.m-xl-n3 {
margin : -1rem !important ;
}
.mt-xl-n3, .my-xl-n3 {
margin-top : -1rem !important ;
}
.mr-xl-n3, .mx-xl-n3 {
margin-right : -1rem !important ;
}
.mb-xl-n3, .my-xl-n3 {
margin-bottom : -1rem !important ;
}
.ml-xl-n3, .mx-xl-n3 {
margin-left : -1rem !important ;
}
.m-xl-n4 {
margin : -1.5rem !important ;
}
.mt-xl-n4, .my-xl-n4 {
margin-top : -1.5rem !important ;
}
.mr-xl-n4, .mx-xl-n4 {
margin-right : -1.5rem !important ;
}
.mb-xl-n4, .my-xl-n4 {
margin-bottom : -1.5rem !important ;
}
.ml-xl-n4, .mx-xl-n4 {
margin-left : -1.5rem !important ;
}
.m-xl-n5 {
margin : -3rem !important ;
}
.mt-xl-n5, .my-xl-n5 {
margin-top : -3rem !important ;
}
.mr-xl-n5, .mx-xl-n5 {
margin-right : -3rem !important ;
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom : -3rem !important ;
}
.ml-xl-n5, .mx-xl-n5 {
margin-left : -3rem !important ;
}
.m-xl-auto {
margin : auto !important ;
}
.mt-xl-auto, .my-xl-auto {
margin-top : auto !important ;
}
.mr-xl-auto, .mx-xl-auto {
margin-right : auto !important ;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom : auto !important ;
}
.ml-xl-auto, .mx-xl-auto {
margin-left : auto !important ;
}
}
.text-monospace {
font-family : SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important ;
}
.text-justify {
text-align : justify !important ;
}
.text-wrap {
white-space : normal !important ;
}
.text-nowrap {
white-space : nowrap !important ;
}
.text-truncate {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.text-left {
text-align : left !important ;
}
.text-right {
text-align : right !important ;
}
.text-center {
text-align : center !important ;
}
@media (min-width: 576px) {
.text-sm-left {
text-align : left !important ;
}
.text-sm-right {
text-align : right !important ;
}
.text-sm-center {
text-align : center !important ;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align : left !important ;
}
.text-md-right {
text-align : right !important ;
}
.text-md-center {
text-align : center !important ;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align : left !important ;
}
.text-lg-right {
text-align : right !important ;
}
.text-lg-center {
text-align : center !important ;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align : left !important ;
}
.text-xl-right {
text-align : right !important ;
}
.text-xl-center {
text-align : center !important ;
}
}
.text-lowercase {
text-transform : lowercase !important ;
}
.text-uppercase {
text-transform : uppercase !important ;
}
.text-capitalize {
text-transform : capitalize !important ;
}
.font-weight-light {
font-weight : 300 !important ;
}
.font-weight-lighter {
font-weight : lighter !important ;
}
.font-weight-normal {
font-weight : 400 !important ;
}
.font-weight-bold {
font-weight : 700 !important ;
}
.font-weight-bolder {
font-weight : bolder !important ;
}
.font-italic {
font-style : italic !important ;
}
.text-white {
color : #fff !important ;
}
.text-primary {
color : #007bff !important ;
}
a.text-primary:focus, a.text-primary:hover {
color : #0056b3 !important ;
}
.text-secondary {
color : #6c757d !important ;
}
a.text-secondary:focus, a.text-secondary:hover {
color : #494f54 !important ;
}
.text-success {
color : #28a745 !important ;
}
a.text-success:focus, a.text-success:hover {
color : #19692c !important ;
}
.text-info {
color : #17a2b8 !important ;
}
a.text-info:focus, a.text-info:hover {
color : #0f6674 !important ;
}
.text-warning {
color : #ffc107 !important ;
}
a.text-warning:focus, a.text-warning:hover {
color : #ba8b00 !important ;
}
.text-danger {
color : #dc3545 !important ;
}
a.text-danger:focus, a.text-danger:hover {
color : #a71d2a !important ;
}
.text-light {
color : #f8f9fa !important ;
}
a.text-light:focus, a.text-light:hover {
color : #cbd3da !important ;
}
.text-dark {
color : #343a40 !important ;
}
a.text-dark:focus, a.text-dark:hover {
color : #121416 !important ;
}
.text-body {
color : #212529 !important ;
}
.text-muted {
color : #6c757d !important ;
}
.text-black-50 {
color : rgb(0, 0, 0, 0.5) !important ;
}
.text-white-50 {
color : rgb(255, 255, 255, 0.5) !important ;
}
.text-hide {
font : 0/0 a;
color : transparent;
text-shadow : none;
background-color : transparent;
border : 0;
}
.text-decoration-none {
text-decoration : none !important ;
}
.text-break {
word-break : break-word !important ;
overflow-wrap : break-word !important ;
}
.text-reset {
color : inherit !important ;
}
.visible {
visibility : visible !important ;
}
.invisible {
visibility : hidden !important ;
}
@media print {
*, ::after, ::before {
text-shadow : none !important ;
box-shadow : none !important ;
}
a:not(.btn) {
text-decoration : underline;
}
abbr[title]::after {
content : " (" attr(title) ")";
}
pre {
white-space : pre-wrap !important ;
}
blockquote, pre {
border : #adb5bd solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
img, tr {
page-break-inside : avoid;
}
h2, h3, p {
orphans : 3;
widows : 3;
}
h2, h3 {
page-break-after : avoid;
}
}
@page {
size : a3;
}
body {
min-width : 992px !important ;
}
.container {
min-width : 992px !important ;
}
.navbar {
display : none;
}
.badge {
border : #000 solid 1px;
}
.table {
border-collapse : collapse !important ;
}
.table td, .table th {
background-color : #fff !important ;
}
.table-bordered td, .table-bordered th {
border : #dee2e6 solid 1px !important ;
}
.table-dark {
color : inherit;
}
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color : #dee2e6;
}
.table .thead-dark th {
color : inherit;
border-color : #dee2e6;
}
.fa, .fas, .far, .fal, .fad, .fab {
display : inline-block;
font-style : normal;
font-variant : normal;
text-rendering : auto;
line-height : 1;
}
.fa-lg {
font-size : 1.33333em;
line-height : 0.75em;
vertical-align : -0.0667em;
}
.fa-xs {
font-size : 0.75em;
}
.fa-sm {
font-size : 0.875em;
}
.fa-1x {
font-size : 1em;
}
.fa-2x {
font-size : 2em;
}
.fa-3x {
font-size : 3em;
}
.fa-4x {
font-size : 4em;
}
.fa-5x {
font-size : 5em;
}
.fa-6x {
font-size : 6em;
}
.fa-7x {
font-size : 7em;
}
.fa-8x {
font-size : 8em;
}
.fa-9x {
font-size : 9em;
}
.fa-10x {
font-size : 10em;
}
.fa-fw {
text-align : center;
width : 1.25em;
}
.fa-ul {
list-style-type : none;
margin-left : 2.5em;
padding-left : 0;
}
.fa-ul > li {
position : relative;
}
.fa-li {
left : -2em;
position : absolute;
text-align : center;
width : 2em;
line-height : inherit;
}
.fa-border {
border : #eee solid 0.08em;
border-radius : 0.1em;
padding : 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float : left;
}
.fa-pull-right {
float : right;
}
.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left {
margin-right : 0.3em;
}
.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right {
margin-left : 0.3em;
}
.fa-spin {
animation : fa-spin 2s linear infinite;
}
.fa-pulse {
animation : fa-spin 1s steps(8) infinite;
}
@keyframes fa-spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}
.fa-rotate-90 {
transform : rotate(90deg);
}
.fa-rotate-180 {
transform : rotate(180deg);
}
.fa-rotate-270 {
transform : rotate(270deg);
}
.fa-flip-horizontal {
transform : scale(-1,1);
}
.fa-flip-vertical {
transform : scale(1,-1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
transform : scale(-1,-1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both {
filter : ;
}
.fa-stack {
display : inline-block;
height : 2em;
line-height : 2em;
position : relative;
vertical-align : middle;
width : 2.5em;
}
.fa-stack-1x, .fa-stack-2x {
left : 0;
position : absolute;
text-align : center;
width : 100%;
}
.fa-stack-1x {
line-height : inherit;
}
.fa-stack-2x {
font-size : 2em;
}
.fa-inverse {
color : #fff;
}
.fa-500px:before {
content : "\f26e";
}
.fa-accessible-icon:before {
content : "\f368";
}
.fa-accusoft:before {
content : "\f369";
}
.fa-acquisitions-incorporated:before {
content : "\f6af";
}
.fa-ad:before {
content : "\f641";
}
.fa-address-book:before {
content : "\f2b9";
}
.fa-address-card:before {
content : "\f2bb";
}
.fa-adjust:before {
content : "\f042";
}
.fa-adn:before {
content : "\f170";
}
.fa-adobe:before {
content : "\f778";
}
.fa-adversal:before {
content : "\f36a";
}
.fa-affiliatetheme:before {
content : "\f36b";
}
.fa-air-freshener:before {
content : "\f5d0";
}
.fa-airbnb:before {
content : "\f834";
}
.fa-algolia:before {
content : "\f36c";
}
.fa-align-center:before {
content : "\f037";
}
.fa-align-justify:before {
content : "\f039";
}
.fa-align-left:before {
content : "\f036";
}
.fa-align-right:before {
content : "\f038";
}
.fa-alipay:before {
content : "\f642";
}
.fa-allergies:before {
content : "\f461";
}
.fa-amazon:before {
content : "\f270";
}
.fa-amazon-pay:before {
content : "\f42c";
}
.fa-ambulance:before {
content : "\f0f9";
}
.fa-american-sign-language-interpreting:before {
content : "\f2a3";
}
.fa-amilia:before {
content : "\f36d";
}
.fa-anchor:before {
content : "\f13d";
}
.fa-android:before {
content : "\f17b";
}
.fa-angellist:before {
content : "\f209";
}
.fa-angle-double-down:before {
content : "\f103";
}
.fa-angle-double-left:before {
content : "\f100";
}
.fa-angle-double-right:before {
content : "\f101";
}
.fa-angle-double-up:before {
content : "\f102";
}
.fa-angle-down:before {
content : "\f107";
}
.fa-angle-left:before {
content : "\f104";
}
.fa-angle-right:before {
content : "\f105";
}
.fa-angle-up:before {
content : "\f106";
}
.fa-angry:before {
content : "\f556";
}
.fa-angrycreative:before {
content : "\f36e";
}
.fa-angular:before {
content : "\f420";
}
.fa-ankh:before {
content : "\f644";
}
.fa-app-store:before {
content : "\f36f";
}
.fa-app-store-ios:before {
content : "\f370";
}
.fa-apper:before {
content : "\f371";
}
.fa-apple:before {
content : "\f179";
}
.fa-apple-alt:before {
content : "\f5d1";
}
.fa-apple-pay:before {
content : "\f415";
}
.fa-archive:before {
content : "\f187";
}
.fa-archway:before {
content : "\f557";
}
.fa-arrow-alt-circle-down:before {
content : "\f358";
}
.fa-arrow-alt-circle-left:before {
content : "\f359";
}
.fa-arrow-alt-circle-right:before {
content : "\f35a";
}
.fa-arrow-alt-circle-up:before {
content : "\f35b";
}
.fa-arrow-circle-down:before {
content : "\f0ab";
}
.fa-arrow-circle-left:before {
content : "\f0a8";
}
.fa-arrow-circle-right:before {
content : "\f0a9";
}
.fa-arrow-circle-up:before {
content : "\f0aa";
}
.fa-arrow-down:before {
content : "\f063";
}
.fa-arrow-left:before {
content : "\f060";
}
.fa-arrow-right:before {
content : "\f061";
}
.fa-arrow-up:before {
content : "\f062";
}
.fa-arrows-alt:before {
content : "\f0b2";
}
.fa-arrows-alt-h:before {
content : "\f337";
}
.fa-arrows-alt-v:before {
content : "\f338";
}
.fa-artstation:before {
content : "\f77a";
}
.fa-assistive-listening-systems:before {
content : "\f2a2";
}
.fa-asterisk:before {
content : "\f069";
}
.fa-asymmetrik:before {
content : "\f372";
}
.fa-at:before {
content : "\f1fa";
}
.fa-atlas:before {
content : "\f558";
}
.fa-atlassian:before {
content : "\f77b";
}
.fa-atom:before {
content : "\f5d2";
}
.fa-audible:before {
content : "\f373";
}
.fa-audio-description:before {
content : "\f29e";
}
.fa-autoprefixer:before {
content : "\f41c";
}
.fa-avianex:before {
content : "\f374";
}
.fa-aviato:before {
content : "\f421";
}
.fa-award:before {
content : "\f559";
}
.fa-aws:before {
content : "\f375";
}
.fa-baby:before {
content : "\f77c";
}
.fa-baby-carriage:before {
content : "\f77d";
}
.fa-backspace:before {
content : "\f55a";
}
.fa-backward:before {
content : "\f04a";
}
.fa-bacon:before {
content : "\f7e5";
}
.fa-balance-scale:before {
content : "\f24e";
}
.fa-balance-scale-left:before {
content : "\f515";
}
.fa-balance-scale-right:before {
content : "\f516";
}
.fa-ban:before {
content : "\f05e";
}
.fa-band-aid:before {
content : "\f462";
}
.fa-bandcamp:before {
content : "\f2d5";
}
.fa-barcode:before {
content : "\f02a";
}
.fa-bars:before {
content : "\f0c9";
}
.fa-baseball-ball:before {
content : "\f433";
}
.fa-basketball-ball:before {
content : "\f434";
}
.fa-bath:before {
content : "\f2cd";
}
.fa-battery-empty:before {
content : "\f244";
}
.fa-battery-full:before {
content : "\f240";
}
.fa-battery-half:before {
content : "\f242";
}
.fa-battery-quarter:before {
content : "\f243";
}
.fa-battery-three-quarters:before {
content : "\f241";
}
.fa-battle-net:before {
content : "\f835";
}
.fa-bed:before {
content : "\f236";
}
.fa-beer:before {
content : "\f0fc";
}
.fa-behance:before {
content : "\f1b4";
}
.fa-behance-square:before {
content : "\f1b5";
}
.fa-bell:before {
content : "\f0f3";
}
.fa-bell-slash:before {
content : "\f1f6";
}
.fa-bezier-curve:before {
content : "\f55b";
}
.fa-bible:before {
content : "\f647";
}
.fa-bicycle:before {
content : "\f206";
}
.fa-biking:before {
content : "\f84a";
}
.fa-bimobject:before {
content : "\f378";
}
.fa-binoculars:before {
content : "\f1e5";
}
.fa-biohazard:before {
content : "\f780";
}
.fa-birthday-cake:before {
content : "\f1fd";
}
.fa-bitbucket:before {
content : "\f171";
}
.fa-bitcoin:before {
content : "\f379";
}
.fa-bity:before {
content : "\f37a";
}
.fa-black-tie:before {
content : "\f27e";
}
.fa-blackberry:before {
content : "\f37b";
}
.fa-blender:before {
content : "\f517";
}
.fa-blender-phone:before {
content : "\f6b6";
}
.fa-blind:before {
content : "\f29d";
}
.fa-blog:before {
content : "\f781";
}
.fa-blogger:before {
content : "\f37c";
}
.fa-blogger-b:before {
content : "\f37d";
}
.fa-bluetooth:before {
content : "\f293";
}
.fa-bluetooth-b:before {
content : "\f294";
}
.fa-bold:before {
content : "\f032";
}
.fa-bolt:before {
content : "\f0e7";
}
.fa-bomb:before {
content : "\f1e2";
}
.fa-bone:before {
content : "\f5d7";
}
.fa-bong:before {
content : "\f55c";
}
.fa-book:before {
content : "\f02d";
}
.fa-book-dead:before {
content : "\f6b7";
}
.fa-book-medical:before {
content : "\f7e6";
}
.fa-book-open:before {
content : "\f518";
}
.fa-book-reader:before {
content : "\f5da";
}
.fa-bookmark:before {
content : "\f02e";
}
.fa-bootstrap:before {
content : "\f836";
}
.fa-border-all:before {
content : "\f84c";
}
.fa-border-none:before {
content : "\f850";
}
.fa-border-style:before {
content : "\f853";
}
.fa-bowling-ball:before {
content : "\f436";
}
.fa-box:before {
content : "\f466";
}
.fa-box-open:before {
content : "\f49e";
}
.fa-boxes:before {
content : "\f468";
}
.fa-braille:before {
content : "\f2a1";
}
.fa-brain:before {
content : "\f5dc";
}
.fa-bread-slice:before {
content : "\f7ec";
}
.fa-briefcase:before {
content : "\f0b1";
}
.fa-briefcase-medical:before {
content : "\f469";
}
.fa-broadcast-tower:before {
content : "\f519";
}
.fa-broom:before {
content : "\f51a";
}
.fa-brush:before {
content : "\f55d";
}
.fa-btc:before {
content : "\f15a";
}
.fa-buffer:before {
content : "\f837";
}
.fa-bug:before {
content : "\f188";
}
.fa-building:before {
content : "\f1ad";
}
.fa-bullhorn:before {
content : "\f0a1";
}
.fa-bullseye:before {
content : "\f140";
}
.fa-burn:before {
content : "\f46a";
}
.fa-buromobelexperte:before {
content : "\f37f";
}
.fa-bus:before {
content : "\f207";
}
.fa-bus-alt:before {
content : "\f55e";
}
.fa-business-time:before {
content : "\f64a";
}
.fa-buy-n-large:before {
content : "\f8a6";
}
.fa-buysellads:before {
content : "\f20d";
}
.fa-calculator:before {
content : "\f1ec";
}
.fa-calendar:before {
content : "\f133";
}
.fa-calendar-alt:before {
content : "\f073";
}
.fa-calendar-check:before {
content : "\f274";
}
.fa-calendar-day:before {
content : "\f783";
}
.fa-calendar-minus:before {
content : "\f272";
}
.fa-calendar-plus:before {
content : "\f271";
}
.fa-calendar-times:before {
content : "\f273";
}
.fa-calendar-week:before {
content : "\f784";
}
.fa-camera:before {
content : "\f030";
}
.fa-camera-retro:before {
content : "\f083";
}
.fa-campground:before {
content : "\f6bb";
}
.fa-canadian-maple-leaf:before {
content : "\f785";
}
.fa-candy-cane:before {
content : "\f786";
}
.fa-cannabis:before {
content : "\f55f";
}
.fa-capsules:before {
content : "\f46b";
}
.fa-car:before {
content : "\f1b9";
}
.fa-car-alt:before {
content : "\f5de";
}
.fa-car-battery:before {
content : "\f5df";
}
.fa-car-crash:before {
content : "\f5e1";
}
.fa-car-side:before {
content : "\f5e4";
}
.fa-caret-down:before {
content : "\f0d7";
}
.fa-caret-left:before {
content : "\f0d9";
}
.fa-caret-right:before {
content : "\f0da";
}
.fa-caret-square-down:before {
content : "\f150";
}
.fa-caret-square-left:before {
content : "\f191";
}
.fa-caret-square-right:before {
content : "\f152";
}
.fa-caret-square-up:before {
content : "\f151";
}
.fa-caret-up:before {
content : "\f0d8";
}
.fa-carrot:before {
content : "\f787";
}
.fa-cart-arrow-down:before {
content : "\f218";
}
.fa-cart-plus:before {
content : "\f217";
}
.fa-cash-register:before {
content : "\f788";
}
.fa-cat:before {
content : "\f6be";
}
.fa-cc-amazon-pay:before {
content : "\f42d";
}
.fa-cc-amex:before {
content : "\f1f3";
}
.fa-cc-apple-pay:before {
content : "\f416";
}
.fa-cc-diners-club:before {
content : "\f24c";
}
.fa-cc-discover:before {
content : "\f1f2";
}
.fa-cc-jcb:before {
content : "\f24b";
}
.fa-cc-mastercard:before {
content : "\f1f1";
}
.fa-cc-paypal:before {
content : "\f1f4";
}
.fa-cc-stripe:before {
content : "\f1f5";
}
.fa-cc-visa:before {
content : "\f1f0";
}
.fa-centercode:before {
content : "\f380";
}
.fa-centos:before {
content : "\f789";
}
.fa-certificate:before {
content : "\f0a3";
}
.fa-chair:before {
content : "\f6c0";
}
.fa-chalkboard:before {
content : "\f51b";
}
.fa-chalkboard-teacher:before {
content : "\f51c";
}
.fa-charging-station:before {
content : "\f5e7";
}
.fa-chart-area:before {
content : "\f1fe";
}
.fa-chart-bar:before {
content : "\f080";
}
.fa-chart-line:before {
content : "\f201";
}
.fa-chart-pie:before {
content : "\f200";
}
.fa-check:before {
content : "\f00c";
}
.fa-check-circle:before {
content : "\f058";
}
.fa-check-double:before {
content : "\f560";
}
.fa-check-square:before {
content : "\f14a";
}
.fa-cheese:before {
content : "\f7ef";
}
.fa-chess:before {
content : "\f439";
}
.fa-chess-bishop:before {
content : "\f43a";
}
.fa-chess-board:before {
content : "\f43c";
}
.fa-chess-king:before {
content : "\f43f";
}
.fa-chess-knight:before {
content : "\f441";
}
.fa-chess-pawn:before {
content : "\f443";
}
.fa-chess-queen:before {
content : "\f445";
}
.fa-chess-rook:before {
content : "\f447";
}
.fa-chevron-circle-down:before {
content : "\f13a";
}
.fa-chevron-circle-left:before {
content : "\f137";
}
.fa-chevron-circle-right:before {
content : "\f138";
}
.fa-chevron-circle-up:before {
content : "\f139";
}
.fa-chevron-down:before {
content : "\f078";
}
.fa-chevron-left:before {
content : "\f053";
}
.fa-chevron-right:before {
content : "\f054";
}
.fa-chevron-up:before {
content : "\f077";
}
.fa-child:before {
content : "\f1ae";
}
.fa-chrome:before {
content : "\f268";
}
.fa-chromecast:before {
content : "\f838";
}
.fa-church:before {
content : "\f51d";
}
.fa-circle:before {
content : "\f111";
}
.fa-circle-notch:before {
content : "\f1ce";
}
.fa-city:before {
content : "\f64f";
}
.fa-clinic-medical:before {
content : "\f7f2";
}
.fa-clipboard:before {
content : "\f328";
}
.fa-clipboard-check:before {
content : "\f46c";
}
.fa-clipboard-list:before {
content : "\f46d";
}
.fa-clock:before {
content : "\f017";
}
.fa-clone:before {
content : "\f24d";
}
.fa-closed-captioning:before {
content : "\f20a";
}
.fa-cloud:before {
content : "\f0c2";
}
.fa-cloud-download-alt:before {
content : "\f381";
}
.fa-cloud-meatball:before {
content : "\f73b";
}
.fa-cloud-moon:before {
content : "\f6c3";
}
.fa-cloud-moon-rain:before {
content : "\f73c";
}
.fa-cloud-rain:before {
content : "\f73d";
}
.fa-cloud-showers-heavy:before {
content : "\f740";
}
.fa-cloud-sun:before {
content : "\f6c4";
}
.fa-cloud-sun-rain:before {
content : "\f743";
}
.fa-cloud-upload-alt:before {
content : "\f382";
}
.fa-cloudscale:before {
content : "\f383";
}
.fa-cloudsmith:before {
content : "\f384";
}
.fa-cloudversify:before {
content : "\f385";
}
.fa-cocktail:before {
content : "\f561";
}
.fa-code:before {
content : "\f121";
}
.fa-code-branch:before {
content : "\f126";
}
.fa-codepen:before {
content : "\f1cb";
}
.fa-codiepie:before {
content : "\f284";
}
.fa-coffee:before {
content : "\f0f4";
}
.fa-cog:before {
content : "\f013";
}
.fa-cogs:before {
content : "\f085";
}
.fa-coins:before {
content : "\f51e";
}
.fa-columns:before {
content : "\f0db";
}
.fa-comment:before {
content : "\f075";
}
.fa-comment-alt:before {
content : "\f27a";
}
.fa-comment-dollar:before {
content : "\f651";
}
.fa-comment-dots:before {
content : "\f4ad";
}
.fa-comment-medical:before {
content : "\f7f5";
}
.fa-comment-slash:before {
content : "\f4b3";
}
.fa-comments:before {
content : "\f086";
}
.fa-comments-dollar:before {
content : "\f653";
}
.fa-compact-disc:before {
content : "\f51f";
}
.fa-compass:before {
content : "\f14e";
}
.fa-compress:before {
content : "\f066";
}
.fa-compress-arrows-alt:before {
content : "\f78c";
}
.fa-concierge-bell:before {
content : "\f562";
}
.fa-confluence:before {
content : "\f78d";
}
.fa-connectdevelop:before {
content : "\f20e";
}
.fa-contao:before {
content : "\f26d";
}
.fa-cookie:before {
content : "\f563";
}
.fa-cookie-bite:before {
content : "\f564";
}
.fa-copy:before {
content : "\f0c5";
}
.fa-copyright:before {
content : "\f1f9";
}
.fa-cotton-bureau:before {
content : "\f89e";
}
.fa-couch:before {
content : "\f4b8";
}
.fa-cpanel:before {
content : "\f388";
}
.fa-creative-commons:before {
content : "\f25e";
}
.fa-creative-commons-by:before {
content : "\f4e7";
}
.fa-creative-commons-nc:before {
content : "\f4e8";
}
.fa-creative-commons-nc-eu:before {
content : "\f4e9";
}
.fa-creative-commons-nc-jp:before {
content : "\f4ea";
}
.fa-creative-commons-nd:before {
content : "\f4eb";
}
.fa-creative-commons-pd:before {
content : "\f4ec";
}
.fa-creative-commons-pd-alt:before {
content : "\f4ed";
}
.fa-creative-commons-remix:before {
content : "\f4ee";
}
.fa-creative-commons-sa:before {
content : "\f4ef";
}
.fa-creative-commons-sampling:before {
content : "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
content : "\f4f1";
}
.fa-creative-commons-share:before {
content : "\f4f2";
}
.fa-creative-commons-zero:before {
content : "\f4f3";
}
.fa-credit-card:before {
content : "\f09d";
}
.fa-critical-role:before {
content : "\f6c9";
}
.fa-crop:before {
content : "\f125";
}
.fa-crop-alt:before {
content : "\f565";
}
.fa-cross:before {
content : "\f654";
}
.fa-crosshairs:before {
content : "\f05b";
}
.fa-crow:before {
content : "\f520";
}
.fa-crown:before {
content : "\f521";
}
.fa-crutch:before {
content : "\f7f7";
}
.fa-css3:before {
content : "\f13c";
}
.fa-css3-alt:before {
content : "\f38b";
}
.fa-cube:before {
content : "\f1b2";
}
.fa-cubes:before {
content : "\f1b3";
}
.fa-cut:before {
content : "\f0c4";
}
.fa-cuttlefish:before {
content : "\f38c";
}
.fa-d-and-d:before {
content : "\f38d";
}
.fa-d-and-d-beyond:before {
content : "\f6ca";
}
.fa-dashcube:before {
content : "\f210";
}
.fa-database:before {
content : "\f1c0";
}
.fa-deaf:before {
content : "\f2a4";
}
.fa-delicious:before {
content : "\f1a5";
}
.fa-democrat:before {
content : "\f747";
}
.fa-deploydog:before {
content : "\f38e";
}
.fa-deskpro:before {
content : "\f38f";
}
.fa-desktop:before {
content : "\f108";
}
.fa-dev:before {
content : "\f6cc";
}
.fa-deviantart:before {
content : "\f1bd";
}
.fa-dharmachakra:before {
content : "\f655";
}
.fa-dhl:before {
content : "\f790";
}
.fa-diagnoses:before {
content : "\f470";
}
.fa-diaspora:before {
content : "\f791";
}
.fa-dice:before {
content : "\f522";
}
.fa-dice-d20:before {
content : "\f6cf";
}
.fa-dice-d6:before {
content : "\f6d1";
}
.fa-dice-five:before {
content : "\f523";
}
.fa-dice-four:before {
content : "\f524";
}
.fa-dice-one:before {
content : "\f525";
}
.fa-dice-six:before {
content : "\f526";
}
.fa-dice-three:before {
content : "\f527";
}
.fa-dice-two:before {
content : "\f528";
}
.fa-digg:before {
content : "\f1a6";
}
.fa-digital-ocean:before {
content : "\f391";
}
.fa-digital-tachograph:before {
content : "\f566";
}
.fa-directions:before {
content : "\f5eb";
}
.fa-discord:before {
content : "\f392";
}
.fa-discourse:before {
content : "\f393";
}
.fa-divide:before {
content : "\f529";
}
.fa-dizzy:before {
content : "\f567";
}
.fa-dna:before {
content : "\f471";
}
.fa-dochub:before {
content : "\f394";
}
.fa-docker:before {
content : "\f395";
}
.fa-dog:before {
content : "\f6d3";
}
.fa-dollar-sign:before {
content : "\f155";
}
.fa-dolly:before {
content : "\f472";
}
.fa-dolly-flatbed:before {
content : "\f474";
}
.fa-donate:before {
content : "\f4b9";
}
.fa-door-closed:before {
content : "\f52a";
}
.fa-door-open:before {
content : "\f52b";
}
.fa-dot-circle:before {
content : "\f192";
}
.fa-dove:before {
content : "\f4ba";
}
.fa-download:before {
content : "\f019";
}
.fa-draft2digital:before {
content : "\f396";
}
.fa-drafting-compass:before {
content : "\f568";
}
.fa-dragon:before {
content : "\f6d5";
}
.fa-draw-polygon:before {
content : "\f5ee";
}
.fa-dribbble:before {
content : "\f17d";
}
.fa-dribbble-square:before {
content : "\f397";
}
.fa-dropbox:before {
content : "\f16b";
}
.fa-drum:before {
content : "\f569";
}
.fa-drum-steelpan:before {
content : "\f56a";
}
.fa-drumstick-bite:before {
content : "\f6d7";
}
.fa-drupal:before {
content : "\f1a9";
}
.fa-dumbbell:before {
content : "\f44b";
}
.fa-dumpster:before {
content : "\f793";
}
.fa-dumpster-fire:before {
content : "\f794";
}
.fa-dungeon:before {
content : "\f6d9";
}
.fa-dyalog:before {
content : "\f399";
}
.fa-earlybirds:before {
content : "\f39a";
}
.fa-ebay:before {
content : "\f4f4";
}
.fa-edge:before {
content : "\f282";
}
.fa-edit:before {
content : "\f044";
}
.fa-egg:before {
content : "\f7fb";
}
.fa-eject:before {
content : "\f052";
}
.fa-elementor:before {
content : "\f430";
}
.fa-ellipsis-h:before {
content : "\f141";
}
.fa-ellipsis-v:before {
content : "\f142";
}
.fa-ello:before {
content : "\f5f1";
}
.fa-ember:before {
content : "\f423";
}
.fa-empire:before {
content : "\f1d1";
}
.fa-envelope:before {
content : "\f0e0";
}
.fa-envelope-open:before {
content : "\f2b6";
}
.fa-envelope-open-text:before {
content : "\f658";
}
.fa-envelope-square:before {
content : "\f199";
}
.fa-envira:before {
content : "\f299";
}
.fa-equals:before {
content : "\f52c";
}
.fa-eraser:before {
content : "\f12d";
}
.fa-erlang:before {
content : "\f39d";
}
.fa-ethereum:before {
content : "\f42e";
}
.fa-ethernet:before {
content : "\f796";
}
.fa-etsy:before {
content : "\f2d7";
}
.fa-euro-sign:before {
content : "\f153";
}
.fa-evernote:before {
content : "\f839";
}
.fa-exchange-alt:before {
content : "\f362";
}
.fa-exclamation:before {
content : "\f12a";
}
.fa-exclamation-circle:before {
content : "\f06a";
}
.fa-exclamation-triangle:before {
content : "\f071";
}
.fa-expand:before {
content : "\f065";
}
.fa-expand-arrows-alt:before {
content : "\f31e";
}
.fa-expeditedssl:before {
content : "\f23e";
}
.fa-external-link-alt:before {
content : "\f35d";
}
.fa-external-link-square-alt:before {
content : "\f360";
}
.fa-eye:before {
content : "\f06e";
}
.fa-eye-dropper:before {
content : "\f1fb";
}
.fa-eye-slash:before {
content : "\f070";
}
.fa-facebook:before {
content : "\f09a";
}
.fa-facebook-f:before {
content : "\f39e";
}
.fa-facebook-messenger:before {
content : "\f39f";
}
.fa-facebook-square:before {
content : "\f082";
}
.fa-fan:before {
content : "\f863";
}
.fa-fantasy-flight-games:before {
content : "\f6dc";
}
.fa-fast-backward:before {
content : "\f049";
}
.fa-fast-forward:before {
content : "\f050";
}
.fa-fax:before {
content : "\f1ac";
}
.fa-feather:before {
content : "\f52d";
}
.fa-feather-alt:before {
content : "\f56b";
}
.fa-fedex:before {
content : "\f797";
}
.fa-fedora:before {
content : "\f798";
}
.fa-female:before {
content : "\f182";
}
.fa-fighter-jet:before {
content : "\f0fb";
}
.fa-figma:before {
content : "\f799";
}
.fa-file:before {
content : "\f15b";
}
.fa-file-alt:before {
content : "\f15c";
}
.fa-file-archive:before {
content : "\f1c6";
}
.fa-file-audio:before {
content : "\f1c7";
}
.fa-file-code:before {
content : "\f1c9";
}
.fa-file-contract:before {
content : "\f56c";
}
.fa-file-csv:before {
content : "\f6dd";
}
.fa-file-download:before {
content : "\f56d";
}
.fa-file-excel:before {
content : "\f1c3";
}
.fa-file-export:before {
content : "\f56e";
}
.fa-file-image:before {
content : "\f1c5";
}
.fa-file-import:before {
content : "\f56f";
}
.fa-file-invoice:before {
content : "\f570";
}
.fa-file-invoice-dollar:before {
content : "\f571";
}
.fa-file-medical:before {
content : "\f477";
}
.fa-file-medical-alt:before {
content : "\f478";
}
.fa-file-pdf:before {
content : "\f1c1";
}
.fa-file-powerpoint:before {
content : "\f1c4";
}
.fa-file-prescription:before {
content : "\f572";
}
.fa-file-signature:before {
content : "\f573";
}
.fa-file-upload:before {
content : "\f574";
}
.fa-file-video:before {
content : "\f1c8";
}
.fa-file-word:before {
content : "\f1c2";
}
.fa-fill:before {
content : "\f575";
}
.fa-fill-drip:before {
content : "\f576";
}
.fa-film:before {
content : "\f008";
}
.fa-filter:before {
content : "\f0b0";
}
.fa-fingerprint:before {
content : "\f577";
}
.fa-fire:before {
content : "\f06d";
}
.fa-fire-alt:before {
content : "\f7e4";
}
.fa-fire-extinguisher:before {
content : "\f134";
}
.fa-firefox:before {
content : "\f269";
}
.fa-first-aid:before {
content : "\f479";
}
.fa-first-order:before {
content : "\f2b0";
}
.fa-first-order-alt:before {
content : "\f50a";
}
.fa-firstdraft:before {
content : "\f3a1";
}
.fa-fish:before {
content : "\f578";
}
.fa-fist-raised:before {
content : "\f6de";
}
.fa-flag:before {
content : "\f024";
}
.fa-flag-checkered:before {
content : "\f11e";
}
.fa-flag-usa:before {
content : "\f74d";
}
.fa-flask:before {
content : "\f0c3";
}
.fa-flickr:before {
content : "\f16e";
}
.fa-flipboard:before {
content : "\f44d";
}
.fa-flushed:before {
content : "\f579";
}
.fa-fly:before {
content : "\f417";
}
.fa-folder:before {
content : "\f07b";
}
.fa-folder-minus:before {
content : "\f65d";
}
.fa-folder-open:before {
content : "\f07c";
}
.fa-folder-plus:before {
content : "\f65e";
}
.fa-font:before {
content : "\f031";
}
.fa-font-awesome:before {
content : "\f2b4";
}
.fa-font-awesome-alt:before {
content : "\f35c";
}
.fa-font-awesome-flag:before {
content : "\f425";
}
.fa-font-awesome-logo-full:before {
content : "\f4e6";
}
.fa-fonticons:before {
content : "\f280";
}
.fa-fonticons-fi:before {
content : "\f3a2";
}
.fa-football-ball:before {
content : "\f44e";
}
.fa-fort-awesome:before {
content : "\f286";
}
.fa-fort-awesome-alt:before {
content : "\f3a3";
}
.fa-forumbee:before {
content : "\f211";
}
.fa-forward:before {
content : "\f04e";
}
.fa-foursquare:before {
content : "\f180";
}
.fa-free-code-camp:before {
content : "\f2c5";
}
.fa-freebsd:before {
content : "\f3a4";
}
.fa-frog:before {
content : "\f52e";
}
.fa-frown:before {
content : "\f119";
}
.fa-frown-open:before {
content : "\f57a";
}
.fa-fulcrum:before {
content : "\f50b";
}
.fa-funnel-dollar:before {
content : "\f662";
}
.fa-futbol:before {
content : "\f1e3";
}
.fa-galactic-republic:before {
content : "\f50c";
}
.fa-galactic-senate:before {
content : "\f50d";
}
.fa-gamepad:before {
content : "\f11b";
}
.fa-gas-pump:before {
content : "\f52f";
}
.fa-gavel:before {
content : "\f0e3";
}
.fa-gem:before {
content : "\f3a5";
}
.fa-genderless:before {
content : "\f22d";
}
.fa-get-pocket:before {
content : "\f265";
}
.fa-gg:before {
content : "\f260";
}
.fa-gg-circle:before {
content : "\f261";
}
.fa-ghost:before {
content : "\f6e2";
}
.fa-gift:before {
content : "\f06b";
}
.fa-gifts:before {
content : "\f79c";
}
.fa-git:before {
content : "\f1d3";
}
.fa-git-alt:before {
content : "\f841";
}
.fa-git-square:before {
content : "\f1d2";
}
.fa-github:before {
content : "\f09b";
}
.fa-github-alt:before {
content : "\f113";
}
.fa-github-square:before {
content : "\f092";
}
.fa-gitkraken:before {
content : "\f3a6";
}
.fa-gitlab:before {
content : "\f296";
}
.fa-gitter:before {
content : "\f426";
}
.fa-glass-cheers:before {
content : "\f79f";
}
.fa-glass-martini:before {
content : "\f000";
}
.fa-glass-martini-alt:before {
content : "\f57b";
}
.fa-glass-whiskey:before {
content : "\f7a0";
}
.fa-glasses:before {
content : "\f530";
}
.fa-glide:before {
content : "\f2a5";
}
.fa-glide-g:before {
content : "\f2a6";
}
.fa-globe:before {
content : "\f0ac";
}
.fa-globe-africa:before {
content : "\f57c";
}
.fa-globe-americas:before {
content : "\f57d";
}
.fa-globe-asia:before {
content : "\f57e";
}
.fa-globe-europe:before {
content : "\f7a2";
}
.fa-gofore:before {
content : "\f3a7";
}
.fa-golf-ball:before {
content : "\f450";
}
.fa-goodreads:before {
content : "\f3a8";
}
.fa-goodreads-g:before {
content : "\f3a9";
}
.fa-google:before {
content : "\f1a0";
}
.fa-google-drive:before {
content : "\f3aa";
}
.fa-google-play:before {
content : "\f3ab";
}
.fa-google-plus:before {
content : "\f2b3";
}
.fa-google-plus-g:before {
content : "\f0d5";
}
.fa-google-plus-square:before {
content : "\f0d4";
}
.fa-google-wallet:before {
content : "\f1ee";
}
.fa-gopuram:before {
content : "\f664";
}
.fa-graduation-cap:before {
content : "\f19d";
}
.fa-gratipay:before {
content : "\f184";
}
.fa-grav:before {
content : "\f2d6";
}
.fa-greater-than:before {
content : "\f531";
}
.fa-greater-than-equal:before {
content : "\f532";
}
.fa-grimace:before {
content : "\f57f";
}
.fa-grin:before {
content : "\f580";
}
.fa-grin-alt:before {
content : "\f581";
}
.fa-grin-beam:before {
content : "\f582";
}
.fa-grin-beam-sweat:before {
content : "\f583";
}
.fa-grin-hearts:before {
content : "\f584";
}
.fa-grin-squint:before {
content : "\f585";
}
.fa-grin-squint-tears:before {
content : "\f586";
}
.fa-grin-stars:before {
content : "\f587";
}
.fa-grin-tears:before {
content : "\f588";
}
.fa-grin-tongue:before {
content : "\f589";
}
.fa-grin-tongue-squint:before {
content : "\f58a";
}
.fa-grin-tongue-wink:before {
content : "\f58b";
}
.fa-grin-wink:before {
content : "\f58c";
}
.fa-grip-horizontal:before {
content : "\f58d";
}
.fa-grip-lines:before {
content : "\f7a4";
}
.fa-grip-lines-vertical:before {
content : "\f7a5";
}
.fa-grip-vertical:before {
content : "\f58e";
}
.fa-gripfire:before {
content : "\f3ac";
}
.fa-grunt:before {
content : "\f3ad";
}
.fa-guitar:before {
content : "\f7a6";
}
.fa-gulp:before {
content : "\f3ae";
}
.fa-h-square:before {
content : "\f0fd";
}
.fa-hacker-news:before {
content : "\f1d4";
}
.fa-hacker-news-square:before {
content : "\f3af";
}
.fa-hackerrank:before {
content : "\f5f7";
}
.fa-hamburger:before {
content : "\f805";
}
.fa-hammer:before {
content : "\f6e3";
}
.fa-hamsa:before {
content : "\f665";
}
.fa-hand-holding:before {
content : "\f4bd";
}
.fa-hand-holding-heart:before {
content : "\f4be";
}
.fa-hand-holding-usd:before {
content : "\f4c0";
}
.fa-hand-lizard:before {
content : "\f258";
}
.fa-hand-middle-finger:before {
content : "\f806";
}
.fa-hand-paper:before {
content : "\f256";
}
.fa-hand-peace:before {
content : "\f25b";
}
.fa-hand-point-down:before {
content : "\f0a7";
}
.fa-hand-point-left:before {
content : "\f0a5";
}
.fa-hand-point-right:before {
content : "\f0a4";
}
.fa-hand-point-up:before {
content : "\f0a6";
}
.fa-hand-pointer:before {
content : "\f25a";
}
.fa-hand-rock:before {
content : "\f255";
}
.fa-hand-scissors:before {
content : "\f257";
}
.fa-hand-spock:before {
content : "\f259";
}
.fa-hands:before {
content : "\f4c2";
}
.fa-hands-helping:before {
content : "\f4c4";
}
.fa-handshake:before {
content : "\f2b5";
}
.fa-hanukiah:before {
content : "\f6e6";
}
.fa-hard-hat:before {
content : "\f807";
}
.fa-hashtag:before {
content : "\f292";
}
.fa-hat-cowboy:before {
content : "\f8c0";
}
.fa-hat-cowboy-side:before {
content : "\f8c1";
}
.fa-hat-wizard:before {
content : "\f6e8";
}
.fa-haykal:before {
content : "\f666";
}
.fa-hdd:before {
content : "\f0a0";
}
.fa-heading:before {
content : "\f1dc";
}
.fa-headphones:before {
content : "\f025";
}
.fa-headphones-alt:before {
content : "\f58f";
}
.fa-headset:before {
content : "\f590";
}
.fa-heart:before {
content : "\f004";
}
.fa-heart-broken:before {
content : "\f7a9";
}
.fa-heartbeat:before {
content : "\f21e";
}
.fa-helicopter:before {
content : "\f533";
}
.fa-highlighter:before {
content : "\f591";
}
.fa-hiking:before {
content : "\f6ec";
}
.fa-hippo:before {
content : "\f6ed";
}
.fa-hips:before {
content : "\f452";
}
.fa-hire-a-helper:before {
content : "\f3b0";
}
.fa-history:before {
content : "\f1da";
}
.fa-hockey-puck:before {
content : "\f453";
}
.fa-holly-berry:before {
content : "\f7aa";
}
.fa-home:before {
content : "\f015";
}
.fa-hooli:before {
content : "\f427";
}
.fa-hornbill:before {
content : "\f592";
}
.fa-horse:before {
content : "\f6f0";
}
.fa-horse-head:before {
content : "\f7ab";
}
.fa-hospital:before {
content : "\f0f8";
}
.fa-hospital-alt:before {
content : "\f47d";
}
.fa-hospital-symbol:before {
content : "\f47e";
}
.fa-hot-tub:before {
content : "\f593";
}
.fa-hotdog:before {
content : "\f80f";
}
.fa-hotel:before {
content : "\f594";
}
.fa-hotjar:before {
content : "\f3b1";
}
.fa-hourglass:before {
content : "\f254";
}
.fa-hourglass-end:before {
content : "\f253";
}
.fa-hourglass-half:before {
content : "\f252";
}
.fa-hourglass-start:before {
content : "\f251";
}
.fa-house-damage:before {
content : "\f6f1";
}
.fa-houzz:before {
content : "\f27c";
}
.fa-hryvnia:before {
content : "\f6f2";
}
.fa-html5:before {
content : "\f13b";
}
.fa-hubspot:before {
content : "\f3b2";
}
.fa-i-cursor:before {
content : "\f246";
}
.fa-ice-cream:before {
content : "\f810";
}
.fa-icicles:before {
content : "\f7ad";
}
.fa-icons:before {
content : "\f86d";
}
.fa-id-badge:before {
content : "\f2c1";
}
.fa-id-card:before {
content : "\f2c2";
}
.fa-id-card-alt:before {
content : "\f47f";
}
.fa-igloo:before {
content : "\f7ae";
}
.fa-image:before {
content : "\f03e";
}
.fa-images:before {
content : "\f302";
}
.fa-imdb:before {
content : "\f2d8";
}
.fa-inbox:before {
content : "\f01c";
}
.fa-indent:before {
content : "\f03c";
}
.fa-industry:before {
content : "\f275";
}
.fa-infinity:before {
content : "\f534";
}
.fa-info:before {
content : "\f129";
}
.fa-info-circle:before {
content : "\f05a";
}
.fa-instagram:before {
content : "\f16d";
}
.fa-intercom:before {
content : "\f7af";
}
.fa-internet-explorer:before {
content : "\f26b";
}
.fa-invision:before {
content : "\f7b0";
}
.fa-ioxhost:before {
content : "\f208";
}
.fa-italic:before {
content : "\f033";
}
.fa-itch-io:before {
content : "\f83a";
}
.fa-itunes:before {
content : "\f3b4";
}
.fa-itunes-note:before {
content : "\f3b5";
}
.fa-java:before {
content : "\f4e4";
}
.fa-jedi:before {
content : "\f669";
}
.fa-jedi-order:before {
content : "\f50e";
}
.fa-jenkins:before {
content : "\f3b6";
}
.fa-jira:before {
content : "\f7b1";
}
.fa-joget:before {
content : "\f3b7";
}
.fa-joint:before {
content : "\f595";
}
.fa-joomla:before {
content : "\f1aa";
}
.fa-journal-whills:before {
content : "\f66a";
}
.fa-js:before {
content : "\f3b8";
}
.fa-js-square:before {
content : "\f3b9";
}
.fa-jsfiddle:before {
content : "\f1cc";
}
.fa-kaaba:before {
content : "\f66b";
}
.fa-kaggle:before {
content : "\f5fa";
}
.fa-key:before {
content : "\f084";
}
.fa-keybase:before {
content : "\f4f5";
}
.fa-keyboard:before {
content : "\f11c";
}
.fa-keycdn:before {
content : "\f3ba";
}
.fa-khanda:before {
content : "\f66d";
}
.fa-kickstarter:before {
content : "\f3bb";
}
.fa-kickstarter-k:before {
content : "\f3bc";
}
.fa-kiss:before {
content : "\f596";
}
.fa-kiss-beam:before {
content : "\f597";
}
.fa-kiss-wink-heart:before {
content : "\f598";
}
.fa-kiwi-bird:before {
content : "\f535";
}
.fa-korvue:before {
content : "\f42f";
}
.fa-landmark:before {
content : "\f66f";
}
.fa-language:before {
content : "\f1ab";
}
.fa-laptop:before {
content : "\f109";
}
.fa-laptop-code:before {
content : "\f5fc";
}
.fa-laptop-medical:before {
content : "\f812";
}
.fa-laravel:before {
content : "\f3bd";
}
.fa-lastfm:before {
content : "\f202";
}
.fa-lastfm-square:before {
content : "\f203";
}
.fa-laugh:before {
content : "\f599";
}
.fa-laugh-beam:before {
content : "\f59a";
}
.fa-laugh-squint:before {
content : "\f59b";
}
.fa-laugh-wink:before {
content : "\f59c";
}
.fa-layer-group:before {
content : "\f5fd";
}
.fa-leaf:before {
content : "\f06c";
}
.fa-leanpub:before {
content : "\f212";
}
.fa-lemon:before {
content : "\f094";
}
.fa-less:before {
content : "\f41d";
}
.fa-less-than:before {
content : "\f536";
}
.fa-less-than-equal:before {
content : "\f537";
}
.fa-level-down-alt:before {
content : "\f3be";
}
.fa-level-up-alt:before {
content : "\f3bf";
}
.fa-life-ring:before {
content : "\f1cd";
}
.fa-lightbulb:before {
content : "\f0eb";
}
.fa-line:before {
content : "\f3c0";
}
.fa-link:before {
content : "\f0c1";
}
.fa-linkedin:before {
content : "\f08c";
}
.fa-linkedin-in:before {
content : "\f0e1";
}
.fa-linode:before {
content : "\f2b8";
}
.fa-linux:before {
content : "\f17c";
}
.fa-lira-sign:before {
content : "\f195";
}
.fa-list:before {
content : "\f03a";
}
.fa-list-alt:before {
content : "\f022";
}
.fa-list-ol:before {
content : "\f0cb";
}
.fa-list-ul:before {
content : "\f0ca";
}
.fa-location-arrow:before {
content : "\f124";
}
.fa-lock:before {
content : "\f023";
}
.fa-lock-open:before {
content : "\f3c1";
}
.fa-long-arrow-alt-down:before {
content : "\f309";
}
.fa-long-arrow-alt-left:before {
content : "\f30a";
}
.fa-long-arrow-alt-right:before {
content : "\f30b";
}
.fa-long-arrow-alt-up:before {
content : "\f30c";
}
.fa-low-vision:before {
content : "\f2a8";
}
.fa-luggage-cart:before {
content : "\f59d";
}
.fa-lyft:before {
content : "\f3c3";
}
.fa-magento:before {
content : "\f3c4";
}
.fa-magic:before {
content : "\f0d0";
}
.fa-magnet:before {
content : "\f076";
}
.fa-mail-bulk:before {
content : "\f674";
}
.fa-mailchimp:before {
content : "\f59e";
}
.fa-male:before {
content : "\f183";
}
.fa-mandalorian:before {
content : "\f50f";
}
.fa-map:before {
content : "\f279";
}
.fa-map-marked:before {
content : "\f59f";
}
.fa-map-marked-alt:before {
content : "\f5a0";
}
.fa-map-marker:before {
content : "\f041";
}
.fa-map-marker-alt:before {
content : "\f3c5";
}
.fa-map-pin:before {
content : "\f276";
}
.fa-map-signs:before {
content : "\f277";
}
.fa-markdown:before {
content : "\f60f";
}
.fa-marker:before {
content : "\f5a1";
}
.fa-mars:before {
content : "\f222";
}
.fa-mars-double:before {
content : "\f227";
}
.fa-mars-stroke:before {
content : "\f229";
}
.fa-mars-stroke-h:before {
content : "\f22b";
}
.fa-mars-stroke-v:before {
content : "\f22a";
}
.fa-mask:before {
content : "\f6fa";
}
.fa-mastodon:before {
content : "\f4f6";
}
.fa-maxcdn:before {
content : "\f136";
}
.fa-mdb:before {
content : "\f8ca";
}
.fa-medal:before {
content : "\f5a2";
}
.fa-medapps:before {
content : "\f3c6";
}
.fa-medium:before {
content : "\f23a";
}
.fa-medium-m:before {
content : "\f3c7";
}
.fa-medkit:before {
content : "\f0fa";
}
.fa-medrt:before {
content : "\f3c8";
}
.fa-meetup:before {
content : "\f2e0";
}
.fa-megaport:before {
content : "\f5a3";
}
.fa-meh:before {
content : "\f11a";
}
.fa-meh-blank:before {
content : "\f5a4";
}
.fa-meh-rolling-eyes:before {
content : "\f5a5";
}
.fa-memory:before {
content : "\f538";
}
.fa-mendeley:before {
content : "\f7b3";
}
.fa-menorah:before {
content : "\f676";
}
.fa-mercury:before {
content : "\f223";
}
.fa-meteor:before {
content : "\f753";
}
.fa-microchip:before {
content : "\f2db";
}
.fa-microphone:before {
content : "\f130";
}
.fa-microphone-alt:before {
content : "\f3c9";
}
.fa-microphone-alt-slash:before {
content : "\f539";
}
.fa-microphone-slash:before {
content : "\f131";
}
.fa-microscope:before {
content : "\f610";
}
.fa-microsoft:before {
content : "\f3ca";
}
.fa-minus:before {
content : "\f068";
}
.fa-minus-circle:before {
content : "\f056";
}
.fa-minus-square:before {
content : "\f146";
}
.fa-mitten:before {
content : "\f7b5";
}
.fa-mix:before {
content : "\f3cb";
}
.fa-mixcloud:before {
content : "\f289";
}
.fa-mizuni:before {
content : "\f3cc";
}
.fa-mobile:before {
content : "\f10b";
}
.fa-mobile-alt:before {
content : "\f3cd";
}
.fa-modx:before {
content : "\f285";
}
.fa-monero:before {
content : "\f3d0";
}
.fa-money-bill:before {
content : "\f0d6";
}
.fa-money-bill-alt:before {
content : "\f3d1";
}
.fa-money-bill-wave:before {
content : "\f53a";
}
.fa-money-bill-wave-alt:before {
content : "\f53b";
}
.fa-money-check:before {
content : "\f53c";
}
.fa-money-check-alt:before {
content : "\f53d";
}
.fa-monument:before {
content : "\f5a6";
}
.fa-moon:before {
content : "\f186";
}
.fa-mortar-pestle:before {
content : "\f5a7";
}
.fa-mosque:before {
content : "\f678";
}
.fa-motorcycle:before {
content : "\f21c";
}
.fa-mountain:before {
content : "\f6fc";
}
.fa-mouse:before {
content : "\f8cc";
}
.fa-mouse-pointer:before {
content : "\f245";
}
.fa-mug-hot:before {
content : "\f7b6";
}
.fa-music:before {
content : "\f001";
}
.fa-napster:before {
content : "\f3d2";
}
.fa-neos:before {
content : "\f612";
}
.fa-network-wired:before {
content : "\f6ff";
}
.fa-neuter:before {
content : "\f22c";
}
.fa-newspaper:before {
content : "\f1ea";
}
.fa-nimblr:before {
content : "\f5a8";
}
.fa-node:before {
content : "\f419";
}
.fa-node-js:before {
content : "\f3d3";
}
.fa-not-equal:before {
content : "\f53e";
}
.fa-notes-medical:before {
content : "\f481";
}
.fa-npm:before {
content : "\f3d4";
}
.fa-ns8:before {
content : "\f3d5";
}
.fa-nutritionix:before {
content : "\f3d6";
}
.fa-object-group:before {
content : "\f247";
}
.fa-object-ungroup:before {
content : "\f248";
}
.fa-odnoklassniki:before {
content : "\f263";
}
.fa-odnoklassniki-square:before {
content : "\f264";
}
.fa-oil-can:before {
content : "\f613";
}
.fa-old-republic:before {
content : "\f510";
}
.fa-om:before {
content : "\f679";
}
.fa-opencart:before {
content : "\f23d";
}
.fa-openid:before {
content : "\f19b";
}
.fa-opera:before {
content : "\f26a";
}
.fa-optin-monster:before {
content : "\f23c";
}
.fa-orcid:before {
content : "\f8d2";
}
.fa-osi:before {
content : "\f41a";
}
.fa-otter:before {
content : "\f700";
}
.fa-outdent:before {
content : "\f03b";
}
.fa-page4:before {
content : "\f3d7";
}
.fa-pagelines:before {
content : "\f18c";
}
.fa-pager:before {
content : "\f815";
}
.fa-paint-brush:before {
content : "\f1fc";
}
.fa-paint-roller:before {
content : "\f5aa";
}
.fa-palette:before {
content : "\f53f";
}
.fa-palfed:before {
content : "\f3d8";
}
.fa-pallet:before {
content : "\f482";
}
.fa-paper-plane:before {
content : "\f1d8";
}
.fa-paperclip:before {
content : "\f0c6";
}
.fa-parachute-box:before {
content : "\f4cd";
}
.fa-paragraph:before {
content : "\f1dd";
}
.fa-parking:before {
content : "\f540";
}
.fa-passport:before {
content : "\f5ab";
}
.fa-pastafarianism:before {
content : "\f67b";
}
.fa-paste:before {
content : "\f0ea";
}
.fa-patreon:before {
content : "\f3d9";
}
.fa-pause:before {
content : "\f04c";
}
.fa-pause-circle:before {
content : "\f28b";
}
.fa-paw:before {
content : "\f1b0";
}
.fa-paypal:before {
content : "\f1ed";
}
.fa-peace:before {
content : "\f67c";
}
.fa-pen:before {
content : "\f304";
}
.fa-pen-alt:before {
content : "\f305";
}
.fa-pen-fancy:before {
content : "\f5ac";
}
.fa-pen-nib:before {
content : "\f5ad";
}
.fa-pen-square:before {
content : "\f14b";
}
.fa-pencil-alt:before {
content : "\f303";
}
.fa-pencil-ruler:before {
content : "\f5ae";
}
.fa-penny-arcade:before {
content : "\f704";
}
.fa-people-carry:before {
content : "\f4ce";
}
.fa-pepper-hot:before {
content : "\f816";
}
.fa-percent:before {
content : "\f295";
}
.fa-percentage:before {
content : "\f541";
}
.fa-periscope:before {
content : "\f3da";
}
.fa-person-booth:before {
content : "\f756";
}
.fa-phabricator:before {
content : "\f3db";
}
.fa-phoenix-framework:before {
content : "\f3dc";
}
.fa-phoenix-squadron:before {
content : "\f511";
}
.fa-phone:before {
content : "\f095";
}
.fa-phone-alt:before {
content : "\f879";
}
.fa-phone-slash:before {
content : "\f3dd";
}
.fa-phone-square:before {
content : "\f098";
}
.fa-phone-square-alt:before {
content : "\f87b";
}
.fa-phone-volume:before {
content : "\f2a0";
}
.fa-photo-video:before {
content : "\f87c";
}
.fa-php:before {
content : "\f457";
}
.fa-pied-piper:before {
content : "\f2ae";
}
.fa-pied-piper-alt:before {
content : "\f1a8";
}
.fa-pied-piper-hat:before {
content : "\f4e5";
}
.fa-pied-piper-pp:before {
content : "\f1a7";
}
.fa-piggy-bank:before {
content : "\f4d3";
}
.fa-pills:before {
content : "\f484";
}
.fa-pinterest:before {
content : "\f0d2";
}
.fa-pinterest-p:before {
content : "\f231";
}
.fa-pinterest-square:before {
content : "\f0d3";
}
.fa-pizza-slice:before {
content : "\f818";
}
.fa-place-of-worship:before {
content : "\f67f";
}
.fa-plane:before {
content : "\f072";
}
.fa-plane-arrival:before {
content : "\f5af";
}
.fa-plane-departure:before {
content : "\f5b0";
}
.fa-play:before {
content : "\f04b";
}
.fa-play-circle:before {
content : "\f144";
}
.fa-playstation:before {
content : "\f3df";
}
.fa-plug:before {
content : "\f1e6";
}
.fa-plus:before {
content : "\f067";
}
.fa-plus-circle:before {
content : "\f055";
}
.fa-plus-square:before {
content : "\f0fe";
}
.fa-podcast:before {
content : "\f2ce";
}
.fa-poll:before {
content : "\f681";
}
.fa-poll-h:before {
content : "\f682";
}
.fa-poo:before {
content : "\f2fe";
}
.fa-poo-storm:before {
content : "\f75a";
}
.fa-poop:before {
content : "\f619";
}
.fa-portrait:before {
content : "\f3e0";
}
.fa-pound-sign:before {
content : "\f154";
}
.fa-power-off:before {
content : "\f011";
}
.fa-pray:before {
content : "\f683";
}
.fa-praying-hands:before {
content : "\f684";
}
.fa-prescription:before {
content : "\f5b1";
}
.fa-prescription-bottle:before {
content : "\f485";
}
.fa-prescription-bottle-alt:before {
content : "\f486";
}
.fa-print:before {
content : "\f02f";
}
.fa-procedures:before {
content : "\f487";
}
.fa-product-hunt:before {
content : "\f288";
}
.fa-project-diagram:before {
content : "\f542";
}
.fa-pushed:before {
content : "\f3e1";
}
.fa-puzzle-piece:before {
content : "\f12e";
}
.fa-python:before {
content : "\f3e2";
}
.fa-qq:before {
content : "\f1d6";
}
.fa-qrcode:before {
content : "\f029";
}
.fa-question:before {
content : "\f128";
}
.fa-question-circle:before {
content : "\f059";
}
.fa-quidditch:before {
content : "\f458";
}
.fa-quinscape:before {
content : "\f459";
}
.fa-quora:before {
content : "\f2c4";
}
.fa-quote-left:before {
content : "\f10d";
}
.fa-quote-right:before {
content : "\f10e";
}
.fa-quran:before {
content : "\f687";
}
.fa-r-project:before {
content : "\f4f7";
}
.fa-radiation:before {
content : "\f7b9";
}
.fa-radiation-alt:before {
content : "\f7ba";
}
.fa-rainbow:before {
content : "\f75b";
}
.fa-random:before {
content : "\f074";
}
.fa-raspberry-pi:before {
content : "\f7bb";
}
.fa-ravelry:before {
content : "\f2d9";
}
.fa-react:before {
content : "\f41b";
}
.fa-reacteurope:before {
content : "\f75d";
}
.fa-readme:before {
content : "\f4d5";
}
.fa-rebel:before {
content : "\f1d0";
}
.fa-receipt:before {
content : "\f543";
}
.fa-record-vinyl:before {
content : "\f8d9";
}
.fa-recycle:before {
content : "\f1b8";
}
.fa-red-river:before {
content : "\f3e3";
}
.fa-reddit:before {
content : "\f1a1";
}
.fa-reddit-alien:before {
content : "\f281";
}
.fa-reddit-square:before {
content : "\f1a2";
}
.fa-redhat:before {
content : "\f7bc";
}
.fa-redo:before {
content : "\f01e";
}
.fa-redo-alt:before {
content : "\f2f9";
}
.fa-registered:before {
content : "\f25d";
}
.fa-remove-format:before {
content : "\f87d";
}
.fa-renren:before {
content : "\f18b";
}
.fa-reply:before {
content : "\f3e5";
}
.fa-reply-all:before {
content : "\f122";
}
.fa-replyd:before {
content : "\f3e6";
}
.fa-republican:before {
content : "\f75e";
}
.fa-researchgate:before {
content : "\f4f8";
}
.fa-resolving:before {
content : "\f3e7";
}
.fa-restroom:before {
content : "\f7bd";
}
.fa-retweet:before {
content : "\f079";
}
.fa-rev:before {
content : "\f5b2";
}
.fa-ribbon:before {
content : "\f4d6";
}
.fa-ring:before {
content : "\f70b";
}
.fa-road:before {
content : "\f018";
}
.fa-robot:before {
content : "\f544";
}
.fa-rocket:before {
content : "\f135";
}
.fa-rocketchat:before {
content : "\f3e8";
}
.fa-rockrms:before {
content : "\f3e9";
}
.fa-route:before {
content : "\f4d7";
}
.fa-rss:before {
content : "\f09e";
}
.fa-rss-square:before {
content : "\f143";
}
.fa-ruble-sign:before {
content : "\f158";
}
.fa-ruler:before {
content : "\f545";
}
.fa-ruler-combined:before {
content : "\f546";
}
.fa-ruler-horizontal:before {
content : "\f547";
}
.fa-ruler-vertical:before {
content : "\f548";
}
.fa-running:before {
content : "\f70c";
}
.fa-rupee-sign:before {
content : "\f156";
}
.fa-sad-cry:before {
content : "\f5b3";
}
.fa-sad-tear:before {
content : "\f5b4";
}
.fa-safari:before {
content : "\f267";
}
.fa-salesforce:before {
content : "\f83b";
}
.fa-sass:before {
content : "\f41e";
}
.fa-satellite:before {
content : "\f7bf";
}
.fa-satellite-dish:before {
content : "\f7c0";
}
.fa-save:before {
content : "\f0c7";
}
.fa-schlix:before {
content : "\f3ea";
}
.fa-school:before {
content : "\f549";
}
.fa-screwdriver:before {
content : "\f54a";
}
.fa-scribd:before {
content : "\f28a";
}
.fa-scroll:before {
content : "\f70e";
}
.fa-sd-card:before {
content : "\f7c2";
}
.fa-search:before {
content : "\f002";
}
.fa-search-dollar:before {
content : "\f688";
}
.fa-search-location:before {
content : "\f689";
}
.fa-search-minus:before {
content : "\f010";
}
.fa-search-plus:before {
content : "\f00e";
}
.fa-searchengin:before {
content : "\f3eb";
}
.fa-seedling:before {
content : "\f4d8";
}
.fa-sellcast:before {
content : "\f2da";
}
.fa-sellsy:before {
content : "\f213";
}
.fa-server:before {
content : "\f233";
}
.fa-servicestack:before {
content : "\f3ec";
}
.fa-shapes:before {
content : "\f61f";
}
.fa-share:before {
content : "\f064";
}
.fa-share-alt:before {
content : "\f1e0";
}
.fa-share-alt-square:before {
content : "\f1e1";
}
.fa-share-square:before {
content : "\f14d";
}
.fa-shekel-sign:before {
content : "\f20b";
}
.fa-shield-alt:before {
content : "\f3ed";
}
.fa-ship:before {
content : "\f21a";
}
.fa-shipping-fast:before {
content : "\f48b";
}
.fa-shirtsinbulk:before {
content : "\f214";
}
.fa-shoe-prints:before {
content : "\f54b";
}
.fa-shopping-bag:before {
content : "\f290";
}
.fa-shopping-basket:before {
content : "\f291";
}
.fa-shopping-cart:before {
content : "\f07a";
}
.fa-shopware:before {
content : "\f5b5";
}
.fa-shower:before {
content : "\f2cc";
}
.fa-shuttle-van:before {
content : "\f5b6";
}
.fa-sign:before {
content : "\f4d9";
}
.fa-sign-in-alt:before {
content : "\f2f6";
}
.fa-sign-language:before {
content : "\f2a7";
}
.fa-sign-out-alt:before {
content : "\f2f5";
}
.fa-signal:before {
content : "\f012";
}
.fa-signature:before {
content : "\f5b7";
}
.fa-sim-card:before {
content : "\f7c4";
}
.fa-simplybuilt:before {
content : "\f215";
}
.fa-sistrix:before {
content : "\f3ee";
}
.fa-sitemap:before {
content : "\f0e8";
}
.fa-sith:before {
content : "\f512";
}
.fa-skating:before {
content : "\f7c5";
}
.fa-sketch:before {
content : "\f7c6";
}
.fa-skiing:before {
content : "\f7c9";
}
.fa-skiing-nordic:before {
content : "\f7ca";
}
.fa-skull:before {
content : "\f54c";
}
.fa-skull-crossbones:before {
content : "\f714";
}
.fa-skyatlas:before {
content : "\f216";
}
.fa-skype:before {
content : "\f17e";
}
.fa-slack:before {
content : "\f198";
}
.fa-slack-hash:before {
content : "\f3ef";
}
.fa-slash:before {
content : "\f715";
}
.fa-sleigh:before {
content : "\f7cc";
}
.fa-sliders-h:before {
content : "\f1de";
}
.fa-slideshare:before {
content : "\f1e7";
}
.fa-smile:before {
content : "\f118";
}
.fa-smile-beam:before {
content : "\f5b8";
}
.fa-smile-wink:before {
content : "\f4da";
}
.fa-smog:before {
content : "\f75f";
}
.fa-smoking:before {
content : "\f48d";
}
.fa-smoking-ban:before {
content : "\f54d";
}
.fa-sms:before {
content : "\f7cd";
}
.fa-snapchat:before {
content : "\f2ab";
}
.fa-snapchat-ghost:before {
content : "\f2ac";
}
.fa-snapchat-square:before {
content : "\f2ad";
}
.fa-snowboarding:before {
content : "\f7ce";
}
.fa-snowflake:before {
content : "\f2dc";
}
.fa-snowman:before {
content : "\f7d0";
}
.fa-snowplow:before {
content : "\f7d2";
}
.fa-socks:before {
content : "\f696";
}
.fa-solar-panel:before {
content : "\f5ba";
}
.fa-sort:before {
content : "\f0dc";
}
.fa-sort-alpha-down:before {
content : "\f15d";
}
.fa-sort-alpha-down-alt:before {
content : "\f881";
}
.fa-sort-alpha-up:before {
content : "\f15e";
}
.fa-sort-alpha-up-alt:before {
content : "\f882";
}
.fa-sort-amount-down:before {
content : "\f160";
}
.fa-sort-amount-down-alt:before {
content : "\f884";
}
.fa-sort-amount-up:before {
content : "\f161";
}
.fa-sort-amount-up-alt:before {
content : "\f885";
}
.fa-sort-down:before {
content : "\f0dd";
}
.fa-sort-numeric-down:before {
content : "\f162";
}
.fa-sort-numeric-down-alt:before {
content : "\f886";
}
.fa-sort-numeric-up:before {
content : "\f163";
}
.fa-sort-numeric-up-alt:before {
content : "\f887";
}
.fa-sort-up:before {
content : "\f0de";
}
.fa-soundcloud:before {
content : "\f1be";
}
.fa-sourcetree:before {
content : "\f7d3";
}
.fa-spa:before {
content : "\f5bb";
}
.fa-space-shuttle:before {
content : "\f197";
}
.fa-speakap:before {
content : "\f3f3";
}
.fa-speaker-deck:before {
content : "\f83c";
}
.fa-spell-check:before {
content : "\f891";
}
.fa-spider:before {
content : "\f717";
}
.fa-spinner:before {
content : "\f110";
}
.fa-splotch:before {
content : "\f5bc";
}
.fa-spotify:before {
content : "\f1bc";
}
.fa-spray-can:before {
content : "\f5bd";
}
.fa-square:before {
content : "\f0c8";
}
.fa-square-full:before {
content : "\f45c";
}
.fa-square-root-alt:before {
content : "\f698";
}
.fa-squarespace:before {
content : "\f5be";
}
.fa-stack-exchange:before {
content : "\f18d";
}
.fa-stack-overflow:before {
content : "\f16c";
}
.fa-stackpath:before {
content : "\f842";
}
.fa-stamp:before {
content : "\f5bf";
}
.fa-star:before {
content : "\f005";
}
.fa-star-and-crescent:before {
content : "\f699";
}
.fa-star-half:before {
content : "\f089";
}
.fa-star-half-alt:before {
content : "\f5c0";
}
.fa-star-of-david:before {
content : "\f69a";
}
.fa-star-of-life:before {
content : "\f621";
}
.fa-staylinked:before {
content : "\f3f5";
}
.fa-steam:before {
content : "\f1b6";
}
.fa-steam-square:before {
content : "\f1b7";
}
.fa-steam-symbol:before {
content : "\f3f6";
}
.fa-step-backward:before {
content : "\f048";
}
.fa-step-forward:before {
content : "\f051";
}
.fa-stethoscope:before {
content : "\f0f1";
}
.fa-sticker-mule:before {
content : "\f3f7";
}
.fa-sticky-note:before {
content : "\f249";
}
.fa-stop:before {
content : "\f04d";
}
.fa-stop-circle:before {
content : "\f28d";
}
.fa-stopwatch:before {
content : "\f2f2";
}
.fa-store:before {
content : "\f54e";
}
.fa-store-alt:before {
content : "\f54f";
}
.fa-strava:before {
content : "\f428";
}
.fa-stream:before {
content : "\f550";
}
.fa-street-view:before {
content : "\f21d";
}
.fa-strikethrough:before {
content : "\f0cc";
}
.fa-stripe:before {
content : "\f429";
}
.fa-stripe-s:before {
content : "\f42a";
}
.fa-stroopwafel:before {
content : "\f551";
}
.fa-studiovinari:before {
content : "\f3f8";
}
.fa-stumbleupon:before {
content : "\f1a4";
}
.fa-stumbleupon-circle:before {
content : "\f1a3";
}
.fa-subscript:before {
content : "\f12c";
}
.fa-subway:before {
content : "\f239";
}
.fa-suitcase:before {
content : "\f0f2";
}
.fa-suitcase-rolling:before {
content : "\f5c1";
}
.fa-sun:before {
content : "\f185";
}
.fa-superpowers:before {
content : "\f2dd";
}
.fa-superscript:before {
content : "\f12b";
}
.fa-supple:before {
content : "\f3f9";
}
.fa-surprise:before {
content : "\f5c2";
}
.fa-suse:before {
content : "\f7d6";
}
.fa-swatchbook:before {
content : "\f5c3";
}
.fa-swift:before {
content : "\f8e1";
}
.fa-swimmer:before {
content : "\f5c4";
}
.fa-swimming-pool:before {
content : "\f5c5";
}
.fa-symfony:before {
content : "\f83d";
}
.fa-synagogue:before {
content : "\f69b";
}
.fa-sync:before {
content : "\f021";
}
.fa-sync-alt:before {
content : "\f2f1";
}
.fa-syringe:before {
content : "\f48e";
}
.fa-table:before {
content : "\f0ce";
}
.fa-table-tennis:before {
content : "\f45d";
}
.fa-tablet:before {
content : "\f10a";
}
.fa-tablet-alt:before {
content : "\f3fa";
}
.fa-tablets:before {
content : "\f490";
}
.fa-tachometer-alt:before {
content : "\f3fd";
}
.fa-tag:before {
content : "\f02b";
}
.fa-tags:before {
content : "\f02c";
}
.fa-tape:before {
content : "\f4db";
}
.fa-tasks:before {
content : "\f0ae";
}
.fa-taxi:before {
content : "\f1ba";
}
.fa-teamspeak:before {
content : "\f4f9";
}
.fa-teeth:before {
content : "\f62e";
}
.fa-teeth-open:before {
content : "\f62f";
}
.fa-telegram:before {
content : "\f2c6";
}
.fa-telegram-plane:before {
content : "\f3fe";
}
.fa-temperature-high:before {
content : "\f769";
}
.fa-temperature-low:before {
content : "\f76b";
}
.fa-tencent-weibo:before {
content : "\f1d5";
}
.fa-tenge:before {
content : "\f7d7";
}
.fa-terminal:before {
content : "\f120";
}
.fa-text-height:before {
content : "\f034";
}
.fa-text-width:before {
content : "\f035";
}
.fa-th:before {
content : "\f00a";
}
.fa-th-large:before {
content : "\f009";
}
.fa-th-list:before {
content : "\f00b";
}
.fa-the-red-yeti:before {
content : "\f69d";
}
.fa-theater-masks:before {
content : "\f630";
}
.fa-themeco:before {
content : "\f5c6";
}
.fa-themeisle:before {
content : "\f2b2";
}
.fa-thermometer:before {
content : "\f491";
}
.fa-thermometer-empty:before {
content : "\f2cb";
}
.fa-thermometer-full:before {
content : "\f2c7";
}
.fa-thermometer-half:before {
content : "\f2c9";
}
.fa-thermometer-quarter:before {
content : "\f2ca";
}
.fa-thermometer-three-quarters:before {
content : "\f2c8";
}
.fa-think-peaks:before {
content : "\f731";
}
.fa-thumbs-down:before {
content : "\f165";
}
.fa-thumbs-up:before {
content : "\f164";
}
.fa-thumbtack:before {
content : "\f08d";
}
.fa-ticket-alt:before {
content : "\f3ff";
}
.fa-times:before {
content : "\f00d";
}
.fa-times-circle:before {
content : "\f057";
}
.fa-tint:before {
content : "\f043";
}
.fa-tint-slash:before {
content : "\f5c7";
}
.fa-tired:before {
content : "\f5c8";
}
.fa-toggle-off:before {
content : "\f204";
}
.fa-toggle-on:before {
content : "\f205";
}
.fa-toilet:before {
content : "\f7d8";
}
.fa-toilet-paper:before {
content : "\f71e";
}
.fa-toolbox:before {
content : "\f552";
}
.fa-tools:before {
content : "\f7d9";
}
.fa-tooth:before {
content : "\f5c9";
}
.fa-torah:before {
content : "\f6a0";
}
.fa-torii-gate:before {
content : "\f6a1";
}
.fa-tractor:before {
content : "\f722";
}
.fa-trade-federation:before {
content : "\f513";
}
.fa-trademark:before {
content : "\f25c";
}
.fa-traffic-light:before {
content : "\f637";
}
.fa-train:before {
content : "\f238";
}
.fa-tram:before {
content : "\f7da";
}
.fa-transgender:before {
content : "\f224";
}
.fa-transgender-alt:before {
content : "\f225";
}
.fa-trash:before {
content : "\f1f8";
}
.fa-trash-alt:before {
content : "\f2ed";
}
.fa-trash-restore:before {
content : "\f829";
}
.fa-trash-restore-alt:before {
content : "\f82a";
}
.fa-tree:before {
content : "\f1bb";
}
.fa-trello:before {
content : "\f181";
}
.fa-tripadvisor:before {
content : "\f262";
}
.fa-trophy:before {
content : "\f091";
}
.fa-truck:before {
content : "\f0d1";
}
.fa-truck-loading:before {
content : "\f4de";
}
.fa-truck-monster:before {
content : "\f63b";
}
.fa-truck-moving:before {
content : "\f4df";
}
.fa-truck-pickup:before {
content : "\f63c";
}
.fa-tshirt:before {
content : "\f553";
}
.fa-tty:before {
content : "\f1e4";
}
.fa-tumblr:before {
content : "\f173";
}
.fa-tumblr-square:before {
content : "\f174";
}
.fa-tv:before {
content : "\f26c";
}
.fa-twitch:before {
content : "\f1e8";
}
.fa-twitter:before {
content : "\f099";
}
.fa-twitter-square:before {
content : "\f081";
}
.fa-typo3:before {
content : "\f42b";
}
.fa-uber:before {
content : "\f402";
}
.fa-ubuntu:before {
content : "\f7df";
}
.fa-uikit:before {
content : "\f403";
}
.fa-umbraco:before {
content : "\f8e8";
}
.fa-umbrella:before {
content : "\f0e9";
}
.fa-umbrella-beach:before {
content : "\f5ca";
}
.fa-underline:before {
content : "\f0cd";
}
.fa-undo:before {
content : "\f0e2";
}
.fa-undo-alt:before {
content : "\f2ea";
}
.fa-uniregistry:before {
content : "\f404";
}
.fa-universal-access:before {
content : "\f29a";
}
.fa-university:before {
content : "\f19c";
}
.fa-unlink:before {
content : "\f127";
}
.fa-unlock:before {
content : "\f09c";
}
.fa-unlock-alt:before {
content : "\f13e";
}
.fa-untappd:before {
content : "\f405";
}
.fa-upload:before {
content : "\f093";
}
.fa-ups:before {
content : "\f7e0";
}
.fa-usb:before {
content : "\f287";
}
.fa-user:before {
content : "\f007";
}
.fa-user-alt:before {
content : "\f406";
}
.fa-user-alt-slash:before {
content : "\f4fa";
}
.fa-user-astronaut:before {
content : "\f4fb";
}
.fa-user-check:before {
content : "\f4fc";
}
.fa-user-circle:before {
content : "\f2bd";
}
.fa-user-clock:before {
content : "\f4fd";
}
.fa-user-cog:before {
content : "\f4fe";
}
.fa-user-edit:before {
content : "\f4ff";
}
.fa-user-friends:before {
content : "\f500";
}
.fa-user-graduate:before {
content : "\f501";
}
.fa-user-injured:before {
content : "\f728";
}
.fa-user-lock:before {
content : "\f502";
}
.fa-user-md:before {
content : "\f0f0";
}
.fa-user-minus:before {
content : "\f503";
}
.fa-user-ninja:before {
content : "\f504";
}
.fa-user-nurse:before {
content : "\f82f";
}
.fa-user-plus:before {
content : "\f234";
}
.fa-user-secret:before {
content : "\f21b";
}
.fa-user-shield:before {
content : "\f505";
}
.fa-user-slash:before {
content : "\f506";
}
.fa-user-tag:before {
content : "\f507";
}
.fa-user-tie:before {
content : "\f508";
}
.fa-user-times:before {
content : "\f235";
}
.fa-users:before {
content : "\f0c0";
}
.fa-users-cog:before {
content : "\f509";
}
.fa-usps:before {
content : "\f7e1";
}
.fa-ussunnah:before {
content : "\f407";
}
.fa-utensil-spoon:before {
content : "\f2e5";
}
.fa-utensils:before {
content : "\f2e7";
}
.fa-vaadin:before {
content : "\f408";
}
.fa-vector-square:before {
content : "\f5cb";
}
.fa-venus:before {
content : "\f221";
}
.fa-venus-double:before {
content : "\f226";
}
.fa-venus-mars:before {
content : "\f228";
}
.fa-viacoin:before {
content : "\f237";
}
.fa-viadeo:before {
content : "\f2a9";
}
.fa-viadeo-square:before {
content : "\f2aa";
}
.fa-vial:before {
content : "\f492";
}
.fa-vials:before {
content : "\f493";
}
.fa-viber:before {
content : "\f409";
}
.fa-video:before {
content : "\f03d";
}
.fa-video-slash:before {
content : "\f4e2";
}
.fa-vihara:before {
content : "\f6a7";
}
.fa-vimeo:before {
content : "\f40a";
}
.fa-vimeo-square:before {
content : "\f194";
}
.fa-vimeo-v:before {
content : "\f27d";
}
.fa-vine:before {
content : "\f1ca";
}
.fa-vk:before {
content : "\f189";
}
.fa-vnv:before {
content : "\f40b";
}
.fa-voicemail:before {
content : "\f897";
}
.fa-volleyball-ball:before {
content : "\f45f";
}
.fa-volume-down:before {
content : "\f027";
}
.fa-volume-mute:before {
content : "\f6a9";
}
.fa-volume-off:before {
content : "\f026";
}
.fa-volume-up:before {
content : "\f028";
}
.fa-vote-yea:before {
content : "\f772";
}
.fa-vr-cardboard:before {
content : "\f729";
}
.fa-vuejs:before {
content : "\f41f";
}
.fa-walking:before {
content : "\f554";
}
.fa-wallet:before {
content : "\f555";
}
.fa-warehouse:before {
content : "\f494";
}
.fa-water:before {
content : "\f773";
}
.fa-wave-square:before {
content : "\f83e";
}
.fa-waze:before {
content : "\f83f";
}
.fa-weebly:before {
content : "\f5cc";
}
.fa-weibo:before {
content : "\f18a";
}
.fa-weight:before {
content : "\f496";
}
.fa-weight-hanging:before {
content : "\f5cd";
}
.fa-weixin:before {
content : "\f1d7";
}
.fa-whatsapp:before {
content : "\f232";
}
.fa-whatsapp-square:before {
content : "\f40c";
}
.fa-wheelchair:before {
content : "\f193";
}
.fa-whmcs:before {
content : "\f40d";
}
.fa-wifi:before {
content : "\f1eb";
}
.fa-wikipedia-w:before {
content : "\f266";
}
.fa-wind:before {
content : "\f72e";
}
.fa-window-close:before {
content : "\f410";
}
.fa-window-maximize:before {
content : "\f2d0";
}
.fa-window-minimize:before {
content : "\f2d1";
}
.fa-window-restore:before {
content : "\f2d2";
}
.fa-windows:before {
content : "\f17a";
}
.fa-wine-bottle:before {
content : "\f72f";
}
.fa-wine-glass:before {
content : "\f4e3";
}
.fa-wine-glass-alt:before {
content : "\f5ce";
}
.fa-wix:before {
content : "\f5cf";
}
.fa-wizards-of-the-coast:before {
content : "\f730";
}
.fa-wolf-pack-battalion:before {
content : "\f514";
}
.fa-won-sign:before {
content : "\f159";
}
.fa-wordpress:before {
content : "\f19a";
}
.fa-wordpress-simple:before {
content : "\f411";
}
.fa-wpbeginner:before {
content : "\f297";
}
.fa-wpexplorer:before {
content : "\f2de";
}
.fa-wpforms:before {
content : "\f298";
}
.fa-wpressr:before {
content : "\f3e4";
}
.fa-wrench:before {
content : "\f0ad";
}
.fa-x-ray:before {
content : "\f497";
}
.fa-xbox:before {
content : "\f412";
}
.fa-xing:before {
content : "\f168";
}
.fa-xing-square:before {
content : "\f169";
}
.fa-y-combinator:before {
content : "\f23b";
}
.fa-yahoo:before {
content : "\f19e";
}
.fa-yammer:before {
content : "\f840";
}
.fa-yandex:before {
content : "\f413";
}
.fa-yandex-international:before {
content : "\f414";
}
.fa-yarn:before {
content : "\f7e3";
}
.fa-yelp:before {
content : "\f1e9";
}
.fa-yen-sign:before {
content : "\f157";
}
.fa-yin-yang:before {
content : "\f6ad";
}
.fa-yoast:before {
content : "\f2b1";
}
.fa-youtube:before {
content : "\f167";
}
.fa-youtube-square:before {
content : "\f431";
}
.fa-zhihu:before {
content : "\f63f";
}
.sr-only {
border : 0;
clip : rect(0,0,0,0);
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
width : 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
clip : auto;
height : auto;
margin : 0;
overflow : visible;
position : static;
width : auto;
}
@font-face {
font-family : "Font Awesome 5 Brands";
font-style : normal;
font-weight : normal;
font-display : auto;
src : url("../fonts/fa-brands-400.eot");
src : url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
font-family : "Font Awesome 5 Brands";
}
@font-face {
font-family : "Font Awesome 5 Free";
font-style : normal;
font-weight : 400;
font-display : auto;
src : url("../fonts/fa-regular-400.eot");
src : url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
font-family : "Font Awesome 5 Free";
font-weight : 400;
}
@font-face {
font-family : "Font Awesome 5 Free";
font-style : normal;
font-weight : 900;
font-display : auto;
src : url("../fonts/fa-solid-900.eot");
src : url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa, .fas {
font-family : "Font Awesome 5 Free";
font-weight : 900;
}
:root {
--animate-duration : 1s;
--animate-delay : 1s;
--animate-repeat : 1;
}
.animate__animated {
animation-duration : 1s;
animation-duration : var(--animate-duration);
animation-fill-mode : both;
}
.animate__animated.animate__infinite {
animation-iteration-count : infinite;
}
.animate__animated.animate__repeat-1 {
animation-iteration-count : 1;
}
.animate__animated.animate__repeat-2 {
animation-iteration-count : 2;
}
.animate__animated.animate__repeat-3 {
animation-iteration-count : 3;
}
.animate__animated.animate__delay-1s {
animation-delay : 1s;
}
.animate__animated.animate__delay-2s {
animation-delay : 2s;
}
.animate__animated.animate__delay-3s {
animation-delay : 3s;
}
.animate__animated.animate__delay-4s {
animation-delay : 4s;
}
.animate__animated.animate__delay-5s {
animation-delay : 5s;
}
.animate__animated.animate__faster {
animation-duration : 0.5s;
}
.animate__animated.animate__fast {
animation-duration : 0.8s;
}
.animate__animated.animate__slow {
animation-duration : 2s;
}
.animate__animated.animate__slower {
animation-duration : 3s;
}
@media (prefers-reduced-motion: reduce), print {
.animate__animated {
animation-duration : 1ms !important ;
transition-duration : 1ms !important ;
animation-iteration-count : 1 !important ;
}
.animate__animated[class*="Out"] {
opacity : 0;
}
}
@keyframes bounce {
0%, 20%, 53%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
transform : translateZ(0);
}
40%, 43% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-30px,0) scaleY(1.1);
}
70% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-15px,0) scaleY(1.05);
}
80% {
transition-timing-function : cubic-bezier(0.215,0.61,0.355,1);
transform : translateZ(0) scaleY(0.95);
}
90% {
transform : translate3d(0,-4px,0) scaleY(1.02);
}
}
.animate__bounce {
animation-name : bounce;
transform-origin : center bottom;
}
@keyframes flash {
0%, 50%, to {
opacity : 1;
}
25%, 75% {
opacity : 0;
}
}
.animate__flash {
animation-name : flash;
}
@keyframes pulse {
0% {
transform : scaleX(1);
}
50% {
transform : scale3d(1.05,1.05,1.05);
}
to {
transform : scaleX(1);
}
}
.animate__pulse {
animation-name : pulse;
animation-timing-function : ease-in-out;
}
@keyframes rubberBand {
0% {
transform : scaleX(1);
}
30% {
transform : scale3d(1.25,0.75,1);
}
40% {
transform : scale3d(0.75,1.25,1);
}
50% {
transform : scale3d(1.15,0.85,1);
}
65% {
transform : scale3d(0.95,1.05,1);
}
75% {
transform : scale3d(1.05,0.95,1);
}
to {
transform : scaleX(1);
}
}
.animate__rubberBand {
animation-name : rubberBand;
}
@keyframes shakeX {
0%, to {
transform : translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform : translate3d(-10px,0,0);
}
20%, 40%, 60%, 80% {
transform : translate3d(10px,0,0);
}
}
.animate__shakeX {
animation-name : shakeX;
}
@keyframes shakeY {
0%, to {
transform : translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform : translate3d(0,-10px,0);
}
20%, 40%, 60%, 80% {
transform : translate3d(0,10px,0);
}
}
.animate__shakeY {
animation-name : shakeY;
}
@keyframes headShake {
0% {
transform : translateX(0);
}
6.5% {
transform : translateX(-6px) rotateY(-9deg);
}
18.5% {
transform : translateX(5px) rotateY(7deg);
}
31.5% {
transform : translateX(-3px) rotateY(-5deg);
}
43.5% {
transform : translateX(2px) rotateY(3deg);
}
50% {
transform : translateX(0);
}
}
.animate__headShake {
animation-timing-function : ease-in-out;
animation-name : headShake;
}
@keyframes swing {
20% {
transform : rotate(15deg);
}
40% {
transform : rotate(-10deg);
}
60% {
transform : rotate(5deg);
}
80% {
transform : rotate(-5deg);
}
to {
transform : rotate(0deg);
}
}
.animate__swing {
transform-origin : top center;
animation-name : swing;
}
@keyframes tada {
0% {
transform : scaleX(1);
}
10%, 20% {
transform : scale3d(0.9,0.9,0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform : scale3d(1.1,1.1,1.1) rotate(3deg);
}
40%, 60%, 80% {
transform : scale3d(1.1,1.1,1.1) rotate(-3deg);
}
to {
transform : scaleX(1);
}
}
.animate__tada {
animation-name : tada;
}
@keyframes wobble {
0% {
transform : translateZ(0);
}
15% {
transform : translate3d(-25%,0,0) rotate(-5deg);
}
30% {
transform : translate3d(20%,0,0) rotate(3deg);
}
45% {
transform : translate3d(-15%,0,0) rotate(-3deg);
}
60% {
transform : translate3d(10%,0,0) rotate(2deg);
}
75% {
transform : translate3d(-5%,0,0) rotate(-1deg);
}
to {
transform : translateZ(0);
}
}
.animate__wobble {
animation-name : wobble;
}
@keyframes jello {
0%, 11.1%, to {
transform : translateZ(0);
}
22.2% {
transform : skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform : skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform : skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform : skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform : skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform : skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform : skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animate__jello {
animation-name : jello;
transform-origin : center;
}
@keyframes heartBeat {
0% {
transform : scale(1);
}
14% {
transform : scale(1.3);
}
28% {
transform : scale(1);
}
42% {
transform : scale(1.3);
}
70% {
transform : scale(1);
}
}
.animate__heartBeat {
animation-name : heartBeat;
animation-duration : 1.3s;
animation-timing-function : ease-in-out;
}
@keyframes backInDown {
0% {
transform : translateY(-1200px) scale(0.7);
opacity : 0.7;
}
80% {
transform : translateY(0) scale(0.7);
opacity : 0.7;
}
to {
transform : scale(1);
opacity : 1;
}
}
.animate__backInDown {
animation-name : backInDown;
}
@keyframes backInLeft {
0% {
transform : translateX(-2000px) scale(0.7);
opacity : 0.7;
}
80% {
transform : translateX(0) scale(0.7);
opacity : 0.7;
}
to {
transform : scale(1);
opacity : 1;
}
}
.animate__backInLeft {
animation-name : backInLeft;
}
@keyframes backInRight {
0% {
transform : translateX(2000px) scale(0.7);
opacity : 0.7;
}
80% {
transform : translateX(0) scale(0.7);
opacity : 0.7;
}
to {
transform : scale(1);
opacity : 1;
}
}
.animate__backInRight {
animation-name : backInRight;
}
@keyframes backInUp {
0% {
transform : translateY(1200px) scale(0.7);
opacity : 0.7;
}
80% {
transform : translateY(0) scale(0.7);
opacity : 0.7;
}
to {
transform : scale(1);
opacity : 1;
}
}
.animate__backInUp {
animation-name : backInUp;
}
@keyframes backOutDown {
0% {
transform : scale(1);
opacity : 1;
}
20% {
transform : translateY(0) scale(0.7);
opacity : 0.7;
}
to {
transform : translateY(700px) scale(0.7);
opacity : 0.7;
}
}
.animate__backOutDown {
animation-name : backOutDown;
}
@keyframes backOutLeft {
0% {
transform : scale(1);
opacity : 1;
}
20% {
transform : translateX(0) scale(0.7);
opacity : 0.7;
}
to {
transform : translateX(-2000px) scale(0.7);
opacity : 0.7;
}
}
.animate__backOutLeft {
animation-name : backOutLeft;
}
@keyframes backOutRight {
0% {
transform : scale(1);
opacity : 1;
}
20% {
transform : translateX(0) scale(0.7);
opacity : 0.7;
}
to {
transform : translateX(2000px) scale(0.7);
opacity : 0.7;
}
}
.animate__backOutRight {
animation-name : backOutRight;
}
@keyframes backOutUp {
0% {
transform : scale(1);
opacity : 1;
}
20% {
transform : translateY(0) scale(0.7);
opacity : 0.7;
}
to {
transform : translateY(-700px) scale(0.7);
opacity : 0.7;
}
}
.animate__backOutUp {
animation-name : backOutUp;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
20% {
transform : scale3d(1.1,1.1,1.1);
}
40% {
transform : scale3d(0.9,0.9,0.9);
}
60% {
opacity : 1;
transform : scale3d(1.03,1.03,1.03);
}
80% {
transform : scale3d(0.97,0.97,0.97);
}
to {
opacity : 1;
transform : scaleX(1);
}
}
.animate__bounceIn {
animation-duration : 0.75s;
animation-name : bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,-3000px,0) scaleY(3);
}
60% {
opacity : 1;
transform : translate3d(0,25px,0) scaleY(0.9);
}
75% {
transform : translate3d(0,-10px,0) scaleY(0.95);
}
90% {
transform : translate3d(0,5px,0) scaleY(0.985);
}
to {
transform : translateZ(0);
}
}
.animate__bounceInDown {
animation-name : bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(-3000px,0,0) scaleX(3);
}
60% {
opacity : 1;
transform : translate3d(25px,0,0) scaleX(1);
}
75% {
transform : translate3d(-10px,0,0) scaleX(0.98);
}
90% {
transform : translate3d(5px,0,0) scaleX(0.995);
}
to {
transform : translateZ(0);
}
}
.animate__bounceInLeft {
animation-name : bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(3000px,0,0) scaleX(3);
}
60% {
opacity : 1;
transform : translate3d(-25px,0,0) scaleX(1);
}
75% {
transform : translate3d(10px,0,0) scaleX(0.98);
}
90% {
transform : translate3d(-5px,0,0) scaleX(0.995);
}
to {
transform : translateZ(0);
}
}
.animate__bounceInRight {
animation-name : bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,3000px,0) scaleY(5);
}
60% {
opacity : 1;
transform : translate3d(0,-20px,0) scaleY(0.9);
}
75% {
transform : translate3d(0,10px,0) scaleY(0.95);
}
90% {
transform : translate3d(0,-5px,0) scaleY(0.985);
}
to {
transform : translateZ(0);
}
}
.animate__bounceInUp {
animation-name : bounceInUp;
}
@keyframes bounceOut {
20% {
transform : scale3d(0.9,0.9,0.9);
}
50%, 55% {
opacity : 1;
transform : scale3d(1.1,1.1,1.1);
}
to {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
}
.animate__bounceOut {
animation-duration : 0.75s;
animation-name : bounceOut;
}
@keyframes bounceOutDown {
20% {
transform : translate3d(0,10px,0) scaleY(0.985);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,-20px,0) scaleY(0.9);
}
to {
opacity : 0;
transform : translate3d(0,2000px,0) scaleY(3);
}
}
.animate__bounceOutDown {
animation-name : bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity : 1;
transform : translate3d(20px,0,0) scaleX(0.9);
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0) scaleX(2);
}
}
.animate__bounceOutLeft {
animation-name : bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity : 1;
transform : translate3d(-20px,0,0) scaleX(0.9);
}
to {
opacity : 0;
transform : translate3d(2000px,0,0) scaleX(2);
}
}
.animate__bounceOutRight {
animation-name : bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform : translate3d(0,-10px,0) scaleY(0.985);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,20px,0) scaleY(0.9);
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0) scaleY(3);
}
}
.animate__bounceOutUp {
animation-name : bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity : 0;
}
to {
opacity : 1;
}
}
.animate__fadeIn {
animation-name : fadeIn;
}
@keyframes fadeInDown {
0% {
opacity : 0;
transform : translate3d(0,-100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInDown {
animation-name : fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInDownBig {
animation-name : fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInLeft {
animation-name : fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInLeftBig {
animation-name : fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInRight {
animation-name : fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInRightBig {
animation-name : fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity : 0;
transform : translate3d(0,100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInUp {
animation-name : fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity : 0;
transform : translate3d(0,2000px,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInUpBig {
animation-name : fadeInUpBig;
}
@keyframes fadeInTopLeft {
0% {
opacity : 0;
transform : translate3d(-100%,-100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInTopLeft {
animation-name : fadeInTopLeft;
}
@keyframes fadeInTopRight {
0% {
opacity : 0;
transform : translate3d(100%,-100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInTopRight {
animation-name : fadeInTopRight;
}
@keyframes fadeInBottomLeft {
0% {
opacity : 0;
transform : translate3d(-100%,100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInBottomLeft {
animation-name : fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
0% {
opacity : 0;
transform : translate3d(100%,100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__fadeInBottomRight {
animation-name : fadeInBottomRight;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
to {
opacity : 0;
}
}
.animate__fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,100%,0);
}
}
.animate__fadeOutDown {
animation-name : fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.animate__fadeOutDownBig {
animation-name : fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.animate__fadeOutLeft {
animation-name : fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.animate__fadeOutLeftBig {
animation-name : fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.animate__fadeOutRight {
animation-name : fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.animate__fadeOutRightBig {
animation-name : fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-100%,0);
}
}
.animate__fadeOutUp {
animation-name : fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.animate__fadeOutUpBig {
animation-name : fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
0% {
opacity : 1;
transform : translateZ(0);
}
to {
opacity : 0;
transform : translate3d(-100%,-100%,0);
}
}
.animate__fadeOutTopLeft {
animation-name : fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
0% {
opacity : 1;
transform : translateZ(0);
}
to {
opacity : 0;
transform : translate3d(100%,-100%,0);
}
}
.animate__fadeOutTopRight {
animation-name : fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
0% {
opacity : 1;
transform : translateZ(0);
}
to {
opacity : 0;
transform : translate3d(100%,100%,0);
}
}
.animate__fadeOutBottomRight {
animation-name : fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
0% {
opacity : 1;
transform : translateZ(0);
}
to {
opacity : 0;
transform : translate3d(-100%,100%,0);
}
}
.animate__fadeOutBottomLeft {
animation-name : fadeOutBottomLeft;
}
@keyframes flip {
0% {
transform : perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
animation-timing-function : ease-out;
}
40% {
transform : perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
animation-timing-function : ease-out;
}
50% {
transform : perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
animation-timing-function : ease-in;
}
80% {
transform : perspective(400px) scale3d(0.95,0.95,0.95) translateZ(0) rotateY(0deg);
animation-timing-function : ease-in;
}
to {
transform : perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
animation-timing-function : ease-in;
}
}
.animate__animated.animate__flip {
backface-visibility : visible;
animation-name : flip;
}
@keyframes flipInX {
0% {
transform : perspective(400px) rotateX(90deg);
animation-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotateX(-20deg);
animation-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotateX(10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotateX(-5deg);
}
to {
transform : perspective(400px);
}
}
.animate__flipInX {
backface-visibility : visible !important ;
animation-name : flipInX;
}
@keyframes flipInY {
0% {
transform : perspective(400px) rotateY(90deg);
animation-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotateY(-20deg);
animation-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotateY(10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotateY(-5deg);
}
to {
transform : perspective(400px);
}
}
.animate__flipInY {
backface-visibility : visible !important ;
animation-name : flipInY;
}
@keyframes flipOutX {
0% {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotateX(-20deg);
opacity : 1;
}
to {
transform : perspective(400px) rotateX(90deg);
opacity : 0;
}
}
.animate__flipOutX {
animation-duration : 0.75s;
animation-name : flipOutX;
backface-visibility : visible !important ;
}
@keyframes flipOutY {
0% {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotateY(-15deg);
opacity : 1;
}
to {
transform : perspective(400px) rotateY(90deg);
opacity : 0;
}
}
.animate__flipOutY {
animation-duration : 0.75s;
backface-visibility : visible !important ;
animation-name : flipOutY;
}
@keyframes lightSpeedInRight {
0% {
transform : translate3d(100%,0,0) skewX(-30deg);
opacity : 0;
}
60% {
transform : skewX(20deg);
opacity : 1;
}
80% {
transform : skewX(-5deg);
}
to {
transform : translateZ(0);
}
}
.animate__lightSpeedInRight {
animation-name : lightSpeedInRight;
animation-timing-function : ease-out;
}
@keyframes lightSpeedInLeft {
0% {
transform : translate3d(-100%,0,0) skewX(30deg);
opacity : 0;
}
60% {
transform : skewX(-20deg);
opacity : 1;
}
80% {
transform : skewX(5deg);
}
to {
transform : translateZ(0);
}
}
.animate__lightSpeedInLeft {
animation-name : lightSpeedInLeft;
animation-timing-function : ease-out;
}
@keyframes lightSpeedOutRight {
0% {
opacity : 1;
}
to {
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0;
}
}
.animate__lightSpeedOutRight {
animation-name : lightSpeedOutRight;
animation-timing-function : ease-in;
}
@keyframes lightSpeedOutLeft {
0% {
opacity : 1;
}
to {
transform : translate3d(-100%,0,0) skewX(-30deg);
opacity : 0;
}
}
.animate__lightSpeedOutLeft {
animation-name : lightSpeedOutLeft;
animation-timing-function : ease-in;
}
@keyframes rotateIn {
0% {
transform : rotate(-200deg);
opacity : 0;
}
to {
transform : translateZ(0);
opacity : 1;
}
}
.animate__rotateIn {
animation-name : rotateIn;
transform-origin : center;
}
@keyframes rotateInDownLeft {
0% {
transform : rotate(-45deg);
opacity : 0;
}
to {
transform : translateZ(0);
opacity : 1;
}
}
.animate__rotateInDownLeft {
animation-name : rotateInDownLeft;
transform-origin : left bottom;
}
@keyframes rotateInDownRight {
0% {
transform : rotate(45deg);
opacity : 0;
}
to {
transform : translateZ(0);
opacity : 1;
}
}
.animate__rotateInDownRight {
animation-name : rotateInDownRight;
transform-origin : right bottom;
}
@keyframes rotateInUpLeft {
0% {
transform : rotate(45deg);
opacity : 0;
}
to {
transform : translateZ(0);
opacity : 1;
}
}
.animate__rotateInUpLeft {
animation-name : rotateInUpLeft;
transform-origin : left bottom;
}
@keyframes rotateInUpRight {
0% {
transform : rotate(-90deg);
opacity : 0;
}
to {
transform : translateZ(0);
opacity : 1;
}
}
.animate__rotateInUpRight {
animation-name : rotateInUpRight;
transform-origin : right bottom;
}
@keyframes rotateOut {
0% {
opacity : 1;
}
to {
transform : rotate(200deg);
opacity : 0;
}
}
.animate__rotateOut {
animation-name : rotateOut;
transform-origin : center;
}
@keyframes rotateOutDownLeft {
0% {
opacity : 1;
}
to {
transform : rotate(45deg);
opacity : 0;
}
}
.animate__rotateOutDownLeft {
animation-name : rotateOutDownLeft;
transform-origin : left bottom;
}
@keyframes rotateOutDownRight {
0% {
opacity : 1;
}
to {
transform : rotate(-45deg);
opacity : 0;
}
}
.animate__rotateOutDownRight {
animation-name : rotateOutDownRight;
transform-origin : right bottom;
}
@keyframes rotateOutUpLeft {
0% {
opacity : 1;
}
to {
transform : rotate(-45deg);
opacity : 0;
}
}
.animate__rotateOutUpLeft {
animation-name : rotateOutUpLeft;
transform-origin : left bottom;
}
@keyframes rotateOutUpRight {
0% {
opacity : 1;
}
to {
transform : rotate(90deg);
opacity : 0;
}
}
.animate__rotateOutUpRight {
animation-name : rotateOutUpRight;
transform-origin : right bottom;
}
@keyframes hinge {
0% {
animation-timing-function : ease-in-out;
}
20%, 60% {
transform : rotate(80deg);
animation-timing-function : ease-in-out;
}
40%, 80% {
transform : rotate(60deg);
animation-timing-function : ease-in-out;
opacity : 1;
}
to {
transform : translate3d(0,700px,0);
opacity : 0;
}
}
.animate__hinge {
animation-duration : 2s;
animation-name : hinge;
transform-origin : top left;
}
@keyframes jackInTheBox {
0% {
opacity : 0;
transform : scale(0.1) rotate(30deg);
transform-origin : center bottom;
}
50% {
transform : rotate(-10deg);
}
70% {
transform : rotate(3deg);
}
to {
opacity : 1;
transform : scale(1);
}
}
.animate__jackInTheBox {
animation-name : jackInTheBox;
}
@keyframes rollIn {
0% {
opacity : 0;
transform : translate3d(-100%,0,0) rotate(-120deg);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.animate__rollIn {
animation-name : rollIn;
}
@keyframes rollOut {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0) rotate(120deg);
}
}
.animate__rollOut {
animation-name : rollOut;
}
@keyframes zoomIn {
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
50% {
opacity : 1;
}
}
.animate__zoomIn {
animation-name : zoomIn;
}
@keyframes zoomInDown {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.animate__zoomInDown {
animation-name : zoomInDown;
}
@keyframes zoomInLeft {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.animate__zoomInLeft {
animation-name : zoomInLeft;
}
@keyframes zoomInRight {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.animate__zoomInRight {
animation-name : zoomInRight;
}
@keyframes zoomInUp {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.animate__zoomInUp {
animation-name : zoomInUp;
}
@keyframes zoomOut {
0% {
opacity : 1;
}
50% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
to {
opacity : 0;
}
}
.animate__zoomOut {
animation-name : zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
to {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.animate__zoomOutDown {
animation-name : zoomOutDown;
transform-origin : center bottom;
}
@keyframes zoomOutLeft {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(-2000px,0,0);
}
}
.animate__zoomOutLeft {
animation-name : zoomOutLeft;
transform-origin : left center;
}
@keyframes zoomOutRight {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(2000px,0,0);
}
}
.animate__zoomOutRight {
animation-name : zoomOutRight;
transform-origin : right center;
}
@keyframes zoomOutUp {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
to {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.animate__zoomOutUp {
animation-name : zoomOutUp;
transform-origin : center bottom;
}
@keyframes slideInDown {
0% {
transform : translate3d(0,-100%,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.animate__slideInDown {
animation-name : slideInDown;
}
@keyframes slideInLeft {
0% {
transform : translate3d(-100%,0,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.animate__slideInLeft {
animation-name : slideInLeft;
}
@keyframes slideInRight {
0% {
transform : translate3d(100%,0,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.animate__slideInRight {
animation-name : slideInRight;
}
@keyframes slideInUp {
0% {
transform : translate3d(0,100%,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.animate__slideInUp {
animation-name : slideInUp;
}
@keyframes slideOutDown {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(0,100%,0);
}
}
.animate__slideOutDown {
animation-name : slideOutDown;
}
@keyframes slideOutLeft {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(-100%,0,0);
}
}
.animate__slideOutLeft {
animation-name : slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(100%,0,0);
}
}
.animate__slideOutRight {
animation-name : slideOutRight;
}
@keyframes slideOutUp {
0% {
transform : translateZ(0);
}
to {
visibility : hidden;
transform : translate3d(0,-100%,0);
}
}
.animate__slideOutUp {
animation-name : slideOutUp;
}
.slick-slider {
position : relative;
display : block;
box-sizing : border-box;
user-select : none;
touch-action : pan-y;
}
.slick-list {
position : relative;
display : block;
overflow : hidden;
margin : 0;
padding : 0;
}
.slick-list:focus {
outline : none;
}
.slick-list.dragging {
cursor : pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list {
transform : translate3d(0,0,0);
}
.slick-track {
position : relative;
top : 0;
left : 0;
display : block;
margin-left : auto;
margin-right : auto;
}
.slick-track:before, .slick-track:after {
display : table;
content : "";
}
.slick-track:after {
clear : both;
}
.slick-loading .slick-track {
visibility : hidden;
}
.slick-slide {
display : none;
float : left;
height : 100%;
min-height : 1px;
}
[dir="rtl"] .slick-slide {
float : right;
}
.slick-slide img {
display : block;
}
.slick-slide.slick-loading img {
display : none;
}
.slick-slide.dragging img {
pointer-events : none;
}
.slick-initialized .slick-slide {
display : block;
}
.slick-loading .slick-slide {
visibility : hidden;
}
.slick-vertical .slick-slide {
display : block;
height : auto;
border : transparent solid 1px;
}
.slick-arrow.slick-hidden {
display : none;
}
.mm-menu_theme-white {
--mm-color-border : rgb(0, 0, 0, 0.1);
--mm-color-button : rgb(0, 0, 0, 0.3);
--mm-color-text : rgb(0, 0, 0, 0.7);
--mm-color-text-dimmed : rgb(0, 0, 0, 0.3);
--mm-color-background : #fff;
--mm-color-background-highlight : rgb(0, 0, 0, 0.06);
--mm-color-background-emphasis : rgb(0, 0, 0, 0.03);
--mm-shadow : 0 0 10px rgb(0, 0, 0, 0.2);
}
.mm-menu_theme-dark {
--mm-color-border : rgb(0, 0, 0, 0.3);
--mm-color-button : rgb(255, 255, 255, 0.4);
--mm-color-text : rgb(255, 255, 255, 0.85);
--mm-color-text-dimmed : rgb(255, 255, 255, 0.4);
--mm-color-background : #333;
--mm-color-background-highlight : rgb(255, 255, 255, 0.08);
--mm-color-background-emphasis : rgb(0, 0, 0, 0.1);
--mm-shadow : 0 0 20px rgb(0, 0, 0, 0.5);
}
.mm-menu_theme-black {
--mm-color-border : rgb(255, 255, 255, 0.25);
--mm-color-button : rgb(255, 255, 255, 0.4);
--mm-color-text : rgb(255, 255, 255, 0.75);
--mm-color-text-dimmed : rgb(255, 255, 255, 0.4);
--mm-color-background : #000;
--mm-color-background-highlight : rgb(255, 255, 255, 0.2);
--mm-color-background-emphasis : rgb(255, 255, 255, 0.15);
--mm-shadow : none;
}
:root {
--mm-line-height : 20px;
--mm-listitem-size : 44px;
--mm-navbar-size : 44px;
--mm-offset-top : 0;
--mm-offset-right : 0;
--mm-offset-bottom : 0;
--mm-offset-left : 0;
--mm-color-border : rgb(0, 0, 0, 0.1);
--mm-color-button : rgb(0, 0, 0, 0.3);
--mm-color-text : rgb(0, 0, 0, 0.75);
--mm-color-text-dimmed : rgb(0, 0, 0, 0.3);
--mm-color-background : #f3f3f3;
--mm-color-background-highlight : rgb(0, 0, 0, 0.05);
--mm-color-background-emphasis : rgb(255, 255, 255, 0.4);
--mm-shadow : 0 0 10px rgb(0, 0, 0, 0.3);
}
.mm-hidden {
display : none !important ;
}
.mm-wrapper {
overflow-x : hidden;
position : relative;
}
.mm-menu {
top : 0;
right : 0;
bottom : 0;
left : 0;
background : #f3f3f3;
border-color : rgb(0, 0, 0, 0.1);
color : rgb(0, 0, 0, 0.75);
line-height : 20px;
display : flex;
flex-direction : column;
padding : 0;
margin : 0;
box-sizing : border-box;
position : absolute;
top : var(--mm-offset-top);
right : var(--mm-offset-right);
bottom : var(--mm-offset-bottom);
left : var(--mm-offset-left);
z-index : 0;
background : #f3f3f3;
border-color : var(--mm-color-border);
color : var(--mm-color-text);
line-height : var(--mm-line-height);
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
text-decoration : none;
color : inherit;
}
[dir="rtl"] .mm-menu {
direction : rtl;
}
.mm-panel {
background : #f3f3f3;
border-color : rgb(0, 0, 0, 0.1);
color : rgb(0, 0, 0, 0.75);
z-index : 0;
box-sizing : border-box;
width : 100%;
overflow : hidden;
overflow-y : auto;
transform : translate3d(100%,0,0);
transition : transform 0.4s ease;
}
.mm-panel:after {
height : 44px;
}
.mm-panel:not(.mm-hidden) {
display : block;
}
.mm-panel:after {
content : "";
display : block;
height : var(--mm-listitem-size);
}
.mm-panel_opened {
z-index : 1;
transform : translate3d(0,0,0);
}
.mm-panel_opened-parent {
transform : translate3d(-30%,0,0);
}
.mm-panel_highest {
z-index : 2;
}
.mm-panel_noanimation {
transition : none !important ;
}
.mm-panel_noanimation.mm-panel_opened-parent {
transform : translate3d(0,0,0);
}
.mm-panels > .mm-panel {
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
}
.mm-panel__content {
padding : 20px 20px 0;
}
.mm-panels {
background : #f3f3f3;
border-color : rgb(0, 0, 0, 0.1);
color : rgb(0, 0, 0, 0.75);
position : relative;
height : 100%;
flex-grow : 1;
overflow : hidden;
background : #f3f3f3;
border-color : var(--mm-color-border);
color : var(--mm-color-text);
}
[dir="rtl"] .mm-panel:not(.mm-panel_opened) {
transform : translate3d(-100%,0,0);
}
[dir="rtl"] .mm-panel.mm-panel_opened-parent {
transform : translate3d(30%,0,0);
}
.mm-listitem_vertical > .mm-panel {
display : none;
width : 100%;
padding : 10px 0 10px 10px;
transform : none !important ;
}
.mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before {
content : none;
display : none;
}
.mm-listitem_opened > .mm-panel {
display : block;
}
.mm-listitem_vertical > .mm-listitem__btn {
height : 44px;
height : var(--mm-listitem-size);
bottom : auto;
}
.mm-listitem_vertical .mm-listitem:last-child:after {
border-color : transparent;
}
.mm-listitem_opened > .mm-listitem__btn:after {
transform : rotate(225deg);
right : 19px;
}
.mm-btn {
flex-grow : 0;
flex-shrink : 0;
position : relative;
box-sizing : border-box;
width : 50px;
padding : 0;
}
.mm-btn:after, .mm-btn:before {
border : rgb(0, 0, 0, 0.3) solid 2px;
border : var(--mm-color-button) solid 2px;
}
.mm-btn_next:after, .mm-btn_prev:before {
content : "";
border-bottom : none;
border-right : none;
box-sizing : content-box;
display : block;
width : 8px;
height : 8px;
margin : auto;
position : absolute;
top : 0;
bottom : 0;
}
.mm-btn_prev:before {
transform : rotate(-45deg);
left : 23px;
right : auto;
}
.mm-btn_next:after {
transform : rotate(135deg);
right : 23px;
left : auto;
}
.mm-btn_close:after, .mm-btn_close:before {
content : "";
box-sizing : content-box;
display : block;
width : 5px;
height : 5px;
margin : auto;
position : absolute;
top : 0;
bottom : 0;
transform : rotate(-45deg);
}
.mm-btn_close:before {
border-right : none;
border-bottom : none;
right : 18px;
}
.mm-btn_close:after {
border-left : none;
border-top : none;
right : 25px;
}
[dir="rtl"] .mm-btn_next:after {
transform : rotate(-45deg);
left : 23px;
right : auto;
}
[dir="rtl"] .mm-btn_prev:before {
transform : rotate(135deg);
right : 23px;
left : auto;
}
[dir="rtl"] .mm-btn_close:after, [dir="rtl"] .mm-btn_close:before {
right : auto;
}
[dir="rtl"] .mm-btn_close:before {
left : 25px;
}
[dir="rtl"] .mm-btn_close:after {
left : 18px;
}
.mm-navbar {
min-height : 44px;
border-bottom : 1px solid rgb(0, 0, 0, 0.1);
background : #f3f3f3;
color : rgb(0, 0, 0, 0.3);
display : flex;
min-height : var(--mm-navbar-size);
border-bottom : 1px solid var(--mm-color-border);
background : #f3f3f3;
color : var(--mm-color-text-dimmed);
text-align : center;
opacity : 1;
transition : opacity 0.4s ease;
}
.mm-navbar > * {
min-height : 44px;
}
@supports ((() or (position: sticky))) {
.mm-navbar_sticky {
position : sticky;
top : 0;
z-index : 1;
}
}
.mm-navbar > * {
flex-grow : 1;
display : flex;
align-items : center;
justify-content : center;
box-sizing : border-box;
}
.mm-navbar__btn {
flex-grow : 0;
}
.mm-navbar__title {
flex : 1 1 50%;
display : flex;
padding-left : 20px;
padding-right : 20px;
overflow : hidden;
}
.mm-navbar__title:not(:last-child) {
padding-right : 0;
}
.mm-navbar__title > span {
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
}
.mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title {
padding-left : 0;
}
.mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child {
padding-right : 50px;
}
[dir="rtl"] .mm-navbar {
flex-direction : row-reverse;
}
.mm-listview {
list-style : none;
display : block;
padding : 0;
margin : 0;
}
.mm-listitem {
color : rgb(0, 0, 0, 0.75);
border-color : rgb(0, 0, 0, 0.1);
color : var(--mm-color-text);
border-color : var(--mm-color-border);
list-style : none;
display : block;
padding : 0;
margin : 0;
position : relative;
display : flex;
flex-wrap : wrap;
}
.mm-listitem:after {
content : "";
border-color : inherit;
border-bottom-width : 1px;
border-bottom-style : solid;
display : block;
position : absolute;
left : 20px;
right : 0;
bottom : 0;
}
.mm-listitem a, .mm-listitem a:hover {
text-decoration : none;
}
.mm-listitem__btn, .mm-listitem__text {
padding : 12px;
display : block;
padding-left : 0;
padding-right : 0;
color : inherit;
}
.mm-listitem__text {
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
padding-left : 20px;
padding-right : 10px;
flex-grow : 1;
flex-basis : 10%;
}
.mm-listitem__btn {
background : rgb(3, 2, 1, 0);
border-color : inherit;
width : auto;
padding-right : 50px;
position : relative;
}
.mm-listitem__btn:not(.mm-listitem__text) {
border-left-width : 1px;
border-left-style : solid;
}
.mm-listitem_selected > .mm-listitem__text {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
}
.mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
background : rgb(0, 0, 0, 0.05);
background : var(--mm-color-background-highlight);
}
[dir="rtl"] .mm-listitem:after {
left : 0;
right : 20px;
}
[dir="rtl"] .mm-listitem__text {
padding-left : 10px;
padding-right : 20px;
}
[dir="rtl"] .mm-listitem__btn {
padding-left : 50px;
border-left-width : 0;
border-left-style : none;
}
[dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) {
padding-right : 0;
border-right-width : 1px;
border-right-style : solid;
}
.mm-page {
box-sizing : border-box;
position : relative;
}
.mm-slideout {
transition : transform 0.4s ease;
z-index : 1;
}
.mm-wrapper_opened {
overflow-x : hidden;
position : relative;
}
.mm-wrapper_opened .mm-page {
min-height : 100vh;
}
.mm-wrapper_background .mm-page {
background : inherit;
}
.mm-menu_offcanvas {
position : fixed;
right : auto;
z-index : 0;
}
.mm-menu_offcanvas:not(.mm-menu_opened) {
display : none;
}
.mm-menu_offcanvas {
width : 80%;
min-width : 240px;
max-width : 440px;
}
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
transform : translate3d(80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
transform : translate3d(240px,0,0);
}
}
@media all and (min-width: 550px) {
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
transform : translate3d(440px,0,0);
}
}
.mm-wrapper__blocker {
background : rgb(3, 2, 1, 0);
overflow : hidden;
display : none;
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 2;
}
.mm-wrapper_blocking {
overflow : hidden;
}
.mm-wrapper_blocking body {
overflow : hidden;
}
.mm-wrapper_blocking .mm-wrapper__blocker {
display : block;
}
.mm-sronly {
border : 0 !important ;
clip : rect(1px,1px,1px,1px) !important ;
clip-path : inset(50%) !important ;
white-space : nowrap !important ;
width : 1px !important ;
min-width : 1px !important ;
height : 1px !important ;
min-height : 1px !important ;
padding : 0 !important ;
overflow : hidden !important ;
position : absolute !important ;
}
.mm-menu_autoheight:not(.mm-menu_offcanvas) {
position : relative;
}
.mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top {
max-height : 80%;
}
.mm-menu_autoheight-measuring .mm-panel {
display : block !important ;
}
.mm-menu_autoheight-measuring .mm-panels > .mm-panel {
bottom : auto !important ;
height : auto !important ;
}
.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
display : none !important ;
}
[class*="mm-menu_columns-"] {
transition-property : width;
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel {
right : auto;
transition-property : width, transform;
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel_opened, [class*="mm-menu_columns-"] .mm-panels > .mm-panel_opened-parent {
display : block !important ;
}
[class*="mm-panel_columns-"] {
border-right : 1px solid;
border-color : inherit;
}
.mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 {
border-right : none;
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-0 {
transform : translate3d(0,0,0);
}
.mm-menu_columns-0 .mm-panels > .mm-panel {
z-index : 0;
}
.mm-menu_columns-0 .mm-panels > .mm-panel else {
width : 100%;
}
.mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
transform : translate3d(100%,0,0);
}
.mm-menu_columns-0 {
width : 80%;
min-width : 240px;
max-width : 0;
}
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
transform : translate3d(80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
transform : translate3d(240px,0,0);
}
}
@media all and (min-width: 0) {
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
transform : translate3d(0,0,0);
}
}
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-240px,0,0);
}
}
@media all and (min-width: 0) {
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(0,0,0);
}
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-1 {
transform : translate3d(100%,0,0);
}
.mm-menu_columns-1 .mm-panels > .mm-panel {
z-index : 1;
width : 100%;
}
.mm-menu_columns-1 .mm-panels > .mm-panel else {
width : 100%;
}
.mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
transform : translate3d(200%,0,0);
}
.mm-menu_columns-1 {
width : 80%;
min-width : 240px;
max-width : 440px;
}
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
transform : translate3d(80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
transform : translate3d(240px,0,0);
}
}
@media all and (min-width: 550px) {
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
transform : translate3d(440px,0,0);
}
}
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-240px,0,0);
}
}
@media all and (min-width: 550px) {
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-440px,0,0);
}
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-2 {
transform : translate3d(200%,0,0);
}
.mm-menu_columns-2 .mm-panels > .mm-panel {
z-index : 2;
width : 50%;
}
.mm-menu_columns-2 .mm-panels > .mm-panel else {
width : 100%;
}
.mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
transform : translate3d(300%,0,0);
}
.mm-menu_columns-2 {
width : 80%;
min-width : 240px;
max-width : 880px;
}
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
transform : translate3d(80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
transform : translate3d(240px,0,0);
}
}
@media all and (min-width: 1100px) {
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
transform : translate3d(880px,0,0);
}
}
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-240px,0,0);
}
}
@media all and (min-width: 1100px) {
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-880px,0,0);
}
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-3 {
transform : translate3d(300%,0,0);
}
.mm-menu_columns-3 .mm-panels > .mm-panel {
z-index : 3;
width : 33.34%;
}
.mm-menu_columns-3 .mm-panels > .mm-panel else {
width : 100%;
}
.mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
transform : translate3d(400%,0,0);
}
.mm-menu_columns-3 {
width : 80%;
min-width : 240px;
max-width : 1320px;
}
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
transform : translate3d(80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
transform : translate3d(240px,0,0);
}
}
@media all and (min-width: 1650px) {
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
transform : translate3d(1320px,0,0);
}
}
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-240px,0,0);
}
}
@media all and (min-width: 1650px) {
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-1320px,0,0);
}
}
[class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-4 {
transform : translate3d(400%,0,0);
}
.mm-menu_columns-4 .mm-panels > .mm-panel {
z-index : 4;
width : 25%;
}
.mm-menu_columns-4 .mm-panels > .mm-panel else {
width : 100%;
}
.mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
transform : translate3d(500%,0,0);
}
.mm-menu_columns-4 {
width : 80%;
min-width : 240px;
max-width : 1760px;
}
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
transform : translate3d(80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
transform : translate3d(240px,0,0);
}
}
@media all and (min-width: 2200px) {
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
transform : translate3d(1760px,0,0);
}
}
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-240px,0,0);
}
}
@media all and (min-width: 2200px) {
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-1760px,0,0);
}
}
[class*="mm-menu_columns-"].mm-menu_position-bottom, [class*="mm-menu_columns-"].mm-menu_position-top {
width : 100%;
max-width : 100%;
min-width : 100%;
}
.mm-wrapper_opening [class*="mm-menu_columns-"].mm-menu_position-front {
transition-property : width, min-width, max-width, transform;
}
.mm-counter {
color : rgb(0, 0, 0, 0.3);
display : block;
padding-left : 20px;
float : right;
text-align : right;
color : var(--mm-color-text-dimmed);
}
.mm-listitem_nosubitems > .mm-counter {
display : none;
}
[dir="rtl"] .mm-counter {
text-align : left;
float : left;
padding-left : 0;
padding-right : 20px;
}
.mm-divider {
position : relative;
min-height : 20px;
padding : 4.3px;
background : #f3f3f3;
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
padding-right : 10px;
padding-left : 20px;
font-size : 75%;
text-transform : uppercase;
opacity : 1;
transition : opacity 0.4s ease;
}
.mm-divider:before {
background : rgb(0, 0, 0, 0.05);
}
@supports ((() or (position: sticky))) {
.mm-divider {
position : sticky;
z-index : 2;
top : 0;
}
.mm-navbar_sticky:not(.mm-hidden) ~ .mm-listview .mm-divider {
top : var(--mm-navbar-size);
}
}
.mm-divider:before {
content : "";
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : -1;
background : var(--mm-color-background-highlight);
}
.mm-wrapper_dragging .mm-menu, .mm-wrapper_dragging .mm-slideout {
transition-duration : 0s !important ;
user-select : none !important ;
}
.mm-wrapper_dragging .mm-menu {
pointer-events : none !important ;
}
.mm-wrapper_dragging .mm-wrapper__blocker {
display : none !important ;
}
.mm-menu_dropdown {
box-shadow : 0 2px 10px rgb(0, 0, 0, 0.3);
height : 80%;
}
.mm-wrapper_dropdown .mm-slideout {
transform : none !important ;
z-index : 0;
}
.mm-wrapper_dropdown .mm-wrapper__blocker {
transition-delay : 0s !important ;
z-index : 1;
}
.mm-wrapper_dropdown .mm-menu_dropdown {
z-index : 2;
}
.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
display : none;
}
.mm-menu_tip-bottom:before, .mm-menu_tip-left:before, .mm-menu_tip-right:before, .mm-menu_tip-top:before {
content : "";
background : inherit;
box-shadow : 0 2px 10px rgb(0, 0, 0, 0.3);
display : block;
width : 15px;
height : 15px;
position : absolute;
z-index : -1;
transform : rotate(45deg);
}
.mm-menu_tip-left:before {
left : 22px;
}
.mm-menu_tip-right:before {
right : 22px;
}
.mm-menu_tip-top:before {
top : -8px;
}
.mm-menu_tip-bottom:before {
bottom : -8px;
}
:root {
--mm-iconbar-size : 50px;
}
.mm-menu_iconbar-left .mm-navbars_bottom, .mm-menu_iconbar-left .mm-navbars_top, .mm-menu_iconbar-left .mm-panels {
margin-left : 50px;
margin-left : var(--mm-iconbar-size);
}
.mm-menu_iconbar-right .mm-navbars_bottom, .mm-menu_iconbar-right .mm-navbars_top, .mm-menu_iconbar-right .mm-panels {
margin-right : 50px;
margin-right : var(--mm-iconbar-size);
}
.mm-iconbar {
width : 50px;
border-color : rgb(0, 0, 0, 0.1);
background : #f3f3f3;
color : rgb(0, 0, 0, 0.3);
display : none;
position : absolute;
top : 0;
bottom : 0;
z-index : 2;
width : var(--mm-iconbar-size);
overflow : hidden;
box-sizing : border-box;
border : solid 0;
border-color : var(--mm-color-border);
background : #f3f3f3;
color : var(--mm-color-text-dimmed);
text-align : center;
}
.mm-menu_iconbar-left .mm-iconbar, .mm-menu_iconbar-right .mm-iconbar {
display : flex;
flex-direction : column;
justify-content : space-between;
}
.mm-menu_iconbar-left .mm-iconbar {
border-right-width : 1px;
left : 0;
}
.mm-menu_iconbar-right .mm-iconbar {
border-left-width : 1px;
right : 0;
}
.mm-iconbar__bottom, .mm-iconbar__top {
width : 100%;
overflow : hidden;
overflow-y : auto;
}
.mm-iconbar__bottom > *, .mm-iconbar__top > * {
box-sizing : border-box;
display : block;
padding : 12.5px 0;
}
.mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
text-decoration : none;
}
.mm-iconbar__tab_selected {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
}
:root {
--mm-iconpanel-size : 50px;
}
.mm-panel_iconpanel-1 {
width : calc(100% - 50px);
}
.mm-panel_iconpanel-2 {
width : calc(100% - 100px);
}
.mm-panel_iconpanel-3 {
width : calc(100% - 150px);
}
.mm-panel_iconpanel-first ~ .mm-panel {
width : calc(100% - 50px);
}
.mm-menu_iconpanel .mm-panels > .mm-panel {
left : auto;
transition-property : transform, width;
}
.mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
display : block !important ;
}
.mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
overflow-y : hidden;
transform : unset;
}
.mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
border-left-width : 1px;
border-left-style : solid;
}
.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
opacity : 0;
}
.mm-panel__blocker {
background : inherit;
opacity : 0;
display : block;
position : absolute;
top : 0;
right : 0;
left : 0;
z-index : 3;
transition : opacity 0.4s ease;
}
.mm-panel_opened-parent .mm-panel__blocker {
opacity : 0.6;
bottom : -100000px;
}
[dir="rtl"] .mm-menu_iconpanel .mm-panels > .mm-panel {
left : 0;
right : auto;
transition-property : transform, width;
}
[dir="rtl"] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
border-left : none;
border-right : 1px solid;
border-color : inherit;
}
.mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
outline : 0;
}
.mm-wrapper__blocker .mm-tabstart {
cursor : default;
display : block;
width : 100%;
height : 100%;
}
.mm-wrapper__blocker .mm-tabend {
opacity : 0;
position : absolute;
bottom : 0;
}
.mm-navbars_top {
flex-shrink : 0;
}
.mm-navbars_top .mm-navbar:not(:last-child) {
border-bottom : none;
}
.mm-navbars_bottom {
flex-shrink : 0;
}
.mm-navbars_bottom .mm-navbar {
border-bottom : none;
}
.mm-navbars_bottom .mm-navbar:first-child {
border-top : 1px solid rgb(0, 0, 0, 0.1);
border-top : 1px solid var(--mm-color-border);
}
.mm-btn:not(.mm-hidden) + .mm-navbar__searchfield .mm-searchfield__input {
padding-left : 0;
}
.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input {
padding-right : 0;
}
.mm-navbar__breadcrumbs {
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
flex : 1 1 50%;
display : flex;
justify-content : flex-start;
padding : 0 20px;
overflow-x : auto;
}
.mm-navbar__breadcrumbs > * {
display : flex;
align-items : center;
justify-content : center;
padding-right : 6px;
}
.mm-navbar__breadcrumbs > a {
text-decoration : underline;
}
.mm-navbar__breadcrumbs:not(:last-child) {
padding-right : 0;
}
.mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
padding-left : 0;
}
.mm-navbar_tabs > * {
padding : 0 10px;
border : transparent solid 1px;
}
.mm-navbar__tab_selected {
background : #f3f3f3;
color : rgb(0, 0, 0, 0.75);
background : #f3f3f3;
color : var(--mm-color-text);
}
.mm-navbar__tab_selected:not(:first-child) {
border-left-color : rgb(0, 0, 0, 0.1);
}
.mm-navbar__tab_selected:not(:last-child) {
border-right-color : rgb(0, 0, 0, 0.1);
}
.mm-navbar__tab_selected:not(:first-child) {
border-left-color : var(--mm-color-border);
}
.mm-navbar__tab_selected:not(:last-child) {
border-right-color : var(--mm-color-border);
}
.mm-navbars_top .mm-navbar_tabs {
border-bottom : none;
}
.mm-navbars_top .mm-navbar_tabs > * {
border-bottom-color : rgb(0, 0, 0, 0.1);
border-bottom-color : var(--mm-color-border);
}
.mm-navbars_top .mm-navbar__tab_selected {
border-top-color : rgb(0, 0, 0, 0.1);
border-top-color : var(--mm-color-border);
border-bottom-color : transparent;
}
.mm-navbars_top.mm-navbars_has-tabs .mm-navbar {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
}
.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
background : #f3f3f3;
background : #f3f3f3;
}
.mm-navbars_bottom .mm-navbar_tabs:first-child {
border-top : none;
}
.mm-navbars_bottom .mm-navbar_tabs > * {
border-top-color : rgb(0, 0, 0, 0.1);
border-top-color : var(--mm-color-border);
}
.mm-navbars_bottom .mm-navbar__tab_selected {
border-bottom-color : rgb(0, 0, 0, 0.1);
border-bottom-color : var(--mm-color-border);
border-top-color : transparent;
}
.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
background : #f3f3f3;
background : #f3f3f3;
}
.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
}
.mm-searchfield {
height : 44px;
display : flex;
flex-grow : 1;
height : var(--mm-navbar-size);
padding : 0;
overflow : hidden;
}
.mm-searchfield input {
height : 30px;
line-height : 30px;
}
.mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover {
background : rgb(0, 0, 0, 0.05);
color : rgb(0, 0, 0, 0.75);
}
.mm-searchfield input {
display : block;
width : 100%;
max-width : 100%;
min-height : unset;
max-height : unset;
margin : 0;
padding : 0 10px;
box-sizing : border-box;
border : none !important ;
border-radius : 4px;
box-shadow : none !important ;
outline : 0 !important ;
font : inherit;
font-size : inherit;
}
.mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover {
background : var(--mm-color-background-highlight);
color : var(--mm-color-text);
}
.mm-searchfield input::-ms-clear {
display : none;
}
.mm-searchfield__input {
display : flex;
flex : 1;
align-items : center;
position : relative;
width : 100%;
max-width : 100%;
padding : 0 10px;
box-sizing : border-box;
}
.mm-panel__noresultsmsg {
color : rgb(0, 0, 0, 0.3);
padding : 50px 0;
color : var(--mm-color-text-dimmed);
text-align : center;
font-size : 150%;
}
.mm-searchfield__btn {
position : absolute;
right : 0;
top : 0;
bottom : 0;
}
.mm-panel_search {
left : 0 !important ;
right : 0 !important ;
width : 100% !important ;
border-left : none !important ;
}
.mm-searchfield__cancel {
line-height : 44px;
display : block;
padding-right : 10px;
margin-right : -100px;
line-height : var(--mm-navbar-size);
text-decoration : none;
transition : margin 0.4s ease;
}
.mm-searchfield__cancel-active {
margin-right : 0;
}
.mm-listitem_nosubitems > .mm-listitem__btn {
display : none;
}
.mm-listitem_nosubitems > .mm-listitem__text {
padding-right : 10px;
}
.mm-listitem_onlysubitems > .mm-listitem__text:not(.mm-listitem__btn) {
z-index : -1;
pointer-events : none;
}
.mm-sectionindexer {
background : inherit;
text-align : center;
font-size : 12px;
box-sizing : border-box;
width : 20px;
position : absolute;
top : 0;
bottom : 0;
right : -20px;
z-index : 5;
transition : right 0.4s ease;
display : flex;
flex-direction : column;
justify-content : space-evenly;
}
.mm-sectionindexer a {
color : rgb(0, 0, 0, 0.3);
color : var(--mm-color-text-dimmed);
line-height : 1;
text-decoration : none;
display : block;
}
.mm-sectionindexer ~ .mm-panel {
padding-right : 0;
}
.mm-sectionindexer_active {
right : 0;
}
.mm-sectionindexer_active ~ .mm-panel {
padding-right : 20px;
}
.mm-menu_selected-hover .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem__text, .mm-menu_selected-parent .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem__text {
transition : background-color 0.4s ease;
}
.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected:not(:hover) > .mm-listitem__text {
background : 0 0;
}
.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
}
.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > .mm-listitem__text {
background : 0 0;
}
.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__text {
background : rgb(255, 255, 255, 0.4);
background : var(--mm-color-background-emphasis);
}
:root {
--mm-sidebar-collapsed-size : 50px;
--mm-sidebar-expanded-size : 440px;
}
.mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body {
position : relative;
}
.mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout {
transition-property : width, transform;
}
.mm-wrapper_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page {
background : inherit;
box-sizing : border-box;
min-height : 100vh;
}
.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
display : flex !important ;
top : 0 !important ;
right : auto !important ;
bottom : 0 !important ;
left : 0 !important ;
}
.mm-wrapper_sidebar-collapsed .mm-slideout {
width : calc(100% - 50px);
transform : translate3d(50px,0,0);
}
.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
opacity : 0;
}
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
width : 440px;
width : var(--mm-sidebar-expanded-size);
min-width : 0 !important ;
max-width : 100000px !important ;
border-right-width : 1px;
border-right-style : solid;
}
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
content : none;
display : none;
}
.mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
overflow : visible;
}
.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
display : none !important ;
}
.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
width : calc(100% - 440px);
transform : translate3d(440px,0,0);
}
.mm-menu__blocker {
background : rgb(3, 2, 1, 0);
display : block;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 3;
}
.mm-menu_opened .mm-menu__blocker {
display : none;
}
[dir="rtl"].mm-wrapper_sidebar-collapsed .mm-slideout {
transform : translate3d(0,0,0);
}
[dir="rtl"].mm-wrapper_sidebar-expanded .mm-slideout {
transform : translate3d(0,0,0);
}
[dir="rtl"].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
transform : translate3d(0,0,0);
}
input.mm-toggle {
margin-top : 5px;
background : rgb(0, 0, 0, 0.1);
display : inline-block;
min-width : 58px;
width : 58px;
height : 34px;
margin : 0 10px;
border : none !important ;
border-radius : 34px;
appearance : none !important ;
cursor : pointer;
transition : background-color 0.2s ease;
}
input.mm-toggle:before {
background : #f3f3f3;
}
input.mm-toggle:before {
content : "";
display : block;
width : 32px;
height : 32px;
margin : 1px;
border-radius : 34px;
background : #f3f3f3;
transition : transform 0.2s ease;
}
input.mm-toggle:checked {
background : #4bd963;
}
input.mm-toggle:checked:before {
transform : translateX(24px);
}
input.mm-check {
margin-top : 2px;
appearance : none !important ;
border : none !important ;
background : 0 0 !important ;
cursor : pointer;
display : inline-block;
width : 40px;
height : 40px;
margin : 0 10px;
}
input.mm-check:before {
content : "";
display : block;
width : 40%;
height : 20%;
margin : 25% 0 0 20%;
border-left : 3px solid;
border-bottom : 3px solid;
border-color : var(--mm-color-text);
opacity : 0.3;
transform : rotate(-45deg);
transition : opacity 0.2s ease;
}
input.mm-check:checked:before {
opacity : 1;
}
[dir="rtl"] input.mm-toggle:checked ~ label.mm-toggle:before {
float : left;
}
.mm-menu_border-none .mm-listitem:after {
content : none;
}
.mm-menu_border-full .mm-listitem:after {
left : 0 !important ;
}
.mm-menu_fx-menu-slide {
transition : transform 0.4s ease;
}
.mm-wrapper_opened .mm-menu_fx-menu-slide {
transform : translate3d(-30%,0,0);
}
.mm-wrapper_opening .mm-menu_fx-menu-slide {
transform : translate3d(0,0,0);
}
.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
transform : translate3d(30%,0,0);
}
.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
transform : translate3d(0,0,0);
}
.mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none {
transition-property : none;
}
.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent {
transform : translate3d(0,0,0);
}
.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent {
transform : translate3d(0,0,0);
}
.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent {
transform : translate3d(-100%,0,0);
}
.mm-menu_fullscreen {
width : 100%;
min-width : 140px;
max-width : 10000px;
}
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
transform : translate3d(100vw,0,0);
}
@media all and (max-width: 140px) {
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
transform : translate3d(140px,0,0);
}
}
@media all and (min-width: 10000px) {
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
transform : translate3d(10000px,0,0);
}
}
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-100vw,0,0);
}
@media all and (max-width: 140px) {
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-140px,0,0);
}
}
@media all and (min-width: 10000px) {
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-10000px,0,0);
}
}
.mm-menu_fullscreen.mm-menu_position-top {
height : 100vh;
min-height : 140px;
max-height : 10000px;
}
.mm-menu_fullscreen.mm-menu_position-bottom {
height : 100vh;
min-height : 140px;
max-height : 10000px;
}
.mm-menu_listview-justify .mm-panels > .mm-panel {
display : flex;
flex-direction : column;
}
.mm-menu_listview-justify .mm-panels > .mm-panel:after {
content : none;
display : none;
}
.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview {
flex-grow : 1;
display : flex;
flex-direction : column;
height : 100%;
margin-top : 0;
margin-bottom : 0;
}
.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem {
flex : 1 0 auto;
min-height : 50px;
}
.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text {
box-sizing : border-box;
flex : 1 0 auto;
display : flex;
align-items : center;
}
.mm-listview_inset {
list-style : disc inside;
width : 100%;
padding : 0 30px 15px 30px;
margin : 0;
}
.mm-listview_inset .mm-listitem {
padding : 5px 0;
}
.mm-menu_multiline .mm-listitem__text {
text-overflow : clip;
white-space : normal;
}
[class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-wrapper__blocker {
opacity : 0;
}
.mm-wrapper_opening [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-wrapper__blocker {
opacity : 0.3;
transition : opacity 0.4s 0.4s ease;
}
.mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker {
background : inherit;
}
.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
background : #000;
}
.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
background : #fff;
}
.mm-menu_popup {
transition : opacity 0.4s ease;
opacity : 0;
box-shadow : 0 2px 10px rgb(0, 0, 0, 0.3);
height : 80%;
min-height : 140px;
max-height : 880px;
top : 50%;
left : 50%;
bottom : auto;
right : auto;
z-index : 2;
transform : translate3d(-50%,-50%,0);
}
.mm-menu_popup.mm-menu_opened ~ .mm-slideout {
transform : none !important ;
z-index : 0;
}
.mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker {
transition-delay : 0s !important ;
z-index : 1;
}
.mm-wrapper_opening .mm-menu_popup {
opacity : 1;
}
.mm-menu_position-right {
left : auto;
right : 0;
}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-80vw,0,0);
}
@media all and (max-width: 300px) {
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-240px,0,0);
}
}
@media all and (min-width: 550px) {
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
transform : translate3d(-440px,0,0);
}
}
.mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top {
transition : transform 0.4s ease;
}
.mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
z-index : 2;
}
.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
transform : none !important ;
z-index : 0;
}
.mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
z-index : 1;
}
.mm-menu_position-front {
transform : translate3d(-100%,0,0);
}
.mm-menu_position-front.mm-menu_position-right {
transform : translate3d(100%,0,0);
}
.mm-menu_position-bottom, .mm-menu_position-top {
width : 100%;
min-width : 100%;
max-width : 100%;
}
.mm-menu_position-top {
transform : translate3d(0,-100%,0);
}
.mm-menu_position-top {
height : 80vh;
min-height : 140px;
max-height : 880px;
}
.mm-menu_position-bottom {
transform : translate3d(0,100%,0);
top : auto;
}
.mm-menu_position-bottom {
height : 80vh;
min-height : 140px;
max-height : 880px;
}
.mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top {
transform : translate3d(0,0,0);
}
.mm-menu_shadow-page:after {
box-shadow : 0 0 10px rgb(0, 0, 0, 0.3);
content : "";
display : block;
width : 20px;
height : 120%;
position : absolute;
left : 100%;
top : -10%;
z-index : 100;
clip-path : polygon(-20px 0,0 0,0 100%,-20px 100%);
}
.mm-menu_shadow-page.mm-menu_position-right:after {
left : auto;
right : 100%;
clip-path : polygon(20px 0,40px 0,40px 100%,20px 100%);
}
.mm-menu_shadow-page.mm-menu_position-front:after {
content : none;
display : none;
}
.mm-menu_shadow-menu {
box-shadow : 0 0 10px rgb(0, 0, 0, 0.3);
}
.mm-menu_shadow-panels .mm-panels > .mm-panel {
box-shadow : 0 0 10px rgb(0, 0, 0, 0.3);
}
.mm-menu_theme-white {
--mm-color-border : rgb(0, 0, 0, 0.1);
--mm-color-button : rgb(0, 0, 0, 0.3);
--mm-color-text : rgb(0, 0, 0, 0.7);
--mm-color-text-dimmed : rgb(0, 0, 0, 0.3);
--mm-color-background : #fff;
--mm-color-background-highlight : rgb(0, 0, 0, 0.06);
--mm-color-background-emphasis : rgb(0, 0, 0, 0.03);
--mm-shadow : 0 0 10px rgb(0, 0, 0, 0.2);
}
.mm-menu_theme-dark {
--mm-color-border : rgb(0, 0, 0, 0.3);
--mm-color-button : rgb(255, 255, 255, 0.4);
--mm-color-text : rgb(255, 255, 255, 0.85);
--mm-color-text-dimmed : rgb(255, 255, 255, 0.4);
--mm-color-background : #333;
--mm-color-background-highlight : rgb(255, 255, 255, 0.08);
--mm-color-background-emphasis : rgb(0, 0, 0, 0.1);
--mm-shadow : 0 0 20px rgb(0, 0, 0, 0.5);
}
.mm-menu_theme-black {
--mm-color-border : rgb(255, 255, 255, 0.25);
--mm-color-button : rgb(255, 255, 255, 0.4);
--mm-color-text : rgb(255, 255, 255, 0.75);
--mm-color-text-dimmed : rgb(255, 255, 255, 0.4);
--mm-color-background : #000;
--mm-color-background-highlight : rgb(255, 255, 255, 0.2);
--mm-color-background-emphasis : rgb(255, 255, 255, 0.15);
--mm-shadow : none;
}
body.modal-open .mm-slideout {
z-index : unset;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration : 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay : 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration : 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay : 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration : 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay : 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration : 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay : 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration : 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay : 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration : 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay : 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration : 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay : 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration : 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay : 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration : 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay : 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration : 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay : 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
transition-duration : 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay : 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration : 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay : 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
transition-duration : 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay : 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration : 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay : 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
transition-duration : 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay : 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration : 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay : 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
transition-duration : 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay : 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration : 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay : 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
transition-duration : 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay : 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration : 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay : 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
transition-duration : 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay : 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
transition-duration : 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay : 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
transition-duration : 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay : 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
transition-duration : 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay : 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
transition-duration : 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay : 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
transition-duration : 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay : 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
transition-duration : 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay : 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
transition-duration : 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay : 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
transition-duration : 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay : 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration : 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay : 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
transition-duration : 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay : 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
transition-duration : 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay : 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
transition-duration : 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay : 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
transition-duration : 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay : 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
transition-duration : 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay : 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
transition-duration : 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay : 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
transition-duration : 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay : 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
transition-duration : 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay : 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
transition-duration : 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay : 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration : 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay : 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
transition-duration : 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay : 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
transition-duration : 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay : 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
transition-duration : 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay : 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
transition-duration : 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay : 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
transition-duration : 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay : 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
transition-duration : 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay : 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
transition-duration : 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay : 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
transition-duration : 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay : 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
transition-duration : 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay : 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration : 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay : 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
transition-duration : 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay : 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
transition-duration : 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay : 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
transition-duration : 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay : 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
transition-duration : 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay : 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
transition-duration : 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay : 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
transition-duration : 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay : 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
transition-duration : 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay : 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
transition-duration : 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay : 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
transition-duration : 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay : 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration : 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay : 3s;
}
[data-aos] {
pointer-events : none;
}
[data-aos].aos-animate {
pointer-events : auto;
}
[data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.25,0.75,0.75);
}
[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] {
transition-timing-function : ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function : ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function : ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function : ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function : cubic-bezier(0.6,-0.28,0.735,0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function : cubic-bezier(0.175,0.885,0.32,1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function : cubic-bezier(0.68,-0.55,0.265,1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function : cubic-bezier(0.47,0,0.745,0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function : cubic-bezier(0.39,0.575,0.565,1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function : cubic-bezier(0.445,0.05,0.55,0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function : cubic-bezier(0.55,0.085,0.68,0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function : cubic-bezier(0.455,0.03,0.515,0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function : cubic-bezier(0.55,0.085,0.68,0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function : cubic-bezier(0.455,0.03,0.515,0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function : cubic-bezier(0.55,0.085,0.68,0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function : cubic-bezier(0.455,0.03,0.515,0.955);
}
@media screen {
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
opacity : 0;
transition-property : opacity, transform;
}
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity : 1;
transform : none;
}
html:not(.no-js) [data-aos="fade-up"] {
transform : translate3d(0,100px,0);
}
html:not(.no-js) [data-aos="fade-down"] {
transform : translate3d(0,-100px,0);
}
html:not(.no-js) [data-aos="fade-right"] {
transform : translate3d(-100px,0,0);
}
html:not(.no-js) [data-aos="fade-left"] {
transform : translate3d(100px,0,0);
}
html:not(.no-js) [data-aos="fade-up-right"] {
transform : translate3d(-100px,100px,0);
}
html:not(.no-js) [data-aos="fade-up-left"] {
transform : translate3d(100px,100px,0);
}
html:not(.no-js) [data-aos="fade-down-right"] {
transform : translate3d(-100px,-100px,0);
}
html:not(.no-js) [data-aos="fade-down-left"] {
transform : translate3d(100px,-100px,0);
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
opacity : 0;
transition-property : opacity, transform;
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity : 1;
transform : translateZ(0) scale(1);
}
html:not(.no-js) [data-aos="zoom-in"] {
transform : scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-up"] {
transform : translate3d(0,100px,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-down"] {
transform : translate3d(0,-100px,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-right"] {
transform : translate3d(-100px,0,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-left"] {
transform : translate3d(100px,0,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-out"] {
transform : scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-up"] {
transform : translate3d(0,100px,0) scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-down"] {
transform : translate3d(0,-100px,0) scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-right"] {
transform : translate3d(-100px,0,0) scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-left"] {
transform : translate3d(100px,0,0) scale(1.2);
}
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
transition-property : transform;
visibility : hidden;
}
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
visibility : visible;
transform : translateZ(0);
}
html:not(.no-js) [data-aos="slide-up"] {
transform : translate3d(0,100%,0);
}
html:not(.no-js) [data-aos="slide-down"] {
transform : translate3d(0,-100%,0);
}
html:not(.no-js) [data-aos="slide-right"] {
transform : translate3d(-100%,0,0);
}
html:not(.no-js) [data-aos="slide-left"] {
transform : translate3d(100%,0,0);
}
html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
backface-visibility : hidden;
transition-property : transform;
}
html:not(.no-js) [data-aos="flip-left"] {
transform : perspective(2500px) rotateY(-100deg);
}
html:not(.no-js) [data-aos="flip-left"].aos-animate {
transform : perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos="flip-right"] {
transform : perspective(2500px) rotateY(100deg);
}
html:not(.no-js) [data-aos="flip-right"].aos-animate {
transform : perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos="flip-up"] {
transform : perspective(2500px) rotateX(-100deg);
}
html:not(.no-js) [data-aos="flip-up"].aos-animate {
transform : perspective(2500px) rotateX(0);
}
html:not(.no-js) [data-aos="flip-down"] {
transform : perspective(2500px) rotateX(100deg);
}
html:not(.no-js) [data-aos="flip-down"].aos-animate {
transform : perspective(2500px) rotateX(0);
}
}
.rate {
float : left;
height : 46px;
padding : 0 10px;
}
.rate:not(:checked) > input {
position : absolute;
top : -9999px;
}
.rate:not(:checked) > label {
float : right;
width : 1em;
overflow : hidden;
white-space : nowrap;
cursor : pointer;
font-size : 30px;
color : #ccc;
}
.rate:not(:checked) > label:before {
content : '★ ';
}
.rate > input:checked ~ label {
color : #ffc700;
}
.rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {
color : #deb217;
}
.rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label {
color : #c59b08;
}
@media (max-width: 768px) {
#RatingPagesSection > div.row {
text-align : center;
display : inline-block;
width : auto;
}
.rate {
display : inline-block;
float : none;
width : auto;
}
}
@font-face {
font-family : 'DINNextLTW23-Bold';
src : url("../fonts/DINNextLTW23-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextLTW23-Bold.woff") format("woff"), url("../fonts/DINNextLTW23-Bold.ttf") format("truetype"), url("../fonts/DINNextLTW23-Bold.svg#DINNextLTW23-Bold") format("svg");
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'DINNextLTArabic-Bold';
src : url("../fonts/DINNextLTArabic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextLTArabic-Bold.woff") format("woff"), url("../fonts/DINNextLTArabic-Bold.ttf") format("truetype"), url("../fonts/DINNextLTArabic-Bold.svg#DINNextLTArabic-Bold") format("svg");
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'DINNextLTArabic-Regular';
src : url("../fonts/DINNextLTArabic-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextLTArabic-Regular.woff") format("woff"), url("../fonts/DINNextLTArabic-Regular.ttf") format("truetype"), url("../fonts/DINNextLTArabic-Regular.svg#DINNextLTArabic-Regular") format("svg");
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'DINNextLTArabic-Light';
src : url("../fonts/DINNextLTArabic-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DINNextLTArabic-Light.woff") format("woff"), url("../fonts/DINNextLTArabic-Light.ttf") format("truetype"), url("../fonts/DINNextLTArabic-Light.svg#DINNextLTArabic-Light") format("svg");
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : "Flaticon";
src : url("../ar/fonts/Flaticon.eot?74rc51");
src : url("../ar/fonts/Flaticon.eot?74rc51#iefix") format("embedded-opentype"), url("../ar/fonts/Flaticon.ttf?74rc51") format("truetype"), url("../ar/fonts/Flaticon.woff?74rc51") format("woff"), url("../ar/fonts/Flaticon.svg?74rc51#icomoon") format("svg");
font-weight : normal;
font-style : normal;
font-display : block;
}
html, body {
overflow-x : hidden;
}
*:before, *:after {
box-sizing : border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
outline : 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
nav ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
a {
margin : 0;
padding : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
text-decoration : none;
transition : all 0.3s ease-out;
}
a:visited {
color : #666666;
}
a, a:hover, a:active, a:visited {
text-decoration : none;
outline : none;
}
ins {
background-color : #ff9;
color : #000;
text-decoration : none;
}
mark {
background-color : #ff9;
color : #000;
font-style : italic;
font-weight : bold;
}
del {
text-decoration : line-through;
}
abbr[title], dfn[title] {
border-bottom : 1px dotted;
cursor : help;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
table a {
color : #0f253c;
}
table a:hover {
color : #24b99e;
}
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #cccccc;
margin : 1em 0;
padding : 0;
}
input, select {
vertical-align : middle;
}
h1, h2, h3, h4, h5, h6 {
font-family : 'DINNextLTArabic-Bold';
}
ul, ol {
padding : 0;
}
button {
border : none;
}
li {
list-style-type : none;
}
img {
border : none;
width : auto;
height : auto;
}
header, footer, article, news, content, details, section, group, nav, bar, wrap_menu, blockh, blockv, title, block, wrap, clear {
display : block;
}
.clear {
clear : both;
}
::-moz-selection {
color : #ffffff;
background : #24b99e;
}
::selection {
color : #ffffff;
background : #24b99e;
}
::-moz-selection {
color : #ffffff;
background : #24b99e;
}
::-webkit-input-placeholder {
color : #666666 !important ;
}
:-moz-placeholder {
color : #666666 !important ;
}
::-moz-placeholder {
color : #666666 !important ;
}
:-ms-input-placeholder {
color : #666666 !important ;
}
::-webkit-input-placeholder {
font-family : 'DINNextLTArabic-Regular' !important ;
}
:-moz-placeholder {
font-family : 'DINNextLTArabic-Regular' !important ;
}
::-moz-placeholder {
font-family : 'DINNextLTArabic-Regular' !important ;
}
:-ms-input-placeholder {
font-family : 'DINNextLTArabic-Regular' !important ;
}
input[type="button"], input[type="reset"], input[type="submit"], button {
margin-right : 0;
}
body {
font-size : 14px;
direction : rtl;
text-align : right;
overflow-x : hidden;
margin : 0;
padding : 0;
font-family : 'DINNextLTArabic-Regular';
}
#layout {
position : relative;
overflow : hidden;
min-width : 350px;
min-height : 100vh;
background : #0f253c;
background : linear-gradient(-180deg, #0f253c 65%, #163849 100%);
}
#layout.fader:after {
content : "";
background : rgb(102, 102, 102, 0.6);
position : absolute;
z-index : 101;
width : 100%;
height : 100%;
top : 0;
}
@media (min-width: 1360px) {
.container {
max-width : 1260px;
}
.container.wide {
max-width : 1400px;
}
.container.narrow {
max-width : 1040px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
}
@media only screen and (max-width: 544px) {
}
header {
position : absolute;
top : 0;
width : 100%;
z-index : 999;
}
header .container {
position : relative;
z-index : 2;
}
header .side-list {
display : flex;
height : 100%;
position : relative;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
header .side-list {
margin-bottom : 5px;
}
}
@media only screen and (max-width: 544px) {
header .side-list {
margin-bottom : 5px;
}
}
header .side-list > li {
display : flex;
align-items : center;
margin-bottom : 5px;
opacity : 0;
opacity : 1;
margin : 0 5px;
}
header .side-list > li:last-child {
margin-left : 0;
}
header .side-list > li a.circle {
display : flex;
flex-direction : column;
width : 30px;
height : 30px;
display : flex;
align-items : center;
justify-content : center;
border-radius : 50%;
transition : all 0.3s ease-in-out;
}
header .side-list > li a.circle img {
width : auto;
}
header .side-list > li a.circle svg {
fill : #ffffff;
}
header .side-list > li a.circle svg path {
fill : #ffffff;
}
header .side-list > li a.circle i {
font-size : 20px;
color : #ffffff;
}
header .side-list > li a.circle span {
color : #ffffff;
font-size : 15px;
}
header .side-list > li a.circle.circle {
border : #ffffff solid 1px;
}
header .side-list > li a.circle.circle i {
font-size : 14px;
}
header .side-list > li a.circle:hover {
background : #24b99e;
border : #24b99e solid 1px;
}
header .side-list > li a.circle:hover img {
opacity : 0.7;
}
header .side-list > li a.circle:hover svg {
fill : #24b99e;
}
header .side-list > li a.circle:hover svg path {
fill : #24b99e;
}
header .side-list > li a.circle:hover span {
color : rgb(255, 255, 255, 0.7);
}
.header-top {
position : relative;
background-color : #0f253c;
padding : 15px 0;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.header-top {
text-align : center;
}
}
@media only screen and (max-width: 544px) {
.header-top {
padding-bottom : 40px;
text-align : center;
}
}
.header-top p {
color : #ffffff;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.header-top p {
margin-bottom : 5px;
}
}
@media only screen and (max-width: 544px) {
.header-top p {
margin-bottom : 5px;
}
}
.header-top .logo-sponsor {
position : absolute;
margin : auto;
right : 0;
left : 0;
bottom : -45px;
height : 60px;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.header-top .logo-sponsor {
height : 40px;
bottom : -45px;
}
}
@media only screen and (max-width: 544px) {
.header-top .logo-sponsor {
height : 40px;
bottom : -45px;
}
}
.header-bottom {
padding : 15px 0;
position : relative;
}
.navbar {
padding : 18px 0;
display : flex;
align-items : center;
width : 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.navbar {
justify-content : space-between;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar {
justify-content : space-between;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.navbar {
justify-content : space-between;
}
}
@media only screen and (max-width: 544px) {
.navbar {
justify-content : space-between;
}
}
.navbar .navbar-brand {
display : inline-flex;
align-items : center;
padding-top : 0;
padding-bottom : 2px;
margin-left : initial;
line-height : inherit;
color : #666666;
font-size : 24px;
margin-left : 30px;
margin-right : 0;
position : relative;
}
.navbar .navbar-brand img {
max-width : 280px;
width : 100%;
max-height : 60px;
}
.navbar .navbar-brand:after {
font-size : 12px;
background : #24b99e;
color : #fff;
padding : 0 5px 5px;
border-radius : 2px;
position : absolute;
right : 72px;
bottom : -22px;
margin : auto;
}
.navbar .icon-bar {
width : 21px;
height : 3px;
background-color : #24b99e;
display : block;
transition : all 0.2s;
margin-top : 4px;
}
.navbar .navbar-toggler:focus {
outline : 0;
}
.navbar .navbar-toggler .top-bar {
transform : rotate(-45deg);
transform-origin : 90% 190%;
background-color : #24b99e;
}
.navbar .navbar-toggler .middle-bar {
opacity : 0;
}
.navbar .navbar-toggler .bottom-bar {
transform : rotate(45deg);
transform-origin : 90% -80%;
background-color : #24b99e;
}
.navbar .navbar-toggler.collapsed .top-bar {
transform : rotate(0);
background-color : #24b99e;
}
.navbar .navbar-toggler.collapsed .middle-bar {
opacity : 1;
}
.navbar .navbar-toggler.collapsed .bottom-bar {
transform : rotate(0);
background-color : #24b99e;
}
.navbar .navbar-nav {
margin-right : 0.5rem !important ;
margin-left : 0 !important ;
}
.navbar .navbar-nav li.nav-item {
margin : 5px 10px;
align-items : center;
justify-content : center;
transition : all 0.3s ease-in;
}
.navbar .navbar-nav li.nav-item .nav-link {
font-size : 16px;
color : #ffffff;
padding : 10px 5px;
white-space : normal;
text-align : center;
transition : all 0.3s ease-in;
}
.navbar .navbar-nav li.nav-item .nav-link::after {
font-size : 16px;
}
.navbar .navbar-nav li.nav-item:hover > a, .navbar .navbar-nav li.nav-item.active > a {
color : #24b99e;
}
.navbar .navbar-nav li.nav-item:hover > a::after, .navbar .navbar-nav li.nav-item.active > a::after {
color : #24b99e !important ;
}
.navbar .navbar-nav li .nav-link:hover.dropdown-toggle::after {
color : #0f253c;
}
.navbar .dropdown-toggle::after {
margin-top : 3px;
display : inline-block;
width : 0;
height : 0;
vertical-align : -2px;
content : "\f0d7";
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
color : #ffffff;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
margin-right : 10px;
font-size : 13px;
}
.navbar .navbar-collapse.show .dropdown .dropdown-menu {
background : #ebebeb;
}
.navbar .navbar-collapse.show .dropdown .dropdown-menu li .dropdown-item {
border-bottom : 1px solid #dcdcdc;
border-radius : 0;
background : transparent;
color : #333E4B;
}
.navbar .navbar-collapse.show .dropdown .dropdown-menu li .dropdown-item:hover {
color : #0f253c;
}
.navbar .navbar-collapse.show .dropdown .dropdown-menu li:last-child .dropdown-item {
border-bottom : none;
}
.navbar .dropdown-menu {
position : absolute;
top : calc(100% - 10px);
right : 0;
z-index : 1000;
float : right;
min-width : 16rem;
padding : 12px;
margin : 18px 0;
font-size : 1rem;
color : #ffffff;
text-align : right;
list-style : none;
background-color : #ffffff;
background-clip : padding-box;
border : #EBEBEB solid 1px;
border-radius : 4px;
box-shadow : 0 3px 11px 0 rgb(0, 0, 0, 0.09);
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.navbar .dropdown-menu {
left : 0;
right : auto;
}
}
@media only screen and (max-width: 544px) {
.navbar .dropdown-menu {
left : 0;
right : auto;
}
}
.navbar .dropdown-item {
display : block;
width : 100%;
padding : 15px 15px;
clear : both;
font-weight : 400;
color : #666666;
background-color : transparent;
border : 0;
font-size : 15px;
line-height : 15px;
white-space : normal;
line-height : 20px;
}
.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
text-decoration : none;
background-color : #F0F3F9;
border-radius : 4px;
color : #333E4B;
text-shadow : 0 0 0.65px #333, 0 0 0.65px #333E4B;
}
.navbar .dropdown-item:focus .dropdown-toggle::after, .navbar .dropdown-item:hover.dropdown-toggle::after {
color : #0f253c;
}
.dropdown-submenu {
position : relative;
}
.dropdown-submenu a::after {
transform : rotate(90deg);
position : absolute;
left : 17px;
top : 25px;
}
.dropdown-submenu .dropdown-menu {
top : 0;
right : 100%;
margin-right : 13px;
margin-left : 0.1rem;
}
.caret-up {
width : 0;
height : 0;
border-right : 4px solid rgb(0, 0, 0, 0);
border-left : 4px solid rgb(0, 0, 0, 0);
border-bottom : 4px solid;
display : inline-block;
margin-right : 2px;
vertical-align : middle;
}
.mega-dropdown {
position : unset;
}
.mega-dropdown-menu {
width : 100%;
position : absolute;
top : 63px;
margin : 15px 0;
}
.mega-dropdown-menu ul {
list-style : none;
}
.nav-dropitem-arrow {
position : relative;
font-size : 12px;
opacity : 0;
padding-left : 10px;
}
.nav-dropitem-arrow i {
position : absolute;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #0f253c;
text-decoration : none;
background-color : #eeeffd;
border-radius : 4px;
}
.dropdown-item:hover .nav-dropitem-arrow {
color : #4955ef;
opacity : 1;
margin-left : 5px;
}
.navbar .navbar-toggler, .navbar-boxed .navbar-toggler {
padding : 0;
font-size : 1.25rem;
line-height : 1;
border-radius : 0.25rem;
position : relative;
display : block;
}
.navbar-collapse.show .dropdown .dropdown-menu {
background : #ffffff;
box-shadow : none;
margin : 7px 0;
}
.navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
border-bottom : 1px solid #EBEBEB;
}
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
background : #ffffff;
box-shadow : none;
margin : 7px 0;
}
.navbar-boxed .navbar-collapse.show .navbar-nav li .nav-link {
border-bottom : 1px solid #EBEBEB;
}
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
border-bottom : 1px solid #EBEBEB;
}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
background : #ffffff;
box-shadow : none;
margin : 7px 0;
}
.navbar-transparent .navbar-collapse.show .navbar-nav li .nav-link {
border-bottom : 1px solid #0f253c;
}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
border-bottom : 1px solid #EBEBEB;
}
.navbar-nav li svg {
fill : #333E4B;
width : 22px;
transition : all 0.2s ease-in;
vertical-align : middle;
}
.navbar-nav li:hover svg {
fill : #0f253c;
}
@media only screen and (max-width: 544px) {
.dropdown.languages a span {
display : none;
}
}
@media (min-width: 992px) {
.dropdown .dropdown-menu {
display : block;
visibility : hidden;
opacity : 0;
transform : translateY(20px);
transition : all 0.3s ease-in;
}
.dropdown:hover .dropdown-menu {
visibility : visible;
opacity : 1;
transform : scaleY(1);
opacity : 1;
visibility : visible;
}
.dropdown-submenu:hover .dropdown-menu {
visibility : visible;
opacity : 1;
transform : scaleY(1);
opacity : 1;
visibility : visible;
}
}
@media (max-width: 991px) {
.navbar-nav .dropdown-menu {
position : static;
float : none;
}
.dropdown-menu.show {
display : block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu {
display : none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-menu {
display : none;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.main-menu {
display : none;
}
}
@media only screen and (max-width: 544px) {
.main-menu {
display : none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#mm-main-menu {
display : block;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#mm-main-menu {
display : block;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
#mm-main-menu {
display : block;
}
}
@media only screen and (max-width: 544px) {
#mm-main-menu {
display : block;
}
}
.navbar-toggler-container {
display : none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.navbar-toggler-container {
display : block;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-toggler-container {
display : block;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.navbar-toggler-container {
display : block;
}
}
@media only screen and (max-width: 544px) {
.navbar-toggler-container {
display : block;
}
}
.mm-navbars_top {
display : none;
}
.navbar-expand .navbar-collapse {
flex-basis : auto;
flex-grow : initial;
}
#my-menu:not(.mm-menu) {
display : block;
}
.mm-panel {
background : #24b99e;
box-shadow : 0 0 5px rgb(102, 102, 102, 0.09);
padding : 56px;
}
.mm-panel ul li a {
font-size : 18px;
color : #ffffff !important ;
font-family : 'DINNextLTW23-Bold';
margin : 10px;
}
.mm-panel ul li a:hover, .mm-panel ul li a.active {
color : rgb(255, 255, 255, 0.7) !important ;
}
.mm-listitem {
border : none;
}
.mm-listitem:after {
display : none;
}
.mm-panel .dropdown-menu {
background-color : transparent;
border : none;
text-align : right;
}
.mm-panel ul li a {
border : none !important ;
}
.mm-panel ul li a.dropdown-item {
border : none;
background : transparent;
}
.mm-panel .dropdown-toggle::after {
display : none;
}
.main-menu a :after {
content : " (" attr(href) ")";
}
.sidebar {
position : absolute;
left : 15px;
}
.search {
position : absolute;
left : 0;
}
.search input {
background : transparent;
border : #ffffff solid 1px;
color : transparent;
width : 30px;
height : 30px;
transition : all 0.5s;
cursor : pointer;
position : relative;
box-sizing : border-box;
font-family : inherit;
font-size : 14px;
border-radius : 5em;
outline : none;
padding : 0 10px;
}
.search ::-webkit-input-placeholder {
color : transparent !important ;
}
.search ::-moz-placeholder {
color : transparent !important ;
}
.search :-ms-input-placeholder {
color : transparent !important ;
}
.search ::-ms-input-placeholder {
color : transparent !important ;
}
.search ::placeholder {
color : transparent !important ;
}
.search:hover input {
width : 250px;
padding-left : 30px;
color : #ffffff;
cursor : auto;
box-shadow : 0 1px 5px rgb(0, 0, 0, 0.25);
background : #24b99e;
border : #24b99e solid 1px;
}
.search:hover ::-webkit-input-placeholder {
color : #ffffff !important ;
}
.search:hover ::-moz-placeholder {
color : #ffffff !important ;
}
.search:hover :-ms-input-placeholder {
color : #ffffff !important ;
}
.search:hover ::-ms-input-placeholder {
color : #ffffff !important ;
}
.search:hover ::placeholder {
color : #ffffff !important ;
}
.search::-webkit-search-decoration, .search::-webkit-search-cancel-button {
display : none;
}
.search:-moz-placeholder {
color : transparent;
}
.search::-webkit-input-placeholder {
color : transparent;
}
.sl-nav {
display : inline;
}
.sl-nav ul {
margin : 0;
padding : 0;
list-style : none;
position : relative;
display : inline-block;
}
.sl-nav li {
cursor : pointer;
padding-bottom : 10px;
}
.sl-nav li ul {
display : none;
}
.sl-nav li:hover ul {
position : absolute;
top : 45px;
left : 0;
display : block;
background : #fff;
width : 120px;
padding-top : 0;
z-index : 1;
border-radius : 5px;
box-shadow : 0 0 20px rgb(0, 0, 0, 0.2);
}
.sl-nav li:hover .triangle {
position : absolute;
top : 35px;
left : 6px;
z-index : 10;
height : 10px;
overflow : hidden;
width : 20px;
background : transparent;
}
.sl-nav li:hover .triangle:after {
content : '';
display : block;
z-index : 20;
width : 10px;
transform : rotate(-45deg) translateY(0) translatex(-10px);
height : 10px;
background : #fff;
border-radius : 0 2px 0 0;
box-shadow : 0 0 20px rgb(0, 0, 0, 0.2);
}
.sl-nav li ul li {
position : relative;
text-align : right;
background : transparent;
padding : 7px 15px;
z-index : 2;
}
.sl-nav li ul li a {
width : auto;
height : auto;
padding : 0;
margin : 0;
color : #0f253c;
padding-right : 5px;
}
.sl-nav li ul li a:hover, .sl-nav li ul li a.active {
color : #24b99e;
}
@media (min-width: 992px) {
.slider, .slide {
height : 100%;
}
}
.slider {
height : 80vh;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider {
height : 80vh;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.slider {
height : 58vh;
}
}
@media only screen and (max-width: 544px) {
.slider {
height : 45vh;
}
}
.slider .slick-list, .slider .slick-list > div, .slider .slick-slide, .slider .slick-slide > div, .slider .container, .slider .container > div {
height : 100%;
}
.slide {
position : relative;
height : 100%;
}
.slide__img {
position : absolute;
top : 0;
left : 0;
}
.slide__img img {
width : auto;
height : auto;
float : left;
object-fit : cover;
opacity : 1 !important ;
animation-duration : 3s;
transition : all 1s ease;
}
.slide .slide__content {
display : flex;
flex-direction : column;
position : absolute;
height : initial !important ;
right : 0;
bottom : 0;
top : 0;
margin : auto;
width : 100%;
}
.slide .slide__content--headings {
display : inline-flex;
height : initial !important ;
}
@media only screen and (min-width: 1200px) {
.slide .slide__content--headings {
max-width : 730px;
}
}
.slide h2, .typed {
font-size : 80px;
color : #24b99e;
font-family : 'DINNextLTW23-Bold';
}
.slide span, .typed {
font-size : 80px;
color : #24b99e;
font-family : 'DINNextLTW23-Bold';
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slide h2, .typed {
font-size : 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slide h2, .typed {
font-size : 70px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.slide h2, .typed {
font-size : 60px;
}
}
@media only screen and (max-width: 544px) {
.slide h2, .typed {
font-size : 60px;
}
}
.slide p {
font-size : 20px;
line-height : 36px;
color : #ffffff;
margin-top : 20px;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.slide p {
overflow : hidden;
}
}
@media only screen and (max-width: 544px) {
.slide p {
overflow : hidden;
}
}
.slide .slide__content--headings .animated {
transition : all 0.5s ease;
}
.slider [data-animation-in] {
opacity : 0;
animation-duration : 1.5s;
transition : opacity 0.5s 0.3s ease;
}
.slick-dots {
position : absolute;
bottom : 0;
list-style : none;
display : inline-block;
text-align : center;
padding : 0;
margin : 0;
left : 0;
z-index : 99;
}
.slider .slick-dots {
bottom : 0;
height : 70px;
width : fit-content;
display : inline-block;
text-align : center;
margin : auto;
}
.slick-dots li {
position : relative;
display : inline-block;
margin : 0 5px;
padding : 0;
cursor : pointer;
height : auto;
}
.slick-dots li button {
position : relative;
padding : 0;
border-radius : 50%;
background-color : rgb(102, 102, 102, 0.2);
font-size : 0;
transition : all 0.3s ease;
cursor : pointer;
display : block;
outline : none;
line-height : 0;
color : transparent;
padding : 5px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
opacity : 1;
outline : none;
}
.slick-dots li.slick-active button {
background-color : #0f253c;
}
.slick-dots li.slick-active button:hover, .slick-dots li.slick-active button:focus {
opacity : 1;
}
.slider .slick-dots {
bottom : 90px;
right : 0;
left : 0;
margin : auto;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.slider .slick-dots {
right : -10px;
}
}
@media only screen and (max-width: 544px) {
.slider .slick-dots {
right : -10px;
}
}
.slider .slick-dots li button {
background-color : rgb(255, 255, 255, 0.7);
}
.slider .slick-dots li.slick-active button {
background-color : #ffffff;
width : 14px;
height : 14px;
}
.slider .slick-dots li.slick-active button:hover, .slider .slick-dots li.slick-active button:focus {
background-color : #ffffff;
}
.slick-arrow {
font-size : 18px;
color : #24b99e;
background : #ffffff;
border-radius : 50%;
position : absolute;
width : 45px;
height : 45px;
display : flex;
align-items : center;
justify-content : center;
bottom : 0;
z-index : 99;
text-align : center;
cursor : pointer;
box-shadow : 0 0 10px rgb(102, 102, 102, 0.2);
transform : scale(-1,1);
}
[dir="rtl"] .slick-arrow, :lang(ar) .slick-arrow {
transform : none;
}
.slick-arrow.prev-arrow {
right : 8%;
left : 0;
margin : auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slick-arrow.prev-arrow {
right : 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slick-arrow.prev-arrow {
right : 20%;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.slick-arrow.prev-arrow {
right : 30%;
}
}
@media only screen and (max-width: 544px) {
.slick-arrow.prev-arrow {
right : 40%;
}
}
.slick-arrow.next-arrow {
right : -8%;
left : 0;
margin : auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slick-arrow.next-arrow {
right : -10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slick-arrow.next-arrow {
right : -20%;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.slick-arrow.next-arrow {
right : -30%;
}
}
@media only screen and (max-width: 544px) {
.slick-arrow.next-arrow {
right : -40%;
}
}
.slick-arrow.slick-disabled {
display : none !important ;
}
.slick-arrow:hover {
background : #24b99e;
color : #ffffff;
}
@keyframes zoomInImage {
from {
transform : scale3d(1,1,1);
}
to {
transform : scale3d(1.1,1.1,1.1);
}
}
.zoomInImage {
animation-name : zoomInImage;
}
@keyframes zoomOutImage {
from {
transform : scale3d(1.1,1.1,1.1);
}
to {
transform : scale3d(1,1,1);
}
}
.zoomOutImage {
animation-name : zoomOutImage;
}
.sidebar {
display : flex;
flex-direction : column;
text-align : center;
justify-content : space-between;
position : absolute;
z-index : 4;
left : 2%;
top : 50px;
height : 100vh;
transition : width 0.3s linear;
transform : translateZ(0) scale(1,1);
z-index : 1000;
padding-top : 55px;
padding-bottom : 80px;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.sidebar {
left : 15px;
}
}
@media only screen and (max-width: 544px) {
.sidebar {
left : 15px;
}
}
.sidebar > .side-list {
display : flex;
height : 100%;
flex-direction : column;
position : relative;
width : 30px;
}
.sidebar > .side-list > li {
display : flex;
align-items : center;
margin-bottom : 5px;
opacity : 0;
width : 30px;
min-height : 40px;
}
.sidebar > .side-list > li a.circle {
display : flex;
flex-direction : column;
width : 30px;
height : 30px;
display : flex;
align-items : center;
justify-content : center;
border-radius : 50%;
transition : all 0.3s ease-in-out;
margin : 5px 0;
}
.sidebar > .side-list > li a.circle img {
width : auto;
}
.sidebar > .side-list > li a.circle svg {
fill : #ffffff;
}
.sidebar > .side-list > li a.circle svg path {
fill : #ffffff;
}
.sidebar > .side-list > li a.circle i {
font-size : 20px;
color : #ffffff;
}
.sidebar > .side-list > li a.circle span {
color : #ffffff;
font-size : 15px;
}
.sidebar > .side-list > li a.circle.circle {
border : #ffffff solid 1px;
}
.sidebar > .side-list > li a.circle.circle i {
font-size : 14px;
}
.sidebar > .side-list > li a.circle:hover {
background : #24b99e;
border : #24b99e solid 1px;
}
.sidebar > .side-list > li a.circle:hover svg {
fill : #24b99e;
}
.sidebar > .side-list > li a.circle:hover svg path {
fill : #24b99e;
}
.sidebar > .side-list > li a.circle:hover span {
color : rgb(255, 255, 255, 0.7);
}
.sidebar > .side-list > li.menu-toggler {
display : none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sidebar > .side-list > li.menu-toggler {
display : block;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sidebar > .side-list > li.menu-toggler {
display : block;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.sidebar > .side-list > li.menu-toggler {
display : block;
}
}
@media only screen and (max-width: 544px) {
.sidebar > .side-list > li.menu-toggler {
display : block;
}
}
.sidebar:hover h4::before {
content : "";
}
[dir="rtl"] .sidebar:hover h4::before, :lang(ar) .sidebar:hover h4::before {
content : "";
}
.hero {
position : relative;
z-index : 1;
height : 100vh;
background : #0f253c;
}
.hero .hero-img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
display : flex;
align-items : center;
justify-content : center;
transition : all 0.3s linear;
overflow : hidden;
}
@media only screen and (min-width: 1200px) {
.hero .hero-img {
height : 100%;
}
}
.hero .hero-img img {
width : 100%;
height : 100vh;
display : block;
margin : auto;
transition : all 0.3s linear;
animation : grow 30000ms ease-in-out infinite;
object-fit : cover;
}
.hero .hero-img::after {
content : "";
position : absolute;
top : 0;
right : 0;
background : rgb(15, 37, 60, 0.8);
width : 100%;
height : 100%;
z-index : 2;
}
.hero.inner {
height : 350px;
z-index : 2;
}
.hero.inner .hero-img {
height : 350px;
overflow : hidden;
}
.hero.inner .hero-img img {
height : 350px;
}
.hero .triengle {
position : absolute;
z-index : 3;
width : 140px;
height : 50px;
border-right : 50px solid transparent;
border-left : 50px solid transparent;
bottom : 70px;
left : 0;
right : 0;
margin : auto;
}
.hero .slider {
position : relative;
z-index : 2;
height : 100vh;
}
.hero .hero-slider-area {
position : relative;
z-index : 2;
max-height : 100vh;
overflow : hidden;
}
.hero .hero-slider-area .container {
position : relative;
}
.hero .hero-slider-area li:after {
position : absolute;
content : "";
top : 0;
right : 0;
background-color : rgb(15, 37, 60, 0.8);
z-index : 2;
width : 100%;
height : 100%;
}
@keyframes grow {
0% {
transform : scale3d(1,1,1);
}
50% {
transform : scale3d(1.3,1.3,1.3);
}
100% {
transform : scale3d(1,1,1);
}
}
main {
position : relative;
width : 100%;
}
main .title {
margin-bottom : 50px;
padding-bottom : 25px;
position : relative;
}
main .title:before {
content : "";
position : absolute;
bottom : 0;
width : 100px;
height : 3px;
background : #ffffff;
}
main .title h2 {
font-size : 50px;
color : #24b99e;
margin-bottom : 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
main .title h2 {
font-size : 34px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
main .title h2 {
font-size : 32px;
}
}
@media only screen and (max-width: 544px) {
main .title h2 {
font-size : 30px;
}
}
main .title p {
color : #ffffff;
font-size : 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
main .title p {
font-size : 20px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
main .title p {
font-size : 18px;
}
}
@media only screen and (max-width: 544px) {
main .title p {
font-size : 16px;
}
}
main .gray {
background-color : #EBEBEB;
}
main .mainBtn {
border-radius : 5px;
color : #24b99e;
margin : 0;
transition : all 0.3s ease-in-out;
display : inline-block;
font-size : 20px;
margin-top : 20px;
}
main .mainBtn:after {
transition : all 0.3s ease-in-out;
position : relative;
left : 0;
top : 3px;
width : 0;
height : 0;
content : "\f078";
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
margin-right : 8px;
}
main .mainBtn:hover {
color : #0f253c;
}
main .mainBtn:hover:after {
color : #0f253c;
}
main .mainBtn.showLess {
display : none;
}
.sectionContent {
padding : 50px 0;
position : relative;
}
.sectors .sector-block {
margin : 30px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sectors .sector-block {
flex : 0 0 33%;
max-width : 33%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sectors .sector-block {
flex : 0 0 50%;
max-width : 50%;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.sectors .sector-block {
flex : 0 0 100%;
max-width : 100%;
}
}
@media only screen and (max-width: 544px) {
.sectors .sector-block {
flex : 0 0 100%;
max-width : 100%;
}
}
.sectors a {
color : #ffffff;
text-align : center;
transition : all 0.3s linear;
display : block;
}
.sectors a .img-container {
background-color : rgb(22, 56, 73, 0.7);
width : 120px;
height : 120px;
display : flex;
align-items : center;
justify-content : center;
margin : auto;
border-radius : 50%;
}
.sectors a img, .sectors a svg {
height : 60px;
display : block;
fill : #ffffff !important ;
}
.sectors a img path, .sectors a svg path {
fill : #ffffff !important ;
}
.sectors a h1 {
font-size : 90px;
}
.sectors a h2 {
font-size : 21px;
line-height : 36px;
font-family : 'DINNextLTArabic-Regular';
}
.sectors a:hover {
color : #24b99e;
transform : scale(1.15);
}
.sectors a:hover img, .sectors a:hover svg {
fill : #24b99e !important ;
}
.sectors a:hover img path, .sectors a:hover svg path {
fill : #24b99e !important ;
}
.projects .projects-container {
background : black;
background : linear-gradient(90deg, rgb(0, 0, 0, 0) 0%, rgb(7, 45, 69, 0.837973) 51%, #0d3c50 100%);
padding : 50px;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.projects .projects-container {
padding : 30px 15px;
}
}
@media only screen and (max-width: 544px) {
.projects .projects-container {
padding : 30px 15px;
}
}
.projects .project {
padding-top : 15px;
padding-bottom : 15px;
transition : all 0.3s linear;
background : transparent;
display : flex;
flex-direction : column;
}
.projects .project:hover {
background : #24b99e;
transform : scale(1.03);
}
.projects .slick-slide > div {
padding : 10px;
background : #ffffff;
}
.projects .slick-dots {
position : absolute;
bottom : 20%;
list-style : none;
display : flex;
text-align : center;
padding : 0;
margin : 0;
right : auto;
left : 0;
z-index : 99;
flex-direction : column;
background : #fff;
padding : 10px 3px;
display : flex;
align-items : center;
justify-content : center;
}
.projects .slick-dots li {
margin : 5px;
}
.projects .slick-dots li button {
width : 5px;
height : 5px;
}
.projects .slick-dots li.slick-active button {
background : #24b99e;
width : 12px;
height : 12px;
}
.projects .project-card {
border : rgb(22, 56, 73, 0.7) solid 3px;
padding : 15px;
text-align : center;
height : calc(100% - 30px);
}
.projects .project-card h4 {
padding : 5px 0;
color : #24b99e;
font-size : 15px;
line-height : 24px;
position : relative;
display : inline-block;
overflow : hidden;
min-height : 130px;
}
.projects .project-card h4 span {
display : block;
color : #12636a;
}
.projects .project-card h4:after {
content : "";
width : 30px;
height : 3px;
background : #24b99e;
position : absolute;
bottom : 0;
left : 0;
}
.projects .project-card img {
display : block;
margin : 15px auto;
}
.projects .project-card label {
font-size : 16px;
color : rgb(102, 102, 102, 0.8);
margin-top : 20px;
}
.projects .project-card h2 {
color : #24b99e;
font-size : 80px;
}
.projects .project-card h2 span {
font-size : 16px;
color : rgb(102, 102, 102, 0.8);
}
.progress {
margin : 15px 0;
height : 10px;
background : rgb(102, 102, 102, 0.3);
}
.progress .progress-bar {
background : #18b19a;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
}
.projects .project-card > div > a {
margin : 15px 0;
font-size : 16px;
color : rgb(102, 102, 102, 0.8);
display : flex;
flex-direction : column;
align-items : flex-end;
position : relative;
margin-left : 10px;
}
.projects .project-card > div > a:after {
transition : all 0.5s ease;
position : absolute;
bottom : 0;
left : 15px;
width : 0;
height : 0;
content : "";
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
font-size : 18px;
color : rgb(102, 102, 102, 0.3);
}
[dir="rtl"] .projects .project-card > div > a:after, :lang(ar) .projects .project-card > div > a:after {
content : "";
}
.projects .project-card > div > a:hover {
color : #24b99e;
margin-left : 5px;
}
.projects .project-card > div > a:hover:after {
left : 10px;
}
.projects .project-title {
display : flex;
align-items : center;
justify-content : center;
flex-direction : column;
padding : 20px 0;
}
.projects .project-title:before {
width : 30px;
height : 15px;
border-bottom : 15px solid #ffffff;
border-left : 15px solid transparent;
border-right : 15px solid transparent;
content : "";
}
.projects .project-title h3 {
font-size : 24px;
color : #ffffff;
margin : 10px 0;
font-family : 'DINNextLTArabic-Regular';
}
.projects .project-title span {
font-size : 24px;
color : #ffffff;
margin : 10px 0;
font-family : 'DINNextLTArabic-Regular';
}
.projects ul li:nth-child(odd) .project-title:before {
position : absolute;
bottom : 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.projects ul li:nth-child(odd) .project-title:before {
top : 15px;
bottom : auto;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.projects ul li:nth-child(odd) .project-title:before {
top : 15px;
bottom : auto;
}
}
@media only screen and (max-width: 544px) {
.projects ul li:nth-child(odd) .project-title:before {
top : 15px;
bottom : auto;
}
}
.projects ul li:nth-child(even) .project-title:before {
position : absolute;
bottom : 15px;
}
.projects .card-block {
text-align : center;
background-color : rgb(22, 56, 73, 0.7);
display : block;
padding : 30px 15px;
transition : all 0.3s linear;
margin-bottom : 30px;
}
.projects .card-block img, .projects .card-block svg {
height : 30px;
}
.projects .card-block p {
color : #ffffff;
font-size : 21px;
height : 225px;
overflow : hidden;
}
.projects .card-block:hover {
transform : scale(1.1);
background-color : #ffffff;
}
.projects .card-block:hover p {
color : #163849;
}
.comments .card-block {
border : #EBEBEB solid 1px;
border-radius : 30px;
padding : 30px 15px;
padding-bottom : 50px;
transition : all 0.3s linear;
position : relative;
margin-bottom : 50px;
height : calc(100% - 50px);
}
.comments .card-block h3 {
color : #24b99e;
padding-bottom : 5px;
font-size : 22px;
overflow : hidden;
}
.comments .card-block label {
color : #EBEBEB;
margin : 10px 0;
}
.comments .card-block span {
color : #EBEBEB;
margin : 10px 0;
}
.comments .card-block p {
color : #ffffff;
line-height : 26px;
overflow : hidden;
}
.comments .card-block a {
background : #18b19a;
background : linear-gradient(209deg, #18b19a 0%, #12636a 40%, #072441 75%);
border-radius : 50%;
width : 75px;
height : 75px;
display : block;
color : #ffffff;
word-break : break-word;
position : absolute;
bottom : -35px;
left : 50px;
display : flex;
align-items : center;
justify-content : center;
transition : all 0.3s linear;
}
.comments .card-block a:hover {
background : linear-gradient(-209deg, #18b19a 0%, #12636a 40%, #072441 75%);
}
.comments .card-block a::before, .comments .card-block a::after {
position : absolute;
vertical-align : middle;
width : 80px;
height : 80px;
border-radius : 5px;
top : -2px;
right : -2px;
z-index : -1;
border-radius : 50%;
}
.comments .card-block a::before {
content : "";
animation : bounce 1.5s infinite;
}
.comments .card-block a::after {
content : "";
animation : bounce 1.5s -0.4s infinite;
}
.comments .card-block a.inprogress::before, .comments .card-block a.inprogress::after {
background : rgb(36, 185, 158, 0.2);
}
.comments .card-block:hover {
transform : scale(1.05);
}
@keyframes bounce {
0% {
transform : scale(1.1);
opacity : 1;
}
100% {
transform : scale(1.7);
opacity : 0;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.newsletter .container {
width : 100%;
padding : 0;
}
}
@media only screen and (max-width: 544px) {
.newsletter .container {
width : 100%;
padding : 0;
}
}
.newsletter-container {
margin-top : 50px;
background : #163849;
}
.newsletter-container .col-lg-10 {
flex : 0 0 100%;
max-width : 100%;
}
.newsletter-container .newsletter-content {
background : #18b19a;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
padding : 100px;
position : relative;
display : flex;
align-items : center;
justify-content : space-between;
flex-wrap : wrap;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.newsletter-container .newsletter-content {
padding : 50px 30px;
border-radius : 0;
}
}
@media only screen and (max-width: 544px) {
.newsletter-container .newsletter-content {
padding : 50px 30px;
border-radius : 0;
}
}
.newsletter-container .newsletter-content .newletter-title {
margin : 15px 0;
}
.newsletter-container .newsletter-content .newletter-title h3 {
color : #ffffff;
font-size : 22px;
margin-bottom : 10px;
}
.newsletter-container .newsletter-content .newletter-title h3 span {
color : #24b99e;
}
.newsletter-container .newsletter-content .newletter-title p {
color : #ffffff;
}
.newsletter-container .newsletter-content .newsletter-form {
min-width : 50%;
margin : 15px 0;
}
.newsletter-container .newsletter-content .newsletter-form .form {
display : flex;
align-items : center;
}
.newsletter-container .newsletter-content .newsletter-form input[type="text"] {
background : transparent;
border : rgb(235, 235, 235, 0.4) solid 2px;
color : #ffffff;
height : 50px;
width : 50%;
width : 100%;
}
.newsletter-container .newsletter-content .newsletter-form ::-webkit-input-placeholder {
color : rgb(235, 235, 235, 0.4) !important ;
}
.newsletter-container .newsletter-content .newsletter-form ::-moz-placeholder {
color : rgb(235, 235, 235, 0.4) !important ;
}
.newsletter-container .newsletter-content .newsletter-form :-ms-input-placeholder {
color : rgb(235, 235, 235, 0.4) !important ;
}
.newsletter-container .newsletter-content .newsletter-form ::-ms-input-placeholder {
color : rgb(235, 235, 235, 0.4) !important ;
}
.newsletter-container .newsletter-content .newsletter-form ::placeholder {
color : rgb(235, 235, 235, 0.4) !important ;
}
.newsletter-container .newsletter-content .newsletter-form button, .newsletter-container .newsletter-content .newsletter-form input[type="submit"] {
background : #ffffff;
padding : 10px 30px;
white-space : nowrap;
height : 50px;
margin-right : 10px;
transition : all 0.3s ease-in-out;
border : none;
}
.newsletter-container .newsletter-content .newsletter-form button:hover, .newsletter-container .newsletter-content .newsletter-form input[type="submit"]:hover {
background : #163849;
color : #ffffff;
}
.tp-parallax-wrap {
right : 0 !important ;
left : 0 !important ;
max-width : 1260px;
margin : auto;
}
.tp-parallax-wrap p {
font-size : 32px !important ;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.tp-parallax-wrap {
padding : 0 60px !important ;
}
.tp-parallax-wrap h3 {
font-size : 56px !important ;
}
.tp-parallax-wrap p {
min-width : 350px !important ;
font-size : 24px !important ;
white-space : normal !important ;
}
}
@media only screen and (max-width: 544px) {
.tp-parallax-wrap {
padding : 0 60px !important ;
}
.tp-parallax-wrap h3 {
font-size : 56px !important ;
}
.tp-parallax-wrap p {
font-size : 20px !important ;
min-width : 350px !important ;
white-space : normal !important ;
}
}
.tp-bullets {
position : absolute;
top : 0 !important ;
bottom : 0 !important ;
margin : auto;
right : 2% !important ;
left : auto !important ;
transform : none !important ;
display : flex;
flex-direction : column;
align-items : center;
flex-direction : column;
justify-content : center;
transform : rotate(-90deg) !important ;
}
.tp-bullets .tp-bullet {
margin : 0 10px;
background : transparent;
border : none;
transition : all 0.3s ease-in-out;
display : flex;
align-items : center;
justify-content : center;
}
.tp-bullets .tp-bullet:before {
content : "";
background : #EBEBEB !important ;
width : 8px !important ;
height : 8px !important ;
border-radius : 50%;
transition : all 0.3s ease-in-out;
position : relative;
top : 10px;
display : block;
border : none !important ;
}
.tp-bullets .tp-bullet.selected, .tp-bullets .tp-bullet:hover {
background : transparent;
border : none;
}
.tp-bullets .tp-bullet.selected:before, .tp-bullets .tp-bullet:hover:before {
background : #ffffff !important ;
width : 12px !important ;
height : 12px !important ;
}
.fadeIn {
animation-name : fadeIn;
animation-duration : 0.3s;
animation-timing-function : ease-in;
animation-fill-mode : forwards;
visibility : visible !important ;
}
@keyframes fadeIn {
0% {
opacity : 0.0;
}
100% {
opacity : 1;
}
}
.toTop {
color : rgb(255, 255, 255, 0.5);
transform : rotate(-90deg);
position : absolute;
bottom : 100px;
right : 0;
transition : all 0.3s ease-in-out;
z-index : 9;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.toTop {
display : none;
}
.toTop.scroll-bottom {
right : -20px;
}
}
@media only screen and (max-width: 544px) {
.toTop {
display : none;
}
.toTop.scroll-bottom {
right : -20px;
}
}
.toTop:before {
transition : all 0.3s ease-in-out;
position : relative;
left : 0;
top : 3px;
width : 0;
height : 0;
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
margin-left : 8px;
margin-bottom : 8px;
transform : rotate(-90deg);
}
.toTop.scroll-top {
bottom : 150px;
}
.toTop.scroll-top:before {
color : #ffffff;
content : "\f30b";
}
.scroll-top.toTop span {
color : #ffffff;
}
.toTop.scroll-bottom:before {
color : #ffffff;
content : "\f30a";
}
.scroll-bottom.toTop span {
color : #ffffff;
}
.toTop span:hover {
color : #24b99e;
}
.stacktable {
width : 100%;
}
.st-head-row {
padding-top : 1em;
}
.st-head-row.st-head-row-main {
font-size : 1.5em;
padding-top : 0;
}
.st-key {
width : 49%;
text-align : left;
padding-left : 1%;
}
.st-val {
width : 49%;
padding-right : 1%;
}
.stacktable.large-only {
display : table;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.stacktable.large-only {
display : none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.stacktable.large-only {
display : none;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.stacktable.large-only {
display : none;
}
}
@media only screen and (max-width: 544px) {
.stacktable.large-only {
display : none;
}
}
.stacktable.small-only {
display : none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.stacktable.small-only {
display : table;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.stacktable.small-only {
display : table;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.stacktable.small-only {
display : table;
}
}
@media only screen and (max-width: 544px) {
.stacktable.small-only {
display : table;
}
}
.typed-cursor {
color : #24b99e;
font-size : 80px;
}
.breadcrumbs {
background : rgb(255, 255, 255, 0.05);
padding : 20px 10px;
position : absolute;
width : 100%;
z-index : 9;
bottom : 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumbs {
margin-left : 15px;
margin-right : 15px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.breadcrumbs {
margin-left : 15px;
margin-right : 15px;
}
}
@media only screen and (max-width: 544px) {
.breadcrumbs {
margin-left : 15px;
margin-right : 15px;
}
}
.breadcrumbs .bread-content {
display : flex;
justify-content : space-between;
align-items : center;
width : 100%;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.breadcrumbs .bread-content {
flex-direction : column;
}
}
@media only screen and (max-width: 544px) {
.breadcrumbs .bread-content {
flex-direction : column;
}
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode {
display : flex;
flex-wrap : wrap;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode span {
display : none;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode a.ms-breadcrumbRootNode {
display : inline-block;
display : inline-flex;
position : relative;
margin-left : 8px;
color : #ffffff;
font-size : 16px;
transition : all 0.2s ease-in-out;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode a.ms-breadcrumbRootNode::after {
display : inline-block;
position : relative;
left : 0;
width : 0;
height : 0;
vertical-align : 0;
content : "";
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
color : #ffffff;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
margin-right : 10px;
font-size : 16px;
color : #ffffff;
}
[dir="rtl"] .breadcrumbs .bread-content .ms-breadcrumbRootNode a.ms-breadcrumbRootNode::after, :lang(ar) .breadcrumbs .bread-content .ms-breadcrumbRootNode a.ms-breadcrumbRootNode::after {
content : "";
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode a.ms-breadcrumbRootNode:hover {
color : #24b99e;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode {
display : inline-block;
position : relative;
align-items : center;
flex-wrap : wrap;
justify-content : center;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a {
transition : all 0.2s ease-in-out;
color : #ffffff;
font-size : 16px;
margin-left : 8px;
margin-right : 8px;
text-overflow : ellipsis;
vertical-align : middle;
word-break : break-word;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a {
font-size : 14px;
display : flex;
white-space : nowrap;
}
}
@media only screen and (max-width: 544px) {
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a {
font-size : 13px;
display : flex;
white-space : nowrap;
}
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a:hover, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a:hover {
color : #24b99e;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a::after, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a::after {
display : inline-block;
position : relative;
left : 0;
width : 0;
height : 0;
vertical-align : 0;
content : "";
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
color : #ffffff;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
margin-right : 10px;
font-size : 16px;
}
[dir="rtl"] .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a::after, :lang(ar) .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a::after, [dir="rtl"] .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a::after, :lang(ar) .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a::after {
content : "";
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a.ms-breadcrumbCurrentNode, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a.ms-breadcrumbCurrentNode {
color : #24b99e;
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a.ms-breadcrumbCurrentNode::after, .breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode a.ms-breadcrumbCurrentNode::after {
display : none;
}
.siteIcons ul {
display : flex;
align-items : center;
justify-content : flex-end;
position : relative;
}
.siteIcons ul li {
list-style-type : none;
margin-right : 15px;
}
.siteIcons ul li a {
font-size : 16px;
color : #ffffff;
transition : all 0.3s linear;
}
.siteIcons ul li a:hover {
opacity : 0.6;
}
.siteIconContent ul li a {
color : #24b99e;
}
.list_share {
display : flex;
justify-content : center;
flex-direction : column-reverse;
}
.list_share > a {
align-self : center;
}
.list_share > a ~ ul {
display : flex;
position : absolute;
background : #fff;
padding : 0;
top : 32px;
right : 60px;
justify-content : space-between;
border-radius : 5px;
box-shadow : 0 0 9px 1px rgb(0, 0, 0, 0.3);
transform : scaleX(0);
transition : all 0.2s linear;
}
.siteIconContent .list_share > a ~ ul {
top : 45px;
}
.list_share > a ~ ul:before {
border-bottom : 8px solid #fff;
border-left : 8px solid transparent;
border-right : 8px solid transparent;
top : -8px;
content : '';
display : block;
right : 50%;
margin-right : -8px;
position : absolute;
}
.list_share > a ~ ul li {
margin : 5px;
}
.list_share > a ~ ul li {
margin : 8px 10px !important ;
opacity : 0;
transform : scale(0);
transition : all 0.2s 0.2s linear;
}
.list_share > a ~ ul li a {
font-size : 18px !important ;
color : #0f253c;
}
.list_share:hover > ul li {
opacity : 1;
transform : scale(1);
}
.list_share:hover > ul {
opacity : 1;
transform : scaleX(1);
}
.breadcrumbs .bread-content .ms-breadcrumbRootNode li.ms-breadcrumbNode a {
color : #ffffff;
}
ul.ms-breadcrumbRootNode, ul.ms-breadcrumbNode {
margin : 0;
}
.page-container {
padding : 30px 0;
padding-bottom : 100px;
position : relative;
}
.page-container:before {
background : black;
background : linear-gradient(-90deg, rgb(0, 0, 0, 0) 0%, rgb(7, 45, 69, 0.837973) 51%, #0d3c50 100%);
content : "";
position : absolute;
z-index : 1;
top : 0;
right : 0;
width : 80%;
height : 100%;
}
.page-container > .container {
position : relative;
z-index : 2;
}
.page-container .message, .noresult {
position : relative;
padding : 0.75rem 1.25rem;
margin-bottom : 1rem;
border : transparent solid 1px;
border-radius : 0.25rem;
font-size : 18px;
text-align : center;
}
.noresult {
width : 100%;
}
.page-container .message.message_g {
color : #155724;
background-color : #d4edda;
border-color : #c3e6cb;
}
.page-container .message.message_Error {
color : #155724;
background-color : #eda6a6;
}
.page-container .message.message_y {
color : #856404;
background-color : #fff3cd;
border-color : #ffeeba;
}
.page-container .message.message_b {
color : #0c5460;
background-color : #d1ecf1;
border-color : #bee5eb;
}
.page-container .message.message_r, .noresult {
color : #721c24;
background-color : #f8d7da;
border-color : #f5c6cb;
}
.page-container .validation-message {
color : red;
margin-top : 5px;
font-size : 13px;
}
.page-title {
margin : 20px 0;
max-width : 90%;
}
.page-title h1 {
color : #ffffff;
font-size : 42px;
font-family : 'DINNextLTArabic-Regular';
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.page-title h1 {
font-size : 32px;
}
}
@media only screen and (max-width: 544px) {
.page-title h1 {
font-size : 30px;
}
}
.page-title h1 svg, .page-title h1 img {
margin-left : 10px;
}
.page-content {
padding : 30px;
margin-top : 30px;
background : #ffffff;
min-height : 500px;
}
.projects-list {
padding : 0 30px;
}
@media only screen and (max-width: 544px) {
.projects-list {
padding : 0;
}
}
.browse-projects h4 {
color : #02b099;
font-size : 20px;
}
.browse-projects .bordered-left h4 {
color : #fff;
font-size : 20px;
}
.browse-projects h4 i {
margin-left : 5px;
}
.browse-projects select {
width : 250px;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.browse-projects select {
width : 100%;
}
}
@media only screen and (max-width: 544px) {
.browse-projects select {
width : 100%;
}
}
.browse-projects .projects > ul > li {
display : none;
}
.browse-projects .projects .project-card {
margin : 15px 0;
}
.browse-projects .projects .project-card .share {
display : block;
color : #24b99e;
}
.browse-projects .projects .project-card .share i {
margin-right : 5px;
}
.browse-projects .projects .project-card .share:after {
display : none;
}
.browse-projects .projects .project-card .share:hover {
color : #0f253c;
}
.projects .project-card {
margin : 15px 0;
}
.share {
display : block;
color : #24b99e;
}
.share i {
margin-right : 5px;
}
.share:after {
display : none;
}
.share:hover {
color : #0f253c;
}
.browse h5 {
font-size : 18px;
color : #0f253c;
}
.browse p {
color : #666666;
font-size : 16px;
line-height : 26px;
}
.page-content ol {
color : #666666;
font-size : 16px;
line-height : 26px;
}
.page-content ol li {
list-style-position : outside;
list-style-type : decimal;
margin-right : 20px;
}
.bordered {
border : rgb(102, 102, 102, 0.2) solid 1px;
padding : 30px;
height : 100%;
}
.bordered-left {
background : linear-gradient(to bottom left, #18b19a 0%, #12636a 50%, #072441 100%);
}
.comment-block.comment-page.pageItem.page-item-container ul li {
list-style-type : unset;
margin : 10px 50px 0 0;
font-size : 18px;
color : #000;
}
.comments-title {
color : #666666;
font-size : 18px;
margin : 20px;
font-weight : bold;
position : relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.comments-title {
margin : 20px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.comments-title {
margin : 20px;
}
}
@media only screen and (max-width: 544px) {
.comments-title {
margin : 20px;
}
}
.comments-title:hover {
color : #0f253c;
}
.comments-title .badge {
background : rgb(36, 185, 158, 0.3);
margin-right : 7px;
}
.comments-title:after {
content : "\f104";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 18px;
width : 30px;
min-width : 30px;
height : 30px;
line-height : 30px;
border-radius : 50%;
text-align : center;
color : #ffffff;
transition : all 0.3s linear;
background : #24b99e;
}
.comments-title:after:hover {
color : #0f253c;
}
.comments-title.expanded:after {
background : #666666;
content : "\f107";
}
.comment-title a {
color : #fff;
font-size : 16px;
background-color : #24b99e;
padding : 3px 8px 8px 13px;
border-radius : 50px;
border : #24b99e solid 1px;
}
.comment-title a i {
margin-right : 7px;
}
.comment-title a:hover {
color : #24b99e;
background-color : #fff;
border : #24b99e solid 1px;
}
.item-comments {
color : #666666;
font-size : 18px;
margin-top : 15px;
background : rgb(235, 235, 235, 0.5);
padding : 15px;
font-weight : bold;
position : relative;
display : block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.item-comments {
margin : 20px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.item-comments {
margin : 20px;
}
}
@media only screen and (max-width: 544px) {
.item-comments {
margin : 20px;
}
}
.item-comments:hover {
color : #0f253c;
}
.item-comments .badge {
background : rgb(36, 185, 158, 0.3);
margin-right : 7px;
}
.item-comments:after {
content : "\f104";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 16px;
width : 25px;
min-width : 25px;
height : 25px;
line-height : 25px;
border-radius : 50%;
text-align : center;
color : #ffffff;
transition : all 0.3s linear;
background : #24b99e;
}
.item-comments:after:hover {
color : #0f253c;
}
.item-comments.expanded:after {
background : #666666;
content : "\f107";
}
.subcomment {
background : rgb(102, 102, 102, 0.05);
padding : 30px;
margin : 15px 0;
}
.subcomment .avatar {
display : flex;
align-items : center;
}
.subcomment .avatar .avatar-ico {
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, rgb(18, 99, 106, 0.7) 50%, rgb(7, 36, 65, 0.7) 100%);
width : 30px;
height : 30px;
border-radius : 50%;
color : #ffffff;
display : flex;
align-items : center;
justify-content : center;
margin-left : 10px;
}
.subcomment h6 {
font-size : 16px;
color : #666666;
}
.subcomment p {
font-size : 16px;
margin : 25px;
margin-bottom : 0;
}
.subcomment a {
color : #666666;
margin-right : 15px;
font-size : 16px;
}
.subcomment a img {
margin-left : 5px;
height : 16px !important ;
width : 16px !important ;
}
.subcomment .btn-default {
margin-right : 10px;
}
.login .hero {
height : 100%;
}
.login .hero .hero-img {
height : 100%;
}
.login .hero .hero-img img {
height : 100%;
}
.login p {
font-size : 16px;
}
.login p a {
color : #24b99e;
font-weight : bold;
}
.login p a:hover {
color : #0f253c;
}
.login .forget:hover {
color : #24b99e;
}
.attachments ul {
display : flex;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.attachments ul {
flex-wrap : wrap;
}
}
@media only screen and (max-width: 544px) {
.attachments ul {
flex-wrap : wrap;
}
}
.attachments ul li {
margin-left : 10px;
}
.attachments ul li a {
width : 100%;
background : #f2f2f2;
padding : 10px;
font-size : 16px;
border : #f2f2f2 solid 1px;
border-radius : 0.25rem;
color : #0f253c;
margin : 0;
display : inline-block;
}
.attachments ul li a:before {
transition : all 0.3s ease-in-out;
position : relative;
font-size : 12px;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
margin-left : 10px;
content : "\f381";
color : #fff;
background : linear-gradient(to bottom right, #18b19a 0%, #12636a 50%, #072441 100%);
padding : 5px;
border-radius : 100px;
height : 25px;
width : 25px;
display : inline-block;
padding : 4px;
}
.attachments ul li a:hover {
color : #18b19a;
}
.form-group {
position : relative;
}
.form-group a {
color : #0f253c;
font-weight : bold;
margin-right : 10px;
}
.form-group a:hover {
color : #24b99e;
}
textarea {
margin-bottom : 10px;
}
.invalid-tooltip {
width : calc(100% - 30px);
}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid {
padding-left : calc(1.5em + 0.75rem);
background-position : center left calc(0.375em + 0.1875rem);
padding-right : 0.75rem;
}
.form-control.is-valid, .was-validated .form-control:valid {
background-image : none;
}
.form-row .datepicker {
display : flex;
position : relative;
}
.form-row .datepicker i {
position : absolute;
top : 0;
bottom : 0;
margin : 13px auto;
left : 15px;
font-size : 17px;
color : #24b99e;
}
.form-row .datepicker .invalid-tooltip {
width : 100%;
}
.form-row .datepicker .form-control {
background-image : none;
}
.control-label, .form-group span {
font-size : 16px;
margin-bottom : 10px;
color : #0f253c;
display : block;
}
.control-label .astrisk, .form-group span .astrisk {
color : red;
}
.form-control {
background-color : #ffffff;
border : rgb(102, 102, 102, 0.2) solid 1px;
min-height : 45px;
color : #666666;
}
.form-control:-moz-placeholder {
color : rgb(102, 102, 102, 0.3) !important ;
}
.form-control::-webkit-input-placeholder {
color : rgb(102, 102, 102, 0.3) !important ;
}
select.form-control {
appearance : none;
border : rgb(102, 102, 102, 0.2) solid 1px;
min-height : 45px;
outline : 0;
min-width : 70px;
position : relative;
display : block;
padding-left : 25px;
}
.select2 {
width : 100% !important ;
}
.select2-container .select2-selection--single {
appearance : none;
border : rgb(102, 102, 102, 0.2) solid 1px;
min-height : 45px;
outline : 0;
min-width : 70px;
position : relative;
display : block;
background : #ffffff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
line-height : 45px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
top : 8px;
left : 8px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
border-width : 8px 7px 0 7px;
border-color : #24b99e transparent transparent transparent;
}
.select2-container .select2-selection--single.select2-container--open .select2-selection__arrow {
top : 8px;
left : 8px;
}
.select2-container .select2-selection--single.select2-container--open .select2-selection__arrow b {
border-color : transparent transparent #24b99e transparent;
border-width : 0 7px 8px 7px;
}
.file {
overflow : hidden;
position : relative;
}
.btn {
padding : 10px 40px;
border : #24b99e solid 1px;
height : 45px;
transition : all 0.2s ease-in;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.btn {
padding : 10px 30px;
}
}
@media only screen and (max-width: 544px) {
.btn {
padding : 10px 20px;
}
}
.btn i {
vertical-align : middle;
margin-left : 5px;
}
.btn input {
position : absolute;
font-size : 50px;
opacity : 0;
left : 0;
top : 0;
cursor : pointer;
}
.btn.btn-danger, .btn.btn-default {
background-color : #ffffff;
color : #24b99e;
border-color : #24b99e;
}
.btn.btn-danger:hover, .btn.btn-default:hover {
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
color : #ffffff;
}
.btn.btn-primary {
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
transition : all 0.3s ease-in-out;
color : #ffffff !important ;
}
.btn.btn-primary:hover {
background : #18b19a;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
}
.checkboxes {
display : flex;
flex-wrap : wrap;
}
.checkboxes p {
margin-top : 15px;
margin-bottom : 15px;
flex : 0 1 33%;
font-size : 16px;
white-space : nowrap;
}
.checkboxes [type="checkbox"]:checked, .checkboxes [type="checkbox"]:not(:checked) {
position : absolute;
right : -9999px;
}
.checkboxes [type="checkbox"]:checked + label, .checkboxes [type="checkbox"]:not(:checked) + label {
position : relative;
padding-right : 30px;
cursor : pointer;
line-height : 22px;
vertical-align : middle;
display : inline-block;
color : #666666;
}
.checkboxes [type="checkbox"]:checked + label:before, .checkboxes [type="checkbox"]:not(:checked) + label:before {
content : '';
position : absolute;
right : 0;
top : 0;
width : 22px;
height : 22px;
border-radius : 5px;
background-color : #ffffff;
border : rgb(102, 102, 102, 0.2) solid 2px;
}
.checkboxes [type="checkbox"]:checked + label:before {
border : #24b99e solid 2px;
}
.checkboxes [type="checkbox"]:checked + label:after, .checkboxes [type="checkbox"]:not(:checked) + label:after {
content : '';
width : 16px;
height : 16px;
background : #24b99e;
position : absolute;
top : 3px;
right : 3px;
transition : all 0.2s ease;
border-radius : 5px;
}
.checkboxes [type="checkbox"]:not(:checked) + label:after {
opacity : 0;
transform : scale(0);
}
.checkboxes [type="checkbox"]:checked + label:after {
opacity : 1;
transform : scale(1);
}
.or {
display : flex;
justify-content : center;
align-items : center;
position : relative;
margin : 20px 0;
}
.or span {
display : inline-flex;
justify-content : center;
align-items : center;
position : relative;
position : relative;
z-index : 2;
color : #666666;
font-weight : bold;
background : #EBEBEB;
font-size : 14px;
width : 35px;
height : 35px;
border-radius : 50%;
font-size : 16px;
}
.or:before {
content : "";
position : absolute;
width : 100%;
height : 2px;
z-index : 1;
left : 0;
right : 0;
background : rgb(102, 102, 102, 0.2);
}
.radiobtn-list td input[type="radio"], .checkbox-list td input[type="checkbox"] {
opacity : 0;
position : absolute;
}
.radiobtn-list td input[type="radio"], .checkbox-list td input[type="checkbox"], .radiobtn-list td label, .checkbox-list td label {
display : inline-block;
vertical-align : middle;
margin : 5px;
cursor : pointer;
}
.checkbox-list td label, .checkbox-list td label {
position : relative;
}
.radiobtn-list td input[type="radio"] + label:before, .checkbox-list td input[type="checkbox"] + label:before {
content : '';
background : #ffffff;
border : #24b99e solid 2px;
display : inline-block;
vertical-align : middle;
width : 20px;
height : 20px;
padding : 2px;
text-align : center;
margin-left : 10px;
}
.checkbox-list td input[type="checkbox"]:checked + label:before {
background : #24b99e;
box-shadow : 0 0 0 4px #ffffff inset;
}
.radiobtn-list td input[type="radio"] + label:before {
border-radius : 50%;
}
.radiobtn-list td input[type="radio"]:checked + label:before {
background : #24b99e;
box-shadow : 0 0 0 4px #ffffff inset;
}
.checkbox-list td input[type="checkbox"]:focus + label, .radiobtn-list td input[type="radio"]:focus + label {
outline : 1px solid #EBEBEB;
}
.checkbox-list td .re-count {
vertical-align : middle;
}
.table, .grid {
position : relative;
margin-top : 5px;
}
.table thead, .grid thead {
background : #24b99e;
}
.table thead th, .grid thead th {
padding : 25px 15px;
color : #ffffff;
}
.table tbody tr:nth-of-type(odd), .grid tbody tr:nth-of-type(odd) {
background : #EBEBEB;
}
.table tbody td, .table tbody th, .grid tbody td, .grid tbody th {
padding : 20px 15px;
color : #666666;
}
.table tr th, .table tr td, .grid tr th, .grid tr td {
border-top : none;
min-width : 100px;
font-size : 14px;
vertical-align : middle;
overflow-wrap : break-word;
max-width : 650px;
}
.table tr th select, .table tr td select, .grid tr th select, .grid tr td select {
min-width : 120px;
}
.table tr th a, .table tr td a, .grid tr th a, .grid tr td a {
color : #24b99e;
}
.table tr th a:hover, .table tr td a:hover, .grid tr th a:hover, .grid tr td a:hover {
opacity : 0.8;
text-decoration : underline;
}
.table tr th:first-child, .table tr td:first-child, .grid tr th:first-child, .grid tr td:first-child {
min-width : fit-content;
text-align : center;
}
.table tr th:last-child, .table tr td:last-child, .grid tr th:last-child, .grid tr td:last-child {
text-align : center;
min-width : fit-content;
}
.table tr th:last-child a, .table tr td:last-child a, .grid tr th:last-child a, .grid tr td:last-child a {
color : #666666;
display : inline-block;
margin : 0 3px;
transition : all 0.2s ease-in;
padding : 5px 0 0 0;
}
.table tr th:last-child a i, .table tr td:last-child a i, .grid tr th:last-child a i, .grid tr td:last-child a i {
font-size : 18px;
}
.table tr th:last-child a svg, .table tr td:last-child a svg, .grid tr th:last-child a svg, .grid tr td:last-child a svg {
fill : #666666;
transition : all 0.2s ease-in;
}
.table tr th:last-child a:hover, .table tr td:last-child a:hover, .grid tr th:last-child a:hover, .grid tr td:last-child a:hover {
opacity : 0.8;
text-decoration : none;
}
.table tr th:last-child a:hover svg, .table tr td:last-child a:hover svg, .grid tr th:last-child a:hover svg, .grid tr td:last-child a:hover svg {
fill : #24b99e;
}
.table tr th:last-child a.add, .table tr td:last-child a.add, .grid tr th:last-child a.add, .grid tr td:last-child a.add {
color : #24b99e;
}
.table input[type="image"], .grid input[type="image"] {
width : 25px;
outline : none;
}
.grid {
border : #EBEBEB solid 1px;
}
.grid tbody tr:first-child {
background : #24b99e;
}
.grid tbody tr:first-child td, .grid tbody tr:first-child th {
padding : 25px 15px;
color : #ffffff;
}
.table_head {
background : #24b99e;
padding : 15px 0;
}
.table_head .form-inline {
justify-content : flex-end;
}
.table_head .col:first-child a {
padding : 14px;
display : inline-block;
color : #666666;
font-size : 13px;
}
.table_head .col:first-child a i {
color : #24b99e;
font-size : 16px;
vertical-align : -2px;
margin-left : 5px;
}
.table_head .col:last-child a {
color : #666666;
padding-left : 10px;
}
.table_head .form-inline label {
border-right : 1px solid #24b99e;
padding-right : 10px;
}
.table_head .form-inline span {
padding-right : 10px;
padding-left : 10px;
}
.nav-tabs {
background : rgb(235, 235, 235, 0.5);
border-bottom : none;
}
.nav-tabs li a.nav-link {
padding : 20px;
color : #666666;
font-size : 18px;
font-weight : bold;
border : none;
}
.nav-tabs li a.nav-link:hover, .nav-tabs li a.nav-link.active, .nav-tabs li a.nav-link:active {
color : #24b99e;
background : transparent;
border : none;
}
.pagination, #Paging {
margin : 30px 0 20px;
display : flex;
align-items : center;
justify-content : center;
}
.pagination li, #Paging li {
margin : 0 5px;
}
.pagination li:last-child, #Paging li:last-child {
border : none;
}
.pagination li a, #Paging li a {
min-width : 40px;
height : 40px;
line-height : 40px;
display : flex;
align-items : center;
justify-content : center;
position : relative;
text-align : center;
cursor : pointer;
border : #24b99e solid 2px;
color : #666666;
background : #ffffff;
font-weight : bold;
outline : none;
padding : 15px;
box-shadow : 0 2px 10px rgb(102, 102, 102, 0.2);
}
.pagination li.disabled a, #Paging li.disabled a {
cursor : default;
background : rgb(102, 102, 102, 0.05);
}
.pagination li a#PageLinkPrev, #Paging li a#PageLinkPrev, .pagination li a#PageLinkNext, #Paging li a#PageLinkNext {
min-width : 70px;
}
.pagination li a#PageLinkPrev:after, #Paging li a#PageLinkPrev:after {
content : 'السابق';
position : relative;
content : "Prev";
}
[dir="rtl"] .pagination li a#PageLinkPrev:after, :lang(ar) .pagination li a#PageLinkPrev:after, [dir="rtl"] #Paging li a#PageLinkPrev:after, :lang(ar) #Paging li a#PageLinkPrev:after {
content : "السابق";
}
.pagination li a#PageLinkNext:after, #Paging li a#PageLinkNext:after {
content : 'التالي';
position : relative;
content : "Next";
}
[dir="rtl"] .pagination li a#PageLinkNext:after, :lang(ar) .pagination li a#PageLinkNext:after, [dir="rtl"] #Paging li a#PageLinkNext:after, :lang(ar) #Paging li a#PageLinkNext:after {
content : "التالي";
}
.pagination li a .ms-promlink-button-image, #Paging li a .ms-promlink-button-image {
display : none;
}
.pagination li.current a, .pagination li:hover a, #Paging li#PagingSelf a, #Paging li:hover a {
background-color : #24b99e !important ;
background-image : none;
color : #fff !important ;
}
.pagination li.disabled:hover a, #Paging li.disabled a:hover, .pagination li.disabled:hover a, #Paging li#PagingSelf.disabled a, #Paging li.disabled:hover a {
background : rgb(43, 58, 83, 0.1) !important ;
color : #2b3a53 !important ;
}
.faq {
padding : 0 30px;
padding-bottom : 30px;
}
.faq .card {
border : 0;
border-radius : 0;
}
.faq .card .card-header {
border : 0;
padding : 0;
outline : none;
background : transparent;
margin : 0;
}
.faq .card .card-header .btn-header-link {
color : #24b99e;
display : block;
text-align : right;
padding : 30px 0;
outline : none;
font-size : 18px;
display : flex;
font-family : 'DINNextLTW23-Bold';
align-items : center;
justify-content : space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq .card .card-header .btn-header-link {
font-size : 18px;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.faq .card .card-header .btn-header-link {
font-size : 16px;
}
}
@media only screen and (max-width: 544px) {
.faq .card .card-header .btn-header-link {
font-size : 14px;
}
}
.faq .card .card-header .btn-header-link:after {
content : "\f107";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 22px;
background : #666666;
width : 35px;
min-width : 35px;
height : 35px;
line-height : 35px;
border-radius : 50%;
text-align : center;
color : #ffffff;
}
.faq .card .card-header .btn-header-link.collapsed {
color : #333E4B;
transition : all 0.3s linear;
border-bottom : 1px solid #EBEBEB;
}
.faq .card .card-header .btn-header-link.collapsed:hover {
color : #0f253c;
}
.faq .card:last-of-type .card-header .btn-header-link {
border-bottom : none;
}
.faq .card .card-header .btn-header-link.collapsed:after {
content : "\f104";
background : #24b99e;
}
.faq .card .collapsing {
line-height : 30px;
}
.faq .card .collapse {
border : 0;
}
.faq .card .collapse.show {
line-height : 30px;
color : #666666;
}
.faq .card-body {
padding : 2rem 1.25rem;
background : #EBEBEB;
}
.faq .card-body .form-group label {
font-size : 16px;
color : #666666;
display : block;
}
.faq .card-body .form-group span {
font-size : 16px;
color : rgb(102, 102, 102, 0.4);
display : block;
}
.faq .card-body p {
font-size : 16px;
}
.faq .card-body strong {
font-weight : bolder;
font-size : 18px;
}
.faq .card-body > ul li {
position : relative;
font-size : 16px;
padding : 5px 15px;
color : #666;
}
.faq .card-body > ul li::before {
content : '';
position : absolute;
vertical-align : middle;
width : 7px;
height : 7px;
background : #24b99e;
right : 0;
top : 0;
bottom : 0;
margin : auto;
border-radius : 50%;
}
footer {
margin-top : 50px;
position : relative;
background : #0f253c;
}
footer .footer-logo {
display : flex;
align-items : center;
margin-bottom : 20px;
}
footer .footer-logo.ncc {
flex-direction : column;
align-items : flex-start;
}
footer .footer-logo span {
color : #ffffff;
margin-bottom : 10px;
}
footer .footer-logo .line-separator {
height : 52px;
width : 2px;
margin : 0 15px;
background-color : #ffffff;
}
footer .footer-logo img {
width : auto;
}
footer .footer-block {
padding : 50px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
footer .footer-block {
padding : 20px 0 0 0;
}
.footer-block02 {
padding : 0 40px 0 0 !important ;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .footer-block {
padding : 20px 0 0 0;
}
.footer-block02 {
padding : 0 40px 0 0 !important ;
}
}
@media only screen and (max-width: 544px) {
footer .footer-block {
padding : 20px 0 0 0;
}
.footer-block02 {
padding : 0 40px 0 0 !important ;
}
}
footer .footer-block ul {
margin-bottom : 0;
display : flex;
justify-content : space-between;
flex-wrap : wrap;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .footer-block ul {
flex-direction : column;
}
}
@media only screen and (max-width: 544px) {
footer .footer-block ul {
flex-direction : column;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
footer .footer-block ul.contact-info {
flex-direction : row;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .footer-block ul.contact-info {
flex-direction : row;
}
}
@media only screen and (max-width: 544px) {
footer .footer-block ul.contact-info {
flex-direction : row;
}
}
footer .footer-block ul.contact-info li {
margin-left : 20px;
}
footer .footer-block ul li {
list-style-type : none;
margin-bottom : 15px;
flex : 0 0 22%;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .footer-block ul li {
flex : 0 0 100%;
}
}
@media only screen and (max-width: 544px) {
footer .footer-block ul li {
flex : 0 0 100%;
}
}
footer .footer-block ul li a {
color : #FFFF;
line-height : 28px;
font-size : 16px;
position : relative;
transition : all 0.3s ease-out;
text-decoration : none;
}
footer .footer-block ul li a i {
font-size : 20px;
color : #24b99e;
margin-right : 10px;
vertical-align : middle;
}
footer .footer-block ul li a:hover {
color : #24b99e;
}
footer .copyrights {
background : linear-gradient(360deg, #14807c 0%, #163748 88%, #163748 100%);
margin-top : 20px;
padding : 25px 0;
border : rgb(255, 255, 255, 0.1) solid 0;
}
footer .copyright-content {
padding : 0 0 15px;
display : flex;
align-items : center;
justify-content : space-between;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .copyright-content {
align-items : center;
justify-content : center;
flex-direction : column;
}
}
@media only screen and (max-width: 544px) {
footer .copyright-content {
align-items : center;
justify-content : center;
flex-direction : column;
}
}
footer .copyright-content ul {
display : flex;
align-items : center;
flex-wrap : wrap;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .copyright-content ul {
justify-content : center;
}
}
@media only screen and (max-width: 544px) {
footer .copyright-content ul {
justify-content : center;
}
}
footer .copyright-content ul li {
display : inline-block;
padding : 0 15px;
position : relative;
list-style-type : none;
}
footer .copyright-content ul li a {
color : #ffffff;
font-weight : 400;
position : relative;
transition : all 0.2s ease-in;
text-decoration : none;
position : relative;
}
@media only screen and (max-width: 544px) {
footer .copyright-content ul li a {
text-align : center;
font-size : 13px;
}
}
footer .copyright-content ul li a:hover {
color : #24b99e;
}
footer .copyright-content ul li:last-child {
padding-left : 0;
}
footer .copyright-content ul li:last-child::after {
display : none;
}
footer .copyright-content p {
color : #ffffff;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .copyright-content p {
text-align : center;
}
}
@media only screen and (max-width: 544px) {
footer .copyright-content p {
text-align : center;
font-size : 16px;
}
}
.projects .project-card img {
max-width : 90%;
height : 90px;
}
body.ribbon_mode header {
top : 86px;
}
body.ribbon_mode .sidebar {
top : 100px;
}
body.edit_mode header {
top : 160px;
}
.validation-error {
color : #ffffff;
margin-top : 5px;
}
.message {
margin-top : 5px;
}
.message.message_g {
color : #ffffff;
}
.message.message_r {
color : #ffffff;
}
.ms-rtestate-field p, p.ms-rteElement-P {
font-size : 17px;
line-height : 2em;
}
.ms-breadcrumb > li > a {
display : none !important ;
}
.ms-breadcrumb {
padding-right : 0;
}
#s4-ribbonrow {
z-index : 9999;
}
#projectComments {
padding : 20px;
padding-top : 0;
}
.add-comment i {
margin-left : 7px;
}
.reply_comment_btn {
max-width : 200px;
}
.ms-webpartzone-cell {
margin : 0;
}
.active_true {
color : #666666;
cursor : pointer;
}
.active_true i {
color : red;
font-size : 16px;
margin-left : 4px;
}
.active_false {
color : #666666;
cursor : pointer;
}
.active_false i {
color : green;
font-size : 16px;
}
.active_True {
color : #666666;
cursor : pointer;
}
.active_True i {
color : red;
font-size : 16px;
margin-left : 4px;
}
.active_False {
color : #666666;
cursor : pointer;
}
.active_False i {
color : green;
font-size : 16px;
}
.active_True {
color : #666666;
cursor : pointer;
}
.active_True i {
color : red;
font-size : 16px;
margin-left : 4px;
}
.active_False {
color : #666666;
cursor : pointer;
}
.active_False i {
color : green;
font-size : 16px;
}
.active_False .far.fa-times-circle::before {
content : "\f058";
}
.addReplay-container {
display : flex;
justify-content : flex-end;
}
.group-item {
position : relative;
}
.group-item h2 {
color : #24b99e;
font-size : 22px;
margin-top : 25px;
margin-bottom : 20px;
padding-bottom : 20px;
}
.group-item h2:after {
content : "";
position : absolute;
bottom : 0;
width : 50px;
height : 5px;
border-radius : 5px;
right : 0;
background : #24b99e;
}
input[type="button"], input[type="reset"], input[type="submit"], button {
font-family : 'DINNextLTArabic-Regular';
font-size : 16px;
}
.formControlTd input[type="submit"] {
padding : 10px 40px;
border : #24b99e solid 1px;
border-radius : 5px;
margin-top : 20px;
height : 45px;
transition : all 0.2s ease-in;
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
transition : all 0.3s ease-in-out;
color : #ffffff;
}
.formControlTd input[type="submit"]:hover {
background : #18b19a;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
}
table .formLabelTd {
width : 250px;
}
table .formLabelTd span {
display : block;
padding : 15px;
background : rgb(235, 235, 235, 0.5);
width : 250px;
}
table .formControlTd span {
padding : 15px;
width : 250px;
}
table .formControlTd input[type="text"], table .formControlTd input[type="date"], table .formControlTd textarea, table .formControlTd input[type="number"] {
background-color : #ffffff;
border : rgb(102, 102, 102, 0.2) solid 1px;
min-height : 45px;
color : #666666;
display : block;
width : 100%;
padding : 10px;
}
table .formControlTd textarea {
min-height : 100px;
}
table .formControlTd input[type="text"]:-moz-placeholder {
color : rgb(102, 102, 102, 0.3) !important ;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .copyright-content ul {
justify-content : center;
}
}
@media only screen and (max-width: 544px) {
footer .copyright-content ul {
justify-content : center;
}
}
footer .copyright-content ul li {
display : inline-block;
padding : 0 15px;
position : relative;
list-style-type : none;
}
.minTitle {
position : relative;
}
.minTitle span {
color : #24b99e;
font-size : 22px;
margin-top : 20px;
margin-bottom : 20px;
padding-bottom : 20px;
display : block;
}
footer .copyright-content ul li a {
color : #ffffff;
font-weight : 400;
position : relative;
transition : all 0.2s ease-in;
text-decoration : none;
position : relative;
}
@media only screen and (max-width: 544px) {
footer .copyright-content ul li a {
text-align : center;
font-size : 13px;
}
}
footer .copyright-content ul li a:hover {
color : #24b99e;
}
footer .copyright-content ul li:last-child {
padding-left : 0;
}
footer .copyright-content ul li:last-child::after {
display : none;
}
footer .copyright-content p {
color : #ffffff;
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
footer .copyright-content p {
text-align : center;
}
}
@media only screen and (max-width: 544px) {
footer .copyright-content p {
text-align : center;
font-size : 16px;
}
}
body.edit_mode header {
top : 160px;
}
.validation-error {
color : #ffffff;
margin-top : 5px;
}
.message {
margin-top : 5px;
}
.message.message_g {
color : #ffffff;
}
.message.message_r {
color : #ffffff;
}
.ms-rtestate-field p, p.ms-rteElement-P {
font-size : 17px;
line-height : 2em;
}
.ms-breadcrumb > li > a {
display : none !important ;
}
.ms-breadcrumb {
padding-right : 0;
}
#s4-ribbonrow {
z-index : 9999;
}
#projectComments {
padding : 20px;
padding-top : 0;
}
.add-comment i {
margin-left : 7px;
}
.reply_comment_btn {
max-width : 200px;
}
.ms-webpartzone-cell {
margin : 0;
}
.active_true {
color : #666666;
cursor : pointer;
}
.active_true i {
color : red;
font-size : 16px;
margin-left : 4px;
}
.active_false {
color : #666666;
cursor : pointer;
}
.active_false i {
color : green;
font-size : 16px;
}
.addReplay-container {
display : flex;
justify-content : flex-end;
}
.group-item {
position : relative;
}
.group-item h2 {
color : #24b99e;
font-size : 22px;
margin-top : 25px;
margin-bottom : 20px;
padding-bottom : 20px;
}
.group-item h2:after {
content : "";
position : absolute;
bottom : 0;
width : 50px;
height : 5px;
border-radius : 5px;
right : 0;
background : #24b99e;
}
input[type="button"], input[type="reset"], input[type="submit"], button {
font-family : 'DINNextLTArabic-Regular';
font-size : 16px;
}
.formControlTd input[type="submit"] {
padding : 10px 40px;
border : #24b99e solid 1px;
border-radius : 5px;
margin-top : 20px;
height : 45px;
transition : all 0.2s ease-in;
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
transition : all 0.3s ease-in-out;
color : #ffffff;
}
.formControlTd input[type="submit"]:hover {
background : #18b19a;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
}
table .formLabelTd {
width : 250px;
vertical-align : top;
margin-bottom : 20px;
border : rgb(235, 235, 235, 1) solid 1px;
}
table .formLabelTd span {
display : block;
padding : 15px;
background : rgb(235, 235, 235, 0.5);
width : 250px;
}
table .formControlTd input[type="text"], table .formControlTd input[type="date"], table .formControlTd textarea, table .formControlTd input[type="number"], table .formControlTd strong {
margin : 0 10px;
}
table .formControlTd select, table .formControlTd input[type="checkbox"] {
margin : 0 10px 0;
}
table .formControlTd input[type="text"]::-webkit-input-placeholder {
color : rgb(102, 102, 102, 0.3) !important ;
}
table .formControlTd input[type="text"] + span {
color : red;
margin-top : 5px;
margin-bottom : 5px;
font-size : 13px;
}
table .formControlTd select {
appearance : none;
border : rgb(102, 102, 102, 0.2) solid 1px;
min-height : 45px;
width : 200px;
outline : 0;
min-width : 70px;
position : relative;
display : block;
width : 100%;
padding : 0 10px;
}
.minTitle {
position : relative;
}
.minTitle span {
color : #24b99e;
font-size : 22px;
margin-top : 20px;
margin-bottom : 20px;
padding-bottom : 20px;
display : block;
}
.minTitle span:after {
content : "";
position : absolute;
bottom : 0;
width : 50px;
height : 5px;
border-radius : 5px;
right : 0;
background : #24b99e;
}
.toc-layout-main > .dfwp-list {
padding : 0;
position : relative;
margin-bottom : 1em;
display : flex;
}
.toc-layout-main > .dfwp-list > .level-section {
margin-bottom : 15px;
}
.toc-layout-main > .dfwp-list .level-bullet {
background : transparent;
padding-right : 0;
}
.toc-layout-main > .dfwp-list, .toc-layout-main > .dfwp-list a, .toc-layout-main > .dfwp-listt > ul {
flex-direction : column;
}
.toc-layout-main > .dfwp-list a:hover::before {
right : 0;
}
.toc-layout-main > .dfwp-list ul {
position : relative;
}
.toc-layout-main > .dfwp-list > ul {
display : flex;
flex-wrap : wrap;
justify-content : center;
align-items : flex-start;
}
.toc-layout-main > .dfwp-list > ul > li {
flex : 1 1 auto;
}
.toc-layout-main > .dfwp-list li {
margin-left : 2em;
list-style : none;
}
.toc-layout-main > .dfwp-list li ul li:after, .toc-layout-main > .dfwp-list li ul li:before {
display : inline-block;
width : 2.5em;
border : #EBEBEB solid 2px;
border-right : none;
border-top : none;
content : "";
}
.toc-layout-main > .dfwp-list li ul li:last-child:before {
border-color : transparent;
}
.toc-layout-main > .dfwp-list li:after {
position : absolute;
left : 2.5em;
top : 0;
width : 2px;
height : calc(100% - 33px);
}
.toc-layout-main > .dfwp-list li a {
position : relative;
z-index : 10;
display : inline-flex;
padding : 0.5em 1em;
border : rgb(102, 102, 102, 0.2) solid 1px;
border-radius : 4px;
border-bottom-width : 3px;
background : #EBEBEB;
font-weight : 700;
text-decoration : none;
color : #595959;
font-size : 15px !important ;
transition : all 0.2s linear;
}
.toc-layout-main > .dfwp-list li a::before {
content : '';
height : 100%;
right : 100%;
position : absolute;
left : 0;
bottom : 0;
z-index : -1;
background-color : #24b99e;
transition : all 0.2s linear;
}
.toc-layout-main > .dfwp-list li a:hover {
color : #ffffff;
}
.toc-layout-main > .dfwp-list > ul > li > a {
background : #EBEBEB;
border-color : rgb(102, 102, 102, 0.2);
}
.toc-layout-main > .dfwp-list .level-header {
padding : 0;
display : inline-block;
}
.toc-layout-main > .dfwp-list .level-section > ul > li {
padding-bottom : 15px;
margin : 0 2.5em;
}
.toc-layout-main > .dfwp-list .level-section > ul > li:first-child {
padding-top : 15px;
}
.breadcrumbs .bread-content .ms-breadcrumb {
padding-top : 0;
padding-right : 0;
padding-left : 0;
}
.toc-layout-main > .dfwp-list {
padding : 0;
position : relative;
margin-bottom : 1em;
display : flex;
}
.toc-layout-main > .dfwp-list > .level-section {
margin-bottom : 15px;
}
.toc-layout-main > .dfwp-list, .toc-layout-main > .dfwp-list a, .toc-layout-main > .dfwp-list > ul {
flex-direction : column;
}
.toc-layout-main > .dfwp-list ul {
position : relative;
}
.toc-layout-main > .dfwp-list > ul {
display : flex;
flex-wrap : wrap;
justify-content : center;
align-items : flex-start;
}
.toc-layout-main > .dfwp-list > ul > li {
flex : 1 1 auto;
}
.toc-layout-main > .dfwp-list li {
margin-right : 2em;
list-style : none;
}
.toc-layout-main > .dfwp-list li ul li:after, .toc-layout-main > .dfwp-list li ul li:before {
display : inline-block;
width : 2.5em;
border : #EBEBEB solid 2px;
border-left : none;
border-top : none;
content : "";
}
.toc-layout-main > .dfwp-list li ul li:last-child:before {
border-color : transparent;
}
.toc-layout-main > .dfwp-list li:after {
position : absolute;
right : 2.5em;
top : 0;
width : 2px;
height : calc(100% - 33px);
}
.toc-layout-main > .dfwp-list li a {
position : relative;
z-index : 10;
display : inline-flex;
padding : 0.5em 1em;
border : rgb(102, 102, 102, 0.2) solid 1px;
border-radius : 4px;
border-bottom-width : 3px;
background : #EBEBEB;
font-weight : 700;
text-decoration : none;
color : #595959;
font-size : 15px !important ;
transition : all 0.2s linear;
}
.toc-layout-main > .dfwp-list li a::before {
content : '';
height : 100%;
left : 100%;
position : absolute;
right : 0;
bottom : 0;
z-index : -1;
background-color : #24b99e;
transition : all 0.2s linear;
}
.toc-layout-main > .dfwp-list li a:hover {
color : #ffffff;
}
.toc-layout-main > .dfwp-list li a:hover::before {
left : 0;
}
.toc-layout-main > .dfwp-list > ul > li > a {
background : #EBEBEB;
border-color : rgb(102, 102, 102, 0.2);
}
.toc-layout-main > .dfwp-list .level-header {
padding : 0;
display : inline-block;
}
.toc-layout-main > .dfwp-list .level-section > ul > li {
padding-bottom : 15px;
margin : 0 2.5em;
}
.toc-layout-main > .dfwp-list .level-section > ul > li:first-child {
padding-top : 15px;
}
.adv-search .bordered {
height : auto;
}
.adv-search .checkbox-list {
margin-bottom : 20px;
}
.adv-search .accordion .check-card {
border : none;
margin-bottom : 20px;
}
.adv-search .accordion .check-card label.control-label {
position : relative;
cursor : pointer;
font-size : 18px;
display : flex;
align-items : flex-end;
justify-content : space-between;
}
.adv-search .accordion .check-card label.control-label:after {
content : "\f077";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 18px;
border-radius : 50%;
text-align : center;
color : #24b99e;
position : relative;
top : 6px;
left : 15px;
}
.adv-search .accordion .check-card label.control-label.collapsed:after {
content : "\f078";
}
.adv-search .project-card {
display : flex;
flex-direction : column;
margin-top : 0 !important ;
margin-bottom : 20px;
}
.adv-search .search-content {
display : flex;
align-items : center;
justify-content : space-between;
margin-top : 0 !important ;
width : 100%;
margin-bottom : 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.adv-search .search-content {
flex-direction : column;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.adv-search .search-content {
flex-direction : column;
}
}
@media only screen and (max-width: 544px) {
.adv-search .search-content {
flex-direction : column;
}
}
.adv-search .search-content img {
margin : 15px 0;
}
.adv-search .search-right {
width : 50%;
display : flex;
align-items : flex-start;
justify-content : flex-start;
flex-direction : column;
text-align : right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.adv-search .search-right {
width : 100%;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.adv-search .search-right {
width : 100%;
}
}
@media only screen and (max-width: 544px) {
.adv-search .search-right {
width : 100%;
}
}
.adv-search .search-right h6 {
color : #24b99e;
}
.adv-search .search-right h4 {
padding : 5px 0;
}
.adv-search .search-right h4 a {
margin : 0;
color : #24b99e;
font-size : 18px;
position : relative;
display : inline-block;
font-size : 20px;
line-height : 36px;
}
.adv-search .search-right h4 a:after {
display : none;
}
.adv-search .search-right h4 a:hover {
color : rgb(36, 185, 158, 0.7);
}
.adv-search .search-right h4:after {
display : none;
}
.adv-search .search-left {
width : 30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.adv-search .search-left {
width : 40%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.adv-search .search-left {
width : 100%;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.adv-search .search-left {
width : 100%;
}
}
@media only screen and (max-width: 544px) {
.adv-search .search-left {
width : 100%;
}
}
.adv-search .search-left label {
margin-top : 0;
}
.adv-search .sr-result ul {
display : flex;
align-items : center;
flex-wrap : wrap;
padding : 15px;
background : rgb(235, 235, 235, 0.5);
}
.adv-search .sr-result ul li {
width : 50%;
color : #666666;
display : block;
margin-bottom : 5px;
font-size : 16px;
padding-right : 25px;
text-align : right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.adv-search .sr-result ul li {
width : 100%;
}
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
.adv-search .sr-result ul li {
width : 100%;
}
}
@media only screen and (max-width: 544px) {
.adv-search .sr-result ul li {
width : 100%;
}
}
.adv-search .sr-result ul li a {
color : #666666;
}
.adv-search .sr-result ul li a:hover {
color : #0f253c;
}
.adv-search .list_share > a ~ ul {
right : -40px;
}
.form-row select.form-control {
width : 100%;
}
.charCounter {
display : block;
padding : 0 10px 20px !important ;
color : #bbb;
}
.required:after {
content : " *";
color : red;
}
.doc-item img {
float : right;
margin-left : 8px;
}
.doc-item a {
min-height : 32px;
display : block;
padding : 10px;
border-bottom : 1px dotted #ccc;
}
.doc-item h4 {
font-size : 21px;
font-family : 'DINNextLTArabic-regular';
min-height : 32px;
}
.doc-item a:hover {
background-color : #f3f3f3;
}
.projects .project-card a {
margin : 5px 0;
font-size : 16px;
color : rgb(102, 102, 102, 0.8);
flex-direction : column;
align-items : flex-end;
position : relative;
margin-left : 10px;
}
.projects .project-card .sr-result li a {
align-items : flex-start;
}
[dir="rtl"] .projects .project-card a:after, :lang(ar) .projects .project-card a:after {
content : "";
display : none;
}
.projects .project-card a:after {
transition : all 0.5s ease;
position : absolute;
bottom : 0;
left : 15px;
width : 0;
height : 0;
content : "";
border-top : none;
border-left : none;
border-bottom : none;
border-right : none;
font-family : "Font Awesome\ 5 Free";
font-weight : 900;
font-size : 18px;
color : rgb(102, 102, 102, 0.3);
}
.projects .project-card a:hover {
color : #24b99e;
margin-left : 5px;
}
table .formLabelTd label {
display : block;
padding : 15px;
background : rgb(235, 235, 235, 0.5);
width : 250px;
}
.grid a img {
width : 24px;
}
.row_info {
margin-bottom : 70px;
}
.item_contact .icon_contact {
margin-bottom : 25px;
}
.item_contact .icon_contact img {
transition : all 0.3s linear;
}
.item_contact:hover .icon_contact img {
transform : scale(1.1);
}
.item_contact span {
color : #333;
font-size : 18px;
display : block;
}
.item_contact:hover span {
color : #34ba8d;
}
.formControlTd {
vertical-align : top;
}
.captchaimg {
margin : 5px;
max-width : 100%;
}
div.ms-webpart-zone.ms-fullWidth, div.s4-wpcell-plain, div.ms-webpart-chrome, div.ms-WPBody, .ms-webpart-zone, .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical {
max-width : 100% !important ;
padding : 0 !important ;
margin : 0 !important ;
min-width : 0 !important ;
display : block !important ;
}
.projects .project-card li a:after {
display : none;
}
.projects .project-card li a:hover, .projects .project-card li a {
margin-left : 0;
}
.project-card .list_share > a ~ ul {
top : 40px;
}
.project-card .list_share > a ~ ul li {
margin : 0 10px !important ;
}
@media print {
header, aside, .hero, footer, .page-title h1 svg, .page-title h1 img {
display : none !important ;
}
.page-title h1 {
color : #000;
padding : 0 30px;
}
}
.ms-srch-group-content {
display : flex;
flex-wrap : wrap;
width : 100%;
}
.ms-srch-item {
flex : 60%;
max-width : 60%;
margin : 0 10px;
padding : 0;
transition : all 0.3s 0s cubic-bezier(0.645,0.045,0.355,0.4);
}
.ms-srch-item-body {
box-shadow : none;
transition : all 0.3s 0s cubic-bezier(0.645,0.045,0.355,0.4);
position : relative;
display : block;
padding : 15px 0;
margin : 0;
}
.ms-srch-item-body:before {
content : '';
background-color : transparent;
position : absolute;
bottom : 0;
right : 0;
height : 1px;
transform : scale(0,0);
transition : all 0.3s 0s cubic-bezier(0.645,0.045,0.355,0.4);
width : 0;
}
.ms-srch-item-body:after {
content : '';
background-color : rgb(43, 58, 83, 0.2);
position : absolute;
bottom : 0;
right : 0;
width : 100%;
height : 1px;
transform : scale(1,1);
transition : all 0.3s 0s cubic-bezier(0.645,0.045,0.355,0.4);
}
.ms-srch-item h3 a {
font-size : 20px;
display : inline-block;
line-height : 24px;
color : #375182;
font-family : 'DINNextLTArabic-Regular', sans-serif;
}
.ms-srch-result * {
font-family : 'DINNextLTArabic-Regular', sans-serif;
}
.ms-srch-item .ms-srch-item-summary {
font-size : 16px;
color : #2b3a53;
line-height : 22px;
margin-top : 10px;
margin-bottom : 0;
overflow : hidden;
margin-bottom : 5px;
}
.ms-srch-item:hover h3 {
color : #008392;
}
.ms-srch-item-body:hover::before {
transform : scale(1);
z-index : 2;
background-color : #008392;
width : 100%;
}
.ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover {
background : transparent;
}
.ms-webpartzone-cell {
margin : 0;
}
.pagination, #Paging {
margin : 40px 0 20px;
display : flex;
align-items : center;
justify-content : center;
}
.pagination li, #Paging li {
margin : 0 5px;
}
.pagination li a, #Paging li a {
min-width : 40px;
height : 40px !important ;
line-height : 40px;
display : flex;
align-items : center;
justify-content : center;
position : relative;
text-align : center;
cursor : pointer;
color : #2b3a53;
background : #ffffff;
border : none;
font-weight : bold;
outline : none;
padding : 10px 15px !important ;
}
.pagination li.disabled a, #Paging li.disabled a {
cursor : default;
background : rgb(43, 58, 83, 0.1);
}
#Paging li a#PageLinkPrev:after {
content : 'السابق';
position : relative;
width : auto;
height : 40px;
padding : 0 5px;
font-size : 13px;
font-family : 'DINNextLTArabic-Regular', sans-serif;
}
#Paging li a#PageLinkNext:after {
content : 'التالي';
position : relative;
width : auto;
height : 40px;
padding : 0 5px;
font-size : 13px;
font-family : 'DINNextLTArabic-Regular', sans-serif;
}
#Paging li a .ms-promlink-button-image {
display : none;
}
.pagination li.current a, .pagination li:hover a, #Paging li#PagingSelf a, #Paging li:hover a {
background-color : #375182 !important ;
background-image : none;
color : #fff !important ;
}
.pagination li.disabled:hover a, #Paging li.disabled a:hover, .pagination li.disabled:hover a, #Paging li#PagingSelf.disabled a, #Paging li.disabled:hover a {
background : rgb(43, 58, 83, 0.1) !important ;
color : #2b3a53 !important ;
}
#PageLinkPrev, #PageLinkNext {
min-width : 80px !important ;
}
.ms-srch-sbLarge, .ms-srch-sbLarge:hover {
border : none;
display : flex;
width : 100%;
background : none;
}
.ms-srch-sbLarge > input {
border-radius : 0;
min-height : 45px;
display : block;
width : 100%;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 0.75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-clip : padding-box;
border : #ced4da solid 1px;
transition : border-color 0.15s;
min-width : 300px;
}
.ms-srch-sbLarge > input:focus {
box-shadow : 0 0 0 0.2rem rgb(0, 131, 146, 0.25);
border-color : #008392;
color : #495057;
background-color : #fff;
outline : 0;
}
.ms-srch-sbLarge > .ms-srch-sb-searchLink {
display : flex;
align-items : center;
padding : 3px 50px;
transition : all 0.2s ease-in;
background : #375182;
border : #375182 solid 1px;
position : relative;
height : 45px;
line-height : 45px;
text-align : center;
color : #ffffff;
margin-right : 15px;
}
.ms-srch-sbLarge > .ms-srch-sb-searchLink img {
display : none;
}
.ms-srch-sbLarge > .ms-srch-sb-searchLink:after {
content : 'بحث';
position : relative;
color : #fff;
width : 100%;
height : 40px;
font-size : 14px;
font-family : 'DINNextLTArabic-Regular', sans-serif;
text-align : center;
display : flex;
align-items : center;
justify-content : center;
}
.ms-srch-sbLarge > .ms-srch-sb-searchLink:hover {
background : #24b99e;
border : #24b99e solid 1px;
}
.ms-srch-item-path {
color : #24b99e;
}
.srch-advancedtable {
background : transparent;
border : transparent;
width : 100%;
margin : 0;
}
h3.ms-advsearch-header {
color : #375181;
font-size : 25px;
font-weight : bold;
padding-bottom : 20px;
}
.srch-advancedtable td input {
background : #FAFAFA6E;
border : #DADADA solid 1px;
color : #333333;
display : block;
width : 65%;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 0.75rem;
border-radius : 0.25rem;
margin-bottom : 19px;
}
td.ms-advsrchText-v2 select {
background : #FAFAFA6E;
border : #DADADA solid 1px;
color : #333333;
display : block;
width : 60%;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 0.75rem;
border-radius : 0.25rem;
margin-bottom : 19px;
}
.srch-advancedtable td input[type="submit"] {
font-size : 17px;
color : #fff;
position : relative;
z-index : 1;
width : 120px;
border-radius : 0;
border : none;
background : #24b99e;
padding : 0.375rem 0.75rem;
display : inline-block;
height : 40px;
text-align : center;
float : left;
margin-left : 0;
transition : all 0.3s ease-in;
}
.srch-advancedtable td input[type="submit"]:hover {
background-color : #24b99e;
}
.ms-srch-sbLarge-link a:hover:after {
width : 100%;
}
.tab-pane .group-item h2 {
font-size : 18px;
cursor : pointer;
border-bottom : 1px dotted #ccc;
padding : 0 20px 20px;
}
.tab-pane .group-item h2:after {
display : none;
}
.tab-pane .group-item h2:before {
content : "\f104";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 18px;
width : 30px;
min-width : 30px;
height : 30px;
line-height : 30px;
border-radius : 50%;
text-align : center;
color : #ffffff;
transition : all 0.3s linear;
background : #24b99e;
}
.tab-pane .group-item h2.expanded:before {
background : #666666;
content : "\f107";
}
.bordered .avatar img {
width : auto !important ;
height : 88px !important ;
max-width : 100%;
}
.slider .container {
z-index : 2;
}
.hero .hero-img video {
position : absolute;
top : 0;
right : 0;
min-width : 100%;
min-height : 100%;
width : auto;
height : auto;
z-index : 0;
transition : all 0.3s linear;
animation : grow 30000ms ease-in-out infinite;
}
.scrollDotsNav {
position : fixed;
z-index : 999;
top : 50%;
right : 2%;
transform : translateY(-50%);
}
.scrollDotsNav .nav-menu {
margin : 0;
padding : 0;
list-style-type : none;
}
.scrollDotsNav .nav-menu li {
position : relative;
text-align : right;
margin : 10px 0;
}
.scrollDotsNav .nav-menu li .dot {
display : block;
color : #ffffff;
}
.scrollDotsNav .nav-menu li .dot::before, .scrollDotsNav .nav-menu li .dot::after {
display : block;
position : absolute;
content : '';
border-radius : 50%;
top : 50%;
transition : all 0.3s ease;
}
.scrollDotsNav .nav-menu li .dot::before {
width : 5px;
height : 5px;
right : 0;
border : #ffffff solid 2px;
transform : translateY(-50%);
}
.scrollDotsNav .nav-menu li .dot::after {
width : 15px;
height : 15px;
border : #24b99e solid 2px;
right : -5px;
transform : translateY(-50%) scale(0);
}
.scrollDotsNav .nav-menu li .dot.active::before, .scrollDotsNav .nav-menu li:hover .dot::before {
background : #24b99e;
border-color : #24b99e;
}
.scrollDotsNav .nav-menu li .dot.active::after, .scrollDotsNav .nav-menu li:hover .dot::after {
transform : translateY(-50%) scale(1);
}
.scrollDotsNav .nav-menu li .dot span {
display : inline-block;
opacity : 0;
font-weight : 700;
text-transform : capitalize;
background-color : #24b99e;
border-radius : 3px;
margin-right : 30px;
transform : translateX(-20px);
transition : all 0.3s ease;
}
.scrollDotsNav .nav-menu li .dot span::before {
display : block;
position : absolute;
content : '';
border-left : 7px solid #24b99e;
border-top : 7px solid transparent;
border-bottom : 7px solid transparent;
top : 50%;
transform : translate(-7px,-50%);
right : -14px;
transition : all 0.3s ease;
display : none;
}
.scrollDotsNav .nav-menu li .dot.active span, .scrollDotsNav .nav-menu li:hover .dot span {
transform : translateX(0);
opacity : 1;
}
.requiredstar:after {
content : " *";
color : red;
}
.ms-dlgContent {
top : 0 !important ;
bottom : 0 !important ;
margin : auto;
}
.ms-dlgTitleBtns {
margin-left : 0 !important ;
}
.page-container .validation-error {
color : red !important ;
}
.survey-results .res-block {
margin : 20px 0;
}
.survey-results .res-block h2 {
font-size : 18px;
color : #0f253c;
margin-bottom : 20px;
}
.survey-results .res-block h2.collapsed, .survey-results .res-block h2.expanded {
cursor : pointer;
}
.survey-results .res-block h2.collapsed:after, .survey-results .res-block h2.expanded:after {
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 18px;
width : 30px;
min-width : 30px;
height : 30px;
line-height : 30px;
border-radius : 50%;
text-align : center;
color : #ffffff;
transition : all 0.3s linear;
}
.survey-results .res-block h2.collapsed:after:hover, .survey-results .res-block h2.expanded:after:hover {
color : #0f253c;
}
.survey-results .res-block h2.collapsed:after {
background : #24b99e;
content : "\f104";
}
.survey-results .res-block h2.expanded:after {
background : #666666;
content : "\f107";
}
.survey-results .res-block span {
color : #666666;
font-size : 16px;
line-height : 26px;
margin-top : 10px;
}
.survey-results .progress {
margin : 5px 0;
}
.surevy-answers {
padding : 20px 40px;
background : #f9f9f9;
}
.surevy-answers li {
list-style-type : disc;
line-height : 28px;
color : #666666;
font-size : 16px;
}
.dashboard-list ul {
display : grid;
grid-template-columns : repeat(auto-fill,minmax(250px,1fr));
margin-bottom : 15px;
display : flex;
align-items : center;
justify-content : center;
flex-wrap : wrap;
}
.dashboard-list ul li {
margin : 15px;
min-width : 250px;
}
.dashboard-list ul li a {
padding : 50px 15px;
border-radius : 10px;
background : #f4f4f4;
border : #ccc solid 1px;
display : block;
display : flex;
flex-direction : column;
align-items : center;
transition : all 0.3s ease-in-out;
text-align : center;
height : 100%;
position : relative;
overflow : hidden;
}
.dashboard-list ul li a img {
height : 60px;
margin-bottom : 15px;
}
.dashboard-list ul li a::before {
content : '';
height : 100%;
left : 100%;
position : absolute;
right : 0;
bottom : 0;
transition : all 0.3s ease-in-out;
z-index : 1;
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
}
.dashboard-list ul li a::after {
content : '';
height : 100%;
right : 100%;
position : absolute;
left : 0;
bottom : 0;
transition : all 0.3s ease-in-out;
z-index : 1;
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
}
.dashboard-list ul li a svg {
fill : #12636a;
width : 78px;
height : 78px;
display : block;
margin-bottom : 15px;
transition : all 0.2s linear;
position : relative;
z-index : 2;
}
.dashboard-list ul li a:hover svg {
fill : #ffffff !important ;
}
.dashboard-list ul li a:hover {
opacity : 0.7;
}
.dashboard-list ul li a h3 {
font-size : 22px;
font-weight : bold;
color : #12636a;
transition : all 0.2s linear;
line-height : 36px;
position : relative;
z-index : 2;
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
}
.details-content ul, .details-content ol {
margin-top : 15px;
}
.details-content li {
display : block;
padding-right : 30px;
margin-bottom : 5px;
line-height : 32px;
font-size : 18px;
}
#projectDetails li a.btn.btn-primary {
width : 100%;
margin : 0;
background : #01505d;
height : auto;
}
#projectDetails .form-group img {
background : #f9f9f9;
height : 60px;
}
#projectDetails .list_share > a ~ ul {
right : -40px !important ;
top : 45px !important ;
}
.form-details {
margin-bottom : 20px;
}
.form-details .formLabelTd {
width : 250px;
vertical-align : top;
margin-bottom : 20px;
border : rgb(235, 235, 235, 1) solid 1px;
}
.form-details .formControlTd {
height : 50px;
line-height : 50px;
padding : 0 10px;
border : rgb(235, 235, 235, 1) solid 1px;
}
.aspnetpager > * {
margin : 0 !important ;
line-height : 20px;
padding : 10px;
display : inline-block;
}
.aspnetpager span {
color : #24b99e !important ;
font-weight : bold;
background-color : #f3f3f3;
border-radius : 3px;
}
.aspnetpager a {
color : #404040 !important ;
}
.nav-tabs li a.nav-link.btn-project-items {
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
transition : all 0.3s ease-in-out;
color : #ffffff;
border-radius : 0;
}
#addcommentForm {
padding : 20px;
}
@media (prefers-color-scheme: dark) {
.projects .project-card {
background : #ffffff;
}
}
.projects .sector-item {
text-align : center;
display : flex;
align-items : center;
justify-content : center;
flex-direction : column;
height : calc(100% - 30px);
}
.projects .sector-item a {
width : 100%;
align-items : center;
}
.projects .sector-item a:after {
display : none;
}
.projects .sector-item .img-container {
background : #24b99e;
padding : 10px;
border-radius : 50%;
width : 85px;
height : 85px;
margin : auto;
display : flex;
align-items : center;
justify-content : center;
}
.projects .sector-item .img-container img {
height : 40px !important ;
}
.projects .sector-item h4 {
font-size : 18px;
line-height : 30px;
overflow : hidden;
}
.projects .sector-item h4:after {
display : none;
}
.matter-title h5 {
color : #24b99e;
font-size : 18px;
padding-bottom : 20px;
border-bottom : 1px dotted #ccc;
width : 100%;
cursor : pointer;
}
.matter-title h5:before {
content : "\f104";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
float : left;
font-size : 18px;
width : 30px;
min-width : 30px;
height : 30px;
line-height : 30px;
border-radius : 50%;
text-align : center;
color : #ffffff;
transition : all 0.3s linear;
background : #24b99e;
}
.matter-title h5.expanded:before {
background : #666666;
content : "\f107";
}
table.srch-advancedtable {
border-color : #ddd;
background : #fdfdfd !important ;
width : calc(100% - 60px) !important ;
margin : 30px auto;
}
table.srch-advancedtable tr {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
}
table.srch-advancedtable td {
text-align : start !important ;
padding : 5px 40px;
width : 100%;
}
table.srch-advancedtable td.ms-advsrchbutton {
padding-bottom : 30px;
}
table.srch-advancedtable td label {
font-weight : bold;
font-size : 16px;
}
table.srch-advancedtable td input, table.srch-advancedtable td select, table.srch-advancedtable td button {
width : 100%;
margin : 0;
min-height : 45px;
font-size : 16px;
}
table.srch-advancedtable select {
appearance : none;
box-shadow : 0 3px 7px 0 rgb(0, 0, 0, 0.03);
min-height : 45px;
transition : all 0.3s linear;
padding : 5px 10px;
border-radius : 0;
}
table.srch-advancedtable td.ms-advsrchtips {
padding : 30px !important ;
text-align : center !important ;
display : none;
}
.ms-advsrchtips a {
color : #24b99e;
}
h3.ms-advsearch-header {
color : #135740;
font-size : 22px;
padding-bottom : 15px;
position : relative;
display : block;
margin-bottom : 30px;
font-weight : bold;
}
h3.ms-advsearch-header:after {
content : '';
width : 100px;
height : 6px;
position : absolute;
bottom : 0;
right : 0;
background-color : #24b99e;
}
.ms-advsrchbutton input {
text-align : center;
transition : all 0.3s linear;
position : relative;
background : #135740;
color : #ffffff;
height : 50px;
border-radius : 0;
width : 140px;
margin-top : 15px;
font-size : 22px;
border : #135740 solid 1px;
outline : none;
box-shadow : none;
}
.ms-advsrchbutton input:hover {
border : #24b99e solid 1px;
background-color : #24b99e;
}
.modal-header {
justify-content : space-between;
}
.modal-header .close {
padding : 0;
margin : 0;
min-width : auto;
outline : none;
transform : scale(1.5);
top : -5px;
position : relative;
}
.modal-title {
color : #24b99e;
}
#centralModal a {
color : #24b99e !important ;
}
.modal-body {
max-height : 87vh;
overflow : auto;
padding : 15px;
}
.modal-body p {
font-size : 17px;
line-height : 2em;
}
.modal-body li {
display : block;
padding-right : 30px;
margin-bottom : 5px;
line-height : 32px;
font-size : 18px;
}
.help-comment {
height : 25px;
width : 25px;
margin : 0 auto;
border-radius : 50%;
color : black;
text-align : center;
line-height : 30px;
font-size : 20px;
border : #135740 solid 2px;
opacity : 0.4;
display : inline-flex;
align-items : center;
justify-content : center;
margin-right : 10px;
margin-top : 5px;
}
.help-comment:hover {
border : #24b99e solid 2px;
color : #24b99e;
cursor : pointer;
opacity : 1;
}
#addcommentForm h4 {
display : flex;
align-items : center;
}
.page-content-container p {
font-size : 17px;
line-height : 2em;
margin : 10px 0;
}
.page-content-container p img {
width : 100%;
}
.page-content-container div span img {
width : 100%;
}
.page-content-container * {
color : black;
}
.fas.fa-star {
color : #deb217 !important ;
}
.fas.fa-user {
color : white;
}
.page-content-container table {
border : #ccc solid 1px;
border-collapse : collapse;
margin : 0;
padding : 0;
width : 100%;
}
.page-content-container table tr {
background-color : #f8f8f8;
border : #ddd solid 1px;
}
.page-content-container table th, .page-content-container table td {
padding : 0.625em;
text-align : center;
}
.page-content-container table p {
font-size : 14px;
line-height : 20px;
margin : 0;
font-weight : normal;
color : #222222;
}
.page-content-container table ul, .page-content-container table ul li {
padding : 0;
margin : 0;
}
.page-content-container table th {
letter-spacing : 0.1em;
text-transform : uppercase;
}
.browse-projects .form-group strong {
width : 100%;
}
.browse-projects .form-group strong a, .browse-projects .form-group button[type="button"] {
width : 100%;
font-weight : bold;
margin : 0;
}
.browse-projects .form-group p {
font-size : 16px;
}
.browse-projects .bordered .flex-wrap {
align-items : center;
}
.form-controls-container {
max-width : 500px;
margin : 0 auto;
}
.user_img {
text-align : center;
padding : 10px;
}
.user_img img {
width : 188px;
height : 188px;
border-radius : 200px;
}
.user_info {
font-weight : bold;
}
.dashboard-list.user_links ul li a {
padding : 9px 15px;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
display : flex;
flex-direction : row;
}
.dashboard-list.user_links ul li a h3 {
font-size : 18px;
color : #fff;
}
.dashboard-list.user_links ul li a img {
width : 46px;
height : 36px;
padding : 0 0 0 10px;
border-left : 1px solid rgb(255, 255, 255, 0.3);
margin : 0 0 0 10px;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left : 10px !important ;
right : auto;
top : 10px !important ;
}
.select2-selection__arrow b {
visibility : hidden;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding : 0.375rem 1.75rem 0.375rem 0.75rem !important ;
}
.acceptedAgreement input[type="checkbox"] {
float : right;
margin : 10px;
}
.acceptedAgreement input[type="checkbox"] {
float : right;
margin : 10px;
}
.agree-text a {
margin : 0;
}
.datePickerContainer {
margin : 0;
}
.date-picker-input {
border : #ababab solid 1px;
background-color : #fff;
color : #444;
width : 63%;
padding : 2px 5px;
min-height : 45px;
border-radius : 0.25rem;
}
.date-picker-select {
border : #ababab solid 1px;
background-color : #f3f3f3;
color : #444;
padding : 2px 5px;
min-height : 45px;
border-radius : 0.25rem;
margin-right : 1%;
width : 36%;
}
textarea.form-control {
min-height : 110px;
}
.attachments-title {
background : linear-gradient(to bottom right, #18b19a 0%, #12636a 50%, #072441 100%);
color : #fff;
font-weight : bold;
padding : 15px;
}
.bordered-right .form-group.col-md-6 {
display : flex;
}
.control-label-ISIC {
padding : 15px !important ;
}
.form-group-project label {
background : #f3f3f3;
padding : 5px;
margin : 0 0 0 5px;
}
.form-group-project {
display : contents;
}
.bordered-right .form-group.col-md-6 > * {
flex-basis : 50%;
text-align : center;
}
.bordered-right .form-group.col-md-6 label {
background : #f3f3f3;
padding : 5px;
margin : 0 0 0 5px;
}
.bordered-right .form-group.col-md-6 p {
border : #f2f2f2 solid 1px;
padding : 5px;
color : #02b099;
}
.form-group img {
max-width : 100%;
}
.go-to-comment, .go-to-comment:visited {
color : #24b99e;
font-size : 18px;
font-weight : bold;
display : flex;
align-items : center;
justify-content : flex-end;
margin : 15px 0;
}
.go-to-comment:before {
content : "\f067";
font-family : 'Font Awesome 5 Free';
font-weight : 600;
font-size : 20px;
color : #24b99e;
margin : 0 3px;
margin-bottom : -8px;
vertical-align : middle;
}
.addcomment-desc, #charCountercomment {
font-weight : bold;
padding : 10px 0;
}
#charCountercomment {
color : #02b099;
padding-right : 5px;
}
.requiredstar a {
position : absolute;
left : 10px;
background-color : #24b99e;
padding : 0 10px;
color : #fff !important ;
border-radius : 20px;
font-weight : normal;
font-size : 19px;
font-family : tahoma;
}
.select2-selection__choice {
padding : 0 10px 0 20px !important ;
position : relative;
}
.select2-selection__choice__remove {
position : absolute;
left : 5px;
border : none !important ;
width : 12px;
min-width : 0;
top : 3px;
background : none transparent !important ;
}
.attachments ul {
flex-wrap : wrap;
}
.top-login {
white-space : nowrap;
}
.top-login a {
color : #fff;
padding : 0 15px 5px;
border-radius : 100px;
position : relative;
top : -3px;
background : #24b99e;
font-size : 17px;
}
.top-login a i {
position : relative;
right : -2px;
bottom : -2px;
}
.ms-srch-hover-action:nth-child(2) {
display : none;
}
#subscribe-btn .btn.btn-primary {
white-space : nowrap;
min-width : auto;
}
.page-content-container table td * {
font-size : 18px;
}
.aspnetpager input[type="text"] {
width : 50px !important ;
text-align : center;
}
.aspnetpager input[type="button"] {
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
transition : all 0.3s ease-in-out;
color : #ffffff !important ;
height : 26px;
padding : 0 0 7px;
line-height : 15px;
margin : 0 5px !important ;
}
.comment-block .table tr {
background-color : transparent !important ;
}
#cookieConsent {
background : linear-gradient(209deg, #18b19a 0%, #12636a 40%, #072441 75%);
text-align : center;
display : none;
position : fixed;
z-index : 65000;
bottom : 0;
width : 100%;
font-size : 14px;
color : #fff;
border-top : 1px solid rgb(255, 255, 255, 0.5);
}
#cookieConsent button.cookieAccept {
background : #24b99e;
color : white;
border : none;
border-radius : 0.2em;
margin : 0.5em;
padding : 0 5px 5px;
font-size : 14px;
}
#cookieConsent a {
color : #24b99e;
text-decoration : underline;
}
.finish-text {
height : 120px;
}
.finish-text span {
font-size : 20px !important ;
color : #24b99e !important ;
}
@media (max-width: 991px) {
footer .copyright-content {
align-items : center;
justify-content : center;
flex-direction : column;
}
.validators {
order : 3;
}
footer .copyright-content p {
order : 3;
margin : 5px 0;
}
.validators a {
margin : 5px;
display : inline-block;
}
}
button.wrapper-AtBcr {
background-color : #17a794 !important ;
}
.bordered.mt-3.page-content-container, .bordered.mt-3.page-content-container * {
margin-bottom : 15px;
line-height : normal;
color : black;
font-size : 18px !important ;
font-family : 'DINNextLTArabic-Regular' !important ;
}
.bordered.mt-3.page-content-container .avatar-ico .fas.fa-star {
display : contents;
color : #deb217 !important ;
font-family : "Font Awesome 5 Free" !important ;
}
.bordered.mt-3.page-content-container .avatar-ico .fas.fa-user {
display : contents;
color : white !important ;
font-family : "Font Awesome 5 Free" !important ;
}
.fa-check-circle:before, .fa-times-circle:before {
font-family : 'Font Awesome 5 Free' !important ;
}
.form-group.mb-5 * {
white-space : pre-wrap;
}
.page-content-container ol li {
padding-top : 10px;
color : black !important ;
font-size : 18px !important ;
font-family : 'DINNextLTArabic-Regular' !important ;
}
.page-content-container ol li span {
color : black !important ;
font-size : 18px !important ;
}
.page-content-container p span {
color : black !important ;
font-size : 18px !important ;
}
.rate:not(:checked) > label {
float : left;
}
.news_slider_inner {
padding-top : 20px;
}
.item_news {
margin-bottom : 25px;
display : flex;
}
.news_date {
padding-right : 30px;
font-size : 14px;
color : #333;
margin-bottom : 10px;
position : relative;
}
.news_date:before {
content : '\f073';
font-family : "Font Awesome 5 Free";
font-weight : 900;
color : #34ba8d;
font-size : 20px;
margin-left : 10px;
position : absolute;
right : 0;
top : -5px;
}
.item_news .info_news article h3 {
font-size : 18px !important ;
color : #0a3d66 !important ;
margin-bottom : 23px !important ;
font-family : 'DINNextLTArabic-Regular';
}
.item_news .info_news article p {
font-size : 14px;
color : #333;
text-align : justify;
}
.item_news .info_news {
background : #f5f5f5;
min-height : 165px;
padding : 20px;
transition : all 0.3s linear;
width : 100%;
}
.item_news .img_news {
min-width : 215px;
max-width : 215px;
overflow : hidden;
}
.item_news .img_news img {
width : 100%;
height : 100%;
object-fit : cover;
transition : all 0.3s linear;
}
.item_news:hover .info_news {
background : #34ba8d;
transition : all 0.3s linear;
}
.item_news:hover .info_news article p, .item_news:hover .info_news article h3, .item_news:hover .info_news .news_date, .item_news:hover .info_news .news_date:before {
color : #fff !important ;
transition : all 0.3s linear;
}
.item_news:hover .img_news img {
transform : scale(1.1);
}
.wrapper_news_inner img {
width : 100%;
margin-bottom : 30px;
}
.wrapper_news_inner p {
font-size : 16px;
color : #333;
margin-bottom : 20px;
text-align : justify;
line-height : 30px;
margin : 10px 10px 10px 10px;
}
.news_slider_inner .slick-slide a img {
height : 100%;
width : 100%;
object-fit : cover;
transition : all 0.3s ease-out;
}
.news_slider_inner .slick-slide a:hover img {
transition : all 0.3s ease-out;
transform : scale(1.1);
}
.news_slider_inner .slick-slide a .img-news {
height : 176px;
overflow : hidden;
width : 100%;
}
.news_slider_inner .slick-slide a p {
padding : 15px;
background : #f5f5f5;
color : #606060;
font-size : 14px;
height : 93px;
overflow : hidden;
line-height : 25px;
transition : all 0.3s ease-out;
}
.news_slider_inner .slick-slide a:hover p {
background : #34ba8d;
color : #fff;
transition : all 0.3s ease-out;
}
.news_slider_inner .slick-slide a {
padding : 0 10px;
display : inline-block;
overflow : hidden;
}
.news_slider_inner .item_adv .date {
background : #34ba8d;
padding : 6px 20px;
font-size : 13px;
color : #fff;
transition : all 0.3s ease-out;
}
.news_slider_inner .item_adv:hover .date {
background : #0a3d66;
color : #fff;
transition : all 0.3s ease-out;
}
.Events_slider_inner {
padding-top : 20px;
}
.Events_slider_inner .slick-slide a img {
height : 100%;
width : 100%;
object-fit : cover;
transition : all 0.3s ease-out;
}
.Events_slider_inner .slick-slide a:hover img {
transition : all 0.3s ease-out;
transform : scale(1.1);
}
.Events_slider_inner .slick-slide a .img-news {
height : 176px;
overflow : hidden;
width : 100%;
}
.Events_slider_inner .slick-slide a p {
padding : 15px;
background : #f5f5f5;
color : #606060;
font-size : 14px;
height : 93px;
overflow : hidden;
line-height : 25px;
transition : all 0.3s ease-out;
}
.Events_slider_inner .slick-slide a:hover p {
background : #34ba8d;
color : #fff;
transition : all 0.3s ease-out;
}
.Events_slider_inner .slick-slide a {
padding : 0 10px;
display : inline-block;
overflow : hidden;
}
.Events_slider_inner .item_adv .date {
background : #34ba8d;
padding : 6px 20px;
font-size : 13px;
color : #fff;
transition : all 0.3s ease-out;
}
.Events_slider_inner .item_adv:hover .date {
background : #0a3d66;
color : #fff;
transition : all 0.3s ease-out;
}
.slick-prev, .slick-next {
font-size : 0;
line-height : 0;
position : absolute;
top : 50%;
display : block;
width : 31px;
height : 31px;
padding : 0;
transform : translate(0,-50%);
cursor : pointer;
color : transparent;
border : none;
outline : none;
z-index : 5;
background-color : #fff;
border-radius : 500px;
}
.section_initiatives .slick-prev, .section_initiatives .slick-next {
background-color : transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
color : transparent;
outline : none;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity : 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity : 0.25;
}
.slick-prev:before, .slick-next:before {
content : '\f138';
font-family : "Font Awesome 5 Free";
font-weight : 900;
color : #348e89;
font-size : 32px;
}
.slick-prev {
left : 0;
}
.slick-prev:before {
content : '\f137';
font-family : "Font Awesome 5 Free";
font-weight : 900;
color : #348e89;
font-size : 32px;
}
.slick-next {
right : 0;
}
.slick-next:before {
content : '\f138';
}
.rate input[type="radio"] {
display : none;
}
.social-links {
display : flex;
align-items : center;
gap : 1.125rem;
max-width : max-content;
padding : 20px 0 0 0;
}
.Accessibility-tools {
display : flex;
align-items : center;
gap : 1.125rem;
max-width : max-content;
padding : 20px 0 0 0;
}
.social-links a {
display : flex;
justify-content : center;
align-items : center;
width : 2.25rem;
height : 1.25rem;
text-decoration : none;
}
.social-links a img {
width : 2rem;
max-height : 1.125rem;
object-fit : contain;
transition : transform 0.3s ease-in-out;
}
.social-links a:hover img {
transform : scale(1.25) translateY(-2px);
}
.gray-scale-filter header, .gray-scale-filter .container_inner, .gray-scale-filter .header_inner, .gray-scale-filter .head_content, .gray-scale-filter footer, .gray-scale-filter .hero, .gray-scale-filter main, .gray-scale-filter .mm-page {
filter : grayscale(100%) !important ;
}
.iVoiceControl:before {
content : "";
width : 28px;
height : 30px;
background-repeat : no-repeat;
}
.iVoiceControl {
width : 30px;
height : 30px;
}
.modal-backdrop {
z-index : -1;
}
.ms-rteTable-default.table tbody .ms-rteTable-default p {
margin-top : 10px;
}
.bordered.mt-3.page-content-container .table-responsive .ms-rteTable-default.table tbody tr .ms-rteTable-default p {
margin-top : 10px;
line-height : 1.8;
}
.custom-control-label::after, .custom-control-label::before {
right : -1.5rem;
}
.doughnutChart {
float : left;
padding-bottom : 25px;
}
.TopRatedPage div span:last-child {
float : left;
}
h7 {
font-size : 90px;
font-family : 'DINNextLTArabic-Bold';
}
.multiple_numbers-container {
border : #ccc solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
padding : 0;
margin : 0;
cursor : text;
width : 100%;
}
.multiple_numbers-container input {
clear : both;
width : 100%;
border : 0;
outline : none;
margin-bottom : 3px;
padding-left : 5px;
}
.multiple_numbers-container input.multiple_numbers-error {
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 6px red;
outline : thin auto red;
}
.multiple_numbers-container ul {
list-style-type : none;
padding-left : 0;
display : flex;
}
.multiple_numbers-number {
display : flex;
margin : 3px 5px 3px 5px;
padding : 3px 5px 3px 5px;
border : #BBD8FB solid 1px;
border-radius : 3px;
background : #F3F7FD;
}
.multiple_numbers-close {
display : flex;
float : left;
margin : 0 3px;
width : 10px;
background : red;
}
.multiple_numbers-close .glyphicon.glyphicon-remove {
color : red;
margin-right : 10px;
}
.close.multiple_numbers-close {
display : contents;
}
.rs_addtools .rsbtn_play .rsbtn_left.rsimg, .rsbtn .rsbtn_play .rsbtn_left.rsimg {
padding : 0 0 0 10px !important ;
}
button.rsbtn_tooltoggle {
min-width : 10px;
}
.surveyq textarea {
font-weight : bold;
}
pre {
display : block;
padding : 9.5px;
margin : 0 0 10px;
font-size : 13px;
line-height : 1.42857143;
color : #333;
word-break : break-all;
overflow-wrap : break-word;
background-color : #f5f5f5;
border : #ccc solid 1px;
border-radius : 4px;
}
.multiselect-dropdown label {
margin-right : 10px;
}
.form-group .multiselect-dropdown {
min-height : 45px;
}
.form-group .multiselect-dropdown .placeholder {
padding-right : 20px;
color : #000000;
}
.btnMini.btn-primary:hover {
background : #18b19a;
background : linear-gradient(90deg, #18b19a 0%, #12636a 50%, #072441 100%);
}
.btnMini.btn-primary {
background : #18b19a;
background : linear-gradient(-90deg, #18b19a 0%, #12636a 50%, #072441 100%);
transition : all 0.3s ease-in-out;
color : #ffffff !important ;
}
.grayscale-switcher {
display : flex;
justify-content : center;
flex-direction : column-reverse;
}
.grayscale-switcher > a {
align-self : center;
}
.grayscale-switcher > a ~ ul {
display : flex;
position : absolute;
background : #fff;
padding : 0;
top : 32px;
right : -50px;
justify-content : space-between;
border-radius : 5px;
box-shadow : 0 0 9px 1px rgb(0, 0, 0, 0.3);
transform : scaleX(0);
transition : all 0.2s linear;
}
.siteIconContent .grayscale-switcher > a ~ ul {
top : 45px;
}
.grayscale-switcher > a ~ ul:before {
border-bottom : 8px solid #fff;
border-left : 8px solid transparent;
border-right : 8px solid transparent;
top : -8px;
content : '';
display : block;
right : 50%;
margin-right : -8px;
position : absolute;
}
.grayscale-switcher > a ~ ul li {
margin : 5px;
}
.grayscale-switcher > a ~ ul li {
margin : 8px 10px !important ;
opacity : 0;
transform : scale(0);
transition : all 0.2s 0.2s linear;
}
.grayscale-switcher > a ~ ul li a {
font-size : 18px !important ;
color : #0f253c;
}
.grayscale-switcher:hover > ul li {
opacity : 1;
transform : scale(1);
}
.grayscale-switcher:hover > ul {
opacity : 1;
transform : scaleX(1);
}
.adv-search .grayscale-switcher > a ~ ul {
right : -40px;
}
.project-card .grayscale-switcher > a ~ ul {
top : 40px;
}
.project-card .grayscale-switcher > a ~ ul li {
margin : 0 10px !important ;
}
#projectDetails .grayscale-switcher > a ~ ul {
right : -40px !important ;
top : 45px !important ;
}
.dark-mode {
background-color : black !important ;
}
.gray-scale-filter-Gray {
filter : grayscale(150%) !important ;
}
.gray-scale-filter-Bright {
filter : brightness(150%) !important ;
}
.gray-scale-filter-Contrast {
filter : contrast(150%) !important ;
}
.inverted {
filter : invert(150%) !important ;
}
footer h5 {
border-bottom : 1px solid #747474;
margin-bottom : 20px;
}
footer .grayscale-switcher ul {
margin : 300px 80px 0 0;
left : 0;
max-width : 100px;
}
aside .grayscale-switcher ul {
margin : 100px -40px 400px 400px;
display : inline-block;
}
#projectDetails ul li {
list-style-type : none;
margin : 20px 0 0 0;
}

↑ Top