GPQAPP

main.css
1465 строк · 40.0 Кб
Перенос по словам
1

2
/* classes attached to <body> */
3
/* TODO: make fc-event selector work when calender in shadow DOM */
4
.fc-not-allowed,
5
.fc-not-allowed .fc-event { /* override events' custom cursors */
6
  cursor: not-allowed;
7
}
8

9
/* TODO: not attached to body. attached to specific els. move */
10
.fc-unselectable {
11
  -webkit-user-select: none;
12
     -moz-user-select: none;
13
      -ms-user-select: none;
14
          user-select: none;
15
  -webkit-touch-callout: none;
16
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17
}
18
.fc {
19
  /* layout of immediate children */
20
  display: flex;
21
  flex-direction: column;
22

23
  font-size: 1em
24
}
25
.fc,
26
  .fc *,
27
  .fc *:before,
28
  .fc *:after {
29
    box-sizing: border-box;
30
  }
31
.fc table {
32
    border-collapse: collapse;
33
    border-spacing: 0;
34
    font-size: 1em; /* normalize cross-browser */
35
  }
36
.fc th {
37
    text-align: center;
38
  }
39
.fc th,
40
  .fc td {
41
    vertical-align: top;
42
    padding: 0;
43
  }
44
.fc a[data-navlink] {
45
    cursor: pointer;
46
  }
47
.fc a[data-navlink]:hover {
48
    text-decoration: underline;
49
  }
