djordje.djoric
/
secure-sharing
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
62 Révisions
1 Branche
Branche: master
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'master'
${ noResults }
secure-sharing/SecureSharing/wwwroot/plugins/fullcalendar/main.css

main.css 39KB
Brut Lien permanent Annotations Historique

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692 
  1. /* classes attached to <body> */

  2. 

  3. .fc-not-allowed,

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

  5.     cursor: not-allowed;

  6. }

  7. 

  8. .fc-unselectable {

  9.     -webkit-user-select: none;

  10.     -moz-user-select: none;

  11.     -ms-user-select: none;

  12.     user-select: none;

  13.     -webkit-touch-callout: none;

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

  15. }

  16. 

  17. .fc {

  18.     /* layout of immediate children */

  19.     display: flex;

  20.     flex-direction: column;

  21. 

  22.     font-size: 1em

  23. }

  24. 

  25. .fc,

  26. .fc *,

  27. .fc *:before,

  28. .fc *:after {

  29.     box-sizing: border-box;

  30. }

  31. 

  32. .fc table {

  33.     border-collapse: collapse;

  34.     border-spacing: 0;

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

  36. }

  37. 

  38. .fc th {

  39.     text-align: center;

  40. }

  41. 

  42. .fc th,

  43. .fc td {

  44.     vertical-align: top;

  45.     padding: 0;

  46. }

  47. 

  48. .fc a[data-navlink] {

  49.     cursor: pointer;

  50. }

  51. 

  52. .fc a[data-navlink]:hover {

  53.     text-decoration: underline;

  54. }

  55. 

  56. .fc-direction-ltr {

  57.     direction: ltr;

  58.     text-align: left;

  59. }

  60. 

  61. .fc-direction-rtl {

  62.     direction: rtl;

  63.     text-align: right;

  64. }

  65. 

  66. .fc-theme-standard td,

  67. .fc-theme-standard th {

  68.     border: 1px solid #ddd;

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

  70. }

  71. 

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

  73. /* inner-wrappers are responsible for being absolute */

  74. /* TODO: best place for this? */

  75. .fc-liquid-hack td,

  76. .fc-liquid-hack th {

  77.     position: relative;

  78. }

  79. 

  80. @font-face {

  81.     font-family: 'fcicons';

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

  83.     font-weight: normal;

  84.     font-style: normal;

  85. }

  86. 

  87. .fc-icon {

  88.     /* added for fc */

  89.     display: inline-block;

  90.     width: 1em;

  91.     height: 1em;

  92.     text-align: center;

  93.     -webkit-user-select: none;

  94.     -moz-user-select: none;

  95.     -ms-user-select: none;

  96.     user-select: none;

  97. 

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

  99.     font-family: 'fcicons' !important;

  100.     speak: none;

  101.     font-style: normal;

  102.     font-weight: normal;

  103.     font-variant: normal;

  104.     text-transform: none;

  105.     line-height: 1;

  106. 

  107.     /* Better Font Rendering =========== */

  108.     -webkit-font-smoothing: antialiased;

  109.     -moz-osx-font-smoothing: grayscale;

  110. }

  111. 

  112. .fc-icon-chevron-left:before {

  113.     content: "\e900";

  114. }

  115. 

  116. .fc-icon-chevron-right:before {

  117.     content: "\e901";

  118. }

  119. 

  120. .fc-icon-chevrons-left:before {

  121.     content: "\e902";

  122. }

  123. 

  124. .fc-icon-chevrons-right:before {

  125.     content: "\e903";

  126. }

  127. 

  128. .fc-icon-minus-square:before {

  129.     content: "\e904";

  130. }

  131. 

  132. .fc-icon-plus-square:before {

  133.     content: "\e905";

  134. }

  135. 

  136. .fc-icon-x:before {

  137.     content: "\e906";

  138. }

  139. 

  140. /*

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

  142. 

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

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

  145. */

  146. .fc {

  147. 

  148.     /* reset */

  149. 

  150. }

  151. 

  152. .fc .fc-button {

  153.     border-radius: 0;

  154.     overflow: visible;

  155.     text-transform: none;

  156.     margin: 0;

  157.     font-family: inherit;

  158.     font-size: inherit;

  159.     line-height: inherit;

  160. }

  161. 

  162. .fc .fc-button:focus {

  163.     outline: 1px dotted;

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

  165. }

  166. 

  167. .fc .fc-button {

  168.     -webkit-appearance: button;

  169. }

  170. 

  171. .fc .fc-button:not(:disabled) {

  172.     cursor: pointer;

  173. }

  174. 

  175. .fc .fc-button::-moz-focus-inner {

  176.     padding: 0;

  177.     border-style: none;

  178. }

  179. 

  180. .fc {

  181. 

  182.     /* theme */

  183. 

  184. }

  185. 

  186. .fc .fc-button {

  187.     display: inline-block;

  188.     font-weight: 400;

  189.     text-align: center;

  190.     vertical-align: middle;

  191.     -webkit-user-select: none;

  192.     -moz-user-select: none;

  193.     -ms-user-select: none;

  194.     user-select: none;

  195.     background-color: transparent;

  196.     border: 1px solid transparent;

  197.     padding: 0.4em 0.65em;

  198.     font-size: 1em;

  199.     line-height: 1.5;

  200.     border-radius: 0.25em;

  201. }

  202. 

  203. .fc .fc-button:hover {

  204.     text-decoration: none;

  205. }

  206. 

  207. .fc .fc-button:focus {

  208.     outline: 0;

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

  210. }

  211. 

  212. .fc .fc-button:disabled {

  213.     opacity: 0.65;

  214. }

  215. 

  216. .fc {

  217. 

  218.     /* "primary" coloring */

  219. 

  220. }

  221. 

  222. .fc .fc-button-primary {

  223.     color: #fff;

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

  225.     background-color: #2C3E50;

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

  227.     border-color: #2C3E50;

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

  229. }

  230. 

  231. .fc .fc-button-primary:hover {

  232.     color: #fff;

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

  234.     background-color: #1e2b37;

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

  236.     border-color: #1a252f;

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

  238. }

  239. 

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

  241.     color: #fff;

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

  243.     background-color: #2C3E50;

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

  245.     border-color: #2C3E50;

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

  247. }

  248. 

  249. .fc .fc-button-primary:focus {

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

  251. }

  252. 

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

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

  255.     color: #fff;

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

  257.     background-color: #1a252f;

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

  259.     border-color: #151e27;

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

  261. }

  262. 

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

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

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

  266. }

  267. 

  268. .fc {

  269. 

  270.     /* icons within buttons */

  271. 

  272. }

  273. 

  274. .fc .fc-button .fc-icon {

  275.     vertical-align: middle;

  276.     font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */

  277. }

  278. 

  279. .fc .fc-button-group {

  280.     position: relative;

  281.     display: inline-flex;

  282.     vertical-align: middle;

  283. }

  284. 

  285. .fc .fc-button-group > .fc-button {

  286.     position: relative;

  287.     flex: 1 1 auto;

  288. }

  289. 

  290. .fc .fc-button-group > .fc-button:hover {

  291.     z-index: 1;

  292. }

  293. 

  294. .fc .fc-button-group > .fc-button:focus,

  295. .fc .fc-button-group > .fc-button:active,

  296. .fc .fc-button-group > .fc-button.fc-button-active {

  297.     z-index: 1;

  298. }

  299. 

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

  301.     margin-left: -1px;

  302.     border-top-left-radius: 0;

  303.     border-bottom-left-radius: 0;

  304. }

  305. 

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

  307.     border-top-right-radius: 0;

  308.     border-bottom-right-radius: 0;

  309. }

  310. 

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

  312.     margin-right: -1px;

  313.     border-top-right-radius: 0;

  314.     border-bottom-right-radius: 0;

  315. }

  316. 

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

  318.     border-top-left-radius: 0;

  319.     border-bottom-left-radius: 0;

  320. }

  321. 

  322. .fc .fc-toolbar {

  323.     display: flex;

  324.     justify-content: space-between;

  325.     align-items: center;

  326. }

  327. 

  328. .fc .fc-toolbar.fc-header-toolbar {

  329.     margin-bottom: 1.5em;

  330. }

  331. 

  332. .fc .fc-toolbar.fc-footer-toolbar {

  333.     margin-top: 1.5em;

  334. }

  335. 

  336. .fc .fc-toolbar-title {

  337.     font-size: 1.75em;

  338.     margin: 0;

  339. }

  340. 

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

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

  343. }

  344. 

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

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

  347. }

  348. 

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

  350.     flex-direction: row-reverse;

  351. }

  352. 

  353. .fc .fc-scroller {

  354.     -webkit-overflow-scrolling: touch;

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

  356. }

  357. 

  358. .fc .fc-scroller-liquid {

  359.     height: 100%;

  360. }

  361. 

  362. .fc .fc-scroller-liquid-absolute {

  363.     position: absolute;

  364.     top: 0;

  365.     right: 0;

  366.     left: 0;

  367.     bottom: 0;

  368. }

  369. 

  370. .fc .fc-scroller-harness {

  371.     position: relative;

  372.     overflow: hidden;

  373.     direction: ltr;

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

  375.     /* TODO: demonstrate in codepen */

  376. }

  377. 

  378. .fc .fc-scroller-harness-liquid {

  379.     height: 100%;

  380. }

  381. 

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

  383.     direction: rtl;

  384. }

  385. 

  386. .fc-theme-standard .fc-scrollgrid {

  387.     border: 1px solid #ddd;

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

  389. }

  390. 

  391. .fc .fc-scrollgrid,

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

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

  394.     table-layout: fixed;

  395. }

  396. 

  397. .fc .fc-scrollgrid table { /* inner tables */

  398.     border-top-style: hidden;

  399.     border-left-style: hidden;

  400.     border-right-style: hidden;

  401. }

  402. 

  403. .fc .fc-scrollgrid {

  404. 

  405.     border-collapse: separate;

  406.     border-right-width: 0;

  407.     border-bottom-width: 0;

  408. 

  409. }

  410. 

  411. .fc .fc-scrollgrid-liquid {

  412.     height: 100%;

  413. }

  414. 

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

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

  417. 

  418. }

  419. 

  420. .fc .fc-scrollgrid-section > td {

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

  422. }

  423. 

  424. .fc .fc-scrollgrid-section table {

  425.     height: 1px;

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

  427.     /* serves as a min-height. harmless */

  428. }

  429. 

  430. .fc .fc-scrollgrid-section-liquid {

  431.     height: auto

  432. 

  433. }

  434. 

  435. .fc .fc-scrollgrid-section-liquid > td {

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

  437. }

  438. 

  439. .fc .fc-scrollgrid-section > * {

  440.     border-top-width: 0;

  441.     border-left-width: 0;

  442. }

  443. 

  444. .fc .fc-scrollgrid-section-header > *,

  445. .fc .fc-scrollgrid-section-footer > * {

  446.     border-bottom-width: 0;

  447. }

  448. 

  449. .fc .fc-scrollgrid-section-body table,

  450. .fc .fc-scrollgrid-section-footer table {

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

  452. }

  453. 

  454. .fc {

  455. 

  456.     /* stickiness */

  457. 

  458. }

  459. 

  460. .fc .fc-scrollgrid-section-sticky > * {

  461.     background: #fff;

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

  463.     position: -webkit-sticky;

  464.     position: sticky;

  465.     z-index: 2; /* TODO: var */

  466.     /* TODO: box-shadow when sticking */

  467. }

  468. 

  469. .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {

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

  471.     /* TODO: give safari -1. has bug */

  472. }

  473. 

  474. .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {

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

  476. }

  477. 

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

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

  480.     margin-bottom: -1px;

  481. }

  482. 

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

  484.     position: -webkit-sticky;

  485.     position: sticky;

  486. }

  487. 

  488. .fc .fc-view-harness {

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

  490.     position: relative;

  491. }

  492. 

  493. .fc {

  494. 

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

  496. 

  497. }

  498. 

  499. .fc .fc-view-harness-active > .fc-view {

  500.     position: absolute;

  501.     top: 0;

  502.     right: 0;

  503.     bottom: 0;

  504.     left: 0;

  505. }

  506. 

  507. .fc .fc-col-header-cell-cushion {

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

  509.     padding: 2px 4px;

  510. }

  511. 

  512. .fc .fc-bg-event,

  513. .fc .fc-non-business,

  514. .fc .fc-highlight {

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

  516.     position: absolute;

  517.     top: 0;

  518.     left: 0;

  519.     right: 0;

  520.     bottom: 0;

  521. }

  522. 

  523. .fc .fc-non-business {

  524.     background: rgba(215, 215, 215, 0.3);

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

  526. }

  527. 

  528. .fc .fc-bg-event {

  529.     background: rgb(143, 223, 130);

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

  531.     opacity: 0.3;

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

  533. }

  534. 

  535. .fc .fc-bg-event .fc-event-title {

  536.     margin: .5em;

  537.     font-size: .85em;

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

  539.     font-style: italic;

  540. }

  541. 

  542. .fc .fc-highlight {

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

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

  545. }

  546. 

  547. .fc .fc-cell-shaded,

  548. .fc .fc-day-disabled {

  549.     background: rgba(208, 208, 208, 0.3);

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

  551. }

  552. 

  553. /* link resets */

  554. /* ---------------------------------------------------------------------------------------------------- */

  555. a.fc-event,

  556. a.fc-event:hover {

  557.     text-decoration: none;

  558. }

  559. 

  560. /* cursor */

  561. .fc-event[href],

  562. .fc-event.fc-event-draggable {

  563.     cursor: pointer;

  564. }

  565. 

  566. /* event text content */

  567. /* ---------------------------------------------------------------------------------------------------- */

  568. .fc-event .fc-event-main {

  569.     position: relative;

  570.     z-index: 2;

  571. }

  572. 

  573. /* dragging */

  574. /* ---------------------------------------------------------------------------------------------------- */

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

  576.     opacity: 0.75;

  577. }

  578. 

  579. .fc-event-dragging.fc-event-selected { /* TOUCH */

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

  581. }

  582. 

  583. /* resizing */

  584. /* ---------------------------------------------------------------------------------------------------- */

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

  586. .fc-event .fc-event-resizer {

  587.     display: none;

  588.     position: absolute;

  589.     z-index: 4;

  590. }

  591. 

  592. .fc-event:hover, /* MOUSE */

  593. .fc-event-selected { /* TOUCH */

  594. 

  595. }

  596. 

  597. .fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {

  598.     display: block;

  599. }

  600. 

  601. .fc-event-selected .fc-event-resizer {

  602.     border-radius: 4px;

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

  604.     border-width: 1px;

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

  606.     width: 8px;

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

  608.     height: 8px;

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

  610.     border-style: solid;

  611.     border-color: inherit;

  612.     background: #fff;

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

  614. 

  615.     /* expand hit area */

  616. 

  617. }

  618. 

  619. .fc-event-selected .fc-event-resizer:before {

  620.     content: '';

  621.     position: absolute;

  622.     top: -20px;

  623.     left: -20px;

  624.     right: -20px;

  625.     bottom: -20px;

  626. }

  627. 

  628. /* selecting (always TOUCH) */

  629. /* ---------------------------------------------------------------------------------------------------- */

  630. .fc-event-selected {

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

  632. 

  633.     /* expand hit area (subclasses should expand) */

  634. 

  635. }

  636. 

  637. .fc-event-selected:before {

  638.     content: "";

  639.     position: absolute;

  640.     z-index: 3;

  641.     top: 0;

  642.     left: 0;

  643.     right: 0;

  644.     bottom: 0;

  645. }

  646. 

  647. .fc-event-selected {

  648. 

  649.     /* dimmer effect */

  650. 

  651. }

  652. 

  653. .fc-event-selected:after {

  654.     content: "";

  655.     background: rgba(0, 0, 0, 0.25);

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

  657.     position: absolute;

  658.     z-index: 1;

  659. 

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

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

  662.     /* an adjacent border, which looks fine. */

  663.     top: -1px;

  664.     left: -1px;

  665.     right: -1px;

  666.     bottom: -1px;

  667. }

  668. 

  669. /*

  670. A HORIZONTAL event

  671. */

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

  673.     display: block;

  674.     border: 1px solid #3788d8;

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

  676.     background-color: #3788d8;

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

  678. 

  679. }

  680. 

  681. .fc-h-event .fc-event-main {

  682.     color: #fff;

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

  684. }

  685. 

  686. .fc-h-event .fc-event-main-frame {

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

  688. }

  689. 

  690. .fc-h-event .fc-event-time {

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

  692.     overflow: hidden;

  693. }

  694. 

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

  696.     flex-grow: 1;

  697.     flex-shrink: 1;

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

  699. }

  700. 

  701. .fc-h-event .fc-event-title {

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

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

  704.     left: 0; /* for sticky */

  705.     right: 0; /* for sticky */

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

  707.     overflow: hidden;

  708. }

  709. 

  710. .fc-h-event.fc-event-selected:before {

  711.     /* expand hit area */

  712.     top: -10px;

  713.     bottom: -10px;

  714. }

  715. 

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

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

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

  719.     border-top-left-radius: 0;

  720.     border-bottom-left-radius: 0;

  721.     border-left-width: 0;

  722. }

  723. 

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

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

  726.     border-top-right-radius: 0;

  727.     border-bottom-right-radius: 0;

  728.     border-right-width: 0;

  729. }

  730. 

  731. /* resizers */

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

  733.     top: 0;

  734.     bottom: 0;

  735.     width: 8px;

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

  737. }

  738. 

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

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

  741.     cursor: w-resize;

  742.     left: -4px;

  743.     left: calc(var(--fc-event-resizer-thickness, 8px) / -2);

  744. }

  745. 

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

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

  748.     cursor: e-resize;

  749.     right: -4px;

  750.     right: calc(var(--fc-event-resizer-thickness, 8px) / -2);

  751. }

  752. 

  753. /* resizers for TOUCH */

  754. .fc-h-event.fc-event-selected .fc-event-resizer {

  755.     top: 50%;

  756.     margin-top: -4px;

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

  758. }

  759. 

  760. .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,

  761. .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {

  762.     left: -4px;

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

  764. }

  765. 

  766. .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,

  767. .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {

  768.     right: -4px;

  769.     right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);

  770. }

  771. 

  772. 

  773. :root {

  774.     --fc-daygrid-event-dot-width: 8px;

  775. }

  776. 

  777. .fc .fc-popover {

  778.     position: fixed;

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

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

  781. }

  782. 

  783. .fc .fc-popover-header {

  784.     display: flex;

  785.     flex-direction: row;

  786.     justify-content: space-between;

  787.     align-items: center;

  788.     padding: 3px 4px;

  789. }

  790. 

  791. .fc .fc-popover-title {

  792.     margin: 0 2px;

  793. }

  794. 

  795. .fc .fc-popover-close {

  796.     cursor: pointer;

  797.     opacity: 0.65;

  798.     font-size: 1.1em;

  799. }

  800. 

  801. .fc-theme-standard .fc-popover {

  802.     border: 1px solid #ddd;

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

  804.     background: #fff;

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

  806. }

  807. 

  808. .fc-theme-standard .fc-popover-header {

  809.     background: rgba(208, 208, 208, 0.3);

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

  811. }

  812. 

  813. /* help things clear margins of inner content */

  814. .fc-daygrid-day-frame,

  815. .fc-daygrid-day-events,

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

  817. }

  818. 

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

  820.     content: "";

  821.     clear: both;

  822.     display: table;

  823. }

  824. 

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

  826.     content: "";

  827.     clear: both;

  828.     display: table;

  829. }

  830. 

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

  832.     position: relative;

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

  834. }

  835. 

  836. .fc .fc-daygrid-day.fc-day-today {

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

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

  839. }

  840. 

  841. .fc .fc-daygrid-day-frame {

  842.     position: relative;

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

  844. }

  845. 

  846. .fc {

  847. 

  848.     /* cell top */

  849. 

  850. }

  851. 

  852. .fc .fc-daygrid-day-top {

  853.     display: flex;

  854.     flex-direction: row-reverse;

  855. }

  856. 

  857. .fc .fc-day-other .fc-daygrid-day-top {

  858.     opacity: 0.3;

  859. }

  860. 

  861. .fc {

  862. 

  863.     /* day number (within cell top) */

  864. 

  865. }

  866. 

  867. .fc .fc-daygrid-day-number {

  868.     position: relative;

  869.     z-index: 4;

  870.     padding: 4px;

  871. }

  872. 

  873. .fc {

  874. 

  875.     /* event container */

  876. 

  877. }

  878. 

  879. .fc .fc-daygrid-day-events {

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

  881. }

  882. 

  883. .fc {

  884. 

  885.     /* positioning for balanced vs natural */

  886. 

  887. }

  888. 

  889. .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {

  890.     position: absolute;

  891.     left: 0;

  892.     right: 0;

  893. }

  894. 

  895. .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {

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

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

  898. }

  899. 

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

  901. }

  902. 

  903. .fc .fc-daygrid-body-natural .fc-daygrid-day-events {

  904.     margin-bottom: 1em;

  905. }

  906. 

  907. .fc {

  908. 

  909.     /* event harness */

  910. 

  911. }

  912. 

  913. .fc .fc-daygrid-event-harness {

  914.     position: relative;

  915. }

  916. 

  917. .fc .fc-daygrid-event-harness-abs {

  918.     position: absolute;

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

  920.     left: 0; /* */

  921.     right: 0; /* */

  922. }

  923. 

  924. .fc .fc-daygrid-bg-harness {

  925.     position: absolute;

  926.     top: 0;

  927.     bottom: 0;

  928. }

  929. 

  930. .fc {

  931. 

  932.     /* bg content */

  933. 

  934. }

  935. 

  936. .fc .fc-daygrid-day-bg .fc-non-business {

  937.     z-index: 1

  938. }

  939. 

  940. .fc .fc-daygrid-day-bg .fc-bg-event {

  941.     z-index: 2

  942. }

  943. 

  944. .fc .fc-daygrid-day-bg .fc-highlight {

  945.     z-index: 3

  946. }

  947. 

  948. .fc {

  949. 

  950.     /* events */

  951. 

  952. }

  953. 

  954. .fc .fc-daygrid-event {

  955.     z-index: 6;

  956.     margin-top: 1px;

  957. }

  958. 

  959. .fc .fc-daygrid-event.fc-event-mirror {

  960.     z-index: 7;

  961. }

  962. 

  963. .fc {

  964. 

  965.     /* cell bottom (within day-events) */

  966. 

  967. }

  968. 

  969. .fc .fc-daygrid-day-bottom {

  970.     font-size: .85em;

  971.     margin: 2px 3px 0;

  972. }

  973. 

  974. .fc .fc-daygrid-more-link {

  975.     position: relative;

  976.     z-index: 4;

  977.     cursor: pointer;

  978. }

  979. 

  980. .fc {

  981. 

  982.     /* week number (within frame) */

  983. 

  984. }

  985. 

  986. .fc .fc-daygrid-week-number {

  987.     position: absolute;

  988.     z-index: 5;

  989.     top: 0;

  990.     padding: 2px;

  991.     min-width: 1.5em;

  992.     text-align: center;

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

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

  995.     color: #808080;

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

  997. }

  998. 

  999. .fc {

  1000. 

  1001.     /* popover */

  1002. 

  1003. }

  1004. 

  1005. .fc .fc-more-popover {

  1006.     z-index: 8;

  1007. }

  1008. 

  1009. .fc .fc-more-popover .fc-popover-body {

  1010.     min-width: 220px;

  1011.     padding: 10px;

  1012. }

  1013. 

  1014. .fc-direction-ltr .fc-daygrid-event.fc-event-start,

  1015. .fc-direction-rtl .fc-daygrid-event.fc-event-end {

  1016.     margin-left: 2px;

  1017. }

  1018. 

  1019. .fc-direction-ltr .fc-daygrid-event.fc-event-end,

  1020. .fc-direction-rtl .fc-daygrid-event.fc-event-start {

  1021.     margin-right: 2px;

  1022. }

  1023. 

  1024. .fc-direction-ltr .fc-daygrid-week-number {

  1025.     left: 0;

  1026.     border-radius: 0 0 3px 0;

  1027. }

  1028. 

  1029. .fc-direction-rtl .fc-daygrid-week-number {

  1030.     right: 0;

  1031.     border-radius: 0 0 0 3px;

  1032. }

  1033. 

  1034. .fc-liquid-hack .fc-daygrid-day-frame {

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

  1036. }

  1037. 

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

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

  1040.     white-space: nowrap;

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

  1042.     font-size: .85em;

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

  1044. }

  1045. 

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

  1047. .fc-daygrid-block-event .fc-event-time {

  1048.     font-weight: bold;

  1049. }

  1050. 

  1051. .fc-daygrid-block-event .fc-event-time,

  1052. .fc-daygrid-block-event .fc-event-title {

  1053.     padding: 1px;

  1054. }

  1055. 

  1056. /* --- the dot style of event --- */

  1057. .fc-daygrid-dot-event {

  1058.     display: flex;

  1059.     align-items: center;

  1060.     padding: 2px 0

  1061. 

  1062. }

  1063. 

  1064. .fc-daygrid-dot-event .fc-event-title {

  1065.     flex-grow: 1;

  1066.     flex-shrink: 1;

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

  1068.     overflow: hidden;

  1069.     font-weight: bold;

  1070. }

  1071. 

  1072. .fc-daygrid-dot-event:hover,

  1073. .fc-daygrid-dot-event.fc-event-mirror {

  1074.     background: rgba(0, 0, 0, 0.1);

  1075. }

  1076. 

  1077. .fc-daygrid-dot-event.fc-event-selected:before {

  1078.     /* expand hit area */

  1079.     top: -10px;

  1080.     bottom: -10px;

  1081. }

  1082. 

  1083. .fc-daygrid-event-dot { /* the actual dot */

  1084.     margin: 0 4px;

  1085.     box-sizing: content-box;

  1086.     width: 0;

  1087.     height: 0;

  1088.     border: 4px solid #3788d8;

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

  1090.     border-radius: 4px;

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

  1092. }

  1093. 

  1094. /* --- spacing between time and title --- */

  1095. .fc-direction-ltr .fc-daygrid-event .fc-event-time {

  1096.     margin-right: 3px;

  1097. }

  1098. 

  1099. .fc-direction-rtl .fc-daygrid-event .fc-event-time {

  1100.     margin-left: 3px;

  1101. }

  1102. 

  1103. 

  1104. /*

  1105. A VERTICAL event

  1106. */

  1107. 

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

  1109.     display: block;

  1110.     border: 1px solid #3788d8;

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

  1112.     background-color: #3788d8;

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

  1114. 

  1115. }

  1116. 

  1117. .fc-v-event .fc-event-main {

  1118.     color: #fff;

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

  1120.     height: 100%;

  1121. }

  1122. 

  1123. .fc-v-event .fc-event-main-frame {

  1124.     height: 100%;

  1125.     display: flex;

  1126.     flex-direction: column;

  1127. }

  1128. 

  1129. .fc-v-event .fc-event-time {

  1130.     flex-grow: 0;

  1131.     flex-shrink: 0;

  1132.     max-height: 100%;

  1133.     overflow: hidden;

  1134. }

  1135. 

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

  1137.     flex-grow: 1;

  1138.     flex-shrink: 1;

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

  1140. }

  1141. 

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

  1143.     top: 0;

  1144.     bottom: 0;

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

  1146.     overflow: hidden;

  1147. }

  1148. 

  1149. .fc-v-event:not(.fc-event-start) {

  1150.     border-top-width: 0;

  1151.     border-top-left-radius: 0;

  1152.     border-top-right-radius: 0;

  1153. }

  1154. 

  1155. .fc-v-event:not(.fc-event-end) {

  1156.     border-bottom-width: 0;

  1157.     border-bottom-left-radius: 0;

  1158.     border-bottom-right-radius: 0;

  1159. }

  1160. 

  1161. .fc-v-event.fc-event-selected:before {

  1162.     /* expand hit area */

  1163.     left: -10px;

  1164.     right: -10px;

  1165. }

  1166. 

  1167. .fc-v-event {

  1168. 

  1169.     /* resizer (mouse AND touch) */

  1170. 

  1171. }

  1172. 

  1173. .fc-v-event .fc-event-resizer-start {

  1174.     cursor: n-resize;

  1175. }

  1176. 

  1177. .fc-v-event .fc-event-resizer-end {

  1178.     cursor: s-resize;

  1179. }

  1180. 

  1181. .fc-v-event {

  1182. 

  1183.     /* resizer for MOUSE */

  1184. 

  1185. }

  1186. 

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

  1188.     height: 8px;

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

  1190.     left: 0;

  1191.     right: 0;

  1192. }

  1193. 

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

  1195.     top: -4px;

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

  1197. }

  1198. 

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

  1200.     bottom: -4px;

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

  1202. }

  1203. 

  1204. .fc-v-event {

  1205. 

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

  1207. 

  1208. }

  1209. 

  1210. .fc-v-event.fc-event-selected .fc-event-resizer {

  1211.     left: 50%;

  1212.     margin-left: -4px;

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

  1214. }

  1215. 

  1216. .fc-v-event.fc-event-selected .fc-event-resizer-start {

  1217.     top: -4px;

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

  1219. }

  1220. 

  1221. .fc-v-event.fc-event-selected .fc-event-resizer-end {

  1222.     bottom: -4px;

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

  1224. }

  1225. 

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

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

  1228. }

  1229. 

  1230. .fc .fc-timegrid-divider {

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

  1232. }

  1233. 

  1234. .fc .fc-timegrid-body {

  1235.     position: relative;

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

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

  1238. }

  1239. 

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

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

  1242. 

  1243. }

  1244. 

  1245. .fc .fc-timegrid-axis-chunk > table {

  1246.     position: relative;

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

  1248. }

  1249. 

  1250. .fc .fc-timegrid-slots {

  1251.     position: relative;

  1252.     z-index: 1;

  1253. }

  1254. 

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

  1256.     height: 1.5em;

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

  1258. }

  1259. 

  1260. .fc .fc-timegrid-slot:empty:before {

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

  1262. }

  1263. 

  1264. .fc .fc-timegrid-slot-minor {

  1265.     border-top-style: dotted;

  1266. }

  1267. 

  1268. .fc .fc-timegrid-slot-label-cushion {

  1269.     display: inline-block;

  1270.     white-space: nowrap;

  1271. }

  1272. 

  1273. .fc .fc-timegrid-slot-label {

  1274.     vertical-align: middle; /* vertical align the slots */

  1275. }

  1276. 

  1277. .fc {

  1278. 

  1279. 

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

  1281. 

  1282. }

  1283. 

  1284. .fc .fc-timegrid-axis-cushion,

  1285. .fc .fc-timegrid-slot-label-cushion {

  1286.     padding: 0 4px;

  1287. }

  1288. 

  1289. .fc {

  1290. 

  1291. 

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

  1293.     /* vertical align is more complicated, uses flexbox */

  1294. 

  1295. }

  1296. 

  1297. .fc .fc-timegrid-axis-frame-liquid {

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

  1299. }

  1300. 

  1301. .fc .fc-timegrid-axis-frame {

  1302.     overflow: hidden;

  1303.     display: flex;

  1304.     align-items: center; /* vertical align */

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

  1306. }

  1307. 

  1308. .fc .fc-timegrid-axis-cushion {

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

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

  1311. }

  1312. 

  1313. .fc-direction-ltr .fc-timegrid-slot-label-frame {

  1314.     text-align: right;

  1315. }

  1316. 

  1317. .fc-direction-rtl .fc-timegrid-slot-label-frame {

  1318.     text-align: left;

  1319. }

  1320. 

  1321. .fc-liquid-hack .fc-timegrid-axis-frame-liquid {

  1322.     height: auto;

  1323.     position: absolute;

  1324.     top: 0;

  1325.     right: 0;

  1326.     bottom: 0;

  1327.     left: 0;

  1328. }

  1329. 

  1330. .fc .fc-timegrid-col.fc-day-today {

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

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

  1333. }

  1334. 

  1335. .fc .fc-timegrid-col-frame {

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

  1337.     position: relative;

  1338. }

  1339. 

  1340. .fc-liquid-hack .fc-timegrid-col-frame {

  1341.     height: auto;

  1342.     position: absolute;

  1343.     top: 0;

  1344.     right: 0;

  1345.     bottom: 0;

  1346.     left: 0;

  1347. }

  1348. 

  1349. .fc-media-screen .fc-timegrid-cols {

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

  1351.     top: 0;

  1352.     left: 0;

  1353.     right: 0;

  1354.     bottom: 0

  1355. }

  1356. 

  1357. .fc-media-screen .fc-timegrid-cols > table {

  1358.     height: 100%;

  1359. }

  1360. 

  1361. .fc-media-screen .fc-timegrid-col-bg,

  1362. .fc-media-screen .fc-timegrid-col-events,

  1363. .fc-media-screen .fc-timegrid-now-indicator-container {

  1364.     position: absolute;

  1365.     top: 0;

  1366.     left: 0;

  1367.     right: 0;

  1368. }

  1369. 

  1370. .fc-media-screen .fc-timegrid-event-harness {

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

  1372. }

  1373. 

  1374. .fc {

  1375. 

  1376.     /* bg */

  1377. 

  1378. }

  1379. 

  1380. .fc .fc-timegrid-col-bg {

  1381.     z-index: 2; /* TODO: kill */

  1382. }

  1383. 

  1384. .fc .fc-timegrid-col-bg .fc-non-business {

  1385.     z-index: 1

  1386. }

  1387. 

  1388. .fc .fc-timegrid-col-bg .fc-bg-event {

  1389.     z-index: 2

  1390. }

  1391. 

  1392. .fc .fc-timegrid-col-bg .fc-highlight {

  1393.     z-index: 3

  1394. }

  1395. 

  1396. .fc .fc-timegrid-bg-harness {

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

  1398.     left: 0;

  1399.     right: 0;

  1400. }

  1401. 

  1402. .fc {

  1403. 

  1404.     /* fg events */

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

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

  1407. 

  1408. }

  1409. 

  1410. .fc .fc-timegrid-col-events {

  1411.     z-index: 3;

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

  1413. }

  1414. 

  1415. .fc {

  1416. 

  1417.     /* now indicator */

  1418. 

  1419. }

  1420. 

  1421. .fc .fc-timegrid-now-indicator-container {

  1422.     bottom: 0;

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

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

  1425. }

  1426. 

  1427. .fc-direction-ltr .fc-timegrid-col-events {

  1428.     margin: 0 2.5% 0 2px;

  1429. }

  1430. 

  1431. .fc-direction-rtl .fc-timegrid-col-events {

  1432.     margin: 0 2px 0 2.5%;

  1433. }

  1434. 

  1435. .fc-timegrid-event-harness-inset .fc-timegrid-event,

  1436. .fc-timegrid-event.fc-event-mirror {

  1437.     box-shadow: 0px 0px 0px 1px #fff;

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

  1439. }

  1440. 

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

  1442. 

  1443.     font-size: .85em;

  1444. 

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

  1446.     border-radius: 3px

  1447. 

  1448. }

  1449. 

  1450. .fc-timegrid-event .fc-event-main {

  1451.     padding: 1px 1px 0;

  1452. }

  1453. 

  1454. .fc-timegrid-event .fc-event-time {

  1455.     white-space: nowrap;

  1456.     font-size: .85em;

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

  1458.     margin-bottom: 1px;

  1459. }

  1460. 

  1461. .fc-timegrid-event-condensed .fc-event-main-frame {

  1462.     flex-direction: row;

  1463.     overflow: hidden;

  1464. }

  1465. 

  1466. .fc-timegrid-event-condensed .fc-event-time:after {

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

  1468. }

  1469. 

  1470. .fc-timegrid-event-condensed .fc-event-title {

  1471.     font-size: .85em;

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

  1473. }

  1474. 

  1475. .fc-media-screen .fc-timegrid-event {

  1476.     position: absolute; /* absolute WITHIN the harness */

  1477.     top: 0;

  1478.     bottom: 1px; /* stay away from bottom slot line */

  1479.     left: 0;

  1480.     right: 0;

  1481. }

  1482. 

  1483. .fc {

  1484. 

  1485.     /* line */

  1486. 

  1487. }

  1488. 

  1489. .fc .fc-timegrid-now-indicator-line {

  1490.     position: absolute;

  1491.     z-index: 4;

  1492.     left: 0;

  1493.     right: 0;

  1494.     border-style: solid;

  1495.     border-color: red;

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

  1497.     border-width: 1px 0 0;

  1498. }

  1499. 

  1500. .fc {

  1501. 

  1502.     /* arrow */

  1503. 

  1504. }

  1505. 

  1506. .fc .fc-timegrid-now-indicator-arrow {

  1507.     position: absolute;

  1508.     z-index: 4;

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

  1510.     border-style: solid;

  1511.     border-color: red;

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

  1513. }

  1514. 

  1515. .fc-direction-ltr .fc-timegrid-now-indicator-arrow {

  1516.     left: 0;

  1517. 

  1518.     /* triangle pointing right. TODO: mixin */

  1519.     border-width: 5px 0 5px 6px;

  1520.     border-top-color: transparent;

  1521.     border-bottom-color: transparent;

  1522. }

  1523. 

  1524. .fc-direction-rtl .fc-timegrid-now-indicator-arrow {

  1525.     right: 0;

  1526. 

  1527.     /* triangle pointing left. TODO: mixin */

  1528.     border-width: 5px 6px 5px 0;

  1529.     border-top-color: transparent;

  1530.     border-bottom-color: transparent;

  1531. }

  1532. 

  1533. 

  1534. :root {

  1535.     --fc-list-event-dot-width: 10px;

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

  1537. }

  1538. 

  1539. .fc-theme-standard .fc-list {

  1540.     border: 1px solid #ddd;

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

  1542. }

  1543. 

  1544. .fc {

  1545. 

  1546.     /* message when no events */

  1547. 

  1548. }

  1549. 

  1550. .fc .fc-list-empty {

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

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

  1553.     height: 100%;

  1554.     display: flex;

  1555.     justify-content: center;

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

  1557. }

  1558. 

  1559. .fc .fc-list-empty-cushion {

  1560.     margin: 5em 0;

  1561. }

  1562. 

  1563. .fc {

  1564. 

  1565.     /* table within the scroller */

  1566.     /* ---------------------------------------------------------------------------------------------------- */

  1567. 

  1568. }

  1569. 

  1570. .fc .fc-list-table {

  1571.     width: 100%;

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

  1573. }

  1574. 

  1575. .fc .fc-list-table tr > * {

  1576.     border-left: 0;

  1577.     border-right: 0;

  1578. }

  1579. 

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

  1581.     position: -webkit-sticky;

  1582.     position: sticky;

  1583.     top: 0;

  1584.     background: #fff;

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

  1586. }

  1587. 

  1588. .fc .fc-list-table th {

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

  1590. }

  1591. 

  1592. .fc .fc-list-table td,

  1593. .fc .fc-list-day-cushion {

  1594.     padding: 8px 14px;

  1595. }

  1596. 

  1597. .fc {

  1598. 

  1599. 

  1600.     /* date heading rows */

  1601.     /* ---------------------------------------------------------------------------------------------------- */

  1602. 

  1603. }

  1604. 

  1605. .fc .fc-list-day-cushion:after {

  1606.     content: "";

  1607.     clear: both;

  1608.     display: table; /* clear floating */

  1609. }

  1610. 

  1611. .fc-theme-standard .fc-list-day-cushion {

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

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

  1614. }

  1615. 

  1616. .fc-direction-ltr .fc-list-day-text,

  1617. .fc-direction-rtl .fc-list-day-side-text {

  1618.     float: left;

  1619. }

  1620. 

  1621. .fc-direction-ltr .fc-list-day-side-text,

  1622. .fc-direction-rtl .fc-list-day-text {

  1623.     float: right;

  1624. }

  1625. 

  1626. /* make the dot closer to the event title */

  1627. .fc-direction-ltr .fc-list-table .fc-list-event-graphic {

  1628.     padding-right: 0

  1629. }

  1630. 

  1631. .fc-direction-rtl .fc-list-table .fc-list-event-graphic {

  1632.     padding-left: 0

  1633. }

  1634. 

  1635. .fc .fc-list-event.fc-event-forced-url {

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

  1637. }

  1638. 

  1639. .fc .fc-list-event:hover td {

  1640.     background-color: #f5f5f5;

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

  1642. }

  1643. 

  1644. .fc {

  1645. 

  1646.     /* shrink certain cols */

  1647. 

  1648. }

  1649. 

  1650. .fc .fc-list-event-graphic,

  1651. .fc .fc-list-event-time {

  1652.     white-space: nowrap;

  1653.     width: 1px;

  1654. }

  1655. 

  1656. .fc .fc-list-event-dot {

  1657.     display: inline-block;

  1658.     box-sizing: content-box;

  1659.     width: 0;

  1660.     height: 0;

  1661.     border: 5px solid #3788d8;

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

  1663.     border-radius: 5px;

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

  1665. }

  1666. 

  1667. .fc {

  1668. 

  1669.     /* reset <a> styling */

  1670. 

  1671. }

  1672. 

  1673. .fc .fc-list-event-title a {

  1674.     color: inherit;

  1675.     text-decoration: none;

  1676. }

  1677. 

  1678. .fc {

  1679. 

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

  1681. 

  1682. }

  1683. 

  1684. .fc .fc-list-event.fc-event-forced-url:hover a {

  1685.     text-decoration: underline;

  1686. }

  1687. 

  1688. 

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

  1690.     color: inherit; /* natural color for navlinks */

  1691. }