bootstrap-datepicker.css 35 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123
  1. /*!
  2. * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
  3. *
  4. * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
  5. */
  6. @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
  7. .datepicker {
  8. border-radius: 4px;
  9. direction: ltr; }
  10. .datepicker-inline {
  11. width: 220px; }
  12. .datepicker-rtl {
  13. direction: rtl; }
  14. .datepicker-rtl.dropdown-menu {
  15. left: auto; }
  16. .datepicker-rtl table tr td span {
  17. float: right; }
  18. .datepicker-dropdown {
  19. top: 0;
  20. left: 0;
  21. padding: 4px; }
  22. .datepicker-dropdown:before {
  23. content: '';
  24. display: inline-block;
  25. border-left: 7px solid transparent;
  26. border-right: 7px solid transparent;
  27. border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  28. border-top: 0;
  29. border-bottom-color: rgba(0, 0, 0, 0.2);
  30. position: absolute; }
  31. .datepicker-dropdown:after {
  32. content: '';
  33. display: inline-block;
  34. border-left: 6px solid transparent;
  35. border-right: 6px solid transparent;
  36. border-bottom: 6px solid #fff;
  37. border-top: 0;
  38. position: absolute; }
  39. .datepicker-dropdown.datepicker-orient-left:before {
  40. left: 6px; }
  41. .datepicker-dropdown.datepicker-orient-left:after {
  42. left: 7px; }
  43. .datepicker-dropdown.datepicker-orient-right:before {
  44. right: 6px; }
  45. .datepicker-dropdown.datepicker-orient-right:after {
  46. right: 7px; }
  47. .datepicker-dropdown.datepicker-orient-bottom:before {
  48. top: -7px; }
  49. .datepicker-dropdown.datepicker-orient-bottom:after {
  50. top: -6px; }
  51. .datepicker-dropdown.datepicker-orient-top:before {
  52. bottom: -7px;
  53. border-bottom: 0;
  54. border-top: 7px solid rgba(0, 0, 0, 0.15); }
  55. .datepicker-dropdown.datepicker-orient-top:after {
  56. bottom: -6px;
  57. border-bottom: 0;
  58. border-top: 6px solid #fff; }
  59. .datepicker table {
  60. margin: 0;
  61. -webkit-touch-callout: none;
  62. -webkit-user-select: none;
  63. -moz-user-select: none;
  64. -ms-user-select: none;
  65. user-select: none; }
  66. .datepicker table tr td,
  67. .datepicker table tr th {
  68. text-align: center;
  69. width: 30px;
  70. height: 30px;
  71. border-radius: 4px;
  72. border: none; }
  73. .table-striped .datepicker table tr td,
  74. .table-striped .datepicker table tr th {
  75. background-color: transparent; }
  76. .datepicker table tr td.old,
  77. .datepicker table tr td.new {
  78. color: #777777; }
  79. .datepicker table tr td.day:hover,
  80. .datepicker table tr td.focused {
  81. background: #eeeeee;
  82. cursor: pointer; }
  83. .datepicker table tr td.disabled,
  84. .datepicker table tr td.disabled:hover {
  85. background: none;
  86. color: #777777;
  87. cursor: default; }
  88. .datepicker table tr td.highlighted {
  89. color: #000;
  90. background-color: #d9edf7;
  91. border-color: #85c5e5;
  92. border-radius: 0; }
  93. .datepicker table tr td.highlighted:focus,
  94. .datepicker table tr td.highlighted.focus {
  95. color: #000;
  96. background-color: #afd9ee;
  97. border-color: #298fc2; }
  98. .datepicker table tr td.highlighted:hover {
  99. color: #000;
  100. background-color: #afd9ee;
  101. border-color: #52addb; }
  102. .datepicker table tr td.highlighted:active,
  103. .datepicker table tr td.highlighted.active {
  104. color: #000;
  105. background-color: #afd9ee;
  106. border-color: #52addb; }
  107. .datepicker table tr td.highlighted:active:hover,
  108. .datepicker table tr td.highlighted.active:hover,
  109. .datepicker table tr td.highlighted:active:focus,
  110. .datepicker table tr td.highlighted.active:focus,
  111. .datepicker table tr td.highlighted:active.focus,
  112. .datepicker table tr td.highlighted.active.focus {
  113. color: #000;
  114. background-color: #91cbe8;
  115. border-color: #298fc2; }
  116. .datepicker table tr td.highlighted.disabled:hover,
  117. .datepicker table tr td.highlighted[disabled]:hover,
  118. fieldset[disabled] .datepicker table tr td.highlighted:hover,
  119. .datepicker table tr td.highlighted.disabled:focus,
  120. .datepicker table tr td.highlighted[disabled]:focus,
  121. fieldset[disabled] .datepicker table tr td.highlighted:focus,
  122. .datepicker table tr td.highlighted.disabled.focus,
  123. .datepicker table tr td.highlighted[disabled].focus,
  124. fieldset[disabled] .datepicker table tr td.highlighted.focus {
  125. background-color: #d9edf7;
  126. border-color: #85c5e5; }
  127. .datepicker table tr td.highlighted.focused {
  128. background: #afd9ee; }
  129. .datepicker table tr td.highlighted.disabled,
  130. .datepicker table tr td.highlighted.disabled:active {
  131. background: #d9edf7;
  132. color: #777777; }
  133. .datepicker table tr td.today {
  134. color: #000;
  135. background-color: #ffdb99;
  136. border-color: #ffb733; }
  137. .datepicker table tr td.today:focus,
  138. .datepicker table tr td.today.focus {
  139. color: #000;
  140. background-color: #ffc966;
  141. border-color: #b37400; }
  142. .datepicker table tr td.today:hover {
  143. color: #000;
  144. background-color: #ffc966;
  145. border-color: #f59e00; }
  146. .datepicker table tr td.today:active,
  147. .datepicker table tr td.today.active {
  148. color: #000;
  149. background-color: #ffc966;
  150. border-color: #f59e00; }
  151. .datepicker table tr td.today:active:hover,
  152. .datepicker table tr td.today.active:hover,
  153. .datepicker table tr td.today:active:focus,
  154. .datepicker table tr td.today.active:focus,
  155. .datepicker table tr td.today:active.focus,
  156. .datepicker table tr td.today.active.focus {
  157. color: #000;
  158. background-color: #ffbc42;
  159. border-color: #b37400; }
  160. .datepicker table tr td.today.disabled:hover,
  161. .datepicker table tr td.today[disabled]:hover,
  162. fieldset[disabled] .datepicker table tr td.today:hover,
  163. .datepicker table tr td.today.disabled:focus,
  164. .datepicker table tr td.today[disabled]:focus,
  165. fieldset[disabled] .datepicker table tr td.today:focus,
  166. .datepicker table tr td.today.disabled.focus,
  167. .datepicker table tr td.today[disabled].focus,
  168. fieldset[disabled] .datepicker table tr td.today.focus {
  169. background-color: #ffdb99;
  170. border-color: #ffb733; }
  171. .datepicker table tr td.today.focused {
  172. background: #ffc966; }
  173. .datepicker table tr td.today.disabled,
  174. .datepicker table tr td.today.disabled:active {
  175. background: #ffdb99;
  176. color: #777777; }
  177. .datepicker table tr td.range {
  178. color: #000;
  179. background-color: #eeeeee;
  180. border-color: #bbbbbb;
  181. border-radius: 0; }
  182. .datepicker table tr td.range:focus,
  183. .datepicker table tr td.range.focus {
  184. color: #000;
  185. background-color: #d5d5d5;
  186. border-color: #7c7c7c; }
  187. .datepicker table tr td.range:hover {
  188. color: #000;
  189. background-color: #d5d5d5;
  190. border-color: #9d9d9d; }
  191. .datepicker table tr td.range:active,
  192. .datepicker table tr td.range.active {
  193. color: #000;
  194. background-color: #d5d5d5;
  195. border-color: #9d9d9d; }
  196. .datepicker table tr td.range:active:hover,
  197. .datepicker table tr td.range.active:hover,
  198. .datepicker table tr td.range:active:focus,
  199. .datepicker table tr td.range.active:focus,
  200. .datepicker table tr td.range:active.focus,
  201. .datepicker table tr td.range.active.focus {
  202. color: #000;
  203. background-color: #c3c3c3;
  204. border-color: #7c7c7c; }
  205. .datepicker table tr td.range.disabled:hover,
  206. .datepicker table tr td.range[disabled]:hover,
  207. fieldset[disabled] .datepicker table tr td.range:hover,
  208. .datepicker table tr td.range.disabled:focus,
  209. .datepicker table tr td.range[disabled]:focus,
  210. fieldset[disabled] .datepicker table tr td.range:focus,
  211. .datepicker table tr td.range.disabled.focus,
  212. .datepicker table tr td.range[disabled].focus,
  213. fieldset[disabled] .datepicker table tr td.range.focus {
  214. background-color: #eeeeee;
  215. border-color: #bbbbbb; }
  216. .datepicker table tr td.range.focused {
  217. background: #d5d5d5; }
  218. .datepicker table tr td.range.disabled,
  219. .datepicker table tr td.range.disabled:active {
  220. background: #eeeeee;
  221. color: #777777; }
  222. .datepicker table tr td.range.highlighted {
  223. color: #000;
  224. background-color: #e4eef3;
  225. border-color: #9dc1d3; }
  226. .datepicker table tr td.range.highlighted:focus,
  227. .datepicker table tr td.range.highlighted.focus {
  228. color: #000;
  229. background-color: #c1d7e3;
  230. border-color: #4b88a6; }
  231. .datepicker table tr td.range.highlighted:hover {
  232. color: #000;
  233. background-color: #c1d7e3;
  234. border-color: #73a6c0; }
  235. .datepicker table tr td.range.highlighted:active,
  236. .datepicker table tr td.range.highlighted.active {
  237. color: #000;
  238. background-color: #c1d7e3;
  239. border-color: #73a6c0; }
  240. .datepicker table tr td.range.highlighted:active:hover,
  241. .datepicker table tr td.range.highlighted.active:hover,
  242. .datepicker table tr td.range.highlighted:active:focus,
  243. .datepicker table tr td.range.highlighted.active:focus,
  244. .datepicker table tr td.range.highlighted:active.focus,
  245. .datepicker table tr td.range.highlighted.active.focus {
  246. color: #000;
  247. background-color: #a8c8d8;
  248. border-color: #4b88a6; }
  249. .datepicker table tr td.range.highlighted.disabled:hover,
  250. .datepicker table tr td.range.highlighted[disabled]:hover,
  251. fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
  252. .datepicker table tr td.range.highlighted.disabled:focus,
  253. .datepicker table tr td.range.highlighted[disabled]:focus,
  254. fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
  255. .datepicker table tr td.range.highlighted.disabled.focus,
  256. .datepicker table tr td.range.highlighted[disabled].focus,
  257. fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  258. background-color: #e4eef3;
  259. border-color: #9dc1d3; }
  260. .datepicker table tr td.range.highlighted.focused {
  261. background: #c1d7e3; }
  262. .datepicker table tr td.range.highlighted.disabled,
  263. .datepicker table tr td.range.highlighted.disabled:active {
  264. background: #e4eef3;
  265. color: #777777; }
  266. .datepicker table tr td.range.today {
  267. color: #000;
  268. background-color: #f7ca77;
  269. border-color: #f1a417; }
  270. .datepicker table tr td.range.today:focus,
  271. .datepicker table tr td.range.today.focus {
  272. color: #000;
  273. background-color: #f4b747;
  274. border-color: #815608; }
  275. .datepicker table tr td.range.today:hover {
  276. color: #000;
  277. background-color: #f4b747;
  278. border-color: #bf800c; }
  279. .datepicker table tr td.range.today:active,
  280. .datepicker table tr td.range.today.active {
  281. color: #000;
  282. background-color: #f4b747;
  283. border-color: #bf800c; }
  284. .datepicker table tr td.range.today:active:hover,
  285. .datepicker table tr td.range.today.active:hover,
  286. .datepicker table tr td.range.today:active:focus,
  287. .datepicker table tr td.range.today.active:focus,
  288. .datepicker table tr td.range.today:active.focus,
  289. .datepicker table tr td.range.today.active.focus {
  290. color: #000;
  291. background-color: #f2aa25;
  292. border-color: #815608; }
  293. .datepicker table tr td.range.today.disabled:hover,
  294. .datepicker table tr td.range.today[disabled]:hover,
  295. fieldset[disabled] .datepicker table tr td.range.today:hover,
  296. .datepicker table tr td.range.today.disabled:focus,
  297. .datepicker table tr td.range.today[disabled]:focus,
  298. fieldset[disabled] .datepicker table tr td.range.today:focus,
  299. .datepicker table tr td.range.today.disabled.focus,
  300. .datepicker table tr td.range.today[disabled].focus,
  301. fieldset[disabled] .datepicker table tr td.range.today.focus {
  302. background-color: #f7ca77;
  303. border-color: #f1a417; }
  304. .datepicker table tr td.range.today.disabled,
  305. .datepicker table tr td.range.today.disabled:active {
  306. background: #f7ca77;
  307. color: #777777; }
  308. .datepicker table tr td.selected,
  309. .datepicker table tr td.selected.highlighted {
  310. color: #fff;
  311. background-color: #777777;
  312. border-color: #555555;
  313. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  314. .datepicker table tr td.selected:focus,
  315. .datepicker table tr td.selected.highlighted:focus,
  316. .datepicker table tr td.selected.focus,
  317. .datepicker table tr td.selected.highlighted.focus {
  318. color: #fff;
  319. background-color: #5e5e5e;
  320. border-color: #161616; }
  321. .datepicker table tr td.selected:hover,
  322. .datepicker table tr td.selected.highlighted:hover {
  323. color: #fff;
  324. background-color: #5e5e5e;
  325. border-color: #373737; }
  326. .datepicker table tr td.selected:active,
  327. .datepicker table tr td.selected.highlighted:active,
  328. .datepicker table tr td.selected.active,
  329. .datepicker table tr td.selected.highlighted.active {
  330. color: #fff;
  331. background-color: #5e5e5e;
  332. border-color: #373737; }
  333. .datepicker table tr td.selected:active:hover,
  334. .datepicker table tr td.selected.highlighted:active:hover,
  335. .datepicker table tr td.selected.active:hover,
  336. .datepicker table tr td.selected.highlighted.active:hover,
  337. .datepicker table tr td.selected:active:focus,
  338. .datepicker table tr td.selected.highlighted:active:focus,
  339. .datepicker table tr td.selected.active:focus,
  340. .datepicker table tr td.selected.highlighted.active:focus,
  341. .datepicker table tr td.selected:active.focus,
  342. .datepicker table tr td.selected.highlighted:active.focus,
  343. .datepicker table tr td.selected.active.focus,
  344. .datepicker table tr td.selected.highlighted.active.focus {
  345. color: #fff;
  346. background-color: #4c4c4c;
  347. border-color: #161616; }
  348. .datepicker table tr td.selected.disabled:hover,
  349. .datepicker table tr td.selected.highlighted.disabled:hover,
  350. .datepicker table tr td.selected[disabled]:hover,
  351. .datepicker table tr td.selected.highlighted[disabled]:hover,
  352. fieldset[disabled] .datepicker table tr td.selected:hover,
  353. fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
  354. .datepicker table tr td.selected.disabled:focus,
  355. .datepicker table tr td.selected.highlighted.disabled:focus,
  356. .datepicker table tr td.selected[disabled]:focus,
  357. .datepicker table tr td.selected.highlighted[disabled]:focus,
  358. fieldset[disabled] .datepicker table tr td.selected:focus,
  359. fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
  360. .datepicker table tr td.selected.disabled.focus,
  361. .datepicker table tr td.selected.highlighted.disabled.focus,
  362. .datepicker table tr td.selected[disabled].focus,
  363. .datepicker table tr td.selected.highlighted[disabled].focus,
  364. fieldset[disabled] .datepicker table tr td.selected.focus,
  365. fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  366. background-color: #777777;
  367. border-color: #555555; }
  368. .datepicker table tr td.active,
  369. .datepicker table tr td.active.highlighted {
  370. color: #fff;
  371. background-color: #337ab7;
  372. border-color: #2e6da4;
  373. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  374. .datepicker table tr td.active:focus,
  375. .datepicker table tr td.active.highlighted:focus,
  376. .datepicker table tr td.active.focus,
  377. .datepicker table tr td.active.highlighted.focus {
  378. color: #fff;
  379. background-color: #286090;
  380. border-color: #122b40; }
  381. .datepicker table tr td.active:hover,
  382. .datepicker table tr td.active.highlighted:hover {
  383. color: #fff;
  384. background-color: #286090;
  385. border-color: #204d74; }
  386. .datepicker table tr td.active:active,
  387. .datepicker table tr td.active.highlighted:active,
  388. .datepicker table tr td.active.active,
  389. .datepicker table tr td.active.highlighted.active {
  390. color: #fff;
  391. background-color: #286090;
  392. border-color: #204d74; }
  393. .datepicker table tr td.active:active:hover,
  394. .datepicker table tr td.active.highlighted:active:hover,
  395. .datepicker table tr td.active.active:hover,
  396. .datepicker table tr td.active.highlighted.active:hover,
  397. .datepicker table tr td.active:active:focus,
  398. .datepicker table tr td.active.highlighted:active:focus,
  399. .datepicker table tr td.active.active:focus,
  400. .datepicker table tr td.active.highlighted.active:focus,
  401. .datepicker table tr td.active:active.focus,
  402. .datepicker table tr td.active.highlighted:active.focus,
  403. .datepicker table tr td.active.active.focus,
  404. .datepicker table tr td.active.highlighted.active.focus {
  405. color: #fff;
  406. background-color: #204d74;
  407. border-color: #122b40; }
  408. .datepicker table tr td.active.disabled:hover,
  409. .datepicker table tr td.active.highlighted.disabled:hover,
  410. .datepicker table tr td.active[disabled]:hover,
  411. .datepicker table tr td.active.highlighted[disabled]:hover,
  412. fieldset[disabled] .datepicker table tr td.active:hover,
  413. fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
  414. .datepicker table tr td.active.disabled:focus,
  415. .datepicker table tr td.active.highlighted.disabled:focus,
  416. .datepicker table tr td.active[disabled]:focus,
  417. .datepicker table tr td.active.highlighted[disabled]:focus,
  418. fieldset[disabled] .datepicker table tr td.active:focus,
  419. fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
  420. .datepicker table tr td.active.disabled.focus,
  421. .datepicker table tr td.active.highlighted.disabled.focus,
  422. .datepicker table tr td.active[disabled].focus,
  423. .datepicker table tr td.active.highlighted[disabled].focus,
  424. fieldset[disabled] .datepicker table tr td.active.focus,
  425. fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  426. background-color: #337ab7;
  427. border-color: #2e6da4; }
  428. .datepicker table tr td span {
  429. display: block;
  430. width: 23%;
  431. height: 54px;
  432. line-height: 54px;
  433. float: left;
  434. margin: 1%;
  435. cursor: pointer;
  436. border-radius: 4px; }
  437. .datepicker table tr td span:hover,
  438. .datepicker table tr td span.focused {
  439. background: #eeeeee; }
  440. .datepicker table tr td span.disabled,
  441. .datepicker table tr td span.disabled:hover {
  442. background: none;
  443. color: #777777;
  444. cursor: default; }
  445. .datepicker table tr td span.active,
  446. .datepicker table tr td span.active:hover,
  447. .datepicker table tr td span.active.disabled,
  448. .datepicker table tr td span.active.disabled:hover {
  449. color: #fff;
  450. background-color: #337ab7;
  451. border-color: #2e6da4;
  452. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  453. .datepicker table tr td span.active:focus,
  454. .datepicker table tr td span.active:hover:focus,
  455. .datepicker table tr td span.active.disabled:focus,
  456. .datepicker table tr td span.active.disabled:hover:focus,
  457. .datepicker table tr td span.active.focus,
  458. .datepicker table tr td span.active:hover.focus,
  459. .datepicker table tr td span.active.disabled.focus,
  460. .datepicker table tr td span.active.disabled:hover.focus {
  461. color: #fff;
  462. background-color: #286090;
  463. border-color: #122b40; }
  464. .datepicker table tr td span.active:hover,
  465. .datepicker table tr td span.active:hover:hover,
  466. .datepicker table tr td span.active.disabled:hover,
  467. .datepicker table tr td span.active.disabled:hover:hover {
  468. color: #fff;
  469. background-color: #286090;
  470. border-color: #204d74; }
  471. .datepicker table tr td span.active:active,
  472. .datepicker table tr td span.active:hover:active,
  473. .datepicker table tr td span.active.disabled:active,
  474. .datepicker table tr td span.active.disabled:hover:active,
  475. .datepicker table tr td span.active.active,
  476. .datepicker table tr td span.active:hover.active,
  477. .datepicker table tr td span.active.disabled.active,
  478. .datepicker table tr td span.active.disabled:hover.active {
  479. color: #fff;
  480. background-color: #286090;
  481. border-color: #204d74; }
  482. .datepicker table tr td span.active:active:hover,
  483. .datepicker table tr td span.active:hover:active:hover,
  484. .datepicker table tr td span.active.disabled:active:hover,
  485. .datepicker table tr td span.active.disabled:hover:active:hover,
  486. .datepicker table tr td span.active.active:hover,
  487. .datepicker table tr td span.active:hover.active:hover,
  488. .datepicker table tr td span.active.disabled.active:hover,
  489. .datepicker table tr td span.active.disabled:hover.active:hover,
  490. .datepicker table tr td span.active:active:focus,
  491. .datepicker table tr td span.active:hover:active:focus,
  492. .datepicker table tr td span.active.disabled:active:focus,
  493. .datepicker table tr td span.active.disabled:hover:active:focus,
  494. .datepicker table tr td span.active.active:focus,
  495. .datepicker table tr td span.active:hover.active:focus,
  496. .datepicker table tr td span.active.disabled.active:focus,
  497. .datepicker table tr td span.active.disabled:hover.active:focus,
  498. .datepicker table tr td span.active:active.focus,
  499. .datepicker table tr td span.active:hover:active.focus,
  500. .datepicker table tr td span.active.disabled:active.focus,
  501. .datepicker table tr td span.active.disabled:hover:active.focus,
  502. .datepicker table tr td span.active.active.focus,
  503. .datepicker table tr td span.active:hover.active.focus,
  504. .datepicker table tr td span.active.disabled.active.focus,
  505. .datepicker table tr td span.active.disabled:hover.active.focus {
  506. color: #fff;
  507. background-color: #204d74;
  508. border-color: #122b40; }
  509. .datepicker table tr td span.active.disabled:hover,
  510. .datepicker table tr td span.active:hover.disabled:hover,
  511. .datepicker table tr td span.active.disabled.disabled:hover,
  512. .datepicker table tr td span.active.disabled:hover.disabled:hover,
  513. .datepicker table tr td span.active[disabled]:hover,
  514. .datepicker table tr td span.active:hover[disabled]:hover,
  515. .datepicker table tr td span.active.disabled[disabled]:hover,
  516. .datepicker table tr td span.active.disabled:hover[disabled]:hover,
  517. fieldset[disabled] .datepicker table tr td span.active:hover,
  518. fieldset[disabled] .datepicker table tr td span.active:hover:hover,
  519. fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
  520. fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
  521. .datepicker table tr td span.active.disabled:focus,
  522. .datepicker table tr td span.active:hover.disabled:focus,
  523. .datepicker table tr td span.active.disabled.disabled:focus,
  524. .datepicker table tr td span.active.disabled:hover.disabled:focus,
  525. .datepicker table tr td span.active[disabled]:focus,
  526. .datepicker table tr td span.active:hover[disabled]:focus,
  527. .datepicker table tr td span.active.disabled[disabled]:focus,
  528. .datepicker table tr td span.active.disabled:hover[disabled]:focus,
  529. fieldset[disabled] .datepicker table tr td span.active:focus,
  530. fieldset[disabled] .datepicker table tr td span.active:hover:focus,
  531. fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
  532. fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
  533. .datepicker table tr td span.active.disabled.focus,
  534. .datepicker table tr td span.active:hover.disabled.focus,
  535. .datepicker table tr td span.active.disabled.disabled.focus,
  536. .datepicker table tr td span.active.disabled:hover.disabled.focus,
  537. .datepicker table tr td span.active[disabled].focus,
  538. .datepicker table tr td span.active:hover[disabled].focus,
  539. .datepicker table tr td span.active.disabled[disabled].focus,
  540. .datepicker table tr td span.active.disabled:hover[disabled].focus,
  541. fieldset[disabled] .datepicker table tr td span.active.focus,
  542. fieldset[disabled] .datepicker table tr td span.active:hover.focus,
  543. fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
  544. fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  545. background-color: #337ab7;
  546. border-color: #2e6da4; }
  547. .datepicker table tr td span.old,
  548. .datepicker table tr td span.new {
  549. color: #777777; }
  550. .datepicker .datepicker-switch {
  551. width: 145px; }
  552. .datepicker .datepicker-switch,
  553. .datepicker .prev,
  554. .datepicker .next,
  555. .datepicker tfoot tr th {
  556. cursor: pointer; }
  557. .datepicker .datepicker-switch:hover,
  558. .datepicker .prev:hover,
  559. .datepicker .next:hover,
  560. .datepicker tfoot tr th:hover {
  561. background: #eeeeee; }
  562. .datepicker .prev.disabled,
  563. .datepicker .next.disabled {
  564. visibility: hidden; }
  565. .datepicker .cw {
  566. font-size: 10px;
  567. width: 12px;
  568. padding: 0 2px 0 5px;
  569. vertical-align: middle; }
  570. .input-group.date .input-group-addon {
  571. cursor: pointer; }
  572. .input-daterange {
  573. width: 100%; }
  574. .input-daterange input {
  575. text-align: center; }
  576. .input-daterange input:first-child {
  577. border-radius: 3px 0 0 3px; }
  578. .input-daterange input:last-child {
  579. border-radius: 0 3px 3px 0; }
  580. .input-daterange .input-group-addon {
  581. width: auto;
  582. min-width: 16px;
  583. padding: 4px 5px;
  584. line-height: 1.42857143;
  585. border-width: 1px 0;
  586. margin-left: -5px;
  587. margin-right: -5px; }
  588. /*# sourceMappingURL=bootstrap-datepicker3.css.map */
  589. /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
  590. ========================================================================== */
  591. /*---------------------------------------------------
  592. SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
  593. -------------------------------- -------------------
  594. LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
  595. SASS port by Samuel Beek (http://samuelbeek.com)
  596. ---------------------------------------------------*/
  597. /*------------------------
  598. Usage
  599. h1 {
  600. font-size: rem(32);
  601. }
  602. OR:
  603. h1 {
  604. font-size: rem(32px);
  605. }
  606. ------------------------*/
  607. /*------------------------
  608. FADE IN
  609. e.g. @include fadeIn( 2s );
  610. ------------------------*/
  611. /*------------------------
  612. mixin that calculates if text needs to be light or dark
  613. depending on the background color passed.
  614. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
  615. usage:
  616. @include text-contrast($bgcolor)
  617. Color brightness is determined by the following formula:
  618. ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
  619. ------------------------*/
  620. /*------------------------
  621. color factory
  622. eg: @include paint($blue-grey-50, bg-blue-grey-50);
  623. ------------------------*/
  624. /* backface visibility */
  625. /* generate theme button */
  626. /* #BASE - Base Variable file along with font library, and colors.
  627. ========================================================================== */
  628. /* THEME COLORs
  629. ========================================================================== */
  630. /* Looks good on chrome default color profile */
  631. /* looks good in sRGB but washed up on chrome default
  632. $color-primary: #826bb0;
  633. $color-success: #31cb55;
  634. $color-info: #5e93ec;
  635. $color-warning: #eec559;
  636. $color-danger: #dc4b92;
  637. $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
  638. /* Color Polarity
  639. ========================================================================== */
  640. /* PAINTBUCKET MIXER
  641. ========================================================================== */
  642. /* the grays */
  643. /* the sapphires */
  644. /* the emeralds */
  645. /* the amethyths */
  646. /* the topaz */
  647. /* the rubies */
  648. /* the graphites */
  649. /* Define universal border difition (div outlines, etc)
  650. ========================================================================== */
  651. /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
  652. ========================================================================== */
  653. /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
  654. /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
  655. /* global var used for spacing*/
  656. /* Uniform Padding variable */
  657. /* Heads up! This is a global scoped variable - changing may impact the whole template */
  658. /* BOOTSTRAP OVERRIDES (bootstrap variables)
  659. ========================================================================== */
  660. /* usage: theme-colors("primary"); */
  661. /* forms */
  662. /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
  663. /* links */
  664. /* checkbox */
  665. /*$custom-file-height-inner: calc(2.25rem - 1px);*/
  666. /* not part of bootstrap variable */
  667. /* custom checkbox */
  668. /* custom range */
  669. /* select */
  670. /* badge */
  671. /* cards */
  672. /*border radius*/
  673. /* alert */
  674. /* toast */
  675. /* breadcrumb */
  676. /* input button */
  677. /* nav link */
  678. /* nav, tabs, pills */
  679. /* tables */
  680. /* dropdowns */
  681. /* dropdowns sizes */
  682. /* popovers */
  683. /* tooltips */
  684. /* modal */
  685. /* reference guide
  686. http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
  687. 8px = 0.5rem
  688. 9px = 0.5625rem
  689. 10px = 0.625rem
  690. 11px = 0.6875rem
  691. 12px = 0.75rem
  692. 13px = 0.8125rem
  693. 14px = 0.875rem
  694. 15px = 0.9375rem
  695. 16px = 1rem (base)
  696. 17px = 1.0625rem
  697. 18px = 1.125rem
  698. 19px = 1.1875rem
  699. 20px = 1.25rem
  700. 21px = 1.3125rem
  701. 22px = 1.375rem
  702. 24px = 1.5rem
  703. 25px = 1.5625rem
  704. 26px = 1.625rem
  705. 28px = 1.75rem
  706. 30px = 1.875rem
  707. 32px = 2rem
  708. 34px = 2.125rem
  709. 36px = 2.25rem
  710. 38px = 2.375rem
  711. 40px = 2.5rem
  712. */
  713. /* Fonts */
  714. /* carousel */
  715. /* BASE VARS
  716. ========================================================================== */
  717. /* font vars below will auto change to rem values using function rem($value)*/
  718. /* 11px */
  719. /* 12px */
  720. /* 12.5px */
  721. /* 14px */
  722. /* 15px */
  723. /* 16px */
  724. /* 28px */
  725. /* Font Family
  726. ========================================================================== */
  727. /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
  728. /* ANIMATIONS
  729. ========================================================================== */
  730. /* this addresses all animation related to nav hide to nav minify */
  731. /* Z-INDEX declearation
  732. ========================================================================== */
  733. /* we adjust bootstrap z-index to be higher than our higest z-index*/
  734. /* CUSTOM ICON PREFIX
  735. ========================================================================== */
  736. /* PRINT CSS (landscape or portrait)
  737. ========================================================================== */
  738. /* landscape or portrait */
  739. /* auto, letter */
  740. /* Common Element Variables
  741. ========================================================================== */
  742. /* Z-index decleartion "birds eye view"
  743. ========================================================================== */
  744. /* Components
  745. ========================================================================== */
  746. /* PAGE HEADER STUFF
  747. ========================================================================== */
  748. /* colors */
  749. /* height */
  750. /* logo */
  751. /* try not to go beywond the width of $main_nav_width value */
  752. /* you may need to change this depending on your logo design */
  753. /* adjust this as you see fit : left, right, center */
  754. /* icon font size (not button) */
  755. /* search input box */
  756. /* suggestion: #ccced0*/
  757. /* btn */
  758. /* dropdown: app list */
  759. /* badge */
  760. /* COMPONENTS & MODS */
  761. /* NAVIGATION STUFF
  762. Guide:
  763. aside.page-sidebar ($nav-width, $nav-background)
  764. .page-logo
  765. .primary-nav
  766. .info-card
  767. ul.nav-menu
  768. li
  769. a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
  770. icon
  771. span
  772. collapse-sign
  773. ul.nav-menu-sub-one
  774. li
  775. a ($nav-level-1... $nav-sub-link-height)
  776. span
  777. collapse-sign
  778. ul.nav-menu-sub-two
  779. li
  780. a ($nav-level-2... $nav-sub-link-height)
  781. span
  782. p.nav-title ($nav-title-*...)
  783. ========================================================================== */
  784. /* main navigation */
  785. /* left panel */
  786. /* nav parent level-0 */
  787. /* nav icon sizes */
  788. /* badge default */
  789. /* all child */
  790. /* nav title */
  791. /* nav Minify */
  792. /* when the menu pops on hover */
  793. /* navigation Width */
  794. /* partial visibility of the menu */
  795. /* top navigation */
  796. /* nav Info Card (appears below the logo) */
  797. /* width is auto */
  798. /* nav DL labels for all child */
  799. /* will be pulled to left as a negative value */
  800. /* MISC Settings
  801. ========================================================================== */
  802. /* List Table */
  803. /* PAGE SETTINGS
  804. ========================================================================== */
  805. /* PAGE BREADCRUMB
  806. ========================================================================== */
  807. /* PAGE COMPONENT PANELS
  808. ========================================================================== */
  809. /* PAGE COMPONENT PROGRESSBARS
  810. ========================================================================== */
  811. /* PAGE COMPONENT MESSENGER
  812. ========================================================================== */
  813. /* FOOTER
  814. ========================================================================== */
  815. /* GLOBALS
  816. ========================================================================== */
  817. /* ACCESSIBILITIES */
  818. /* SHORTCUT BUTTON (appears on bottom right of the page) */
  819. /* GULP WARNINGS */
  820. body {
  821. font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
  822. font-size: 0.8125rem;
  823. letter-spacing: 0.1px; }
  824. .page-content {
  825. color: #666666; }
  826. h1, h2, h3, h4, h5, h6 {
  827. line-height: 1.3;
  828. font-weight: 400; }
  829. strong {
  830. font-weight: 500; }
  831. h1 small,
  832. h2 small,
  833. h3 small,
  834. h4 small,
  835. h5 small,
  836. h6 small,
  837. .h1 small,
  838. .h2 small,
  839. .h3 small,
  840. .h4 small,
  841. .h5 small,
  842. .h6 small {
  843. font-weight: 300;
  844. display: block;
  845. font-size: 0.9375rem;
  846. line-height: 1.5;
  847. margin: 2px 0 1.5rem; }
  848. h2 small,
  849. h3 small,
  850. .h2 small,
  851. .h3 small {
  852. font-size: 0.9375rem; }
  853. h4 small,
  854. .h4 small {
  855. font-size: 0.875rem; }
  856. h5 small,
  857. h6 small,
  858. .h5 small,
  859. .h6 small {
  860. font-size: 0.8125rem; }
  861. /* contrast text */
  862. .text-contrast {
  863. color: #333333; }
  864. /* text-gradient */
  865. .text-gradient {
  866. background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
  867. background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
  868. color: #886ab5;
  869. background-clip: text;
  870. text-fill-color: transparent;
  871. -webkit-background-clip: text;
  872. -webkit-text-fill-color: transparent;
  873. text-shadow: none; }
  874. /* looking for font size? Check _helpers.scss */
  875. /* PLACEHOLDER
  876. =============================================
  877. EXAMPLE:
  878. %bg-image {
  879. width: 100%;
  880. background-position: center center;
  881. background-size: cover;
  882. background-repeat: no-repeat;
  883. }
  884. .image-one {
  885. @extend %bg-image;
  886. background-image:url(/img/image-one.jpg");
  887. }
  888. RESULT:
  889. .image-one, .image-two {
  890. width: 100%;
  891. background-position: center center;
  892. background-size: cover;
  893. background-repeat: no-repeat;
  894. }
  895. */
  896. /*
  897. %shadow-hover {
  898. box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
  899. transition: all 0.2s ease-in-out;
  900. &:hover {
  901. box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
  902. }
  903. }
  904. */
  905. /*%fixed-header-shadow {
  906. @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
  907. }*/
  908. /* %selected-dot {
  909. &:before {
  910. content: " ";
  911. display: block;
  912. border-radius: 50%;
  913. background: inherit;
  914. background-image: none;
  915. border: 2px solid rgba(0,0,0,0.2);
  916. position: absolute;
  917. top: 15px;
  918. left: 15px;
  919. height: 20px;
  920. width: 20px;
  921. }
  922. &:after {
  923. content: " ";
  924. height: inherit;
  925. width: inherit;
  926. border: 5px solid rgba(0,0,0,0.1);
  927. position: absolute;
  928. left: 0;
  929. top: 0;
  930. border-radius: 50%;
  931. }
  932. }*/
  933. /* patterns */
  934. .datepicker table tr td,
  935. .datepicker table tr th {
  936. width: 38px !important;
  937. height: 34px !important; }
  938. .datepicker table tr td.old,
  939. .datepicker table tr td.new {
  940. color: darkgray; }
  941. .datepicker table tr td.active:active,
  942. .datepicker table tr td.active.highlighted:active,
  943. .datepicker table tr td.active.active,
  944. .datepicker table tr td.active.highlighted.active,
  945. .datepicker table tr td.selected,
  946. .datepicker table tr td.selected.highlighted,
  947. .datepicker table tr td span.active.active,
  948. .datepicker table tr td span.focused {
  949. background-color: #967bbd;
  950. border-color: #886ab5;
  951. color: #fff; }
  952. .datepicker table tr td.active:active:hover,
  953. .datepicker table tr td.active.highlighted:active:hover,
  954. .datepicker table tr td.active.active:hover,
  955. .datepicker table tr td.active.highlighted.active:hover,
  956. .datepicker table tr td.active:active:focus,
  957. .datepicker table tr td.active.highlighted:active:focus,
  958. .datepicker table tr td.active.active:focus,
  959. .datepicker table tr td.active.highlighted.active:focus,
  960. .datepicker table tr td.active:active.focus,
  961. .datepicker table tr td.active.highlighted:active.focus,
  962. .datepicker table tr td.active.active.focus,
  963. .datepicker table tr td.active.highlighted.active.focus,
  964. .datepicker table tr td.selected:active:hover,
  965. .datepicker table tr td.selected.highlighted:active:hover,
  966. .datepicker table tr td.selected.active:hover,
  967. .datepicker table tr td.selected.highlighted.active:hover,
  968. .datepicker table tr td.selected:active:focus,
  969. .datepicker table tr td.selected.highlighted:active:focus,
  970. .datepicker table tr td.selected.active:focus,
  971. .datepicker table tr td.selected.highlighted.active:focus,
  972. .datepicker table tr td.selected:active.focus,
  973. .datepicker table tr td.selected.highlighted:active.focus,
  974. .datepicker table tr td.selected.active.focus,
  975. .datepicker table tr td.selected.highlighted.active.focus,
  976. .datepicker table tr td.selected:hover,
  977. .datepicker table tr td.selected.highlighted:hover {
  978. background-color: #7a59ad;
  979. border-color: #6e4e9e;
  980. color: #fff; }
  981. .datepicker table {
  982. width: 100%; }
  983. .datepicker.datepicker-inline {
  984. border: 1px solid #ebedf2; }
  985. .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
  986. font-weight: 500;
  987. color: #a1a8c3; }
  988. .datepicker {
  989. width: 265px;
  990. padding: 10px; }
  991. /*# sourceMappingURL=bootstrap-datepicker.css.map */