bootstrap-datepicker-rtl.css 35 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118
  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: rtl; }
  10. .datepicker-inline {
  11. width: 220px; }
  12. .datepicker-rtl {
  13. direction: ltr; }
  14. .datepicker-rtl.dropdown-menu {
  15. right: auto; }
  16. .datepicker-rtl table tr td span {
  17. float: left; }
  18. .datepicker-dropdown {
  19. top: 0;
  20. right: 0;
  21. padding: 4px; }
  22. .datepicker-dropdown:before {
  23. content: '';
  24. display: inline-block;
  25. border-right: 7px solid transparent;
  26. border-left: 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-right: 6px solid transparent;
  35. border-left: 6px solid transparent;
  36. border-bottom: 6px solid #fff;
  37. border-top: 0;
  38. position: absolute; }
  39. .datepicker-dropdown.datepicker-orient-left:before {
  40. right: 6px; }
  41. .datepicker-dropdown.datepicker-orient-left:after {
  42. right: 7px; }
  43. .datepicker-dropdown.datepicker-orient-right:before {
  44. left: 6px; }
  45. .datepicker-dropdown.datepicker-orient-right:after {
  46. left: 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: right;
  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 5px 0 2px;
  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: 0 3px 3px 0; }
  578. .input-daterange input:last-child {
  579. border-radius: 3px 0 0 3px; }
  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-right: -5px;
  587. margin-left: -5px; }
  588. /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
  589. ========================================================================== */
  590. /*---------------------------------------------------
  591. SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
  592. -------------------------------- -------------------
  593. LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
  594. SASS port by Samuel Beek (http://samuelbeek.com)
  595. ---------------------------------------------------*/
  596. /*------------------------
  597. Usage
  598. h1 {
  599. font-size: rem(32);
  600. }
  601. OR:
  602. h1 {
  603. font-size: rem(32px);
  604. }
  605. ------------------------*/
  606. /*------------------------
  607. FADE IN
  608. e.g. @include fadeIn( 2s );
  609. ------------------------*/
  610. /*------------------------
  611. mixin that calculates if text needs to be light or dark
  612. depending on the background color passed.
  613. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
  614. usage:
  615. @include text-contrast($bgcolor)
  616. Color brightness is determined by the following formula:
  617. ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
  618. ------------------------*/
  619. /*------------------------
  620. color factory
  621. eg: @include paint($blue-grey-50, bg-blue-grey-50);
  622. ------------------------*/
  623. /* backface visibility */
  624. /* generate theme button */
  625. /* #BASE - Base Variable file along with font library, and colors.
  626. ========================================================================== */
  627. /* THEME COLORs
  628. ========================================================================== */
  629. /* Looks good on chrome default color profile */
  630. /* looks good in sRGB but washed up on chrome default
  631. $color-primary: #826bb0;
  632. $color-success: #31cb55;
  633. $color-info: #5e93ec;
  634. $color-warning: #eec559;
  635. $color-danger: #dc4b92;
  636. $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
  637. /* Color Polarity
  638. ========================================================================== */
  639. /* PAINTBUCKET MIXER
  640. ========================================================================== */
  641. /* the grays */
  642. /* the sapphires */
  643. /* the emeralds */
  644. /* the amethyths */
  645. /* the topaz */
  646. /* the rubies */
  647. /* the graphites */
  648. /* Define universal border difition (div outlines, etc)
  649. ========================================================================== */
  650. /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
  651. ========================================================================== */
  652. /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
  653. /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
  654. /* global var used for spacing*/
  655. /* Uniform Padding variable */
  656. /* Heads up! This is a global scoped variable - changing may impact the whole template */
  657. /* BOOTSTRAP OVERRIDES (bootstrap variables)
  658. ========================================================================== */
  659. /* usage: theme-colors("primary"); */
  660. /* forms */
  661. /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
  662. /* links */
  663. /* checkbox */
  664. /*$custom-file-height-inner: calc(2.25rem - 1px);*/
  665. /* not part of bootstrap variable */
  666. /* custom checkbox */
  667. /* custom range */
  668. /* select */
  669. /* badge */
  670. /* cards */
  671. /*border radius*/
  672. /* alert */
  673. /* toast */
  674. /* breadcrumb */
  675. /* input button */
  676. /* nav link */
  677. /* nav, tabs, pills */
  678. /* tables */
  679. /* dropdowns */
  680. /* dropdowns sizes */
  681. /* popovers */
  682. /* tooltips */
  683. /* modal */
  684. /* reference guide
  685. http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
  686. 8px = 0.5rem
  687. 9px = 0.5625rem
  688. 10px = 0.625rem
  689. 11px = 0.6875rem
  690. 12px = 0.75rem
  691. 13px = 0.8125rem
  692. 14px = 0.875rem
  693. 15px = 0.9375rem
  694. 16px = 1rem (base)
  695. 17px = 1.0625rem
  696. 18px = 1.125rem
  697. 19px = 1.1875rem
  698. 20px = 1.25rem
  699. 21px = 1.3125rem
  700. 22px = 1.375rem
  701. 24px = 1.5rem
  702. 25px = 1.5625rem
  703. 26px = 1.625rem
  704. 28px = 1.75rem
  705. 30px = 1.875rem
  706. 32px = 2rem
  707. 34px = 2.125rem
  708. 36px = 2.25rem
  709. 38px = 2.375rem
  710. 40px = 2.5rem
  711. */
  712. /* Fonts */
  713. /* carousel */
  714. /* BASE VARS
  715. ========================================================================== */
  716. /* font vars below will auto change to rem values using function rem($value)*/
  717. /* 11px */
  718. /* 12px */
  719. /* 12.5px */
  720. /* 14px */
  721. /* 15px */
  722. /* 16px */
  723. /* 28px */
  724. /* Font Family
  725. ========================================================================== */
  726. /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
  727. /* ANIMATIONS
  728. ========================================================================== */
  729. /* this addresses all animation related to nav hide to nav minify */
  730. /* Z-INDEX declearation
  731. ========================================================================== */
  732. /* we adjust bootstrap z-index to be higher than our higest z-index*/
  733. /* CUSTOM ICON PREFIX
  734. ========================================================================== */
  735. /* PRINT CSS (landscape or portrait)
  736. ========================================================================== */
  737. /* landscape or portrait */
  738. /* auto, letter */
  739. /* Common Element Variables
  740. ========================================================================== */
  741. /* Z-index decleartion "birds eye view"
  742. ========================================================================== */
  743. /* Components
  744. ========================================================================== */
  745. /* PAGE HEADER STUFF
  746. ========================================================================== */
  747. /* colors */
  748. /* height */
  749. /* logo */
  750. /* try not to go beywond the width of $main_nav_width value */
  751. /* you may need to change this depending on your logo design */
  752. /* adjust this as you see fit : left, right, center */
  753. /* icon font size (not button) */
  754. /* search input box */
  755. /* suggestion: #ccced0*/
  756. /* btn */
  757. /* dropdown: app list */
  758. /* badge */
  759. /* COMPONENTS & MODS */
  760. /* NAVIGATION STUFF
  761. Guide:
  762. aside.page-sidebar ($nav-width, $nav-background)
  763. .page-logo
  764. .primary-nav
  765. .info-card
  766. ul.nav-menu
  767. li
  768. a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
  769. icon
  770. span
  771. collapse-sign
  772. ul.nav-menu-sub-one
  773. li
  774. a ($nav-level-1... $nav-sub-link-height)
  775. span
  776. collapse-sign
  777. ul.nav-menu-sub-two
  778. li
  779. a ($nav-level-2... $nav-sub-link-height)
  780. span
  781. p.nav-title ($nav-title-*...)
  782. ========================================================================== */
  783. /* main navigation */
  784. /* left panel */
  785. /* nav parent level-0 */
  786. /* nav icon sizes */
  787. /* badge default */
  788. /* all child */
  789. /* nav title */
  790. /* nav Minify */
  791. /* when the menu pops on hover */
  792. /* navigation Width */
  793. /* partial visibility of the menu */
  794. /* top navigation */
  795. /* nav Info Card (appears below the logo) */
  796. /* width is auto */
  797. /* nav DL labels for all child */
  798. /* will be pulled to left as a negative value */
  799. /* MISC Settings
  800. ========================================================================== */
  801. /* List Table */
  802. /* PAGE SETTINGS
  803. ========================================================================== */
  804. /* PAGE BREADCRUMB
  805. ========================================================================== */
  806. /* PAGE COMPONENT PANELS
  807. ========================================================================== */
  808. /* PAGE COMPONENT PROGRESSBARS
  809. ========================================================================== */
  810. /* PAGE COMPONENT MESSENGER
  811. ========================================================================== */
  812. /* FOOTER
  813. ========================================================================== */
  814. /* GLOBALS
  815. ========================================================================== */
  816. /* ACCESSIBILITIES */
  817. /* SHORTCUT BUTTON (appears on bottom right of the page) */
  818. body {
  819. font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
  820. font-size: 0.8125rem;
  821. letter-spacing: 0.1px; }
  822. .page-content {
  823. color: #666666; }
  824. h1, h2, h3, h4, h5, h6 {
  825. line-height: 1.3;
  826. font-weight: 400; }
  827. strong {
  828. font-weight: 500; }
  829. h1 small,
  830. h2 small,
  831. h3 small,
  832. h4 small,
  833. h5 small,
  834. h6 small,
  835. .h1 small,
  836. .h2 small,
  837. .h3 small,
  838. .h4 small,
  839. .h5 small,
  840. .h6 small {
  841. font-weight: 300;
  842. display: block;
  843. font-size: 0.9375rem;
  844. line-height: 1.5;
  845. margin: 2px 0 1.5rem; }
  846. h2 small,
  847. h3 small,
  848. .h2 small,
  849. .h3 small {
  850. font-size: 0.9375rem; }
  851. h4 small,
  852. .h4 small {
  853. font-size: 0.875rem; }
  854. h5 small,
  855. h6 small,
  856. .h5 small,
  857. .h6 small {
  858. font-size: 0.8125rem; }
  859. /* contrast text */
  860. .text-contrast {
  861. color: #333333; }
  862. /* text-gradient */
  863. .text-gradient {
  864. background: -webkit-gradient(linear, right top, right bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
  865. background: linear-gradient(-180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
  866. color: #886ab5;
  867. background-clip: text;
  868. text-fill-color: transparent;
  869. -webkit-background-clip: text;
  870. -webkit-text-fill-color: transparent;
  871. text-shadow: none; }
  872. /* looking for font size? Check _helpers.scss */
  873. /* PLACEHOLDER
  874. =============================================
  875. EXAMPLE:
  876. %bg-image {
  877. width: 100%;
  878. background-position: center center;
  879. background-size: cover;
  880. background-repeat: no-repeat;
  881. }
  882. .image-one {
  883. @extend %bg-image;
  884. background-image:url(/img/image-one.jpg");
  885. }
  886. RESULT:
  887. .image-one, .image-two {
  888. width: 100%;
  889. background-position: center center;
  890. background-size: cover;
  891. background-repeat: no-repeat;
  892. }
  893. */
  894. /*
  895. %shadow-hover {
  896. box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
  897. transition: all 0.2s ease-in-out;
  898. &:hover {
  899. box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
  900. }
  901. }
  902. */
  903. /*%fixed-header-shadow {
  904. @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
  905. }*/
  906. /* %selected-dot {
  907. &:before {
  908. content: " ";
  909. display: block;
  910. border-radius: 50%;
  911. background: inherit;
  912. background-image: none;
  913. border: 2px solid rgba(0,0,0,0.2);
  914. position: absolute;
  915. top: 15px;
  916. left: 15px;
  917. height: 20px;
  918. width: 20px;
  919. }
  920. &:after {
  921. content: " ";
  922. height: inherit;
  923. width: inherit;
  924. border: 5px solid rgba(0,0,0,0.1);
  925. position: absolute;
  926. left: 0;
  927. top: 0;
  928. border-radius: 50%;
  929. }
  930. }*/
  931. /* patterns */
  932. .datepicker table tr td,
  933. .datepicker table tr th {
  934. width: 38px !important;
  935. height: 34px !important; }
  936. .datepicker table tr td.old,
  937. .datepicker table tr td.new {
  938. color: darkgray; }
  939. .datepicker table tr td.active:active,
  940. .datepicker table tr td.active.highlighted:active,
  941. .datepicker table tr td.active.active,
  942. .datepicker table tr td.active.highlighted.active,
  943. .datepicker table tr td.selected,
  944. .datepicker table tr td.selected.highlighted,
  945. .datepicker table tr td span.active.active,
  946. .datepicker table tr td span.focused {
  947. background-color: #967bbd;
  948. border-color: #886ab5;
  949. color: #fff; }
  950. .datepicker table tr td.active:active:hover,
  951. .datepicker table tr td.active.highlighted:active:hover,
  952. .datepicker table tr td.active.active:hover,
  953. .datepicker table tr td.active.highlighted.active:hover,
  954. .datepicker table tr td.active:active:focus,
  955. .datepicker table tr td.active.highlighted:active:focus,
  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.selected:active:hover,
  963. .datepicker table tr td.selected.highlighted:active:hover,
  964. .datepicker table tr td.selected.active:hover,
  965. .datepicker table tr td.selected.highlighted.active:hover,
  966. .datepicker table tr td.selected:active:focus,
  967. .datepicker table tr td.selected.highlighted:active:focus,
  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:hover,
  975. .datepicker table tr td.selected.highlighted:hover {
  976. background-color: #7a59ad;
  977. border-color: #6e4e9e;
  978. color: #fff; }
  979. .datepicker table {
  980. width: 100%; }
  981. .datepicker.datepicker-inline {
  982. border: 1px solid #ebedf2; }
  983. .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
  984. font-weight: 500;
  985. color: #a1a8c3; }
  986. .datepicker {
  987. width: 265px;
  988. padding: 10px; }