sergio.hinojosa
/
eval-desempeno-v2
1
0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7 Commit
3 分支
14MB
目錄樹: df7295f7ae
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'df7295f7ae'
${ noResults }
eval-desempeno-v2/public/plugins/fullcalendar/main.css

1468 line
40KB
原始文件 Blame 文件歷史 

  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,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") 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.   }