main.css 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900
  1. /*!
  2. FullCalendar Core Package v4.2.0
  3. Docs & License: https://fullcalendar.io/
  4. (c) 2019 Adam Shaw
  5. */
  6. .fc {
  7. direction: ltr;
  8. text-align: left; }
  9. .fc-rtl {
  10. text-align: right; }
  11. body .fc {
  12. /* extra precedence to overcome jqui */
  13. font-size: 1em; }
  14. /* Colors
  15. --------------------------------------------------------------------------------------------------*/
  16. .fc-highlight {
  17. /* when user is selecting cells */
  18. background: #bce8f1;
  19. opacity: .3; }
  20. .fc-bgevent {
  21. /* default look for background events */
  22. background: #8fdf82;
  23. opacity: .3; }
  24. .fc-nonbusiness {
  25. /* default look for non-business-hours areas */
  26. /* will inherit .fc-bgevent's styles */
  27. background: #d7d7d7; }
  28. /* Popover
  29. --------------------------------------------------------------------------------------------------*/
  30. .fc-popover {
  31. position: absolute;
  32. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
  33. .fc-popover .fc-header {
  34. /* TODO: be more consistent with fc-head/fc-body */
  35. display: flex;
  36. flex-direction: row;
  37. justify-content: space-between;
  38. align-items: center;
  39. padding: 2px 4px; }
  40. .fc-rtl .fc-popover .fc-header {
  41. flex-direction: row-reverse; }
  42. .fc-popover .fc-header .fc-title {
  43. margin: 0 2px; }
  44. .fc-popover .fc-header .fc-close {
  45. cursor: pointer;
  46. opacity: 0.65;
  47. font-size: 1.1em; }
  48. /* Misc Reusable Components
  49. --------------------------------------------------------------------------------------------------*/
  50. .fc-divider {
  51. border-style: solid;
  52. border-width: 1px; }
  53. hr.fc-divider {
  54. height: 0;
  55. margin: 0;
  56. padding: 0 0 2px;
  57. /* height is unreliable across browsers, so use padding */
  58. border-width: 1px 0; }
  59. .fc-bg,
  60. .fc-bgevent-skeleton,
  61. .fc-highlight-skeleton,
  62. .fc-mirror-skeleton {
  63. /* these element should always cling to top-left/right corners */
  64. position: absolute;
  65. top: 0;
  66. left: 0;
  67. right: 0; }
  68. .fc-bg {
  69. bottom: 0;
  70. /* strech bg to bottom edge */ }
  71. .fc-bg table {
  72. height: 100%;
  73. /* strech bg to bottom edge */ }
  74. /* Tables
  75. --------------------------------------------------------------------------------------------------*/
  76. .fc table {
  77. width: 100%;
  78. box-sizing: border-box;
  79. /* fix scrollbar issue in firefox */
  80. table-layout: fixed;
  81. border-collapse: collapse;
  82. border-spacing: 0;
  83. font-size: 1em;
  84. /* normalize cross-browser */ }
  85. .fc th {
  86. text-align: center; }
  87. .fc th,
  88. .fc td {
  89. border-style: solid;
  90. border-width: 1px;
  91. padding: 0;
  92. vertical-align: top; }
  93. .fc td.fc-today {
  94. border-style: double;
  95. /* overcome neighboring borders */ }
  96. /* Internal Nav Links
  97. --------------------------------------------------------------------------------------------------*/
  98. a[data-goto] {
  99. cursor: pointer; }
  100. a[data-goto]:hover {
  101. text-decoration: underline; }
  102. /* Fake Table Rows
  103. --------------------------------------------------------------------------------------------------*/
  104. .fc .fc-row {
  105. /* extra precedence to overcome themes forcing a 1px border */
  106. /* no visible border by default. but make available if need be (scrollbar width compensation) */
  107. border-style: solid;
  108. border-width: 0; }
  109. .fc-row table {
  110. /* don't put left/right border on anything within a fake row.
  111. the outer tbody will worry about this */
  112. border-left: 0 hidden transparent;
  113. border-right: 0 hidden transparent;
  114. /* no bottom borders on rows */
  115. border-bottom: 0 hidden transparent; }
  116. .fc-row:first-child table {
  117. border-top: 0 hidden transparent;
  118. /* no top border on first row */ }
  119. /* Day Row (used within the header and the DayGrid)
  120. --------------------------------------------------------------------------------------------------*/
  121. .fc-row {
  122. position: relative; }
  123. .fc-row .fc-bg {
  124. z-index: 1; }
  125. /* highlighting cells & background event skeleton */
  126. .fc-row .fc-bgevent-skeleton,
  127. .fc-row .fc-highlight-skeleton {
  128. bottom: 0;
  129. /* stretch skeleton to bottom of row */ }
  130. .fc-row .fc-bgevent-skeleton table,
  131. .fc-row .fc-highlight-skeleton table {
  132. height: 100%;
  133. /* stretch skeleton to bottom of row */ }
  134. .fc-row .fc-highlight-skeleton td,
  135. .fc-row .fc-bgevent-skeleton td {
  136. border-color: transparent; }
  137. .fc-row .fc-bgevent-skeleton {
  138. z-index: 2; }
  139. .fc-row .fc-highlight-skeleton {
  140. z-index: 3; }
  141. /*
  142. row content (which contains day/week numbers and events) as well as "mirror" (which contains
  143. temporary rendered events).
  144. */
  145. .fc-row .fc-content-skeleton {
  146. position: relative;
  147. z-index: 4;
  148. padding-bottom: 2px;
  149. /* matches the space above the events */ }
  150. .fc-row .fc-mirror-skeleton {
  151. z-index: 5; }
  152. .fc .fc-row .fc-content-skeleton table,
  153. .fc .fc-row .fc-content-skeleton td,
  154. .fc .fc-row .fc-mirror-skeleton td {
  155. /* see-through to the background below */
  156. /* extra precedence to prevent theme-provided backgrounds */
  157. background: none;
  158. /* in case <td>s are globally styled */
  159. border-color: transparent; }
  160. .fc-row .fc-content-skeleton td,
  161. .fc-row .fc-mirror-skeleton td {
  162. /* don't put a border between events and/or the day number */
  163. border-bottom: 0; }
  164. .fc-row .fc-content-skeleton tbody td,
  165. .fc-row .fc-mirror-skeleton tbody td {
  166. /* don't put a border between event cells */
  167. border-top: 0; }
  168. /* Scrolling Container
  169. --------------------------------------------------------------------------------------------------*/
  170. .fc-scroller {
  171. -webkit-overflow-scrolling: touch; }
  172. /* TODO: move to timegrid/daygrid */
  173. .fc-scroller > .fc-day-grid,
  174. .fc-scroller > .fc-time-grid {
  175. position: relative;
  176. /* re-scope all positions */
  177. width: 100%;
  178. /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }
  179. /* Global Event Styles
  180. --------------------------------------------------------------------------------------------------*/
  181. .fc-event {
  182. position: relative;
  183. /* for resize handle and other inner positioning */
  184. display: block;
  185. /* make the <a> tag block */
  186. font-size: .85em;
  187. line-height: 1.4;
  188. border-radius: 3px;
  189. border: 1px solid #3788d8; }
  190. .fc-event,
  191. .fc-event-dot {
  192. background-color: #3788d8;
  193. /* default BACKGROUND color */ }
  194. .fc-event,
  195. .fc-event:hover {
  196. color: #fff;
  197. /* default TEXT color */
  198. text-decoration: none;
  199. /* if <a> has an href */ }
  200. .fc-event[href],
  201. .fc-event.fc-draggable {
  202. cursor: pointer;
  203. /* give events with links and draggable events a hand mouse pointer */ }
  204. .fc-not-allowed,
  205. .fc-not-allowed .fc-event {
  206. /* to override an event's custom cursor */
  207. cursor: not-allowed; }
  208. .fc-event .fc-content {
  209. position: relative;
  210. z-index: 2; }
  211. /* resizer (cursor AND touch devices) */
  212. .fc-event .fc-resizer {
  213. position: absolute;
  214. z-index: 4; }
  215. /* resizer (touch devices) */
  216. .fc-event .fc-resizer {
  217. display: none; }
  218. .fc-event.fc-allow-mouse-resize .fc-resizer,
  219. .fc-event.fc-selected .fc-resizer {
  220. /* only show when hovering or selected (with touch) */
  221. display: block; }
  222. /* hit area */
  223. .fc-event.fc-selected .fc-resizer:before {
  224. /* 40x40 touch area */
  225. content: "";
  226. position: absolute;
  227. z-index: 9999;
  228. /* user of this util can scope within a lower z-index */
  229. top: 50%;
  230. left: 50%;
  231. width: 40px;
  232. height: 40px;
  233. margin-left: -20px;
  234. margin-top: -20px; }
  235. /* Event Selection (only for touch devices)
  236. --------------------------------------------------------------------------------------------------*/
  237. .fc-event.fc-selected {
  238. z-index: 9999 !important;
  239. /* overcomes inline z-index */
  240. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  241. .fc-event.fc-selected:after {
  242. content: "";
  243. position: absolute;
  244. z-index: 1;
  245. /* same z-index as fc-bg, behind text */
  246. /* overcome the borders */
  247. top: -1px;
  248. right: -1px;
  249. bottom: -1px;
  250. left: -1px;
  251. /* darkening effect */
  252. background: #000;
  253. opacity: .25; }
  254. /* Event Dragging
  255. --------------------------------------------------------------------------------------------------*/
  256. .fc-event.fc-dragging.fc-selected {
  257. box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }
  258. .fc-event.fc-dragging:not(.fc-selected) {
  259. opacity: .75; }
  260. /* Horizontal Events
  261. --------------------------------------------------------------------------------------------------*/
  262. /* bigger touch area when selected */
  263. .fc-h-event.fc-selected:before {
  264. content: "";
  265. position: absolute;
  266. z-index: 3;
  267. /* below resizers */
  268. top: -10px;
  269. bottom: -10px;
  270. left: 0;
  271. right: 0; }
  272. /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
  273. .fc-ltr .fc-h-event.fc-not-start,
  274. .fc-rtl .fc-h-event.fc-not-end {
  275. margin-left: 0;
  276. border-left-width: 0;
  277. padding-left: 1px;
  278. /* replace the border with padding */
  279. border-top-left-radius: 0;
  280. border-bottom-left-radius: 0; }
  281. .fc-ltr .fc-h-event.fc-not-end,
  282. .fc-rtl .fc-h-event.fc-not-start {
  283. margin-right: 0;
  284. border-right-width: 0;
  285. padding-right: 1px;
  286. /* replace the border with padding */
  287. border-top-right-radius: 0;
  288. border-bottom-right-radius: 0; }
  289. /* resizer (cursor AND touch devices) */
  290. /* left resizer */
  291. .fc-ltr .fc-h-event .fc-start-resizer,
  292. .fc-rtl .fc-h-event .fc-end-resizer {
  293. cursor: w-resize;
  294. left: -1px;
  295. /* overcome border */ }
  296. /* right resizer */
  297. .fc-ltr .fc-h-event .fc-end-resizer,
  298. .fc-rtl .fc-h-event .fc-start-resizer {
  299. cursor: e-resize;
  300. right: -1px;
  301. /* overcome border */ }
  302. /* resizer (mouse devices) */
  303. .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  304. width: 7px;
  305. top: -1px;
  306. /* overcome top border */
  307. bottom: -1px;
  308. /* overcome bottom border */ }
  309. /* resizer (touch devices) */
  310. .fc-h-event.fc-selected .fc-resizer {
  311. /* 8x8 little dot */
  312. border-radius: 4px;
  313. border-width: 1px;
  314. width: 6px;
  315. height: 6px;
  316. border-style: solid;
  317. border-color: inherit;
  318. background: #fff;
  319. /* vertically center */
  320. top: 50%;
  321. margin-top: -4px; }
  322. /* left resizer */
  323. .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
  324. .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  325. margin-left: -4px;
  326. /* centers the 8x8 dot on the left edge */ }
  327. /* right resizer */
  328. .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
  329. .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  330. margin-right: -4px;
  331. /* centers the 8x8 dot on the right edge */ }
  332. /* DayGrid events
  333. ----------------------------------------------------------------------------------------------------
  334. We use the full "fc-day-grid-event" class instead of using descendants because the event won't
  335. be a descendant of the grid when it is being dragged.
  336. */
  337. .fc-day-grid-event {
  338. margin: 1px 2px 0;
  339. /* spacing between events and edges */
  340. padding: 0 1px; }
  341. tr:first-child > td > .fc-day-grid-event {
  342. margin-top: 2px;
  343. /* a little bit more space before the first event */ }
  344. .fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  345. margin-top: 0;
  346. /* except for mirror skeleton */ }
  347. .fc-day-grid-event .fc-content {
  348. /* force events to be one-line tall */
  349. white-space: nowrap;
  350. overflow: hidden; }
  351. .fc-day-grid-event .fc-time {
  352. font-weight: bold; }
  353. /* resizer (cursor devices) */
  354. /* left resizer */
  355. .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
  356. .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  357. margin-left: -2px;
  358. /* to the day cell's edge */ }
  359. /* right resizer */
  360. .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
  361. .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  362. margin-right: -2px;
  363. /* to the day cell's edge */ }
  364. /* Event Limiting
  365. --------------------------------------------------------------------------------------------------*/
  366. /* "more" link that represents hidden events */
  367. a.fc-more {
  368. margin: 1px 3px;
  369. font-size: .85em;
  370. cursor: pointer;
  371. text-decoration: none; }
  372. a.fc-more:hover {
  373. text-decoration: underline; }
  374. .fc-limited {
  375. /* rows and cells that are hidden because of a "more" link */
  376. display: none; }
  377. /* popover that appears when "more" link is clicked */
  378. .fc-day-grid .fc-row {
  379. z-index: 1;
  380. /* make the "more" popover one higher than this */ }
  381. .fc-more-popover {
  382. z-index: 2;
  383. width: 220px; }
  384. .fc-more-popover .fc-event-container {
  385. padding: 10px; }
  386. /* Now Indicator
  387. --------------------------------------------------------------------------------------------------*/
  388. .fc-now-indicator {
  389. position: absolute;
  390. border: 0 solid red; }
  391. /* Utilities
  392. --------------------------------------------------------------------------------------------------*/
  393. .fc-unselectable {
  394. -webkit-user-select: none;
  395. -khtml-user-select: none;
  396. -moz-user-select: none;
  397. -ms-user-select: none;
  398. user-select: none;
  399. -webkit-touch-callout: none;
  400. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  401. /*
  402. TODO: more distinction between this file and common.css
  403. */
  404. /* Colors
  405. --------------------------------------------------------------------------------------------------*/
  406. .fc-unthemed th,
  407. .fc-unthemed td,
  408. .fc-unthemed thead,
  409. .fc-unthemed tbody,
  410. .fc-unthemed .fc-divider,
  411. .fc-unthemed .fc-row,
  412. .fc-unthemed .fc-content,
  413. .fc-unthemed .fc-popover,
  414. .fc-unthemed .fc-list-view,
  415. .fc-unthemed .fc-list-heading td {
  416. border-color: #ddd; }
  417. .fc-unthemed .fc-popover {
  418. background-color: #fff; }
  419. .fc-unthemed .fc-divider,
  420. .fc-unthemed .fc-popover .fc-header,
  421. .fc-unthemed .fc-list-heading td {
  422. background: #eee; }
  423. .fc-unthemed td.fc-today {
  424. background: #fcf8e3; }
  425. .fc-unthemed .fc-disabled-day {
  426. background: #d7d7d7;
  427. opacity: .3; }
  428. /* Icons
  429. --------------------------------------------------------------------------------------------------
  430. from https://feathericons.com/ and built with IcoMoon
  431. */
  432. @font-face {
  433. font-family: 'fcicons';
  434. src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  435. font-weight: normal;
  436. font-style: normal; }
  437. .fc-icon {
  438. /* use !important to prevent issues with browser extensions that change fonts */
  439. font-family: 'fcicons' !important;
  440. speak: none;
  441. font-style: normal;
  442. font-weight: normal;
  443. font-variant: normal;
  444. text-transform: none;
  445. line-height: 1;
  446. /* Better Font Rendering =========== */
  447. -webkit-font-smoothing: antialiased;
  448. -moz-osx-font-smoothing: grayscale; }
  449. .fc-icon-chevron-left:before {
  450. content: "\e900"; }
  451. .fc-icon-chevron-right:before {
  452. content: "\e901"; }
  453. .fc-icon-chevrons-left:before {
  454. content: "\e902"; }
  455. .fc-icon-chevrons-right:before {
  456. content: "\e903"; }
  457. .fc-icon-minus-square:before {
  458. content: "\e904"; }
  459. .fc-icon-plus-square:before {
  460. content: "\e905"; }
  461. .fc-icon-x:before {
  462. content: "\e906"; }
  463. .fc-icon {
  464. display: inline-block;
  465. width: 1em;
  466. height: 1em;
  467. text-align: center; }
  468. /* Buttons
  469. --------------------------------------------------------------------------------------------------
  470. Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
  471. */
  472. /* reset */
  473. .fc-button {
  474. border-radius: 0;
  475. overflow: visible;
  476. text-transform: none;
  477. margin: 0;
  478. font-family: inherit;
  479. font-size: inherit;
  480. line-height: inherit; }
  481. .fc-button:focus {
  482. outline: 1px dotted;
  483. outline: 5px auto -webkit-focus-ring-color; }
  484. .fc-button {
  485. -webkit-appearance: button; }
  486. .fc-button:not(:disabled) {
  487. cursor: pointer; }
  488. .fc-button::-moz-focus-inner {
  489. padding: 0;
  490. border-style: none; }
  491. /* theme */
  492. .fc-button {
  493. display: inline-block;
  494. font-weight: 400;
  495. color: #212529;
  496. text-align: center;
  497. vertical-align: middle;
  498. -webkit-user-select: none;
  499. -moz-user-select: none;
  500. -ms-user-select: none;
  501. user-select: none;
  502. background-color: transparent;
  503. border: 1px solid transparent;
  504. padding: 0.4em 0.65em;
  505. font-size: 1em;
  506. line-height: 1.5;
  507. border-radius: 0.25em; }
  508. .fc-button:hover {
  509. color: #212529;
  510. text-decoration: none; }
  511. .fc-button:focus {
  512. outline: 0;
  513. -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  514. box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }
  515. .fc-button:disabled {
  516. opacity: 0.65; }
  517. /* "primary" coloring */
  518. .fc-button-primary {
  519. color: #fff;
  520. background-color: #2C3E50;
  521. border-color: #2C3E50; }
  522. .fc-button-primary:hover {
  523. color: #fff;
  524. background-color: #1e2b37;
  525. border-color: #1a252f; }
  526. .fc-button-primary:focus {
  527. -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  528. box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }
  529. .fc-button-primary:disabled {
  530. color: #fff;
  531. background-color: #2C3E50;
  532. border-color: #2C3E50; }
  533. .fc-button-primary:not(:disabled):active,
  534. .fc-button-primary:not(:disabled).fc-button-active {
  535. color: #fff;
  536. background-color: #1a252f;
  537. border-color: #151e27; }
  538. .fc-button-primary:not(:disabled):active:focus,
  539. .fc-button-primary:not(:disabled).fc-button-active:focus {
  540. -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  541. box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }
  542. /* icons within buttons */
  543. .fc-button .fc-icon {
  544. vertical-align: middle;
  545. font-size: 1.5em; }
  546. /* Buttons Groups
  547. --------------------------------------------------------------------------------------------------*/
  548. .fc-button-group {
  549. position: relative;
  550. display: -webkit-inline-box;
  551. display: -ms-inline-flexbox;
  552. display: inline-flex;
  553. vertical-align: middle; }
  554. .fc-button-group > .fc-button {
  555. position: relative;
  556. -webkit-box-flex: 1;
  557. -ms-flex: 1 1 auto;
  558. flex: 1 1 auto; }
  559. .fc-button-group > .fc-button:hover {
  560. z-index: 1; }
  561. .fc-button-group > .fc-button:focus,
  562. .fc-button-group > .fc-button:active,
  563. .fc-button-group > .fc-button.fc-button-active {
  564. z-index: 1; }
  565. .fc-button-group > .fc-button:not(:first-child) {
  566. margin-left: -1px; }
  567. .fc-button-group > .fc-button:not(:last-child) {
  568. border-top-right-radius: 0;
  569. border-bottom-right-radius: 0; }
  570. .fc-button-group > .fc-button:not(:first-child) {
  571. border-top-left-radius: 0;
  572. border-bottom-left-radius: 0; }
  573. /* Popover
  574. --------------------------------------------------------------------------------------------------*/
  575. .fc-unthemed .fc-popover {
  576. border-width: 1px;
  577. border-style: solid; }
  578. /* List View
  579. --------------------------------------------------------------------------------------------------*/
  580. .fc-unthemed .fc-list-item:hover td {
  581. background-color: #f5f5f5; }
  582. /* Toolbar
  583. --------------------------------------------------------------------------------------------------*/
  584. .fc-toolbar {
  585. display: flex;
  586. justify-content: space-between;
  587. align-items: center; }
  588. .fc-toolbar.fc-header-toolbar {
  589. margin-bottom: 1.5em; }
  590. .fc-toolbar.fc-footer-toolbar {
  591. margin-top: 1.5em; }
  592. /* inner content */
  593. .fc-toolbar > * > :not(:first-child) {
  594. margin-left: .75em; }
  595. .fc-toolbar h2 {
  596. font-size: 1.75em;
  597. margin: 0; }
  598. /* View Structure
  599. --------------------------------------------------------------------------------------------------*/
  600. .fc-view-container {
  601. position: relative; }
  602. /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
  603. /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
  604. .fc-view-container *,
  605. .fc-view-container *:before,
  606. .fc-view-container *:after {
  607. -webkit-box-sizing: content-box;
  608. -moz-box-sizing: content-box;
  609. box-sizing: content-box; }
  610. .fc-view,
  611. .fc-view > table {
  612. /* so dragged elements can be above the view's main element */
  613. position: relative;
  614. z-index: 1; }
  615. @media print {
  616. .fc {
  617. max-width: 100% !important; }
  618. /* Global Event Restyling
  619. --------------------------------------------------------------------------------------------------*/
  620. .fc-event {
  621. background: #fff !important;
  622. color: #000 !important;
  623. page-break-inside: avoid; }
  624. .fc-event .fc-resizer {
  625. display: none; }
  626. /* Table & Day-Row Restyling
  627. --------------------------------------------------------------------------------------------------*/
  628. .fc th,
  629. .fc td,
  630. .fc hr,
  631. .fc thead,
  632. .fc tbody,
  633. .fc-row {
  634. border-color: #ccc !important;
  635. background: #fff !important; }
  636. /* kill the overlaid, absolutely-positioned components */
  637. /* common... */
  638. .fc-bg,
  639. .fc-bgevent-skeleton,
  640. .fc-highlight-skeleton,
  641. .fc-mirror-skeleton,
  642. .fc-bgevent-container,
  643. .fc-business-container,
  644. .fc-highlight-container,
  645. .fc-mirror-container {
  646. display: none; }
  647. /* don't force a min-height on rows (for DayGrid) */
  648. .fc tbody .fc-row {
  649. height: auto !important;
  650. /* undo height that JS set in distributeHeight */
  651. min-height: 0 !important;
  652. /* undo the min-height from each view's specific stylesheet */ }
  653. .fc tbody .fc-row .fc-content-skeleton {
  654. position: static;
  655. /* undo .fc-rigid */
  656. padding-bottom: 0 !important;
  657. /* use a more border-friendly method for this... */ }
  658. .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
  659. /* only works in newer browsers */
  660. padding-bottom: 1em;
  661. /* ...gives space within the skeleton. also ensures min height in a way */ }
  662. .fc tbody .fc-row .fc-content-skeleton table {
  663. /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
  664. making it look more like 3em. for other browers, it will already be this tall */
  665. height: 1em; }
  666. /* Undo month-view event limiting. Display all events and hide the "more" links
  667. --------------------------------------------------------------------------------------------------*/
  668. .fc-more-cell,
  669. .fc-more {
  670. display: none !important; }
  671. .fc tr.fc-limited {
  672. display: table-row !important; }
  673. .fc td.fc-limited {
  674. display: table-cell !important; }
  675. .fc-popover {
  676. display: none;
  677. /* never display the "more.." popover in print mode */ }
  678. /* TimeGrid Restyling
  679. --------------------------------------------------------------------------------------------------*/
  680. /* undo the min-height 100% trick used to fill the container's height */
  681. .fc-time-grid {
  682. min-height: 0 !important; }
  683. /* don't display the side axis at all ("all-day" and time cells) */
  684. .fc-timeGrid-view .fc-axis {
  685. display: none; }
  686. /* don't display the horizontal lines */
  687. .fc-slats,
  688. .fc-time-grid hr {
  689. /* this hr is used when height is underused and needs to be filled */
  690. display: none !important;
  691. /* important overrides inline declaration */ }
  692. /* let the container that holds the events be naturally positioned and create real height */
  693. .fc-time-grid .fc-content-skeleton {
  694. position: static; }
  695. /* in case there are no events, we still want some height */
  696. .fc-time-grid .fc-content-skeleton table {
  697. height: 4em; }
  698. /* kill the horizontal spacing made by the event container. event margins will be done below */
  699. .fc-time-grid .fc-event-container {
  700. margin: 0 !important; }
  701. /* TimeGrid *Event* Restyling
  702. --------------------------------------------------------------------------------------------------*/
  703. /* naturally position events, vertically stacking them */
  704. .fc-time-grid .fc-event {
  705. position: static !important;
  706. margin: 3px 2px !important; }
  707. /* for events that continue to a future day, give the bottom border back */
  708. .fc-time-grid .fc-event.fc-not-end {
  709. border-bottom-width: 1px !important; }
  710. /* indicate the event continues via "..." text */
  711. .fc-time-grid .fc-event.fc-not-end:after {
  712. content: "..."; }
  713. /* for events that are continuations from previous days, give the top border back */
  714. .fc-time-grid .fc-event.fc-not-start {
  715. border-top-width: 1px !important; }
  716. /* indicate the event is a continuation via "..." text */
  717. .fc-time-grid .fc-event.fc-not-start:before {
  718. content: "..."; }
  719. /* time */
  720. /* undo a previous declaration and let the time text span to a second line */
  721. .fc-time-grid .fc-event .fc-time {
  722. white-space: normal !important; }
  723. /* hide the the time that is normally displayed... */
  724. .fc-time-grid .fc-event .fc-time span {
  725. display: none; }
  726. /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  727. .fc-time-grid .fc-event .fc-time:after {
  728. content: attr(data-full); }
  729. /* Vertical Scroller & Containers
  730. --------------------------------------------------------------------------------------------------*/
  731. /* kill the scrollbars and allow natural height */
  732. .fc-scroller,
  733. .fc-day-grid-container,
  734. .fc-time-grid-container {
  735. /* */
  736. overflow: visible !important;
  737. height: auto !important; }
  738. /* kill the horizontal border/padding used to compensate for scrollbars */
  739. .fc-row {
  740. border: 0 !important;
  741. margin: 0 !important; }
  742. /* Button Controls
  743. --------------------------------------------------------------------------------------------------*/
  744. .fc-button-group,
  745. .fc button {
  746. display: none;
  747. /* don't display any button-related controls */ } }