50
.fc-direction-ltr {
51
  direction: ltr;
52
  text-align: left;
53
}
54
.fc-direction-rtl {
55
  direction: rtl;
56
  text-align: right;
57
}
58
.fc-theme-standard td,
59
  .fc-theme-standard th {
60
    border: 1px solid #ddd;
61
    border: 1px solid var(--fc-border-color, #ddd);
62
  }
63
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
64
/* inner-wrappers are responsible for being absolute */
65
/* TODO: best place for this? */
66
.fc-liquid-hack td,
67
  .fc-liquid-hack th {
68
    position: relative;
69
  }
70

71
@font-face {
72
  font-family: 'fcicons';
73
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
74
  font-weight: normal;
75
  font-style: normal;
76
}
77

78
.fc-icon {
79
  /* added for fc */
80
  display: inline-block;
81
  width: 1em;
82
  height: 1em;
83
  text-align: center;
84
  -webkit-user-select: none;
85
     -moz-user-select: none;
86
      -ms-user-select: none;
87
          user-select: none;
88

89
  /* use !important to prevent issues with browser extensions that change fonts */
90
  font-family: 'fcicons' !important;
91
  speak: none;
92
  font-style: normal;
93
  font-weight: normal;
94
  font-variant: normal;
95
  text-transform: none;
96
  line-height: 1;
97

98
  /* Better Font Rendering =========== */
99
  -webkit-font-smoothing: antialiased;
100
  -moz-osx-font-smoothing: grayscale;
101
}
102

103
.fc-icon-chevron-left:before {
104
  content: "\e900";
105
}
106

107
.fc-icon-chevron-right:before {
108
  content: "\e901";
109
}
110

111
.fc-icon-chevrons-left:before {
112
  content: "\e902";
113
}
114

115
.fc-icon-chevrons-right:before {
116
  content: "\e903";
117
}
118

119
.fc-icon-minus-square:before {
120
  content: "\e904";
121
}
122

123
.fc-icon-plus-square:before {
124
  content: "\e905";
125
}
126

127
.fc-icon-x:before {
128
  content: "\e906";
129
}
130
/*
131
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
132

133
These styles only apply when the standard-theme is activated.
134
When it's NOT activated, the fc-button classes won't even be in the DOM.
135
*/
136
.fc {
137

138
  /* reset */
139

140
}
141
.fc .fc-button {
142
    border-radius: 0;
143
    overflow: visible;
144
    text-transform: none;
145
    margin: 0;
146
    font-family: inherit;
147
    font-size: inherit;
148
    line-height: inherit;
149
  }
150
.fc .fc-button:focus {
151
    outline: 1px dotted;
152
    outline: 5px auto -webkit-focus-ring-color;
153
  }
154
.fc .fc-button {
155
    -webkit-appearance: button;
156
  }
157
.fc .fc-button:not(:disabled) {
158
    cursor: pointer;
159
  }
160
.fc .fc-button::-moz-focus-inner {
161
    padding: 0;
162
    border-style: none;
163
  }
164
.fc {
165

166
  /* theme */
167

168
}
169
.fc .fc-button {
170
    display: inline-block;
171
    font-weight: 400;
172
    text-align: center;
173
    vertical-align: middle;
174
    -webkit-user-select: none;
175
       -moz-user-select: none;
176
        -ms-user-select: none;
177
            user-select: none;
178
    background-color: transparent;
179
    border: 1px solid transparent;
180
    padding: 0.4em 0.65em;
181
    font-size: 1em;
182
    line-height: 1.5;
183
    border-radius: 0.25em;
184
  }
185
.fc .fc-button:hover {
186
    text-decoration: none;
187
  }
188
.fc .fc-button:focus {
189
    outline: 0;
190
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
191
  }
192
.fc .fc-button:disabled {
193
    opacity: 0.65;
194
  }
195
.fc {
196

197
  /* "primary" coloring */
198

199
}
200
.fc .fc-button-primary {
201
    color: #fff;
202
    color: var(--fc-button-text-color, #fff);
203
    background-color: #2C3E50;
204
    background-color: var(--fc-button-bg-color, #2C3E50);
205
    border-color: #2C3E50;
206
    border-color: var(--fc-button-border-color, #2C3E50);
207
  }
208
.fc .fc-button-primary:hover {
209
    color: #fff;
210
    color: var(--fc-button-text-color, #fff);
211
    background-color: #1e2b37;
212
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
213
    border-color: #1a252f;
214
    border-color: var(--fc-button-hover-border-color, #1a252f);
215
  }
216
.fc .fc-button-primary:disabled { /* not DRY */
217
    color: #fff;
218
    color: var(--fc-button-text-color, #fff);
219
    background-color: #2C3E50;
220
    background-color: var(--fc-button-bg-color, #2C3E50);
221
    border-color: #2C3E50;
222
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
223
  }
224
.fc .fc-button-primary:focus {
225
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
226
  }
227
.fc .fc-button-primary:not(:disabled):active,
228
  .fc .fc-button-primary:not(:disabled).fc-button-active {
229
    color: #fff;
230
    color: var(--fc-button-text-color, #fff);
231
    background-color: #1a252f;
232
    background-color: var(--fc-button-active-bg-color, #1a252f);
233
    border-color: #151e27;
234
    border-color: var(--fc-button-active-border-color, #151e27);
235
  }
236
.fc .fc-button-primary:not(:disabled):active:focus,
237
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
238
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
239
  }
240
.fc {
241

242
  /* icons within buttons */
243

244
}
245
.fc .fc-button .fc-icon {
246
    vertical-align: middle;
247
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
248
  }
249
.fc .fc-button-group {
250
    position: relative;
251
    display: inline-flex;
252
    vertical-align: middle;
253
  }
254
.fc .fc-button-group > .fc-button {
255
    position: relative;
256
    flex: 1 1 auto;
257
  }
258
.fc .fc-button-group > .fc-button:hover {
259
    z-index: 1;
260
  }
261
.fc .fc-button-group > .fc-button:focus,
262
  .fc .fc-button-group > .fc-button:active,
263
  .fc .fc-button-group > .fc-button.fc-button-active {
264
    z-index: 1;
265
  }
266
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
267
    margin-left: -1px;
268
    border-top-left-radius: 0;
269
    border-bottom-left-radius: 0;
270
  }
271
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
272
    border-top-right-radius: 0;
273
    border-bottom-right-radius: 0;
274
  }
275
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
276
    margin-right: -1px;
277
    border-top-right-radius: 0;
278
    border-bottom-right-radius: 0;
279
  }
280
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
281
    border-top-left-radius: 0;
282
    border-bottom-left-radius: 0;
283
  }
284
.fc .fc-toolbar {
285
    display: flex;
286
    justify-content: space-between;
287
    align-items: center;
288
  }
289
.fc .fc-toolbar.fc-header-toolbar {
290
    margin-bottom: 1.5em;
291
  }
292
.fc .fc-toolbar.fc-footer-toolbar {
293
    margin-top: 1.5em;
294
  }
295
.fc .fc-toolbar-title {
296
    font-size: 1.75em;
297
    margin: 0;
298
  }
299
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
300
    margin-left: .75em; /* space between */
301
  }
302
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
303
    margin-right: .75em; /* space between */
304
  }
305
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
306
    flex-direction: row-reverse;
307
  }
308
.fc .fc-scroller {
309
    -webkit-overflow-scrolling: touch;
310
    position: relative; /* for abs-positioned elements within */
311
  }
312
.fc .fc-scroller-liquid {
313
    height: 100%;
314
  }
315
.fc .fc-scroller-liquid-absolute {
316
    position: absolute;
317
    top: 0;
318
    right: 0;
319
    left: 0;
320
    bottom: 0;
321
  }
322
.fc .fc-scroller-harness {
323
    position: relative;
324
    overflow: hidden;
325
    direction: ltr;
326
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
327
      /* TODO: demonstrate in codepen */
328
  }
329
.fc .fc-scroller-harness-liquid {
330
    height: 100%;
331
  }
332
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
333
    direction: rtl;
334
  }
335
.fc-theme-standard .fc-scrollgrid {
336
    border: 1px solid #ddd;
337
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
338
  }
339
.fc .fc-scrollgrid,
340
    .fc .fc-scrollgrid table { /* all tables (self included) */
341
      width: 100%; /* because tables don't normally do this */
342
      table-layout: fixed;
343
    }
344
.fc .fc-scrollgrid table { /* inner tables */
345
      border-top-style: hidden;
346
      border-left-style: hidden;
347
      border-right-style: hidden;
348
    }
349
.fc .fc-scrollgrid {
350

351
    border-collapse: separate;
352
    border-right-width: 0;
353
    border-bottom-width: 0;
354

355
  }
356
.fc .fc-scrollgrid-liquid {
357
    height: 100%;
358
  }
359
.fc .fc-scrollgrid-section { /* a <tr> */
360
    height: 1px /* better than 0, for firefox */
361

362
  }
363
.fc .fc-scrollgrid-section > td {
364
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
365
    }
366
.fc .fc-scrollgrid-section table {
367
      height: 1px;
368
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
369
        /* serves as a min-height. harmless */
370
    }
371
.fc .fc-scrollgrid-section-liquid > td {
372
      height: 100%; /* better than `auto`, for firefox */
373
    }
374
.fc .fc-scrollgrid-section > * {
375
    border-top-width: 0;
376
    border-left-width: 0;
377
  }
378
.fc .fc-scrollgrid-section-header > *,
379
  .fc .fc-scrollgrid-section-footer > * {
380
    border-bottom-width: 0;
381
  }
382
.fc .fc-scrollgrid-section-body table,
383
  .fc .fc-scrollgrid-section-footer table {
384
    border-bottom-style: hidden; /* head keeps its bottom border tho */
385
  }
386
.fc {
387

388
  /* stickiness */
389

390
}
391
.fc .fc-scrollgrid-section-sticky > * {
392
    background: #fff;
393
    background: var(--fc-page-bg-color, #fff);
394
    position: sticky;
395
    z-index: 3; /* TODO: var */
396
    /* TODO: box-shadow when sticking */
397
  }
398
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
399
    top: 0; /* because border-sharing causes a gap at the top */
400
      /* TODO: give safari -1. has bug */
401
  }
402
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
403
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
404
  }
405
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
406
    height: 1px; /* needs height to create scrollbars */
407
    margin-bottom: -1px;
408
  }
