David A. Windham
david
/
daw
1
0
Fork 0
Files Issues 0 Pull Requests 0
Branch: dev
Branches Tags
daw
/
css
/
v4-fullcalendar.css

v4-fullcalendar.css 41 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495 
  1. 

  2. /* classes attached to <body> */
    3. 

  3. /* TODO: make fc-event selector work when calender in shadow DOM */
    4. 

  4. .fc-not-allowed,
    5. 

  5. .fc-not-allowed .fc-event { /* override events' custom cursors */
    6. 

  6.   cursor: not-allowed;
    7. 

  7. }
    8. 

  8. 

  9. /* TODO: not attached to body. attached to specific els. move */
    10. 

  10. .fc-unselectable {
    11. 

  11.   -webkit-user-select: none;
    12. 

  12.      -moz-user-select: none;
    13. 

  13.       -ms-user-select: none;
    14. 

  14.           user-select: none;
    15. 

  15.   -webkit-touch-callout: none;
    16. 

  16.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    17. 

  17. }
    18. 

  18. .fc {
    19. 

  19.   /* layout of immediate children */
    20. 

  20.   display: flex;
    21. 

  21.   flex-direction: column;
    22. 

  22. 

  23.   font-size: 1em
    24. 

  24. }
    25. 

  25. .fc,
    26. 

  26.   .fc *,
    27. 

  27.   .fc *:before,
    28. 

  28.   .fc *:after {
    29. 

  29.     box-sizing: border-box;
    30. 

  30.   }
    31. 

  31. .fc table {
    32. 

  32.     border-collapse: collapse;
    33. 

  33.     border-spacing: 0;
    34. 

  34.     font-size: 1em; /* normalize cross-browser */
    35. 

  35.   }
    36. 

  36. .fc th {
    37. 

  37.     text-align: center;
    38. 

  38.   }
    39. 

  39. .fc th,
    40. 

  40.   .fc td {
    41. 

  41.     vertical-align: top;
    42. 

  42.     padding: 0;
    43. 

  43.   }
    44. 

  44. .fc a[data-navlink] {
    45. 

  45.     cursor: pointer;
    46. 

  46.   }
    47. 

  47. .fc a[data-navlink]:hover {
    48. 

  48.     text-decoration: underline;
    49. 

  49.   }
    50. 

  50. .fc-direction-ltr {
    51. 

  51.   direction: ltr;
    52. 

  52.   text-align: left;
    53. 

  53. }
    54. 

  54. .fc-direction-rtl {
    55. 

  55.   direction: rtl;
    56. 

  56.   text-align: right;
    57. 

  57. }
    58. 

  58. .fc-theme-standard td,
    59. 

  59.   .fc-theme-standard th {
    60. 

  60.     border: 1px solid #ddd;
    61. 

  61.     border: 1px solid var(--fc-border-color, #ddd);
    62. 

  62.   }
    63. 

  63. /* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
    64. 

  64. /* inner-wrappers are responsible for being absolute */
    65. 

  65. /* TODO: best place for this? */
    66. 

  66. .fc-liquid-hack td,
    67. 

  67.   .fc-liquid-hack th {
    68. 

  68.     position: relative;
    69. 

  69.   }
    70. 

  70. 

  71. @font-face {
    72. 

  72.   font-family: 'fcicons';
    73. 

  73.   src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
    74. 

  74.   font-weight: normal;
    75. 

  75.   font-style: normal;
    76. 

  76. }
    77. 

  77. 

  78. .fc-icon {
    79. 

  79.   /* added for fc */
    80. 

  80.   display: inline-block;
    81. 

  81.   width: 1em;
    82. 

  82.   height: 1em;
    83. 

  83.   text-align: center;
    84. 

  84.   -webkit-user-select: none;
    85. 

  85.      -moz-user-select: none;
    86. 

  86.       -ms-user-select: none;
    87. 

  87.           user-select: none;
    88. 

  88. 

  89.   /* use !important to prevent issues with browser extensions that change fonts */
    90. 

  90.   font-family: 'fcicons' !important;
    91. 

  91.   speak: none;
    92. 

  92.   font-style: normal;
    93. 

  93.   font-weight: normal;
    94. 

  94.   font-variant: normal;
    95. 

  95.   text-transform: none;
    96. 

  96.   line-height: 1;
    97. 

  97. 

  98.   /* Better Font Rendering =========== */
    99. 

  99.   -webkit-font-smoothing: antialiased;
    100. 

  100.   -moz-osx-font-smoothing: grayscale;
    101. 

  101. }
    102. 

  102. 

  103. .fc-icon-chevron-left:before {
    104. 

  104.   content: "\e900";
    105. 

  105. }
    106. 

  106. 

  107. .fc-icon-chevron-right:before {
    108. 

  108.   content: "\e901";
    109. 

  109. }
    110. 

  110. 

  111. .fc-icon-chevrons-left:before {
    112. 

  112.   content: "\e902";
    113. 

  113. }
    114. 

  114. 

  115. .fc-icon-chevrons-right:before {
    116. 

  116.   content: "\e903";
    117. 

  117. }
    118. 

  118. 

  119. .fc-icon-minus-square:before {
    120. 

  120.   content: "\e904";
    121. 

  121. }
    122. 

  122. 

  123. .fc-icon-plus-square:before {
    124. 

  124.   content: "\e905";
    125. 

  125. }
    126. 

  126. 

  127. .fc-icon-x:before {
    128. 

  128.   content: "\e906";
    129. 

  129. }
    130. 

  130. /*
    131. 

  131. Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
    132. 

  132. 

  133. These styles only apply when the standard-theme is activated.
    134. 

  134. When it's NOT activated, the fc-button classes won't even be in the DOM.
    135. 

  135. */
    136. 

  136. .fc {
    137. 

  137. 

  138.   /* reset */
    139. 

  139. 

  140. }
    141. 

  141. .fc .fc-button {
    142. 

  142.     border-radius: 0;
    143. 

  143.     overflow: visible;
    144. 

  144.     text-transform: none;
    145. 

  145.     margin: 0;
    146. 

  146.     font-family: inherit;
    147. 

  147.     font-size: inherit;
    148. 

  148.     line-height: inherit;
    149. 

  149.   }
    150. 

  150. .fc .fc-button:focus {
    151. 

  151.     outline: 1px dotted;
    152. 

  152.     outline: 5px auto -webkit-focus-ring-color;
    153. 

  153.   }
    154. 

  154. .fc .fc-button {
    155. 

  155.     -webkit-appearance: button;
    156. 

  156.   }
    157. 

  157. .fc .fc-button:not(:disabled) {
    158. 

  158.     cursor: pointer;
    159. 

  159.   }
    160. 

  160. .fc .fc-button::-moz-focus-inner {
    161. 

  161.     padding: 0;
    162. 

  162.     border-style: none;
    163. 

  163.   }
    164. 

  164. .fc {
    165. 

  165. 

  166.   /* theme */
    167. 

  167. 

  168. }
    169. 

  169. .fc .fc-button {
    170. 

  170.     display: inline-block;
    171. 

  171.     font-weight: 400;
    172. 

  172.     text-align: center;
    173. 

  173.     vertical-align: middle;
    174. 

  174.     -webkit-user-select: none;
    175. 

  175.        -moz-user-select: none;
    176. 

  176.         -ms-user-select: none;
    177. 

  177.             user-select: none;
    178. 

  178.     background-color: transparent;
    179. 

  179.     border: 1px solid transparent;
    180. 

  180.     padding: 0.4em 0.65em;
    181. 

  181.     font-size: 1em;
    182. 

  182.     line-height: 1.5;
    183. 

  183.     border-radius: 0.25em;
    184. 

  184.   }
    185. 

  185. .fc .fc-button:hover {
    186. 

  186.     text-decoration: none;
    187. 

  187.   }
    188. 

  188. .fc .fc-button:focus {
    189. 

  189.     outline: 0;
    190. 

  190.     box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
    191. 

  191.   }
    192. 

  192. .fc .fc-button:disabled {
    193. 

  193.     opacity: 0.65;
    194. 

  194.   }
    195. 

  195. .fc {
    196. 

  196. 

  197.   /* "primary" coloring */
    198. 

  198. 

  199. }
    200. 

  200. .fc .fc-button-primary {
    201. 

  201.     color: #fff;
    202. 

  202.     color: var(--fc-button-text-color, #fff);
    203. 

  203.     background-color: #2C3E50;
    204. 

  204.     background-color: var(--fc-button-bg-color, #2C3E50);
    205. 

  205.     border-color: #2C3E50;
    206. 

  206.     border-color: var(--fc-button-border-color, #2C3E50);
    207. 

  207.   }
    208. 

  208. .fc .fc-button-primary:hover {
    209. 

  209.     color: #fff;
    210. 

  210.     color: var(--fc-button-text-color, #fff);
    211. 

  211.     background-color: #1e2b37;
    212. 

  212.     background-color: var(--fc-button-hover-bg-color, #1e2b37);
    213. 

  213.     border-color: #1a252f;
    214. 

  214.     border-color: var(--fc-button-hover-border-color, #1a252f);
    215. 

  215.   }
    216. 

  216. .fc .fc-button-primary:disabled { /* not DRY */
    217. 

  217.     color: #fff;
    218. 

  218.     color: var(--fc-button-text-color, #fff);
    219. 

  219.     background-color: #2C3E50;
    220. 

  220.     background-color: var(--fc-button-bg-color, #2C3E50);
    221. 

  221.     border-color: #2C3E50;
    222. 

  222.     border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
    223. 

  223.   }
    224. 

  224. .fc .fc-button-primary:focus {
    225. 

  225.     box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    226. 

  226.   }
    227. 

  227. .fc .fc-button-primary:not(:disabled):active,
    228. 

  228.   .fc .fc-button-primary:not(:disabled).fc-button-active {
    229. 

  229.     color: #fff;
    230. 

  230.     color: var(--fc-button-text-color, #fff);
    231. 

  231.     background-color: #1a252f;
    232. 

  232.     background-color: var(--fc-button-active-bg-color, #1a252f);
    233. 

  233.     border-color: #151e27;
    234. 

  234.     border-color: var(--fc-button-active-border-color, #151e27);
    235. 

  235.   }
    236. 

  236. .fc .fc-button-primary:not(:disabled):active:focus,
    237. 

  237.   .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    238. 

  238.     box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    239. 

  239.   }
    240. 

  240. .fc {
    241. 

  241. 

  242.   /* icons within buttons */
    243. 

  243. 

  244. }
    245. 

  245. .fc .fc-button .fc-icon {
    246. 

  246.     vertical-align: middle;
    247. 

  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. 

  248.   }
    249. 

  249. .fc .fc-button-group {
    250. 

  250.     position: relative;
    251. 

  251.     display: inline-flex;
    252. 

  252.     vertical-align: middle;
    253. 

  253.   }
    254. 

  254. .fc .fc-button-group > .fc-button {
    255. 

  255.     position: relative;
    256. 

  256.     flex: 1 1 auto;
    257. 

  257.   }
    258. 

  258. .fc .fc-button-group > .fc-button:hover {
    259. 

  259.     z-index: 1;
    260. 

  260.   }
    261. 

  261. .fc .fc-button-group > .fc-button:focus,
    262. 

  262.   .fc .fc-button-group > .fc-button:active,
    263. 

  263.   .fc .fc-button-group > .fc-button.fc-button-active {
    264. 

  264.     z-index: 1;
    265. 

  265.   }
    266. 

  266. .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    267. 

  267.     margin-left: -1px;
    268. 

  268.     border-top-left-radius: 0;
    269. 

  269.     border-bottom-left-radius: 0;
    270. 

  270.   }
    271. 

  271. .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    272. 

  272.     border-top-right-radius: 0;
    273. 

  273.     border-bottom-right-radius: 0;
    274. 

  274.   }
    275. 

  275. .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    276. 

  276.     margin-right: -1px;
    277. 

  277.     border-top-right-radius: 0;
    278. 

  278.     border-bottom-right-radius: 0;
    279. 

  279.   }
    280. 

  280. .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    281. 

  281.     border-top-left-radius: 0;
    282. 

  282.     border-bottom-left-radius: 0;
    283. 

  283.   }
    284. 

  284. .fc .fc-toolbar {
    285. 

  285.     display: flex;
    286. 

  286.     justify-content: space-between;
    287. 

  287.     align-items: center;
    288. 

  288.   }
    289. 

  289. .fc .fc-toolbar.fc-header-toolbar {
    290. 

  290.     margin-bottom: 1.5em;
    291. 

  291.   }
    292. 

  292. .fc .fc-toolbar.fc-footer-toolbar {
    293. 

  293.     margin-top: 1.5em;
    294. 

  294.   }
    295. 

  295. .fc .fc-toolbar-title {
    296. 

  296.     font-size: 1.75em;
    297. 

  297.     margin: 0;
    298. 

  298.   }
    299. 

  299. .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    300. 

  300.     margin-left: .75em; /* space between */
    301. 

  301.   }
    302. 

  302. .fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    303. 

  303.     margin-right: .75em; /* space between */
    304. 

  304.   }
    305. 

  305. .fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    306. 

  306.     flex-direction: row-reverse;
    307. 

  307.   }
    308. 

  308. .fc .fc-scroller {
    309. 

  309.     -webkit-overflow-scrolling: touch;
    310. 

  310.     position: relative; /* for abs-positioned elements within */
    311. 

  311.   }
    312. 

  312. .fc .fc-scroller-liquid {
    313. 

  313.     height: 100%;
    314. 

  314.   }
    315. 

  315. .fc .fc-scroller-liquid-absolute {
    316. 

  316.     position: absolute;
    317. 

  317.     top: 0;
    318. 

  318.     right: 0;
    319. 

  319.     left: 0;
    320. 

  320.     bottom: 0;
    321. 

  321.   }
    322. 

  322. .fc .fc-scroller-harness {
    323. 

  323.     position: relative;
    324. 

  324.     overflow: hidden;
    325. 

  325.     direction: ltr;
    326. 

  326.       /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
    327. 

  327.       /* TODO: demonstrate in codepen */
    328. 

  328.   }
    329. 

  329. .fc .fc-scroller-harness-liquid {
    330. 

  330.     height: 100%;
    331. 

  331.   }
    332. 

  332. .fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    333. 

  333.     direction: rtl;
    334. 

  334.   }
    335. 

  335. .fc-theme-standard .fc-scrollgrid {
    336. 

  336.     border: 1px solid #ddd;
    337. 

  337.     border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
    338. 

  338.   }
    339. 

  339. .fc .fc-scrollgrid,
    340. 

  340.     .fc .fc-scrollgrid table { /* all tables (self included) */
    341. 

  341.       width: 100%; /* because tables don't normally do this */
    342. 

  342.       table-layout: fixed;
    343. 

  343.     }
    344. 

  344. .fc .fc-scrollgrid table { /* inner tables */
    345. 

  345.       border-top-style: hidden;
    346. 

  346.       border-left-style: hidden;
    347. 

  347.       border-right-style: hidden;
    348. 

  348.     }
    349. 

  349. .fc .fc-scrollgrid {
    350. 

  350. 

  351.     border-collapse: separate;
    352. 

  352.     border-right-width: 0;
    353. 

  353.     border-bottom-width: 0;
    354. 

  354. 

  355.   }
    356. 

  356. .fc .fc-scrollgrid-liquid {
    357. 

  357.     height: 100%;
    358. 

  358.   }
    359. 

  359. .fc .fc-scrollgrid-section { /* a <tr> */
    360. 

  360.     height: 1px /* better than 0, for firefox */
    361. 

  361. 

  362.   }
    363. 

  363. .fc .fc-scrollgrid-section > td {
    364. 

  364.       height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    365. 

  365.     }
    366. 

  366. .fc .fc-scrollgrid-section table {
    367. 

  367.       height: 1px;
    368. 

  368.         /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
    369. 

  369.         /* serves as a min-height. harmless */
    370. 

  370.     }
    371. 

  371. .fc .fc-scrollgrid-section-liquid > td {
    372. 

  372.       height: 100%; /* better than `auto`, for firefox */
    373. 

  373.     }
    374. 

  374. .fc .fc-scrollgrid-section > * {
    375. 

  375.     border-top-width: 0;
    376. 

  376.     border-left-width: 0;
    377. 

  377.   }
    378. 

  378. .fc .fc-scrollgrid-section-header > *,
    379. 

  379.   .fc .fc-scrollgrid-section-footer > * {
    380. 

  380.     border-bottom-width: 0;
    381. 

  381.   }
    382. 

  382. .fc .fc-scrollgrid-section-body table,
    383. 

  383.   .fc .fc-scrollgrid-section-footer table {
    384. 

  384.     border-bottom-style: hidden; /* head keeps its bottom border tho */
    385. 

  385.   }
    386. 

  386. .fc {
    387. 

  387. 

  388.   /* stickiness */
    389. 

  389. 

  390. }
    391. 

  391. .fc .fc-scrollgrid-section-sticky > * {
    392. 

  392.     background: #fff;
    393. 

  393.     background: var(--fc-page-bg-color, #fff);
    394. 

  394.     position: sticky;
    395. 

  395.     z-index: 3; /* TODO: var */
    396. 

  396.     /* TODO: box-shadow when sticking */
    397. 

  397.   }
    398. 

  398. .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    399. 

  399.     top: 0; /* because border-sharing causes a gap at the top */
    400. 

  400.       /* TODO: give safari -1. has bug */
    401. 

  401.   }
    402. 

  402. .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    403. 

  403.     bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
    404. 

  404.   }
    405. 

  405. .fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    406. 

  406.     height: 1px; /* needs height to create scrollbars */
    407. 

  407.     margin-bottom: -1px;
    408. 

  408.   }
    409. 

  409. .fc-sticky { /* no .fc wrap because used as child of body */
    410. 

  410.   position: sticky;
    411. 

  411. }
    412. 

  412. .fc .fc-view-harness {
    413. 

  413.     flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    414. 

  414.     position: relative;
    415. 

  415.   }
    416. 

  416. .fc {
    417. 

  417. 

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

  419. 

  420. }
    421. 

  421. .fc .fc-view-harness-active > .fc-view {
    422. 

  422.     position: absolute;
    423. 

  423.     top: 0;
    424. 

  424.     right: 0;
    425. 

  425.     bottom: 0;
    426. 

  426.     left: 0;
    427. 

  427.   }
    428. 

  428. .fc .fc-col-header-cell-cushion {
    429. 

  429.     display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    430. 

  430.     padding: 2px 4px;
    431. 

  431.   }
    432. 

  432. .fc .fc-bg-event,
    433. 

  433.   .fc .fc-non-business,
    434. 

  434.   .fc .fc-highlight {
    435. 

  435.     /* will always have a harness with position:relative/absolute, so absolutely expand */
    436. 

  436.     position: absolute;
    437. 

  437.     top: 0;
    438. 

  438.     left: 0;
    439. 

  439.     right: 0;
    440. 

  440.     bottom: 0;
    441. 

  441.   }
    442. 

  442. .fc .fc-non-business {
    443. 

  443.     background: rgba(215, 215, 215, 0.3);
    444. 

  444.     background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
    445. 

  445.   }
    446. 

  446. .fc .fc-bg-event {
    447. 

  447.     background: rgb(143, 223, 130);
    448. 

  448.     background: var(--fc-bg-event-color, rgb(143, 223, 130));
    449. 

  449.     opacity: 0.3;
    450. 

  450.     opacity: var(--fc-bg-event-opacity, 0.3)
    451. 

  451.   }
    452. 

  452. .fc .fc-bg-event .fc-event-title {
    453. 

  453.       margin: .5em;
    454. 

  454.       font-size: .85em;
    455. 

  455.       font-size: var(--fc-small-font-size, .85em);
    456. 

  456.       font-style: italic;
    457. 

  457.     }
    458. 

  458. .fc .fc-highlight {
    459. 

  459.     background: rgba(188, 232, 241, 0.3);
    460. 

  460.     background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
    461. 

  461.   }
    462. 

  462. .fc .fc-cell-shaded,
    463. 

  463.   .fc .fc-day-disabled {
    464. 

  464.     background: rgba(208, 208, 208, 0.3);
    465. 

  465.     background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    466. 

  466.   }
    467. 

  467. /* link resets */
    468. 

  468. /* ---------------------------------------------------------------------------------------------------- */
    469. 

  469. a.fc-event,
    470. 

  470. a.fc-event:hover {
    471. 

  471.   text-decoration: none;
    472. 

  472. }
    473. 

  473. /* cursor */
    474. 

  474. .fc-event[href],
    475. 

  475. .fc-event.fc-event-draggable {
    476. 

  476.   cursor: pointer;
    477. 

  477. }
    478. 

  478. /* event text content */
    479. 

  479. /* ---------------------------------------------------------------------------------------------------- */
    480. 

  480. .fc-event .fc-event-main {
    481. 

  481.     position: relative;
    482. 

  482.     z-index: 2;
    483. 

  483.   }
    484. 

  484. /* dragging */
    485. 

  485. /* ---------------------------------------------------------------------------------------------------- */
    486. 

  486. .fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    487. 

  487.     opacity: 0.75;
    488. 

  488.   }
    489. 

  489. .fc-event-dragging.fc-event-selected { /* TOUCH */
    490. 

  490.     box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    491. 

  491.   }
    492. 

  492. /* resizing */
    493. 

  493. /* ---------------------------------------------------------------------------------------------------- */
    494. 

  494. /* (subclasses should hone positioning for touch and non-touch) */
    495. 

  495. .fc-event .fc-event-resizer {
    496. 

  496.     display: none;
    497. 

  497.     position: absolute;
    498. 

  498.     z-index: 4;
    499. 

  499.   }
    500. 

  500. .fc-event:hover, /* MOUSE */
    501. 

  501. .fc-event-selected { /* TOUCH */
    502. 

  502. 

  503. }
    504. 

  504. .fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    505. 

  505.     display: block;
    506. 

  506.   }
    507. 

  507. .fc-event-selected .fc-event-resizer {
    508. 

  508.     border-radius: 4px;
    509. 

  509.     border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    510. 

  510.     border-width: 1px;
    511. 

  511.     border-width: var(--fc-event-resizer-dot-border-width, 1px);
    512. 

  512.     width: 8px;
    513. 

  513.     width: var(--fc-event-resizer-dot-total-width, 8px);
    514. 

  514.     height: 8px;
    515. 

  515.     height: var(--fc-event-resizer-dot-total-width, 8px);
    516. 

  516.     border-style: solid;
    517. 

  517.     border-color: inherit;
    518. 

  518.     background: #fff;
    519. 

  519.     background: var(--fc-page-bg-color, #fff)
    520. 

  520. 

  521.     /* expand hit area */
    522. 

  522. 

  523.   }
    524. 

  524. .fc-event-selected .fc-event-resizer:before {
    525. 

  525.       content: '';
    526. 

  526.       position: absolute;
    527. 

  527.       top: -20px;
    528. 

  528.       left: -20px;
    529. 

  529.       right: -20px;
    530. 

  530.       bottom: -20px;
    531. 

  531.     }
    532. 

  532. /* selecting (always TOUCH) */
    533. 

  533. /* OR, focused by tab-index */
    534. 

  534. /* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
    535. 

  535. /* ---------------------------------------------------------------------------------------------------- */
    536. 

  536. .fc-event-selected,
    537. 

  537. .fc-event:focus {
    538. 

  538.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
    539. 

  539. 

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

  541. 

  542. }
    543. 

  543. .fc-event-selected:before, .fc-event:focus:before {
    544. 

  544.     content: "";
    545. 

  545.     position: absolute;
    546. 

  546.     z-index: 3;
    547. 

  547.     top: 0;
    548. 

  548.     left: 0;
    549. 

  549.     right: 0;
    550. 

  550.     bottom: 0;
    551. 

  551.   }
    552. 

  552. .fc-event-selected,
    553. 

  553. .fc-event:focus {
    554. 

  554. 

  555.   /* dimmer effect */
    556. 

  556. 

  557. }
    558. 

  558. .fc-event-selected:after, .fc-event:focus:after {
    559. 

  559.     content: "";
    560. 

  560.     background: rgba(0, 0, 0, 0.25);
    561. 

  561.     background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    562. 

  562.     position: absolute;
    563. 

  563.     z-index: 1;
    564. 

  564. 

  565.     /* assume there's a border on all sides. overcome it. */
    566. 

  566.     /* sometimes there's NOT a border, in which case the dimmer will go over */
    567. 

  567.     /* an adjacent border, which looks fine. */
    568. 

  568.     top: -1px;
    569. 

  569.     left: -1px;
    570. 

  570.     right: -1px;
    571. 

  571.     bottom: -1px;
    572. 

  572.   }
    573. 

  573. /*
    574. 

  574. A HORIZONTAL event
    575. 

  575. */
    576. 

  576. .fc-h-event { /* allowed to be top-level */
    577. 

  577.   display: block;
    578. 

  578.   border: 1px solid #3788d8;
    579. 

  579.   border: 1px solid var(--fc-event-border-color, #3788d8);
    580. 

  580.   background-color: #3788d8;
    581. 

  581.   background-color: var(--fc-event-bg-color, #3788d8)
    582. 

  582. 

  583. }
    584. 

  584. .fc-h-event .fc-event-main {
    585. 

  585.     color: #fff;
    586. 

  586.     color: var(--fc-event-text-color, #fff);
    587. 

  587.   }
    588. 

  588. .fc-h-event .fc-event-main-frame {
    589. 

  589.     display: flex; /* for make fc-event-title-container expand */
    590. 

  590.   }
    591. 

  591. .fc-h-event .fc-event-time {
    592. 

  592.     max-width: 100%; /* clip overflow on this element */
    593. 

  593.     overflow: hidden;
    594. 

  594.   }
    595. 

  595. .fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    596. 

  596.     flex-grow: 1;
    597. 

  597.     flex-shrink: 1;
    598. 

  598.     min-width: 0; /* important for allowing to shrink all the way */
    599. 

  599.   }
    600. 

  600. .fc-h-event .fc-event-title {
    601. 

  601.     display: inline-block; /* need this to be sticky cross-browser */
    602. 

  602.     vertical-align: top; /* for not messing up line-height */
    603. 

  603.     left: 0;  /* for sticky */
    604. 

  604.     right: 0; /* for sticky */
    605. 

  605.     max-width: 100%; /* clip overflow on this element */
    606. 

  606.     overflow: hidden;
    607. 

  607.   }
    608. 

  608. .fc-h-event.fc-event-selected:before {
    609. 

  609.     /* expand hit area */
    610. 

  610.     top: -10px;
    611. 

  611.     bottom: -10px;
    612. 

  612.   }
    613. 

  613. /* adjust border and border-radius (if there is any) for non-start/end */
    614. 

  614. .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
    615. 

  615. .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    616. 

  616.   border-top-left-radius: 0;
    617. 

  617.   border-bottom-left-radius: 0;
    618. 

  618.   border-left-width: 0;
    619. 

  619. }
    620. 

  620. .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
    621. 

  621. .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    622. 

  622.   border-top-right-radius: 0;
    623. 

  623.   border-bottom-right-radius: 0;
    624. 

  624.   border-right-width: 0;
    625. 

  625. }
    626. 

  626. /* resizers */
    627. 

  627. .fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    628. 

  628.   top: 0;
    629. 

  629.   bottom: 0;
    630. 

  630.   width: 8px;
    631. 

  631.   width: var(--fc-event-resizer-thickness, 8px);
    632. 

  632. }
    633. 

  633. .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
    634. 

  634. .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    635. 

  635.   cursor: w-resize;
    636. 

  636.   left: -4px;
    637. 

  637.   left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
    638. 

  638. }
    639. 

  639. .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
    640. 

  640. .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    641. 

  641.   cursor: e-resize;
    642. 

  642.   right: -4px;
    643. 

  643.   right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
    644. 

  644. }
    645. 

  645. /* resizers for TOUCH */
    646. 

  646. .fc-h-event.fc-event-selected .fc-event-resizer {
    647. 

  647.   top: 50%;
    648. 

  648.   margin-top: -4px;
    649. 

  649.   margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
    650. 

  650. }
    651. 

  651. .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
    652. 

  652. .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    653. 

  653.   left: -4px;
    654. 

  654.   left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
    655. 

  655. }
    656. 

  656. .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
    657. 

  657. .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    658. 

  658.   right: -4px;
    659. 

  659.   right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
    660. 

  660. }
    661. 

  661. .fc .fc-popover {
    662. 

  662.     position: absolute;
    663. 

  663.     z-index: 9999;
    664. 

  664.     box-shadow: 0 2px 6px rgba(0,0,0,.15);
    665. 

  665.   }
    666. 

  666. .fc .fc-popover-header {
    667. 

  667.     display: flex;
    668. 

  668.     flex-direction: row;
    669. 

  669.     justify-content: space-between;
    670. 

  670.     align-items: center;
    671. 

  671.     padding: 3px 4px;
    672. 

  672.   }
    673. 

  673. .fc .fc-popover-title {
    674. 

  674.     margin: 0 2px;
    675. 

  675.   }
    676. 

  676. .fc .fc-popover-close {
    677. 

  677.     cursor: pointer;
    678. 

  678.     opacity: 0.65;
    679. 

  679.     font-size: 1.1em;
    680. 

  680.   }
    681. 

  681. .fc-theme-standard .fc-popover {
    682. 

  682.     border: 1px solid #ddd;
    683. 

  683.     border: 1px solid var(--fc-border-color, #ddd);
    684. 

  684.     background: #fff;
    685. 

  685.     background: var(--fc-page-bg-color, #fff);
    686. 

  686.   }
    687. 

  687. .fc-theme-standard .fc-popover-header {
    688. 

  688.     background: rgba(208, 208, 208, 0.3);
    689. 

  689.     background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    690. 

  690.   }
    691. 

  691. 

  692. 

  693. :root {
    694. 

  694.   --fc-daygrid-event-dot-width: 8px;
    695. 

  695. }
    696. 

  696. /* help things clear margins of inner content */
    697. 

  697. .fc-daygrid-day-frame,
    698. 

  698. .fc-daygrid-day-events,
    699. 

  699. .fc-daygrid-event-harness { /* for event top/bottom margins */
    700. 

  700. }
    701. 

  701. .fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
    702. 

  702.   content: "";
    703. 

  703.   clear: both;
    704. 

  704.   display: table; }
    705. 

  705. .fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
    706. 

  706.   content: "";
    707. 

  707.   clear: both;
    708. 

  708.   display: table; }
    709. 

  709. .fc .fc-daygrid-body { /* a <div> that wraps the table */
    710. 

  710.     position: relative;
    711. 

  711.     z-index: 1; /* container inner z-index's because <tr>s can't do it */
    712. 

  712.   }
    713. 

  713. .fc .fc-daygrid-day.fc-day-today {
    714. 

  714.       background-color: rgba(255, 220, 40, 0.15);
    715. 

  715.       background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    716. 

  716.     }
    717. 

  717. .fc .fc-daygrid-day-frame {
    718. 

  718.     position: relative;
    719. 

  719.     min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
    720. 

  720.   }
    721. 

  721. .fc {
    722. 

  722. 

  723.   /* cell top */
    724. 

  724. 

  725. }
    726. 

  726. .fc .fc-daygrid-day-top {
    727. 

  727.     display: flex;
    728. 

  728.     flex-direction: row-reverse;
    729. 

  729.   }
    730. 

  730. .fc .fc-day-other .fc-daygrid-day-top {
    731. 

  731.     opacity: 0.3;
    732. 

  732.   }
    733. 

  733. .fc {
    734. 

  734. 

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

  736. 

  737. }
    738. 

  738. .fc .fc-daygrid-day-number {
    739. 

  739.     position: relative;
    740. 

  740.     z-index: 4;
    741. 

  741.     padding: 4px;
    742. 

  742.   }
    743. 

  743. .fc {
    744. 

  744. 

  745.   /* event container */
    746. 

  746. 

  747. }
    748. 

  748. .fc .fc-daygrid-day-events {
    749. 

  749.     margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
    750. 

  750.   }
    751. 

  751. .fc {
    752. 

  752. 

  753.   /* positioning for balanced vs natural */
    754. 

  754. 

  755. }
    756. 

  756. .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    757. 

  757.       position: absolute;
    758. 

  758.       left: 0;
    759. 

  759.       right: 0;
    760. 

  760.     }
    761. 

  761. .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    762. 

  762.       position: relative; /* for containing abs positioned event harnesses */
    763. 

  763.       min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    764. 

  764.     }
    765. 

  765. .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
    766. 

  766.   }
    767. 

  767. .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    768. 

  768.       margin-bottom: 1em;
    769. 

  769.     }
    770. 

  770. .fc {
    771. 

  771. 

  772.   /* event harness */
    773. 

  773. 

  774. }
    775. 

  775. .fc .fc-daygrid-event-harness {
    776. 

  776.     position: relative;
    777. 

  777.   }
    778. 

  778. .fc .fc-daygrid-event-harness-abs {
    779. 

  779.     position: absolute;
    780. 

  780.     top: 0; /* fallback coords for when cannot yet be computed */
    781. 

  781.     left: 0; /* */
    782. 

  782.     right: 0; /* */
    783. 

  783.   }
    784. 

  784. .fc .fc-daygrid-bg-harness {
    785. 

  785.     position: absolute;
    786. 

  786.     top: 0;
    787. 

  787.     bottom: 0;
    788. 

  788.   }
    789. 

  789. .fc {
    790. 

  790. 

  791.   /* bg content */
    792. 

  792. 

  793. }
    794. 

  794. .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
    795. 

  795. .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
    796. 

  796. .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
    797. 

  797. .fc {
    798. 

  798. 

  799.   /* events */
    800. 

  800. 

  801. }
    802. 

  802. .fc .fc-daygrid-event {
    803. 

  803.     z-index: 6;
    804. 

  804.     margin-top: 1px;
    805. 

  805.   }
    806. 

  806. .fc .fc-daygrid-event.fc-event-mirror {
    807. 

  807.     z-index: 7;
    808. 

  808.   }
    809. 

  809. .fc {
    810. 

  810. 

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

  812. 

  813. }
    814. 

  814. .fc .fc-daygrid-day-bottom {
    815. 

  815.     font-size: .85em;
    816. 

  816.     padding: 2px 3px 0
    817. 

  817.   }
    818. 

  818. .fc .fc-daygrid-day-bottom:before {
    819. 

  819.   content: "";
    820. 

  820.   clear: both;
    821. 

  821.   display: table; }
    822. 

  822. .fc .fc-daygrid-more-link {
    823. 

  823.     position: relative;
    824. 

  824.     z-index: 4;
    825. 

  825.     cursor: pointer;
    826. 

  826.   }
    827. 

  827. .fc {
    828. 

  828. 

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

  830. 

  831. }
    832. 

  832. .fc .fc-daygrid-week-number {
    833. 

  833.     position: absolute;
    834. 

  834.     z-index: 5;
    835. 

  835.     top: 0;
    836. 

  836.     padding: 2px;
    837. 

  837.     min-width: 1.5em;
    838. 

  838.     text-align: center;
    839. 

  839.     background-color: rgba(208, 208, 208, 0.3);
    840. 

  840.     background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    841. 

  841.     color: #808080;
    842. 

  842.     color: var(--fc-neutral-text-color, #808080);
    843. 

  843.   }
    844. 

  844. .fc {
    845. 

  845. 

  846.   /* popover */
    847. 

  847. 

  848. }
    849. 

  849. .fc .fc-more-popover .fc-popover-body {
    850. 

  850.     min-width: 220px;
    851. 

  851.     padding: 10px;
    852. 

  852.   }
    853. 

  853. .fc-direction-ltr .fc-daygrid-event.fc-event-start,
    854. 

  854. .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    855. 

  855.   margin-left: 2px;
    856. 

  856. }
    857. 

  857. .fc-direction-ltr .fc-daygrid-event.fc-event-end,
    858. 

  858. .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    859. 

  859.   margin-right: 2px;
    860. 

  860. }
    861. 

  861. .fc-direction-ltr .fc-daygrid-week-number {
    862. 

  862.     left: 0;
    863. 

  863.     border-radius: 0 0 3px 0;
    864. 

  864.   }
    865. 

  865. .fc-direction-rtl .fc-daygrid-week-number {
    866. 

  866.     right: 0;
    867. 

  867.     border-radius: 0 0 0 3px;
    868. 

  868.   }
    869. 

  869. .fc-liquid-hack .fc-daygrid-day-frame {
    870. 

  870.     position: static; /* will cause inner absolute stuff to expand to <td> */
    871. 

  871.   }
    872. 

  872. .fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
    873. 

  873.   position: relative; /* for z-indexes assigned later */
    874. 

  874.   white-space: nowrap;
    875. 

  875.   border-radius: 3px; /* dot event needs this to when selected */
    876. 

  876.   font-size: .85em;
    877. 

  877.   font-size: var(--fc-small-font-size, .85em);
    878. 

  878. }
    879. 

  879. /* --- the rectangle ("block") style of event --- */
    880. 

  880. .fc-daygrid-block-event .fc-event-time {
    881. 

  881.     font-weight: bold;
    882. 

  882.   }
    883. 

  883. .fc-daygrid-block-event .fc-event-time,
    884. 

  884.   .fc-daygrid-block-event .fc-event-title {
    885. 

  885.     padding: 1px;
    886. 

  886.   }
    887. 

  887. /* --- the dot style of event --- */
    888. 

  888. .fc-daygrid-dot-event {
    889. 

  889.   display: flex;
    890. 

  890.   align-items: center;
    891. 

  891.   padding: 2px 0
    892. 

  892. 

  893. }
    894. 

  894. .fc-daygrid-dot-event .fc-event-title {
    895. 

  895.     flex-grow: 1;
    896. 

  896.     flex-shrink: 1;
    897. 

  897.     min-width: 0; /* important for allowing to shrink all the way */
    898. 

  898.     overflow: hidden;
    899. 

  899.     font-weight: bold;
    900. 

  900.   }
    901. 

  901. .fc-daygrid-dot-event:hover,
    902. 

  902.   .fc-daygrid-dot-event.fc-event-mirror {
    903. 

  903.     background: rgba(0, 0, 0, 0.1);
    904. 

  904.   }
    905. 

  905. .fc-daygrid-dot-event.fc-event-selected:before {
    906. 

  906.     /* expand hit area */
    907. 

  907.     top: -10px;
    908. 

  908.     bottom: -10px;
    909. 

  909.   }
    910. 

  910. .fc-daygrid-event-dot { /* the actual dot */
    911. 

  911.   margin: 0 4px;
    912. 

  912.   box-sizing: content-box;
    913. 

  913.   width: 0;
    914. 

  914.   height: 0;
    915. 

  915.   border: 4px solid #3788d8;
    916. 

  916.   border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
    917. 

  917.   border-radius: 4px;
    918. 

  918.   border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
    919. 

  919. }
    920. 

  920. /* --- spacing between time and title --- */
    921. 

  921. .fc-direction-ltr .fc-daygrid-event .fc-event-time {
    922. 

  922.     margin-right: 3px;
    923. 

  923.   }
    924. 

  924. .fc-direction-rtl .fc-daygrid-event .fc-event-time {
    925. 

  925.     margin-left: 3px;
    926. 

  926.   }
    927. 

  927. 

  928. 

  929. /*
    930. 

  930. A VERTICAL event
    931. 

  931. */
    932. 

  932. 

  933. .fc-v-event { /* allowed to be top-level */
    934. 

  934.   display: block;
    935. 

  935.   border: 1px solid #3788d8;
    936. 

  936.   border: 1px solid var(--fc-event-border-color, #3788d8);
    937. 

  937.   background-color: #3788d8;
    938. 

  938.   background-color: var(--fc-event-bg-color, #3788d8)
    939. 

  939. 

  940. }
    941. 

  941. 

  942. .fc-v-event .fc-event-main {
    943. 

  943.     color: #fff;
    944. 

  944.     color: var(--fc-event-text-color, #fff);
    945. 

  945.     height: 100%;
    946. 

  946.   }
    947. 

  947. 

  948. .fc-v-event .fc-event-main-frame {
    949. 

  949.     height: 100%;
    950. 

  950.     display: flex;
    951. 

  951.     flex-direction: column;
    952. 

  952.   }
    953. 

  953. 

  954. .fc-v-event .fc-event-time {
    955. 

  955.     flex-grow: 0;
    956. 

  956.     flex-shrink: 0;
    957. 

  957.     max-height: 100%;
    958. 

  958.     overflow: hidden;
    959. 

  959.   }
    960. 

  960. 

  961. .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    962. 

  962.     flex-grow: 1;
    963. 

  963.     flex-shrink: 1;
    964. 

  964.     min-height: 0; /* important for allowing to shrink all the way */
    965. 

  965.   }
    966. 

  966. 

  967. .fc-v-event .fc-event-title { /* will have fc-sticky on it */
    968. 

  968.     top: 0;
    969. 

  969.     bottom: 0;
    970. 

  970.     max-height: 100%; /* clip overflow */
    971. 

  971.     overflow: hidden;
    972. 

  972.   }
    973. 

  973. 

  974. .fc-v-event:not(.fc-event-start) {
    975. 

  975.     border-top-width: 0;
    976. 

  976.     border-top-left-radius: 0;
    977. 

  977.     border-top-right-radius: 0;
    978. 

  978.   }
    979. 

  979. 

  980. .fc-v-event:not(.fc-event-end) {
    981. 

  981.     border-bottom-width: 0;
    982. 

  982.     border-bottom-left-radius: 0;
    983. 

  983.     border-bottom-right-radius: 0;
    984. 

  984.   }
    985. 

  985. 

  986. .fc-v-event.fc-event-selected:before {
    987. 

  987.     /* expand hit area */
    988. 

  988.     left: -10px;
    989. 

  989.     right: -10px;
    990. 

  990.   }
    991. 

  991. 

  992. .fc-v-event {
    993. 

  993. 

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

  995. 

  996. }
    997. 

  997. 

  998. .fc-v-event .fc-event-resizer-start {
    999. 

  999.     cursor: n-resize;
    1000. 

  1000.   }
    1001. 

  1001. 

  1002. .fc-v-event .fc-event-resizer-end {
    1003. 

  1003.     cursor: s-resize;
    1004. 

  1004.   }
    1005. 

  1005. 

  1006. .fc-v-event {
    1007. 

  1007. 

  1008.   /* resizer for MOUSE */
    1009. 

  1009. 

  1010. }
    1011. 

  1011. 

  1012. .fc-v-event:not(.fc-event-selected) .fc-event-resizer {
    1013. 

  1013.       height: 8px;
    1014. 

  1014.       height: var(--fc-event-resizer-thickness, 8px);
    1015. 

  1015.       left: 0;
    1016. 

  1016.       right: 0;
    1017. 

  1017.     }
    1018. 

  1018. 

  1019. .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
    1020. 

  1020.       top: -4px;
    1021. 

  1021.       top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    1022. 

  1022.     }
    1023. 

  1023. 

  1024. .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
    1025. 

  1025.       bottom: -4px;
    1026. 

  1026.       bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    1027. 

  1027.     }
    1028. 

  1028. 

  1029. .fc-v-event {
    1030. 

  1030. 

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

  1032. 

  1033. }
    1034. 

  1034. 

  1035. .fc-v-event.fc-event-selected .fc-event-resizer {
    1036. 

  1036.       left: 50%;
    1037. 

  1037.       margin-left: -4px;
    1038. 

  1038.       margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    1039. 

  1039.     }
    1040. 

  1040. 

  1041. .fc-v-event.fc-event-selected .fc-event-resizer-start {
    1042. 

  1042.       top: -4px;
    1043. 

  1043.       top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    1044. 

  1044.     }
    1045. 

  1045. 

  1046. .fc-v-event.fc-event-selected .fc-event-resizer-end {
    1047. 

  1047.       bottom: -4px;
    1048. 

  1048.       bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    1049. 

  1049.     }
    1050. 

  1050. .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    1051. 

  1051.     z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
    1052. 

  1052.   }
    1053. 

  1053. .fc .fc-timegrid-divider {
    1054. 

  1054.     padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
    1055. 

  1055.   }
    1056. 

  1056. .fc .fc-timegrid-body {
    1057. 

  1057.     position: relative;
    1058. 

  1058.     z-index: 1; /* scope the z-indexes of slots and cols */
    1059. 

  1059.     min-height: 100%; /* fill height always, even when slat table doesn't grow */
    1060. 

  1060.   }
    1061. 

  1061. .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    1062. 

  1062.     position: relative /* offset parent for now-indicator-container */
    1063. 

  1063. 

  1064.   }
    1065. 

  1065. .fc .fc-timegrid-axis-chunk > table {
    1066. 

  1066.       position: relative;
    1067. 

  1067.       z-index: 1; /* above the now-indicator-container */
    1068. 

  1068.     }
    1069. 

  1069. .fc .fc-timegrid-slots {
    1070. 

  1070.     position: relative;
    1071. 

  1071.     z-index: 1;
    1072. 

  1072.   }
    1073. 

  1073. .fc .fc-timegrid-slot { /* a <td> */
    1074. 

  1074.     height: 1.5em;
    1075. 

  1075.     border-bottom: 0 /* each cell owns its top border */
    1076. 

  1076.   }
    1077. 

  1077. .fc .fc-timegrid-slot:empty:before {
    1078. 

  1078.       content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    1079. 

  1079.     }
    1080. 

  1080. .fc .fc-timegrid-slot-minor {
    1081. 

  1081.     border-top-style: dotted;
    1082. 

  1082.   }
    1083. 

  1083. .fc .fc-timegrid-slot-label-cushion {
    1084. 

  1084.     display: inline-block;
    1085. 

  1085.     white-space: nowrap;
    1086. 

  1086.   }
    1087. 

  1087. .fc .fc-timegrid-slot-label {
    1088. 

  1088.     vertical-align: middle; /* vertical align the slots */
    1089. 

  1089.   }
    1090. 

  1090. .fc {
    1091. 

  1091. 

  1092. 

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

  1094. 

  1095. }
    1096. 

  1096. .fc .fc-timegrid-axis-cushion,
    1097. 

  1097.   .fc .fc-timegrid-slot-label-cushion {
    1098. 

  1098.     padding: 0 4px;
    1099. 

  1099.   }
    1100. 

  1100. .fc {
    1101. 

  1101. 

  1102. 

  1103.   /* axis cells (top-left corner of view including the "all-day" text) */
    1104. 

  1104.   /* vertical align is more complicated, uses flexbox */
    1105. 

  1105. 

  1106. }
    1107. 

  1107. .fc .fc-timegrid-axis-frame-liquid {
    1108. 

  1108.     height: 100%; /* will need liquid-hack in FF */
    1109. 

  1109.   }
    1110. 

  1110. .fc .fc-timegrid-axis-frame {
    1111. 

  1111.     overflow: hidden;
    1112. 

  1112.     display: flex;
    1113. 

  1113.     align-items: center; /* vertical align */
    1114. 

  1114.     justify-content: flex-end; /* horizontal align. matches text-align below */
    1115. 

  1115.   }
    1116. 

  1116. .fc .fc-timegrid-axis-cushion {
    1117. 

  1117.     max-width: 60px; /* limits the width of the "all-day" text */
    1118. 

  1118.     flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
    1119. 

  1119.   }
    1120. 

  1120. .fc-direction-ltr .fc-timegrid-slot-label-frame {
    1121. 

  1121.     text-align: right;
    1122. 

  1122.   }
    1123. 

  1123. .fc-direction-rtl .fc-timegrid-slot-label-frame {
    1124. 

  1124.     text-align: left;
    1125. 

  1125.   }
    1126. 

  1126. .fc-liquid-hack .fc-timegrid-axis-frame-liquid {
    1127. 

  1127.   height: auto;
    1128. 

  1128.   position: absolute;
    1129. 

  1129.   top: 0;
    1130. 

  1130.   right: 0;
    1131. 

  1131.   bottom: 0;
    1132. 

  1132.   left: 0;
    1133. 

  1133.   }
    1134. 

  1134. .fc .fc-timegrid-col.fc-day-today {
    1135. 

  1135.       background-color: rgba(255, 220, 40, 0.15);
    1136. 

  1136.       background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    1137. 

  1137.     }
    1138. 

  1138. .fc .fc-timegrid-col-frame {
    1139. 

  1139.     min-height: 100%; /* liquid-hack is below */
    1140. 

  1140.     position: relative;
    1141. 

  1141.   }
    1142. 

  1142. .fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
    1143. 

  1143.   height: auto;
    1144. 

  1144.   position: absolute;
    1145. 

  1145.   top: 0;
    1146. 

  1146.   right: 0;
    1147. 

  1147.   bottom: 0;
    1148. 

  1148.   left: 0;
    1149. 

  1149.     }
    1150. 

  1150. .fc-media-screen .fc-timegrid-cols {
    1151. 

  1151.     position: absolute; /* no z-index. children will decide and go above slots */
    1152. 

  1152.     top: 0;
    1153. 

  1153.     left: 0;
    1154. 

  1154.     right: 0;
    1155. 

  1155.     bottom: 0
    1156. 

  1156.   }
    1157. 

  1157. .fc-media-screen .fc-timegrid-cols > table {
    1158. 

  1158.       height: 100%;
    1159. 

  1159.     }
    1160. 

  1160. .fc-media-screen .fc-timegrid-col-bg,
    1161. 

  1161.   .fc-media-screen .fc-timegrid-col-events,
    1162. 

  1162.   .fc-media-screen .fc-timegrid-now-indicator-container {
    1163. 

  1163.     position: absolute;
    1164. 

  1164.     top: 0;
    1165. 

  1165.     left: 0;
    1166. 

  1166.     right: 0;
    1167. 

  1167.   }
    1168. 

  1168. .fc {
    1169. 

  1169. 

  1170.   /* bg */
    1171. 

  1171. 

  1172. }
    1173. 

  1173. .fc .fc-timegrid-col-bg {
    1174. 

  1174.     z-index: 2; /* TODO: kill */
    1175. 

  1175.   }
    1176. 

  1176. .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
    1177. 

  1177. .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
    1178. 

  1178. .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
    1179. 

  1179. .fc .fc-timegrid-bg-harness {
    1180. 

  1180.     position: absolute; /* top/bottom will be set by JS */
    1181. 

  1181.     left: 0;
    1182. 

  1182.     right: 0;
    1183. 

  1183.   }
    1184. 

  1184. .fc {
    1185. 

  1185. 

  1186.   /* fg events */
    1187. 

  1187.   /* (the mirror segs are put into a separate container with same classname, */
    1188. 

  1188.   /* and they must be after the normal seg container to appear at a higher z-index) */
    1189. 

  1189. 

  1190. }
    1191. 

  1191. .fc .fc-timegrid-col-events {
    1192. 

  1192.     z-index: 3;
    1193. 

  1193.     /* child event segs have z-indexes that are scoped within this div */
    1194. 

  1194.   }
    1195. 

  1195. .fc {
    1196. 

  1196. 

  1197.   /* now indicator */
    1198. 

  1198. 

  1199. }
    1200. 

  1200. .fc .fc-timegrid-now-indicator-container {
    1201. 

  1201.     bottom: 0;
    1202. 

  1202.     overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    1203. 

  1203.     /* z-index is set on the individual elements */
    1204. 

  1204.   }
    1205. 

  1205. .fc-direction-ltr .fc-timegrid-col-events {
    1206. 

  1206.     margin: 0 2.5% 0 2px;
    1207. 

  1207.   }
    1208. 

  1208. .fc-direction-rtl .fc-timegrid-col-events {
    1209. 

  1209.     margin: 0 2px 0 2.5%;
    1210. 

  1210.   }
    1211. 

  1211. .fc-timegrid-event-harness {
    1212. 

  1212.   position: absolute /* top/left/right/bottom will all be set by JS */
    1213. 

  1213. }
    1214. 

  1214. .fc-timegrid-event-harness > .fc-timegrid-event {
    1215. 

  1215.     position: absolute; /* absolute WITHIN the harness */
    1216. 

  1216.     top: 0; /* for when not yet positioned */
    1217. 

  1217.     bottom: 0; /* " */
    1218. 

  1218.     left: 0;
    1219. 

  1219.     right: 0;
    1220. 

  1220.   }
    1221. 

  1221. .fc-timegrid-event-harness-inset .fc-timegrid-event,
    1222. 

  1222. .fc-timegrid-event.fc-event-mirror,
    1223. 

  1223. .fc-timegrid-more-link {
    1224. 

  1224.   box-shadow: 0px 0px 0px 1px #fff;
    1225. 

  1225.   box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
    1226. 

  1226. }
    1227. 

  1227. .fc-timegrid-event,
    1228. 

  1228. .fc-timegrid-more-link { /* events need to be root */
    1229. 

  1229.   font-size: .85em;
    1230. 

  1230.   font-size: var(--fc-small-font-size, .85em);
    1231. 

  1231.   border-radius: 3px;
    1232. 

  1232. }
    1233. 

  1233. .fc-timegrid-event { /* events need to be root */
    1234. 

  1234.   margin-bottom: 1px /* give some space from bottom */
    1235. 

  1235. }
    1236. 

  1236. .fc-timegrid-event .fc-event-main {
    1237. 

  1237.     padding: 1px 1px 0;
    1238. 

  1238.   }
    1239. 

  1239. .fc-timegrid-event .fc-event-time {
    1240. 

  1240.     white-space: nowrap;
    1241. 

  1241.     font-size: .85em;
    1242. 

  1242.     font-size: var(--fc-small-font-size, .85em);
    1243. 

  1243.     margin-bottom: 1px;
    1244. 

  1244.   }
    1245. 

  1245. .fc-timegrid-event-short .fc-event-main-frame {
    1246. 

  1246.     flex-direction: row;
    1247. 

  1247.     overflow: hidden;
    1248. 

  1248.   }
    1249. 

  1249. .fc-timegrid-event-short .fc-event-time:after {
    1250. 

  1250.     content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
    1251. 

  1251.   }
    1252. 

  1252. .fc-timegrid-event-short .fc-event-title {
    1253. 

  1253.     font-size: .85em;
    1254. 

  1254.     font-size: var(--fc-small-font-size, .85em)
    1255. 

  1255.   }
    1256. 

  1256. .fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
    1257. 

  1257.   position: absolute;
    1258. 

  1258.   z-index: 9999; /* hack */
    1259. 

  1259.   color: inherit;
    1260. 

  1260.   color: var(--fc-more-link-text-color, inherit);
    1261. 

  1261.   background: #d0d0d0;
    1262. 

  1262.   background: var(--fc-more-link-bg-color, #d0d0d0);
    1263. 

  1263.   cursor: pointer;
    1264. 

  1264.   margin-bottom: 1px; /* match space below fc-timegrid-event */
    1265. 

  1265. }
    1266. 

  1266. .fc-timegrid-more-link-inner { /* has fc-sticky */
    1267. 

  1267.   padding: 3px 2px;
    1268. 

  1268.   top: 0;
    1269. 

  1269. }
    1270. 

  1270. .fc-direction-ltr .fc-timegrid-more-link {
    1271. 

  1271.     right: 0;
    1272. 

  1272.   }
    1273. 

  1273. .fc-direction-rtl .fc-timegrid-more-link {
    1274. 

  1274.     left: 0;
    1275. 

  1275.   }
    1276. 

  1276. .fc {
    1277. 

  1277. 

  1278.   /* line */
    1279. 

  1279. 

  1280. }
    1281. 

  1281. .fc .fc-timegrid-now-indicator-line {
    1282. 

  1282.     position: absolute;
    1283. 

  1283.     z-index: 4;
    1284. 

  1284.     left: 0;
    1285. 

  1285.     right: 0;
    1286. 

  1286.     border-style: solid;
    1287. 

  1287.     border-color: red;
    1288. 

  1288.     border-color: var(--fc-now-indicator-color, red);
    1289. 

  1289.     border-width: 1px 0 0;
    1290. 

  1290.   }
    1291. 

  1291. .fc {
    1292. 

  1292. 

  1293.   /* arrow */
    1294. 

  1294. 

  1295. }
    1296. 

  1296. .fc .fc-timegrid-now-indicator-arrow {
    1297. 

  1297.     position: absolute;
    1298. 

  1298.     z-index: 4;
    1299. 

  1299.     margin-top: -5px; /* vertically center on top coordinate */
    1300. 

  1300.     border-style: solid;
    1301. 

  1301.     border-color: red;
    1302. 

  1302.     border-color: var(--fc-now-indicator-color, red);
    1303. 

  1303.   }
    1304. 

  1304. .fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    1305. 

  1305.     left: 0;
    1306. 

  1306. 

  1307.     /* triangle pointing right. TODO: mixin */
    1308. 

  1308.     border-width: 5px 0 5px 6px;
    1309. 

  1309.     border-top-color: transparent;
    1310. 

  1310.     border-bottom-color: transparent;
    1311. 

  1311.   }
    1312. 

  1312. .fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    1313. 

  1313.     right: 0;
    1314. 

  1314. 

  1315.     /* triangle pointing left. TODO: mixin */
    1316. 

  1316.     border-width: 5px 6px 5px 0;
    1317. 

  1317.     border-top-color: transparent;
    1318. 

  1318.     border-bottom-color: transparent;
    1319. 

  1319.   }
    1320. 

  1320. 

  1321. 

  1322. :root {
    1323. 

  1323.   --fc-list-event-dot-width: 10px;
    1324. 

  1324.   --fc-list-event-hover-bg-color: #f5f5f5;
    1325. 

  1325. }
    1326. 

  1326. .fc-theme-standard .fc-list {
    1327. 

  1327.     border: 1px solid #ddd;
    1328. 

  1328.     border: 1px solid var(--fc-border-color, #ddd);
    1329. 

  1329.   }
    1330. 

  1330. .fc {
    1331. 

  1331. 

  1332.   /* message when no events */
    1333. 

  1333. 

  1334. }
    1335. 

  1335. .fc .fc-list-empty {
    1336. 

  1336.     background-color: rgba(208, 208, 208, 0.3);
    1337. 

  1337.     background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    1338. 

  1338.     height: 100%;
    1339. 

  1339.     display: flex;
    1340. 

  1340.     justify-content: center;
    1341. 

  1341.     align-items: center; /* vertically aligns fc-list-empty-inner */
    1342. 

  1342.   }
    1343. 

  1343. .fc .fc-list-empty-cushion {
    1344. 

  1344.     margin: 5em 0;
    1345. 

  1345.   }
    1346. 

  1346. .fc {
    1347. 

  1347. 

  1348.   /* table within the scroller */
    1349. 

  1349.   /* ---------------------------------------------------------------------------------------------------- */
    1350. 

  1350. 

  1351. }
    1352. 

  1352. .fc .fc-list-table {
    1353. 

  1353.     width: 100%;
    1354. 

  1354.     border-style: hidden; /* kill outer border on theme */
    1355. 

  1355.   }
    1356. 

  1356. .fc .fc-list-table tr > * {
    1357. 

  1357.     border-left: 0;
    1358. 

  1358.     border-right: 0;
    1359. 

  1359.   }
    1360. 

  1360. .fc .fc-list-sticky .fc-list-day > * { /* the cells */
    1361. 

  1361.       position: sticky;
    1362. 

  1362.       top: 0;
    1363. 

  1363.       background: #fff;
    1364. 

  1364.       background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    1365. 

  1365.     }
    1366. 

  1366. .fc {
    1367. 

  1367. 

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

  1369. 

  1370. }
    1371. 

  1371. .fc .fc-list-table thead {
    1372. 

  1372.     position: absolute;
    1373. 

  1373.     left: -10000px;
    1374. 

  1374.   }
    1375. 

  1375. .fc {
    1376. 

  1376. 

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

  1378. 

  1379. }
    1380. 

  1380. .fc .fc-list-table tbody > tr:first-child th {
    1381. 

  1381.     border-top: 0;
    1382. 

  1382.   }
    1383. 

  1383. .fc .fc-list-table th {
    1384. 

  1384.     padding: 0; /* uses an inner-wrapper instead... */
    1385. 

  1385.   }
    1386. 

  1386. .fc .fc-list-table td,
    1387. 

  1387.   .fc .fc-list-day-cushion {
    1388. 

  1388.     padding: 8px 14px;
    1389. 

  1389.   }
    1390. 

  1390. .fc {
    1391. 

  1391. 

  1392. 

  1393.   /* date heading rows */
    1394. 

  1394.   /* ---------------------------------------------------------------------------------------------------- */
    1395. 

  1395. 

  1396. }
    1397. 

  1397. .fc .fc-list-day-cushion:after {
    1398. 

  1398.   content: "";
    1399. 

  1399.   clear: both;
    1400. 

  1400.   display: table; /* clear floating */
    1401. 

  1401.     }
    1402. 

  1402. .fc-theme-standard .fc-list-day-cushion {
    1403. 

  1403.     background-color: rgba(208, 208, 208, 0.3);
    1404. 

  1404.     background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    1405. 

  1405.   }
    1406. 

  1406. .fc-direction-ltr .fc-list-day-text,
    1407. 

  1407. .fc-direction-rtl .fc-list-day-side-text {
    1408. 

  1408.   float: left;
    1409. 

  1409. }
    1410. 

  1410. .fc-direction-ltr .fc-list-day-side-text,
    1411. 

  1411. .fc-direction-rtl .fc-list-day-text {
    1412. 

  1412.   float: right;
    1413. 

  1413. }
    1414. 

  1414. /* make the dot closer to the event title */
    1415. 

  1415. .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
    1416. 

  1416. .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
    1417. 

  1417. .fc .fc-list-event.fc-event-forced-url {
    1418. 

  1418.     cursor: pointer; /* whole row will seem clickable */
    1419. 

  1419.   }
    1420. 

  1420. .fc .fc-list-event:hover td {
    1421. 

  1421.     background-color: #f5f5f5;
    1422. 

  1422.     background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
    1423. 

  1423.   }
    1424. 

  1424. .fc {
    1425. 

  1425. 

  1426.   /* shrink certain cols */
    1427. 

  1427. 

  1428. }
    1429. 

  1429. .fc .fc-list-event-graphic,
    1430. 

  1430.   .fc .fc-list-event-time {
    1431. 

  1431.     white-space: nowrap;
    1432. 

  1432.     width: 1px;
    1433. 

  1433.   }
    1434. 

  1434. .fc .fc-list-event-dot {
    1435. 

  1435.     display: inline-block;
    1436. 

  1436.     box-sizing: content-box;
    1437. 

  1437.     width: 0;
    1438. 

  1438.     height: 0;
    1439. 

  1439.     border: 5px solid #3788d8;
    1440. 

  1440.     border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    1441. 

  1441.     border-radius: 5px;
    1442. 

  1442.     border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
    1443. 

  1443.   }
    1444. 

  1444. .fc {
    1445. 

  1445. 

  1446.   /* reset <a> styling */
    1447. 

  1447. 

  1448. }
    1449. 

  1449. .fc .fc-list-event-title a {
    1450. 

  1450.     color: inherit;
    1451. 

  1451.     text-decoration: none;
    1452. 

  1452.   }
    1453. 

  1453. .fc {
    1454. 

  1454. 

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

  1456. 

  1457. }
    1458. 

  1458. .fc .fc-list-event.fc-event-forced-url:hover a {
    1459. 

  1459.     text-decoration: underline;
    1460. 

  1460.   }
    1461. 

  1461. 

  1462. 

  1463. 

  1464.   .fc-theme-bootstrap a:not([href]) {
    1465. 

  1465.     color: inherit; /* natural color for navlinks */
    1466. 

  1466.   }
    1467. 

  1467. 

  1468. 

  1469. 

  1470.   .fc-theme-bootstrap5 a:not([href]) {
    1471. 

  1471.     color: inherit;
    1472. 

  1472.     text-decoration: inherit;
    1473. 

  1473.   }
    1474. 

  1474. 

  1475. .fc-theme-bootstrap5 .fc-list,
    1476. 

  1476.   .fc-theme-bootstrap5 .fc-scrollgrid,
    1477. 

  1477.   .fc-theme-bootstrap5 td,
    1478. 

  1478.   .fc-theme-bootstrap5 th {
    1479. 

  1479.     border: 1px solid var(--bs-gray-400);
    1480. 

  1480.   }
    1481. 

  1481. 

  1482. .fc-theme-bootstrap5 {
    1483. 

  1483. 

  1484.   /* HACK: reapply core styles after highe-precedence border statement above */
    1485. 

  1485. }
    1486. 

  1486. 

  1487. .fc-theme-bootstrap5 .fc-scrollgrid {
    1488. 

  1488.     border-right-width: 0;
    1489. 

  1489.     border-bottom-width: 0;
    1490. 

  1490.   }
    1491. 

  1491. 

  1492. .fc-theme-bootstrap5-shaded {
    1493. 

  1493.   background-color: var(--bs-gray-200);
    1494. 

  1494. }
    1495. 

  1495.