You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1491 lines
31 KiB

7 years ago
  1. /*!
  2. * (The MIT License)
  3. *
  4. * Copyright (c) 2012-2014 Marcin Warpechowski
  5. * Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>
  6. *
  7. * Permission is hereby granted, free of charge, to any person obtaining
  8. * a copy of this software and associated documentation files (the
  9. * 'Software'), to deal in the Software without restriction, including
  10. * without limitation the rights to use, copy, modify, merge, publish,
  11. * distribute, sublicense, and/or sell copies of the Software, and to
  12. * permit persons to whom the Software is furnished to do so, subject to
  13. * the following conditions:
  14. *
  15. * The above copyright notice and this permission notice shall be
  16. * included in all copies or substantial portions of the Software.
  17. *
  18. * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
  19. * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  20. * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  21. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  22. * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  23. * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  24. * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  25. *
  26. * Version: 0.33.0
  27. * Date: Mon Jul 10 2017 10:08:33 GMT+0200 (CEST)
  28. */
  29. /**
  30. * Fix for bootstrap styles
  31. */
  32. .handsontable .table th, .handsontable .table td {
  33. border-top: none;
  34. }
  35. .handsontable tr {
  36. background: #fff;
  37. }
  38. .handsontable td {
  39. background-color: inherit;
  40. }
  41. .table caption + thead tr:first-child th,
  42. .table caption + thead tr:first-child td,
  43. .table colgroup + thead tr:first-child th,
  44. .table colgroup + thead tr:first-child td,
  45. .table thead:first-child tr:first-child th,
  46. .table thead:first-child tr:first-child td {
  47. border-top: 1px solid #CCCCCC;
  48. }
  49. /* table-bordered */
  50. .handsontable .table-bordered {
  51. border: 0;
  52. border-collapse: separate;
  53. }
  54. .handsontable .table-bordered th,
  55. .handsontable .table-bordered td {
  56. border-left: none;
  57. }
  58. .handsontable .table-bordered th:first-child,
  59. .handsontable .table-bordered td:first-child {
  60. border-left: 1px solid #CCCCCC;
  61. }
  62. .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  63. line-height: 21px;
  64. padding: 0 4px;
  65. }
  66. .col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
  67. .col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable,
  68. .col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
  69. .col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable
  70. .col-sm-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
  71. .col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable
  72. .col-xs-1.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
  73. .col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable {
  74. padding-left: 0;
  75. padding-right: 0;
  76. }
  77. .table-striped > tbody > tr:nth-of-type(even) {
  78. background-color: #FFF;
  79. }
  80. .handsontable {
  81. position: relative;
  82. }
  83. .handsontable .hide{
  84. display: none;
  85. }
  86. .handsontable .relative {
  87. position: relative;
  88. }
  89. .handsontable.htAutoSize {
  90. visibility: hidden;
  91. left: -99000px;
  92. position: absolute;
  93. top: -99000px;
  94. }
  95. .handsontable .wtHider {
  96. width: 0;
  97. }
  98. .handsontable .wtSpreader {
  99. position: relative;
  100. width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  101. height: auto;
  102. }
  103. .handsontable table,
  104. .handsontable tbody,
  105. .handsontable thead,
  106. .handsontable td,
  107. .handsontable th,
  108. .handsontable input,
  109. .handsontable textarea,
  110. .handsontable div {
  111. box-sizing: content-box;
  112. -webkit-box-sizing: content-box;
  113. -moz-box-sizing: content-box;
  114. }
  115. .handsontable input,
  116. .handsontable textarea {
  117. min-height: initial;
  118. }
  119. .handsontable table.htCore {
  120. border-collapse: separate;
  121. /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
  122. /* this actually only changes appearance of user selection - does not make text unselectable */
  123. /* -webkit-user-select: none;
  124. -khtml-user-select: none;
  125. -moz-user-select: none;
  126. -o-user-select: none;
  127. -ms-user-select: none;
  128. user-select: none; */ /* no browser supports unprefixed version */
  129. border-spacing: 0;
  130. margin: 0;
  131. border-width: 0;
  132. table-layout: fixed;
  133. width: 0;
  134. outline-width: 0;
  135. /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  136. max-width: none;
  137. max-height: none;
  138. }
  139. .handsontable col {
  140. width: 50px;
  141. }
  142. .handsontable col.rowHeader {
  143. width: 50px;
  144. }
  145. .handsontable th,
  146. .handsontable td {
  147. border-top-width: 0;
  148. border-left-width: 0;
  149. border-right: 1px solid #CCC;
  150. border-bottom: 1px solid #CCC;
  151. height: 22px;
  152. empty-cells: show;
  153. line-height: 21px;
  154. padding: 0 4px 0 4px;
  155. /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  156. background-color: #FFF;
  157. vertical-align: top;
  158. overflow: hidden;
  159. outline-width: 0;
  160. white-space: pre-line;
  161. /* preserve new line character in cell */
  162. background-clip: padding-box;
  163. }
  164. .handsontable td.htInvalid {
  165. background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
  166. }
  167. .handsontable td.htNoWrap {
  168. white-space: nowrap;
  169. }
  170. .handsontable th:last-child {
  171. /*Foundation framework fix*/
  172. border-right: 1px solid #CCC;
  173. border-bottom: 1px solid #CCC;
  174. }
  175. .handsontable tr:first-child th.htNoFrame,
  176. .handsontable th:first-child.htNoFrame,
  177. .handsontable th.htNoFrame {
  178. border-left-width: 0;
  179. background-color: white;
  180. border-color: #FFF;
  181. }
  182. .handsontable th:first-child,
  183. .handsontable th:nth-child(2),
  184. .handsontable td:first-of-type,
  185. .handsontable .htNoFrame + th,
  186. .handsontable .htNoFrame + td {
  187. border-left: 1px solid #CCC;
  188. }
  189. .handsontable.htRowHeaders thead tr th:nth-child(2) {
  190. border-left: 1px solid #CCC;
  191. }
  192. .handsontable tr:first-child th,
  193. .handsontable tr:first-child td {
  194. border-top: 1px solid #CCC;
  195. }
  196. .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
  197. .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  198. border-right-width: 0;
  199. }
  200. .ht_master:not(.innerBorderTop) thead tr:last-child th,
  201. .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
  202. .ht_master:not(.innerBorderTop) thead tr.lastChild th,
  203. .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  204. border-bottom-width: 0;
  205. }
  206. .handsontable th {
  207. background-color: #f3f3f3;
  208. color: #222;
  209. text-align: center;
  210. font-weight: normal;
  211. white-space: nowrap;
  212. }
  213. .handsontable thead th {
  214. padding: 0;
  215. }
  216. .handsontable th.active {
  217. background-color: #CCC;
  218. }
  219. .handsontable thead th .relative {
  220. padding: 2px 4px;
  221. }
  222. /* selection */
  223. .handsontable tbody th.ht__highlight,
  224. .handsontable thead th.ht__highlight {
  225. background-color: #dcdcdc;
  226. }
  227. .handsontable.ht__selection--columns thead th.ht__highlight,
  228. .handsontable.ht__selection--rows tbody th.ht__highlight {
  229. background-color: #8eb0e7;
  230. color: #000;
  231. }
  232. /* plugins */
  233. /* row + column resizer*/
  234. .handsontable .manualColumnResizer {
  235. position: fixed;
  236. top: 0;
  237. cursor: col-resize;
  238. z-index: 110;
  239. width: 5px;
  240. height: 25px;
  241. }
  242. .handsontable .manualRowResizer {
  243. position: fixed;
  244. left: 0;
  245. cursor: row-resize;
  246. z-index: 110;
  247. height: 5px;
  248. width: 50px;
  249. }
  250. .handsontable .manualColumnResizer:hover,
  251. .handsontable .manualColumnResizer.active,
  252. .handsontable .manualRowResizer:hover,
  253. .handsontable .manualRowResizer.active {
  254. background-color: #AAB;
  255. }
  256. .handsontable .manualColumnResizerGuide {
  257. position: fixed;
  258. right: 0;
  259. top: 0;
  260. background-color: #AAB;
  261. display: none;
  262. width: 0;
  263. border-right: 1px dashed #777;
  264. margin-left: 5px;
  265. }
  266. .handsontable .manualRowResizerGuide {
  267. position: fixed;
  268. left: 0;
  269. bottom: 0;
  270. background-color: #AAB;
  271. display: none;
  272. height: 0;
  273. border-bottom: 1px dashed #777;
  274. margin-top: 5px;
  275. }
  276. .handsontable .manualColumnResizerGuide.active,
  277. .handsontable .manualRowResizerGuide.active {
  278. display: block;
  279. z-index: 199;
  280. }
  281. .handsontable .columnSorting {
  282. position: relative;
  283. }
  284. .handsontable .columnSorting:hover {
  285. text-decoration: underline;
  286. cursor: pointer;
  287. }
  288. .handsontable .columnSorting.ascending::after {
  289. content: '\25B2';
  290. color: #5f5f5f;
  291. position: absolute;
  292. right: -15px;
  293. }
  294. .handsontable .columnSorting.descending::after {
  295. content: '\25BC';
  296. color: #5f5f5f;
  297. position: absolute;
  298. right: -15px;
  299. }
  300. /* border line */
  301. .handsontable .wtBorder {
  302. position: absolute;
  303. font-size: 0;
  304. }
  305. .handsontable .wtBorder.hidden{
  306. display:none !important;
  307. }
  308. .handsontable td.area {
  309. background: -moz-linear-gradient(top, rgba(181,209,255,0.34) 0%, rgba(181,209,255,0.34) 100%); /* FF3.6+ */
  310. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,209,255,0.34)), color-stop(100%,rgba(181,209,255,0.34))); /* Chrome,Safari4+ */
  311. background: -webkit-linear-gradient(top, rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Chrome10+,Safari5.1+ */
  312. background: -o-linear-gradient(top, rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Opera 11.10+ */
  313. background: -ms-linear-gradient(top, rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* IE10+ */
  314. background: linear-gradient(to bottom, rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* W3C */
  315. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b5d1ff', endColorstr='#57b5d1ff',GradientType=0 ); /* IE6-9 */
  316. background-color: #fff;
  317. }
  318. /* fill handle */
  319. .handsontable .wtBorder.corner {
  320. font-size: 0;
  321. cursor: crosshair;
  322. }
  323. .handsontable .htBorder.htFillBorder {
  324. background: red;
  325. width: 1px;
  326. height: 1px;
  327. }
  328. .handsontableInput {
  329. border:none;
  330. outline-width: 0;
  331. margin: 0 ;
  332. padding: 1px 5px 0 5px;
  333. font-family: inherit;
  334. line-height: 21px;
  335. font-size: inherit;
  336. box-shadow: 0 0 0 2px #5292F7 inset;
  337. resize: none;
  338. /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  339. display: block;
  340. color: #000;
  341. border-radius: 0;
  342. background-color: #FFF;
  343. /*overwrite styles potentionally made by a framework*/
  344. }
  345. .handsontableInputHolder {
  346. position: absolute;
  347. top: 0;
  348. left: 0;
  349. z-index: 100;
  350. }
  351. .htSelectEditor {
  352. -webkit-appearance: menulist-button !important;
  353. position: absolute;
  354. width: auto;
  355. }
  356. /*
  357. TextRenderer readOnly cell
  358. */
  359. .handsontable .htDimmed {
  360. color: #777;
  361. }
  362. .handsontable .htSubmenu {
  363. position: relative;
  364. }
  365. .handsontable .htSubmenu :after{
  366. content: '\25B6';
  367. color: #777;
  368. position: absolute;
  369. right: 5px;
  370. }
  371. /*
  372. TextRenderer horizontal alignment
  373. */
  374. .handsontable .htLeft{
  375. text-align: left;
  376. }
  377. .handsontable .htCenter{
  378. text-align: center;
  379. }
  380. .handsontable .htRight{
  381. text-align: right;
  382. }
  383. .handsontable .htJustify{
  384. text-align: justify;
  385. }
  386. /*
  387. TextRenderer vertical alignment
  388. */
  389. .handsontable .htTop{
  390. vertical-align: top;
  391. }
  392. .handsontable .htMiddle{
  393. vertical-align: middle;
  394. }
  395. .handsontable .htBottom{
  396. vertical-align: bottom;
  397. }
  398. /*
  399. TextRenderer placeholder value
  400. */
  401. .handsontable .htPlaceholder {
  402. color: #999;
  403. }
  404. /*
  405. AutocompleteRenderer down arrow
  406. */
  407. .handsontable .htAutocompleteArrow {
  408. float: right;
  409. font-size: 10px;
  410. color: #EEE;
  411. cursor: default;
  412. width: 16px;
  413. text-align: center;
  414. }
  415. .handsontable td .htAutocompleteArrow:hover {
  416. color: #777;
  417. }
  418. .handsontable td.area .htAutocompleteArrow {
  419. color: #d3d3d3;
  420. }
  421. /*
  422. CheckboxRenderer
  423. */
  424. .handsontable .htCheckboxRendererInput {
  425. display: inline-block;
  426. vertical-align: middle;
  427. }
  428. .handsontable .htCheckboxRendererInput.noValue {
  429. opacity: 0.5;
  430. }
  431. .handsontable .htCheckboxRendererLabel {
  432. cursor: pointer;
  433. display: inline-block;
  434. width: 100%;
  435. }
  436. @-webkit-keyframes opacity-hide {
  437. from {
  438. opacity: 1;
  439. }
  440. to {
  441. opacity: 0;
  442. /*display: none;*/
  443. }
  444. }
  445. @keyframes opacity-hide {
  446. from {
  447. /*display: block;*/
  448. opacity: 1;
  449. }
  450. to {
  451. opacity: 0;
  452. /*display: none;*/
  453. }
  454. }
  455. @-webkit-keyframes opacity-show {
  456. from {
  457. opacity: 0;
  458. /*display: none;*/
  459. }
  460. to {
  461. opacity: 1;
  462. /*display: block;*/
  463. }
  464. }
  465. @keyframes opacity-show {
  466. from {
  467. opacity: 0;
  468. /*display: none;*/
  469. }
  470. to {
  471. opacity: 1;
  472. /*display: block;*/
  473. }
  474. }
  475. /**
  476. * Handsontable in Handsontable
  477. */
  478. .handsontable .handsontable.ht_clone_top .wtHider {
  479. padding: 0 0 5px 0;
  480. }
  481. /**
  482. * Autocomplete Editor
  483. */
  484. .handsontable .autocompleteEditor.handsontable {
  485. padding-right: 17px;
  486. }
  487. .handsontable .autocompleteEditor.handsontable.htMacScroll {
  488. padding-right: 15px;
  489. }
  490. /**
  491. * Handsontable listbox theme
  492. */
  493. .handsontable.listbox {
  494. margin: 0;
  495. }
  496. .handsontable.listbox .ht_master table {
  497. border: 1px solid #ccc;
  498. border-collapse: separate;
  499. background: white;
  500. }
  501. .handsontable.listbox th,
  502. .handsontable.listbox tr:first-child th,
  503. .handsontable.listbox tr:last-child th,
  504. .handsontable.listbox tr:first-child td,
  505. .handsontable.listbox td {
  506. border-color: transparent;
  507. }
  508. .handsontable.listbox th,
  509. .handsontable.listbox td {
  510. white-space: nowrap;
  511. text-overflow: ellipsis;
  512. }
  513. .handsontable.listbox td.htDimmed {
  514. cursor: default;
  515. color: inherit;
  516. font-style: inherit;
  517. }
  518. .handsontable.listbox .wtBorder {
  519. visibility: hidden;
  520. }
  521. .handsontable.listbox tr td.current,
  522. .handsontable.listbox tr:hover td {
  523. background: #eee;
  524. }
  525. .ht_clone_top {
  526. z-index: 101;
  527. }
  528. .ht_clone_left {
  529. z-index: 102;
  530. }
  531. .ht_clone_top_left_corner,
  532. .ht_clone_bottom_left_corner {
  533. z-index: 103;
  534. }
  535. .ht_clone_debug {
  536. z-index: 103;
  537. }
  538. .handsontable td.htSearchResult {
  539. background: #fcedd9;
  540. color: #583707;
  541. }
  542. /*
  543. Cell borders
  544. */
  545. .htBordered{
  546. /*box-sizing: border-box !important;*/
  547. border-width: 1px;
  548. }
  549. .htBordered.htTopBorderSolid {
  550. border-top-style: solid;
  551. border-top-color: #000;
  552. }
  553. .htBordered.htRightBorderSolid {
  554. border-right-style: solid;
  555. border-right-color: #000;
  556. }
  557. .htBordered.htBottomBorderSolid {
  558. border-bottom-style: solid;
  559. border-bottom-color: #000;
  560. }
  561. .htBordered.htLeftBorderSolid {
  562. border-left-style: solid;
  563. border-left-color: #000;
  564. }
  565. .handsontable tbody tr th:nth-last-child(2) {
  566. border-right: 1px solid #CCC;
  567. }
  568. .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  569. border-bottom: 1px solid #CCC;
  570. padding-bottom: 5px;
  571. }
  572. .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  573. border-right: 1px solid #CCC;
  574. }
  575. .htCollapseButton {
  576. width: 10px;
  577. height: 10px;
  578. line-height: 10px;
  579. text-align: center;
  580. border-radius: 5px;
  581. border: 1px solid #f3f3f3;
  582. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  583. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  584. cursor: pointer;
  585. margin-bottom: 3px;
  586. position: relative;
  587. }
  588. .htCollapseButton:after {
  589. content: "";
  590. height: 300%;
  591. width: 1px;
  592. display: block;
  593. background: #ccc;
  594. margin-left: 4px;
  595. position: absolute;
  596. /*top: -300%;*/
  597. bottom: 10px;
  598. }
  599. thead .htCollapseButton {
  600. right: 5px;
  601. position: absolute;
  602. top: 5px;
  603. background: #fff;
  604. }
  605. thead .htCollapseButton:after {
  606. height: 1px;
  607. width: 700%;
  608. right: 10px;
  609. top: 4px;
  610. }
  611. .handsontable tr th .htExpandButton {
  612. position: absolute;
  613. width: 10px;
  614. height: 10px;
  615. line-height: 10px;
  616. text-align: center;
  617. border-radius: 5px;
  618. border: 1px solid #f3f3f3;
  619. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  620. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  621. cursor: pointer;
  622. top: 0;
  623. display: none;
  624. }
  625. .handsontable thead tr th .htExpandButton {
  626. /*left: 5px;*/
  627. top: 5px;
  628. }
  629. .handsontable tr th .htExpandButton.clickable {
  630. display: block;
  631. }
  632. .collapsibleIndicator {
  633. position: absolute;
  634. top: 50%;
  635. transform: translate(0% ,-50%);
  636. right: 5px;
  637. border: 1px solid #A6A6A6;
  638. line-height: 10px;
  639. color: #222;
  640. border-radius: 10px;
  641. font-size: 10px;
  642. width: 10px;
  643. height: 10px;
  644. cursor: pointer;
  645. -webkit-box-shadow: 0 0 0 6px rgba(238,238,238,1);
  646. -moz-box-shadow: 0 0 0 6px rgba(238,238,238,1);
  647. box-shadow: 0 0 0 6px rgba(238,238,238,1);
  648. background: #eee;
  649. }
  650. .handsontable col.hidden {
  651. width: 0 !important;
  652. }
  653. .handsontable table tr th.lightRightBorder {
  654. border-right: 1px solid #E6E6E6;
  655. }
  656. .handsontable tr.hidden,
  657. .handsontable tr.hidden td,
  658. .handsontable tr.hidden th {
  659. display: none;
  660. }
  661. .ht_master,
  662. .ht_clone_left,
  663. .ht_clone_top,
  664. .ht_clone_bottom {
  665. overflow: hidden;
  666. }
  667. .ht_master .wtHolder {
  668. overflow: auto;
  669. }
  670. .ht_clone_left .wtHolder {
  671. overflow-x: hidden;
  672. overflow-y: auto;
  673. }
  674. .ht_clone_top .wtHolder,
  675. .ht_clone_bottom .wtHolder {
  676. overflow-x: auto;
  677. overflow-y: hidden;
  678. }
  679. /*WalkontableDebugOverlay*/
  680. .wtDebugHidden {
  681. display: none;
  682. }
  683. .wtDebugVisible {
  684. display: block;
  685. -webkit-animation-duration: 0.5s;
  686. -webkit-animation-name: wtFadeInFromNone;
  687. animation-duration: 0.5s;
  688. animation-name: wtFadeInFromNone;
  689. }
  690. @keyframes wtFadeInFromNone {
  691. 0% {
  692. display: none;
  693. opacity: 0;
  694. }
  695. 1% {
  696. display: block;
  697. opacity: 0;
  698. }
  699. 100% {
  700. display: block;
  701. opacity: 1;
  702. }
  703. }
  704. @-webkit-keyframes wtFadeInFromNone {
  705. 0% {
  706. display: none;
  707. opacity: 0;
  708. }
  709. 1% {
  710. display: block;
  711. opacity: 0;
  712. }
  713. 100% {
  714. display: block;
  715. opacity: 1;
  716. }
  717. }
  718. /*
  719. Handsontable Mobile Text Editor stylesheet
  720. */
  721. .handsontable.mobile,
  722. .handsontable.mobile .wtHolder {
  723. -webkit-touch-callout:none;
  724. -webkit-user-select:none;
  725. -khtml-user-select:none;
  726. -moz-user-select:none;
  727. -ms-user-select:none;
  728. user-select:none;
  729. -webkit-tap-highlight-color:rgba(0,0,0,0);
  730. -webkit-overflow-scrolling: touch;
  731. }
  732. .htMobileEditorContainer {
  733. display: none;
  734. position: absolute;
  735. top: 0;
  736. width: 70%;
  737. height: 54pt;
  738. background: #f8f8f8;
  739. border-radius: 20px;
  740. border: 1px solid #ebebeb;
  741. z-index: 999;
  742. box-sizing: border-box;
  743. -webkit-box-sizing: border-box;
  744. -webkit-text-size-adjust: none;
  745. }
  746. .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
  747. .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  748. z-index: 9999;
  749. }
  750. /* Initial left/top coordinates - overwritten when actual position is set */
  751. .topLeftSelectionHandle,
  752. .topLeftSelectionHandle-HitArea,
  753. .bottomRightSelectionHandle,
  754. .bottomRightSelectionHandle-HitArea {
  755. left: -10000px;
  756. top: -10000px;
  757. }
  758. .htMobileEditorContainer.active {
  759. display: block;
  760. }
  761. .htMobileEditorContainer .inputs {
  762. position: absolute;
  763. right: 210pt;
  764. bottom: 10pt;
  765. top: 10pt;
  766. left: 14px;
  767. height: 34pt;
  768. }
  769. .htMobileEditorContainer .inputs textarea {
  770. font-size: 13pt;
  771. border: 1px solid #a1a1a1;
  772. -webkit-appearance: none;
  773. -webkit-box-shadow: none;
  774. -moz-box-shadow: none;
  775. box-shadow: none;
  776. position: absolute;
  777. left: 14px;
  778. right: 14px;
  779. top: 0;
  780. bottom: 0;
  781. padding: 7pt;
  782. }
  783. .htMobileEditorContainer .cellPointer {
  784. position: absolute;
  785. top: -13pt;
  786. height: 0;
  787. width: 0;
  788. left: 30px;
  789. border-left: 13pt solid transparent;
  790. border-right: 13pt solid transparent;
  791. border-bottom: 13pt solid #ebebeb;
  792. }
  793. .htMobileEditorContainer .cellPointer.hidden {
  794. display: none;
  795. }
  796. .htMobileEditorContainer .cellPointer:before {
  797. content: '';
  798. display: block;
  799. position: absolute;
  800. top: 2px;
  801. height: 0;
  802. width: 0;
  803. left: -13pt;
  804. border-left: 13pt solid transparent;
  805. border-right: 13pt solid transparent;
  806. border-bottom: 13pt solid #f8f8f8;
  807. }
  808. .htMobileEditorContainer .moveHandle {
  809. position: absolute;
  810. top: 10pt;
  811. left: 5px;
  812. width: 30px;
  813. bottom: 0px;
  814. cursor: move;
  815. z-index: 9999;
  816. }
  817. .htMobileEditorContainer .moveHandle:after {
  818. content: "..\A..\A..\A..";
  819. white-space: pre;
  820. line-height: 10px;
  821. font-size: 20pt;
  822. display: inline-block;
  823. margin-top: -8px;
  824. color: #ebebeb;
  825. }
  826. .htMobileEditorContainer .positionControls {
  827. width: 205pt;
  828. position: absolute;
  829. right: 5pt;
  830. top: 0;
  831. bottom: 0;
  832. }
  833. .htMobileEditorContainer .positionControls > div {
  834. width: 50pt;
  835. height: 100%;
  836. float: left;
  837. }
  838. .htMobileEditorContainer .positionControls > div:after {
  839. content: " ";
  840. display: block;
  841. width: 15pt;
  842. height: 15pt;
  843. text-align: center;
  844. line-height: 50pt;
  845. }
  846. .htMobileEditorContainer .leftButton:after,
  847. .htMobileEditorContainer .rightButton:after,
  848. .htMobileEditorContainer .upButton:after,
  849. .htMobileEditorContainer .downButton:after {
  850. transform-origin: 5pt 5pt;
  851. -webkit-transform-origin: 5pt 5pt;
  852. margin: 21pt 0 0 21pt;
  853. }
  854. .htMobileEditorContainer .leftButton:after {
  855. border-top: 2px solid #288ffe;
  856. border-left: 2px solid #288ffe;
  857. -webkit-transform: rotate(-45deg);
  858. /*margin-top: 17pt;*/
  859. /*margin-left: 20pt;*/
  860. }
  861. .htMobileEditorContainer .leftButton:active:after {
  862. border-color: #cfcfcf;
  863. }
  864. .htMobileEditorContainer .rightButton:after {
  865. border-top: 2px solid #288ffe;
  866. border-left: 2px solid #288ffe;
  867. -webkit-transform: rotate(135deg);
  868. /*margin-top: 17pt;*/
  869. /*margin-left: 10pt;*/
  870. }
  871. .htMobileEditorContainer .rightButton:active:after {
  872. border-color: #cfcfcf;
  873. }
  874. .htMobileEditorContainer .upButton:after {
  875. /*border-top: 2px solid #cfcfcf;*/
  876. border-top: 2px solid #288ffe;
  877. border-left: 2px solid #288ffe;
  878. -webkit-transform: rotate(45deg);
  879. /*margin-top: 22pt;*/
  880. /*margin-left: 15pt;*/
  881. }
  882. .htMobileEditorContainer .upButton:active:after {
  883. border-color: #cfcfcf;
  884. }
  885. .htMobileEditorContainer .downButton:after {
  886. border-top: 2px solid #288ffe;
  887. border-left: 2px solid #288ffe;
  888. -webkit-transform: rotate(225deg);
  889. /*margin-top: 15pt;*/
  890. /*margin-left: 15pt;*/
  891. }
  892. .htMobileEditorContainer .downButton:active:after {
  893. border-color: #cfcfcf;
  894. }
  895. .handsontable.hide-tween {
  896. -webkit-animation: opacity-hide 0.3s;
  897. animation: opacity-hide 0.3s;
  898. animation-fill-mode: forwards;
  899. -webkit-animation-fill-mode: forwards;
  900. }
  901. .handsontable.show-tween {
  902. -webkit-animation: opacity-show 0.3s;
  903. animation: opacity-show 0.3s;
  904. animation-fill-mode: forwards;
  905. -webkit-animation-fill-mode: forwards;
  906. }
  907. @charset "UTF-8";
  908. /*!
  909. * Pikaday
  910. * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
  911. */
  912. .pika-single {
  913. z-index: 9999;
  914. display: block;
  915. position: relative;
  916. color: #333;
  917. background: #fff;
  918. border: 1px solid #ccc;
  919. border-bottom-color: #bbb;
  920. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  921. }
  922. /*
  923. clear child float (pika-lendar), using the famous micro clearfix hack
  924. http://nicolasgallagher.com/micro-clearfix-hack/
  925. */
  926. .pika-single:before,
  927. .pika-single:after {
  928. content: " ";
  929. display: table;
  930. }
  931. .pika-single:after { clear: both }
  932. .pika-single { *zoom: 1 }
  933. .pika-single.is-hidden {
  934. display: none;
  935. }
  936. .pika-single.is-bound {
  937. position: absolute;
  938. box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
  939. }
  940. .pika-lendar {
  941. float: left;
  942. width: 240px;
  943. margin: 8px;
  944. }
  945. .pika-title {
  946. position: relative;
  947. text-align: center;
  948. }
  949. .pika-label {
  950. display: inline-block;
  951. *display: inline;
  952. position: relative;
  953. z-index: 9999;
  954. overflow: hidden;
  955. margin: 0;
  956. padding: 5px 3px;
  957. font-size: 14px;
  958. line-height: 20px;
  959. font-weight: bold;
  960. background-color: #fff;
  961. }
  962. .pika-title select {
  963. cursor: pointer;
  964. position: absolute;
  965. z-index: 9998;
  966. margin: 0;
  967. left: 0;
  968. top: 5px;
  969. filter: alpha(opacity=0);
  970. opacity: 0;
  971. }
  972. .pika-prev,
  973. .pika-next {
  974. display: block;
  975. cursor: pointer;
  976. position: relative;
  977. outline: none;
  978. border: 0;
  979. padding: 0;
  980. width: 20px;
  981. height: 30px;
  982. /* hide text using text-indent trick, using width value (it's enough) */
  983. text-indent: 20px;
  984. white-space: nowrap;
  985. overflow: hidden;
  986. background-color: transparent;
  987. background-position: center center;
  988. background-repeat: no-repeat;
  989. background-size: 75% 75%;
  990. opacity: .5;
  991. *position: absolute;
  992. *top: 0;
  993. }
  994. .pika-prev:hover,
  995. .pika-next:hover {
  996. opacity: 1;
  997. }
  998. .pika-prev,
  999. .is-rtl .pika-next {
  1000. float: left;
  1001. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  1002. *left: 0;
  1003. }
  1004. .pika-next,
  1005. .is-rtl .pika-prev {
  1006. float: right;
  1007. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  1008. *right: 0;
  1009. }
  1010. .pika-prev.is-disabled,
  1011. .pika-next.is-disabled {
  1012. cursor: default;
  1013. opacity: .2;
  1014. }
  1015. .pika-select {
  1016. display: inline-block;
  1017. *display: inline;
  1018. }
  1019. .pika-table {
  1020. width: 100%;
  1021. border-collapse: collapse;
  1022. border-spacing: 0;
  1023. border: 0;
  1024. }
  1025. .pika-table th,
  1026. .pika-table td {
  1027. width: 14.285714285714286%;
  1028. padding: 0;
  1029. }
  1030. .pika-table th {
  1031. color: #999;
  1032. font-size: 12px;
  1033. line-height: 25px;
  1034. font-weight: bold;
  1035. text-align: center;
  1036. }
  1037. .pika-button {
  1038. cursor: pointer;
  1039. display: block;
  1040. box-sizing: border-box;
  1041. -moz-box-sizing: border-box;
  1042. outline: none;
  1043. border: 0;
  1044. margin: 0;
  1045. width: 100%;
  1046. padding: 5px;
  1047. color: #666;
  1048. font-size: 12px;
  1049. line-height: 15px;
  1050. text-align: right;
  1051. background: #f5f5f5;
  1052. }
  1053. .pika-week {
  1054. font-size: 11px;
  1055. color: #999;
  1056. }
  1057. .is-today .pika-button {
  1058. color: #33aaff;
  1059. font-weight: bold;
  1060. }
  1061. .is-selected .pika-button {
  1062. color: #fff;
  1063. font-weight: bold;
  1064. background: #33aaff;
  1065. box-shadow: inset 0 1px 3px #178fe5;
  1066. border-radius: 3px;
  1067. }
  1068. .is-inrange .pika-button {
  1069. background: #D5E9F7;
  1070. }
  1071. .is-startrange .pika-button {
  1072. color: #fff;
  1073. background: #6CB31D;
  1074. box-shadow: none;
  1075. border-radius: 3px;
  1076. }
  1077. .is-endrange .pika-button {
  1078. color: #fff;
  1079. background: #33aaff;
  1080. box-shadow: none;
  1081. border-radius: 3px;
  1082. }
  1083. .is-disabled .pika-button,
  1084. .is-outside-current-month .pika-button {
  1085. pointer-events: none;
  1086. cursor: default;
  1087. color: #999;
  1088. opacity: .3;
  1089. }
  1090. .pika-button:hover {
  1091. color: #fff;
  1092. background: #ff8000;
  1093. box-shadow: none;
  1094. border-radius: 3px;
  1095. }
  1096. /* styling for abbr */
  1097. .pika-table abbr {
  1098. border-bottom: none;
  1099. cursor: help;
  1100. }
  1101. .htCommentCell {
  1102. position: relative;
  1103. }
  1104. .htCommentCell:after {
  1105. content: '';
  1106. position: absolute;
  1107. top: 0;
  1108. right: 0;
  1109. border-left: 6px solid transparent;
  1110. border-top: 6px solid black;
  1111. }
  1112. .htComments {
  1113. display: none;
  1114. z-index: 1059;
  1115. position: absolute;
  1116. }
  1117. .htCommentTextArea {
  1118. box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  1119. -webkit-box-sizing: border-box;
  1120. -moz-box-sizing: border-box;
  1121. box-sizing: border-box;
  1122. border: none;
  1123. border-left: 3px solid #ccc;
  1124. background-color: #fff;
  1125. width: 215px;
  1126. height: 90px;
  1127. font-size: 12px;
  1128. padding: 5px;
  1129. outline: 0px !important;
  1130. -webkit-appearance: none;
  1131. }
  1132. .htCommentTextArea:focus {
  1133. box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
  1134. border-left: 3px solid #5292f7;
  1135. }
  1136. /*!
  1137. * Handsontable ContextMenu
  1138. */
  1139. .htContextMenu {
  1140. display: none;
  1141. position: absolute;
  1142. z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
  1143. }
  1144. .htContextMenu .ht_clone_top,
  1145. .htContextMenu .ht_clone_left,
  1146. .htContextMenu .ht_clone_corner,
  1147. .htContextMenu .ht_clone_debug {
  1148. display: none;
  1149. }
  1150. .htContextMenu table.htCore {
  1151. border: 1px solid #ccc;
  1152. border-bottom-width: 2px;
  1153. border-right-width: 2px;
  1154. }
  1155. .htContextMenu .wtBorder {
  1156. visibility: hidden;
  1157. }
  1158. .htContextMenu table tbody tr td {
  1159. background: white;
  1160. border-width: 0;
  1161. padding: 4px 6px 0 6px;
  1162. cursor: pointer;
  1163. overflow: hidden;
  1164. white-space: nowrap;
  1165. text-overflow: ellipsis;
  1166. }
  1167. .htContextMenu table tbody tr td:first-child {
  1168. border: 0;
  1169. }
  1170. .htContextMenu table tbody tr td.htDimmed {
  1171. font-style: normal;
  1172. color: #323232;
  1173. }
  1174. .htContextMenu table tbody tr td.current,
  1175. .htContextMenu table tbody tr td.zeroclipboard-is-hover {
  1176. background: #f3f3f3;
  1177. }
  1178. .htContextMenu table tbody tr td.htSeparator {
  1179. border-top: 1px solid #bbb;
  1180. height: 0;
  1181. padding: 0;
  1182. cursor: default;
  1183. }
  1184. .htContextMenu table tbody tr td.htDisabled {
  1185. color: #999;
  1186. cursor: default;
  1187. }
  1188. .htContextMenu table tbody tr td.htDisabled:hover {
  1189. background: #fff;
  1190. color: #999;
  1191. cursor: default;
  1192. }
  1193. .htContextMenu table tbody tr.htHidden {
  1194. display: none;
  1195. }
  1196. .htContextMenu table tbody tr td .htItemWrapper {
  1197. margin-left: 10px;
  1198. margin-right: 6px;
  1199. }
  1200. .htContextMenu table tbody tr td div span.selected {
  1201. margin-top: -2px;
  1202. position: absolute;
  1203. left: 4px;
  1204. }
  1205. .htContextMenu .ht_master .wtHolder {
  1206. overflow: hidden;
  1207. }
  1208. textarea#HandsontableCopyPaste {
  1209. position: fixed !important;
  1210. bottom: 100% !important;
  1211. right: 100% !important;
  1212. outline: 0 none !important;
  1213. }
  1214. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
  1215. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  1216. border-left: 0 none;
  1217. }
  1218. .handsontable .wtHider {
  1219. position: relative;
  1220. }
  1221. .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  1222. cursor: move;
  1223. cursor: -moz-grab;
  1224. cursor: -webkit-grab;
  1225. cursor: grab;
  1226. }
  1227. .handsontable.ht__manualColumnMove.on-moving--columns,
  1228. .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  1229. cursor: move;
  1230. cursor: -moz-grabbing;
  1231. cursor: -webkit-grabbing;
  1232. cursor: grabbing;
  1233. }
  1234. .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  1235. display: none;
  1236. }
  1237. .handsontable .ht__manualColumnMove--guideline,
  1238. .handsontable .ht__manualColumnMove--backlight {
  1239. position: absolute;
  1240. height: 100%;
  1241. display: none;
  1242. }
  1243. .handsontable .ht__manualColumnMove--guideline {
  1244. background: #757575;
  1245. width: 2px;
  1246. top: 0;
  1247. margin-left: -1px;
  1248. z-index: 105;
  1249. }
  1250. .handsontable .ht__manualColumnMove--backlight {
  1251. background: #343434;
  1252. background: rgba(52, 52, 52, 0.25);
  1253. display: none;
  1254. z-index: 105;
  1255. pointer-events: none;
  1256. }
  1257. .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
  1258. .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  1259. display: block;
  1260. }
  1261. .handsontable .wtHider {
  1262. position: relative;
  1263. }
  1264. .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  1265. cursor: move;
  1266. cursor: -moz-grab;
  1267. cursor: -webkit-grab;
  1268. cursor: grab;
  1269. }
  1270. .handsontable.ht__manualRowMove.on-moving--rows,
  1271. .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  1272. cursor: move;
  1273. cursor: -moz-grabbing;
  1274. cursor: -webkit-grabbing;
  1275. cursor: grabbing;
  1276. }
  1277. .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  1278. display: none;
  1279. }
  1280. .handsontable .ht__manualRowMove--guideline,
  1281. .handsontable .ht__manualRowMove--backlight {
  1282. position: absolute;
  1283. width: 100%;
  1284. display: none;
  1285. }
  1286. .handsontable .ht__manualRowMove--guideline {
  1287. background: #757575;
  1288. height: 2px;
  1289. left: 0;
  1290. margin-top: -1px;
  1291. z-index: 105;
  1292. }
  1293. .handsontable .ht__manualRowMove--backlight {
  1294. background: #343434;
  1295. background: rgba(52, 52, 52, 0.25);
  1296. display: none;
  1297. z-index: 105;
  1298. pointer-events: none;
  1299. }
  1300. .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
  1301. .handsontable.on-moving--rows .ht__manualRowMove--backlight {
  1302. display: block;
  1303. }