409
.fc-sticky { /* no .fc wrap because used as child of body */
410
  position: sticky;
411
}
412
.fc .fc-view-harness {
413
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
414
    position: relative;
415
  }
416
.fc {
417

418
  /* when the harness controls the height, make the view liquid */
419

420
}
421
.fc .fc-view-harness-active > .fc-view {
422
    position: absolute;
423
    top: 0;
424
    right: 0;
425
    bottom: 0;
426
    left: 0;
427
  }
428
.fc .fc-col-header-cell-cushion {
429
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
430
    padding: 2px 4px;
431
  }
432
.fc .fc-bg-event,
433
  .fc .fc-non-business,
434
  .fc .fc-highlight {
435
    /* will always have a harness with position:relative/absolute, so absolutely expand */
436
    position: absolute;
437
    top: 0;
438
    left: 0;
439
    right: 0;
440
    bottom: 0;
441
  }
442
.fc .fc-non-business {
443
    background: rgba(215, 215, 215, 0.3);
444
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
445
  }
446
.fc .fc-bg-event {
447
    background: rgb(143, 223, 130);
448
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
449
    opacity: 0.3;
450
    opacity: var(--fc-bg-event-opacity, 0.3)
451
  }
452
.fc .fc-bg-event .fc-event-title {
453
      margin: .5em;
454
      font-size: .85em;
455
      font-size: var(--fc-small-font-size, .85em);
456
      font-style: italic;
457
    }
458
.fc .fc-highlight {
459
    background: rgba(188, 232, 241, 0.3);
460
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
461
  }
462
.fc .fc-cell-shaded,
463
  .fc .fc-day-disabled {
464
    background: rgba(208, 208, 208, 0.3);
465
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
466
  }
467
/* link resets */
468
/* ---------------------------------------------------------------------------------------------------- */
469
a.fc-event,
470
a.fc-event:hover {
471
  text-decoration: none;
472
}
473
/* cursor */
474
.fc-event[href],
475
.fc-event.fc-event-draggable {
476
  cursor: pointer;
477
}
478
/* event text content */
479
/* ---------------------------------------------------------------------------------------------------- */
480
.fc-event .fc-event-main {
481
    position: relative;
482
    z-index: 2;
483
  }
484
/* dragging */
485
/* ---------------------------------------------------------------------------------------------------- */
486
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
487
    opacity: 0.75;
488
  }
489
.fc-event-dragging.fc-event-selected { /* TOUCH */
490
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
491
  }
492
/* resizing */
493
/* ---------------------------------------------------------------------------------------------------- */
494
/* (subclasses should hone positioning for touch and non-touch) */
495
.fc-event .fc-event-resizer {
496
    display: none;
497
    position: absolute;
498
    z-index: 4;
499
  }
500
.fc-event:hover, /* MOUSE */
501
.fc-event-selected { /* TOUCH */
502

503
}
504
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
505
    display: block;
506
  }
