fullcalendar.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915
  1. @charset "UTF-8";
  2. /*========================================================
  3. DARK LAYOUT
  4. =========================================================*/
  5. .btn,
  6. .fc .fc-button {
  7. display: inline-block;
  8. font-weight: 400;
  9. color: #626262;
  10. text-align: center;
  11. vertical-align: middle;
  12. -webkit-user-select: none;
  13. -moz-user-select: none;
  14. -ms-user-select: none;
  15. user-select: none;
  16. background-color: transparent;
  17. border: 0 solid transparent;
  18. padding: 0.9rem 2rem;
  19. font-size: 1rem;
  20. border-radius: 0.42rem;
  21. transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  22. }
  23. @media (prefers-reduced-motion: reduce) {
  24. .btn,
  25. .fc .fc-button {
  26. transition: none;
  27. }
  28. }
  29. .btn:hover,
  30. .fc .fc-button:hover {
  31. color: #626262;
  32. text-decoration: none;
  33. }
  34. .btn:focus,
  35. .fc .fc-button:focus,
  36. .btn.focus,
  37. .fc .focus.fc-button {
  38. outline: 0;
  39. box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.25);
  40. }
  41. .btn.disabled,
  42. .fc .disabled.fc-button,
  43. .btn:disabled,
  44. .fc .fc-button:disabled {
  45. opacity: 0.65;
  46. }
  47. a.btn.disabled,
  48. .fc a.disabled.fc-button,
  49. fieldset:disabled a.btn,
  50. fieldset:disabled .fc a.fc-button,
  51. .fc fieldset:disabled a.fc-button {
  52. pointer-events: none;
  53. }
  54. .btn-primary {
  55. color: #fff;
  56. background-color: #5c6bc6;
  57. border-color: #5c6bc6;
  58. }
  59. .btn-primary:hover {
  60. color: #fff;
  61. background-color: #4152bb;
  62. border-color: #3e4eb1;
  63. }
  64. .btn-primary:focus,
  65. .btn-primary.focus {
  66. box-shadow: 0 0 0 0.2rem rgba(116, 129, 207, 0.5);
  67. }
  68. .btn-primary.disabled,
  69. .btn-primary:disabled {
  70. color: #fff;
  71. background-color: #5c6bc6;
  72. border-color: #5c6bc6;
  73. }
  74. .btn-primary:not(:disabled):not(.disabled):active,
  75. .btn-primary:not(:disabled):not(.disabled).active,
  76. .show > .btn-primary.dropdown-toggle {
  77. color: #fff;
  78. background-color: #3e4eb1;
  79. border-color: #3b4aa8;
  80. }
  81. .btn-primary:not(:disabled):not(.disabled):active:focus,
  82. .btn-primary:not(:disabled):not(.disabled).active:focus,
  83. .show > .btn-primary.dropdown-toggle:focus {
  84. box-shadow: 0 0 0 0.2rem rgba(116, 129, 207, 0.5);
  85. }
  86. .btn-secondary {
  87. color: #2a2e30;
  88. background-color: #b8c2cc;
  89. border-color: #b8c2cc;
  90. }
  91. .btn-secondary:hover {
  92. color: #2a2e30;
  93. background-color: #a2afbc;
  94. border-color: #9aa9b7;
  95. }
  96. .btn-secondary:focus,
  97. .btn-secondary.focus {
  98. box-shadow: 0 0 0 0.2rem rgba(163, 172, 181, 0.5);
  99. }
  100. .btn-secondary.disabled,
  101. .btn-secondary:disabled {
  102. color: #2a2e30;
  103. background-color: #b8c2cc;
  104. border-color: #b8c2cc;
  105. }
  106. .btn-secondary:not(:disabled):not(.disabled):active,
  107. .btn-secondary:not(:disabled):not(.disabled).active,
  108. .show > .btn-secondary.dropdown-toggle {
  109. color: #2a2e30;
  110. background-color: #9aa9b7;
  111. border-color: #93a2b1;
  112. }
  113. .btn-secondary:not(:disabled):not(.disabled):active:focus,
  114. .btn-secondary:not(:disabled):not(.disabled).active:focus,
  115. .show > .btn-secondary.dropdown-toggle:focus {
  116. box-shadow: 0 0 0 0.2rem rgba(163, 172, 181, 0.5);
  117. }
  118. .btn-success {
  119. color: #fff;
  120. background-color: #21b978;
  121. border-color: #21b978;
  122. }
  123. .btn-success:hover {
  124. color: #fff;
  125. background-color: #1b9963;
  126. border-color: #198e5c;
  127. }
  128. .btn-success:focus,
  129. .btn-success.focus {
  130. box-shadow: 0 0 0 0.2rem rgba(66, 196, 140, 0.5);
  131. }
  132. .btn-success.disabled,
  133. .btn-success:disabled {
  134. color: #fff;
  135. background-color: #21b978;
  136. border-color: #21b978;
  137. }
  138. .btn-success:not(:disabled):not(.disabled):active,
  139. .btn-success:not(:disabled):not(.disabled).active,
  140. .show > .btn-success.dropdown-toggle {
  141. color: #fff;
  142. background-color: #198e5c;
  143. border-color: #178355;
  144. }
  145. .btn-success:not(:disabled):not(.disabled):active:focus,
  146. .btn-success:not(:disabled):not(.disabled).active:focus,
  147. .show > .btn-success.dropdown-toggle:focus {
  148. box-shadow: 0 0 0 0.2rem rgba(66, 196, 140, 0.5);
  149. }
  150. .btn-info {
  151. color: #fff;
  152. background-color: #3085d6;
  153. border-color: #3085d6;
  154. }
  155. .btn-info:hover {
  156. color: #fff;
  157. background-color: #2572bb;
  158. border-color: #236bb0;
  159. }
  160. .btn-info:focus,
  161. .btn-info.focus {
  162. box-shadow: 0 0 0 0.2rem rgba(79, 151, 220, 0.5);
  163. }
  164. .btn-info.disabled,
  165. .btn-info:disabled {
  166. color: #fff;
  167. background-color: #3085d6;
  168. border-color: #3085d6;
  169. }
  170. .btn-info:not(:disabled):not(.disabled):active,
  171. .btn-info:not(:disabled):not(.disabled).active,
  172. .show > .btn-info.dropdown-toggle {
  173. color: #fff;
  174. background-color: #236bb0;
  175. border-color: #2165a5;
  176. }
  177. .btn-info:not(:disabled):not(.disabled):active:focus,
  178. .btn-info:not(:disabled):not(.disabled).active:focus,
  179. .show > .btn-info.dropdown-toggle:focus {
  180. box-shadow: 0 0 0 0.2rem rgba(79, 151, 220, 0.5);
  181. }
  182. .btn-warning {
  183. color: #2a2e30;
  184. background-color: #dda451;
  185. border-color: #dda451;
  186. }
  187. .btn-warning:hover {
  188. color: #2a2e30;
  189. background-color: #d79331;
  190. border-color: #d28d29;
  191. }
  192. .btn-warning:focus,
  193. .btn-warning.focus {
  194. box-shadow: 0 0 0 0.2rem rgba(194, 146, 76, 0.5);
  195. }
  196. .btn-warning.disabled,
  197. .btn-warning:disabled {
  198. color: #2a2e30;
  199. background-color: #dda451;
  200. border-color: #dda451;
  201. }
  202. .btn-warning:not(:disabled):not(.disabled):active,
  203. .btn-warning:not(:disabled):not(.disabled).active,
  204. .show > .btn-warning.dropdown-toggle {
  205. color: #2a2e30;
  206. background-color: #d28d29;
  207. border-color: #c78627;
  208. }
  209. .btn-warning:not(:disabled):not(.disabled):active:focus,
  210. .btn-warning:not(:disabled):not(.disabled).active:focus,
  211. .show > .btn-warning.dropdown-toggle:focus {
  212. box-shadow: 0 0 0 0.2rem rgba(194, 146, 76, 0.5);
  213. }
  214. .btn-danger {
  215. color: #fff;
  216. background-color: #ea5455;
  217. border-color: #ea5455;
  218. }
  219. .btn-danger:hover {
  220. color: #fff;
  221. background-color: #e63233;
  222. border-color: #e42728;
  223. }
  224. .btn-danger:focus,
  225. .btn-danger.focus {
  226. box-shadow: 0 0 0 0.2rem rgba(237, 110, 111, 0.5);
  227. }
  228. .btn-danger.disabled,
  229. .btn-danger:disabled {
  230. color: #fff;
  231. background-color: #ea5455;
  232. border-color: #ea5455;
  233. }
  234. .btn-danger:not(:disabled):not(.disabled):active,
  235. .btn-danger:not(:disabled):not(.disabled).active,
  236. .show > .btn-danger.dropdown-toggle {
  237. color: #fff;
  238. background-color: #e42728;
  239. border-color: #e21c1d;
  240. }
  241. .btn-danger:not(:disabled):not(.disabled):active:focus,
  242. .btn-danger:not(:disabled):not(.disabled).active:focus,
  243. .show > .btn-danger.dropdown-toggle:focus {
  244. box-shadow: 0 0 0 0.2rem rgba(237, 110, 111, 0.5);
  245. }
  246. .btn-light {
  247. color: #2a2e30;
  248. background-color: #babfc7;
  249. border-color: #babfc7;
  250. }
  251. .btn-light:hover {
  252. color: #2a2e30;
  253. background-color: #a5abb6;
  254. border-color: #9ea5b0;
  255. }
  256. .btn-light:focus,
  257. .btn-light.focus {
  258. box-shadow: 0 0 0 0.2rem rgba(164, 169, 176, 0.5);
  259. }
  260. .btn-light.disabled,
  261. .btn-light:disabled {
  262. color: #2a2e30;
  263. background-color: #babfc7;
  264. border-color: #babfc7;
  265. }
  266. .btn-light:not(:disabled):not(.disabled):active,
  267. .btn-light:not(:disabled):not(.disabled).active,
  268. .show > .btn-light.dropdown-toggle {
  269. color: #2a2e30;
  270. background-color: #9ea5b0;
  271. border-color: #979eaa;
  272. }
  273. .btn-light:not(:disabled):not(.disabled):active:focus,
  274. .btn-light:not(:disabled):not(.disabled).active:focus,
  275. .show > .btn-light.dropdown-toggle:focus {
  276. box-shadow: 0 0 0 0.2rem rgba(164, 169, 176, 0.5);
  277. }
  278. .btn-dark {
  279. color: #fff;
  280. background-color: #1e1e1e;
  281. border-color: #1e1e1e;
  282. }
  283. .btn-dark:hover {
  284. color: #fff;
  285. background-color: #0b0b0b;
  286. border-color: #050505;
  287. }
  288. .btn-dark:focus,
  289. .btn-dark.focus {
  290. box-shadow: 0 0 0 0.2rem rgba(64, 64, 64, 0.5);
  291. }
  292. .btn-dark.disabled,
  293. .btn-dark:disabled {
  294. color: #fff;
  295. background-color: #1e1e1e;
  296. border-color: #1e1e1e;
  297. }
  298. .btn-dark:not(:disabled):not(.disabled):active,
  299. .btn-dark:not(:disabled):not(.disabled).active,
  300. .show > .btn-dark.dropdown-toggle {
  301. color: #fff;
  302. background-color: #050505;
  303. border-color: black;
  304. }
  305. .btn-dark:not(:disabled):not(.disabled):active:focus,
  306. .btn-dark:not(:disabled):not(.disabled).active:focus,
  307. .show > .btn-dark.dropdown-toggle:focus {
  308. box-shadow: 0 0 0 0.2rem rgba(64, 64, 64, 0.5);
  309. }
  310. .btn-outline-primary,
  311. .fc .fc-button {
  312. color: #5c6bc6;
  313. border-color: #5c6bc6;
  314. }
  315. .btn-outline-primary:hover,
  316. .fc .fc-button:hover {
  317. color: #fff;
  318. background-color: #5c6bc6;
  319. border-color: #5c6bc6;
  320. }
  321. .btn-outline-primary:focus,
  322. .fc .fc-button:focus,
  323. .btn-outline-primary.focus,
  324. .fc .focus.fc-button {
  325. box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
  326. }
  327. .btn-outline-primary.disabled,
  328. .fc .disabled.fc-button,
  329. .btn-outline-primary:disabled,
  330. .fc .fc-button:disabled {
  331. color: #5c6bc6;
  332. background-color: transparent;
  333. }
  334. .btn-outline-primary:not(:disabled):not(.disabled):active,
  335. .fc .fc-button:not(:disabled):not(.disabled):active,
  336. .btn-outline-primary:not(:disabled):not(.disabled).active,
  337. .fc .fc-button:not(:disabled):not(.disabled).active,
  338. .show > .btn-outline-primary.dropdown-toggle,
  339. .fc .show > .dropdown-toggle.fc-button {
  340. color: #fff;
  341. background-color: #5c6bc6;
  342. border-color: #5c6bc6;
  343. }
  344. .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
  345. .fc .fc-button:not(:disabled):not(.disabled):active:focus,
  346. .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  347. .fc .fc-button:not(:disabled):not(.disabled).active:focus,
  348. .show > .btn-outline-primary.dropdown-toggle:focus,
  349. .fc .show > .dropdown-toggle.fc-button:focus {
  350. box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
  351. }
  352. .btn-outline-secondary {
  353. color: #b8c2cc;
  354. border-color: #b8c2cc;
  355. }
  356. .btn-outline-secondary:hover {
  357. color: #2a2e30;
  358. background-color: #b8c2cc;
  359. border-color: #b8c2cc;
  360. }
  361. .btn-outline-secondary:focus,
  362. .btn-outline-secondary.focus {
  363. box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
  364. }
  365. .btn-outline-secondary.disabled,
  366. .btn-outline-secondary:disabled {
  367. color: #b8c2cc;
  368. background-color: transparent;
  369. }
  370. .btn-outline-secondary:not(:disabled):not(.disabled):active,
  371. .btn-outline-secondary:not(:disabled):not(.disabled).active,
  372. .show > .btn-outline-secondary.dropdown-toggle {
  373. color: #2a2e30;
  374. background-color: #b8c2cc;
  375. border-color: #b8c2cc;
  376. }
  377. .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
  378. .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  379. .show > .btn-outline-secondary.dropdown-toggle:focus {
  380. box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
  381. }
  382. .btn-outline-success {
  383. color: #21b978;
  384. border-color: #21b978;
  385. }
  386. .btn-outline-success:hover {
  387. color: #fff;
  388. background-color: #21b978;
  389. border-color: #21b978;
  390. }
  391. .btn-outline-success:focus,
  392. .btn-outline-success.focus {
  393. box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
  394. }
  395. .btn-outline-success.disabled,
  396. .btn-outline-success:disabled {
  397. color: #21b978;
  398. background-color: transparent;
  399. }
  400. .btn-outline-success:not(:disabled):not(.disabled):active,
  401. .btn-outline-success:not(:disabled):not(.disabled).active,
  402. .show > .btn-outline-success.dropdown-toggle {
  403. color: #fff;
  404. background-color: #21b978;
  405. border-color: #21b978;
  406. }
  407. .btn-outline-success:not(:disabled):not(.disabled):active:focus,
  408. .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  409. .show > .btn-outline-success.dropdown-toggle:focus {
  410. box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
  411. }
  412. .btn-outline-info {
  413. color: #3085d6;
  414. border-color: #3085d6;
  415. }
  416. .btn-outline-info:hover {
  417. color: #fff;
  418. background-color: #3085d6;
  419. border-color: #3085d6;
  420. }
  421. .btn-outline-info:focus,
  422. .btn-outline-info.focus {
  423. box-shadow: 0 0 0 0.2rem rgba(48, 133, 214, 0.5);
  424. }
  425. .btn-outline-info.disabled,
  426. .btn-outline-info:disabled {
  427. color: #3085d6;
  428. background-color: transparent;
  429. }
  430. .btn-outline-info:not(:disabled):not(.disabled):active,
  431. .btn-outline-info:not(:disabled):not(.disabled).active,
  432. .show > .btn-outline-info.dropdown-toggle {
  433. color: #fff;
  434. background-color: #3085d6;
  435. border-color: #3085d6;
  436. }
  437. .btn-outline-info:not(:disabled):not(.disabled):active:focus,
  438. .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  439. .show > .btn-outline-info.dropdown-toggle:focus {
  440. box-shadow: 0 0 0 0.2rem rgba(48, 133, 214, 0.5);
  441. }
  442. .btn-outline-warning {
  443. color: #dda451;
  444. border-color: #dda451;
  445. }
  446. .btn-outline-warning:hover {
  447. color: #2a2e30;
  448. background-color: #dda451;
  449. border-color: #dda451;
  450. }
  451. .btn-outline-warning:focus,
  452. .btn-outline-warning.focus {
  453. box-shadow: 0 0 0 0.2rem rgba(221, 164, 81, 0.5);
  454. }
  455. .btn-outline-warning.disabled,
  456. .btn-outline-warning:disabled {
  457. color: #dda451;
  458. background-color: transparent;
  459. }
  460. .btn-outline-warning:not(:disabled):not(.disabled):active,
  461. .btn-outline-warning:not(:disabled):not(.disabled).active,
  462. .show > .btn-outline-warning.dropdown-toggle {
  463. color: #2a2e30;
  464. background-color: #dda451;
  465. border-color: #dda451;
  466. }
  467. .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
  468. .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  469. .show > .btn-outline-warning.dropdown-toggle:focus {
  470. box-shadow: 0 0 0 0.2rem rgba(221, 164, 81, 0.5);
  471. }
  472. .btn-outline-danger {
  473. color: #ea5455;
  474. border-color: #ea5455;
  475. }
  476. .btn-outline-danger:hover {
  477. color: #fff;
  478. background-color: #ea5455;
  479. border-color: #ea5455;
  480. }
  481. .btn-outline-danger:focus,
  482. .btn-outline-danger.focus {
  483. box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
  484. }
  485. .btn-outline-danger.disabled,
  486. .btn-outline-danger:disabled {
  487. color: #ea5455;
  488. background-color: transparent;
  489. }
  490. .btn-outline-danger:not(:disabled):not(.disabled):active,
  491. .btn-outline-danger:not(:disabled):not(.disabled).active,
  492. .show > .btn-outline-danger.dropdown-toggle {
  493. color: #fff;
  494. background-color: #ea5455;
  495. border-color: #ea5455;
  496. }
  497. .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
  498. .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  499. .show > .btn-outline-danger.dropdown-toggle:focus {
  500. box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
  501. }
  502. .btn-outline-light {
  503. color: #babfc7;
  504. border-color: #babfc7;
  505. }
  506. .btn-outline-light:hover {
  507. color: #2a2e30;
  508. background-color: #babfc7;
  509. border-color: #babfc7;
  510. }
  511. .btn-outline-light:focus,
  512. .btn-outline-light.focus {
  513. box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
  514. }
  515. .btn-outline-light.disabled,
  516. .btn-outline-light:disabled {
  517. color: #babfc7;
  518. background-color: transparent;
  519. }
  520. .btn-outline-light:not(:disabled):not(.disabled):active,
  521. .btn-outline-light:not(:disabled):not(.disabled).active,
  522. .show > .btn-outline-light.dropdown-toggle {
  523. color: #2a2e30;
  524. background-color: #babfc7;
  525. border-color: #babfc7;
  526. }
  527. .btn-outline-light:not(:disabled):not(.disabled):active:focus,
  528. .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  529. .show > .btn-outline-light.dropdown-toggle:focus {
  530. box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
  531. }
  532. .btn-outline-dark {
  533. color: #1e1e1e;
  534. border-color: #1e1e1e;
  535. }
  536. .btn-outline-dark:hover {
  537. color: #fff;
  538. background-color: #1e1e1e;
  539. border-color: #1e1e1e;
  540. }
  541. .btn-outline-dark:focus,
  542. .btn-outline-dark.focus {
  543. box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
  544. }
  545. .btn-outline-dark.disabled,
  546. .btn-outline-dark:disabled {
  547. color: #1e1e1e;
  548. background-color: transparent;
  549. }
  550. .btn-outline-dark:not(:disabled):not(.disabled):active,
  551. .btn-outline-dark:not(:disabled):not(.disabled).active,
  552. .show > .btn-outline-dark.dropdown-toggle {
  553. color: #fff;
  554. background-color: #1e1e1e;
  555. border-color: #1e1e1e;
  556. }
  557. .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
  558. .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  559. .show > .btn-outline-dark.dropdown-toggle:focus {
  560. box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
  561. }
  562. .btn-link {
  563. font-weight: 400;
  564. color: #495abf;
  565. text-decoration: none;
  566. }
  567. .btn-link:hover {
  568. color: #37469e;
  569. text-decoration: none;
  570. }
  571. .btn-link:focus,
  572. .btn-link.focus {
  573. text-decoration: none;
  574. box-shadow: none;
  575. }
  576. .btn-link:disabled,
  577. .btn-link.disabled {
  578. color: #b8c2cc;
  579. pointer-events: none;
  580. }
  581. .btn-lg {
  582. padding: 1rem 2.5rem;
  583. font-size: 1.25rem;
  584. border-radius: 0.4285rem;
  585. }
  586. .btn-sm {
  587. padding: 0.5rem 1.5rem;
  588. font-size: 0.7rem;
  589. border-radius: 0.4285rem;
  590. }
  591. .btn-block {
  592. display: block;
  593. width: 100%;
  594. }
  595. .btn-block + .btn-block {
  596. margin-top: 0.5rem;
  597. }
  598. input[type=submit].btn-block,
  599. input[type=reset].btn-block,
  600. input[type=button].btn-block {
  601. width: 100%;
  602. }
  603. .fc .fc-header-toolbar {
  604. margin-bottom: 2rem;
  605. }
  606. .fc .fc-header-toolbar .bullets-group-1,
  607. .fc .fc-header-toolbar .bullets-group-2 {
  608. display: flex;
  609. align-items: center;
  610. margin-left: 0;
  611. margin: 0.5rem auto;
  612. }
  613. .fc .fc-header-toolbar .bullets-group-2 {
  614. margin-bottom: 0;
  615. }
  616. .fc .fc-header-toolbar .fc-right div:first-child {
  617. display: flex;
  618. justify-content: flex-end;
  619. align-items: center;
  620. }
  621. .fc .fc-header-toolbar .fc-right div:first-child h2 {
  622. font-weight: 400;
  623. font-size: 1.3rem;
  624. margin: 0 0.5rem;
  625. }
  626. .fc .fc-header-toolbar .fc-right .fc-button {
  627. border-radius: 50%;
  628. padding: 0.4rem 0.4rem;
  629. height: 24px;
  630. width: 24px;
  631. }
  632. .fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button {
  633. margin-right: 0.5rem;
  634. }
  635. .fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon {
  636. position: relative;
  637. top: -6px;
  638. left: -4px;
  639. }
  640. .fc .fc-header-toolbar .fc-right .fc-button.fc-next-button {
  641. margin-left: 0.5rem;
  642. }
  643. .fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon {
  644. position: relative;
  645. top: -6px;
  646. right: 3px;
  647. }
  648. .fc .fc-header-toolbar .fc-addNew-button {
  649. padding: 0.65rem 2rem;
  650. }
  651. .fc .fc-header-toolbar .fc-addNew-button:before {
  652. font-family: "feather";
  653. content: "\E8B1";
  654. }
  655. .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header {
  656. padding: 1px 0;
  657. }
  658. .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header.fc-today {
  659. color: #fff;
  660. }
  661. .fc .fc-view-container .fc-body .fc-week table tbody .fc-day {
  662. cursor: pointer;
  663. }
  664. .fc .fc-view-container .fc-body .fc-week table tbody .fc-day.fc-today {
  665. background: transparent;
  666. }
  667. .fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month {
  668. background-color: #f1f1f1;
  669. }
  670. .fc .fc-view-container .fc-body .fc-day-top.fc-today a {
  671. background-color: #5c6bc6;
  672. color: #fff;
  673. padding: 5px 10px;
  674. margin-top: 2px;
  675. margin-right: 2px;
  676. border-radius: 50%;
  677. }
  678. .fc .fc-view-container .fc-body .fc-not-end,
  679. .fc .fc-view-container .fc-body .fc-not-start {
  680. padding: 1px 8px !important;
  681. opacity: 1 !important;
  682. }
  683. .fc .fc-view-container .fc-body .fc-not-end .fc-title,
  684. .fc .fc-view-container .fc-body .fc-not-start .fc-title {
  685. padding-left: 1rem;
  686. }
  687. .fc .fc-view-container .fc-body .fc-not-start {
  688. margin-left: -6px !important;
  689. }
  690. .fc .fc-view-container .fc-body .fc-not-end {
  691. margin-right: -6px !important;
  692. }
  693. .fc .fc-view-container td,
  694. .fc .fc-view-container th {
  695. border-color: #e0e0e0;
  696. font-size: 1rem;
  697. }
  698. .fc .fc-button {
  699. padding: 0.6rem 1rem;
  700. height: auto;
  701. outline: none;
  702. text-shadow: none;
  703. background-color: #5c6bc6;
  704. color: #fff;
  705. }
  706. .fc .fc-button:not(:disabled).fc-button-active {
  707. background-color: #3e4eb1;
  708. }
  709. .fc .fc-button:focus {
  710. outline: none;
  711. box-shadow: none;
  712. }
  713. .fc .fc-event {
  714. background: #5c6bc6;
  715. border: 1px solid #495abf;
  716. padding: 1px 8px;
  717. border-radius: 1rem;
  718. border: none;
  719. padding-left: 1rem;
  720. }
  721. .fc .fc-event .fc-title {
  722. font-size: 0.85rem;
  723. color: #fff;
  724. }
  725. .modal-calendar .calendar-dropdown .dropdown-toggle {
  726. font-size: 1.2rem;
  727. }
  728. .modal-calendar .calendar-dropdown .dropdown-toggle:after {
  729. display: none;
  730. }
  731. .modal-calendar #cal-start-date:disabled {
  732. opacity: 0.5;
  733. }
  734. @media (max-width: 900px) {
  735. .fc .fc-header-toolbar {
  736. margin-bottom: 2rem;
  737. }
  738. .fc .fc-header-toolbar .bullets-group-1 [class*=category-] {
  739. margin: 0.3rem 0;
  740. }
  741. }
  742. @media (max-width: 767.98px) {
  743. .fc .fc-header-toolbar {
  744. flex-direction: column;
  745. margin-bottom: 2rem;
  746. }
  747. .fc .fc-header-toolbar .bullets-group-1 {
  748. display: none;
  749. }
  750. .fc .fc-header-toolbar .fc-left {
  751. margin-bottom: 1rem;
  752. }
  753. .fc .fc-header-toolbar .fc-center {
  754. margin: 1 auto;
  755. margin-bottom: 0;
  756. }
  757. .fc .fc-header-toolbar .fc-right {
  758. margin: 1rem auto;
  759. }
  760. .fc .fc-header-toolbar .fc-right div:first-child {
  761. justify-content: center;
  762. }
  763. }