bootstrap-datepicker.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  1. .datepicker {
  2. padding: 4px;
  3. margin: 0;
  4. border-radius: 0.215rem;
  5. direction: ltr; }
  6. .datepicker-inline {
  7. display: block !important;
  8. width: 220px; }
  9. .datepicker-rtl {
  10. direction: rtl; }
  11. .datepicker-rtl table tr td span {
  12. float: right; }
  13. .datepicker-dropdown {
  14. top: 0;
  15. left: 0;
  16. padding: 4px; }
  17. .datepicker-dropdown:before {
  18. position: absolute;
  19. display: inline-block;
  20. content: "";
  21. border-top: 0;
  22. border-right: 7px solid transparent;
  23. border-bottom: 7px solid #e4eaec;
  24. border-bottom-color: rgba(0, 0, 0, 0.2);
  25. border-left: 7px solid transparent; }
  26. .datepicker-dropdown:after {
  27. position: absolute;
  28. display: inline-block;
  29. content: "";
  30. border-top: 0;
  31. border-right: 6px solid transparent;
  32. border-bottom: 6px solid #fff;
  33. border-left: 6px solid transparent; }
  34. .datepicker-dropdown.datepicker-orient-left:before {
  35. left: 6px; }
  36. .datepicker-dropdown.datepicker-orient-left:after {
  37. left: 7px; }
  38. .datepicker-dropdown.datepicker-orient-right:before {
  39. right: 6px; }
  40. .datepicker-dropdown.datepicker-orient-right:after {
  41. right: 7px; }
  42. .datepicker-dropdown.datepicker-orient-bottom:before {
  43. top: -7px; }
  44. .datepicker-dropdown.datepicker-orient-bottom:after {
  45. top: -6px; }
  46. .datepicker-dropdown.datepicker-orient-top:before {
  47. bottom: -7px;
  48. border-top: 7px solid #e4eaec;
  49. border-bottom: 0; }
  50. .datepicker-dropdown.datepicker-orient-top:after {
  51. bottom: -6px;
  52. border-top: 6px solid #fff;
  53. border-bottom: 0; }
  54. .datepicker table {
  55. margin: 0;
  56. -webkit-user-select: none;
  57. -moz-user-select: none;
  58. -ms-user-select: none;
  59. user-select: none;
  60. -webkit-touch-callout: none; }
  61. .datepicker table th {
  62. font-weight: 500; }
  63. .datepicker table thead th, .datepicker table tfoot th {
  64. font-weight: 500;
  65. color: #526069; }
  66. .datepicker table tr td, .datepicker table tr th {
  67. width: 30px;
  68. height: 30px;
  69. text-align: center;
  70. border: none;
  71. border-radius: 0.215rem; }
  72. .table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  73. background-color: transparent; }
  74. .datepicker table tr td.old, .datepicker table tr td.new {
  75. color: #a3afb7; }
  76. .datepicker table tr td.day:hover, .datepicker table tr td.focused {
  77. cursor: pointer;
  78. background: #e4eaec; }
  79. .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  80. color: #a3afb7;
  81. cursor: default;
  82. background: none; }
  83. .datepicker table tr td.highlighted {
  84. color: #fff;
  85. background-color: #000;
  86. border-color: #0bb2d4;
  87. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  88. border-radius: 0; }
  89. .datepicker table tr td.highlighted:hover {
  90. color: #fff;
  91. background-color: #066173;
  92. border-color: #0889a4; }
  93. .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus {
  94. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(11, 178, 212, 0.5); }
  95. .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted:disabled {
  96. color: #fff;
  97. background-color: #000;
  98. border-color: #0bb2d4; }
  99. .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.highlighted:not(:disabled):not(.disabled).active,
  100. .show > .datepicker table tr td.highlighted.dropdown-toggle {
  101. color: #fff;
  102. background-color: black;
  103. border-color: #087f97; }
  104. .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.highlighted:not(:disabled):not(.disabled).active:focus,
  105. .show > .datepicker table tr td.highlighted.dropdown-toggle:focus {
  106. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(11, 178, 212, 0.5); }
  107. .datepicker table tr td.highlighted.focused {
  108. background: #0889a4; }
  109. .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
  110. color: #a3afb7;
  111. background: #0bb2d4; }
  112. .datepicker table tr td.today {
  113. color: #fff;
  114. background-color: #000;
  115. border-color: #ffdb99;
  116. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  117. .datepicker table tr td.today:hover {
  118. color: #3e4854;
  119. background-color: #ffb733;
  120. border-color: #ffc966; }
  121. .datepicker table tr td.today:focus, .datepicker table tr td.today.focus {
  122. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(255, 219, 153, 0.5); }
  123. .datepicker table tr td.today.disabled, .datepicker table tr td.today:disabled {
  124. color: #fff;
  125. background-color: #000;
  126. border-color: #ffdb99; }
  127. .datepicker table tr td.today:not(:disabled):not(.disabled):active, .datepicker table tr td.today:not(:disabled):not(.disabled).active,
  128. .show > .datepicker table tr td.today.dropdown-toggle {
  129. color: #fff;
  130. background-color: black;
  131. border-color: #ffc559; }
  132. .datepicker table tr td.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.today:not(:disabled):not(.disabled).active:focus,
  133. .show > .datepicker table tr td.today.dropdown-toggle:focus {
  134. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(255, 219, 153, 0.5); }
  135. .datepicker table tr td.today.focused {
  136. background: #ffc966; }
  137. .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
  138. color: #a3afb7;
  139. background: #ffdb99; }
  140. .datepicker table tr td.range {
  141. color: #fff;
  142. background-color: #000;
  143. border-color: #e4eaec;
  144. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  145. border-radius: 0; }
  146. .datepicker table tr td.range:hover {
  147. color: #3e4854;
  148. background-color: #a8bbc2;
  149. border-color: #c6d3d7; }
  150. .datepicker table tr td.range:focus, .datepicker table tr td.range.focus {
  151. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(228, 234, 236, 0.5); }
  152. .datepicker table tr td.range.disabled, .datepicker table tr td.range:disabled {
  153. color: #fff;
  154. background-color: #000;
  155. border-color: #e4eaec; }
  156. .datepicker table tr td.range:not(:disabled):not(.disabled):active, .datepicker table tr td.range:not(:disabled):not(.disabled).active,
  157. .show > .datepicker table tr td.range.dropdown-toggle {
  158. color: #fff;
  159. background-color: black;
  160. border-color: #bfcdd2; }
  161. .datepicker table tr td.range:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range:not(:disabled):not(.disabled).active:focus,
  162. .show > .datepicker table tr td.range.dropdown-toggle:focus {
  163. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(228, 234, 236, 0.5); }
  164. .datepicker table tr td.range.focused {
  165. background: #c6d3d7; }
  166. .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
  167. color: #a3afb7;
  168. background: #e4eaec; }
  169. .datepicker table tr td.range.highlighted {
  170. color: #fff;
  171. background-color: #000;
  172. border-color: #78cee0;
  173. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  174. .datepicker table tr td.range.highlighted:hover {
  175. color: #fff;
  176. background-color: #2dabc5;
  177. border-color: #4fbfd6; }
  178. .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus {
  179. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(120, 206, 224, 0.5); }
  180. .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted:disabled {
  181. color: #fff;
  182. background-color: #000;
  183. border-color: #78cee0; }
  184. .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active,
  185. .show > .datepicker table tr td.range.highlighted.dropdown-toggle {
  186. color: #fff;
  187. background-color: black;
  188. border-color: #44bbd4; }
  189. .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active:focus,
  190. .show > .datepicker table tr td.range.highlighted.dropdown-toggle:focus {
  191. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(120, 206, 224, 0.5); }
  192. .datepicker table tr td.range.highlighted.focused {
  193. background: #4fbfd6; }
  194. .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
  195. color: #a3afb7;
  196. background: #78cee0; }
  197. .datepicker table tr td.range.today {
  198. color: #fff;
  199. background-color: #000;
  200. border-color: #f2c876;
  201. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  202. .datepicker table tr td.range.today:hover {
  203. color: #3e4854;
  204. background-color: #e9a319;
  205. border-color: #eeb547; }
  206. .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus {
  207. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(242, 200, 118, 0.5); }
  208. .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:disabled {
  209. color: #fff;
  210. background-color: #000;
  211. border-color: #f2c876; }
  212. .datepicker table tr td.range.today:not(:disabled):not(.disabled):active, .datepicker table tr td.range.today:not(:disabled):not(.disabled).active,
  213. .show > .datepicker table tr td.range.today.dropdown-toggle {
  214. color: #fff;
  215. background-color: black;
  216. border-color: #ecb13c; }
  217. .datepicker table tr td.range.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.today:not(:disabled):not(.disabled).active:focus,
  218. .show > .datepicker table tr td.range.today.dropdown-toggle:focus {
  219. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(242, 200, 118, 0.5); }
  220. .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
  221. color: #a3afb7;
  222. background: #f2c876; }
  223. .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
  224. color: #3e4854;
  225. background-color: #fff;
  226. border-color: #ccd5db;
  227. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  228. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  229. .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {
  230. color: #3e4854;
  231. background-color: #a3afb7;
  232. border-color: #aebcc6; }
  233. .datepicker table tr td.selected:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.highlighted.focus {
  234. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(204, 213, 219, 0.5); }
  235. .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:disabled, .datepicker table tr td.selected.highlighted.disabled, .datepicker table tr td.selected.highlighted:disabled {
  236. color: #3e4854;
  237. background-color: #fff;
  238. border-color: #ccd5db; }
  239. .datepicker table tr td.selected:not(:disabled):not(.disabled):active, .datepicker table tr td.selected:not(:disabled):not(.disabled).active,
  240. .show > .datepicker table tr td.selected.dropdown-toggle, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active,
  241. .show > .datepicker table tr td.selected.highlighted.dropdown-toggle {
  242. color: #3e4854;
  243. background-color: #e6e5e5;
  244. border-color: #a7b6c1; }
  245. .datepicker table tr td.selected:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected:not(:disabled):not(.disabled).active:focus,
  246. .show > .datepicker table tr td.selected.dropdown-toggle:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active:focus,
  247. .show > .datepicker table tr td.selected.highlighted.dropdown-toggle:focus {
  248. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(204, 213, 219, 0.5); }
  249. .datepicker table tr td.active, .datepicker table tr td.active.highlighted {
  250. color: #3e4854;
  251. background-color: #fff;
  252. border-color: #3e8ef7;
  253. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  254. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  255. .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover {
  256. color: #fff;
  257. background-color: #3e8ef7;
  258. border-color: #0d71f5; }
  259. .datepicker table tr td.active:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.highlighted.focus {
  260. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(62, 142, 247, 0.5); }
  261. .datepicker table tr td.active.disabled, .datepicker table tr td.active:disabled, .datepicker table tr td.active.highlighted.disabled, .datepicker table tr td.active.highlighted:disabled {
  262. color: #3e4854;
  263. background-color: #fff;
  264. border-color: #3e8ef7; }
  265. .datepicker table tr td.active:not(:disabled):not(.disabled):active, .datepicker table tr td.active:not(:disabled):not(.disabled).active,
  266. .show > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active,
  267. .show > .datepicker table tr td.active.highlighted.dropdown-toggle {
  268. color: #3e4854;
  269. background-color: #e6e5e5;
  270. border-color: #0a6beb; }
  271. .datepicker table tr td.active:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active:not(:disabled):not(.disabled).active:focus,
  272. .show > .datepicker table tr td.active.dropdown-toggle:focus, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active:focus,
  273. .show > .datepicker table tr td.active.highlighted.dropdown-toggle:focus {
  274. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(62, 142, 247, 0.5); }
  275. .datepicker table tr td span {
  276. display: block;
  277. float: left;
  278. width: 23%;
  279. height: 54px;
  280. margin: 1%;
  281. line-height: 54px;
  282. cursor: pointer;
  283. border-radius: 0.215rem; }
  284. .datepicker table tr td span:hover, .datepicker table tr td span.focused {
  285. background: #e4eaec; }
  286. .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  287. color: #a3afb7;
  288. cursor: default;
  289. background: none; }
  290. .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  291. color: #3e4854;
  292. background-color: #fff;
  293. border-color: #3e8ef7;
  294. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  295. .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
  296. color: #fff;
  297. background-color: #3e8ef7;
  298. border-color: #0d71f5; }
  299. .datepicker table tr td span.active:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover.focus {
  300. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.143rem rgba(62, 142, 247, 0.5); }
  301. .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:disabled {
  302. color: #3e4854;
  303. background-color: #fff;
  304. border-color: #3e8ef7; }
  305. .datepicker table tr td span.active:not(:disabled):not(.disabled):active, .datepicker table tr td span.active:not(:disabled):not(.disabled).active,
  306. .show > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active,
  307. .show > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active,
  308. .show > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active,
  309. .show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle {
  310. color: #3e4854;
  311. background-color: #e6e5e5;
  312. border-color: #0a6beb; }
  313. .datepicker table tr td span.active:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active:not(:disabled):not(.disabled).active:focus,
  314. .show > .datepicker table tr td span.active.dropdown-toggle:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active:focus,
  315. .show > .datepicker table tr td span.active:hover.dropdown-toggle:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active:focus,
  316. .show > .datepicker table tr td span.active.disabled.dropdown-toggle:focus, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active:focus,
  317. .show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:focus {
  318. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.143rem rgba(62, 142, 247, 0.5); }
  319. .datepicker table tr td span.old, .datepicker table tr td span.new {
  320. color: #a3afb7; }
  321. .datepicker .datepicker-switch {
  322. width: 145px; }
  323. .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
  324. cursor: pointer; }
  325. .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  326. background: #e4eaec; }
  327. .datepicker .cw {
  328. width: 12px;
  329. padding: 0 2px 0 5px;
  330. font-size: 10px;
  331. vertical-align: middle; }
  332. .input-group.date .input-group-addon {
  333. cursor: pointer; }
  334. .input-daterange {
  335. width: 100%; }
  336. .input-daterange input {
  337. text-align: center; }
  338. .input-daterange .input-group {
  339. float: left;
  340. width: 50%; }
  341. .input-daterange .input-group:first-child input {
  342. border-radius: 0; }
  343. .input-daterange .input-group:not(:last-child) input {
  344. border-radius: 0; }
  345. .input-daterange .input-group:not(:first-child):not(:last-child) .input-group-addon {
  346. border-right-width: 0;
  347. border-left-width: 0;
  348. border-radius: 0; }
  349. .input-daterange .input-group:last-child .input-group-addon {
  350. border-left-width: 0;
  351. border-radius: 0; }
  352. .input-daterange .input-group:last-child input {
  353. border-radius: 0 3px 3px 0; }
  354. .input-daterange .input-group-addon {
  355. width: auto;
  356. min-width: 16px;
  357. font-weight: 400;
  358. line-height: 1.57142857;
  359. text-align: center;
  360. vertical-align: middle;
  361. background-color: #e4eaec;
  362. border: solid #e4eaec;
  363. border-width: 1px 0; }
  364. .input-daterange .input-group-addon:first-child {
  365. border-left-width: 1px; }
  366. .input-daterange .input-group-addon:last-child {
  367. border-right-width: 1px; }