507
.fc-event-selected .fc-event-resizer {
508
    border-radius: 4px;
509
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
510
    border-width: 1px;
511
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
512
    width: 8px;
513
    width: var(--fc-event-resizer-dot-total-width, 8px);
514
    height: 8px;
515
    height: var(--fc-event-resizer-dot-total-width, 8px);
516
    border-style: solid;
517
    border-color: inherit;
518
    background: #fff;
519
    background: var(--fc-page-bg-color, #fff)
520

521
    /* expand hit area */
522

523
  }
524
.fc-event-selected .fc-event-resizer:before {
525
      content: '';
526
      position: absolute;
527
      top: -20px;
528
      left: -20px;
529
      right: -20px;
530
      bottom: -20px;
531
    }
532
/* selecting (always TOUCH) */
533
/* OR, focused by tab-index */
534
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
535
/* ---------------------------------------------------------------------------------------------------- */
536
.fc-event-selected,
537
.fc-event:focus {
538
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
539

540
  /* expand hit area (subclasses should expand) */
541

542
}
543
.fc-event-selected:before, .fc-event:focus:before {
544
    content: "";
545
    position: absolute;
546
    z-index: 3;
547
    top: 0;
548
    left: 0;
549
    right: 0;
550
    bottom: 0;
551
  }
552
.fc-event-selected,
553
.fc-event:focus {
554

555
  /* dimmer effect */
556

557
}
558
.fc-event-selected:after, .fc-event:focus:after {
559
    content: "";
560
    background: rgba(0, 0, 0, 0.25);
561
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
562
    position: absolute;
563
    z-index: 1;
564

565
    /* assume there's a border on all sides. overcome it. */
566
    /* sometimes there's NOT a border, in which case the dimmer will go over */
567
    /* an adjacent border, which looks fine. */
568
    top: -1px;
569
    left: -1px;
570
    right: -1px;
571
    bottom: -1px;
572
  }
573
/*
574
A HORIZONTAL event
575
*/
576
.fc-h-event { /* allowed to be top-level */
577
  display: block;
578
  border: 1px solid #3788d8;
579
  border: 1px solid var(--fc-event-border-color, #3788d8);
580
  background-color: #3788d8;
581
  background-color: var(--fc-event-bg-color, #3788d8)
582

583
}
584
.fc-h-event .fc-event-main {
585
    color: #fff;
586
    color: var(--fc-event-text-color, #fff);
587
  }
588
.fc-h-event .fc-event-main-frame {
589
    display: flex; /* for make fc-event-title-container expand */
590
  }
591
.fc-h-event .fc-event-time {
592
    max-width: 100%; /* clip overflow on this element */
593
    overflow: hidden;
594
  }
595
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
596
    flex-grow: 1;
597
    flex-shrink: 1;
598
    min-width: 0; /* important for allowing to shrink all the way */
599
  }
600
.fc-h-event .fc-event-title {
601
    display: inline-block; /* need this to be sticky cross-browser */
602
    vertical-align: top; /* for not messing up line-height */
603
    left: 0;  /* for sticky */
604
    right: 0; /* for sticky */
605
    max-width: 100%; /* clip overflow on this element */
606
    overflow: hidden;
607
  }
608
.fc-h-event.fc-event-selected:before {
609
    /* expand hit area */
610
    top: -10px;
611
    bottom: -10px;
612
  }
613
/* adjust border and border-radius (if there is any) for non-start/end */
614
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
615
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
616
  border-top-left-radius: 0;
617
  border-bottom-left-radius: 0;
618
  border-left-width: 0;
619
}
620
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
621
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
622
  border-top-right-radius: 0;
623
  border-bottom-right-radius: 0;
624
  border-right-width: 0;
625
}
626
/* resizers */
627
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
628
  top: 0;
629
  bottom: 0;
630
  width: 8px;
631
  width: var(--fc-event-resizer-thickness, 8px);
632
}
633
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
634
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
635
  cursor: w-resize;
636
  left: -4px;
637
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
638
}
639
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
640
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
641
  cursor: e-resize;
642
  right: -4px;
643
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
644
}
645
/* resizers for TOUCH */
646
.fc-h-event.fc-event-selected .fc-event-resizer {
647
  top: 50%;
648
  margin-top: -4px;
649
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
650
}
651
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
652
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
653
  left: -4px;
654
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
655
}
656
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
657
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
658
  right: -4px;
659
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
660
}
661
.fc .fc-popover {
662
    position: absolute;
663
    z-index: 9999;
664
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
665
  }
666
.fc .fc-popover-header {
667
    display: flex;
668
    flex-direction: row;
669
    justify-content: space-between;
670
    align-items: center;
671
    padding: 3px 4px;
672
  }
673
.fc .fc-popover-title {
674
    margin: 0 2px;
675
  }
676
.fc .fc-popover-close {
677
    cursor: pointer;
678
    opacity: 0.65;
679
    font-size: 1.1em;
680
  }
681
.fc-theme-standard .fc-popover {
682
    border: 1px solid #ddd;
683
    border: 1px solid var(--fc-border-color, #ddd);
684
    background: #fff;
685
    background: var(--fc-page-bg-color, #fff);
686
  }
687
.fc-theme-standard .fc-popover-header {
688
    background: rgba(208, 208, 208, 0.3);
689
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
690
  }
691

692

693
:root {
694
  --fc-daygrid-event-dot-width: 8px;
695
}
696
/* help things clear margins of inner content */
697
.fc-daygrid-day-frame,
698
.fc-daygrid-day-events,
699
.fc-daygrid-event-harness { /* for event top/bottom margins */
700
}
701
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
702
  content: "";
703
  clear: both;
704
  display: table; }
705
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
706
  content: "";
707
  clear: both;
708
  display: table; }
709
.fc .fc-daygrid-body { /* a <div> that wraps the table */
710
    position: relative;
711
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
712
  }
713
.fc .fc-daygrid-day.fc-day-today {
714
      background-color: rgba(255, 220, 40, 0.15);
715
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
716
    }
717
.fc .fc-daygrid-day-frame {
718
    position: relative;
719
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
720
  }
721
.fc {
722

723
  /* cell top */
724

725
}
726
.fc .fc-daygrid-day-top {
727
    display: flex;
728
    flex-direction: row-reverse;
729
  }
730
.fc .fc-day-other .fc-daygrid-day-top {
731
    opacity: 0.3;
732
  }
733
.fc {
734

735
  /* day number (within cell top) */
736

737
}
738
.fc .fc-daygrid-day-number {
739
    position: relative;
740
    z-index: 4;
741
    padding: 4px;
742
  }
