activeadmin_froala_editor 0.4.0 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (149) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +1 -1
  3. data/README.md +11 -2
  4. data/app/assets/javascripts/activeadmin/froala_editor/froala_editor.min.js +3 -3
  5. data/app/assets/javascripts/activeadmin/froala_editor/froala_editor.pkgd.min.js +3 -3
  6. data/app/assets/javascripts/activeadmin/froala_editor/languages/ar.js +4 -4
  7. data/app/assets/javascripts/activeadmin/froala_editor/languages/bs.js +4 -4
  8. data/app/assets/javascripts/activeadmin/froala_editor/languages/cs.js +4 -4
  9. data/app/assets/javascripts/activeadmin/froala_editor/languages/da.js +4 -4
  10. data/app/assets/javascripts/activeadmin/froala_editor/languages/de.js +4 -4
  11. data/app/assets/javascripts/activeadmin/froala_editor/languages/el.js +4 -4
  12. data/app/assets/javascripts/activeadmin/froala_editor/languages/en_ca.js +4 -4
  13. data/app/assets/javascripts/activeadmin/froala_editor/languages/en_gb.js +4 -4
  14. data/app/assets/javascripts/activeadmin/froala_editor/languages/es.js +4 -4
  15. data/app/assets/javascripts/activeadmin/froala_editor/languages/et.js +4 -4
  16. data/app/assets/javascripts/activeadmin/froala_editor/languages/fa.js +4 -4
  17. data/app/assets/javascripts/activeadmin/froala_editor/languages/fi.js +4 -4
  18. data/app/assets/javascripts/activeadmin/froala_editor/languages/fr.js +4 -4
  19. data/app/assets/javascripts/activeadmin/froala_editor/languages/he.js +4 -4
  20. data/app/assets/javascripts/activeadmin/froala_editor/languages/hr.js +4 -4
  21. data/app/assets/javascripts/activeadmin/froala_editor/languages/hu.js +4 -4
  22. data/app/assets/javascripts/activeadmin/froala_editor/languages/id.js +4 -4
  23. data/app/assets/javascripts/activeadmin/froala_editor/languages/it.js +4 -4
  24. data/app/assets/javascripts/activeadmin/froala_editor/languages/ja.js +4 -4
  25. data/app/assets/javascripts/activeadmin/froala_editor/languages/ko.js +2 -2
  26. data/app/assets/javascripts/activeadmin/froala_editor/languages/ku.js +4 -4
  27. data/app/assets/javascripts/activeadmin/froala_editor/languages/me.js +4 -4
  28. data/app/assets/javascripts/activeadmin/froala_editor/languages/nb.js +4 -4
  29. data/app/assets/javascripts/activeadmin/froala_editor/languages/nl.js +4 -4
  30. data/app/assets/javascripts/activeadmin/froala_editor/languages/pl.js +4 -4
  31. data/app/assets/javascripts/activeadmin/froala_editor/languages/pt_br.js +4 -4
  32. data/app/assets/javascripts/activeadmin/froala_editor/languages/pt_pt.js +4 -4
  33. data/app/assets/javascripts/activeadmin/froala_editor/languages/ro.js +4 -4
  34. data/app/assets/javascripts/activeadmin/froala_editor/languages/ru.js +4 -4
  35. data/app/assets/javascripts/activeadmin/froala_editor/languages/sk.js +4 -4
  36. data/app/assets/javascripts/activeadmin/froala_editor/languages/sl.js +4 -4
  37. data/app/assets/javascripts/activeadmin/froala_editor/languages/sr.js +4 -4
  38. data/app/assets/javascripts/activeadmin/froala_editor/languages/sv.js +4 -4
  39. data/app/assets/javascripts/activeadmin/froala_editor/languages/th.js +4 -4
  40. data/app/assets/javascripts/activeadmin/froala_editor/languages/tr.js +4 -4
  41. data/app/assets/javascripts/activeadmin/froala_editor/languages/uk.js +4 -4
  42. data/app/assets/javascripts/activeadmin/froala_editor/languages/vi.js +2 -2
  43. data/app/assets/javascripts/activeadmin/froala_editor/languages/zh_cn.js +4 -4
  44. data/app/assets/javascripts/activeadmin/froala_editor/languages/zh_tw.js +4 -4
  45. data/app/assets/javascripts/activeadmin/froala_editor/plugins/align.min.js +2 -2
  46. data/app/assets/javascripts/activeadmin/froala_editor/plugins/char_counter.min.js +2 -2
  47. data/app/assets/javascripts/activeadmin/froala_editor/plugins/code_beautifier.min.js +2 -2
  48. data/app/assets/javascripts/activeadmin/froala_editor/plugins/code_view.min.js +2 -2
  49. data/app/assets/javascripts/activeadmin/froala_editor/plugins/colors.min.js +2 -2
  50. data/app/assets/javascripts/activeadmin/froala_editor/plugins/cryptojs.min.js +2 -2
  51. data/app/assets/javascripts/activeadmin/froala_editor/plugins/draggable.min.js +2 -2
  52. data/app/assets/javascripts/activeadmin/froala_editor/plugins/edit_in_popup.min.js +2 -2
  53. data/app/assets/javascripts/activeadmin/froala_editor/plugins/emoticons.min.js +2 -2
  54. data/app/assets/javascripts/activeadmin/froala_editor/plugins/entities.min.js +2 -2
  55. data/app/assets/javascripts/activeadmin/froala_editor/plugins/file.min.js +3 -3
  56. data/app/assets/javascripts/activeadmin/froala_editor/plugins/files_manager.min.js +3 -3
  57. data/app/assets/javascripts/activeadmin/froala_editor/plugins/font_family.min.js +2 -2
  58. data/app/assets/javascripts/activeadmin/froala_editor/plugins/font_size.min.js +2 -2
  59. data/app/assets/javascripts/activeadmin/froala_editor/plugins/forms.min.js +2 -2
  60. data/app/assets/javascripts/activeadmin/froala_editor/plugins/fullscreen.min.js +2 -2
  61. data/app/assets/javascripts/activeadmin/froala_editor/plugins/help.min.js +2 -2
  62. data/app/assets/javascripts/activeadmin/froala_editor/plugins/image.min.js +3 -3
  63. data/app/assets/javascripts/activeadmin/froala_editor/plugins/image_manager.min.js +2 -2
  64. data/app/assets/javascripts/activeadmin/froala_editor/plugins/inline_class.min.js +2 -2
  65. data/app/assets/javascripts/activeadmin/froala_editor/plugins/inline_style.min.js +2 -2
  66. data/app/assets/javascripts/activeadmin/froala_editor/plugins/line_breaker.min.js +2 -2
  67. data/app/assets/javascripts/activeadmin/froala_editor/plugins/line_height.min.js +3 -3
  68. data/app/assets/javascripts/activeadmin/froala_editor/plugins/link.min.js +3 -3
  69. data/app/assets/javascripts/activeadmin/froala_editor/plugins/lists.min.js +3 -3
  70. data/app/assets/javascripts/activeadmin/froala_editor/plugins/markdown.min.js +3 -3
  71. data/app/assets/javascripts/activeadmin/froala_editor/plugins/paragraph_format.min.js +3 -3
  72. data/app/assets/javascripts/activeadmin/froala_editor/plugins/paragraph_style.min.js +2 -2
  73. data/app/assets/javascripts/activeadmin/froala_editor/plugins/print.min.js +2 -2
  74. data/app/assets/javascripts/activeadmin/froala_editor/plugins/quick_insert.min.js +2 -2
  75. data/app/assets/javascripts/activeadmin/froala_editor/plugins/quote.min.js +3 -3
  76. data/app/assets/javascripts/activeadmin/froala_editor/plugins/save.min.js +2 -2
  77. data/app/assets/javascripts/activeadmin/froala_editor/plugins/special_characters.min.js +2 -2
  78. data/app/assets/javascripts/activeadmin/froala_editor/plugins/table.min.js +3 -3
  79. data/app/assets/javascripts/activeadmin/froala_editor/plugins/track_changes.min.js +3 -3
  80. data/app/assets/javascripts/activeadmin/froala_editor/plugins/trim_video.min.js +2 -2
  81. data/app/assets/javascripts/activeadmin/froala_editor/plugins/url.min.js +2 -2
  82. data/app/assets/javascripts/activeadmin/froala_editor/plugins/video.min.js +3 -3
  83. data/app/assets/javascripts/activeadmin/froala_editor/plugins/word_paste.min.js +3 -3
  84. data/app/assets/javascripts/activeadmin/froala_editor/plugins.pkgd.min.js +3 -3
  85. data/app/assets/javascripts/activeadmin/froala_editor/third_party/embedly.min.js +2 -2
  86. data/app/assets/javascripts/activeadmin/froala_editor/third_party/font_awesome.min.js +2 -2
  87. data/app/assets/javascripts/activeadmin/froala_editor/third_party/image_tui.min.js +2 -2
  88. data/app/assets/javascripts/activeadmin/froala_editor/third_party/showdown.min.js +3 -3
  89. data/app/assets/javascripts/activeadmin/froala_editor/third_party/spell_checker.min.js +2 -2
  90. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.css +1427 -1423
  91. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.min.css +3 -3
  92. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.pkgd.css +4804 -4796
  93. data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.pkgd.min.css +3 -3
  94. data/app/assets/stylesheets/activeadmin/froala_editor/froala_style.css +358 -356
  95. data/app/assets/stylesheets/activeadmin/froala_editor/froala_style.min.css +3 -3
  96. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/char_counter.css +45 -45
  97. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/char_counter.min.css +3 -3
  98. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/code_view.css +93 -93
  99. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/code_view.min.css +3 -3
  100. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/colors.css +94 -94
  101. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/colors.min.css +3 -3
  102. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/draggable.css +37 -37
  103. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/draggable.min.css +3 -3
  104. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/emoticons.css +30 -30
  105. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/emoticons.min.css +3 -3
  106. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/file.css +124 -124
  107. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/file.min.css +3 -3
  108. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/files_manager.css +1236 -1236
  109. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/files_manager.min.css +3 -3
  110. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/fullscreen.css +75 -73
  111. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/fullscreen.min.css +3 -3
  112. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/help.css +41 -41
  113. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/help.min.css +3 -3
  114. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image.css +209 -207
  115. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image.min.css +3 -3
  116. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image_manager.css +232 -232
  117. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/image_manager.min.css +3 -3
  118. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/line_breaker.css +34 -34
  119. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/line_breaker.min.css +3 -3
  120. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/markdown.css +145 -148
  121. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/markdown.min.css +3 -3
  122. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/quick_insert.css +68 -68
  123. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/quick_insert.min.css +3 -3
  124. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/special_characters.css +29 -29
  125. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/special_characters.min.css +3 -3
  126. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/table.css +107 -107
  127. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/table.min.css +3 -3
  128. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/trim_video.css +243 -243
  129. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/trim_video.min.css +3 -3
  130. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/video.css +197 -197
  131. data/app/assets/stylesheets/activeadmin/froala_editor/plugins/video.min.css +3 -3
  132. data/app/assets/stylesheets/activeadmin/froala_editor/plugins.pkgd.css +3021 -3019
  133. data/app/assets/stylesheets/activeadmin/froala_editor/plugins.pkgd.min.css +3 -3
  134. data/app/assets/stylesheets/activeadmin/froala_editor/themes/dark.css +2184 -2187
  135. data/app/assets/stylesheets/activeadmin/froala_editor/themes/dark.min.css +3 -3
  136. data/app/assets/stylesheets/activeadmin/froala_editor/themes/gray.css +2184 -2187
  137. data/app/assets/stylesheets/activeadmin/froala_editor/themes/gray.min.css +3 -3
  138. data/app/assets/stylesheets/activeadmin/froala_editor/themes/royal.css +2184 -2187
  139. data/app/assets/stylesheets/activeadmin/froala_editor/themes/royal.min.css +3 -3
  140. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/embedly.css +56 -56
  141. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/embedly.min.css +3 -3
  142. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/font_awesome.css +29 -29
  143. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/font_awesome.min.css +3 -3
  144. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/image_tui.css +37 -37
  145. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/image_tui.min.css +3 -3
  146. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/spell_checker.css +60 -60
  147. data/app/assets/stylesheets/activeadmin/froala_editor/third_party/spell_checker.min.css +3 -3
  148. data/lib/activeadmin/froala_editor/version.rb +2 -2
  149. metadata +11 -7
