stisla-jekyll 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +21 -0
  3. data/README.md +98 -0
  4. data/_includes/.keep +0 -0
  5. data/_includes/navbar.html +13 -0
  6. data/_layouts/default.html +37 -0
  7. data/_layouts/page.html +5 -0
  8. data/_layouts/post.html +5 -0
  9. data/_sass/.keep +0 -0
  10. data/assets/.keep +0 -0
  11. data/assets/css/components.css +1730 -0
  12. data/assets/css/components.css.map +1 -0
  13. data/assets/css/custom.css +8 -0
  14. data/assets/css/custom.css.map +1 -0
  15. data/assets/css/reverse.css +63 -0
  16. data/assets/css/rtl.css +399 -0
  17. data/assets/css/skins/reverse.css +78 -0
  18. data/assets/css/skins/reverse.css.map +1 -0
  19. data/assets/css/style.css +2980 -0
  20. data/assets/css/style.css.map +7 -0
  21. data/assets/fonts/nunito-v9-latin-600.eot +0 -0
  22. data/assets/fonts/nunito-v9-latin-600.svg +438 -0
  23. data/assets/fonts/nunito-v9-latin-600.ttf +0 -0
  24. data/assets/fonts/nunito-v9-latin-600.woff +0 -0
  25. data/assets/fonts/nunito-v9-latin-600.woff2 +0 -0
  26. data/assets/fonts/nunito-v9-latin-700.eot +0 -0
  27. data/assets/fonts/nunito-v9-latin-700.svg +439 -0
  28. data/assets/fonts/nunito-v9-latin-700.ttf +0 -0
  29. data/assets/fonts/nunito-v9-latin-700.woff +0 -0
  30. data/assets/fonts/nunito-v9-latin-700.woff2 +0 -0
  31. data/assets/fonts/nunito-v9-latin-800.eot +0 -0
  32. data/assets/fonts/nunito-v9-latin-800.svg +442 -0
  33. data/assets/fonts/nunito-v9-latin-800.ttf +0 -0
  34. data/assets/fonts/nunito-v9-latin-800.woff +0 -0
  35. data/assets/fonts/nunito-v9-latin-800.woff2 +0 -0
  36. data/assets/fonts/nunito-v9-latin-regular.eot +0 -0
  37. data/assets/fonts/nunito-v9-latin-regular.svg +437 -0
  38. data/assets/fonts/nunito-v9-latin-regular.ttf +0 -0
  39. data/assets/fonts/nunito-v9-latin-regular.woff +0 -0
  40. data/assets/fonts/nunito-v9-latin-regular.woff2 +0 -0
  41. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Black-FD-WOL.eot +0 -0
  42. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Black-FD-WOL.ttf +0 -0
  43. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Black-FD-WOL.woff +0 -0
  44. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Black-FD-WOL.woff2 +0 -0
  45. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.eot +0 -0
  46. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.ttf +0 -0
  47. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.woff +0 -0
  48. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Bold-FD-WOL.woff2 +0 -0
  49. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.eot +0 -0
  50. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.ttf +0 -0
  51. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.woff +0 -0
  52. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-FD-WOL.woff2 +0 -0
  53. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Light-FD-WOL.eot +0 -0
  54. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Light-FD-WOL.ttf +0 -0
  55. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Light-FD-WOL.woff +0 -0
  56. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Light-FD-WOL.woff2 +0 -0
  57. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL.eot +0 -0
  58. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL.ttf +0 -0
  59. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL.woff +0 -0
  60. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Medium-FD-WOL.woff2 +0 -0
  61. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Thin-FD-WOL.eot +0 -0
  62. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Thin-FD-WOL.ttf +0 -0
  63. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Thin-FD-WOL.woff +0 -0
  64. data/assets/fonts/vazir/Farsi-Digits-Without-Latin/Vazir-Thin-FD-WOL.woff2 +0 -0
  65. data/assets/fonts/vazir/Farsi-Digits/Vazir-Black-FD.eot +0 -0
  66. data/assets/fonts/vazir/Farsi-Digits/Vazir-Black-FD.ttf +0 -0
  67. data/assets/fonts/vazir/Farsi-Digits/Vazir-Black-FD.woff +0 -0
  68. data/assets/fonts/vazir/Farsi-Digits/Vazir-Black-FD.woff2 +0 -0
  69. data/assets/fonts/vazir/Farsi-Digits/Vazir-Bold-FD.eot +0 -0
  70. data/assets/fonts/vazir/Farsi-Digits/Vazir-Bold-FD.ttf +0 -0
  71. data/assets/fonts/vazir/Farsi-Digits/Vazir-Bold-FD.woff +0 -0
  72. data/assets/fonts/vazir/Farsi-Digits/Vazir-Bold-FD.woff2 +0 -0
  73. data/assets/fonts/vazir/Farsi-Digits/Vazir-FD.eot +0 -0
  74. data/assets/fonts/vazir/Farsi-Digits/Vazir-FD.ttf +0 -0
  75. data/assets/fonts/vazir/Farsi-Digits/Vazir-FD.woff +0 -0
  76. data/assets/fonts/vazir/Farsi-Digits/Vazir-FD.woff2 +0 -0
  77. data/assets/fonts/vazir/Farsi-Digits/Vazir-Light-FD.eot +0 -0
  78. data/assets/fonts/vazir/Farsi-Digits/Vazir-Light-FD.ttf +0 -0
  79. data/assets/fonts/vazir/Farsi-Digits/Vazir-Light-FD.woff +0 -0
  80. data/assets/fonts/vazir/Farsi-Digits/Vazir-Light-FD.woff2 +0 -0
  81. data/assets/fonts/vazir/Farsi-Digits/Vazir-Medium-FD.eot +0 -0
  82. data/assets/fonts/vazir/Farsi-Digits/Vazir-Medium-FD.ttf +0 -0
  83. data/assets/fonts/vazir/Farsi-Digits/Vazir-Medium-FD.woff +0 -0
  84. data/assets/fonts/vazir/Farsi-Digits/Vazir-Medium-FD.woff2 +0 -0
  85. data/assets/fonts/vazir/Farsi-Digits/Vazir-Thin-FD.eot +0 -0
  86. data/assets/fonts/vazir/Farsi-Digits/Vazir-Thin-FD.ttf +0 -0
  87. data/assets/fonts/vazir/Farsi-Digits/Vazir-Thin-FD.woff +0 -0
  88. data/assets/fonts/vazir/Farsi-Digits/Vazir-Thin-FD.woff2 +0 -0
  89. data/assets/fonts/vazir/LICENSE +51 -0
  90. data/assets/fonts/vazir/Vazir-Black.eot +0 -0
  91. data/assets/fonts/vazir/Vazir-Black.ttf +0 -0
  92. data/assets/fonts/vazir/Vazir-Black.woff +0 -0
  93. data/assets/fonts/vazir/Vazir-Black.woff2 +0 -0
  94. data/assets/fonts/vazir/Vazir-Bold.eot +0 -0
  95. data/assets/fonts/vazir/Vazir-Bold.ttf +0 -0
  96. data/assets/fonts/vazir/Vazir-Bold.woff +0 -0
  97. data/assets/fonts/vazir/Vazir-Bold.woff2 +0 -0
  98. data/assets/fonts/vazir/Vazir-Light.eot +0 -0
  99. data/assets/fonts/vazir/Vazir-Light.ttf +0 -0
  100. data/assets/fonts/vazir/Vazir-Light.woff +0 -0
  101. data/assets/fonts/vazir/Vazir-Light.woff2 +0 -0
  102. data/assets/fonts/vazir/Vazir-Medium.eot +0 -0
  103. data/assets/fonts/vazir/Vazir-Medium.ttf +0 -0
  104. data/assets/fonts/vazir/Vazir-Medium.woff +0 -0
  105. data/assets/fonts/vazir/Vazir-Medium.woff2 +0 -0
  106. data/assets/fonts/vazir/Vazir-Thin.eot +0 -0
  107. data/assets/fonts/vazir/Vazir-Thin.ttf +0 -0
  108. data/assets/fonts/vazir/Vazir-Thin.woff +0 -0
  109. data/assets/fonts/vazir/Vazir-Thin.woff2 +0 -0
  110. data/assets/fonts/vazir/Vazir.eot +0 -0
  111. data/assets/fonts/vazir/Vazir.ttf +0 -0
  112. data/assets/fonts/vazir/Vazir.woff +0 -0
  113. data/assets/fonts/vazir/Vazir.woff2 +0 -0
  114. data/assets/fonts/vazir/Without-Latin/Vazir-Black-WOL.eot +0 -0
  115. data/assets/fonts/vazir/Without-Latin/Vazir-Black-WOL.ttf +0 -0
  116. data/assets/fonts/vazir/Without-Latin/Vazir-Black-WOL.woff +0 -0
  117. data/assets/fonts/vazir/Without-Latin/Vazir-Black-WOL.woff2 +0 -0
  118. data/assets/fonts/vazir/Without-Latin/Vazir-Bold-WOL.eot +0 -0
  119. data/assets/fonts/vazir/Without-Latin/Vazir-Bold-WOL.ttf +0 -0
  120. data/assets/fonts/vazir/Without-Latin/Vazir-Bold-WOL.woff +0 -0
  121. data/assets/fonts/vazir/Without-Latin/Vazir-Bold-WOL.woff2 +0 -0
  122. data/assets/fonts/vazir/Without-Latin/Vazir-Light-WOL.eot +0 -0
  123. data/assets/fonts/vazir/Without-Latin/Vazir-Light-WOL.ttf +0 -0
  124. data/assets/fonts/vazir/Without-Latin/Vazir-Light-WOL.woff +0 -0
  125. data/assets/fonts/vazir/Without-Latin/Vazir-Light-WOL.woff2 +0 -0
  126. data/assets/fonts/vazir/Without-Latin/Vazir-Medium-WOL.eot +0 -0
  127. data/assets/fonts/vazir/Without-Latin/Vazir-Medium-WOL.ttf +0 -0
  128. data/assets/fonts/vazir/Without-Latin/Vazir-Medium-WOL.woff +0 -0
  129. data/assets/fonts/vazir/Without-Latin/Vazir-Medium-WOL.woff2 +0 -0
  130. data/assets/fonts/vazir/Without-Latin/Vazir-Thin-WOL.eot +0 -0
  131. data/assets/fonts/vazir/Without-Latin/Vazir-Thin-WOL.ttf +0 -0
  132. data/assets/fonts/vazir/Without-Latin/Vazir-Thin-WOL.woff +0 -0
  133. data/assets/fonts/vazir/Without-Latin/Vazir-Thin-WOL.woff2 +0 -0
  134. data/assets/fonts/vazir/Without-Latin/Vazir-WOL.eot +0 -0
  135. data/assets/fonts/vazir/Without-Latin/Vazir-WOL.ttf +0 -0
  136. data/assets/fonts/vazir/Without-Latin/Vazir-WOL.woff +0 -0
  137. data/assets/fonts/vazir/Without-Latin/Vazir-WOL.woff2 +0 -0
  138. data/assets/fonts/vazir/font-face.css +59 -0
  139. data/assets/fonts/vazir/sample.png +0 -0
  140. data/assets/js/.keep +0 -0
  141. data/assets/reset.css +6 -0
  142. metadata +240 -0