743
.fc {
744

745
  /* event container */
746

747
}
748
.fc .fc-daygrid-day-events {
749
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
750
  }
751
.fc {
752

753
  /* positioning for balanced vs natural */
754

755
}
756
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
757
      position: absolute;
758
      left: 0;
759
      right: 0;
760
    }
761
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
762
      position: relative; /* for containing abs positioned event harnesses */
763
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
764
    }
765
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
766
  }
767
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
768
      margin-bottom: 1em;
769
    }
770
.fc {
771

772
  /* event harness */
773

774
}
775
.fc .fc-daygrid-event-harness {
776
    position: relative;
777
  }
778
.fc .fc-daygrid-event-harness-abs {
779
    position: absolute;
780
    top: 0; /* fallback coords for when cannot yet be computed */
781
    left: 0; /* */
782
    right: 0; /* */
783
  }
784
.fc .fc-daygrid-bg-harness {
785
    position: absolute;
786
    top: 0;
787
    bottom: 0;
788
  }
789
.fc {
790

791
  /* bg content */
792

793
}
794
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
795
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
796
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
797
.fc {
798

799
  /* events */
800

801
}
802
.fc .fc-daygrid-event {
803
    z-index: 6;
804
    margin-top: 1px;
805
  }
806
.fc .fc-daygrid-event.fc-event-mirror {
807
    z-index: 7;
808
  }
809
.fc {
810

811
  /* cell bottom (within day-events) */
812

813
}
814
.fc .fc-daygrid-day-bottom {
815
    font-size: .85em;
816
    padding: 2px 3px 0
817
  }
818
.fc .fc-daygrid-day-bottom:before {
819
  content: "";
820
  clear: both;
821
  display: table; }
822
.fc .fc-daygrid-more-link {
823
    position: relative;
824
    z-index: 4;
825
    cursor: pointer;
826
  }
827
.fc {
828

829
  /* week number (within frame) */
830

831
}
832
.fc .fc-daygrid-week-number {
833
    position: absolute;
834
    z-index: 5;
835
    top: 0;
836
    padding: 2px;
837
    min-width: 1.5em;
838
    text-align: center;
839
    background-color: rgba(208, 208, 208, 0.3);
840
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
841
    color: #808080;
842
    color: var(--fc-neutral-text-color, #808080);
843
  }
844
.fc {
845

846
  /* popover */
847

848
}
849
.fc .fc-more-popover .fc-popover-body {
850
    min-width: 220px;
851
    padding: 10px;
852
  }
853
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
854
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
855
  margin-left: 2px;
856
}
857
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
858
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
859
  margin-right: 2px;
860
}
861
.fc-direction-ltr .fc-daygrid-week-number {
862
    left: 0;
863
    border-radius: 0 0 3px 0;
864
  }
865
.fc-direction-rtl .fc-daygrid-week-number {
866
    right: 0;
867
    border-radius: 0 0 0 3px;
868
  }
869
.fc-liquid-hack .fc-daygrid-day-frame {
870
    position: static; /* will cause inner absolute stuff to expand to <td> */
871
  }
872
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
873
  position: relative; /* for z-indexes assigned later */
874
  white-space: nowrap;
875
  border-radius: 3px; /* dot event needs this to when selected */
876
  font-size: .85em;
877
  font-size: var(--fc-small-font-size, .85em);
878
}
879
/* --- the rectangle ("block") style of event --- */
880
.fc-daygrid-block-event .fc-event-time {
881
    font-weight: bold;
882
  }
883
.fc-daygrid-block-event .fc-event-time,
884
  .fc-daygrid-block-event .fc-event-title {
885
    padding: 1px;
886
  }
887
/* --- the dot style of event --- */
888
.fc-daygrid-dot-event {
889
  display: flex;
890
  align-items: center;
891
  padding: 2px 0
892

893
}
894
.fc-daygrid-dot-event .fc-event-title {
895
    flex-grow: 1;
896
    flex-shrink: 1;
897
    min-width: 0; /* important for allowing to shrink all the way */
898
    overflow: hidden;
899
    font-weight: bold;
900
  }
901
.fc-daygrid-dot-event:hover,
902
  .fc-daygrid-dot-event.fc-event-mirror {
903
    background: rgba(0, 0, 0, 0.1);
904
  }
905
.fc-daygrid-dot-event.fc-event-selected:before {
906
    /* expand hit area */
907
    top: -10px;
908
    bottom: -10px;
909
  }
910
.fc-daygrid-event-dot { /* the actual dot */
911
  margin: 0 4px;
912
  box-sizing: content-box;
913
  width: 0;
914
  height: 0;
915
  border: 4px solid #3788d8;
916
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
917
  border-radius: 4px;
918
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
919
}
920
/* --- spacing between time and title --- */
921
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
922
    margin-right: 3px;
923
  }
924
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
925
    margin-left: 3px;
926
  }
927

928

929
/*
930
A VERTICAL event
931
*/
932