@@ -1,1240 +1,1240 @@
1
1
  /*!
2
- * froala_editor v4.0.4 (https://www.froala.com/wysiwyg-editor)
2
+ * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
3
3
  * License https://froala.com/wysiwyg-editor/terms/
4
- * Copyright 2014-2021 Froala Labs
4
+ * Copyright 2014-2022 Froala Labs
5
5
  */
6
6
 
7
- .fr-clearfix::after {
8
- clear: both;
9
- display: block;
10
- content: "";
11
- height: 0; }
12
-
13
- .fr-hide-by-clipping {
14
- position: absolute;
15
- width: 1px;
16
- height: 1px;
17
- padding: 0;
18
- margin: -1px;
19
- overflow: hidden;
20
- clip: rect(0, 0, 0, 0);
21
- border: 0; }
22
-
23
- .fr-element img {
24
- cursor: pointer;
25
- padding: 0 1px; }
26
-
27
- .fr-height-auto {
28
- height: auto !important; }
29
-
30
- .fr-file-loader {
31
- border: 4px solid #f3f3f3;
32
- border-radius: 50%;
33
- border-top: 4px solid #53777a;
34
- display: inline-block !important;
35
- -webkit-animation: spin 2s linear infinite;
36
- /* Safari */
37
- animation: spin 2s linear infinite;
38
- width: 20px;
39
- height: 20px;
40
- display: block !important;
41
- align-items: center; }
42
-
43
- .fr-trim-button {
44
- margin-top: 5px;
45
- height: 36px;
46
- line-height: 1;
47
- color: #0098f7;
48
- padding: 10px;
49
- cursor: pointer;
50
- text-decoration: none;
51
- border: none;
52
- background: none;
53
- font-size: 16px;
54
- border-radius: 5px;
55
- background-color: #eff5fa;
56
- outline: none; }
57
- .fr-trim-button:hover {
58
- background: #ebebeb; }
59
-
60
- /* Safari */
61
- @-webkit-keyframes spin {
62
- 0% {
63
- -webkit-transform: rotate(0deg); }
64
- 100% {
65
- -webkit-transform: rotate(360deg); } }
66
- @keyframes spin {
67
- 0% {
68
- transform: rotate(0deg); }
69
- 100% {
70
- transform: rotate(360deg); } }
71
- .fr-image-resizer {
72
- position: absolute;
73
- border: solid 1px #0098f7;
74
- display: none;
75
- user-select: none;
76
- -o-user-select: none;
77
- -moz-user-select: none;
78
- -khtml-user-select: none;
79
- -webkit-user-select: none;
80
- -ms-user-select: none;
81
- -webkit-box-sizing: content-box;
82
- -moz-box-sizing: content-box;
83
- box-sizing: content-box; }
84
- .fr-image-resizer.fr-active {
85
- display: block; }
86
- .fr-image-resizer .fr-handler {
87
- display: block;
88
- position: absolute;
89
- background: #0098f7;
90
- border: solid 1px #FFF;
91
- border-radius: 2px;
92
- -moz-border-radius: 2px;
93
- -webkit-border-radius: 2px;
94
- -moz-background-clip: padding;
95
- -webkit-background-clip: padding-box;
96
- background-clip: padding-box;
97
- z-index: 4;
98
- -webkit-box-sizing: border-box;
99
- -moz-box-sizing: border-box;
100
- box-sizing: border-box; }
101
- .fr-image-resizer .fr-handler.fr-hnw {
102
- cursor: nw-resize; }
103
- .fr-image-resizer .fr-handler.fr-hne {
104
- cursor: ne-resize; }
105
- .fr-image-resizer .fr-handler.fr-hsw {
106
- cursor: sw-resize; }
107
- .fr-image-resizer .fr-handler.fr-hse {
108
- cursor: se-resize; }
109
- .fr-image-resizer .fr-handler {
110
- width: 12px;
111
- height: 12px; }
112
- .fr-image-resizer .fr-handler.fr-hnw {
113
- left: -6px;
114
- top: -6px; }
115
- .fr-image-resizer .fr-handler.fr-hne {
116
- right: -6px;
117
- top: -6px; }
118
- .fr-image-resizer .fr-handler.fr-hsw {
119
- left: -6px;
120
- bottom: -6px; }
121
- .fr-image-resizer .fr-handler.fr-hse {
122
- right: -6px;
123
- bottom: -6px; }
124
- @media (min-width: 1200px) {
125
- .fr-image-resizer .fr-handler {
126
- width: 10px;
127
- height: 10px; }
128
- .fr-image-resizer .fr-handler.fr-hnw {
129
- left: -5px;
130
- top: -5px; }
131
- .fr-image-resizer .fr-handler.fr-hne {
132
- right: -5px;
133
- top: -5px; }
134
- .fr-image-resizer .fr-handler.fr-hsw {
135
- left: -5px;
136
- bottom: -5px; }
137
- .fr-image-resizer .fr-handler.fr-hse {
138
- right: -5px;
139
- bottom: -5px; } }
140
-
141
- .fr-image-overlay {
142
- position: fixed;
143
- top: 0;
144
- left: 0;
145
- bottom: 0;
146
- right: 0;
147
- z-index: 2147483640;
148
- display: none; }
149
-
150
- .fr-by-url-padding {
151
- padding: 11.5px 0; }
152
-
153
- .fr-popup .fr-upload-progress-layer {
154
- border-radius: 0;
155
- box-sizing: border-box;
156
- padding-left: 20px;
157
- padding-top: 15px;
158
- margin: auto !important;
159
- max-height: 100%;
160
- overflow-y: auto;
161
- overflow-x: hidden;
162
- width: 100% !important;
163
- overscroll-behavior: contain; }
164
- .fr-popup .fr-files-by-url-layer {
165
- width: calc(100% - 40px) !important; }
166
- .fr-popup .fr-files-embed-layer {
167
- width: calc(100% - 40px) !important; }
168
- .fr-popup .fr-files-upload-layer {
169
- border: dashed 2px #bdbdbd;
170
- margin: 20px;
171
- position: relative;
172
- font-size: 10px;
173
- letter-spacing: 1px;
174
- line-height: 140%;
175
- text-align: center;
176
- width: calc(100% - 40px) !important; }
177
- .fr-popup .fr-files-upload-layer:hover {
178
- background: #ebebeb; }
179
- .fr-popup .fr-files-upload-layer.fr-drop {
180
- background: #ebebeb;
181
- border-color: #0098f7; }
182
- .fr-popup .fr-files-upload-layer .fr-form {
183
- -webkit-opacity: 0;
184
- -moz-opacity: 0;
185
- opacity: 0;
186
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
187
- position: absolute;
188
- top: 0;
189
- bottom: 0;
190
- left: 0;
191
- right: 0;
192
- z-index: 2147483640;
193
- overflow: hidden;
194
- margin: 0 !important;
195
- padding: 0 !important;
196
- width: 100% !important; }
197
- .fr-popup .fr-files-upload-layer .fr-form input {
198
- cursor: pointer;
199
- position: absolute;
200
- right: 0;
201
- top: 0;
202
- bottom: 0;
203
- width: 500%;
204
- height: 100%;
205
- margin: 0;
206
- font-size: 400px; }
207
- .fr-popup .fr-files-progress-bar-layer {
208
- width: calc(100% - 40px);
209
- width: -moz-available;
210
- /* WebKit-based browsers will ignore this. */
211
- width: -webkit-stretch;
212
- /* Mozilla-based browsers will ignore this. */
213
- width: stretch; }
214
- .fr-popup .fr-files-progress-bar-layer > h3 {
215
- font-size: 16px;
216
- margin: 10px 0;
217
- font-weight: normal; }
218
- .fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
219
- display: none; }
220
- .fr-popup .fr-files-progress-bar-layer > div.fr-loader {
221
- background: #b3e0fd;
222
- height: 10px;
223
- width: 100%;
224
- margin-top: 20px;
225
- overflow: hidden;
226
- position: relative; }
227
- .fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
228
- display: block;
229
- height: 100%;
230
- width: 0%;
231
- background: #0098f7;
232
- -webkit-transition: width 0.2s ease 0s;
233
- -moz-transition: width 0.2s ease 0s;
234
- -ms-transition: width 0.2s ease 0s;
235
- -o-transition: width 0.2s ease 0s; }
236
- .fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
237
- width: 30% !important;
238
- position: absolute;
239
- top: 0;
240
- -webkit-animation: loading 2s linear infinite;
241
- -moz-animation: loading 2s linear infinite;
242
- -o-animation: loading 2s linear infinite;
243
- animation: loading 2s linear infinite; }
244
- .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
245
- display: none; }
246
- .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
247
- display: block; }
248
-
249
- .fr-image-size-layer .fr-image-group .fr-input-line {
250
- width: calc(50% - 5px);
251
- display: inline-block; }
252
- .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
253
- margin-left: 10px; }
254
-
255
- .fr-progress-bar-style {
256
- width: calc(100% - 40px); }
257
-
258
- .fr-progress-bar {
259
- position: relative;
260
- background-color: #4CAF50;
261
- height: 8px;
262
- margin-bottom: 8px;
263
- margin-left: 20px;
264
- margin-right: 20px;
265
- width: 100%;
266
- width: -moz-available;
267
- /* WebKit-based browsers will ignore this. */
268
- width: -webkit-stretch;
269
- /* Mozilla-based browsers will ignore this. */
270
- width: stretch; }
271
-
272
- .fr-uploading {
273
- -webkit-opacity: 0.4;
274
- -moz-opacity: 0.4;
275
- opacity: 0.4;
276
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
277
-
278
- @-webkit-keyframes loading {
279
- from {
280
- left: -25%; }
281
- to {
282
- left: 100%; } }
283
- @-moz-keyframes loading {
284
- from {
285
- left: -25%; }
286
- to {
287
- left: 100%; } }
288
- @-o-keyframes loading {
289
- from {
290
- left: -25%; }
291
- to {
292
- left: 100%; } }
293
- @keyframes loading {
294
- from {
295
- left: -25%; }
296
- to {
297
- left: 100%; } }
298
- .fr-pull-left {
299
- float: left; }
300
-
301
- .fr-pull-right {
302
- float: right; }
303
-
304
- .fr-icons {
305
- padding: 10px 20px 0;
306
- display: inline; }
307
-
308
- .fr-transform-135 {
309
- transform: rotate(135deg); }
310
-
311
- .fr-icons i {
312
- margin: 4px;
313
- padding: 2px;
314
- cursor: pointer;
315
- color: #999588;
316
- font-size: 20px; }
317
-
318
- .fr-blue-decorator {
319
- background: #4a7fba;
320
- color: white;
321
- display: grid;
322
- padding: 5px; }
323
-
324
- .fr-upload-progress {
325
- padding: 1px; }
326
-
327
- .fr-upload-section {
328
- position: relative;
329
- width: 100%;
330
- width: -moz-available;
331
- /* WebKit-based browsers will ignore this. */
332
- width: -webkit-stretch;
333
- /* Mozilla-based browsers will ignore this. */
334
- width: stretch; }
335
-
336
- @media screen and (max-width: 399px) {
337
- .fr-upload-section {
338
- margin-left: 7px;
339
- margin-right: 7px; }
340
-
341
- .fr-files-upload-layer {
342
- padding-top: 7px;
343
- padding-bottom: 7px; } }
344
- @media screen and (min-width: 400px) and (max-width: 469px) {
345
- .fr-upload-section {
346
- margin-left: 7px;
347
- margin-right: 7px; }
348
-
349
- .fr-files-upload-layer {
350
- padding-top: 7px;
351
- padding-bottom: 7px; } }
352
- @media screen and (min-width: 470px) and (max-width: 680px) {
353
- .fr-upload-section {
354
- margin-left: 7px;
355
- margin-right: 7px; }
356
-
357
- .fr-files-upload-layer {
358
- padding-top: 7px;
359
- padding-bottom: 7px; } }
360
- @media screen and (min-width: 681px) {
361
- .fr-upload-section {
362
- margin-left: 35px;
363
- margin-right: 35px; }
364
-
365
- .fr-files-upload-layer {
366
- padding-top: 20px;
367
- padding-bottom: 20px; } }
368
- .half-circle {
369
- width: 60px;
370
- height: 25px;
371
- background-color: white;
372
- border-top-left-radius: 110px;
373
- border-top-right-radius: 110px;
374
- transform: rotate(180deg);
375
- border-bottom: 0;
376
- position: relative;
377
- left: 50%;
378
- z-index: 1;
379
- left: 50%;
380
- margin-top: -1px;
381
- margin-left: -25px; }
382
-
383
- /* headlines with lines */
384
- .decorated {
385
- overflow: hidden;
386
- text-align: center; }
387
-
388
- .decorated > span {
389
- position: relative;
390
- display: inline-block; }
391
-
392
- .decorated > span:before, .decorated > span:after {
393
- content: '';
394
- position: absolute;
395
- top: 50%;
396
- border-bottom: 2px solid #ffffff;
397
- width: 100%;
398
- /* half of limiter*/
399
- margin: 0 20px; }
400
-
401
- .decorated > span:before {
402
- right: 100%; }
403
-
404
- .decorated > span:after {
405
- left: 100%; }
406
-
407
- .fr-align-right {
408
- float: right; }
409
-
410
- /* The checkbox-container */
411
- .checkbox-container {
412
- display: inline-block;
413
- position: relative;
414
- padding-left: 20px;
415
- margin-bottom: 12px;
416
- cursor: pointer;
417
- font-size: 13px;
418
- -webkit-user-select: none;
419
- -moz-user-select: none;
420
- -ms-user-select: none;
421
- user-select: none; }
422
-
423
- .fr-files-checkbox-line {
424
- display: flex;
425
- align-items: center;
426
- font-size: 10px; }
427
- .fr-files-checkbox-line label {
428
- cursor: pointer;
429
- vertical-align: middle; }
430
-
431
- .fr-insert-checkbox input {
432
- height: 13px !important;
433
- width: 13px !important; }
434
-
435
- .fr-autoplay-checkbox input {
436
- height: 13px !important;
437
- width: 13px !important; }
438
-
439
- button[data-cmd="insertFiles"] {
440
- padding-left: 2px !important;
441
- padding-top: 2.7px !important; }
442
- button[data-cmd="autoplay"] svg {
443
- position: relative !important;
444
- top: 3.2px !important; }
445
- button[data-cmd="insertAll"] {
446
- padding-left: 4px !important; }
447
- button[data-cmd="insertAll"] svg {
448
- position: relative !important;
449
- top: 3.2px !important; }
450
-
451
- /* Hide the browser's default checkbox */
452
- .checkbox-container input {
453
- position: absolute;
454
- opacity: 0;
455
- cursor: pointer;
456
- height: 0;
457
- width: 0; }
458
-
459
- /* Create a custom checkbox */
460
- .checkmark {
461
- position: absolute;
462
- top: 0;
463
- left: 0;
464
- height: 15px;
465
- width: 15px;
466
- background-color: #eee; }
467
-
468
- .fr-file-list-item {
469
- display: flex;
470
- justify-content: space-between;
471
- align-items: center;
472
- padding-top: 7px;
473
- flex-wrap: wrap;
474
- position: relative;
475
- top: -20px;
476
- border-bottom: 1px solid #ddd;
477
- padding-bottom: 7px; }
478
-
479
- .fr-file-item-left {
480
- display: flex;
481
- flex-wrap: wrap; }
482
-
483
- .fr-file-item-icon {
484
- display: flex;
485
- align-items: center;
486
- padding-left: 7px; }
487
-
488
- .fr-file-item-description {
489
- display: flex;
490
- flex-wrap: wrap;
491
- flex-direction: column;
492
- justify-content: center;
493
- max-width: 400px;
494
- margin-left: 5px; }
495
-
496
- .fr-cloud-icon {
497
- height: 30px;
498
- width: 32px;
499
- background-color: white;
500
- border-radius: 50%;
501
- display: flex;
502
- justify-content: center;
503
- position: relative;
504
- margin: 0 auto;
505
- margin-top: -18px; }
506
-
507
- .fr-files-checkbox {
508
- position: relative;
509
- display: inline-block;
510
- width: 13px;
511
- height: 13px;
512
- padding-right: 5px;
513
- border-radius: 100%;
514
- line-height: 1;
515
- -webkit-box-sizing: content-box;
516
- -moz-box-sizing: content-box;
517
- box-sizing: content-box;
518
- vertical-align: middle; }
519
- .fr-files-checkbox svg {
520
- margin-left: 0px;
521
- margin-top: 0px;
522
- display: none;
523
- width: 10px;
524
- height: 10px; }
525
- .fr-files-checkbox span {
526
- border-radius: 2px;
527
- -moz-border-radius: 2px;
528
- -webkit-border-radius: 2px;
529
- -moz-background-clip: padding;
530
- -webkit-background-clip: padding-box;
531
- background-clip: padding-box;
532
- width: 15px;
533
- height: 15px;
534
- display: inline-block;
535
- position: relative;
536
- z-index: 1;
537
- -webkit-box-sizing: border-box;
538
- -moz-box-sizing: border-box;
539
- box-sizing: border-box;
540
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
541
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
542
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
543
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
544
- .fr-files-checkbox input {
545
- position: absolute;
546
- z-index: 2;
547
- -webkit-opacity: 0;
548
- -moz-opacity: 0;
549
- opacity: 0;
550
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
551
- border: 0 none;
552
- cursor: pointer;
553
- height: 18px;
554
- margin: 0;
555
- padding: 0;
556
- width: 18px; }
557
- .fr-files-checkbox input:not(:checked) + span {
558
- border: solid 2px #999999; }
559
- .fr-files-checkbox input:not(:checked):active + span {
560
- background-color: #f5f5f5; }
561
- .fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
562
- border-color: #515151; }
563
- .fr-files-checkbox input:checked + span {
564
- background: #0098f7;
565
- border: solid 2px #0098f7; }
566
- .fr-files-checkbox input:checked + span svg {
567
- display: block; }
568
- .fr-files-checkbox input:checked:active + span {
569
- background-color: #EcF5Ff; }
570
- .fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
571
- -webkit-opacity: 0.8;
572
- -moz-opacity: 0.8;
573
- opacity: 0.8;
574
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
575
-
576
- .fr-checkbox-disabled {
577
- opacity: 0.4;
578
- position: relative;
579
- display: inline-block;
580
- width: 13px !important;
581
- height: 13px !important;
582
- padding-right: 5px;
583
- border-radius: 100%;
584
- line-height: 1;
585
- -webkit-box-sizing: content-box;
586
- -moz-box-sizing: content-box;
587
- box-sizing: content-box;
588
- vertical-align: middle; }
589
- .fr-checkbox-disabled svg {
590
- margin-left: 2px;
591
- margin-top: 2px;
592
- display: none;
593
- width: 10px;
594
- height: 10px; }
595
- .fr-checkbox-disabled span {
596
- border-radius: 2px;
597
- -moz-border-radius: 2px;
598
- -webkit-border-radius: 2px;
599
- -moz-background-clip: padding;
600
- -webkit-background-clip: padding-box;
601
- background-clip: padding-box;
602
- width: 15px;
603
- height: 15px;
604
- display: inline-block;
605
- position: relative;
606
- z-index: 1;
607
- -webkit-box-sizing: border-box;
608
- -moz-box-sizing: border-box;
609
- box-sizing: border-box;
610
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
611
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
612
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
613
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
614
- .fr-checkbox-disabled input {
615
- position: absolute;
616
- z-index: 2;
617
- -webkit-opacity: 0;
618
- -moz-opacity: 0;
619
- opacity: 0;
620
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
621
- border: 0 none;
622
- cursor: default;
623
- height: 13px !important;
624
- margin: 0;
625
- padding: 0;
626
- width: 13px !important;
627
- top: 7px;
628
- left: 7px; }
629
- .fr-checkbox-disabled input:not(:checked) + span {
630
- border: solid 2px #999999; }
631
- .fr-checkbox-disabled input:not(:checked):active + span {
632
- background-color: #f5f5f5; }
633
- .fr-checkbox-disabled input:checked + span {
634
- background: #0098f7;
635
- border: solid 2px #0098f7; }
636
- .fr-checkbox-disabled input:checked + span svg {
637
- display: block; }
638
- .fr-checkbox-disabled input:checked:active + span {
639
- background-color: #EcF5Ff; }
640
-
641
- .fr-file-view {
642
- position: absolute;
643
- max-width: 60%;
644
- right: 10%;
645
- z-index: 2147483642; }
646
-
647
- .file-item-thumbnail-hover {
648
- transition: transform .2s; }
649
-
650
- .file-item-thumbnail-hover:hover {
651
- -ms-transform: scale(1.3);
652
- -webkit-transform: scale(1.3);
653
- transform: scale(1.3); }
654
-
655
- .fr-file-name {
656
- padding-top: 5px;
657
- font-size: 12px;
658
- font-weight: bold; }
659
-
660
- .fr-margin-16 {
661
- margin-bottom: 16px; }
662
-
663
- .fr-none {
664
- display: none; }
665
-
666
- .fr-display-block {
667
- display: block; }
668
-
669
- .fr-files-manager-tooltip {
670
- position: relative; }
671
-
672
- .padding-top-15 {
673
- padding-top: 15px !important;
674
- padding-bottom: 0px !important; }
675
-
676
- /* Tooltip text */
677
- .fr-files-manager-tooltip .tooltiptext {
678
- visibility: hidden;
679
- width: max-content;
680
- max-width: 250px;
681
- word-break: break-word;
682
- word-wrap: break-word;
683
- background-color: black;
684
- color: #fff;
685
- text-align: left;
686
- padding: 4px;
687
- border-radius: 2px;
688
- /* Position the tooltip text - see examples below! */
689
- font-weight: 100;
690
- font-size: 10px;
691
- position: absolute;
692
- top: 80%;
693
- left: 50%;
694
- z-index: 2147483647; }
695
-
696
- /* Show the tooltip text when you mouse over the tooltip container */
697
- .fr-files-manager-tooltip:hover .tooltiptext {
698
- visibility: visible; }
699
-
700
- .fr-file-details {
701
- display: flex;
702
- flex-wrap: wrap;
703
- font-size: 10px; }
704
-
705
- .fr-file-date {
706
- word-break: break-word;
707
- word-wrap: break-word;
708
- max-width: 110px;
709
- color: #444;
710
- padding-top: 2px;
711
- padding-bottom: 2px; }
712
-
713
- .fr-file-size {
714
- color: #444;
715
- padding-top: 2px;
716
- padding-bottom: 2px; }
717
-
718
- .dot {
719
- width: 20px;
720
- height: 20px;
721
- background-image: radial-gradient(circle, grey 1px, transparent 2px);
722
- background-size: 100% 33.33%;
723
- margin-left: 2px;
724
- margin-right: 2px; }
725
-
726
- .fr-file-action-icons {
727
- margin-right: 5px;
728
- margin-left: 5px !important;
729
- color: #999;
730
- height: 25px !important;
731
- padding: 5px !important; }
732
-
733
- @media screen and (max-width: 700px) {
734
- .fr-files-manager-tooltip .tooltiptext {
735
- max-width: 250px;
736
- visibility: hidden;
737
- word-break: break-word;
738
- word-wrap: break-word;
739
- top: 90%;
740
- left: 0%;
741
- font-size: 8px; } }
742
- @media screen and (max-width: 500px) {
743
- .fr-files-manager-tooltip .tooltiptext {
744
- max-width: 100px;
745
- visibility: hidden;
746
- word-break: break-word;
747
- word-wrap: break-word;
748
- top: 90%;
749
- left: 0%; }
750
-
751
- .fr-file-item-description {
752
- width: 130px; }
753
-
754
- .fr-file-item-right {
755
- width: 100%; }
756
-
757
- .progress-circle {
758
- font-size: 6px; } }
759
- @media screen and (max-width: 320px) {
760
- .fr-files-manager-tooltip .tooltiptext {
761
- max-width: 100px;
762
- visibility: hidden;
763
- word-break: break-word;
764
- word-wrap: break-word;
765
- top: 90%;
766
- left: -50%;
767
- font-size: 8px; }
768
-
769
- .dot {
770
- width: 20px;
771
- margin-left: 0px;
772
- margin-right: 3px; }
773
-
774
- .fr-file-item-description {
775
- width: 80px; }
776
-
777
- .fr-file-details {
778
- display: flex;
779
- flex-wrap: wrap;
780
- font-size: 9px; }
781
-
782
- .fr-file-name {
783
- font-size: 10px; }
784
-
785
- .fr-file-action-icons {
786
- padding: 0px !important; } }
787
- @media screen and (min-width: 501px) {
788
- .progress-circle {
789
- font-size: 9px; } }
790
- .fr-file-view-modal {
791
- display: block;
792
- position: fixed;
793
- position: -ms-page;
794
- /* For IE */
795
- z-index: 2147483641;
796
- left: 0;
797
- top: 0;
798
- width: 100%;
799
- height: 100%;
800
- overflow: auto;
801
- background-color: black;
802
- background-color: rgba(0, 0, 0, 0.7); }
803
-
804
- .fr-file-view-modal-content {
805
- display: inline-block;
806
- text-align: center; }
807
-
808
- .fr-file-view-image {
809
- position: absolute;
810
- top: 0;
811
- bottom: 0;
812
- left: 0;
813
- right: 0;
814
- margin: auto;
815
- max-width: 80%;
816
- max-height: 70%; }
817
-
818
- .fr-file-view-close {
819
- position: absolute;
820
- top: 15px;
821
- right: 35px;
822
- color: #f1f1f1;
823
- font-size: 40px;
824
- font-weight: bold;
825
- transition: 0.3s; }
826
-
827
- .fr-file-view-close:hover,
828
- .fr-file-view-close:focus {
829
- color: #bbb;
830
- text-decoration: none;
831
- cursor: pointer; }
832
-
833
- .fr-file-error {
834
- color: red;
835
- font-weight: 200;
836
- font-size: 12px;
837
- padding-bottom: 5px; }
838
-
839
- .fr-file-error-h5 {
840
- margin: 0; }
841
-
842
- .fr-file-item-right {
843
- display: flex;
844
- align-items: center;
845
- justify-content: flex-end;
846
- margin-right: 20px; }
847
-
848
- .fr-file-item-action-buttons {
849
- display: flex;
850
- align-items: center;
851
- justify-content: space-around; }
852
-
853
- .fr-file-item-autoplay-checkbox {
854
- align-items: center;
855
- margin: 0px;
856
- padding: 0px;
857
- margin-right: 5px; }
858
-
859
- .fr-autoplay-checkbox-label {
860
- margin: 0;
861
- cursor: default !important; }
862
-
863
- /* On mouse-over, add a grey background color */
864
- .checkbox-container:hover input ~ .checkmark {
865
- background-color: #ccc; }
866
-
867
- /* When the checkbox is checked, add a blue background */
868
- .checkbox-container input:checked ~ .checkmark {
869
- background-color: #2196F3; }
870
-
871
- /* Create the checkmark/indicator (hidden when not checked) */
872
- .checkmark:after {
873
- content: "";
874
- position: absolute;
875
- display: none; }
876
-
877
- /* Show the checkmark when checked */
878
- .checkbox-container input:checked ~ .checkmark:after {
879
- display: block; }
880
-
881
- /* Style the checkmark/indicator */
882
- .checkbox-container .checkmark:after {
883
- left: 5px;
884
- top: 2px;
885
- width: 3px;
886
- height: 7px;
887
- border: solid white;
888
- border-width: 0 3px 3px 0;
889
- -webkit-transform: rotate(45deg);
890
- -ms-transform: rotate(45deg);
891
- transform: rotate(45deg); }
892
-
893
- .file-item-details .file-name {
894
- font-weight: bold;
895
- display: inline; }
896
-
897
- .file-item-details .file-description {
898
- font-weight: 300;
899
- font-size: 11px;
900
- display: inline; }
901
-
902
- .fr-width-10 {
903
- width: 10%;
904
- display: inline-block; }
905
-
906
- .fr-width-20 {
907
- width: 20%;
908
- display: inline-block; }
909
-
910
- .fr-width-30 {
911
- width: 30%;
912
- display: inline-block; }
913
-
914
- .fr-width-40 {
915
- width: 40%;
916
- display: inline-block; }
917
-
918
- .fr-width-50 {
919
- width: 50%;
920
- display: inline-block; }
921
-
922
- .fr-width-60 {
923
- width: 60%;
924
- display: inline-block; }
925
-
926
- .fr-width-100 {
927
- width: 100%;
928
- display: inline-block; }
929
-
930
- .fr-width-80 {
931
- width: 80%;
932
- display: inline-block; }
933
-
934
- .fr-width-90 {
935
- width: 90%;
936
- display: inline-block; }
937
-
938
- .fr-width-85 {
939
- width: 85%;
940
- display: inline-block; }
941
-
942
- .fr-width-5 {
943
- width: 5%;
944
- display: inline-block; }
945
-
946
- .fr-width-7 {
947
- width: 7%;
948
- display: inline-block; }
949
-
950
- .fr-img-icon {
951
- color: #aaaaaa;
952
- font-size: 16px;
953
- padding: 0px 4px; }
954
-
955
- .fr-position-content {
956
- position: relative;
957
- top: 10px; }
958
-
959
- .file-error {
960
- color: red; }
961
-
962
- #myprogressBar {
963
- width: 10%;
964
- height: 5px;
965
- background-color: #4CAF50;
966
- position: relative;
967
- top: -30px; }
968
-
969
- .fr-files-manager {
970
- z-index: 2147483641 !important; }
971
-
972
- .progress-circle {
973
- margin: 0px;
974
- margin-left: 10px;
975
- position: relative;
976
- padding: 0;
977
- width: 5em;
978
- height: 5.1em;
979
- background-color: #f2e9e1;
980
- border-radius: 50%;
981
- line-height: 5em; }
982
- .progress-circle:after {
983
- border: none;
984
- position: absolute;
985
- top: 0.35em;
986
- left: 0.35em;
987
- text-align: center;
988
- display: block;
989
- border-radius: 50%;
990
- width: 4.3em;
991
- height: 4.3em;
992
- background-color: white;
993
- content: " "; }
994
- .progress-circle span {
995
- position: absolute;
996
- line-height: 5em;
997
- width: 5em;
998
- text-align: center;
999
- display: block;
1000
- color: #53777a;
1001
- z-index: 2; }
1002
- .progress-circle.over50 .left-half-clipper {
1003
- clip: rect(auto, auto, auto, auto); }
1004
- .progress-circle.over50 .first50-bar {
1005
- position: absolute;
1006
- clip: rect(0, 5em, 5em, 2.5em);
1007
- background-color: #53777a;
1008
- border-radius: 50%;
1009
- width: 5em;
1010
- height: 5em; }
1011
- .progress-circle:not(.over50) .first50-bar {
1012
- display: none; }
1013
- .progress-circle.p0 .value-bar {
1014
- display: none; }
1015
- .progress-circle.p1 .value-bar {
1016
- transform: rotate(4deg); }
1017
- .progress-circle.p2 .value-bar {
1018
- transform: rotate(7deg); }
1019
- .progress-circle.p3 .value-bar {
1020
- transform: rotate(11deg); }
1021
- .progress-circle.p4 .value-bar {
1022
- transform: rotate(14deg); }
1023
- .progress-circle.p5 .value-bar {
1024
- transform: rotate(18deg); }
1025
- .progress-circle.p6 .value-bar {
1026
- transform: rotate(22deg); }
1027
- .progress-circle.p7 .value-bar {
1028
- transform: rotate(25deg); }
1029
- .progress-circle.p8 .value-bar {
1030
- transform: rotate(29deg); }
1031
- .progress-circle.p9 .value-bar {
1032
- transform: rotate(32deg); }
1033
- .progress-circle.p10 .value-bar {
1034
- transform: rotate(36deg); }
1035
- .progress-circle.p11 .value-bar {
1036
- transform: rotate(40deg); }
1037
- .progress-circle.p12 .value-bar {
1038
- transform: rotate(43deg); }
1039
- .progress-circle.p13 .value-bar {
1040
- transform: rotate(47deg); }
1041
- .progress-circle.p14 .value-bar {
1042
- transform: rotate(50deg); }
1043
- .progress-circle.p15 .value-bar {
1044
- transform: rotate(54deg); }
1045
- .progress-circle.p16 .value-bar {
1046
- transform: rotate(58deg); }
1047
- .progress-circle.p17 .value-bar {
1048
- transform: rotate(61deg); }
1049
- .progress-circle.p18 .value-bar {
1050
- transform: rotate(65deg); }
1051
- .progress-circle.p19 .value-bar {
1052
- transform: rotate(68deg); }
1053
- .progress-circle.p20 .value-bar {
1054
- transform: rotate(72deg); }
1055
- .progress-circle.p21 .value-bar {
1056
- transform: rotate(76deg); }
1057
- .progress-circle.p22 .value-bar {
1058
- transform: rotate(79deg); }
1059
- .progress-circle.p23 .value-bar {
1060
- transform: rotate(83deg); }
1061
- .progress-circle.p24 .value-bar {
1062
- transform: rotate(86deg); }
1063
- .progress-circle.p25 .value-bar {
1064
- transform: rotate(90deg); }
1065
- .progress-circle.p26 .value-bar {
1066
- transform: rotate(94deg); }
1067
- .progress-circle.p27 .value-bar {
1068
- transform: rotate(97deg); }
1069
- .progress-circle.p28 .value-bar {
1070
- transform: rotate(101deg); }
1071
- .progress-circle.p29 .value-bar {
1072
- transform: rotate(104deg); }
1073
- .progress-circle.p30 .value-bar {
1074
- transform: rotate(108deg); }
1075
- .progress-circle.p31 .value-bar {
1076
- transform: rotate(112deg); }
1077
- .progress-circle.p32 .value-bar {
1078
- transform: rotate(115deg); }
1079
- .progress-circle.p33 .value-bar {
1080
- transform: rotate(119deg); }
1081
- .progress-circle.p34 .value-bar {
1082
- transform: rotate(122deg); }
1083
- .progress-circle.p35 .value-bar {
1084
- transform: rotate(126deg); }
1085
- .progress-circle.p36 .value-bar {
1086
- transform: rotate(130deg); }
1087
- .progress-circle.p37 .value-bar {
1088
- transform: rotate(133deg); }
1089
- .progress-circle.p38 .value-bar {
1090
- transform: rotate(137deg); }
1091
- .progress-circle.p39 .value-bar {
1092
- transform: rotate(140deg); }
1093
- .progress-circle.p40 .value-bar {
1094
- transform: rotate(144deg); }
1095
- .progress-circle.p41 .value-bar {
1096
- transform: rotate(148deg); }
1097
- .progress-circle.p42 .value-bar {
1098
- transform: rotate(151deg); }
1099
- .progress-circle.p43 .value-bar {
1100
- transform: rotate(155deg); }
1101
- .progress-circle.p44 .value-bar {
1102
- transform: rotate(158deg); }
1103
- .progress-circle.p45 .value-bar {
1104
- transform: rotate(162deg); }
1105
- .progress-circle.p46 .value-bar {
1106
- transform: rotate(166deg); }
1107
- .progress-circle.p47 .value-bar {
1108
- transform: rotate(169deg); }
1109
- .progress-circle.p48 .value-bar {
1110
- transform: rotate(173deg); }
1111
- .progress-circle.p49 .value-bar {
1112
- transform: rotate(176deg); }
1113
- .progress-circle.p50 .value-bar {
1114
- transform: rotate(180deg); }
1115
- .progress-circle.p51 .value-bar {
1116
- transform: rotate(184deg); }
1117
- .progress-circle.p52 .value-bar {
1118
- transform: rotate(187deg); }
1119
- .progress-circle.p53 .value-bar {
1120
- transform: rotate(191deg); }
1121
- .progress-circle.p54 .value-bar {
1122
- transform: rotate(194deg); }
1123
- .progress-circle.p55 .value-bar {
1124
- transform: rotate(198deg); }
1125
- .progress-circle.p56 .value-bar {
1126
- transform: rotate(202deg); }
1127
- .progress-circle.p57 .value-bar {
1128
- transform: rotate(205deg); }
1129
- .progress-circle.p58 .value-bar {
1130
- transform: rotate(209deg); }
1131
- .progress-circle.p59 .value-bar {
1132
- transform: rotate(212deg); }
1133
- .progress-circle.p60 .value-bar {
1134
- transform: rotate(216deg); }
1135
- .progress-circle.p61 .value-bar {
1136
- transform: rotate(220deg); }
1137
- .progress-circle.p62 .value-bar {
1138
- transform: rotate(223deg); }
1139
- .progress-circle.p63 .value-bar {
1140
- transform: rotate(227deg); }
1141
- .progress-circle.p64 .value-bar {
1142
- transform: rotate(230deg); }
1143
- .progress-circle.p65 .value-bar {
1144
- transform: rotate(234deg); }
1145
- .progress-circle.p66 .value-bar {
1146
- transform: rotate(238deg); }
1147
- .progress-circle.p67 .value-bar {
1148
- transform: rotate(241deg); }
1149
- .progress-circle.p68 .value-bar {
1150
- transform: rotate(245deg); }
1151
- .progress-circle.p69 .value-bar {
1152
- transform: rotate(248deg); }
1153
- .progress-circle.p70 .value-bar {
1154
- transform: rotate(252deg); }
1155
- .progress-circle.p71 .value-bar {
1156
- transform: rotate(256deg); }
1157
- .progress-circle.p72 .value-bar {
1158
- transform: rotate(259deg); }
1159
- .progress-circle.p73 .value-bar {
1160
- transform: rotate(263deg); }
1161
- .progress-circle.p74 .value-bar {
1162
- transform: rotate(266deg); }
1163
- .progress-circle.p75 .value-bar {
1164
- transform: rotate(270deg); }
1165
- .progress-circle.p76 .value-bar {
1166
- transform: rotate(274deg); }
1167
- .progress-circle.p77 .value-bar {
1168
- transform: rotate(277deg); }
1169
- .progress-circle.p78 .value-bar {
1170
- transform: rotate(281deg); }
1171
- .progress-circle.p79 .value-bar {
1172
- transform: rotate(284deg); }
1173
- .progress-circle.p80 .value-bar {
1174
- transform: rotate(288deg); }
1175
- .progress-circle.p81 .value-bar {
1176
- transform: rotate(292deg); }
1177
- .progress-circle.p82 .value-bar {
1178
- transform: rotate(295deg); }
1179
- .progress-circle.p83 .value-bar {
1180
- transform: rotate(299deg); }
1181
- .progress-circle.p84 .value-bar {
1182
- transform: rotate(302deg); }
1183
- .progress-circle.p85 .value-bar {
1184
- transform: rotate(306deg); }
1185
- .progress-circle.p86 .value-bar {
1186
- transform: rotate(310deg); }
1187
- .progress-circle.p87 .value-bar {
1188
- transform: rotate(313deg); }
1189
- .progress-circle.p88 .value-bar {
1190
- transform: rotate(317deg); }
1191
- .progress-circle.p89 .value-bar {
1192
- transform: rotate(320deg); }
1193
- .progress-circle.p90 .value-bar {
1194
- transform: rotate(324deg); }
1195
- .progress-circle.p91 .value-bar {
1196
- transform: rotate(328deg); }
1197
- .progress-circle.p92 .value-bar {
1198
- transform: rotate(331deg); }
1199
- .progress-circle.p93 .value-bar {
1200
- transform: rotate(335deg); }
1201
- .progress-circle.p94 .value-bar {
1202
- transform: rotate(338deg); }
1203
- .progress-circle.p95 .value-bar {
1204
- transform: rotate(342deg); }
1205
- .progress-circle.p96 .value-bar {
1206
- transform: rotate(346deg); }
1207
- .progress-circle.p97 .value-bar {
1208
- transform: rotate(349deg); }
1209
- .progress-circle.p98 .value-bar {
1210
- transform: rotate(353deg); }
1211
- .progress-circle.p99 .value-bar {
1212
- transform: rotate(356deg); }
1213
- .progress-circle.p100 .value-bar {
1214
- transform: rotate(360deg); }
1215
-
1216
- .left-half-clipper {
1217
- border-radius: 50%;
1218
- width: 5em;
1219
- height: 5em;
1220
- position: absolute;
1221
- clip: rect(0, 5em, 5em, 2.5em); }
1222
-
1223
- .value-bar {
1224
- position: absolute;
1225
- clip: rect(0, 2.5em, 5em, 0);
1226
- width: 5em;
1227
- height: 5em;
1228
- border-radius: 50%;
1229
- border: 0.45em solid #53777a;
1230
- box-sizing: border-box; }
1231
-
1232
- .align-autoplay {
1233
- align-items: flex-end;
1234
- margin-right: 7px; }
1235
-
1236
- .fr-hovered-over-file {
1237
- background-color: #F0F0F0; }
1238
-
1239
- .thumbnail-padding {
1240
- padding-right: 4px; }
7
+ .fr-clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0; }
12
+
13
+ .fr-hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0; }
22
+
23
+ .fr-element img {
24
+ cursor: pointer;
25
+ padding: 0 1px; }
26
+
27
+ .fr-height-auto {
28
+ height: auto !important; }
29
+
30
+ .fr-file-loader {
31
+ border: 4px solid #f3f3f3;
32
+ border-radius: 50%;
33
+ border-top: 4px solid #53777a;
34
+ display: inline-block !important;
35
+ -webkit-animation: spin 2s linear infinite;
36
+ /* Safari */
37
+ animation: spin 2s linear infinite;
38
+ width: 20px;
39
+ height: 20px;
40
+ display: block !important;
41
+ align-items: center; }
42
+
43
+ .fr-trim-button {
44
+ margin-top: 5px;
45
+ height: 36px;
46
+ line-height: 1;
47
+ color: #0098f7;
48
+ padding: 10px;
49
+ cursor: pointer;
50
+ text-decoration: none;
51
+ border: none;
52
+ background: none;
53
+ font-size: 16px;
54
+ border-radius: 5px;
55
+ background-color: #eff5fa;
56
+ outline: none; }
57
+ .fr-trim-button:hover {
58
+ background: #ebebeb; }
59
+
60
+ /* Safari */
61
+ @-webkit-keyframes spin {
62
+ 0% {
63
+ -webkit-transform: rotate(0deg); }
64
+ 100% {
65
+ -webkit-transform: rotate(360deg); } }
66
+ @keyframes spin {
67
+ 0% {
68
+ transform: rotate(0deg); }
69
+ 100% {
70
+ transform: rotate(360deg); } }
71
+ .fr-image-resizer {
72
+ position: absolute;
73
+ border: solid 1px #0098f7;
74
+ display: none;
75
+ user-select: none;
76
+ -o-user-select: none;
77
+ -moz-user-select: none;
78
+ -khtml-user-select: none;
79
+ -webkit-user-select: none;
80
+ -ms-user-select: none;
81
+ -webkit-box-sizing: content-box;
82
+ -moz-box-sizing: content-box;
83
+ box-sizing: content-box; }
84
+ .fr-image-resizer.fr-active {
85
+ display: block; }
86
+ .fr-image-resizer .fr-handler {
87
+ display: block;
88
+ position: absolute;
89
+ background: #0098f7;
90
+ border: solid 1px #FFF;
91
+ border-radius: 2px;
92
+ -moz-border-radius: 2px;
93
+ -webkit-border-radius: 2px;
94
+ -moz-background-clip: padding;
95
+ -webkit-background-clip: padding-box;
96
+ background-clip: padding-box;
97
+ z-index: 4;
98
+ -webkit-box-sizing: border-box;
99
+ -moz-box-sizing: border-box;
100
+ box-sizing: border-box; }
101
+ .fr-image-resizer .fr-handler.fr-hnw {
102
+ cursor: nw-resize; }
103
+ .fr-image-resizer .fr-handler.fr-hne {
104
+ cursor: ne-resize; }
105
+ .fr-image-resizer .fr-handler.fr-hsw {
106
+ cursor: sw-resize; }
107
+ .fr-image-resizer .fr-handler.fr-hse {
108
+ cursor: se-resize; }
109
+ .fr-image-resizer .fr-handler {
110
+ width: 12px;
111
+ height: 12px; }
112
+ .fr-image-resizer .fr-handler.fr-hnw {
113
+ left: -6px;
114
+ top: -6px; }
115
+ .fr-image-resizer .fr-handler.fr-hne {
116
+ right: -6px;
117
+ top: -6px; }
118
+ .fr-image-resizer .fr-handler.fr-hsw {
119
+ left: -6px;
120
+ bottom: -6px; }
121
+ .fr-image-resizer .fr-handler.fr-hse {
122
+ right: -6px;
123
+ bottom: -6px; }
124
+ @media (min-width: 1200px) {
125
+ .fr-image-resizer .fr-handler {
126
+ width: 10px;
127
+ height: 10px; }
128
+ .fr-image-resizer .fr-handler.fr-hnw {
129
+ left: -5px;
130
+ top: -5px; }
131
+ .fr-image-resizer .fr-handler.fr-hne {
132
+ right: -5px;
133
+ top: -5px; }
134
+ .fr-image-resizer .fr-handler.fr-hsw {
135
+ left: -5px;
136
+ bottom: -5px; }
137
+ .fr-image-resizer .fr-handler.fr-hse {
138
+ right: -5px;
139
+ bottom: -5px; } }
140
+
141
+ .fr-image-overlay {
142
+ position: fixed;
143
+ top: 0;
144
+ left: 0;
145
+ bottom: 0;
146
+ right: 0;
147
+ z-index: 2147483640;
148
+ display: none; }
149
+
150
+ .fr-by-url-padding {
151
+ padding: 11.5px 0; }
152
+
153
+ .fr-popup .fr-upload-progress-layer {
154
+ border-radius: 0;
155
+ box-sizing: border-box;
156
+ padding-left: 20px;
157
+ padding-top: 15px;
158
+ margin: auto !important;
159
+ max-height: 100%;
160
+ overflow-y: auto;
161
+ overflow-x: hidden;
162
+ width: 100% !important;
163
+ overscroll-behavior: contain; }
164
+ .fr-popup .fr-files-by-url-layer {
165
+ width: calc(100% - 40px) !important; }
166
+ .fr-popup .fr-files-embed-layer {
167
+ width: calc(100% - 40px) !important; }
168
+ .fr-popup .fr-files-upload-layer {
169
+ border: dashed 2px #bdbdbd;
170
+ margin: 20px;
171
+ position: relative;
172
+ font-size: 10px;
173
+ letter-spacing: 1px;
174
+ line-height: 140%;
175
+ text-align: center;
176
+ width: calc(100% - 40px) !important; }
177
+ .fr-popup .fr-files-upload-layer:hover {
178
+ background: #ebebeb; }
179
+ .fr-popup .fr-files-upload-layer.fr-drop {
180
+ background: #ebebeb;
181
+ border-color: #0098f7; }
182
+ .fr-popup .fr-files-upload-layer .fr-form {
183
+ -webkit-opacity: 0;
184
+ -moz-opacity: 0;
185
+ opacity: 0;
186
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
187
+ position: absolute;
188
+ top: 0;
189
+ bottom: 0;
190
+ left: 0;
191
+ right: 0;
192
+ z-index: 2147483640;
193
+ overflow: hidden;
194
+ margin: 0 !important;
195
+ padding: 0 !important;
196
+ width: 100% !important; }
197
+ .fr-popup .fr-files-upload-layer .fr-form input {
198
+ cursor: pointer;
199
+ position: absolute;
200
+ right: 0;
201
+ top: 0;
202
+ bottom: 0;
203
+ width: 500%;
204
+ height: 100%;
205
+ margin: 0;
206
+ font-size: 400px; }
207
+ .fr-popup .fr-files-progress-bar-layer {
208
+ width: calc(100% - 40px);
209
+ width: -moz-available;
210
+ /* WebKit-based browsers will ignore this. */
211
+ width: -webkit-stretch;
212
+ /* Mozilla-based browsers will ignore this. */
213
+ width: stretch; }
214
+ .fr-popup .fr-files-progress-bar-layer > h3 {
215
+ font-size: 16px;
216
+ margin: 10px 0;
217
+ font-weight: normal; }
218
+ .fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
219
+ display: none; }
220
+ .fr-popup .fr-files-progress-bar-layer > div.fr-loader {
221
+ background: #b3e0fd;
222
+ height: 10px;
223
+ width: 100%;
224
+ margin-top: 20px;
225
+ overflow: hidden;
226
+ position: relative; }
227
+ .fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
228
+ display: block;
229
+ height: 100%;
230
+ width: 0%;
231
+ background: #0098f7;
232
+ -webkit-transition: width 0.2s ease 0s;
233
+ -moz-transition: width 0.2s ease 0s;
234
+ -ms-transition: width 0.2s ease 0s;
235
+ -o-transition: width 0.2s ease 0s; }
236
+ .fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
237
+ width: 30% !important;
238
+ position: absolute;
239
+ top: 0;
240
+ -webkit-animation: loading 2s linear infinite;
241
+ -moz-animation: loading 2s linear infinite;
242
+ -o-animation: loading 2s linear infinite;
243
+ animation: loading 2s linear infinite; }
244
+ .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
245
+ display: none; }
246
+ .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
247
+ display: block; }
248
+
249
+ .fr-image-size-layer .fr-image-group .fr-input-line {
250
+ width: calc(50% - 5px);
251
+ display: inline-block; }
252
+ .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
253
+ margin-left: 10px; }
254
+
255
+ .fr-progress-bar-style {
256
+ width: calc(100% - 40px); }
257
+
258
+ .fr-progress-bar {
259
+ position: relative;
260
+ background-color: #4CAF50;
261
+ height: 8px;
262
+ margin-bottom: 8px;
263
+ margin-left: 20px;
264
+ margin-right: 20px;
265
+ width: 100%;
266
+ width: -moz-available;
267
+ /* WebKit-based browsers will ignore this. */
268
+ width: -webkit-stretch;
269
+ /* Mozilla-based browsers will ignore this. */
270
+ width: stretch; }
271
+
272
+ .fr-uploading {
273
+ -webkit-opacity: 0.4;
274
+ -moz-opacity: 0.4;
275
+ opacity: 0.4;
276
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
277
+
278
+ @-webkit-keyframes loading {
279
+ from {
280
+ left: -25%; }
281
+ to {
282
+ left: 100%; } }
283
+ @-moz-keyframes loading {
284
+ from {
285
+ left: -25%; }
286
+ to {
287
+ left: 100%; } }
288
+ @-o-keyframes loading {
289
+ from {
290
+ left: -25%; }
291
+ to {
292
+ left: 100%; } }
293
+ @keyframes loading {
294
+ from {
295
+ left: -25%; }
296
+ to {
297
+ left: 100%; } }
298
+ .fr-pull-left {
299
+ float: left; }
300
+
301
+ .fr-pull-right {
302
+ float: right; }
303
+
304
+ .fr-icons {
305
+ padding: 10px 20px 0;
306
+ display: inline; }
307
+
308
+ .fr-transform-135 {
309
+ transform: rotate(135deg); }
310
+
311
+ .fr-icons i {
312
+ margin: 4px;
313
+ padding: 2px;
314
+ cursor: pointer;
315
+ color: #999588;
316
+ font-size: 20px; }
317
+
318
+ .fr-blue-decorator {
319
+ background: #4a7fba;
320
+ color: white;
321
+ display: grid;
322
+ padding: 5px; }
323
+
324
+ .fr-upload-progress {
325
+ padding: 1px; }
326
+
327
+ .fr-upload-section {
328
+ position: relative;
329
+ width: 100%;
330
+ width: -moz-available;
331
+ /* WebKit-based browsers will ignore this. */
332
+ width: -webkit-stretch;
333
+ /* Mozilla-based browsers will ignore this. */
334
+ width: stretch; }
335
+
336
+ @media screen and (max-width: 399px) {
337
+ .fr-upload-section {
338
+ margin-left: 7px;
339
+ margin-right: 7px; }
340
+
341
+ .fr-files-upload-layer {
342
+ padding-top: 7px;
343
+ padding-bottom: 7px; } }
344
+ @media screen and (min-width: 400px) and (max-width: 469px) {
345
+ .fr-upload-section {
346
+ margin-left: 7px;
347
+ margin-right: 7px; }
348
+
349
+ .fr-files-upload-layer {
350
+ padding-top: 7px;
351
+ padding-bottom: 7px; } }
352
+ @media screen and (min-width: 470px) and (max-width: 680px) {
353
+ .fr-upload-section {
354
+ margin-left: 7px;
355
+ margin-right: 7px; }
356
+
357
+ .fr-files-upload-layer {
358
+ padding-top: 7px;
359
+ padding-bottom: 7px; } }
360
+ @media screen and (min-width: 681px) {
361
+ .fr-upload-section {
362
+ margin-left: 35px;
363
+ margin-right: 35px; }
364
+
365
+ .fr-files-upload-layer {
366
+ padding-top: 20px;
367
+ padding-bottom: 20px; } }
368
+ .half-circle {
369
+ width: 60px;
370
+ height: 25px;
371
+ background-color: white;
372
+ border-top-left-radius: 110px;
373
+ border-top-right-radius: 110px;
374
+ transform: rotate(180deg);
375
+ border-bottom: 0;
376
+ position: relative;
377
+ left: 50%;
378
+ z-index: 1;
379
+ left: 50%;
380
+ margin-top: -1px;
381
+ margin-left: -25px; }
382
+
383
+ /* headlines with lines */
384
+ .decorated {
385
+ overflow: hidden;
386
+ text-align: center; }
387
+
388
+ .decorated > span {
389
+ position: relative;
390
+ display: inline-block; }
391
+
392
+ .decorated > span:before, .decorated > span:after {
393
+ content: '';
394
+ position: absolute;
395
+ top: 50%;
396
+ border-bottom: 2px solid #ffffff;
397
+ width: 100%;
398
+ /* half of limiter*/
399
+ margin: 0 20px; }
400
+
401
+ .decorated > span:before {
402
+ right: 100%; }
403
+
404
+ .decorated > span:after {
405
+ left: 100%; }
406
+
407
+ .fr-align-right {
408
+ float: right; }
409
+
410
+ /* The checkbox-container */
411
+ .checkbox-container {
412
+ display: inline-block;
413
+ position: relative;
414
+ padding-left: 20px;
415
+ margin-bottom: 12px;
416
+ cursor: pointer;
417
+ font-size: 13px;
418
+ -webkit-user-select: none;
419
+ -moz-user-select: none;
420
+ -ms-user-select: none;
421
+ user-select: none; }
422
+
423
+ .fr-files-checkbox-line {
424
+ display: flex;
425
+ align-items: center;
426
+ font-size: 10px; }
427
+ .fr-files-checkbox-line label {
428
+ cursor: pointer;
429
+ vertical-align: middle; }
430
+
431
+ .fr-insert-checkbox input {
432
+ height: 13px !important;
433
+ width: 13px !important; }
434
+
435
+ .fr-autoplay-checkbox input {
436
+ height: 13px !important;
437
+ width: 13px !important; }
438
+
439
+ button[data-cmd="insertFiles"] {
440
+ padding-left: 2px !important;
441
+ padding-top: 2.7px !important; }
442
+ button[data-cmd="autoplay"] svg {
443
+ position: relative !important;
444
+ top: 3.2px !important; }
445
+ button[data-cmd="insertAll"] {
446
+ padding-left: 4px !important; }
447
+ button[data-cmd="insertAll"] svg {
448
+ position: relative !important;
449
+ top: 3.2px !important; }
450
+
451
+ /* Hide the browser's default checkbox */
452
+ .checkbox-container input {
453
+ position: absolute;
454
+ opacity: 0;
455
+ cursor: pointer;
456
+ height: 0;
457
+ width: 0; }
458
+
459
+ /* Create a custom checkbox */
460
+ .checkmark {
461
+ position: absolute;
462
+ top: 0;
463
+ left: 0;
464
+ height: 15px;
465
+ width: 15px;
466
+ background-color: #eee; }
467
+
468
+ .fr-file-list-item {
469
+ display: flex;
470
+ justify-content: space-between;
471
+ align-items: center;
472
+ padding-top: 7px;
473
+ flex-wrap: wrap;
474
+ position: relative;
475
+ top: -20px;
476
+ border-bottom: 1px solid #ddd;
477
+ padding-bottom: 7px; }
478
+
479
+ .fr-file-item-left {
480
+ display: flex;
481
+ flex-wrap: wrap; }
482
+
483
+ .fr-file-item-icon {
484
+ display: flex;
485
+ align-items: center;
486
+ padding-left: 7px; }
487
+
488
+ .fr-file-item-description {
489
+ display: flex;
490
+ flex-wrap: wrap;
491
+ flex-direction: column;
492
+ justify-content: center;
493
+ max-width: 400px;
494
+ margin-left: 5px; }
495
+
496
+ .fr-cloud-icon {
497
+ height: 30px;
498
+ width: 32px;
499
+ background-color: white;
500
+ border-radius: 50%;
501
+ display: flex;
502
+ justify-content: center;
503
+ position: relative;
504
+ margin: 0 auto;
505
+ margin-top: -18px; }
506
+
507
+ .fr-files-checkbox {
508
+ position: relative;
509
+ display: inline-block;
510
+ width: 13px;
511
+ height: 13px;
512
+ padding-right: 5px;
513
+ border-radius: 100%;
514
+ line-height: 1;
515
+ -webkit-box-sizing: content-box;
516
+ -moz-box-sizing: content-box;
517
+ box-sizing: content-box;
518
+ vertical-align: middle; }
519
+ .fr-files-checkbox svg {
520
+ margin-left: 0px;
521
+ margin-top: 0px;
522
+ display: none;
523
+ width: 10px;
524
+ height: 10px; }
525
+ .fr-files-checkbox span {
526
+ border-radius: 2px;
527
+ -moz-border-radius: 2px;
528
+ -webkit-border-radius: 2px;
529
+ -moz-background-clip: padding;
530
+ -webkit-background-clip: padding-box;
531
+ background-clip: padding-box;
532
+ width: 15px;
533
+ height: 15px;
534
+ display: inline-block;
535
+ position: relative;
536
+ z-index: 1;
537
+ -webkit-box-sizing: border-box;
538
+ -moz-box-sizing: border-box;
539
+ box-sizing: border-box;
540
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
541
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
542
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
543
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
544
+ .fr-files-checkbox input {
545
+ position: absolute;
546
+ z-index: 2;
547
+ -webkit-opacity: 0;
548
+ -moz-opacity: 0;
549
+ opacity: 0;
550
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
551
+ border: 0 none;
552
+ cursor: pointer;
553
+ height: 18px;
554
+ margin: 0;
555
+ padding: 0;
556
+ width: 18px; }
557
+ .fr-files-checkbox input:not(:checked) + span {
558
+ border: solid 2px #999999; }
559
+ .fr-files-checkbox input:not(:checked):active + span {
560
+ background-color: #f5f5f5; }
561
+ .fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
562
+ border-color: #515151; }
563
+ .fr-files-checkbox input:checked + span {
564
+ background: #0098f7;
565
+ border: solid 2px #0098f7; }
566
+ .fr-files-checkbox input:checked + span svg {
567
+ display: block; }
568
+ .fr-files-checkbox input:checked:active + span {
569
+ background-color: #EcF5Ff; }
570
+ .fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
571
+ -webkit-opacity: 0.8;
572
+ -moz-opacity: 0.8;
573
+ opacity: 0.8;
574
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
575
+
576
+ .fr-checkbox-disabled {
577
+ opacity: 0.4;
578
+ position: relative;
579
+ display: inline-block;
580
+ width: 13px !important;
581
+ height: 13px !important;
582
+ padding-right: 5px;
583
+ border-radius: 100%;
584
+ line-height: 1;
585
+ -webkit-box-sizing: content-box;
586
+ -moz-box-sizing: content-box;
587
+ box-sizing: content-box;
588
+ vertical-align: middle; }
589
+ .fr-checkbox-disabled svg {
590
+ margin-left: 2px;
591
+ margin-top: 2px;
592
+ display: none;
593
+ width: 10px;
594
+ height: 10px; }
595
+ .fr-checkbox-disabled span {
596
+ border-radius: 2px;
597
+ -moz-border-radius: 2px;
598
+ -webkit-border-radius: 2px;
599
+ -moz-background-clip: padding;
600
+ -webkit-background-clip: padding-box;
601
+ background-clip: padding-box;
602
+ width: 15px;
603
+ height: 15px;
604
+ display: inline-block;
605
+ position: relative;
606
+ z-index: 1;
607
+ -webkit-box-sizing: border-box;
608
+ -moz-box-sizing: border-box;
609
+ box-sizing: border-box;
610
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
611
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
612
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
613
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
614
+ .fr-checkbox-disabled input {
615
+ position: absolute;
616
+ z-index: 2;
617
+ -webkit-opacity: 0;
618
+ -moz-opacity: 0;
619
+ opacity: 0;
620
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
621
+ border: 0 none;
622
+ cursor: default;
623
+ height: 13px !important;
624
+ margin: 0;
625
+ padding: 0;
626
+ width: 13px !important;
627
+ top: 7px;
628
+ left: 7px; }
629
+ .fr-checkbox-disabled input:not(:checked) + span {
630
+ border: solid 2px #999999; }
631
+ .fr-checkbox-disabled input:not(:checked):active + span {
632
+ background-color: #f5f5f5; }
633
+ .fr-checkbox-disabled input:checked + span {
634
+ background: #0098f7;
635
+ border: solid 2px #0098f7; }
636
+ .fr-checkbox-disabled input:checked + span svg {
637
+ display: block; }
638
+ .fr-checkbox-disabled input:checked:active + span {
639
+ background-color: #EcF5Ff; }
640
+
641
+ .fr-file-view {
642
+ position: absolute;
643
+ max-width: 60%;
644
+ right: 10%;
645
+ z-index: 2147483642; }
646
+
647
+ .file-item-thumbnail-hover {
648
+ transition: transform .2s; }
649
+
650
+ .file-item-thumbnail-hover:hover {
651
+ -ms-transform: scale(1.3);
652
+ -webkit-transform: scale(1.3);
653
+ transform: scale(1.3); }
654
+
655
+ .fr-file-name {
656
+ padding-top: 5px;
657
+ font-size: 12px;
658
+ font-weight: bold; }
659
+
660
+ .fr-margin-16 {
661
+ margin-bottom: 16px; }
662
+
663
+ .fr-none {
664
+ display: none; }
665
+
666
+ .fr-display-block {
667
+ display: block; }
668
+
669
+ .fr-files-manager-tooltip {
670
+ position: relative; }
671
+
672
+ .padding-top-15 {
673
+ padding-top: 15px !important;
674
+ padding-bottom: 0px !important; }
675
+
676
+ /* Tooltip text */
677
+ .fr-files-manager-tooltip .tooltiptext {
678
+ visibility: hidden;
679
+ width: max-content;
680
+ max-width: 250px;
681
+ word-break: break-word;
682
+ word-wrap: break-word;
683
+ background-color: black;
684
+ color: #fff;
685
+ text-align: left;
686
+ padding: 4px;
687
+ border-radius: 2px;
688
+ /* Position the tooltip text - see examples below! */
689
+ font-weight: 100;
690
+ font-size: 10px;
691
+ position: absolute;
692
+ top: 80%;
693
+ left: 50%;
694
+ z-index: 2147483647; }
695
+
696
+ /* Show the tooltip text when you mouse over the tooltip container */
697
+ .fr-files-manager-tooltip:hover .tooltiptext {
698
+ visibility: visible; }
699
+
700
+ .fr-file-details {
701
+ display: flex;
702
+ flex-wrap: wrap;
703
+ font-size: 10px; }
704
+
705
+ .fr-file-date {
706
+ word-break: break-word;
707
+ word-wrap: break-word;
708
+ max-width: 110px;
709
+ color: #444;
710
+ padding-top: 2px;
711
+ padding-bottom: 2px; }
712
+
713
+ .fr-file-size {
714
+ color: #444;
715
+ padding-top: 2px;
716
+ padding-bottom: 2px; }
717
+
718
+ .dot {
719
+ width: 20px;
720
+ height: 20px;
721
+ background-image: radial-gradient(circle, grey 1px, transparent 2px);
722
+ background-size: 100% 33.33%;
723
+ margin-left: 2px;
724
+ margin-right: 2px; }
725
+
726
+ .fr-file-action-icons {
727
+ margin-right: 5px;
728
+ margin-left: 5px !important;
729
+ color: #999;
730
+ height: 25px !important;
731
+ padding: 5px !important; }
732
+
733
+ @media screen and (max-width: 700px) {
734
+ .fr-files-manager-tooltip .tooltiptext {
735
+ max-width: 250px;
736
+ visibility: hidden;
737
+ word-break: break-word;
738
+ word-wrap: break-word;
739
+ top: 90%;
740
+ left: 0%;
741
+ font-size: 8px; } }
742
+ @media screen and (max-width: 500px) {
743
+ .fr-files-manager-tooltip .tooltiptext {
744
+ max-width: 100px;
745
+ visibility: hidden;
746
+ word-break: break-word;
747
+ word-wrap: break-word;
748
+ top: 90%;
749
+ left: 0%; }
750
+
751
+ .fr-file-item-description {
752
+ width: 130px; }
753
+
754
+ .fr-file-item-right {
755
+ width: 100%; }
756
+
757
+ .progress-circle {
758
+ font-size: 6px; } }
759
+ @media screen and (max-width: 320px) {
760
+ .fr-files-manager-tooltip .tooltiptext {
761
+ max-width: 100px;
762
+ visibility: hidden;
763
+ word-break: break-word;
764
+ word-wrap: break-word;
765
+ top: 90%;
766
+ left: -50%;
767
+ font-size: 8px; }
768
+
769
+ .dot {
770
+ width: 20px;
771
+ margin-left: 0px;
772
+ margin-right: 3px; }
773
+
774
+ .fr-file-item-description {
775
+ width: 80px; }
776
+
777
+ .fr-file-details {
778
+ display: flex;
779
+ flex-wrap: wrap;
780
+ font-size: 9px; }
781
+
782
+ .fr-file-name {
783
+ font-size: 10px; }
784
+
785
+ .fr-file-action-icons {
786
+ padding: 0px !important; } }
787
+ @media screen and (min-width: 501px) {
788
+ .progress-circle {
789
+ font-size: 9px; } }
790
+ .fr-file-view-modal {
791
+ display: block;
792
+ position: fixed;
793
+ position: -ms-page;
794
+ /* For IE */
795
+ z-index: 2147483641;
796
+ left: 0;
797
+ top: 0;
798
+ width: 100%;
799
+ height: 100%;
800
+ overflow: auto;
801
+ background-color: black;
802
+ background-color: rgba(0, 0, 0, 0.7); }
803
+
804
+ .fr-file-view-modal-content {
805
+ display: inline-block;
806
+ text-align: center; }
807
+
808
+ .fr-file-view-image {
809
+ position: absolute;
810
+ top: 0;
811
+ bottom: 0;
812
+ left: 0;
813
+ right: 0;
814
+ margin: auto;
815
+ max-width: 80%;
816
+ max-height: 70%; }
817
+
818
+ .fr-file-view-close {
819
+ position: absolute;
820
+ top: 15px;
821
+ right: 35px;
822
+ color: #f1f1f1;
823
+ font-size: 40px;
824
+ font-weight: bold;
825
+ transition: 0.3s; }
826
+
827
+ .fr-file-view-close:hover,
828
+ .fr-file-view-close:focus {
829
+ color: #bbb;
830
+ text-decoration: none;
831
+ cursor: pointer; }
832
+
833
+ .fr-file-error {
834
+ color: red;
835
+ font-weight: 200;
836
+ font-size: 12px;
837
+ padding-bottom: 5px; }
838
+
839
+ .fr-file-error-h5 {
840
+ margin: 0; }
841
+
842
+ .fr-file-item-right {
843
+ display: flex;
844
+ align-items: center;
845
+ justify-content: flex-end;
846
+ margin-right: 20px; }
847
+
848
+ .fr-file-item-action-buttons {
849
+ display: flex;
850
+ align-items: center;
851
+ justify-content: space-around; }
852
+
853
+ .fr-file-item-autoplay-checkbox {
854
+ align-items: center;
855
+ margin: 0px;
856
+ padding: 0px;
857
+ margin-right: 5px; }
858
+
859
+ .fr-autoplay-checkbox-label {
860
+ margin: 0;
861
+ cursor: default !important; }
862
+
863
+ /* On mouse-over, add a grey background color */
864
+ .checkbox-container:hover input ~ .checkmark {
865
+ background-color: #ccc; }
866
+
867
+ /* When the checkbox is checked, add a blue background */
868
+ .checkbox-container input:checked ~ .checkmark {
869
+ background-color: #2196F3; }
870
+
871
+ /* Create the checkmark/indicator (hidden when not checked) */
872
+ .checkmark:after {
873
+ content: "";
874
+ position: absolute;
875
+ display: none; }
876
+
877
+ /* Show the checkmark when checked */
878
+ .checkbox-container input:checked ~ .checkmark:after {
879
+ display: block; }
880
+
881
+ /* Style the checkmark/indicator */
882
+ .checkbox-container .checkmark:after {
883
+ left: 5px;
884
+ top: 2px;
885
+ width: 3px;
886
+ height: 7px;
887
+ border: solid white;
888
+ border-width: 0 3px 3px 0;
889
+ -webkit-transform: rotate(45deg);
890
+ -ms-transform: rotate(45deg);
891
+ transform: rotate(45deg); }
892
+
893
+ .file-item-details .file-name {
894
+ font-weight: bold;
895
+ display: inline; }
896
+
897
+ .file-item-details .file-description {
898
+ font-weight: 300;
899
+ font-size: 11px;
900
+ display: inline; }
901
+
902
+ .fr-width-10 {
903
+ width: 10%;
904
+ display: inline-block; }
905
+
906
+ .fr-width-20 {
907
+ width: 20%;
908
+ display: inline-block; }
909
+
910
+ .fr-width-30 {
911
+ width: 30%;
912
+ display: inline-block; }
913
+
914
+ .fr-width-40 {
915
+ width: 40%;
916
+ display: inline-block; }
917
+
918
+ .fr-width-50 {
919
+ width: 50%;
920
+ display: inline-block; }
921
+
922
+ .fr-width-60 {
923
+ width: 60%;
924
+ display: inline-block; }
925
+
926
+ .fr-width-100 {
927
+ width: 100%;
928
+ display: inline-block; }
929
+
930
+ .fr-width-80 {
931
+ width: 80%;
932
+ display: inline-block; }
933
+
934
+ .fr-width-90 {
935
+ width: 90%;
936
+ display: inline-block; }
937
+
938
+ .fr-width-85 {
939
+ width: 85%;
940
+ display: inline-block; }
941
+
942
+ .fr-width-5 {
943
+ width: 5%;
944
+ display: inline-block; }
945
+
946
+ .fr-width-7 {
947
+ width: 7%;
948
+ display: inline-block; }
949
+
950
+ .fr-img-icon {
951
+ color: #aaaaaa;
952
+ font-size: 16px;
953
+ padding: 0px 4px; }
954
+
955
+ .fr-position-content {
956
+ position: relative;
957
+ top: 10px; }
958
+
959
+ .file-error {
960
+ color: red; }
961
+
962
+ #myprogressBar {
963
+ width: 10%;
964
+ height: 5px;
965
+ background-color: #4CAF50;
966
+ position: relative;
967
+ top: -30px; }
968
+
969
+ .fr-files-manager {
970
+ z-index: 2147483641 !important; }
971
+
972
+ .progress-circle {
973
+ margin: 0px;
974
+ margin-left: 10px;
975
+ position: relative;
976
+ padding: 0;
977
+ width: 5em;
978
+ height: 5.1em;
979
+ background-color: #f2e9e1;
980
+ border-radius: 50%;
981
+ line-height: 5em; }
982
+ .progress-circle:after {
983
+ border: none;
984
+ position: absolute;
985
+ top: 0.35em;
986
+ left: 0.35em;
987
+ text-align: center;
988
+ display: block;
989
+ border-radius: 50%;
990
+ width: 4.3em;
991
+ height: 4.3em;
992
+ background-color: white;
993
+ content: " "; }
994
+ .progress-circle span {
995
+ position: absolute;
996
+ line-height: 5em;
997
+ width: 5em;
998
+ text-align: center;
999
+ display: block;
1000
+ color: #53777a;
1001
+ z-index: 2; }
1002
+ .progress-circle.over50 .left-half-clipper {
1003
+ clip: rect(auto, auto, auto, auto); }
1004
+ .progress-circle.over50 .first50-bar {
1005
+ position: absolute;
1006
+ clip: rect(0, 5em, 5em, 2.5em);
1007
+ background-color: #53777a;
1008
+ border-radius: 50%;
1009
+ width: 5em;
1010
+ height: 5em; }
1011
+ .progress-circle:not(.over50) .first50-bar {
1012
+ display: none; }
1013
+ .progress-circle.p0 .value-bar {
1014
+ display: none; }
1015
+ .progress-circle.p1 .value-bar {
1016
+ transform: rotate(4deg); }
1017
+ .progress-circle.p2 .value-bar {
1018
+ transform: rotate(7deg); }
1019
+ .progress-circle.p3 .value-bar {
1020
+ transform: rotate(11deg); }
1021
+ .progress-circle.p4 .value-bar {
1022
+ transform: rotate(14deg); }
1023
+ .progress-circle.p5 .value-bar {
1024
+ transform: rotate(18deg); }
1025
+ .progress-circle.p6 .value-bar {
1026
+ transform: rotate(22deg); }
1027
+ .progress-circle.p7 .value-bar {
1028
+ transform: rotate(25deg); }
1029
+ .progress-circle.p8 .value-bar {
1030
+ transform: rotate(29deg); }
1031
+ .progress-circle.p9 .value-bar {
1032
+ transform: rotate(32deg); }
1033
+ .progress-circle.p10 .value-bar {
1034
+ transform: rotate(36deg); }
1035
+ .progress-circle.p11 .value-bar {
1036
+ transform: rotate(40deg); }
1037
+ .progress-circle.p12 .value-bar {
1038
+ transform: rotate(43deg); }
1039
+ .progress-circle.p13 .value-bar {
1040
+ transform: rotate(47deg); }
1041
+ .progress-circle.p14 .value-bar {
1042
+ transform: rotate(50deg); }
1043
+ .progress-circle.p15 .value-bar {
1044
+ transform: rotate(54deg); }
1045
+ .progress-circle.p16 .value-bar {
1046
+ transform: rotate(58deg); }
1047
+ .progress-circle.p17 .value-bar {
1048
+ transform: rotate(61deg); }
1049
+ .progress-circle.p18 .value-bar {
1050
+ transform: rotate(65deg); }
1051
+ .progress-circle.p19 .value-bar {
1052
+ transform: rotate(68deg); }
1053
+ .progress-circle.p20 .value-bar {
1054
+ transform: rotate(72deg); }
1055
+ .progress-circle.p21 .value-bar {
1056
+ transform: rotate(76deg); }
1057
+ .progress-circle.p22 .value-bar {
1058
+ transform: rotate(79deg); }
1059
+ .progress-circle.p23 .value-bar {
1060
+ transform: rotate(83deg); }
1061
+ .progress-circle.p24 .value-bar {
1062
+ transform: rotate(86deg); }
1063
+ .progress-circle.p25 .value-bar {
1064
+ transform: rotate(90deg); }
1065
+ .progress-circle.p26 .value-bar {
1066
+ transform: rotate(94deg); }
1067
+ .progress-circle.p27 .value-bar {
1068
+ transform: rotate(97deg); }
1069
+ .progress-circle.p28 .value-bar {
1070
+ transform: rotate(101deg); }
1071
+ .progress-circle.p29 .value-bar {
1072
+ transform: rotate(104deg); }
1073
+ .progress-circle.p30 .value-bar {
1074
+ transform: rotate(108deg); }
1075
+ .progress-circle.p31 .value-bar {
1076
+ transform: rotate(112deg); }
1077
+ .progress-circle.p32 .value-bar {
1078
+ transform: rotate(115deg); }
1079
+ .progress-circle.p33 .value-bar {
1080
+ transform: rotate(119deg); }
1081
+ .progress-circle.p34 .value-bar {
1082
+ transform: rotate(122deg); }
1083
+ .progress-circle.p35 .value-bar {
1084
+ transform: rotate(126deg); }
1085
+ .progress-circle.p36 .value-bar {
1086
+ transform: rotate(130deg); }
1087
+ .progress-circle.p37 .value-bar {
1088
+ transform: rotate(133deg); }
1089
+ .progress-circle.p38 .value-bar {
1090
+ transform: rotate(137deg); }
1091
+ .progress-circle.p39 .value-bar {
1092
+ transform: rotate(140deg); }
1093
+ .progress-circle.p40 .value-bar {
1094
+ transform: rotate(144deg); }
1095
+ .progress-circle.p41 .value-bar {
1096
+ transform: rotate(148deg); }
1097
+ .progress-circle.p42 .value-bar {
1098
+ transform: rotate(151deg); }
1099
+ .progress-circle.p43 .value-bar {
1100
+ transform: rotate(155deg); }
1101
+ .progress-circle.p44 .value-bar {
1102
+ transform: rotate(158deg); }
1103
+ .progress-circle.p45 .value-bar {
1104
+ transform: rotate(162deg); }
1105
+ .progress-circle.p46 .value-bar {
1106
+ transform: rotate(166deg); }
1107
+ .progress-circle.p47 .value-bar {
1108
+ transform: rotate(169deg); }
1109
+ .progress-circle.p48 .value-bar {
1110
+ transform: rotate(173deg); }
1111
+ .progress-circle.p49 .value-bar {
1112
+ transform: rotate(176deg); }
1113
+ .progress-circle.p50 .value-bar {
1114
+ transform: rotate(180deg); }
1115
+ .progress-circle.p51 .value-bar {
1116
+ transform: rotate(184deg); }
1117
+ .progress-circle.p52 .value-bar {
1118
+ transform: rotate(187deg); }
1119
+ .progress-circle.p53 .value-bar {
1120
+ transform: rotate(191deg); }
1121
+ .progress-circle.p54 .value-bar {
1122
+ transform: rotate(194deg); }
1123
+ .progress-circle.p55 .value-bar {
1124
+ transform: rotate(198deg); }
1125
+ .progress-circle.p56 .value-bar {
1126
+ transform: rotate(202deg); }
1127
+ .progress-circle.p57 .value-bar {
1128
+ transform: rotate(205deg); }
1129
+ .progress-circle.p58 .value-bar {
1130
+ transform: rotate(209deg); }
1131
+ .progress-circle.p59 .value-bar {
1132
+ transform: rotate(212deg); }
1133
+ .progress-circle.p60 .value-bar {
1134
+ transform: rotate(216deg); }
1135
+ .progress-circle.p61 .value-bar {
1136
+ transform: rotate(220deg); }
1137
+ .progress-circle.p62 .value-bar {
1138
+ transform: rotate(223deg); }
1139
+ .progress-circle.p63 .value-bar {
1140
+ transform: rotate(227deg); }
1141
+ .progress-circle.p64 .value-bar {
1142
+ transform: rotate(230deg); }
1143
+ .progress-circle.p65 .value-bar {
1144
+ transform: rotate(234deg); }
1145
+ .progress-circle.p66 .value-bar {
1146
+ transform: rotate(238deg); }
1147
+ .progress-circle.p67 .value-bar {
1148
+ transform: rotate(241deg); }
1149
+ .progress-circle.p68 .value-bar {
1150
+ transform: rotate(245deg); }
1151
+ .progress-circle.p69 .value-bar {
1152
+ transform: rotate(248deg); }
1153
+ .progress-circle.p70 .value-bar {
1154
+ transform: rotate(252deg); }
1155
+ .progress-circle.p71 .value-bar {
1156
+ transform: rotate(256deg); }
1157
+ .progress-circle.p72 .value-bar {
1158
+ transform: rotate(259deg); }
1159
+ .progress-circle.p73 .value-bar {
1160
+ transform: rotate(263deg); }
1161
+ .progress-circle.p74 .value-bar {
1162
+ transform: rotate(266deg); }
1163
+ .progress-circle.p75 .value-bar {
1164
+ transform: rotate(270deg); }
1165
+ .progress-circle.p76 .value-bar {
1166
+ transform: rotate(274deg); }
1167
+ .progress-circle.p77 .value-bar {
1168
+ transform: rotate(277deg); }
1169
+ .progress-circle.p78 .value-bar {
1170
+ transform: rotate(281deg); }
1171
+ .progress-circle.p79 .value-bar {
1172
+ transform: rotate(284deg); }
1173
+ .progress-circle.p80 .value-bar {
1174
+ transform: rotate(288deg); }
1175
+ .progress-circle.p81 .value-bar {
1176
+ transform: rotate(292deg); }
1177
+ .progress-circle.p82 .value-bar {
1178
+ transform: rotate(295deg); }
1179
+ .progress-circle.p83 .value-bar {
1180
+ transform: rotate(299deg); }
1181
+ .progress-circle.p84 .value-bar {
1182
+ transform: rotate(302deg); }
1183
+ .progress-circle.p85 .value-bar {
1184
+ transform: rotate(306deg); }
1185
+ .progress-circle.p86 .value-bar {
1186
+ transform: rotate(310deg); }
1187
+ .progress-circle.p87 .value-bar {
1188
+ transform: rotate(313deg); }
1189
+ .progress-circle.p88 .value-bar {
1190
+ transform: rotate(317deg); }
1191
+ .progress-circle.p89 .value-bar {
1192
+ transform: rotate(320deg); }
1193
+ .progress-circle.p90 .value-bar {
1194
+ transform: rotate(324deg); }
1195
+ .progress-circle.p91 .value-bar {
1196
+ transform: rotate(328deg); }
1197
+ .progress-circle.p92 .value-bar {
1198
+ transform: rotate(331deg); }
1199
+ .progress-circle.p93 .value-bar {
1200
+ transform: rotate(335deg); }
1201
+ .progress-circle.p94 .value-bar {
1202
+ transform: rotate(338deg); }
1203
+ .progress-circle.p95 .value-bar {
1204
+ transform: rotate(342deg); }
1205
+ .progress-circle.p96 .value-bar {
1206
+ transform: rotate(346deg); }
1207
+ .progress-circle.p97 .value-bar {
1208
+ transform: rotate(349deg); }
1209
+ .progress-circle.p98 .value-bar {
1210
+ transform: rotate(353deg); }
1211
+ .progress-circle.p99 .value-bar {
1212
+ transform: rotate(356deg); }
1213
+ .progress-circle.p100 .value-bar {
1214
+ transform: rotate(360deg); }
1215
+
1216
+ .left-half-clipper {
1217
+ border-radius: 50%;
1218
+ width: 5em;
1219
+ height: 5em;
1220
+ position: absolute;
1221
+ clip: rect(0, 5em, 5em, 2.5em); }
1222
+
1223
+ .value-bar {
1224
+ position: absolute;
1225
+ clip: rect(0, 2.5em, 5em, 0);
1226
+ width: 5em;
1227
+ height: 5em;
1228
+ border-radius: 50%;
1229
+ border: 0.45em solid #53777a;
1230
+ box-sizing: border-box; }
1231
+
1232
+ .align-autoplay {
1233
+ align-items: flex-end;
1234
+ margin-right: 7px; }
1235
+
1236
+ .fr-hovered-over-file {
1237
+ background-color: #F0F0F0; }
1238
+
1239
+ .thumbnail-padding {
1240
+ padding-right: 4px; }