@@ -0,0 +1,78 @@
1
+ body.skin-reverse.sidebar-mini .main-sidebar:after {
2
+ background-color: #6777ef;
3
+ }
4
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active > a {
5
+ background-color: #fff;
6
+ box-shadow: none;
7
+ color: #6777ef;
8
+ }
9
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a,
10
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
11
+ background-color: transparent;
12
+ color: #868e96;
13
+ }
14
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a:hover,
15
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
16
+ background-color: #fcfcfd;
17
+ color: #191d21;
18
+ }
19
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active ul.dropdown-menu li.active a,
20
+ body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li.active a {
21
+ background-color: transparent !important;
22
+ color: #6777ef;
23
+ }
24
+ body.skin-reverse .main-sidebar {
25
+ background-color: #6777ef;
26
+ }
27
+ body.skin-reverse .main-sidebar .sidebar-brand a {
28
+ color: #fff;
29
+ }
30
+ body.skin-reverse .main-sidebar .sidebar-menu li a {
31
+ color: #dadefb;
32
+ }
33
+ body.skin-reverse .main-sidebar .sidebar-menu li a:hover {
34
+ background-color: #6070e5;
35
+ }
36
+ body.skin-reverse .main-sidebar .sidebar-menu li.active a,
37
+ body.skin-reverse .main-sidebar .sidebar-menu li.active a:hover,
38
+ body.skin-reverse .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a:hover,
39
+ body.skin-reverse .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a {
40
+ background-color: #6070e5;
41
+ }
42
+ body.skin-reverse .main-sidebar .sidebar-menu li.menu-header {
43
+ color: #afb7ff;
44
+ }
45
+ body.skin-reverse .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
46
+ color: #dadefb;
47
+ }
48
+ body.skin-reverse .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
49
+ background-color: #6777ef;
50
+ color: #fff;
51
+ }
52
+ body.skin-reverse .main-sidebar .sidebar-menu li ul.dropdown-menu li.active a {
53
+ color: #fff;
54
+ }
55
+ body.skin-reverse .navbar-bg,
56
+ body.skin-reverse .navbar {
57
+ background-color: #fff;
58
+ }
59
+ body.skin-reverse .navbar-bg .nav-link.nav-link-user,
60
+ body.skin-reverse .navbar-bg .nav-link,
61
+ body.skin-reverse .navbar .nav-link.nav-link-user,
62
+ body.skin-reverse .navbar .nav-link {
63
+ color: #000;
64
+ }
65
+ body.skin-reverse .navbar-bg .nav-link.nav-link-user:hover,
66
+ body.skin-reverse .navbar-bg .nav-link:hover,
67
+ body.skin-reverse .navbar .nav-link.nav-link-user:hover,
68
+ body.skin-reverse .navbar .nav-link:hover {
69
+ color: #1a1a1a;
70
+ }
71
+ body.skin-reverse .navbar-bg .form-inline .btn,
72
+ body.skin-reverse .navbar-bg .form-inline .form-control,
73
+ body.skin-reverse .navbar .form-inline .btn,
74
+ body.skin-reverse .navbar .form-inline .form-control {
75
+ background-color: #f8f9fe;
76
+ }
77
+
78
+ /*# sourceMappingURL=reverse.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../sources/scss/skins/reverse.scss"],"names":[],"mappings":"AAMM;EACE;;AAKI;EACE;EACA;EACA;;AAMA;AAAA;EACE;EACA;;AACA;AAAA;EACI;EACA;;AAIJ;AAAA;EACE;EACA;;AAShB;EACE;;AAEE;EACE;;AAKA;EACE;;AACA;EACE;;AAIF;AAAA;AAAA;AAAA;EAIE;;AAGJ;EACE;;AAIE;EACE;;AACA;EACE;EACA;;AAIF;EACE;;AASd;AAAA;EAEE;;AACA;AAAA;AAAA;AAAA;EAEE;;AACA;AAAA;AAAA;AAAA;EACE;;AAKF;AAAA;AAAA;AAAA;EAEE","file":"reverse.css"}
@@ -0,0 +1,2980 @@
1
+ @charset "UTF-8";
2
+ /**
3
+ * Stisla
4
+ *
5
+ * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
6
+ * Stisla will make it easier for you to create your own admin interface.
7
+ *
8
+ * @package Stisla
9
+ * @version 2.3.0
10
+ * @author Muhamad Nauval Azhar
11
+ * @url https://getstisla.com
12
+ *
13
+ */
14
+ /**
15
+ * TABLE OF CONTENTS
16
+ *
17
+ * 1. Variable
18
+ * 2. Mixin
19
+ * 3. Bootstrap Override
20
+ * 3.1 Misc
21
+ * 3.2 Form
22
+ * 3.3 List
23
+ * 3.4 Alert
24
+ * 3.5 Card
25
+ * 3.6 Table
26
+ * 3.7 Tooltip
27
+ * 3.8 Modal
28
+ * 3.9 Nav
29
+ * 3.10 Pagination
30
+ * 3.11 Badge
31
+ * 3.12 Button
32
+ * 3.13 Media
33
+ * 3.14 Breadcrumb
34
+ * 3.15 Accordion
35
+ * 3.16 Popover
36
+ * 3.17 Grid
37
+ * 3.18 Navbar
38
+ * 3.19 Dropdown
39
+ * 3.20 Tab
40
+ * 3.21 Progressbar
41
+ * 3.22 Jumbotron
42
+ * 3.23 Carousel
43
+ * 4. Theme Style
44
+ * 4.1 Misc
45
+ * 4.2 Section
46
+ * 4.3 Page
47
+ * 4.4 Layout
48
+ * 4.5 Animation
49
+ * 5. Responsive
50
+ *
51
+ */
52
+ /* 1. Variable */
53
+ /* 2. Mixin */
54
+ /* 3. Bootstrap Override */
55
+ /* 3.1 Misc */
56
+ @import url("//fonts.googleapis.com/css?family=Nunito:400,600,700,800");
57
+ .btn:focus,
58
+ .btn:active,
59
+ .btn:active:focus,
60
+ .custom-select:focus,
61
+ .form-control:focus {
62
+ box-shadow: none !important;
63
+ outline: none; }
64
+
65
+ a {
66
+ color: #6777ef;
67
+ font-weight: 500;
68
+ transition: all .5s;
69
+ -webkit-transition: all .5s;
70
+ -o-transition: all .5s; }
71
+
72
+ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion,
73
+ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
74
+ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
75
+ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
76
+ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
77
+ margin-left: 4px; }
78
+
79
+ .bg-primary {
80
+ background-color: #6777ef !important; }
81
+
82
+ .bg-secondary {
83
+ background-color: #cdd3d8 !important; }
84
+
85
+ .bg-success {
86
+ background-color: #63ed7a !important; }
87
+
88
+ .bg-info {
89
+ background-color: #3abaf4 !important; }
90
+
91
+ .bg-warning {
92
+ background-color: #ffa426 !important; }
93
+
94
+ .bg-danger {
95
+ background-color: #fc544b !important; }
96
+
97
+ .bg-light {
98
+ background-color: #e3eaef !important; }
99
+
100
+ .bg-dark {
101
+ background-color: #191d21 !important; }
102
+
103
+ .text-primary, .text-primary-all *, .text-primary-all *:before, .text-primary-all *:after {
104
+ color: #6777ef !important; }
105
+
106
+ .text-secondary, .text-secondary-all *, .text-secondary-all *:before, .text-secondary-all *:after {
107
+ color: #cdd3d8 !important; }
108
+
109
+ .text-success, .text-success-all *, .text-success-all *:before, .text-success-all *:after {
110
+ color: #63ed7a !important; }
111
+
112
+ .text-info, .text-info-all *, .text-info-all *:before, .text-info-all *:after {
113
+ color: #3abaf4 !important; }
114
+
115
+ .text-warning, .text-warning-all *, .text-warning-all *:before, .text-warning-all *:after {
116
+ color: #ffa426 !important; }
117
+
118
+ .text-danger, .text-danger-all *, .text-danger-all *:before, .text-danger-all *:after {
119
+ color: #fc544b !important; }
120
+
121
+ .text-light, .text-light-all *, .text-light-all *:before, .text-light-all *:after {
122
+ color: #e3eaef !important; }
123
+
124
+ .text-white, .text-white-all *, .text-white-all *:before, .text-white-all *:after {
125
+ color: #ffffff !important; }
126
+
127
+ .text-dark, .text-dark-all *, .text-dark-all *:before, .text-dark-all *:after {
128
+ color: #191d21 !important; }
129
+
130
+ .font-weight-normal {
131
+ font-weight: 500 !important; }
132
+
133
+ .lead {
134
+ line-height: 34px; }
135
+
136
+ @media (max-width: 575.98px) {
137
+ .lead {
138
+ font-size: 17px;
139
+ line-height: 30px; } }
140
+
141
+ h1, h2, h3, h4, h5, h6 {
142
+ font-weight: 700; }
143
+
144
+ p, ul:not(.list-unstyled), ol {
145
+ line-height: 28px; }
146
+
147
+ .shadow {
148
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
149
+
150
+ .text-muted {
151
+ color: #98a6ad !important; }
152
+
153
+ /* 3.2 Form */
154
+ .form-control,
155
+ .input-group-text,
156
+ .custom-select,
157
+ .custom-file-label {
158
+ background-color: #fdfdff;
159
+ border-color: #e4e6fc; }
160
+ .form-control:focus,
161
+ .input-group-text:focus,
162
+ .custom-select:focus,
163
+ .custom-file-label:focus {
164
+ background-color: #fefeff;
165
+ border-color: #95a0f4; }
166
+
167
+ .input-group-text,
168
+ select.form-control:not([size]):not([multiple]),
169
+ .form-control:not(.form-control-sm):not(.form-control-lg) {
170
+ font-size: 14px;
171
+ padding: 10px 15px;
172
+ height: 42px; }
173
+
174
+ textarea.form-control {
175
+ height: 64px !important; }
176
+
177
+ .custom-control {
178
+ line-height: 1.6rem; }
179
+
180
+ .custom-file,
181
+ .custom-file-label,
182
+ .custom-select,
183
+ .custom-file-label:after,
184
+ .form-control[type="color"],
185
+ select.form-control:not([size]):not([multiple]) {
186
+ height: calc(2.25rem + 6px); }
187
+
188
+ .form-control.creditcard {
189
+ background-position: 98%;
190
+ background-repeat: no-repeat;
191
+ background-size: 40px;
192
+ padding-right: 60px; }
193
+ .form-control.creditcard.paypal {
194
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzhDMkFERDA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzhDMkFEQzA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzjbbwAABEdJREFUeNrsWGtsk1UYfnpd13Yd68boXOmAgnO4VSfLUBIhRhYIGkPMDHHGCJloNOIPL9EYkKB4SURiovBnRn+QQaZchUgQp8KcDlh2MawwV7YJG1u3sVtvWy9fPef9sMt0Gp1JQ/KdNzl9z7Xt85znfd9+VdlLKx0APmVtFWt6KMPCrJ1h7WmNJfeeg6xTxpoGyjGO1clasZq9rIRy7X61gmQ/oxLUULgJAgQBggBBgCBAECAIEAQIAgQBCjXtbA8+UlaKPTufmXrADkdx+UoPtu3aj6aLnbN7MtGnILPABZVKJU/E44hFwgj0X0doePBvz/H98jk1Btuak6OAVffeSZ6D/qymFgM3RuEqWIAPt22ieb1eiwX2bOQ7c5GZkUZzOp0W9pws9gg29bGGFD3NmU2p0JnTCIwUiyI46EUkGCBSLI6FUOt0HCnzemhTjeQTt2g00T4pFkmeAkpci8nvrvoKJ79vgrvjGnZt3Uhglxffjpq9r0wDeqK2EQ1N7dj56hP48kQ9Xnr7cwJde2AHbptnxZY3q/Cd20t7J4ZvwNf7G4HKWnqXrA4GODO/CGrt1FeOToQw4rkEndFM40jAnxwCrHPMWOSYR32fP4TSu5fgqcceoHF942Xyr7+3D13XvKQCTszDD5bg0Nc/0VpRQR75Fzc9ROCb2zpx7JvzsOYX0rwUjdAtm7Jz5DELAykaRWCgD9FQkFRimb8QWkMq22eCzvQHAYHkELCsaHGif+CTlxP9C60d2PpBNZHjuiMP5evuQ67NSmtXewdxydNDfafDBmeeDZsfL2NhHqe8AaYWDoibOcdOjVssHMZYt4cnBKg1Ghjn2pgy9AklxCZDUwoIJkkBJS4neX7DR0+dw/CoHy3uLrS0dWH9muX4+K3NtFZ95CyRUbF+JS784kFv/zD8wQmYjQbsfedZaLUa1Bz/Ea3ubugt6XLekyQW//0snmNM4kFEfONQ8+TI5M9zQHDIi7BvDGm5DlIGJ5ATEqf9oWQRICugav9p7Dv8w7S18nUryH9xvB5HTjXgo+2VNG5s9ZBvv9LLFOTE0iXz4Q+E8P6eQ3LSNMqJcnJsBP6+nmnvaUjPgIrd/uT4KILePhizbXLlYTH/f25/1lXAdTOGf2ZJ7c92sf0q+deefxSnq3eguHARjRua5b2/dl5P7OUJdGjEJ1cIlsllUL6/vGeEKYFbimUO5hYWw2DNkuf94/947t+Yyl5aGf+vh3KyMyBJcXiHRmesySuW5VN5O9fSgYx0E1WD7p4BWn/jhXI89+RaeLr7UFaxHdGYJN8Ei2mVWsNifnJmqbKkqEkxIMpuPR6XqAxyyfO8wPsx1ufhkBQCZmtp5lTUHXyXSmXFlt2oO+9W1k/hyg2rCfzhkw23BPikK0A8DAkCBAGCAEGAIEAQIAgQBNxiBIQVjD/GCTirYALqOAH8H4tvFaaEyE3MG38XYABCjHjqM0/uowAAAABJRU5ErkJggg=="); }
195
+ .form-control.creditcard.visa {
196
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0ZCMEUyQjA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0ZCMEUyQTA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGpUrQAABKJJREFUeNrsWHtMW1UY/3ELFAq0tCuDQjtbnm7SjbkBA3lMN4LO6QwxzmWSmKiJfyiJMWaJ/0m2mCzTaJYZXTYN6kKi0z/cDIsyF0eGcxuMOXkMxvv9KOXVVvr0nHPpbe8kMUpS/uj9ktN77ndPzznf73zf7/vujSg6WL8JwBnSykmLRniIk7RfSXs1kvycJW0vwkvoQVeQVseRnzKEr5RyYeT2q4mMQ5iLBIAEgASABIAEgASABIAEQNhK5H8ZrI+zotLQiQr9PWjkNqbz+DhcGDTjk/ZS0dgXnsrGk6VG1u8ZnMP7n93AB0fKoFbFMN2Jz1vQcd/C+rqkODxfmYWduclITY4n9SmH2XkHmm6N4uMvb4vmfbN6O7blaMFxEey+5ugVLNldoQFgxKbG2a5i1HUXoiqjE4czbyCWs2Pfpj9xuuMxuH28Q9HNHdr/MJI3KNj9dz/1IFYeiV15qYjg9w2L1cGu5fl6vFdThOgomWit1I3xeChNKdLt2qbDoadzRLockwYt7ZOhDQG3V4bzvWaM53+BUc6MaM4Do9Ii2qjf+LnFZTQ2DzFj/MbbHC5MWuwMlCOv5QvG3+maZid+6lwbLv82hPYei2jdlw5s/sdecrM2hC4EgsXr9WFmwYu8/R9i8Md3ka2awv35JPbswJ4MYdzFK31Ydnpg0gdOc2BkgV03Z2iQqJQL+tpT1zE+bVt1vWyjGo9u2cj6M8R7tOpY1n9kjQCsiQR/vzMOjSoWun3HkJ7kZTq6seLtqTw/eHzM/amY9Crhf30j8+w6v+QUzXeCcETJjrRV16qqyBT61EPo3FS2ZK4rABPsqklUwFRWzfrPPpEOmYz39ebbY5icsbN+ukEV5AE8AL1Dc/jhcq+gpyAdf6cUp2v3wpCSIOgTE+SoXCHUuYVl/HJ9mBCrlV+bkCol0XUBYGrWjr5h3piCnTlI0cbhmccD7v9NQ7fQN6YFAOhfCQEqx8/cwsmv27BoC3hDbrYWn9bugSqBD4/nyOnLo3me+Ll5EC63F3e7Z4TxawmDNdcBNAzYpxVy6jXVeUjWKgQjWzt4dqZkl5KkCAAwOh/gEp8P9Re7UPXGBXx7KQCYWhmD8gI9mzfY/ScIR+Sbk+F0eYOIUBt6EhQA+GOCpTwquwsNgp7Gvo8PU5YBuJUUYHe4WVj4T5QSpD8zfFTXisoSI5Txga90uwsMAuH564AHhZLpugHQ1jnNjPAbRGWJuHPD1f6g2FYGuT9/+ltJMXPsrRJcaxlF94CVnWgZqQn8xrs9Xtwk4NbWFP/rHnJMakRFciw0Qg6A0+Uhrj6FojydoGtoGoDjL7eI3B4EgOriFVGM3PwEF5xiT37VRsg1RohvCsjhtxtYXSGkTVJAFZKag9YRWSRN+ivLkAJApZEQkzoon5+/1CN6LiOVYVffLO8xpNihcq/fikZS7JgJ4SURF6ceMG21M4/6noQPff76i1sxNrXExt+8O4nhiUXRvNdax2DQ8dlCT0ro/wNARNHBep/0NigBIAEgASABIAEgASABIAEgARCeADjD2H4PBeBqGAPQRAF4hb7QhZknuFZsfvlvAQYAHheK9jMfKWkAAAAASUVORK5CYII="); }
197
+ .form-control.creditcard.americanexpress {
198
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkI5MDAxRjA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkI5MDAxRTA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jutENgAAB2FJREFUeNrsWGlQlWUUfi7cy2VfZFdAFkUQUVxAwz3TLM3d1DQEpRzN1GaymHEdl6yxcVyyUcfQynBJUxx1zNBEMERRSBkUEdkR2ZEdLtzOebn3E4p+hEN/7j0zL5fvvd/33vc855znPO8n6xMR4wbgMI2xNIygG9ZEI5ZGuJz+fEfjDeiWcaAn0vjegP6Mge7aaAMdSvvOzNAAOm56APQA6AHQA6AHQJdNrv2np7Uxrn4aDLmhTFw3NLfi0v3nmDXUWbq5plGFcV/dRC8bE0R/HNSlH6xvbkHG81r0cTCDqZGhmKusa8bVh6UY420Le4vOZclPt/KxcISLdN3Sqsa+q1lYM9FTmvv610wcvJ7dNQDeD3bF9fRSRJxOE9e7F/jj7YGOuJxajPW/PBRz+xYOxOKRbnCxMcbppEJ8eSlDzB8ODRD38Vx72zbLFym5VR3mFSQ9RnjZYNtMX4QfTZGeZ9iXRCbjWVWDmLsRMQqTd91CXZMKkwc4Yv073lIA2EJpH8vHu+NJcS3mH0gSv9XlDLA0lmNeYE8sOZICbydzFL9oxAFC8tgHQ9CsakVVvYoio8Q3hPiBkIEwkhtgyu5bMFPKUVjZABVFo54yRk7O7ZrnJy3e19EcCZkV0jzfdyW1BCfvFJBTDqhtbBH33c97gYgzaZjY3x7LxrmTPJPh5O0CFFc3YlqAE87cK8SK191hQfvkvfQwM8K3v2fjTVqjVa0Wc7zPLnPAu+Q8I8nRWkRpFkLZkPi0AmmF1dKNoSNdcTurAulFNYh7XIacsnosHe3WYbE6cugEbVw72AE2djy3vB75NEpqGkXq+/WykJ6Lf1IO8gNbZ/qguaUVk/zscfRmnnBw7WQvyg4ZfvwjT7o/fIwbbM0VWEeZyc+9EglySoaQc4dicyCjPIzLKEcKRYSN57T2lr8D3GxNRN3x5kZTvfbvafE3YS2Daw8TaZgoDCRgOKKn7hQi4UmFeM7OXCk9p9Z4wZniZW8muIczq6K2CXtjsmBtKhfPvmhQifvMCMAtM3yQTAE7lpD/aiQ4dZAjmlRqXCMSCu7TA3JyQk4/MMzdWtS1r7O55Fz46N7YeO6RuOby+LspyeGRtIbWLIwV4pOJ7ezKIJTVNCG1oFrU/t3sSum+IA8b8bmJ1p7k54CDBHxvAru3ramY5zXPJRcJELQ23scOU4ijTiUVvBoAYaNccSIxH3a0yb3v+YuNGVEkPOxNMX3fbUSnFMHKRA4DSg/uCJHxuXC2UmK4p40oGf6OQeNoqyh9V0U96ECCPM+1y7b9YgbCKNv4GY65mbKtCwR6WGPz9H6ibOIzHomM2Ditn+gUXGrj+tniOfESZwY/yxxUQBmygYiRs6CWyFEh71pHl6nVL6uIa56d5mhfWxssWmN7K6GaZjJkq6htho2Z4j/92OrjqdizYMA/5quoDcYSr7xG3cHW3EiAzbuatCsB2aV1wlHmpfYWRW3R0coYE3ztXqkNyvpExKihw6ZXgt21cMaOCf/6HbfSBQfvYgoR8JbpPqL7tLdG6umc+nZUDlwS7a2aOgF/5+9i2enadU0tyKN2y91Eq2rZ8ivqRftlDfG/AMA2dU8iijTK7mXRybCZCO7MikDYEvHOIxXHLa+huaWDWhxAOmE7kega4o34jDLpOxZfM4c4C5LWqkKtBbhZYedcP+y8/KStlWvobeUET0Go2y48RqlGm7BdWD2iewHgaLFemDuspzTH7eyzn9NIavvh89O5guU3TfMWBPnJJC8EuFqKdrmW7jlCHaeWIupoaYx1U/uSSFLjBxJE+69lkUJ0FAqQyVFLhNxtTpHKjE0vwxezfWGubHOvn5OZWN+QwN8686VktiJ9Ie/uGksrrBHtjc2PBNAO2hgD89GxB6KlHftwKLSJygLH0kQhNL8QSFJJtAglqSIA+ODkYWcqpTK37RJNVHl97gwiun8+F+XDgiyI2qwDda97OVW4SK2UgRpM2WIsN+x+ACzJSd5EmyBSCu3OeqFNXBlAQS2XpTLbriuZlP4kfClS3BLDRrlh/dlH5GCTUJL8WEZxDeYH9RKtmo1bcfv1Zwx2Ih0jQxIBwxkSGZcjOGE3tV8ORC5lXBZxCB/QmGO6HQA+ObZXh1zTiU8rcWjxIJHKoXQC3Eqylo01wjhSeHzUZaKTa5xk6czKs4Yy5xRtnGt8OR2a2DyJ7LTrc2SZTxjAQFKXvE5CZjkp3VZBvC50jOfhaKkUZx0+d3QrALwhPjjxkPouObV/kT+lqhIHQwYhLDIFm8+ntylKIr9N0elC5LAdXzZUlAVrNVaCUYkFcCeJzKdXThp+Jjr5mRhaEpxDfLPh7EMpwzyJLFfQsZnPNVoyNVYYYjap2pF9e3QvABdWD+90nk+Vc/YniUPY+VUdX6z8llbS4Xq3RjlyZNnYwTkaUk3aOLbT9fmorX1pUlTVSGRoKK2jfbHDL2VWRaXqlaD+pageAD0AegD0AOgB0HEAmnTY/xYG4IYOAxDHACylEaNjmdCs8Tn0LwEGANFzD+vUOoKUAAAAAElFTkSuQmCC"); }
199
+ .form-control.creditcard.dinersclub {
200
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZFN0NDMjA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZFN0NDMTA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DhLVaQAABA5JREFUeNrsmHlIFFEcx7+r5qqb95GWeaRWpBamhhZ2UFKupZ2S1h9Z0QkdEFF0KR0UEf1RWFAWREFaJF1GEZgWphGdVt6laZalrpjttofbe2s7u9OYGbQxy8wP3rIz83tv9/eZ3/WeBPITAQBOkzGFDHsIQ9RkFJOx0hZhsy+TL4lk2EI4Qm0NISPKhnxMhnAlwUZAbt+nJ9hA4CICEAGIAEQAgha7//EjwzxlWDZjFBKj/DHE3Ql6vR5eLg7wdnVkdLpVWjS3daOioR1Xy94i/34dVGqdxf+bhLTCekstLh1ki+ylMVg4KQQ5NysMRjV96Waeuw+WQh4bgI0pkYgd6cOa+6G9G1vPlOFCUY11AnCV2aMwW4437xXYcPIBvn3X/j4OJRJsTI3E4RXxpDORsJ7l3qnE6mPF0PVY5j3RvUDWP48r0l/d2JOE4pct2HyqFBpdT7/61LSyyk94Vt+GtIQQAxCjjA/xgp+HDNcfNVgPgC0LxpEYd8S6nBIWlPBAd7QqlMy9Eb4uBjhqbS+gqmYFVBqdIVeYS3SoN2pbOvHyXTv/qwB1/fWzI7DmeAlJdr33PJ0dcO9gCrYtimLpzowejoqcNIwN9mTuHbnyHK8bOzjrHl4eD0d7O/4DyJgahmtl7/C5U8nEd8GumZg0xrdP/UAfZ9zemwwft96KQGP9QP4Tjp6fhxMWJYzgPwB5TAAuPahjrhdPCUVCuF+/c3xJady5OJq5vkoAarTcvDFnQhD/AVB3flr3hbleQjxiYJ4TCmPu+6rUoJrkg18lJsyb/wAGOwxCFzHAKKOHuw1oHs0TPmaN0ccOZZ9hwHsAKg273uv/onybq37X6PrsF3gPgLa0TlJTtn7VOLDSRcujeYn095JxdFo6vvEfQCXp/CZHmJLeQFvZC/dMeh7OUtIzeHB0yqs+8R/ADdKxzZsYzFzTilD0ornfObUfOrH/oqn0pcYFc1piKgWlb/kP4HxRNaaP8zeUNmMOmL/vDu4+a/qt8Ul7CtHWpWI6xu1pUVzPalIQmPXWsRlaNWsMUuICMSf7FpMEaQILG+aKqiYFqwmica9UmxLn7vRosoOM5STS5KxC3HrcaB0HIqduvya1XItDmXHMvR5ihbnxVBpau1jGzyehszsjhrPejnPlFjHeYgDoG8s8WoTgIS44u3ka3GTSfvXt7XrdPm9bIiv26Tr7857g4KWn1nkgQt1+09xIrJWHk9xQgyul9awdHS11NOFtSo1E6FBX1ly6IdqS+9Bib/6/ADAKPf5KJ3uClLggwxaYgqGbH/N+gR6YNH7+isc1rYZsf628Ado/nCNYDQA+i3gsLgIQAYgARABCB6AWsP06CqBEwADuUwAryLgrME/Q/LR52Q8BBgBm3GJpfFCpogAAAABJRU5ErkJggg=="); }
201
+ .form-control.creditcard.discover {
202
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTYxNkM1QzA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTYxNkM1QjA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nbpv+wAABOVJREFUeNrsmnlQVVUcx79gGWtvGCuteBgOSykiISQaO5GgwWtKZlJkMfpDrZQmBNOCxqJF0UlsEaPYbAMCCp1JnjFsZSKyiRA8FkGCARyBx9Lb7judexzuSKMNIU7Lu7+Z39x7f++sn/P7/c59d44RIcQGQDpVH6rzYRiioVpO9QUjCkBOb56AYUoZD0BtQCv/Z+F4AAQGLCIAEYAIQAQgAhABiABEACIAEYAIQARgkGI804J2Do5MXVxXYld8PIaHR5h92/YXESp7GjzH+IQEPGgthZPzCuTm5l378qDRMPt9ixbB1NwCXt4+1xrUc9CUpGEiKQDju9zw+0cx0Pe3o7a2jvWTn/+t0HdjYyOz5eXlC+Pg1dXNHS0tLcKzx5o1+Dwj4/YA6OnpgYO9PRwc7PHxJ0fhFxCAsbExDA4Noa+/HyVyOT44nIqQkBAE+Pujo7OT1QuPiEDqkQ8hC5Vhz2u7MXTlCrOrvk6CunA/9IOXQMaHoWsqw+T+Z7HiAQmMjY1xNC1N6Ds7JwcDAwMIDAxk41hsY0PbC8W64CAKWMtsPt7ekNwtwdZt2xnEGQuZodx5lwnJys5m9z+fOUPmm5iSd997nzyzIYysdH+MpB07xspQEEKds9XVzEZXRbCNjIwQrl9BlFuX3FAn03eQt95OZvXa29uJVqsl1KsIBSmM43DqEaG9+voGZisrLycdHR3sPuf48ZlOixjPJm5We3jA2Xk5KisrBVtwUBDuWbAA658KwdqgYOa2VVU/wdLSElGRkUI5iUQCTnHu5p9o6G9RkREwMjJCRmYm5KdPMy+LjooSyiS/k8xc3tfPX7CVlJTgzX37mPe4u7nNeC53zDp50I54nRKpVIoLFxqRnZ2DlJQUBK9bj9jY2L/fMNGztvz9/JCVlY02hQLW1tbseUqcljnBxcUFVlZWgo0PMz7f5Od+A0dHx7nPAddLTc15UNeDr6+vYBsdHYWS6iuxO7F37x4W60sfeZjlCRo6QjmlUol5S1xv2vY8O3d25Vd8YHAQRUXfMY+4HrZMJsPBlAN4nfYzJUmJiexa39Bwe7ZBGvMswVlYmKOwsIhSdkBZaSkio7egu7ubrsoy0DhEzPNbkEuzNQ+js6Mdz23ahOLiE4jYvBk2NlJ88eVX+LX5IlSZcdCeLZw+mPmmMNtdBOP77aBSqSBd/BAD29rSDFtbW2EcXp6ezANMTU0QtiEM7qtWQV5yCgUFhfg0PR1VFRVwdX10bpMgn+h4fdzTi7yRmEjoSjL7q3FxZGN4OOnt7SV0OyRmFpZkqdNylpR4UavVhG6b5N6FC4mJmTmrz4TTEdX3h8hYwmqifMmRTBzcSHTdTdP6fHnHThL45NobjoNXmgNIa2sru6deSSgsZouMjp5xEhTfBEUAIgARgAjAECeuv9wMddEBwwOgH+qBpvgQtDUn2VunwQDgOmuh+TEDuvpT7K+4YYSATgNdgxya0kwGwGByAHepAbqaE9D+UgAyMWIYSZDraYKu7gfozp9kcf6/3wWIehKcohpccwVzc/3Vvllvg/+JIzL8hPVdddC1nwPXRifeRWNap71lx/l3HpLidND3K8Bdvsjimeuqh/631mnZe46EHZLij8l9RtX7n/AEMn4V+j46WTpBfW8zU66vbS5W96+Eb5w/JhfzhwADAEp6pBLh7YWZAAAAAElFTkSuQmCC"); }
203
+ .form-control.creditcard.jcb {
204
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJEODgyMDA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJEODgxRjA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RS3J7gAAA3pJREFUeNrsWHtIU1EY/22z+Zo1Tc10zVctXSWZFib2olIxE6KgoqclERRoUPT4wzAii6AIgrCkt2UU/lVYUfaCHqL5gLKmtsxX6dxSm489XOcec2gzZ7Bi894ffLtn537n277fPef3nXN5WJwjBZBLbBExIdgBHbFnxNIECFp5hzSWExOAPWByDSUWyScfC8FeLOCzaNoPOxP4YDk4AjgCOAI4AlgNJ1sGm+IrwpndsUiYJ4Gbs2Vo3pLz9Jq2Igz718/G1IDxFj4HLxTj+I1ySHzccXrXfCTFSEeMZTcEuLs4oehU8rBJDcbOFDnO7Ykb0ceVJPyYxJJJJjjOElizKMRq8gz2rYuw6rMqLui/JG9TAiZPdBuVX5Cfh1Uf6STR2BVBPo/HVYExWwV+R01jB9q1OtoerA+azl6UfGxFU1sXdPo++IhdEOI/HuFSMb3/Vd2FUoXKIh4TY4K70HEIyDj7Evdef6Htu9mJ9Jp64inyHtVAb+ijQjcj2BPNhIjymjZkrJlFfS7fV1CTB3qSiiBAQ6sW3zTdcBEKcOvwMqTEBjoGAcOBSYxB5uY5yEqNNvf/6NajvkWLqw8V5r78zKWYFeKFd581mJl6Gz06Iwrf1Ds2AfRHySn80MbIIX0i13EIDxQP6Tty9S28PJzxvk5Dv88N80H66pmOKYIC/t+rv5wQEjXdG8uiAmj1qKxV4+bjGvskQFHfbha8gSld+Undv20luU8btLExGPuQnVc+ZDzjX1X33WJztSM5HAc3REIsEqJXb8TRa2V0vN0tgYIXStx9VYc5Mm/4ebmhuKqFqrzzOAGObItGqH9/FdiSIMMN8hSzrpQiv6gW8iAxUf1ulFWrzCI4gKQDhRA6CSg5alI56PhEGV1CtgIPi3NMtgi0d20ENsXLoGzuQFtHL0wmE/wnuiNG7gtPso4HDjCmJztoMrQMqkgZNBjhK3Y1l8HMSyW0DO5eZbnWGT0Inuxhn4ch5qlEEMVmzBqYROKjJX+8z8ygKDKTuJ3gWCLA2GdiNwHK5s5R+TWqtDaLZVcEnMyvsOpT3dCOgudK67FuVdjsf/3znWBtUweOXS/DxcKPf/Tp6jXgQXED0snZQdtjGDEW87os994H+yuDnAhyBHAEcARwBHAEOCYBOhbnb2QIeM5iAl4wBGwn9ohlM0H/K+etPwUYAO7UFu8nZtFbAAAAAElFTkSuQmCC"); }
205
+ .form-control.creditcard.mastercard {
206
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REIxOTA4NTA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REIxOTA4NDA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XxeyrgAABOJJREFUeNrsWmtsU3UU/93e2wdryzo21r2f7GX2YGOsC+KmM5MoRMyWICrgC2MkYCSRT8ZADJqIUePzg4iPRGMEBaODoV8UFhgje7ixh869YOs65rq1g7brvb33eno18YsZdq3pTHuS0/b/zz23//O7590yTOXzGQA+JK4l1iAyiCc+R7ybZVI2fEUf6olZRA75dc0lLlfRSw0il+5QRZDZ/6MlqBDhFAUgCkAUgCgAEU3cf3HTlaKAxrmrqJ+fRLHHgViRV/Zt6hX4OWYVTsemoZnYxzB/PwlGxubkMeKrqE6YQqLWDY1KgkPQoscRj7NTmfjyWh6cQmizNkOlsByymxHvsg/hwFQfjATCYjSmMeDF1HKcN5pRlziBwyWXkG90LCozT8q/MlCJYyO3QV5uAKhlCe9ca8O9TmtAcheK43FPw3BAMt9NZuPp9rvAS8F7sL8XOBSKJ//2eBs2B6i8nzKmPbBDB2PWwr+WKSBLyTU4FSCWRRB8xD6CLY6JJcsbzjEQrIGFowdSR/Bo9kD4AdBLPvL53iAPIePG94aA5V4oaoeeE8ILQANFe9NfUT4Y0pIBeSYDi/BxGi+2pQ+FFwB/qlMlxEG7cf2fQSU1CRpL+dJy8jAdh1FBnVULTf59YDjt4gEsoQBb0m3hrQP8eV6/6yGY3jgIq7kMCV+8D8nlxuxj+8EV5MA3Og7JPgetpQKS2w1dfQ1E23V4TjRBXVwI39gExKlpqEsKIfM2GBpfgsqQBFlww2cfBKs3Q5qfgOz6HaqVqZAXHJAp47CxGTDubELJkbLwAhDv80K9rhSyZwHG/U9BU1mK+TePImZHA7icTOi3b8XCTxfBmlfD9dnXyprvGYDh8e3gO3oQ8+D9mK7bBnPLKXiaz4BLrYLj3VJA9EJn2QM2LhfatTtws2kv9JuOwHPhddrfS6D1EDBWrMJM+LOApqIY/OUuGJ99EsKvw/D9MkQuUQV14RqIM3YIpLC6KI++TQU2KRHzr74HLi9bcRe+u48ALIHn2x/gvdgCaXZIUZ6hQonL2Ah2dQEkeuqcma5pfUs5sjB4Bnz/SQKhO/xZYC7WBC4rnQ7fAfeps2DTUsg5WWjIpEWrDUJ3vzJ3EfoHoa2uIDPnoSktAtmxsse3diprvvMKuUMfWcA6GLZ+AF31PnDJ5RCd5CK2brDJa5V3hlXTNeuhq3oGPlrbvbrwukC/zgTzpochTlAwoprS9clxUqod0pyT9ibJZ73g8nPBX+okV2iFtqYavqFRTNc2Kn7vbesi3zZAnJ6BNecGNB/VgY3PhzDWAvH6FcXMZe88mBVxtO6Fz3oZov03SM5xAmcc3c6E8JbCO+3DOGztCk1dvtuNmJTAUuqB7tvx8WhR+FzgZFwmHGzwHZojmQtY+Tlei+Pja8IbA1wqDq8lFQd1D5maCXX9QsByL1Nn6PKpw58FPo/PQZMpbemHuNuLxKybAcl8Y83Bp0GYfkgB8AeR59Kr0BybGrDsidwMxGzwBNwO7+m4MyQzgZC0w36SGAanTemY5TSodNuhpWrtVgORfRkWHDUUoH02EWWmGcRrF245EDnYZ8GhXgtEmVl+E6GIH4n9Hyk6Fo8CEAUgCkAUgEgHgI9g/UU/AOcjGIAWfyns/7tYCbG/m4mUf4r5f0z4kfiJPwQYAB3H59j066DAAAAAAElFTkSuQmCC"); }
207
+
208
+ .form-group {
209
+ margin-bottom: 25px; }
210
+ .form-group .control-label,
211
+ .form-group > label {
212
+ font-weight: 600;
213
+ color: #34395e;
214
+ font-size: 12px;
215
+ letter-spacing: .5px; }
216
+ .form-group.floating-addon {
217
+ position: relative; }
218
+ .form-group.floating-addon .input-group-prepend {
219
+ position: absolute;
220
+ top: 0;
221
+ left: 0;
222
+ height: 100%;
223
+ z-index: 5; }
224
+ .form-group.floating-addon:not(.floating-addon-not-append) .input-group-append {
225
+ position: absolute;
226
+ top: 0;
227
+ left: 0;
228
+ z-index: 5;
229
+ left: initial;
230
+ right: 0; }
231
+ .form-group.floating-addon .input-group-prepend .input-group-text, .form-group.floating-addon .input-group-append .input-group-text {
232
+ border-color: transparent;
233
+ background-color: transparent;
234
+ font-size: 20px; }
235
+ .form-group.floating-addon .form-control {
236
+ border-radius: 3px;
237
+ padding-left: 40px; }
238
+ .form-group.floating-addon .form-control + .form-control {
239
+ border-radius: 0 3px 3px 0;
240
+ padding-left: 15px; }
241
+
242
+ .input-group-append [class*="btn-outline-"] {
243
+ background-color: #fdfdff; }
244
+
245
+ .form-text {
246
+ font-size: 12px;
247
+ line-height: 22px; }
248
+
249
+ .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
250
+ .custom-control-input:checked ~ .custom-control-label::before {
251
+ background-color: #6777ef !important; }
252
+
253
+ .custom-file-label {
254
+ line-height: 2.2; }
255
+ .custom-file-label:after {
256
+ height: calc(2.25rem + 4px);
257
+ line-height: 2.2;
258
+ border-color: transparent; }
259
+ .custom-file-label:focus, .custom-file-label:active {
260
+ box-shadow: none;
261
+ outline: none; }
262
+
263
+ .custom-file-input:focus + .custom-file-label {
264
+ box-shadow: none;
265
+ border-color: #6777ef; }
266
+ .custom-file-input:focus + .custom-file-label:after {
267
+ border-color: transparent; }
268
+
269
+ .selectgroup {
270
+ display: inline-flex; }
271
+
272
+ .selectgroup-item {
273
+ flex-grow: 1;
274
+ position: relative; }
275
+ .selectgroup-item + .selectgroup-item {
276
+ margin-left: -1px; }
277
+ .selectgroup-item:not(:first-child) .selectgroup-button {
278
+ border-top-left-radius: 0;
279
+ border-bottom-left-radius: 0; }
280
+ .selectgroup-item:not(:last-child) .selectgroup-button {
281
+ border-top-right-radius: 0;
282
+ border-bottom-right-radius: 0; }
283
+
284
+ .selectgroup-input {
285
+ opacity: 0;
286
+ position: absolute;
287
+ z-index: -1;
288
+ top: 0;
289
+ left: 0; }
290
+
291
+ .selectgroup-button {
292
+ background-color: #fdfdff;
293
+ border-color: #e4e6fc;
294
+ border-width: 1px;
295
+ border-style: solid;
296
+ display: block;
297
+ text-align: center;
298
+ padding: 0 1rem;
299
+ height: 35px;
300
+ position: relative;
301
+ cursor: pointer;
302
+ border-radius: 3px;
303
+ -webkit-user-select: none;
304
+ -moz-user-select: none;
305
+ -ms-user-select: none;
306
+ user-select: none;
307
+ font-size: 13px;
308
+ min-width: 2.375rem;
309
+ line-height: 36px; }
310
+
311
+ .selectgroup-button-icon {
312
+ padding-left: .5rem;
313
+ padding-right: .5rem; }
314
+ .selectgroup-button-icon i {
315
+ font-size: 14px; }
316
+
317
+ .selectgroup-input:focus + .selectgroup-button,
318
+ .selectgroup-input:checked + .selectgroup-button {
319
+ background-color: #6777ef;
320
+ color: #fff;
321
+ z-index: 1; }
322
+
323
+ .selectgroup-pills {
324
+ display: block;
325
+ flex-wrap: wrap;
326
+ align-items: flex-start; }
327
+ .selectgroup-pills .selectgroup-item {
328
+ margin-right: .5rem;
329
+ flex-grow: 0; }
330
+ .selectgroup-pills .selectgroup-button {
331
+ border-radius: 50px !important; }
332
+
333
+ .custom-switch {
334
+ -webkit-user-select: none;
335
+ -moz-user-select: none;
336
+ -ms-user-select: none;
337
+ user-select: none;
338
+ cursor: default;
339
+ display: inline-flex;
340
+ align-items: center;
341
+ margin: 0; }
342
+
343
+ .custom-switch-input {
344
+ position: absolute;
345
+ z-index: -1;
346
+ opacity: 0; }
347
+
348
+ .custom-switches-stacked {
349
+ display: flex;
350
+ flex-direction: column; }
351
+ .custom-switches-stacked .custom-switch {
352
+ margin-bottom: .5rem; }
353
+
354
+ .custom-switch-indicator {
355
+ display: inline-block;
356
+ height: 1.25rem;
357
+ width: 2.25rem;
358
+ background: #e9ecef;
359
+ border-radius: 50px;
360
+ position: relative;
361
+ vertical-align: bottom;
362
+ border: 1px solid rgba(0, 40, 100, 0.12);
363
+ transition: .3s border-color, .3s background-color; }
364
+ .custom-switch-indicator:before {
365
+ content: '';
366
+ position: absolute;
367
+ height: calc(1.25rem - 4px);
368
+ width: calc(1.25rem - 4px);
369
+ top: 1px;
370
+ left: 1px;
371
+ background: #fff;
372
+ border-radius: 50%;
373
+ transition: .3s left; }
374
+
375
+ .custom-switch-input:checked ~ .custom-switch-indicator {
376
+ background: #6777ef; }
377
+ .custom-switch-input:checked ~ .custom-switch-indicator:before {
378
+ left: calc(1rem + 1px); }
379
+
380
+ .custom-switch-input:focus ~ .custom-switch-indicator {
381
+ border-color: #6777ef; }
382
+
383
+ .custom-switch-description {
384
+ margin-left: .5rem;
385
+ color: #6e7687;
386
+ transition: .3s color; }
387
+
388
+ .custom-switch-input:checked ~ .custom-switch-description {
389
+ color: #495057; }
390
+
391
+ .imagecheck {
392
+ margin: 0;
393
+ position: relative;
394
+ cursor: pointer; }
395
+
396
+ .imagecheck-input {
397
+ position: absolute;
398
+ z-index: -1;
399
+ opacity: 0; }
400
+
401
+ .imagecheck-figure {
402
+ background-color: #fdfdff;
403
+ border-color: #e4e6fc;
404
+ border-width: 1px;
405
+ border-style: solid;
406
+ border-radius: 3px;
407
+ margin: 0;
408
+ position: relative; }
409
+
410
+ .imagecheck-input:focus ~ .imagecheck-figure {
411
+ border-color: #6777ef; }
412
+
413
+ .imagecheck-input:checked ~ .imagecheck-figure {
414
+ border-color: rgba(0, 40, 100, 0.24); }
415
+
416
+ .imagecheck-figure:before {
417
+ content: '';
418
+ position: absolute;
419
+ top: .25rem;
420
+ left: .25rem;
421
+ display: block;
422
+ width: 1rem;
423
+ height: 1rem;
424
+ pointer-events: none;
425
+ -webkit-user-select: none;
426
+ -moz-user-select: none;
427
+ -ms-user-select: none;
428
+ user-select: none;
429
+ background: #6777ef url("data:image/svg+xml;charset=utf8,%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") no-repeat center center/50% 50%;
430
+ color: #fff;
431
+ z-index: 1;
432
+ border-radius: 3px;
433
+ opacity: 0;
434
+ transition: .3s opacity; }
435
+
436
+ .imagecheck-input:checked ~ .imagecheck-figure:before {
437
+ opacity: 1; }
438
+
439
+ .imagecheck-image {
440
+ max-width: 100%;
441
+ opacity: .64;
442
+ transition: .3s opacity; }
443
+ .imagecheck-image:first-child {
444
+ border-top-left-radius: 2px;
445
+ border-top-right-radius: 2px; }
446
+ .imagecheck-image:last-child {
447
+ border-bottom-left-radius: 2px;
448
+ border-bottom-right-radius: 2px; }
449
+
450
+ .imagecheck:hover .imagecheck-image {
451
+ opacity: 1; }
452
+
453
+ .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
454
+ opacity: 1; }
455
+
456
+ .imagecheck-caption {
457
+ text-align: center;
458
+ padding: .25rem .25rem;
459
+ color: #9aa0ac;
460
+ font-size: 0.875rem;
461
+ transition: .3s color; }
462
+
463
+ .imagecheck:hover .imagecheck-caption {
464
+ color: #495057; }
465
+
466
+ .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
467
+ color: #495057; }
468
+
469
+ .colorinput {
470
+ margin: 0;
471
+ position: relative;
472
+ cursor: pointer; }
473
+
474
+ .colorinput-input {
475
+ position: absolute;
476
+ z-index: -1;
477
+ opacity: 0; }
478
+
479
+ .colorinput-color {
480
+ background-color: #fdfdff;
481
+ border-color: #e4e6fc;
482
+ border-width: 1px;
483
+ border-style: solid;
484
+ display: inline-block;
485
+ width: 1.75rem;
486
+ height: 1.75rem;
487
+ border-radius: 3px;
488
+ color: #fff;
489
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
490
+ .colorinput-color:before {
491
+ content: '';
492
+ opacity: 0;
493
+ position: absolute;
494
+ top: .25rem;
495
+ left: .25rem;
496
+ height: 1.25rem;
497
+ width: 1.25rem;
498
+ transition: .3s opacity;
499
+ background: url("data:image/svg+xml;charset=utf8,%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") no-repeat center center/50% 50%; }
500
+
501
+ .colorinput-input:checked ~ .colorinput-color:before {
502
+ opacity: 1; }
503
+
504
+ /* 3.3 List */
505
+ .list-unstyled-border li {
506
+ border-bottom: 1px solid #f9f9f9;
507
+ padding-bottom: 15px;
508
+ margin-bottom: 15px; }
509
+ .list-unstyled-border li .custom-checkbox {
510
+ margin-right: 15px; }
511
+ .list-unstyled-border li:last-child {
512
+ margin-bottom: 0;
513
+ padding-bottom: 0;
514
+ border-bottom: none; }
515
+
516
+ .list-unstyled-noborder li:last-child {
517
+ border-bottom: none; }
518
+
519
+ .list-group-item.active {
520
+ background-color: #6777ef; }
521
+
522
+ .list-group-item.disabled {
523
+ color: #c9d7e0; }
524
+
525
+ .list-group-item-primary {
526
+ background-color: #6777ef;
527
+ color: #fff; }
528
+
529
+ .list-group-item-secondary {
530
+ background-color: #cdd3d8;
531
+ color: #fff; }
532
+
533
+ .list-group-item-success {
534
+ background-color: #63ed7a;
535
+ color: #fff; }
536
+
537
+ .list-group-item-danger {
538
+ background-color: #fc544b;
539
+ color: #fff; }
540
+
541
+ .list-group-item-warning {
542
+ background-color: #ffa426;
543
+ color: #fff; }
544
+
545
+ .list-group-item-info {
546
+ background-color: #3abaf4;
547
+ color: #fff; }
548
+
549
+ .list-group-item-light {
550
+ background-color: #e3eaef;
551
+ color: #191d21; }
552
+
553
+ .list-group-item-dark {
554
+ background-color: #191d21;
555
+ color: #fff; }
556
+
557
+ /* 3.4 Alert */
558
+ .alert {
559
+ color: #fff;
560
+ border: none;
561
+ padding: 15px 20px; }
562
+ .alert .alert-title {
563
+ font-size: 18px;
564
+ font-weight: 700;
565
+ margin-bottom: 5px; }
566
+ .alert code {
567
+ background-color: #fff;
568
+ border-radius: 3px;
569
+ padding: 1px 4px; }
570
+ .alert p {
571
+ margin-bottom: 0; }
572
+ .alert.alert-has-icon {
573
+ display: flex; }
574
+ .alert.alert-has-icon .alert-icon {
575
+ margin-top: 4px;
576
+ width: 30px; }
577
+ .alert.alert-has-icon .alert-icon .ion, .alert.alert-has-icon .alert-icon .fas, .alert.alert-has-icon .alert-icon .far, .alert.alert-has-icon .alert-icon .fab, .alert.alert-has-icon .alert-icon .fal {
578
+ font-size: 20px; }
579
+ .alert.alert-has-icon .alert-body {
580
+ flex: 1; }
581
+ .alert:not(.alert-light) a {
582
+ color: #fff; }
583
+ .alert.alert-primary {
584
+ background-color: #6777ef; }
585
+ .alert.alert-secondary {
586
+ background-color: #cdd3d8; }
587
+ .alert.alert-success {
588
+ background-color: #63ed7a; }
589
+ .alert.alert-info {
590
+ background-color: #3abaf4; }
591
+ .alert.alert-warning {
592
+ background-color: #ffa426; }
593
+ .alert.alert-danger {
594
+ background-color: #fc544b; }
595
+ .alert.alert-light {
596
+ background-color: #e3eaef;
597
+ color: #191d21; }
598
+ .alert.alert-dark {
599
+ background-color: #191d21; }
600
+
601
+ /* 3.5 Card */
602
+ .card {
603
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
604
+ background-color: #fff;
605
+ border-radius: 3px;
606
+ border: none;
607
+ position: relative;
608
+ margin-bottom: 30px; }
609
+ .card .card-header, .card .card-body, .card .card-footer {
610
+ background-color: transparent;
611
+ padding: 20px 25px; }
612
+ .card .navbar {
613
+ position: static; }
614
+ .card .card-body {
615
+ padding-top: 20px;
616
+ padding-bottom: 20px; }
617
+ .card .card-body .section-title {
618
+ margin: 30px 0 10px 0;
619
+ font-size: 16px; }
620
+ .card .card-body .section-title:before {
621
+ margin-top: 8px; }
622
+ .card .card-body .section-title + .section-lead {
623
+ margin-top: -5px; }
624
+ .card .card-body p {
625
+ font-weight: 500; }
626
+ .card .card-header {
627
+ border-bottom-color: #f9f9f9;
628
+ line-height: 30px;
629
+ -ms-grid-row-align: center;
630
+ align-self: center;
631
+ width: 100%;
632
+ min-height: 70px;
633
+ padding: 15px 25px;
634
+ display: flex;
635
+ align-items: center; }
636
+ .card .card-header .btn {
637
+ margin-top: 1px;
638
+ padding: 2px 15px; }
639
+ .card .card-header .btn:not(.note-btn) {
640
+ border-radius: 30px; }
641
+ .card .card-header .btn:hover {
642
+ box-shadow: none; }
643
+ .card .card-header .form-control {
644
+ height: 31px;
645
+ font-size: 13px;
646
+ border-radius: 30px; }
647
+ .card .card-header .form-control + .input-group-btn .btn {
648
+ margin-top: -1px; }
649
+ .card .card-header h4 {
650
+ font-size: 16px;
651
+ line-height: 28px;
652
+ color: #6777ef;
653
+ padding-right: 10px;
654
+ margin-bottom: 0; }
655
+ .card .card-header h4 + .card-header-action,
656
+ .card .card-header h4 + .card-header-form {
657
+ margin-left: auto; }
658
+ .card .card-header h4 + .card-header-action .btn,
659
+ .card .card-header h4 + .card-header-form .btn {
660
+ font-size: 12px;
661
+ border-radius: 30px !important;
662
+ padding-left: 13px !important;
663
+ padding-right: 13px !important; }
664
+ .card .card-header h4 + .card-header-action .btn.active,
665
+ .card .card-header h4 + .card-header-form .btn.active {
666
+ box-shadow: 0 2px 6px #acb5f6;
667
+ background-color: #6777ef;
668
+ color: #fff; }
669
+ .card .card-header h4 + .card-header-action .dropdown,
670
+ .card .card-header h4 + .card-header-form .dropdown {
671
+ display: inline; }
672
+ .card .card-header h4 + .card-header-action .btn-group .btn,
673
+ .card .card-header h4 + .card-header-form .btn-group .btn {
674
+ border-radius: 0 !important; }
675
+ .card .card-header h4 + .card-header-action .btn-group .btn:first-child,
676
+ .card .card-header h4 + .card-header-form .btn-group .btn:first-child {
677
+ border-radius: 30px 0 0 30px !important; }
678
+ .card .card-header h4 + .card-header-action .btn-group .btn:last-child,
679
+ .card .card-header h4 + .card-header-form .btn-group .btn:last-child {
680
+ border-radius: 0 30px 30px 0 !important; }
681
+ .card .card-header h4 + .card-header-action .input-group .form-control,
682
+ .card .card-header h4 + .card-header-form .input-group .form-control {
683
+ border-radius: 30px 0 0 30px !important; }
684
+ .card .card-header h4 + .card-header-action .input-group .form-control + .input-group-btn .btn,
685
+ .card .card-header h4 + .card-header-form .input-group .form-control + .input-group-btn .btn {
686
+ border-radius: 0 30px 30px 0 !important; }
687
+ .card .card-header h4 + .card-header-action .input-group .input-group-btn + .form-control,
688
+ .card .card-header h4 + .card-header-form .input-group .input-group-btn + .form-control {
689
+ border-radius: 0 30px 30px 0 !important; }
690
+ .card .card-header h4 + .card-header-action .input-group .input-group-btn .btn,
691
+ .card .card-header h4 + .card-header-form .input-group .input-group-btn .btn {
692
+ margin-top: -1px;
693
+ border-radius: 30px 0 0 30px !important; }
694
+ .card .card-footer {
695
+ background-color: transparent;
696
+ border: none; }
697
+ .card.card-mt {
698
+ margin-top: 30px; }
699
+ .card.card-progress:after {
700
+ content: ' ';
701
+ position: absolute;
702
+ top: 0;
703
+ left: 0;
704
+ width: 100%;
705
+ height: 100%;
706
+ background-color: rgba(255, 255, 255, 0.5);
707
+ z-index: 99;
708
+ z-index: 99; }
709
+ .card.card-progress .card-progress-dismiss {
710
+ position: absolute;
711
+ top: 66%;
712
+ left: 50%;
713
+ -webkit-transform: translate(-50%, -50%);
714
+ transform: translate(-50%, -50%);
715
+ z-index: 999;
716
+ color: #fff !important;
717
+ padding: 5px 13px; }
718
+ .card.card-progress.remove-spinner .card-progress-dismiss {
719
+ top: 50%;
720
+ -webkit-transform: translate(-50%, -50%);
721
+ transform: translate(-50%, -50%); }
722
+ .card.card-progress:not(.remove-spinner):after {
723
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
724
+ background-size: 80px;
725
+ background-repeat: no-repeat;
726
+ background-position: center; }
727
+ .card.card-primary {
728
+ border-top: 2px solid #6777ef; }
729
+ .card.card-secondary {
730
+ border-top: 2px solid #34395e; }
731
+ .card.card-success {
732
+ border-top: 2px solid #63ed7a; }
733
+ .card.card-danger {
734
+ border-top: 2px solid #fc544b; }
735
+ .card.card-warning {
736
+ border-top: 2px solid #ffa426; }
737
+ .card.card-info {
738
+ border-top: 2px solid #3abaf4; }
739
+ .card.card-dark {
740
+ border-top: 2px solid #191d21; }
741
+ .card.card-hero .card-header {
742
+ padding: 40px;
743
+ background-image: linear-gradient(to bottom, #6777ef, #95a0f4);
744
+ color: #fff;
745
+ overflow: hidden;
746
+ height: auto;
747
+ min-height: auto;
748
+ display: block; }
749
+ .card.card-hero .card-header h4 {
750
+ font-size: 40px;
751
+ line-height: 1;
752
+ color: #fff; }
753
+ .card.card-hero .card-header .card-description {
754
+ margin-top: 5px;
755
+ font-size: 16px; }
756
+ .card.card-hero .card-header .card-icon {
757
+ float: right;
758
+ color: #8c98f3;
759
+ margin: -60px; }
760
+ .card.card-hero .card-header .card-icon .ion, .card.card-hero .card-header .card-icon .fas, .card.card-hero .card-header .card-icon .far, .card.card-hero .card-header .card-icon .fab, .card.card-hero .card-header .card-icon .fal {
761
+ font-size: 140px; }
762
+ .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
763
+ border-color: transparent;
764
+ padding-bottom: 0;
765
+ height: auto;
766
+ min-height: auto;
767
+ display: block; }
768
+ .card.card-statistic-1 .card-header h4,
769
+ .card.card-statistic-2 .card-header h4 {
770
+ line-height: 1.2;
771
+ color: #98a6ad; }
772
+ .card.card-statistic-1 .card-body,
773
+ .card.card-statistic-2 .card-body {
774
+ padding-top: 0; }
775
+ .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
776
+ font-size: 26px;
777
+ font-weight: 700;
778
+ color: #34395e;
779
+ padding-bottom: 0; }
780
+ .card.card-statistic-1, .card.card-statistic-2 {
781
+ display: inline-block;
782
+ width: 100%; }
783
+ .card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon {
784
+ width: 80px;
785
+ height: 80px;
786
+ margin: 10px;
787
+ border-radius: 3px;
788
+ line-height: 94px;
789
+ text-align: center;
790
+ float: left;
791
+ margin-right: 15px; }
792
+ .card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal {
793
+ font-size: 22px;
794
+ color: #fff; }
795
+ .card.card-statistic-1 .card-icon {
796
+ line-height: 90px; }
797
+ .card.card-statistic-2 .card-icon {
798
+ width: 50px;
799
+ height: 50px;
800
+ line-height: 50px;
801
+ font-size: 22px;
802
+ margin: 25px; }
803
+ .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
804
+ padding-bottom: 0;
805
+ padding-top: 25px; }
806
+ .card.card-statistic-2 .card-body {
807
+ padding-top: 20px; }
808
+ .card.card-statistic-2 .card-header + .card-body,
809
+ .card.card-statistic-2 .card-body + .card-header {
810
+ padding-top: 0; }
811
+ .card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
812
+ font-weight: 600;
813
+ font-size: 13px;
814
+ letter-spacing: .5px; }
815
+ .card.card-statistic-1 .card-header h4 {
816
+ margin-bottom: 0; }
817
+ .card.card-statistic-2 .card-header h4 {
818
+ text-transform: none;
819
+ margin-bottom: 0; }
820
+ .card.card-statistic-1 .card-body {
821
+ font-size: 20px; }
822
+ .card.card-statistic-2 .card-chart {
823
+ padding-top: 20px;
824
+ margin-left: -9px;
825
+ margin-right: -1px;
826
+ margin-bottom: -15px; }
827
+ .card.card-statistic-2 .card-chart canvas {
828
+ height: 90px !important; }
829
+ .card .card-stats {
830
+ width: 100%;
831
+ display: inline-block;
832
+ margin-top: 2px;
833
+ margin-bottom: -6px; }
834
+ .card .card-stats .card-stats-title {
835
+ padding: 15px 25px;
836
+ background-color: #fff;
837
+ font-size: 13px;
838
+ font-weight: 600;
839
+ letter-spacing: .3px; }
840
+ .card .card-stats .card-stats-items {
841
+ display: flex;
842
+ height: 50px;
843
+ align-items: center; }
844
+ .card .card-stats .card-stats-item {
845
+ width: calc(100% / 3);
846
+ text-align: center;
847
+ padding: 5px 20px; }
848
+ .card .card-stats .card-stats-item .card-stats-item-label {
849
+ font-size: 12px;
850
+ letter-spacing: .5px;
851
+ margin-top: 4px;
852
+ text-overflow: ellipsis;
853
+ overflow: hidden;
854
+ white-space: nowrap; }
855
+ .card .card-stats .card-stats-item .card-stats-item-count {
856
+ line-height: 1;
857
+ margin-bottom: 8px;
858
+ font-size: 20px;
859
+ font-weight: 700; }
860
+ .card.card-large-icons {
861
+ display: flex;
862
+ flex-direction: row; }
863
+ .card.card-large-icons .card-icon {
864
+ display: flex;
865
+ align-items: center;
866
+ justify-content: center;
867
+ flex-shrink: 0;
868
+ width: 150px;
869
+ border-radius: 3px 0 0 3px; }
870
+ .card.card-large-icons .card-icon .ion, .card.card-large-icons .card-icon .fas, .card.card-large-icons .card-icon .far, .card.card-large-icons .card-icon .fab, .card.card-large-icons .card-icon .fal {
871
+ font-size: 60px; }
872
+ .card.card-large-icons .card-body {
873
+ padding: 25px 30px; }
874
+ .card.card-large-icons .card-body h4 {
875
+ font-size: 18px; }
876
+ .card.card-large-icons .card-body p {
877
+ opacity: .6;
878
+ font-weight: 500; }
879
+ .card.card-large-icons .card-body a.card-cta {
880
+ text-decoration: none; }
881
+ .card.card-large-icons .card-body a.card-cta i {
882
+ margin-left: 7px; }
883
+ .card.bg-primary, .card.bg-danger, .card.bg-success, .card.bg-info, .card.bg-dark, .card.bg-warning {
884
+ color: #fff; }
885
+ .card.bg-primary .card-header, .card.bg-danger .card-header, .card.bg-success .card-header, .card.bg-info .card-header, .card.bg-dark .card-header, .card.bg-warning .card-header {
886
+ color: #fff;
887
+ opacity: .9; }
888
+
889
+ @media (max-width: 575.98px) {
890
+ .card.card-large-icons {
891
+ display: inline-block; }
892
+ .card.card-large-icons .card-icon {
893
+ width: 100%;
894
+ height: 200px; } }
895
+
896
+ @media (max-width: 767.98px) {
897
+ .card .card-header {
898
+ height: auto;
899
+ flex-wrap: wrap; }
900
+ .card .card-header h4 + .card-header-action,
901
+ .card .card-header h4 + .card-header-form {
902
+ flex-grow: 0;
903
+ width: 100%;
904
+ margin-top: 10px; } }
905
+
906
+ @media (min-width: 768px) and (max-width: 991.98px) {
907
+ .card .card-stats .card-stats-items {
908
+ height: 49px; }
909
+ .card .card-stats .card-stats-items .card-stats-item {
910
+ padding: 5px 7px; }
911
+ .card .card-stats .card-stats-items .card-stats-item .card-stats-item-count {
912
+ font-size: 16px; }
913
+ .card.card-sm-6 .card-chart canvas {
914
+ height: 85px !important; }
915
+ .card.card-hero .card-header {
916
+ padding: 25px; } }
917
+
918
+ /* 3.6 Table */
919
+ .table {
920
+ color: inherit; }
921
+ .table td, .table:not(.table-bordered) th {
922
+ border-top: none; }
923
+ .table:not(.table-sm):not(.table-md):not(.dataTable) td,
924
+ .table:not(.table-sm):not(.table-md):not(.dataTable) th {
925
+ padding: 0 25px;
926
+ height: 60px;
927
+ vertical-align: middle; }
928
+ .table:not(.table-sm) thead th {
929
+ border-bottom: none;
930
+ background-color: rgba(0, 0, 0, 0.04);
931
+ color: #666;
932
+ padding-top: 15px;
933
+ padding-bottom: 15px; }
934
+ .table.table-md th,
935
+ .table.table-md td {
936
+ padding: 10px 15px; }
937
+ .table.table-bordered td,
938
+ .table.table-bordered th {
939
+ border-color: #f6f6f6; }
940
+
941
+ .table-links {
942
+ color: #34395e;
943
+ font-size: 12px;
944
+ margin-top: 5px;
945
+ opacity: 0;
946
+ transition: all .3s; }
947
+ .table-links a {
948
+ color: #666; }
949
+
950
+ table tr:hover .table-links {
951
+ opacity: 1; }
952
+
953
+ .table-striped tbody tr:nth-of-type(odd) {
954
+ background-color: rgba(0, 0, 0, 0.02); }
955
+
956
+ @media (max-width: 575.98px) {
957
+ .table-responsive table {
958
+ min-width: 800px; } }
959
+
960
+ /* 3.7 Tooltip */
961
+ .tooltip {
962
+ font-size: 12px; }
963
+
964
+ .tooltip-inner {
965
+ padding: 7px 13px; }
966
+
967
+ /* 3.8 Modal */
968
+ .modal-header,
969
+ .modal-body,
970
+ .modal-footer {
971
+ padding: 25px; }
972
+
973
+ .modal-body {
974
+ padding-top: 15px; }
975
+
976
+ .modal-footer {
977
+ padding-top: 15px;
978
+ padding-bottom: 15px; }
979
+
980
+ .modal-header {
981
+ border-bottom: none;
982
+ padding-bottom: 5px; }
983
+ .modal-header h5 {
984
+ font-size: 18px; }
985
+
986
+ .modal-footer {
987
+ border-top: none;
988
+ border-radius: 0 0 3px 3px; }
989
+
990
+ .modal-content {
991
+ max-width: 100%;
992
+ border: none;
993
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); }
994
+
995
+ .modal.show .modal-content {
996
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
997
+
998
+ .modal-progress .modal-content {
999
+ position: relative; }
1000
+ .modal-progress .modal-content:after {
1001
+ content: ' ';
1002
+ position: absolute;
1003
+ top: 0;
1004
+ left: 0;
1005
+ width: 100%;
1006
+ height: 100%;
1007
+ background-color: rgba(255, 255, 255, 0.5);
1008
+ z-index: 999;
1009
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
1010
+ background-size: 80px;
1011
+ background-repeat: no-repeat;
1012
+ background-position: center;
1013
+ border-radius: 3px; }
1014
+
1015
+ .modal-part {
1016
+ display: none; }
1017
+
1018
+ /* 3.9 Nav */
1019
+ .nav-tabs .nav-item .nav-link {
1020
+ color: #6777ef; }
1021
+ .nav-tabs .nav-item .nav-link.active {
1022
+ color: #000; }
1023
+
1024
+ .tab-content > .tab-pane {
1025
+ padding: 10px 0;
1026
+ line-height: 24px; }
1027
+
1028
+ .tab-bordered .tab-pane {
1029
+ padding: 15px;
1030
+ border: 1px solid #ededed;
1031
+ margin-top: -1px; }
1032
+
1033
+ .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
1034
+ color: #fff;
1035
+ background-color: #6777ef; }
1036
+
1037
+ .nav-pills .nav-item .nav-link {
1038
+ color: #6777ef;
1039
+ padding-left: 15px !important;
1040
+ padding-right: 15px !important; }
1041
+ .nav-pills .nav-item .nav-link:hover {
1042
+ background-color: #f6f7fe; }
1043
+ .nav-pills .nav-item .nav-link.active {
1044
+ box-shadow: 0 2px 6px #acb5f6;
1045
+ color: #fff;
1046
+ background-color: #6777ef; }
1047
+ .nav-pills .nav-item .nav-link .badge {
1048
+ padding: 5px 8px;
1049
+ margin-left: 5px; }
1050
+
1051
+ .nav .nav-item .nav-link .ion, .nav .nav-item .nav-link .fas, .nav .nav-item .nav-link .far, .nav .nav-item .nav-link .fab, .nav .nav-item .nav-link .fal {
1052
+ margin-right: 3px;
1053
+ font-size: 12px; }
1054
+
1055
+ /* 3.10 Pagination */
1056
+ .page-item .page-link {
1057
+ color: #6777ef;
1058
+ border-radius: 3px;
1059
+ margin: 0 3px; }
1060
+
1061
+ .page-item.active .page-link {
1062
+ background-color: #6777ef;
1063
+ border-color: #6777ef; }
1064
+
1065
+ .page-item.disabled .page-link {
1066
+ border-color: transparent;
1067
+ background-color: #f9fafe;
1068
+ color: #6777ef;
1069
+ opacity: .6; }
1070
+
1071
+ .page-link {
1072
+ border-color: transparent;
1073
+ background-color: #f9fafe;
1074
+ font-weight: 600; }
1075
+ .page-link:hover {
1076
+ background-color: #6777ef;
1077
+ color: #fff;
1078
+ border-color: transparent; }
1079
+ .page-link:focus {
1080
+ box-shadow: none; }
1081
+
1082
+ /* 3.11 Badge */
1083
+ .badges .badge {
1084
+ margin: 0 8px 10px 0; }
1085
+
1086
+ .badge {
1087
+ vertical-align: middle;
1088
+ padding: 7px 12px;
1089
+ font-weight: 600;
1090
+ letter-spacing: .3px;
1091
+ border-radius: 30px;
1092
+ font-size: 12px; }
1093
+ .badge.badge-warning {
1094
+ color: #fff; }
1095
+ .badge.badge-primary {
1096
+ background-color: #6777ef; }
1097
+ .badge.badge-secondary {
1098
+ background-color: #34395e; }
1099
+ .badge.badge-success {
1100
+ background-color: #63ed7a; }
1101
+ .badge.badge-info {
1102
+ background-color: #3abaf4; }
1103
+ .badge.badge-danger {
1104
+ background-color: #fc544b; }
1105
+ .badge.badge-light {
1106
+ background-color: #e3eaef;
1107
+ color: #191d21; }
1108
+ .badge.badge-white {
1109
+ background-color: #ffffff;
1110
+ color: #191d21; }
1111
+ .badge.badge-dark {
1112
+ background-color: #191d21; }
1113
+
1114
+ h1 .badge {
1115
+ font-size: 24px;
1116
+ padding: 16px 21px; }
1117
+
1118
+ h2 .badge {
1119
+ font-size: 22px;
1120
+ padding: 14px 19px; }
1121
+
1122
+ h3 .badge {
1123
+ font-size: 18px;
1124
+ padding: 11px 16px; }
1125
+
1126
+ h4 .badge {
1127
+ font-size: 16px;
1128
+ padding: 8px 13px; }
1129
+
1130
+ h5 .badge {
1131
+ font-size: 14px;
1132
+ padding: 5px 10px; }
1133
+
1134
+ h6 .badge {
1135
+ font-size: 11px;
1136
+ padding: 3px 8px; }
1137
+
1138
+ .btn .badge {
1139
+ margin-left: 5px;
1140
+ padding: 4px 7px; }
1141
+ .btn .badge.badge-transparent {
1142
+ background-color: rgba(255, 255, 255, 0.25);
1143
+ color: #fff; }
1144
+
1145
+ /* 3.12 Button */
1146
+ .buttons .btn {
1147
+ margin: 0 8px 10px 0; }
1148
+
1149
+ .btn:focus {
1150
+ box-shadow: none !important;
1151
+ outline: none; }
1152
+
1153
+ .btn:active {
1154
+ box-shadow: none !important;
1155
+ outline: none; }
1156
+ .btn:active:focus {
1157
+ box-shadow: none !important;
1158
+ outline: none; }
1159
+
1160
+ .btn.btn-icon-split i, .dropdown-item.has-icon i {
1161
+ text-align: center;
1162
+ width: 15px;
1163
+ font-size: 15px;
1164
+ float: left;
1165
+ margin-right: 10px; }
1166
+
1167
+ .btn {
1168
+ font-weight: 600;
1169
+ font-size: 12px;
1170
+ line-height: 24px;
1171
+ padding: .3rem .8rem;
1172
+ letter-spacing: .5px; }
1173
+ .btn.btn-icon-split {
1174
+ position: relative; }
1175
+ .btn.btn-icon-split i {
1176
+ position: absolute;
1177
+ left: 0;
1178
+ top: 0;
1179
+ height: 100%;
1180
+ width: 45px;
1181
+ border-radius: 3px 0 0 3px;
1182
+ line-height: 32px; }
1183
+ .btn.btn-icon-split div {
1184
+ margin-left: 40px; }
1185
+ .btn.btn-icon-noflo-splitat {
1186
+ display: table;
1187
+ text-align: right; }
1188
+ .btn.btn-icon-noflo-splitat i {
1189
+ float: none;
1190
+ margin: 0;
1191
+ display: table-cell;
1192
+ vertical-align: middle;
1193
+ width: 30%; }
1194
+ .btn.btn-icon-noflo-splitat div {
1195
+ display: table-cell;
1196
+ vertical-align: middle;
1197
+ width: 70%;
1198
+ text-align: left;
1199
+ padding-left: 10px; }
1200
+ .btn:not(.btn-social):not(.btn-social-icon):active, .btn:not(.btn-social):not(.btn-social-icon):focus, .btn:not(.btn-social):not(.btn-social-icon):hover {
1201
+ border-color: transparent !important;
1202
+ background-color: white; }
1203
+ .btn > i {
1204
+ margin-left: 0 !important; }
1205
+ .btn.btn-lg {
1206
+ padding: .55rem 1.5rem;
1207
+ font-size: 12px; }
1208
+ .btn.btn-lg.btn-icon-split i {
1209
+ line-height: 42px; }
1210
+ .btn.btn-lg.btn-icon-split div {
1211
+ margin-left: 25px; }
1212
+ .btn.btn-sm {
1213
+ padding: .10rem .4rem;
1214
+ font-size: 12px; }
1215
+ .btn.btn-icon .ion, .btn.btn-icon .fas, .btn.btn-icon .far, .btn.btn-icon .fab, .btn.btn-icon .fal {
1216
+ margin-left: 0 !important;
1217
+ font-size: 12px; }
1218
+ .btn.btn-icon.icon-left .ion, .btn.btn-icon.icon-left .fas, .btn.btn-icon.icon-left .far, .btn.btn-icon.icon-left .fab, .btn.btn-icon.icon-left .fal {
1219
+ margin-right: 3px; }
1220
+ .btn.btn-icon.icon-right .ion, .btn.btn-icon.icon-right .fas, .btn.btn-icon.icon-right .far, .btn.btn-icon.icon-right .fab, .btn.btn-icon.icon-right .fal {
1221
+ margin-left: 3px !important; }
1222
+
1223
+ .btn-action {
1224
+ color: #fff !important;
1225
+ line-height: 25px;
1226
+ font-size: 12px;
1227
+ min-width: 35px;
1228
+ min-height: 35px; }
1229
+
1230
+ .btn-secondary, .btn-secondary.disabled {
1231
+ box-shadow: 0 2px 6px #e1e5e8;
1232
+ background-color: #cdd3d8;
1233
+ border-color: #cdd3d8;
1234
+ color: #fff; }
1235
+ .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active {
1236
+ background-color: #bfc6cd !important;
1237
+ color: #fff !important; }
1238
+
1239
+ .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active {
1240
+ background-color: #cdd3d8 !important;
1241
+ color: #fff !important; }
1242
+
1243
+ .btn-success, .btn-success.disabled {
1244
+ box-shadow: 0 2px 6px #a8f5b4;
1245
+ background-color: #63ed7a;
1246
+ border-color: #63ed7a;
1247
+ color: #fff; }
1248
+ .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active {
1249
+ background-color: #4cea67 !important;
1250
+ color: #fff !important; }
1251
+
1252
+ .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.disabled:hover, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:active {
1253
+ background-color: #63ed7a !important;
1254
+ color: #fff !important; }
1255
+
1256
+ .btn-danger, .btn-danger.disabled {
1257
+ box-shadow: 0 2px 6px #fd9b96;
1258
+ background-color: #fc544b;
1259
+ border-color: #fc544b;
1260
+ color: #fff; }
1261
+ .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active {
1262
+ background-color: #fb160a !important; }
1263
+
1264
+ .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.disabled:hover, .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled:active {
1265
+ background-color: #fb160a !important;
1266
+ color: #fff !important; }
1267
+
1268
+ .btn-dark, .btn-dark.disabled {
1269
+ box-shadow: 0 2px 6px #728394;
1270
+ background-color: #191d21;
1271
+ border-color: #191d21;
1272
+ color: #fff; }
1273
+ .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled:active {
1274
+ background-color: black !important; }
1275
+
1276
+ .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.disabled:hover, .btn-outline-dark.disabled:focus, .btn-outline-dark.disabled:active {
1277
+ background-color: black !important;
1278
+ color: #fff !important; }
1279
+
1280
+ .btn-light, .btn-light.disabled {
1281
+ box-shadow: 0 2px 6px #e6ecf1;
1282
+ background-color: #e3eaef;
1283
+ border-color: #e3eaef;
1284
+ color: #191d21; }
1285
+ .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active {
1286
+ background-color: #c3d2dc !important; }
1287
+
1288
+ .btn-outline-light, .btn-outline-light.disabled {
1289
+ border-color: #e3eaef;
1290
+ color: #e3eaef; }
1291
+ .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active {
1292
+ background-color: #e3eaef !important;
1293
+ color: #fff !important; }
1294
+
1295
+ .btn-warning, .btn-warning.disabled {
1296
+ box-shadow: 0 2px 6px #ffc473;
1297
+ background-color: #ffa426;
1298
+ border-color: #ffa426;
1299
+ color: #fff; }
1300
+ .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active {
1301
+ background-color: #ff990d !important;
1302
+ color: #fff !important; }
1303
+
1304
+ .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.disabled:hover, .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled:active {
1305
+ background-color: #ffa426 !important;
1306
+ color: #fff !important; }
1307
+
1308
+ .btn-info, .btn-info.disabled {
1309
+ box-shadow: 0 2px 6px #82d3f8;
1310
+ background-color: #3abaf4;
1311
+ border-color: #3abaf4;
1312
+ color: #fff; }
1313
+ .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active {
1314
+ background-color: #0da8ee !important; }
1315
+
1316
+ .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.disabled:hover, .btn-outline-info.disabled:focus, .btn-outline-info.disabled:active {
1317
+ background-color: #0da8ee !important;
1318
+ color: #fff !important; }
1319
+
1320
+ .btn-primary, .btn-primary.disabled {
1321
+ box-shadow: 0 2px 6px #acb5f6;
1322
+ background-color: #6777ef;
1323
+ border-color: #6777ef; }
1324
+ .btn-primary:focus, .btn-primary.disabled:focus {
1325
+ background-color: #394eea !important; }
1326
+ .btn-primary:focus:active, .btn-primary.disabled:focus:active {
1327
+ background-color: #394eea !important; }
1328
+ .btn-primary:active, .btn-primary:hover, .btn-primary.disabled:active, .btn-primary.disabled:hover {
1329
+ background-color: #394eea !important; }
1330
+
1331
+ .btn-outline-primary, .btn-outline-primary.disabled {
1332
+ border-color: #6777ef;
1333
+ color: #6777ef; }
1334
+ .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active {
1335
+ background-color: #6777ef !important;
1336
+ color: #fff; }
1337
+
1338
+ .btn-outline-white, .btn-outline-white.disabled {
1339
+ border-color: #fff;
1340
+ color: #fff; }
1341
+ .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white.disabled:hover, .btn-outline-white.disabled:focus, .btn-outline-white.disabled:active {
1342
+ background-color: #fff;
1343
+ color: #6777ef; }
1344
+
1345
+ .btn-round {
1346
+ border-radius: 30px;
1347
+ padding-left: 34px;
1348
+ padding-right: 34px; }
1349
+
1350
+ .btn-social-icon, .btn-social {
1351
+ border: none;
1352
+ border-radius: 3px; }
1353
+
1354
+ .btn-social-icon {
1355
+ color: #fff !important;
1356
+ padding-left: 18px;
1357
+ padding-right: 18px; }
1358
+ .btn-social-icon > :first-child {
1359
+ font-size: 16px; }
1360
+
1361
+ .btn-social {
1362
+ padding: 12px 12px 12px 50px;
1363
+ color: #fff !important;
1364
+ font-weight: 500; }
1365
+ .btn-social > :first-child {
1366
+ width: 55px;
1367
+ line-height: 50px;
1368
+ border-right: none; }
1369
+
1370
+ .btn-reddit {
1371
+ color: #000 !important; }
1372
+
1373
+ .btn-group .btn.active {
1374
+ background-color: #6777ef;
1375
+ color: #fff; }
1376
+
1377
+ .btn-progress {
1378
+ position: relative;
1379
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
1380
+ background-position: center;
1381
+ background-repeat: no-repeat;
1382
+ background-size: 30px;
1383
+ color: transparent !important;
1384
+ pointer-events: none; }
1385
+
1386
+ /* 3.13 Media */
1387
+ .media .media-right {
1388
+ float: right;
1389
+ color: #6777ef;
1390
+ font-weight: 600;
1391
+ font-size: 16px; }
1392
+
1393
+ .media .media-icon {
1394
+ font-size: 20px;
1395
+ margin-right: 15px;
1396
+ line-height: 1; }
1397
+
1398
+ .media .media-title {
1399
+ margin-top: 0;
1400
+ margin-bottom: 5px;
1401
+ font-weight: 600;
1402
+ font-size: 15px;
1403
+ color: #34395e; }
1404
+ .media .media-title a {
1405
+ font-weight: inherit;
1406
+ color: #000; }
1407
+
1408
+ .media .media-description {
1409
+ line-height: 24px;
1410
+ color: #34395e; }
1411
+
1412
+ .media .media-links {
1413
+ margin-top: 10px; }
1414
+ .media .media-links a {
1415
+ font-size: 12px;
1416
+ color: #999; }
1417
+
1418
+ .media .media-progressbar {
1419
+ flex: 1; }
1420
+ .media .media-progressbar .progress-text {
1421
+ font-size: 12px;
1422
+ font-weight: 600;
1423
+ margin-bottom: 5px;
1424
+ color: #34395e; }
1425
+
1426
+ .media .media-cta {
1427
+ margin-left: 40px; }
1428
+ .media .media-cta .btn {
1429
+ padding: 5px 15px;
1430
+ border-radius: 30px;
1431
+ font-size: 12px; }
1432
+
1433
+ .media .media-items {
1434
+ display: flex; }
1435
+ .media .media-items .media-item {
1436
+ flex: 1;
1437
+ text-align: center;
1438
+ padding: 0 15px; }
1439
+ .media .media-items .media-item .media-label {
1440
+ font-weight: 600;
1441
+ font-size: 12px;
1442
+ color: #34395e;
1443
+ letter-spacing: .5px; }
1444
+ .media .media-items .media-item .media-value {
1445
+ font-weight: 700;
1446
+ font-size: 18px; }
1447
+
1448
+ /* 3.14 Breadcrumb */
1449
+ .breadcrumb {
1450
+ background-color: #f9f9f9; }
1451
+ .breadcrumb .breadcrumb-item {
1452
+ line-height: 1; }
1453
+ .breadcrumb .breadcrumb-item i {
1454
+ margin-right: 5px; }
1455
+
1456
+ /* 3.15 Accordion */
1457
+ .accordion {
1458
+ display: inline-block;
1459
+ width: 100%;
1460
+ margin-bottom: 10px; }
1461
+ .accordion .accordion-header, .accordion .accordion-body {
1462
+ padding: 10px 15px; }
1463
+ .accordion .accordion-header {
1464
+ background-color: #f9f9f9;
1465
+ border-radius: 3px;
1466
+ cursor: pointer;
1467
+ transition: all .5s; }
1468
+ .accordion .accordion-header h4 {
1469
+ line-height: 1;
1470
+ margin: 0;
1471
+ font-size: 14px;
1472
+ font-weight: 700; }
1473
+ .accordion .accordion-header:hover {
1474
+ background-color: #f2f2f2; }
1475
+ .accordion .accordion-header[aria-expanded="true"] {
1476
+ box-shadow: 0 2px 6px #acb5f6;
1477
+ background-color: #6777ef;
1478
+ color: #fff; }
1479
+ .accordion .accordion-body {
1480
+ line-height: 24px; }
1481
+
1482
+ /* 3.16 Popover */
1483
+ .popover {
1484
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
1485
+ border-color: transparent; }
1486
+ .popover .manual-arrow {
1487
+ position: absolute;
1488
+ bottom: -15px;
1489
+ font-size: 26px;
1490
+ left: 50%;
1491
+ -webkit-transform: translateX(-50%);
1492
+ transform: translateX(-50%);
1493
+ color: #fff; }
1494
+
1495
+ .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
1496
+ border-left-color: #f2f2f2; }
1497
+
1498
+ .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
1499
+ border-bottom-color: #f2f2f2; }
1500
+
1501
+ .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
1502
+ border-top-color: #f2f2f2; }
1503
+
1504
+ .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
1505
+ border-right-color: #f2f2f2; }
1506
+
1507
+ .popover .popover-header {
1508
+ background-color: transparent;
1509
+ border: none;
1510
+ padding-bottom: 0;
1511
+ padding-top: 10px; }
1512
+
1513
+ .popover .popover-body {
1514
+ padding: 15px;
1515
+ line-height: 24px; }
1516
+
1517
+ /* 3.17 Grid */
1518
+ .sm-gutters {
1519
+ margin-left: -5px;
1520
+ margin-right: -5px; }
1521
+ .sm-gutters > .col, .sm-gutters > [class*=col-] {
1522
+ padding-left: 5px;
1523
+ padding-right: 5px; }
1524
+
1525
+ /* 3.18 Navbar */
1526
+ .navbar {
1527
+ height: 70px;
1528
+ left: 250px;
1529
+ right: 5px;
1530
+ position: absolute;
1531
+ z-index: 890;
1532
+ background-color: transparent; }
1533
+ .navbar.active {
1534
+ background-color: #6777ef;
1535
+ box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03); }
1536
+
1537
+ .navbar-bg {
1538
+ content: ' ';
1539
+ position: absolute;
1540
+ top: 0;
1541
+ left: 0;
1542
+ width: 100%;
1543
+ height: 115px;
1544
+ background-color: #6777ef;
1545
+ z-index: -1; }
1546
+
1547
+ .navbar {
1548
+ align-items: center; }
1549
+ .navbar .navbar-brand {
1550
+ color: #fff;
1551
+ text-transform: uppercase;
1552
+ letter-spacing: 3px;
1553
+ font-weight: 700; }
1554
+ .navbar .form-inline .form-control {
1555
+ background-color: #fff;
1556
+ border-color: transparent;
1557
+ padding-left: 20px;
1558
+ padding-right: 0;
1559
+ margin-right: -6px;
1560
+ min-height: 46px;
1561
+ font-weight: 500;
1562
+ border-radius: 3px 0 0 3px;
1563
+ transition: all 1s; }
1564
+ .navbar .form-inline .form-control:focus,
1565
+ .navbar .form-inline .form-control:focus + .btn {
1566
+ position: relative;
1567
+ z-index: 9001; }
1568
+ .navbar .form-inline .form-control:focus + .btn + .search-backdrop {
1569
+ opacity: .6;
1570
+ visibility: visible; }
1571
+ .navbar .form-inline .form-control:focus + .btn + .search-backdrop + .search-result {
1572
+ opacity: 1;
1573
+ visibility: visible;
1574
+ top: 80px; }
1575
+ .navbar .form-inline .btn {
1576
+ border-radius: 0 3px 3px 0;
1577
+ background-color: #fff;
1578
+ padding: 9px 15px 9px 15px;
1579
+ border-color: transparent; }
1580
+ .navbar .form-inline .search-backdrop {
1581
+ position: fixed;
1582
+ top: 0;
1583
+ left: 0;
1584
+ width: 100%;
1585
+ height: 100%;
1586
+ z-index: 9000;
1587
+ background-color: #000;
1588
+ opacity: 0;
1589
+ visibility: hidden;
1590
+ transition: all .5s; }
1591
+ .navbar .form-inline .search-result {
1592
+ position: absolute;
1593
+ z-index: 9002;
1594
+ top: 100px;
1595
+ background-color: #fff;
1596
+ border-radius: 3px;
1597
+ width: 450px;
1598
+ opacity: 0;
1599
+ visibility: hidden;
1600
+ transition: all .5s; }
1601
+ .navbar .form-inline .search-result:before {
1602
+ position: absolute;
1603
+ top: -26px;
1604
+ left: 34px;
1605
+ content: '\f0d8';
1606
+ font-weight: 600;
1607
+ font-family: 'Font Awesome 5 Free';
1608
+ color: #fff;
1609
+ font-size: 30px; }
1610
+ .navbar .form-inline .search-result .search-header {
1611
+ padding: 13px 18px 2px 18px;
1612
+ text-transform: uppercase;
1613
+ letter-spacing: 1.3px;
1614
+ font-weight: 600;
1615
+ font-size: 10px;
1616
+ color: #bcc1c6; }
1617
+ .navbar .form-inline .search-result .search-item {
1618
+ display: flex; }
1619
+ .navbar .form-inline .search-result .search-item a {
1620
+ display: block;
1621
+ padding: 13px 18px;
1622
+ text-decoration: none;
1623
+ color: #34395e;
1624
+ font-weight: 600;
1625
+ display: flex;
1626
+ align-items: center; }
1627
+ .navbar .form-inline .search-result .search-item a:hover {
1628
+ background-color: #f1f3fe; }
1629
+ .navbar .form-inline .search-result .search-item a:not(.search-close) {
1630
+ width: 100%; }
1631
+ .navbar .form-inline .search-result .search-item a i {
1632
+ margin-left: 0 !important; }
1633
+ .navbar .form-inline .search-result .search-item .search-icon {
1634
+ width: 35px;
1635
+ height: 35px;
1636
+ line-height: 35px;
1637
+ text-align: center;
1638
+ border-radius: 50%; }
1639
+ .navbar .active .nav-link {
1640
+ color: #fff;
1641
+ font-weight: 700; }
1642
+ .navbar .navbar-text {
1643
+ color: #fff; }
1644
+ .navbar .nav-link {
1645
+ color: #f2f2f2;
1646
+ padding-left: 15px !important;
1647
+ padding-right: 15px !important;
1648
+ padding-top: 0 !important;
1649
+ padding-bottom: 0 !important;
1650
+ height: 100%; }
1651
+ .navbar .nav-link.nav-link-lg div {
1652
+ margin-top: 3px; }
1653
+ .navbar .nav-link.nav-link-lg i {
1654
+ margin-left: 0 !important;
1655
+ font-size: 18px;
1656
+ line-height: 32px; }
1657
+ .navbar .nav-link.nav-link-user {
1658
+ color: #fff;
1659
+ padding-top: 4px;
1660
+ padding-bottom: 4px;
1661
+ font-weight: 600; }
1662
+ .navbar .nav-link.nav-link-user img {
1663
+ width: 30px; }
1664
+ .navbar .nav-link.nav-link-img {
1665
+ padding-top: 4px;
1666
+ padding-bottom: 4px;
1667
+ border-radius: 50%;
1668
+ overflow: hidden; }
1669
+ .navbar .nav-link.nav-link-img .flag-icon {
1670
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
1671
+ border-radius: 50%;
1672
+ line-height: 18px;
1673
+ height: 22px;
1674
+ width: 22px;
1675
+ background-size: cover; }
1676
+
1677
+ .remove-caret:after {
1678
+ display: none; }
1679
+
1680
+ .navbar .nav-link:hover {
1681
+ color: #fff; }
1682
+
1683
+ .navbar .nav-link.disabled {
1684
+ color: #fff;
1685
+ opacity: .6; }
1686
+
1687
+ .nav-collapse {
1688
+ display: flex; }
1689
+
1690
+ @media (max-width: 575.98px) {
1691
+ body.search-show .navbar .form-inline .search-element {
1692
+ display: block; }
1693
+ .navbar .form-inline .search-element {
1694
+ position: absolute;
1695
+ top: 10px;
1696
+ left: 10px;
1697
+ right: 10px;
1698
+ z-index: 892;
1699
+ display: none; }
1700
+ .navbar .form-inline .search-element .form-control {
1701
+ float: left;
1702
+ border-radius: 3px 0 0 3px;
1703
+ width: calc(100% - 43px) !important; }
1704
+ .navbar .form-inline .search-element .btn {
1705
+ margin-top: 1px;
1706
+ border-radius: 0 3px 3px 0; }
1707
+ .navbar .form-inline .search-result {
1708
+ width: 100%; }
1709
+ .navbar .form-inline .search-backdrop {
1710
+ display: none; }
1711
+ .navbar .nav-link.nav-link-lg div {
1712
+ display: none; } }
1713
+
1714
+ @media (min-width: 576px) and (max-width: 767.98px) {
1715
+ .navbar .form-inline .search-element {
1716
+ display: block; } }
1717
+
1718
+ @media (min-width: 768px) and (max-width: 991.98px) {
1719
+ .collapse {
1720
+ position: relative; }
1721
+ .collapse .navbar-nav {
1722
+ position: absolute; } }
1723
+
1724
+ @media (max-width: 1024px) {
1725
+ .nav-collapse {
1726
+ position: relative; }
1727
+ .nav-collapse .navbar-nav {
1728
+ box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
1729
+ position: absolute;
1730
+ top: 40px;
1731
+ left: 0;
1732
+ width: 200px;
1733
+ display: none; }
1734
+ .nav-collapse .navbar-nav.show {
1735
+ display: block; }
1736
+ .nav-collapse .navbar-nav .nav-item:first-child {
1737
+ border-radius: 3px 3px 0 0; }
1738
+ .nav-collapse .navbar-nav .nav-item:last-child {
1739
+ border-radius: 0 0 3px 3px; }
1740
+ .nav-collapse .navbar-nav .nav-item .nav-link {
1741
+ background-color: #fff;
1742
+ color: #6c757d; }
1743
+ .nav-collapse .navbar-nav .nav-item .nav-link:hover {
1744
+ background-color: #fcfcfd;
1745
+ color: #6777ef; }
1746
+ .nav-collapse .navbar-nav .nav-item:focus > a, .nav-collapse .navbar-nav .nav-item.active > a {
1747
+ background-color: #6777ef;
1748
+ color: #fff; }
1749
+ .navbar {
1750
+ left: 5px;
1751
+ right: 0; }
1752
+ .navbar .dropdown-menu {
1753
+ position: absolute; }
1754
+ .navbar .navbar-nav {
1755
+ flex-direction: row; }
1756
+ .navbar-expand-lg .navbar-nav .dropdown-menu-right {
1757
+ right: 0;
1758
+ left: auto; } }
1759
+
1760
+ /* 3.19 Dropdown */
1761
+ .dropdown-item.has-icon i {
1762
+ margin-top: -1px;
1763
+ font-size: 13px; }
1764
+
1765
+ .dropdown-menu {
1766
+ box-shadow: 0 10px 40px 0 rgba(51, 73, 94, 0.15);
1767
+ border: none;
1768
+ width: 200px; }
1769
+ .dropdown-menu.show {
1770
+ display: block !important; }
1771
+ .dropdown-menu a {
1772
+ font-size: 13px; }
1773
+ .dropdown-menu .dropdown-title {
1774
+ text-transform: uppercase;
1775
+ font-size: 10px;
1776
+ letter-spacing: 1.5px;
1777
+ font-weight: 700;
1778
+ color: #191d21 !important;
1779
+ padding: 10px 20px;
1780
+ line-height: 20px;
1781
+ color: #98a6ad; }
1782
+ .dropdown-menu.dropdown-menu-sm a {
1783
+ font-size: 14px;
1784
+ letter-spacing: normal;
1785
+ padding: 10px 20px;
1786
+ color: #6c757d; }
1787
+
1788
+ a.dropdown-item {
1789
+ padding: 10px 20px;
1790
+ font-weight: 500;
1791
+ line-height: 1.2; }
1792
+ a.dropdown-item:focus, a.dropdown-item:active, a.dropdown-item.active {
1793
+ background-color: #6777ef;
1794
+ color: #fff !important; }
1795
+
1796
+ .dropdown-divider {
1797
+ border-top-color: #f9f9f9; }
1798
+
1799
+ .dropdown-list {
1800
+ width: 350px;
1801
+ padding: 0; }
1802
+ .dropdown-list .dropdown-item {
1803
+ display: inline-block;
1804
+ width: 100%;
1805
+ padding-top: 15px;
1806
+ padding-bottom: 15px;
1807
+ font-size: 13px;
1808
+ border-bottom: 1px solid #f9f9f9; }
1809
+ .dropdown-list .dropdown-item.dropdown-item-header:hover {
1810
+ background-color: transparent; }
1811
+ .dropdown-list .dropdown-item .time {
1812
+ margin-top: 10px;
1813
+ font-weight: 600;
1814
+ text-transform: uppercase;
1815
+ font-size: 10px;
1816
+ letter-spacing: .5px; }
1817
+ .dropdown-list .dropdown-item .dropdown-item-avatar {
1818
+ float: left;
1819
+ width: 40px;
1820
+ text-align: right;
1821
+ position: relative; }
1822
+ .dropdown-list .dropdown-item .dropdown-item-avatar img {
1823
+ width: 100%; }
1824
+ .dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
1825
+ position: absolute;
1826
+ bottom: 0;
1827
+ right: 0; }
1828
+ .dropdown-list .dropdown-item .dropdown-item-desc {
1829
+ line-height: 24px;
1830
+ white-space: normal;
1831
+ color: #34395e;
1832
+ margin-left: 60px; }
1833
+ .dropdown-list .dropdown-item .dropdown-item-desc b {
1834
+ font-weight: 600;
1835
+ color: #666; }
1836
+ .dropdown-list .dropdown-item .dropdown-item-desc p {
1837
+ margin-bottom: 0; }
1838
+ .dropdown-list .dropdown-item:focus {
1839
+ background-color: #6777ef; }
1840
+ .dropdown-list .dropdown-item:focus .dropdown-item-desc {
1841
+ color: #fff !important; }
1842
+ .dropdown-list .dropdown-item:focus .dropdown-item-desc b {
1843
+ color: #fff !important; }
1844
+ .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc {
1845
+ color: #6c757d; }
1846
+ .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
1847
+ color: #6c757d; }
1848
+ .dropdown-list .dropdown-item:active .dropdown-item-desc {
1849
+ color: #fff; }
1850
+ .dropdown-list .dropdown-item:active .dropdown-item-desc b {
1851
+ color: #fff; }
1852
+ .dropdown-list .dropdown-item.dropdown-item-unread {
1853
+ background-color: #fbfbfb;
1854
+ border-bottom-color: #f2f2f2; }
1855
+ .dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc {
1856
+ color: #6c757d !important; }
1857
+ .dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
1858
+ color: #6c757d !important; }
1859
+ .dropdown-list .dropdown-footer,
1860
+ .dropdown-list .dropdown-header {
1861
+ letter-spacing: .5px;
1862
+ font-weight: 600;
1863
+ padding: 15px; }
1864
+ .dropdown-list .dropdown-footer a,
1865
+ .dropdown-list .dropdown-header a {
1866
+ font-weight: 600; }
1867
+ .dropdown-list .dropdown-list-content {
1868
+ height: 350px;
1869
+ overflow: hidden; }
1870
+ .dropdown-list .dropdown-list-content:not(.is-end):after {
1871
+ content: ' ';
1872
+ position: absolute;
1873
+ bottom: 46px;
1874
+ left: 0;
1875
+ width: 100%;
1876
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
1877
+ height: 60px; }
1878
+ .dropdown-list .dropdown-list-icons .dropdown-item {
1879
+ display: flex; }
1880
+ .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
1881
+ flex-shrink: 0;
1882
+ border-radius: 50%;
1883
+ width: 40px;
1884
+ height: 40px;
1885
+ line-height: 42px;
1886
+ text-align: center; }
1887
+ .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
1888
+ margin: 0; }
1889
+ .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
1890
+ margin-left: 15px;
1891
+ line-height: 20px; }
1892
+ .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
1893
+ margin-top: 5px; }
1894
+
1895
+ .dropdown-flag .dropdown-item {
1896
+ font-weight: 600; }
1897
+ .dropdown-flag .dropdown-item .flag-icon {
1898
+ width: 20px;
1899
+ height: 13px;
1900
+ margin-right: 7px;
1901
+ margin-top: -6px; }
1902
+ .dropdown-flag .dropdown-item.active {
1903
+ background-color: #6777ef;
1904
+ color: #fff; }
1905
+
1906
+ @media (max-width: 575.98px) {
1907
+ .dropdown-list-toggle {
1908
+ position: static; }
1909
+ .dropdown-list-toggle .dropdown-list {
1910
+ left: 10px !important;
1911
+ width: calc(100% - 20px); } }
1912
+
1913
+ /* 3.20 Dropdown */
1914
+ .tab-content.no-padding > .tab-pane {
1915
+ padding: 0; }
1916
+
1917
+ .tab-content > .tab-pane {
1918
+ line-height: 28px; }
1919
+
1920
+ /* 3.21 Progress Bar */
1921
+ .progress-bar {
1922
+ background-color: #6777ef; }
1923
+
1924
+ /* 3.22 Jumbotron */
1925
+ .jumbotron {
1926
+ background-color: #e3eaef; }
1927
+
1928
+ /* 3.23 Carousel */
1929
+ .carousel .carousel-caption p {
1930
+ font-size: 13px;
1931
+ line-height: 24px; }
1932
+
1933
+ /* 4. Theme Style */
1934
+ /* 4.1 Misc */
1935
+ :root {
1936
+ /* Colors */
1937
+ --primary: color(primary);
1938
+ --secondary: color(fontdark);
1939
+ --success: color(success);
1940
+ --info: color(info);
1941
+ --warning: color(warning);
1942
+ --danger: color(danger);
1943
+ --light: color(light);
1944
+ --dark: color(dark); }
1945
+
1946
+ body, html {
1947
+ min-height: 100%; }
1948
+
1949
+ body {
1950
+ background-color: #f4f6f9;
1951
+ font-size: 14px;
1952
+ font-weight: 400;
1953
+ font-family: "Nunito", "Segoe UI", arial;
1954
+ color: #6c757d; }
1955
+
1956
+ a.bb {
1957
+ text-decoration: none;
1958
+ border-bottom: 1px solid #6777ef;
1959
+ padding-bottom: 1px; }
1960
+
1961
+ .form-divider {
1962
+ display: inline-block;
1963
+ width: 100%;
1964
+ margin: 10px 0;
1965
+ font-size: 16px;
1966
+ font-weight: 600; }
1967
+
1968
+ .ui-sortable-handle,
1969
+ .sort-handler {
1970
+ cursor: move; }
1971
+
1972
+ .text-job {
1973
+ font-size: 10px;
1974
+ text-transform: uppercase;
1975
+ letter-spacing: 1px;
1976
+ font-weight: 700;
1977
+ color: #34395e; }
1978
+
1979
+ .text-time {
1980
+ font-size: 12px;
1981
+ color: #666;
1982
+ font-weight: 500;
1983
+ margin-bottom: 10px; }
1984
+
1985
+ .bullet, .slash {
1986
+ display: inline;
1987
+ margin: 0 4px; }
1988
+
1989
+ .bullet:after {
1990
+ content: '\2022'; }
1991
+
1992
+ .slash:after {
1993
+ content: '/'; }
1994
+
1995
+ .login-brand {
1996
+ margin: 20px 0;
1997
+ margin-bottom: 40px;
1998
+ font-size: 24px;
1999
+ text-transform: uppercase;
2000
+ letter-spacing: 4px;
2001
+ color: #666;
2002
+ text-align: center; }
2003
+
2004
+ .font-weight-600 {
2005
+ font-weight: 600 !important; }
2006
+
2007
+ .budget-price {
2008
+ display: inline-block;
2009
+ width: 100%;
2010
+ display: flex;
2011
+ align-items: center;
2012
+ margin-bottom: 3px; }
2013
+ .budget-price .budget-price-square {
2014
+ width: 15px;
2015
+ height: 3px;
2016
+ background-color: #f9f9f9; }
2017
+ .budget-price .budget-price-label {
2018
+ font-size: 12px;
2019
+ font-weight: 600;
2020
+ margin-left: 5px; }
2021
+
2022
+ .gradient-bottom {
2023
+ position: relative; }
2024
+ .gradient-bottom:after {
2025
+ content: ' ';
2026
+ position: absolute;
2027
+ bottom: 41px;
2028
+ left: 0;
2029
+ width: 100%;
2030
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
2031
+ height: 60px; }
2032
+
2033
+ .text-small {
2034
+ font-size: 12px;
2035
+ line-height: 20px; }
2036
+
2037
+ .text-title {
2038
+ font-size: 14px;
2039
+ color: #34395e;
2040
+ font-weight: 600; }
2041
+
2042
+ .text-muted-transparent {
2043
+ color: rgba(255, 255, 255, 0.8); }
2044
+
2045
+ .img-shadow {
2046
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
2047
+
2048
+ .colors {
2049
+ display: flex;
2050
+ flex-wrap: wrap;
2051
+ margin: 0 -5px; }
2052
+ .colors .color {
2053
+ border-radius: 3px;
2054
+ width: calc((100% / 4) - 10px);
2055
+ padding: 10px;
2056
+ height: 60px;
2057
+ line-height: 40px;
2058
+ text-align: center;
2059
+ margin: 5px; }
2060
+
2061
+ blockquote {
2062
+ padding: 20px;
2063
+ padding-left: 40px;
2064
+ font-style: oblique;
2065
+ background-color: #f9f9f9;
2066
+ border-radius: 3px;
2067
+ position: relative;
2068
+ font-family: 'Time new Romans';
2069
+ font-size: 16px;
2070
+ letter-spacing: .3px; }
2071
+ blockquote:before {
2072
+ content: '"';
2073
+ font-size: 30px;
2074
+ position: absolute;
2075
+ top: 10px;
2076
+ left: 20px;
2077
+ opacity: .2; }
2078
+ blockquote .blockquote-footer {
2079
+ margin-top: 10px; }
2080
+
2081
+ .bg-whitesmoke {
2082
+ background-color: #f7f9f9 !important; }
2083
+
2084
+ .ion {
2085
+ font-size: 15px; }
2086
+
2087
+ .fas, .far, .fab, .fal {
2088
+ font-size: 13px; }
2089
+
2090
+ #visitorMap {
2091
+ height: 210px; }
2092
+
2093
+ .sidebar-gone-show {
2094
+ display: none !important; }
2095
+
2096
+ pre {
2097
+ border-radius: 3px; }
2098
+
2099
+ .circle-step {
2100
+ display: flex;
2101
+ margin-bottom: 10px; }
2102
+ .circle-step .circle-content {
2103
+ margin-top: 3px;
2104
+ margin-left: 13px; }
2105
+ .circle-step .circle {
2106
+ border-width: 2px;
2107
+ border-style: solid;
2108
+ border-radius: 50%;
2109
+ display: inline-block;
2110
+ width: 32px;
2111
+ height: 32px;
2112
+ line-height: 30px;
2113
+ font-size: 11px;
2114
+ text-align: center; }
2115
+ .circle-step .circle.circle-primary {
2116
+ border-color: #6777ef;
2117
+ color: #6777ef; }
2118
+
2119
+ .pe-none {
2120
+ pointer-events: none; }
2121
+
2122
+ .contact-map {
2123
+ width: 100%;
2124
+ height: 100%;
2125
+ min-height: 400px; }
2126
+
2127
+ #visitorMap2,
2128
+ #visitorMap3 {
2129
+ height: 350px; }
2130
+
2131
+ .shadow-primary {
2132
+ box-shadow: 0 2px 6px #acb5f6; }
2133
+
2134
+ .shadow-secondary {
2135
+ box-shadow: 0 2px 6px #e1e5e8; }
2136
+
2137
+ .shadow-success {
2138
+ box-shadow: 0 2px 6px #a8f5b4; }
2139
+
2140
+ .shadow-warning {
2141
+ box-shadow: 0 2px 6px #ffc473; }
2142
+
2143
+ .shadow-danger {
2144
+ box-shadow: 0 2px 6px #fd9b96; }
2145
+
2146
+ .shadow-info {
2147
+ box-shadow: 0 2px 6px #82d3f8; }
2148
+
2149
+ .shadow-light {
2150
+ box-shadow: 0 2px 6px #e6ecf1; }
2151
+
2152
+ .shadow-dark {
2153
+ box-shadow: 0 2px 6px #728394; }
2154
+
2155
+ .is-online {
2156
+ width: 10px;
2157
+ height: 10px;
2158
+ background-color: #63ed7a;
2159
+ border-radius: 50%;
2160
+ display: inline-block; }
2161
+
2162
+ .gutters-xs {
2163
+ margin-right: -0.25rem;
2164
+ margin-left: -0.25rem; }
2165
+
2166
+ .gutters-xs > .col,
2167
+ .gutters-xs > [class*="col-"] {
2168
+ padding-right: 0.25rem;
2169
+ padding-left: 0.25rem; }
2170
+
2171
+ .beep {
2172
+ position: relative; }
2173
+ .beep:after {
2174
+ content: '';
2175
+ position: absolute;
2176
+ top: 2px;
2177
+ right: 8px;
2178
+ width: 7px;
2179
+ height: 7px;
2180
+ background-color: #ffa426;
2181
+ border-radius: 50%;
2182
+ -webkit-animation: pulsate 1s ease-out;
2183
+ animation: pulsate 1s ease-out;
2184
+ -webkit-animation-iteration-count: infinite;
2185
+ animation-iteration-count: infinite;
2186
+ opacity: 1; }
2187
+ .beep.beep-sidebar:after {
2188
+ position: static;
2189
+ margin-left: 10px; }
2190
+
2191
+ @media (max-width: 575.98px) {
2192
+ .fc-overflow {
2193
+ width: 100%;
2194
+ overflow: auto; }
2195
+ .fc-overflow #myEvent {
2196
+ width: 800px; }
2197
+ .ionicons li {
2198
+ width: calc(100% / 4); }
2199
+ .icon-wrap {
2200
+ width: 100%; } }
2201
+
2202
+ .background-walk-y {
2203
+ background-repeat: no-repeat;
2204
+ background-position: 0 0%;
2205
+ -webkit-animation-name: backgroundWalkY;
2206
+ animation-name: backgroundWalkY;
2207
+ -webkit-animation-duration: 70s;
2208
+ animation-duration: 70s;
2209
+ -webkit-animation-iteration-count: infinite;
2210
+ animation-iteration-count: infinite;
2211
+ -webkit-animation-direction: alternate;
2212
+ animation-direction: alternate;
2213
+ -webkit-animation-fill-mode: forwards;
2214
+ animation-fill-mode: forwards;
2215
+ -webkit-animation-timing-function: linear;
2216
+ animation-timing-function: linear;
2217
+ background-size: 100%; }
2218
+
2219
+ @media (max-width: 1199.98px) {
2220
+ .background-walk-y {
2221
+ background-size: cover; } }
2222
+
2223
+ .background-walk-x {
2224
+ background-repeat: no-repeat;
2225
+ background-position: 0 0%;
2226
+ -webkit-animation-name: backgroundWalkX;
2227
+ animation-name: backgroundWalkX;
2228
+ -webkit-animation-duration: 70s;
2229
+ animation-duration: 70s;
2230
+ -webkit-animation-iteration-count: infinite;
2231
+ animation-iteration-count: infinite;
2232
+ -webkit-animation-direction: alternate;
2233
+ animation-direction: alternate;
2234
+ -webkit-animation-fill-mode: forwards;
2235
+ animation-fill-mode: forwards;
2236
+ -webkit-animation-timing-function: linear;
2237
+ animation-timing-function: linear; }
2238
+
2239
+ @-webkit-keyframes backgroundWalkY {
2240
+ 0% {
2241
+ background-position: 0 0%; }
2242
+ 100% {
2243
+ background-position: 0 100%; } }
2244
+
2245
+ @keyframes backgroundWalkY {
2246
+ 0% {
2247
+ background-position: 0 0%; }
2248
+ 100% {
2249
+ background-position: 0 100%; } }
2250
+
2251
+ @-webkit-keyframes backgroundWalkX {
2252
+ 0% {
2253
+ background-position: 0 0%; }
2254
+ 100% {
2255
+ background-position: 100% 0; } }
2256
+
2257
+ @keyframes backgroundWalkX {
2258
+ 0% {
2259
+ background-position: 0 0%; }
2260
+ 100% {
2261
+ background-position: 100% 0; } }
2262
+
2263
+ .overlay-gradient-bottom:after {
2264
+ content: ' ';
2265
+ position: absolute;
2266
+ top: 0;
2267
+ left: 0;
2268
+ width: 100%;
2269
+ height: 100%;
2270
+ background-color: false;
2271
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
2272
+ z-index: 1; }
2273
+
2274
+ .overlay-gradient-top:after {
2275
+ content: ' ';
2276
+ position: absolute;
2277
+ top: 0;
2278
+ left: 0;
2279
+ width: 100%;
2280
+ height: 100%;
2281
+ background-color: false;
2282
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
2283
+ z-index: 1; }
2284
+
2285
+ .index-1 {
2286
+ z-index: 1 !important; }
2287
+
2288
+ .index-2 {
2289
+ z-index: 2 !important; }
2290
+
2291
+ .index-3 {
2292
+ z-index: 3 !important; }
2293
+
2294
+ .index-4 {
2295
+ z-index: 4 !important; }
2296
+
2297
+ .index-5 {
2298
+ z-index: 5 !important; }
2299
+
2300
+ .absolute-bottom-left {
2301
+ position: absolute;
2302
+ left: 0;
2303
+ bottom: 0; }
2304
+
2305
+ .bg-paypal {
2306
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzhDMkFERDA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzhDMkFEQzA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzjbbwAABEdJREFUeNrsWGtsk1UYfnpd13Yd68boXOmAgnO4VSfLUBIhRhYIGkPMDHHGCJloNOIPL9EYkKB4SURiovBnRn+QQaZchUgQp8KcDlh2MawwV7YJG1u3sVtvWy9fPef9sMt0Gp1JQ/KdNzl9z7Xt85znfd9+VdlLKx0APmVtFWt6KMPCrJ1h7WmNJfeeg6xTxpoGyjGO1clasZq9rIRy7X61gmQ/oxLUULgJAgQBggBBgCBAECAIEAQIAgQBCjXtbA8+UlaKPTufmXrADkdx+UoPtu3aj6aLnbN7MtGnILPABZVKJU/E44hFwgj0X0doePBvz/H98jk1Btuak6OAVffeSZ6D/qymFgM3RuEqWIAPt22ieb1eiwX2bOQ7c5GZkUZzOp0W9pws9gg29bGGFD3NmU2p0JnTCIwUiyI46EUkGCBSLI6FUOt0HCnzemhTjeQTt2g00T4pFkmeAkpci8nvrvoKJ79vgrvjGnZt3Uhglxffjpq9r0wDeqK2EQ1N7dj56hP48kQ9Xnr7cwJde2AHbptnxZY3q/Cd20t7J4ZvwNf7G4HKWnqXrA4GODO/CGrt1FeOToQw4rkEndFM40jAnxwCrHPMWOSYR32fP4TSu5fgqcceoHF942Xyr7+3D13XvKQCTszDD5bg0Nc/0VpRQR75Fzc9ROCb2zpx7JvzsOYX0rwUjdAtm7Jz5DELAykaRWCgD9FQkFRimb8QWkMq22eCzvQHAYHkELCsaHGif+CTlxP9C60d2PpBNZHjuiMP5evuQ67NSmtXewdxydNDfafDBmeeDZsfL2NhHqe8AaYWDoibOcdOjVssHMZYt4cnBKg1Ghjn2pgy9AklxCZDUwoIJkkBJS4neX7DR0+dw/CoHy3uLrS0dWH9muX4+K3NtFZ95CyRUbF+JS784kFv/zD8wQmYjQbsfedZaLUa1Bz/Ea3ubugt6XLekyQW//0snmNM4kFEfONQ8+TI5M9zQHDIi7BvDGm5DlIGJ5ATEqf9oWQRICugav9p7Dv8w7S18nUryH9xvB5HTjXgo+2VNG5s9ZBvv9LLFOTE0iXz4Q+E8P6eQ3LSNMqJcnJsBP6+nmnvaUjPgIrd/uT4KILePhizbXLlYTH/f25/1lXAdTOGf2ZJ7c92sf0q+deefxSnq3eguHARjRua5b2/dl5P7OUJdGjEJ1cIlsllUL6/vGeEKYFbimUO5hYWw2DNkuf94/947t+Yyl5aGf+vh3KyMyBJcXiHRmesySuW5VN5O9fSgYx0E1WD7p4BWn/jhXI89+RaeLr7UFaxHdGYJN8Ei2mVWsNifnJmqbKkqEkxIMpuPR6XqAxyyfO8wPsx1ufhkBQCZmtp5lTUHXyXSmXFlt2oO+9W1k/hyg2rCfzhkw23BPikK0A8DAkCBAGCAEGAIEAQIAgQBNxiBIQVjD/GCTirYALqOAH8H4tvFaaEyE3MG38XYABCjHjqM0/uowAAAABJRU5ErkJggg==");
2307
+ background-repeat: no-repeat;
2308
+ background-size: cover; }
2309
+
2310
+ .bg-visa {
2311
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0ZCMEUyQjA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0ZCMEUyQTA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGpUrQAABKJJREFUeNrsWHtMW1UY/3ELFAq0tCuDQjtbnm7SjbkBA3lMN4LO6QwxzmWSmKiJfyiJMWaJ/0m2mCzTaJYZXTYN6kKi0z/cDIsyF0eGcxuMOXkMxvv9KOXVVvr0nHPpbe8kMUpS/uj9ktN77ndPzznf73zf7/vujSg6WL8JwBnSykmLRniIk7RfSXs1kvycJW0vwkvoQVeQVseRnzKEr5RyYeT2q4mMQ5iLBIAEgASABIAEgASABIAEQNhK5H8ZrI+zotLQiQr9PWjkNqbz+DhcGDTjk/ZS0dgXnsrGk6VG1u8ZnMP7n93AB0fKoFbFMN2Jz1vQcd/C+rqkODxfmYWduclITY4n9SmH2XkHmm6N4uMvb4vmfbN6O7blaMFxEey+5ugVLNldoQFgxKbG2a5i1HUXoiqjE4czbyCWs2Pfpj9xuuMxuH28Q9HNHdr/MJI3KNj9dz/1IFYeiV15qYjg9w2L1cGu5fl6vFdThOgomWit1I3xeChNKdLt2qbDoadzRLockwYt7ZOhDQG3V4bzvWaM53+BUc6MaM4Do9Ii2qjf+LnFZTQ2DzFj/MbbHC5MWuwMlCOv5QvG3+maZid+6lwbLv82hPYei2jdlw5s/sdecrM2hC4EgsXr9WFmwYu8/R9i8Md3ka2awv35JPbswJ4MYdzFK31Ydnpg0gdOc2BkgV03Z2iQqJQL+tpT1zE+bVt1vWyjGo9u2cj6M8R7tOpY1n9kjQCsiQR/vzMOjSoWun3HkJ7kZTq6seLtqTw/eHzM/amY9Crhf30j8+w6v+QUzXeCcETJjrRV16qqyBT61EPo3FS2ZK4rABPsqklUwFRWzfrPPpEOmYz39ebbY5icsbN+ukEV5AE8AL1Dc/jhcq+gpyAdf6cUp2v3wpCSIOgTE+SoXCHUuYVl/HJ9mBCrlV+bkCol0XUBYGrWjr5h3piCnTlI0cbhmccD7v9NQ7fQN6YFAOhfCQEqx8/cwsmv27BoC3hDbrYWn9bugSqBD4/nyOnLo3me+Ll5EC63F3e7Z4TxawmDNdcBNAzYpxVy6jXVeUjWKgQjWzt4dqZkl5KkCAAwOh/gEp8P9Re7UPXGBXx7KQCYWhmD8gI9mzfY/ScIR+Sbk+F0eYOIUBt6EhQA+GOCpTwquwsNgp7Gvo8PU5YBuJUUYHe4WVj4T5QSpD8zfFTXisoSI5Txga90uwsMAuH564AHhZLpugHQ1jnNjPAbRGWJuHPD1f6g2FYGuT9/+ltJMXPsrRJcaxlF94CVnWgZqQn8xrs9Xtwk4NbWFP/rHnJMakRFciw0Qg6A0+Uhrj6FojydoGtoGoDjL7eI3B4EgOriFVGM3PwEF5xiT37VRsg1RohvCsjhtxtYXSGkTVJAFZKag9YRWSRN+ivLkAJApZEQkzoon5+/1CN6LiOVYVffLO8xpNihcq/fikZS7JgJ4SURF6ceMG21M4/6noQPff76i1sxNrXExt+8O4nhiUXRvNdax2DQ8dlCT0ro/wNARNHBep/0NigBIAEgASABIAEgASABIAEgARCeADjD2H4PBeBqGAPQRAF4hb7QhZknuFZsfvlvAQYAHheK9jMfKWkAAAAASUVORK5CYII=");
2312
+ background-repeat: no-repeat;
2313
+ background-size: cover; }
2314
+
2315
+ .bg-americanexpress {
2316
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkI5MDAxRjA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkI5MDAxRTA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jutENgAAB2FJREFUeNrsWGlQlWUUfi7cy2VfZFdAFkUQUVxAwz3TLM3d1DQEpRzN1GaymHEdl6yxcVyyUcfQynBJUxx1zNBEMERRSBkUEdkR2ZEdLtzOebn3E4p+hEN/7j0zL5fvvd/33vc855znPO8n6xMR4wbgMI2xNIygG9ZEI5ZGuJz+fEfjDeiWcaAn0vjegP6Mge7aaAMdSvvOzNAAOm56APQA6AHQA6AHQJdNrv2np7Uxrn4aDLmhTFw3NLfi0v3nmDXUWbq5plGFcV/dRC8bE0R/HNSlH6xvbkHG81r0cTCDqZGhmKusa8bVh6UY420Le4vOZclPt/KxcISLdN3Sqsa+q1lYM9FTmvv610wcvJ7dNQDeD3bF9fRSRJxOE9e7F/jj7YGOuJxajPW/PBRz+xYOxOKRbnCxMcbppEJ8eSlDzB8ODRD38Vx72zbLFym5VR3mFSQ9RnjZYNtMX4QfTZGeZ9iXRCbjWVWDmLsRMQqTd91CXZMKkwc4Yv073lIA2EJpH8vHu+NJcS3mH0gSv9XlDLA0lmNeYE8sOZICbydzFL9oxAFC8tgHQ9CsakVVvYoio8Q3hPiBkIEwkhtgyu5bMFPKUVjZABVFo54yRk7O7ZrnJy3e19EcCZkV0jzfdyW1BCfvFJBTDqhtbBH33c97gYgzaZjY3x7LxrmTPJPh5O0CFFc3YlqAE87cK8SK191hQfvkvfQwM8K3v2fjTVqjVa0Wc7zPLnPAu+Q8I8nRWkRpFkLZkPi0AmmF1dKNoSNdcTurAulFNYh7XIacsnosHe3WYbE6cugEbVw72AE2djy3vB75NEpqGkXq+/WykJ6Lf1IO8gNbZ/qguaUVk/zscfRmnnBw7WQvyg4ZfvwjT7o/fIwbbM0VWEeZyc+9EglySoaQc4dicyCjPIzLKEcKRYSN57T2lr8D3GxNRN3x5kZTvfbvafE3YS2Daw8TaZgoDCRgOKKn7hQi4UmFeM7OXCk9p9Z4wZniZW8muIczq6K2CXtjsmBtKhfPvmhQifvMCMAtM3yQTAE7lpD/aiQ4dZAjmlRqXCMSCu7TA3JyQk4/MMzdWtS1r7O55Fz46N7YeO6RuOby+LspyeGRtIbWLIwV4pOJ7ezKIJTVNCG1oFrU/t3sSum+IA8b8bmJ1p7k54CDBHxvAru3ramY5zXPJRcJELQ23scOU4ijTiUVvBoAYaNccSIxH3a0yb3v+YuNGVEkPOxNMX3fbUSnFMHKRA4DSg/uCJHxuXC2UmK4p40oGf6OQeNoqyh9V0U96ECCPM+1y7b9YgbCKNv4GY65mbKtCwR6WGPz9H6ibOIzHomM2Ditn+gUXGrj+tniOfESZwY/yxxUQBmygYiRs6CWyFEh71pHl6nVL6uIa56d5mhfWxssWmN7K6GaZjJkq6htho2Z4j/92OrjqdizYMA/5quoDcYSr7xG3cHW3EiAzbuatCsB2aV1wlHmpfYWRW3R0coYE3ztXqkNyvpExKihw6ZXgt21cMaOCf/6HbfSBQfvYgoR8JbpPqL7tLdG6umc+nZUDlwS7a2aOgF/5+9i2enadU0tyKN2y91Eq2rZ8ivqRftlDfG/AMA2dU8iijTK7mXRybCZCO7MikDYEvHOIxXHLa+huaWDWhxAOmE7kega4o34jDLpOxZfM4c4C5LWqkKtBbhZYedcP+y8/KStlWvobeUET0Go2y48RqlGm7BdWD2iewHgaLFemDuspzTH7eyzn9NIavvh89O5guU3TfMWBPnJJC8EuFqKdrmW7jlCHaeWIupoaYx1U/uSSFLjBxJE+69lkUJ0FAqQyVFLhNxtTpHKjE0vwxezfWGubHOvn5OZWN+QwN8686VktiJ9Ie/uGksrrBHtjc2PBNAO2hgD89GxB6KlHftwKLSJygLH0kQhNL8QSFJJtAglqSIA+ODkYWcqpTK37RJNVHl97gwiun8+F+XDgiyI2qwDda97OVW4SK2UgRpM2WIsN+x+ACzJSd5EmyBSCu3OeqFNXBlAQS2XpTLbriuZlP4kfClS3BLDRrlh/dlH5GCTUJL8WEZxDeYH9RKtmo1bcfv1Zwx2Ih0jQxIBwxkSGZcjOGE3tV8ORC5lXBZxCB/QmGO6HQA+ObZXh1zTiU8rcWjxIJHKoXQC3Eqylo01wjhSeHzUZaKTa5xk6czKs4Yy5xRtnGt8OR2a2DyJ7LTrc2SZTxjAQFKXvE5CZjkp3VZBvC50jOfhaKkUZx0+d3QrALwhPjjxkPouObV/kT+lqhIHQwYhLDIFm8+ntylKIr9N0elC5LAdXzZUlAVrNVaCUYkFcCeJzKdXThp+Jjr5mRhaEpxDfLPh7EMpwzyJLFfQsZnPNVoyNVYYYjap2pF9e3QvABdWD+90nk+Vc/YniUPY+VUdX6z8llbS4Xq3RjlyZNnYwTkaUk3aOLbT9fmorX1pUlTVSGRoKK2jfbHDL2VWRaXqlaD+pageAD0AegD0AOgB0HEAmnTY/xYG4IYOAxDHACylEaNjmdCs8Tn0LwEGANFzD+vUOoKUAAAAAElFTkSuQmCC");
2317
+ background-repeat: no-repeat;
2318
+ background-size: cover; }
2319
+
2320
+ .bg-dinersclub {
2321
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZFN0NDMjA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZFN0NDMTA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DhLVaQAABA5JREFUeNrsmHlIFFEcx7+r5qqb95GWeaRWpBamhhZ2UFKupZ2S1h9Z0QkdEFF0KR0UEf1RWFAWREFaJF1GEZgWphGdVt6laZalrpjttofbe2s7u9OYGbQxy8wP3rIz83tv9/eZ3/WeBPITAQBOkzGFDHsIQ9RkFJOx0hZhsy+TL4lk2EI4Qm0NISPKhnxMhnAlwUZAbt+nJ9hA4CICEAGIAEQAgha7//EjwzxlWDZjFBKj/DHE3Ql6vR5eLg7wdnVkdLpVWjS3daOioR1Xy94i/34dVGqdxf+bhLTCekstLh1ki+ylMVg4KQQ5NysMRjV96Waeuw+WQh4bgI0pkYgd6cOa+6G9G1vPlOFCUY11AnCV2aMwW4437xXYcPIBvn3X/j4OJRJsTI3E4RXxpDORsJ7l3qnE6mPF0PVY5j3RvUDWP48r0l/d2JOE4pct2HyqFBpdT7/61LSyyk94Vt+GtIQQAxCjjA/xgp+HDNcfNVgPgC0LxpEYd8S6nBIWlPBAd7QqlMy9Eb4uBjhqbS+gqmYFVBqdIVeYS3SoN2pbOvHyXTv/qwB1/fWzI7DmeAlJdr33PJ0dcO9gCrYtimLpzowejoqcNIwN9mTuHbnyHK8bOzjrHl4eD0d7O/4DyJgahmtl7/C5U8nEd8GumZg0xrdP/UAfZ9zemwwft96KQGP9QP4Tjp6fhxMWJYzgPwB5TAAuPahjrhdPCUVCuF+/c3xJady5OJq5vkoAarTcvDFnQhD/AVB3flr3hbleQjxiYJ4TCmPu+6rUoJrkg18lJsyb/wAGOwxCFzHAKKOHuw1oHs0TPmaN0ccOZZ9hwHsAKg273uv/onybq37X6PrsF3gPgLa0TlJTtn7VOLDSRcujeYn095JxdFo6vvEfQCXp/CZHmJLeQFvZC/dMeh7OUtIzeHB0yqs+8R/ADdKxzZsYzFzTilD0ornfObUfOrH/oqn0pcYFc1piKgWlb/kP4HxRNaaP8zeUNmMOmL/vDu4+a/qt8Ul7CtHWpWI6xu1pUVzPalIQmPXWsRlaNWsMUuICMSf7FpMEaQILG+aKqiYFqwmica9UmxLn7vRosoOM5STS5KxC3HrcaB0HIqduvya1XItDmXHMvR5ihbnxVBpau1jGzyehszsjhrPejnPlFjHeYgDoG8s8WoTgIS44u3ka3GTSfvXt7XrdPm9bIiv26Tr7857g4KWn1nkgQt1+09xIrJWHk9xQgyul9awdHS11NOFtSo1E6FBX1ly6IdqS+9Bib/6/ADAKPf5KJ3uClLggwxaYgqGbH/N+gR6YNH7+isc1rYZsf628Ado/nCNYDQA+i3gsLgIQAYgARABCB6AWsP06CqBEwADuUwAryLgrME/Q/LR52Q8BBgBm3GJpfFCpogAAAABJRU5ErkJggg==");
2322
+ background-repeat: no-repeat;
2323
+ background-size: cover; }
2324
+
2325
+ .bg-discover {
2326
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTYxNkM1QzA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTYxNkM1QjA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nbpv+wAABOVJREFUeNrsmnlQVVUcx79gGWtvGCuteBgOSykiISQaO5GgwWtKZlJkMfpDrZQmBNOCxqJF0UlsEaPYbAMCCp1JnjFsZSKyiRA8FkGCARyBx9Lb7judexzuSKMNIU7Lu7+Z39x7f++sn/P7/c59d44RIcQGQDpVH6rzYRiioVpO9QUjCkBOb56AYUoZD0BtQCv/Z+F4AAQGLCIAEYAIQAQgAhABiABEACIAEYAIQARgkGI804J2Do5MXVxXYld8PIaHR5h92/YXESp7GjzH+IQEPGgthZPzCuTm5l378qDRMPt9ixbB1NwCXt4+1xrUc9CUpGEiKQDju9zw+0cx0Pe3o7a2jvWTn/+t0HdjYyOz5eXlC+Pg1dXNHS0tLcKzx5o1+Dwj4/YA6OnpgYO9PRwc7PHxJ0fhFxCAsbExDA4Noa+/HyVyOT44nIqQkBAE+Pujo7OT1QuPiEDqkQ8hC5Vhz2u7MXTlCrOrvk6CunA/9IOXQMaHoWsqw+T+Z7HiAQmMjY1xNC1N6Ds7JwcDAwMIDAxk41hsY0PbC8W64CAKWMtsPt7ekNwtwdZt2xnEGQuZodx5lwnJys5m9z+fOUPmm5iSd997nzyzIYysdH+MpB07xspQEEKds9XVzEZXRbCNjIwQrl9BlFuX3FAn03eQt95OZvXa29uJVqsl1KsIBSmM43DqEaG9+voGZisrLycdHR3sPuf48ZlOixjPJm5We3jA2Xk5KisrBVtwUBDuWbAA658KwdqgYOa2VVU/wdLSElGRkUI5iUQCTnHu5p9o6G9RkREwMjJCRmYm5KdPMy+LjooSyiS/k8xc3tfPX7CVlJTgzX37mPe4u7nNeC53zDp50I54nRKpVIoLFxqRnZ2DlJQUBK9bj9jY2L/fMNGztvz9/JCVlY02hQLW1tbseUqcljnBxcUFVlZWgo0PMz7f5Od+A0dHx7nPAddLTc15UNeDr6+vYBsdHYWS6iuxO7F37x4W60sfeZjlCRo6QjmlUol5S1xv2vY8O3d25Vd8YHAQRUXfMY+4HrZMJsPBlAN4nfYzJUmJiexa39Bwe7ZBGvMswVlYmKOwsIhSdkBZaSkio7egu7ubrsoy0DhEzPNbkEuzNQ+js6Mdz23ahOLiE4jYvBk2NlJ88eVX+LX5IlSZcdCeLZw+mPmmMNtdBOP77aBSqSBd/BAD29rSDFtbW2EcXp6ezANMTU0QtiEM7qtWQV5yCgUFhfg0PR1VFRVwdX10bpMgn+h4fdzTi7yRmEjoSjL7q3FxZGN4OOnt7SV0OyRmFpZkqdNylpR4UavVhG6b5N6FC4mJmTmrz4TTEdX3h8hYwmqifMmRTBzcSHTdTdP6fHnHThL45NobjoNXmgNIa2sru6deSSgsZouMjp5xEhTfBEUAIgARgAjAECeuv9wMddEBwwOgH+qBpvgQtDUn2VunwQDgOmuh+TEDuvpT7K+4YYSATgNdgxya0kwGwGByAHepAbqaE9D+UgAyMWIYSZDraYKu7gfozp9kcf6/3wWIehKcohpccwVzc/3Vvllvg/+JIzL8hPVdddC1nwPXRifeRWNap71lx/l3HpLidND3K8Bdvsjimeuqh/631mnZe46EHZLij8l9RtX7n/AEMn4V+j46WTpBfW8zU66vbS5W96+Eb5w/JhfzhwADAEp6pBLh7YWZAAAAAElFTkSuQmCC");
2327
+ background-repeat: no-repeat;
2328
+ background-size: cover; }
2329
+
2330
+ .bg-jcb {
2331
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJEODgyMDA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJEODgxRjA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RS3J7gAAA3pJREFUeNrsWHtIU1EY/22z+Zo1Tc10zVctXSWZFib2olIxE6KgoqclERRoUPT4wzAii6AIgrCkt2UU/lVYUfaCHqL5gLKmtsxX6dxSm489XOcec2gzZ7Bi894ffLtn537n277fPef3nXN5WJwjBZBLbBExIdgBHbFnxNIECFp5hzSWExOAPWByDSUWyScfC8FeLOCzaNoPOxP4YDk4AjgCOAI4AlgNJ1sGm+IrwpndsUiYJ4Gbs2Vo3pLz9Jq2Igz718/G1IDxFj4HLxTj+I1ySHzccXrXfCTFSEeMZTcEuLs4oehU8rBJDcbOFDnO7Ykb0ceVJPyYxJJJJjjOElizKMRq8gz2rYuw6rMqLui/JG9TAiZPdBuVX5Cfh1Uf6STR2BVBPo/HVYExWwV+R01jB9q1OtoerA+azl6UfGxFU1sXdPo++IhdEOI/HuFSMb3/Vd2FUoXKIh4TY4K70HEIyDj7Evdef6Htu9mJ9Jp64inyHtVAb+ijQjcj2BPNhIjymjZkrJlFfS7fV1CTB3qSiiBAQ6sW3zTdcBEKcOvwMqTEBjoGAcOBSYxB5uY5yEqNNvf/6NajvkWLqw8V5r78zKWYFeKFd581mJl6Gz06Iwrf1Ds2AfRHySn80MbIIX0i13EIDxQP6Tty9S28PJzxvk5Dv88N80H66pmOKYIC/t+rv5wQEjXdG8uiAmj1qKxV4+bjGvskQFHfbha8gSld+Undv20luU8btLExGPuQnVc+ZDzjX1X33WJztSM5HAc3REIsEqJXb8TRa2V0vN0tgYIXStx9VYc5Mm/4ebmhuKqFqrzzOAGObItGqH9/FdiSIMMN8hSzrpQiv6gW8iAxUf1ulFWrzCI4gKQDhRA6CSg5alI56PhEGV1CtgIPi3NMtgi0d20ENsXLoGzuQFtHL0wmE/wnuiNG7gtPso4HDjCmJztoMrQMqkgZNBjhK3Y1l8HMSyW0DO5eZbnWGT0Inuxhn4ch5qlEEMVmzBqYROKjJX+8z8ygKDKTuJ3gWCLA2GdiNwHK5s5R+TWqtDaLZVcEnMyvsOpT3dCOgudK67FuVdjsf/3znWBtUweOXS/DxcKPf/Tp6jXgQXED0snZQdtjGDEW87os994H+yuDnAhyBHAEcARwBHAEOCYBOhbnb2QIeM5iAl4wBGwn9ohlM0H/K+etPwUYAO7UFu8nZtFbAAAAAElFTkSuQmCC");
2332
+ background-repeat: no-repeat;
2333
+ background-size: cover; }
2334
+
2335
+ .bg-mastercard {
2336
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REIxOTA4NTA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REIxOTA4NDA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XxeyrgAABOJJREFUeNrsWmtsU3UU/93e2wdryzo21r2f7GX2YGOsC+KmM5MoRMyWICrgC2MkYCSRT8ZADJqIUePzg4iPRGMEBaODoV8UFhgje7ixh869YOs65rq1g7brvb33eno18YsZdq3pTHuS0/b/zz23//O7590yTOXzGQA+JK4l1iAyiCc+R7ybZVI2fEUf6olZRA75dc0lLlfRSw0il+5QRZDZ/6MlqBDhFAUgCkAUgCgAEU3cf3HTlaKAxrmrqJ+fRLHHgViRV/Zt6hX4OWYVTsemoZnYxzB/PwlGxubkMeKrqE6YQqLWDY1KgkPQoscRj7NTmfjyWh6cQmizNkOlsByymxHvsg/hwFQfjATCYjSmMeDF1HKcN5pRlziBwyWXkG90LCozT8q/MlCJYyO3QV5uAKhlCe9ca8O9TmtAcheK43FPw3BAMt9NZuPp9rvAS8F7sL8XOBSKJ//2eBs2B6i8nzKmPbBDB2PWwr+WKSBLyTU4FSCWRRB8xD6CLY6JJcsbzjEQrIGFowdSR/Bo9kD4AdBLPvL53iAPIePG94aA5V4oaoeeE8ILQANFe9NfUT4Y0pIBeSYDi/BxGi+2pQ+FFwB/qlMlxEG7cf2fQSU1CRpL+dJy8jAdh1FBnVULTf59YDjt4gEsoQBb0m3hrQP8eV6/6yGY3jgIq7kMCV+8D8nlxuxj+8EV5MA3Og7JPgetpQKS2w1dfQ1E23V4TjRBXVwI39gExKlpqEsKIfM2GBpfgsqQBFlww2cfBKs3Q5qfgOz6HaqVqZAXHJAp47CxGTDubELJkbLwAhDv80K9rhSyZwHG/U9BU1mK+TePImZHA7icTOi3b8XCTxfBmlfD9dnXyprvGYDh8e3gO3oQ8+D9mK7bBnPLKXiaz4BLrYLj3VJA9EJn2QM2LhfatTtws2kv9JuOwHPhddrfS6D1EDBWrMJM+LOApqIY/OUuGJ99EsKvw/D9MkQuUQV14RqIM3YIpLC6KI++TQU2KRHzr74HLi9bcRe+u48ALIHn2x/gvdgCaXZIUZ6hQonL2Ah2dQEkeuqcma5pfUs5sjB4Bnz/SQKhO/xZYC7WBC4rnQ7fAfeps2DTUsg5WWjIpEWrDUJ3vzJ3EfoHoa2uIDPnoSktAtmxsse3diprvvMKuUMfWcA6GLZ+AF31PnDJ5RCd5CK2brDJa5V3hlXTNeuhq3oGPlrbvbrwukC/zgTzpochTlAwoprS9clxUqod0pyT9ibJZ73g8nPBX+okV2iFtqYavqFRTNc2Kn7vbesi3zZAnJ6BNecGNB/VgY3PhzDWAvH6FcXMZe88mBVxtO6Fz3oZov03SM5xAmcc3c6E8JbCO+3DOGztCk1dvtuNmJTAUuqB7tvx8WhR+FzgZFwmHGzwHZojmQtY+Tlei+Pja8IbA1wqDq8lFQd1D5maCXX9QsByL1Nn6PKpw58FPo/PQZMpbemHuNuLxKybAcl8Y83Bp0GYfkgB8AeR59Kr0BybGrDsidwMxGzwBNwO7+m4MyQzgZC0w36SGAanTemY5TSodNuhpWrtVgORfRkWHDUUoH02EWWmGcRrF245EDnYZ8GhXgtEmVl+E6GIH4n9Hyk6Fo8CEAUgCkAUgEgHgI9g/UU/AOcjGIAWfyns/7tYCbG/m4mUf4r5f0z4kfiJPwQYAB3H59j066DAAAAAAElFTkSuQmCC");
2337
+ background-repeat: no-repeat;
2338
+ background-size: cover; }
2339
+
2340
+ /* 4.2 Section */
2341
+ .section {
2342
+ position: relative;
2343
+ z-index: 1; }
2344
+ .section > *:first-child {
2345
+ margin-top: -7px; }
2346
+ .section .section-header {
2347
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
2348
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
2349
+ background-color: #fff;
2350
+ border-radius: 3px;
2351
+ border: none;
2352
+ position: relative;
2353
+ margin-bottom: 30px;
2354
+ padding: 20px;
2355
+ display: flex;
2356
+ align-items: center; }
2357
+ .section .section-header h1 {
2358
+ margin-bottom: 0;
2359
+ font-weight: 700;
2360
+ display: inline-block;
2361
+ font-size: 24px;
2362
+ margin-top: 3px;
2363
+ color: #34395e; }
2364
+ .section .section-header .section-header-back {
2365
+ margin-right: 15px; }
2366
+ .section .section-header .section-header-back .btn:hover {
2367
+ background-color: #6777ef;
2368
+ color: #fff; }
2369
+ .section .section-header .section-header-button {
2370
+ margin-left: 20px; }
2371
+ .section .section-header .section-header-breadcrumb {
2372
+ margin-left: auto;
2373
+ display: flex;
2374
+ align-items: center; }
2375
+ .section .section-header .section-header-breadcrumb .breadcrumb-item {
2376
+ font-size: 12px; }
2377
+ .section .section-header .btn {
2378
+ font-size: 12px; }
2379
+ .section .section-title {
2380
+ font-size: 18px;
2381
+ color: #191d21;
2382
+ font-weight: 600;
2383
+ position: relative;
2384
+ margin: 30px 0 25px 0; }
2385
+ .section .section-title:before {
2386
+ content: ' ';
2387
+ border-radius: 5px;
2388
+ height: 8px;
2389
+ width: 30px;
2390
+ background-color: #6777ef;
2391
+ display: inline-block;
2392
+ float: left;
2393
+ margin-top: 6px;
2394
+ margin-right: 15px; }
2395
+ .section .section-title + .section-lead {
2396
+ margin-top: -20px; }
2397
+ .section .section-lead {
2398
+ margin-left: 45px; }
2399
+
2400
+ .main-wrapper-1 .section .section-header {
2401
+ margin-left: -30px;
2402
+ margin-right: -30px;
2403
+ margin-top: -10px;
2404
+ border-radius: 0;
2405
+ border-top: 1px solid #f9f9f9;
2406
+ padding-left: 35px;
2407
+ padding-right: 35px; }
2408
+
2409
+ @media (max-width: 575.98px) {
2410
+ .section .section-title {
2411
+ font-size: 14px; }
2412
+ .section .section-header {
2413
+ flex-wrap: wrap;
2414
+ margin-bottom: 20px !important; }
2415
+ .section .section-header h1 {
2416
+ font-size: 18px; }
2417
+ .section .section-header .float-right {
2418
+ display: inline-block;
2419
+ width: 100%;
2420
+ margin-top: 15px; }
2421
+ .section .section-header .section-header-breadcrumb {
2422
+ flex-basis: 100%;
2423
+ margin-top: 10px; } }
2424
+
2425
+ /* 4.3 Page */
2426
+ .page-error {
2427
+ height: 100%;
2428
+ width: 100%;
2429
+ padding-top: 60px;
2430
+ text-align: center;
2431
+ display: table; }
2432
+ .page-error .page-inner {
2433
+ display: table-cell;
2434
+ width: 100%;
2435
+ vertical-align: middle; }
2436
+ .page-error h1 {
2437
+ font-size: 10em;
2438
+ font-weight: 700; }
2439
+ .page-error .page-description {
2440
+ font-size: 18px;
2441
+ font-weight: 400;
2442
+ color: #34395e; }
2443
+ .page-error .page-search {
2444
+ margin: 40px auto;
2445
+ max-width: 100%;
2446
+ width: 350px; }
2447
+ .page-error .page-search .form-control {
2448
+ border-radius: 30px; }
2449
+ .page-error .page-search .btn {
2450
+ border-radius: 30px;
2451
+ margin-left: 10px; }
2452
+
2453
+ @media (max-width: 575.98px) {
2454
+ .page-error .page-search {
2455
+ width: 100%; } }
2456
+
2457
+ /* 4.4 Layout */
2458
+ .main-sidebar {
2459
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
2460
+ position: fixed;
2461
+ top: 0;
2462
+ height: 100%;
2463
+ width: 250px;
2464
+ background-color: #fff;
2465
+ z-index: 880;
2466
+ left: 0; }
2467
+
2468
+ .main-sidebar,
2469
+ .navbar,
2470
+ .main-content,
2471
+ .main-footer {
2472
+ transition: all .5s; }
2473
+
2474
+ body.sidebar-gone .main-sidebar {
2475
+ left: -250px; }
2476
+
2477
+ body.sidebar-mini .hide-sidebar-mini {
2478
+ display: none !important; }
2479
+
2480
+ body.sidebar-mini .main-sidebar {
2481
+ width: 65px;
2482
+ overflow: initial !important;
2483
+ position: absolute;
2484
+ box-shadow: none; }
2485
+ body.sidebar-mini .main-sidebar:after {
2486
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
2487
+ content: ' ';
2488
+ position: fixed;
2489
+ background-color: #fff;
2490
+ width: 65px;
2491
+ height: 100%;
2492
+ left: 0;
2493
+ top: 0;
2494
+ z-index: -1;
2495
+ opacity: 0;
2496
+ -webkit-animation-name: mini-sidebar;
2497
+ animation-name: mini-sidebar;
2498
+ -webkit-animation-duration: 1.5s;
2499
+ animation-duration: 1.5s;
2500
+ -webkit-animation-fill-mode: forwards;
2501
+ animation-fill-mode: forwards; }
2502
+
2503
+ @-webkit-keyframes mini-sidebar {
2504
+ from {
2505
+ opacity: 0; }
2506
+ to {
2507
+ opacity: 1; } }
2508
+
2509
+ @keyframes mini-sidebar {
2510
+ from {
2511
+ opacity: 0; }
2512
+ to {
2513
+ opacity: 1; } }
2514
+ body.sidebar-mini .main-sidebar .sidebar-brand {
2515
+ display: none; }
2516
+ body.sidebar-mini .main-sidebar .sidebar-brand-sm {
2517
+ display: block; }
2518
+ body.sidebar-mini .main-sidebar .sidebar-menu > li {
2519
+ padding: 10px; }
2520
+ body.sidebar-mini .main-sidebar .sidebar-menu > li.menu-header {
2521
+ padding: 0;
2522
+ font-size: 0;
2523
+ height: 2px; }
2524
+ body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
2525
+ border-radius: 3px;
2526
+ height: 45px;
2527
+ padding: 0;
2528
+ justify-content: center; }
2529
+ body.sidebar-mini .main-sidebar .sidebar-menu > li > a .ion, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fas, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .far, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fab, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fal {
2530
+ margin: 0;
2531
+ font-size: 20px; }
2532
+ body.sidebar-mini .main-sidebar .sidebar-menu > li > a span {
2533
+ display: none; }
2534
+ body.sidebar-mini .main-sidebar .sidebar-menu > li > a .badge {
2535
+ padding: 5px;
2536
+ position: absolute;
2537
+ top: 4px;
2538
+ right: 4px;
2539
+ font-size: 10px; }
2540
+ body.sidebar-mini .main-sidebar .sidebar-menu > li > a.has-dropdown:after {
2541
+ content: initial; }
2542
+ body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
2543
+ box-shadow: 0 4px 8px #acb5f6;
2544
+ background-color: #6777ef;
2545
+ color: #fff; }
2546
+ body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
2547
+ position: absolute;
2548
+ background-color: #fff;
2549
+ left: 65px;
2550
+ top: 10px;
2551
+ width: 200px;
2552
+ display: none;
2553
+ box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); }
2554
+ body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
2555
+ body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
2556
+ body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
2557
+ color: #fff;
2558
+ background-color: #6777ef !important; }
2559
+ body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
2560
+ height: 40px;
2561
+ padding: 0 20px;
2562
+ background-color: #fff; }
2563
+ body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a.has-dropdown:after {
2564
+ content: "";
2565
+ font-family: 'Font Awesome 5 Free';
2566
+ font-weight: 900;
2567
+ position: absolute;
2568
+ top: 50%;
2569
+ right: 20px;
2570
+ -webkit-transform: translate(0, -50%);
2571
+ transform: translate(0, -50%);
2572
+ font-size: 12px;
2573
+ transition: all .5s; }
2574
+ body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu {
2575
+ display: block !important; }
2576
+ body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
2577
+ background-color: #fcfcfd; }
2578
+ body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li .dropdown-menu {
2579
+ left: 200px;
2580
+ padding: 0; }
2581
+
2582
+ body.sidebar-mini .navbar {
2583
+ left: 65px; }
2584
+
2585
+ body.sidebar-mini .main-content, body.sidebar-mini .main-footer {
2586
+ padding-left: 90px; }
2587
+
2588
+ body.layout-2 .navbar-bg {
2589
+ z-index: 889;
2590
+ height: 70px; }
2591
+
2592
+ body.layout-2 .navbar {
2593
+ left: 0;
2594
+ z-index: 890; }
2595
+
2596
+ body.layout-2 .main-wrapper {
2597
+ display: flex;
2598
+ flex-wrap: wrap;
2599
+ padding: 0 50px; }
2600
+
2601
+ body.layout-2 .main-sidebar,
2602
+ body.layout-2 .main-content,
2603
+ body.layout-2 .main-footer {
2604
+ flex-shrink: 0;
2605
+ flex-grow: 0; }
2606
+
2607
+ body.layout-2 .main-sidebar {
2608
+ background-color: transparent;
2609
+ box-shadow: none;
2610
+ position: static;
2611
+ margin-top: 100px;
2612
+ width: 200px; }
2613
+ body.layout-2 .main-sidebar .sidebar-menu li.menu-header {
2614
+ padding: 0; }
2615
+ body.layout-2 .main-sidebar .sidebar-menu li a {
2616
+ padding: 0; }
2617
+ body.layout-2 .main-sidebar .sidebar-menu li a i {
2618
+ width: 10px; }
2619
+ body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after {
2620
+ right: 0; }
2621
+ body.layout-2 .main-sidebar .sidebar-menu li a:hover {
2622
+ color: #6777ef;
2623
+ background-color: transparent; }
2624
+ body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
2625
+ padding-left: 34px; }
2626
+ body.layout-2 .main-sidebar .sidebar-menu li.active a {
2627
+ background-color: transparent; }
2628
+ body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
2629
+ background-color: transparent; }
2630
+ body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu a {
2631
+ background-color: transparent; }
2632
+
2633
+ body.layout-2 .main-content {
2634
+ padding-top: 107px;
2635
+ padding-left: 30px;
2636
+ padding-right: 0;
2637
+ width: calc(100% - 200px); }
2638
+
2639
+ body.layout-2 .main-footer {
2640
+ margin-left: 230px;
2641
+ width: calc(100% - 230px);
2642
+ padding-left: 0;
2643
+ padding-right: 0; }
2644
+
2645
+ body.layout-3 .navbar {
2646
+ left: 0;
2647
+ right: 0; }
2648
+
2649
+ body.layout-3 .navbar.navbar-secondary {
2650
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
2651
+ background-color: #fff;
2652
+ top: 70px;
2653
+ padding: 0;
2654
+ z-index: 889; }
2655
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
2656
+ color: #6777ef; }
2657
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link:before {
2658
+ left: 35px;
2659
+ right: 0; }
2660
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:first-child .nav-link {
2661
+ margin-left: 0; }
2662
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:last-child .nav-link {
2663
+ margin-right: 0; }
2664
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link {
2665
+ color: #868e96;
2666
+ font-size: 13px;
2667
+ letter-spacing: .3px;
2668
+ height: 70px;
2669
+ padding: 0;
2670
+ padding-left: 0 !important;
2671
+ padding-right: 0 !important;
2672
+ margin-left: 15px;
2673
+ margin-right: 15px;
2674
+ position: relative; }
2675
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown {
2676
+ margin-right: 35px; }
2677
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown:after {
2678
+ content: "";
2679
+ font-family: 'Font Awesome 5 Free';
2680
+ font-weight: 900;
2681
+ position: absolute;
2682
+ top: 50%;
2683
+ right: 20px;
2684
+ -webkit-transform: translate(0, -50%);
2685
+ transform: translate(0, -50%);
2686
+ font-size: 12px;
2687
+ transition: all .5s;
2688
+ right: -20px; }
2689
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
2690
+ content: ' ';
2691
+ position: absolute;
2692
+ left: initial;
2693
+ right: initial;
2694
+ bottom: 0;
2695
+ height: 2px;
2696
+ background-color: #6777ef;
2697
+ transition: all .5s; }
2698
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link span {
2699
+ line-height: 74px; }
2700
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link i {
2701
+ width: 30px;
2702
+ font-size: 16px; }
2703
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:hover {
2704
+ color: #191d21 !important; }
2705
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu {
2706
+ padding: 0; }
2707
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link {
2708
+ color: #6c757d;
2709
+ font-weight: 600;
2710
+ letter-spacing: .3px;
2711
+ padding: 7px !important;
2712
+ padding-left: 20px !important;
2713
+ padding-right: 20px !important; }
2714
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown:after {
2715
+ content: "";
2716
+ font-family: 'Font Awesome 5 Free';
2717
+ font-weight: 900;
2718
+ position: absolute;
2719
+ top: 50%;
2720
+ right: 20px;
2721
+ -webkit-transform: translate(0, -50%);
2722
+ transform: translate(0, -50%);
2723
+ font-size: 12px;
2724
+ transition: all .5s;
2725
+ right: 15px; }
2726
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .nav-link {
2727
+ background-color: #fcfcfd;
2728
+ color: #191d21; }
2729
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .dropdown-menu {
2730
+ display: block !important;
2731
+ top: -5px;
2732
+ left: 200px; }
2733
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link,
2734
+ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus {
2735
+ background-color: #6777ef;
2736
+ color: #fff; }
2737
+
2738
+ body.layout-3 .main-content {
2739
+ padding-left: 0;
2740
+ padding-right: 0;
2741
+ padding-top: 170px; }
2742
+
2743
+ body.layout-3 .main-footer {
2744
+ padding-left: 0;
2745
+ padding-right: 0; }
2746
+
2747
+ .main-sidebar .sidebar-brand {
2748
+ display: inline-block;
2749
+ width: 100%;
2750
+ text-align: center;
2751
+ height: 60px;
2752
+ line-height: 60px; }
2753
+ .main-sidebar .sidebar-brand.sidebar-brand-sm {
2754
+ display: none; }
2755
+ .main-sidebar .sidebar-brand a {
2756
+ text-decoration: none;
2757
+ text-transform: uppercase;
2758
+ letter-spacing: 1.5px;
2759
+ font-weight: 700;
2760
+ color: #000; }
2761
+
2762
+ .main-sidebar .sidebar-user {
2763
+ display: inline-block;
2764
+ width: 100%;
2765
+ padding: 10px;
2766
+ margin-bottom: 10px; }
2767
+ .main-sidebar .sidebar-user .sidebar-user-picture {
2768
+ float: left;
2769
+ margin-right: 10px; }
2770
+ .main-sidebar .sidebar-user .sidebar-user-picture img {
2771
+ width: 50px;
2772
+ border-radius: 50%; }
2773
+
2774
+ .main-sidebar .sidebar-menu {
2775
+ padding: 0;
2776
+ margin: 0; }
2777
+ .main-sidebar .sidebar-menu li {
2778
+ display: block; }
2779
+ .main-sidebar .sidebar-menu li.menu-header {
2780
+ padding: 3px 15px;
2781
+ color: #a1a8ae;
2782
+ font-size: 10px;
2783
+ text-transform: uppercase;
2784
+ letter-spacing: 1.3px;
2785
+ font-weight: 600; }
2786
+ .main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
2787
+ margin-top: 10px; }
2788
+ .main-sidebar .sidebar-menu li a {
2789
+ position: relative;
2790
+ display: flex;
2791
+ align-items: center;
2792
+ height: 50px;
2793
+ padding: 0 20px;
2794
+ width: 100%;
2795
+ letter-spacing: .3px;
2796
+ color: #78828a;
2797
+ text-decoration: none; }
2798
+ .main-sidebar .sidebar-menu li a .badge {
2799
+ float: right;
2800
+ padding: 5px 10px;
2801
+ margin-top: 2px; }
2802
+ .main-sidebar .sidebar-menu li a i {
2803
+ width: 28px;
2804
+ margin-right: 20px;
2805
+ text-align: center; }
2806
+ .main-sidebar .sidebar-menu li a span {
2807
+ margin-top: 3px;
2808
+ width: 100%; }
2809
+ .main-sidebar .sidebar-menu li a:hover {
2810
+ background-color: #f8fafb; }
2811
+ .main-sidebar .sidebar-menu li.active a {
2812
+ color: #6777ef;
2813
+ font-weight: 600;
2814
+ background-color: #f8fafb; }
2815
+ .main-sidebar .sidebar-menu li.active a.has-dropdown:after {
2816
+ -webkit-transform: translate(0, -50%) rotate(90deg);
2817
+ transform: translate(0, -50%) rotate(90deg); }
2818
+ .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
2819
+ background-color: #f8fafb; }
2820
+ .main-sidebar .sidebar-menu li a.has-dropdown:after {
2821
+ content: "";
2822
+ font-family: 'Font Awesome 5 Free';
2823
+ font-weight: 900;
2824
+ position: absolute;
2825
+ top: 50%;
2826
+ right: 20px;
2827
+ -webkit-transform: translate(0, -50%);
2828
+ transform: translate(0, -50%);
2829
+ font-size: 12px;
2830
+ transition: all .5s; }
2831
+ .main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
2832
+ background-color: #f8fafb; }
2833
+ .main-sidebar .sidebar-menu li ul.dropdown-menu {
2834
+ padding: 0;
2835
+ margin: 0;
2836
+ display: none;
2837
+ position: static;
2838
+ float: none;
2839
+ width: 100%;
2840
+ box-shadow: none;
2841
+ background-color: transparent; }
2842
+ .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
2843
+ color: #868e96;
2844
+ height: 35px;
2845
+ padding-left: 65px;
2846
+ font-weight: 400; }
2847
+ .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
2848
+ color: #6777ef;
2849
+ background-color: inherit; }
2850
+ .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
2851
+ color: #6777ef;
2852
+ font-weight: 600; }
2853
+ .main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
2854
+ margin-top: 1px;
2855
+ text-align: center; }
2856
+ .main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
2857
+ padding-left: 10px; }
2858
+
2859
+ .main-content {
2860
+ padding-left: 280px;
2861
+ padding-right: 30px;
2862
+ padding-top: 80px;
2863
+ width: 100%;
2864
+ position: relative; }
2865
+
2866
+ .main-footer {
2867
+ padding: 20px 30px 20px 280px;
2868
+ margin-top: 40px;
2869
+ color: #98a6ad;
2870
+ border-top: 1px solid #e3eaef;
2871
+ display: inline-block;
2872
+ width: 100%; }
2873
+ .main-footer .footer-left {
2874
+ float: left; }
2875
+ .main-footer .footer-right {
2876
+ float: right; }
2877
+
2878
+ .simple-footer {
2879
+ text-align: center;
2880
+ margin-top: 40px;
2881
+ margin-bottom: 40px; }
2882
+
2883
+ body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
2884
+ background-color: #6777ef;
2885
+ color: #fff; }
2886
+
2887
+ body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
2888
+ color: #e8ebfd; }
2889
+ body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
2890
+ background-color: #6777ef;
2891
+ color: #fff; }
2892
+
2893
+ body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
2894
+ color: #fff; }
2895
+
2896
+ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
2897
+ padding-left: 16px;
2898
+ background-color: transparent;
2899
+ position: relative; }
2900
+ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
2901
+ content: '';
2902
+ position: absolute;
2903
+ left: 0;
2904
+ top: 50%;
2905
+ -webkit-transform: translateY(-50%);
2906
+ transform: translateY(-50%);
2907
+ height: 25px;
2908
+ width: 4px;
2909
+ background-color: #6777ef; }
2910
+
2911
+ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
2912
+ padding-left: 61px;
2913
+ background-color: #fff; }
2914
+
2915
+ @media (max-width: 1024px) {
2916
+ .sidebar-gone-hide {
2917
+ display: none !important; }
2918
+ .sidebar-gone-show {
2919
+ display: block !important; }
2920
+ .main-sidebar {
2921
+ position: fixed !important;
2922
+ margin-top: 0 !important;
2923
+ z-index: 891; }
2924
+ body.layout-2 .main-wrapper,
2925
+ body.layout-3 .main-wrapper {
2926
+ width: 100%;
2927
+ padding: 0;
2928
+ display: block; }
2929
+ .main-content {
2930
+ padding-left: 30px;
2931
+ padding-right: 30px;
2932
+ width: 100% !important; }
2933
+ .main-footer {
2934
+ padding-left: 30px; }
2935
+ body.search-show {
2936
+ overflow: hidden; }
2937
+ body.search-show .navbar {
2938
+ z-index: 892; }
2939
+ body.sidebar-show {
2940
+ overflow: hidden; }
2941
+ body.search-show:before, body.sidebar-show:before {
2942
+ content: '';
2943
+ position: fixed;
2944
+ left: 0;
2945
+ right: 0;
2946
+ width: 100%;
2947
+ height: 100%;
2948
+ background-color: #000;
2949
+ opacity: 0;
2950
+ z-index: 891;
2951
+ -webkit-animation-name: fadeinbackdrop;
2952
+ animation-name: fadeinbackdrop;
2953
+ -webkit-animation-duration: 1s;
2954
+ animation-duration: 1s;
2955
+ -webkit-animation-fill-mode: forwards;
2956
+ animation-fill-mode: forwards; }
2957
+ @-webkit-keyframes fadeinbackdrop {
2958
+ to {
2959
+ opacity: .6; } }
2960
+ @keyframes fadeinbackdrop {
2961
+ to {
2962
+ opacity: .6; } } }
2963
+
2964
+ /* 4.5 Animation */
2965
+ .pulsate {
2966
+ -webkit-animation: pulsate 1s ease-out;
2967
+ animation: pulsate 1s ease-out;
2968
+ -webkit-animation-iteration-count: infinite;
2969
+ animation-iteration-count: infinite;
2970
+ opacity: 1; }
2971
+
2972
+ @-webkit-keyframes pulsate {
2973
+ 0% {
2974
+ -webkit-transform: scale(0.1, 0.1);
2975
+ opacity: 0.0; }
2976
+ 50% {
2977
+ opacity: 1.0; }
2978
+ 100% {
2979
+ -webkit-transform: scale(1.2, 1.2);
2980
+ opacity: 0.0; } }