933
.fc-v-event { /* allowed to be top-level */
934
  display: block;
935
  border: 1px solid #3788d8;
936
  border: 1px solid var(--fc-event-border-color, #3788d8);
937
  background-color: #3788d8;
938
  background-color: var(--fc-event-bg-color, #3788d8)
939

940
}
941

942
.fc-v-event .fc-event-main {
943
    color: #fff;
944
    color: var(--fc-event-text-color, #fff);
945
    height: 100%;
946
  }
947

948
.fc-v-event .fc-event-main-frame {
949
    height: 100%;
950
    display: flex;
951
    flex-direction: column;
952
  }
953

954
.fc-v-event .fc-event-time {
955
    flex-grow: 0;
956
    flex-shrink: 0;
957
    max-height: 100%;
958
    overflow: hidden;
959
  }
960

961
.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
962
    flex-grow: 1;
963
    flex-shrink: 1;
964
    min-height: 0; /* important for allowing to shrink all the way */
965
  }
966

967
.fc-v-event .fc-event-title { /* will have fc-sticky on it */
968
    top: 0;
969
    bottom: 0;
970
    max-height: 100%; /* clip overflow */
971
    overflow: hidden;
972
  }
973

974
.fc-v-event:not(.fc-event-start) {
975
    border-top-width: 0;
976
    border-top-left-radius: 0;
977
    border-top-right-radius: 0;
978
  }
979

980
.fc-v-event:not(.fc-event-end) {
981
    border-bottom-width: 0;
982
    border-bottom-left-radius: 0;
983
    border-bottom-right-radius: 0;
984
  }
985

986
.fc-v-event.fc-event-selected:before {
987
    /* expand hit area */
988
    left: -10px;
989
    right: -10px;
990
  }
991

992
.fc-v-event {
993

994
  /* resizer (mouse AND touch) */
995

996
}
997

998
.fc-v-event .fc-event-resizer-start {
999
    cursor: n-resize;
1000
  }
1001

1002
.fc-v-event .fc-event-resizer-end {
1003
    cursor: s-resize;
1004
  }
1005

1006
.fc-v-event {
1007

1008
  /* resizer for MOUSE */
1009

1010
}
1011

1012
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
1013
      height: 8px;
1014
      height: var(--fc-event-resizer-thickness, 8px);
1015
      left: 0;
1016
      right: 0;
1017
    }
1018

1019
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
1020
      top: -4px;
1021
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
1022
    }
1023

1024
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
1025
      bottom: -4px;
1026
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
1027
    }
1028

1029
.fc-v-event {
1030

1031
  /* resizer for TOUCH (when event is "selected") */
1032

1033
}
1034

1035
.fc-v-event.fc-event-selected .fc-event-resizer {
1036
      left: 50%;
1037
      margin-left: -4px;
1038
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
1039
    }
1040

1041
.fc-v-event.fc-event-selected .fc-event-resizer-start {
1042
      top: -4px;
1043
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
1044
    }
1045

1046
.fc-v-event.fc-event-selected .fc-event-resizer-end {
1047
      bottom: -4px;
1048
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
1049
    }
1050
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
1051
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
1052
  }
1053
.fc .fc-timegrid-divider {
1054
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
1055
  }
1056
.fc .fc-timegrid-body {
1057
    position: relative;
1058
    z-index: 1; /* scope the z-indexes of slots and cols */
1059
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
1060
  }
1061
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
1062
    position: relative /* offset parent for now-indicator-container */
1063

1064
  }
1065
.fc .fc-timegrid-axis-chunk > table {
1066
      position: relative;
1067
      z-index: 1; /* above the now-indicator-container */
1068
    }
1069
.fc .fc-timegrid-slots {
1070
    position: relative;
1071
    z-index: 1;
1072
  }
1073
.fc .fc-timegrid-slot { /* a <td> */
1074
    height: 1.5em;
1075
    border-bottom: 0 /* each cell owns its top border */
1076
  }
1077
.fc .fc-timegrid-slot:empty:before {
1078
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
1079
    }
1080
.fc .fc-timegrid-slot-minor {
1081
    border-top-style: dotted;
1082
  }
1083
.fc .fc-timegrid-slot-label-cushion {
1084
    display: inline-block;
1085
    white-space: nowrap;
1086
  }
1087
.fc .fc-timegrid-slot-label {
1088
    vertical-align: middle; /* vertical align the slots */
1089
  }
1090
.fc {
1091

1092

1093
  /* slots AND axis cells (top-left corner of view including the "all-day" text) */
1094

1095
}
1096
.fc .fc-timegrid-axis-cushion,
1097
  .fc .fc-timegrid-slot-label-cushion {
1098
    padding: 0 4px;
1099
  }
1100
.fc {
1101

1102

1103
  /* axis cells (top-left corner of view including the "all-day" text) */
1104
  /* vertical align is more complicated, uses flexbox */
1105

1106
}
1107
.fc .fc-timegrid-axis-frame-liquid {
1108
    height: 100%; /* will need liquid-hack in FF */
1109
  }
1110
.fc .fc-timegrid-axis-frame {
1111
    overflow: hidden;
1112
    display: flex;
1113
    align-items: center; /* vertical align */
1114
    justify-content: flex-end; /* horizontal align. matches text-align below */
1115
  }
1116
.fc .fc-timegrid-axis-cushion {
1117
    max-width: 60px; /* limits the width of the "all-day" text */
1118
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
1119
  }
1120
.fc-direction-ltr .fc-timegrid-slot-label-frame {
1121
    text-align: right;
1122
  }
1123
.fc-direction-rtl .fc-timegrid-slot-label-frame {
1124
    text-align: left;
1125
  }
1126
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
1127
  height: auto;
1128
  position: absolute;
1129
  top: 0;
1130
  right: 0;
1131
  bottom: 0;
1132
  left: 0;
1133
  }
1134
.fc .fc-timegrid-col.fc-day-today {
1135
      background-color: rgba(255, 220, 40, 0.15);
1136
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
1137
    }
1138
.fc .fc-timegrid-col-frame {
1139
    min-height: 100%; /* liquid-hack is below */
1140
    position: relative;
1141
  }
1142
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
1143
  height: auto;
1144
  position: absolute;
1145
  top: 0;
1146
  right: 0;
1147
  bottom: 0;
1148
  left: 0;
1149
    }
1150
.fc-media-screen .fc-timegrid-cols {
1151
    position: absolute; /* no z-index. children will decide and go above slots */
1152
    top: 0;
1153
    left: 0;
1154
    right: 0;
1155
    bottom: 0
1156
  }
1157
.fc-media-screen .fc-timegrid-cols > table {
1158
      height: 100%;
1159
    }
1160
.fc-media-screen .fc-timegrid-col-bg,
1161
  .fc-media-screen .fc-timegrid-col-events,
1162
  .fc-media-screen .fc-timegrid-now-indicator-container {
1163
    position: absolute;
1164
    top: 0;
1165
    left: 0;
1166
    right: 0;
1167
  }
1168
.fc {
1169

1170
  /* bg */
1171

1172
}
1173
.fc .fc-timegrid-col-bg {
1174
    z-index: 2; /* TODO: kill */
1175
  }
1176
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
1177
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
1178
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
1179
.fc .fc-timegrid-bg-harness {
1180
    position: absolute; /* top/bottom will be set by JS */
1181
    left: 0;
1182
    right: 0;
1183
  }
1184
.fc {
1185

1186
  /* fg events */
1187
  /* (the mirror segs are put into a separate container with same classname, */
1188
  /* and they must be after the normal seg container to appear at a higher z-index) */
1189

1190
}
1191
.fc .fc-timegrid-col-events {
1192
    z-index: 3;
1193
    /* child event segs have z-indexes that are scoped within this div */
1194
  }
1195
.fc {
1196

1197
  /* now indicator */
1198

1199
}
1200
.fc .fc-timegrid-now-indicator-container {
1201
    bottom: 0;
1202
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
1203
    /* z-index is set on the individual elements */
1204
  }
1205
.fc-direction-ltr .fc-timegrid-col-events {
1206
    margin: 0 2.5% 0 2px;
1207
  }
1208
.fc-direction-rtl .fc-timegrid-col-events {
1209
    margin: 0 2px 0 2.5%;
1210
  }
1211
.fc-timegrid-event-harness {
1212
  position: absolute /* top/left/right/bottom will all be set by JS */
1213
}
1214
.fc-timegrid-event-harness > .fc-timegrid-event {
1215
    position: absolute; /* absolute WITHIN the harness */
1216
    top: 0; /* for when not yet positioned */
1217
    bottom: 0; /* " */
1218
    left: 0;
1219
    right: 0;
1220
  }
1221
.fc-timegrid-event-harness-inset .fc-timegrid-event,
1222
.fc-timegrid-event.fc-event-mirror,
1223
.fc-timegrid-more-link {
1224
  box-shadow: 0px 0px 0px 1px #fff;
1225
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
1226
}
1227
.fc-timegrid-event,
1228
.fc-timegrid-more-link { /* events need to be root */
1229
  font-size: .85em;
1230
  font-size: var(--fc-small-font-size, .85em);
1231
  border-radius: 3px;
1232
}
1233
.fc-timegrid-event { /* events need to be root */
1234
  margin-bottom: 1px /* give some space from bottom */
1235
}
1236
.fc-timegrid-event .fc-event-main {
1237
    padding: 1px 1px 0;
1238
  }
1239
.fc-timegrid-event .fc-event-time {
1240
    white-space: nowrap;
1241
    font-size: .85em;
1242
    font-size: var(--fc-small-font-size, .85em);
1243
    margin-bottom: 1px;
1244
  }
1245
.fc-timegrid-event-short .fc-event-main-frame {
1246
    flex-direction: row;
1247
    overflow: hidden;
1248
  }
1249
.fc-timegrid-event-short .fc-event-time:after {
1250
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
1251
  }
1252
.fc-timegrid-event-short .fc-event-title {
1253
    font-size: .85em;
1254
    font-size: var(--fc-small-font-size, .85em)
1255
  }
1256
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
1257
  position: absolute;
1258
  z-index: 9999; /* hack */
1259
  color: inherit;
1260
  color: var(--fc-more-link-text-color, inherit);
1261
  background: #d0d0d0;
1262
  background: var(--fc-more-link-bg-color, #d0d0d0);
1263
  cursor: pointer;
1264
  margin-bottom: 1px; /* match space below fc-timegrid-event */
1265
}
1266
.fc-timegrid-more-link-inner { /* has fc-sticky */
1267
  padding: 3px 2px;
1268
  top: 0;
1269
}
1270
.fc-direction-ltr .fc-timegrid-more-link {
1271
    right: 0;
1272
  }
1273
.fc-direction-rtl .fc-timegrid-more-link {
1274
    left: 0;
1275
  }
1276
.fc {
1277

1278
  /* line */
1279

1280
}
1281
.fc .fc-timegrid-now-indicator-line {
1282
    position: absolute;
1283
    z-index: 4;
1284
    left: 0;
1285
    right: 0;
1286
    border-style: solid;
1287
    border-color: red;
1288
    border-color: var(--fc-now-indicator-color, red);
1289
    border-width: 1px 0 0;
1290
  }
1291
.fc {
1292

1293
  /* arrow */
1294

1295
}
1296
.fc .fc-timegrid-now-indicator-arrow {
1297
    position: absolute;
1298
    z-index: 4;
1299
    margin-top: -5px; /* vertically center on top coordinate */
1300
    border-style: solid;
1301
    border-color: red;
1302
    border-color: var(--fc-now-indicator-color, red);
1303
  }
1304
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
1305
    left: 0;
1306

1307
    /* triangle pointing right. TODO: mixin */
1308
    border-width: 5px 0 5px 6px;
1309
    border-top-color: transparent;
1310
    border-bottom-color: transparent;
1311
  }
1312
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
1313
    right: 0;
1314

1315
    /* triangle pointing left. TODO: mixin */
1316
    border-width: 5px 6px 5px 0;
1317
    border-top-color: transparent;
1318
    border-bottom-color: transparent;
1319
  }
1320

1321

1322
:root {
1323
  --fc-list-event-dot-width: 10px;
1324
  --fc-list-event-hover-bg-color: #f5f5f5;
1325
}
1326
.fc-theme-standard .fc-list {
1327
    border: 1px solid #ddd;
1328
    border: 1px solid var(--fc-border-color, #ddd);
1329
  }
1330
.fc {
1331

1332
  /* message when no events */
1333

1334
}
1335
.fc .fc-list-empty {
1336
    background-color: rgba(208, 208, 208, 0.3);
1337
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
1338
    height: 100%;
1339
    display: flex;
1340
    justify-content: center;
1341
    align-items: center; /* vertically aligns fc-list-empty-inner */
1342
  }
1343
.fc .fc-list-empty-cushion {
1344
    margin: 5em 0;
1345
  }
1346
.fc {
1347

1348
  /* table within the scroller */
1349
  /* ---------------------------------------------------------------------------------------------------- */
1350

1351
}
1352
.fc .fc-list-table {
1353
    width: 100%;
1354
    border-style: hidden; /* kill outer border on theme */
1355
  }
1356
.fc .fc-list-table tr > * {
1357
    border-left: 0;
1358
    border-right: 0;
1359
  }
1360
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
1361
      position: sticky;
1362
      top: 0;
1363
      background: #fff;
1364
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
1365
    }
1366
.fc {
1367

1368
  /* only exists for aria reasons, hide for non-screen-readers */
1369

1370
}
1371
.fc .fc-list-table thead {
1372
    position: absolute;
1373
    left: -10000px;
1374
  }
1375
.fc {
1376

1377
  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */
1378

1379
}
1380
.fc .fc-list-table tbody > tr:first-child th {
1381
    border-top: 0;
1382
  }
1383
.fc .fc-list-table th {
1384
    padding: 0; /* uses an inner-wrapper instead... */
1385
  }
1386
.fc .fc-list-table td,
1387
  .fc .fc-list-day-cushion {
1388
    padding: 8px 14px;
1389
  }
1390
.fc {
1391

1392

1393
  /* date heading rows */
1394
  /* ---------------------------------------------------------------------------------------------------- */
1395

1396
}
1397
.fc .fc-list-day-cushion:after {
1398
  content: "";
1399
  clear: both;
1400
  display: table; /* clear floating */
1401
    }
1402
.fc-theme-standard .fc-list-day-cushion {
1403
    background-color: rgba(208, 208, 208, 0.3);
1404
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
1405
  }
1406
.fc-direction-ltr .fc-list-day-text,
1407
.fc-direction-rtl .fc-list-day-side-text {
1408
  float: left;
1409
}
1410
.fc-direction-ltr .fc-list-day-side-text,
1411
.fc-direction-rtl .fc-list-day-text {
1412
  float: right;
1413
}
1414
/* make the dot closer to the event title */
1415
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
1416
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
1417
.fc .fc-list-event.fc-event-forced-url {
1418
    cursor: pointer; /* whole row will seem clickable */
1419
  }
1420
.fc .fc-list-event:hover td {
1421
    background-color: #f5f5f5;
1422
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
1423
  }
1424
.fc {
1425

1426
  /* shrink certain cols */
1427

1428
}
1429
.fc .fc-list-event-graphic,
1430
  .fc .fc-list-event-time {
1431
    white-space: nowrap;
1432
    width: 1px;
1433
  }
1434
.fc .fc-list-event-dot {
1435
    display: inline-block;
1436
    box-sizing: content-box;
1437
    width: 0;
1438
    height: 0;
1439
    border: 5px solid #3788d8;
1440
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
1441
    border-radius: 5px;
1442
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
1443
  }
1444
.fc {
1445

1446
  /* reset <a> styling */
1447

1448
}
1449
.fc .fc-list-event-title a {
1450
    color: inherit;
1451
    text-decoration: none;
1452
  }
1453
.fc {
1454

1455
  /* underline link when hovering over any part of row */
1456

1457
}
1458
.fc .fc-list-event.fc-event-forced-url:hover a {
1459
    text-decoration: underline;
1460
  }
1461

1462

1463

1464
  .fc-theme-bootstrap a:not([href]) {
1465
    color: inherit; /* natural color for navlinks */
1466
  }
1467

1468
GPQAPP

Использование cookies
