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.

2182 lines
49 KiB

1 year ago
  1. /*!
  2. * Copyright (c) HANDSONCODE sp. z o. o.
  3. *
  4. * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in
  5. * Gdynia, Poland, at Aleja Zwycięstwa 96-98, registered by the District Court in Gdansk under number
  6. * 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
  7. *
  8. * This software is protected by applicable copyright laws, including international treaties, and dual-
  9. * licensed depending on whether your use for commercial purposes, meaning intended for or
  10. * resulting in commercial advantage or monetary compensation, or not.
  11. *
  12. * If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing
  13. * the suitability, performance, and usefulness of this software outside the production environment,
  14. * you agree to be bound by the terms included in the "handsontable-non-commercial-license.pdf" file.
  15. *
  16. * Your use of this software for commercial purposes is subject to the terms included in an applicable
  17. * license agreement.
  18. *
  19. * In any case, you must not make any such use of this software as to develop software which may be
  20. * considered competitive with this software.
  21. *
  22. * UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
  23. * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO
  24. * LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,
  25. * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  26. * USE OR INABILITY TO USE THIS SOFTWARE.
  27. *
  28. * Version: 12.0.1
  29. * Release date: 16/05/2022 (built at 13/05/2022 13:50:27)
  30. */
  31. /**
  32. * Fix for bootstrap styles
  33. */
  34. .handsontable .table th, .handsontable .table td {
  35. border-top: none;
  36. }
  37. .handsontable tr {
  38. background: #fff;
  39. }
  40. .handsontable td {
  41. background-color: inherit;
  42. }
  43. .handsontable .table caption + thead tr:first-child th,
  44. .handsontable .table caption + thead tr:first-child td,
  45. .handsontable .table colgroup + thead tr:first-child th,
  46. .handsontable .table colgroup + thead tr:first-child td,
  47. .handsontable .table thead:first-child tr:first-child th,
  48. .handsontable .table thead:first-child tr:first-child td {
  49. border-top: 1px solid #CCCCCC;
  50. }
  51. /* table-bordered */
  52. .handsontable .table-bordered {
  53. border: 0;
  54. border-collapse: separate;
  55. }
  56. .handsontable .table-bordered th,
  57. .handsontable .table-bordered td {
  58. border-left: none;
  59. }
  60. .handsontable .table-bordered th:first-child,
  61. .handsontable .table-bordered td:first-child {
  62. border-left: 1px solid #CCCCCC;
  63. }
  64. .handsontable .table > tbody > tr > td,
  65. .handsontable .table > tbody > tr > th,
  66. .handsontable .table > tfoot > tr > td,
  67. .handsontable .table > tfoot > tr > th,
  68. .handsontable .table > thead > tr > td,
  69. .handsontable .table > thead > tr > th {
  70. line-height: 21px;
  71. padding: 0;
  72. }
  73. .col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
  74. .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,
  75. .col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
  76. .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 .col-sm-1.handsontable,
  77. .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
  78. .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 .col-xs-1.handsontable,
  79. .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
  80. .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 {
  81. padding-left: 0;
  82. padding-right: 0;
  83. }
  84. .handsontable .table-striped > tbody > tr:nth-of-type(even) {
  85. background-color: #FFF;
  86. }
  87. .handsontable {
  88. position: relative;
  89. }
  90. .handsontable .hide {
  91. display: none;
  92. }
  93. .handsontable .relative {
  94. position: relative;
  95. }
  96. .handsontable .wtHider {
  97. width: 0;
  98. }
  99. .handsontable .wtSpreader {
  100. position: relative;
  101. /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  102. width: 0;
  103. height: auto;
  104. }
  105. .handsontable table,
  106. .handsontable tbody,
  107. .handsontable thead,
  108. .handsontable td,
  109. .handsontable th,
  110. .handsontable input,
  111. .handsontable textarea,
  112. .handsontable div {
  113. box-sizing: content-box;
  114. -webkit-box-sizing: content-box;
  115. -moz-box-sizing: content-box;
  116. }
  117. .handsontable input,
  118. .handsontable textarea {
  119. min-height: initial;
  120. }
  121. .handsontable table.htCore {
  122. border-collapse: separate;
  123. /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
  124. /* this actually only changes appearance of user selection - does not make text unselectable */
  125. /* -webkit-user-select: none;
  126. -khtml-user-select: none;
  127. -moz-user-select: none;
  128. -o-user-select: none;
  129. -ms-user-select: none;
  130. user-select: none; // no browser supports unprefixed version
  131. */
  132. border-spacing: 0;
  133. margin: 0;
  134. border-width: 0;
  135. table-layout: fixed;
  136. width: 0;
  137. outline-width: 0;
  138. cursor: default;
  139. /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  140. max-width: none;
  141. max-height: none;
  142. }
  143. .handsontable col {
  144. width: 50px;
  145. }
  146. .handsontable col.rowHeader {
  147. width: 50px;
  148. }
  149. .handsontable th,
  150. .handsontable td {
  151. border-top-width: 0;
  152. border-left-width: 0;
  153. border-right: 1px solid #ccc;
  154. border-bottom: 1px solid #ccc;
  155. height: 22px;
  156. empty-cells: show;
  157. line-height: 21px;
  158. padding: 0 4px 0 4px;
  159. /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  160. background-color: #fff;
  161. vertical-align: top;
  162. overflow: hidden;
  163. outline-width: 0;
  164. white-space: pre-wrap;
  165. }
  166. [dir=rtl].handsontable th, [dir=rtl].handsontable td {
  167. border-right-width: 0;
  168. border-left: 1px solid #ccc;
  169. }
  170. .handsontable th:last-child {
  171. /*Foundation framework fix*/
  172. border-left: none;
  173. border-right: 1px solid #ccc;
  174. border-bottom: 1px solid #ccc;
  175. }
  176. [dir=rtl].handsontable th:last-child {
  177. /*Foundation framework fix*/
  178. border-right: none;
  179. border-left: 1px solid #ccc;
  180. }
  181. .handsontable th:first-child,
  182. .handsontable th:nth-child(2),
  183. .handsontable td:first-of-type {
  184. border-left: 1px solid #ccc;
  185. }
  186. [dir=rtl].handsontable th:first-child, [dir=rtl].handsontable th:nth-child(2), [dir=rtl].handsontable td:first-of-type {
  187. border-right: 1px solid #ccc;
  188. }
  189. /* It removes double right border from first column header when row headers are disabled */
  190. .handsontable .ht_clone_top th:nth-child(2) {
  191. border-left-width: 0;
  192. border-right: 1px solid #ccc;
  193. }
  194. [dir=rtl].handsontable .ht_clone_top th:nth-child(2) {
  195. border-right-width: 0;
  196. border-left: 1px solid #ccc;
  197. }
  198. .handsontable.htRowHeaders thead tr th:nth-child(2) {
  199. border-left: 1px solid #ccc;
  200. }
  201. [dir=rtl].handsontable.htRowHeaders thead tr th:nth-child(2) {
  202. border-right: 1px solid #ccc;
  203. }
  204. .handsontable tr:first-child th,
  205. .handsontable tr:first-child td {
  206. border-top: 1px solid #ccc;
  207. }
  208. .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th,
  209. .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  210. border-right-width: 0;
  211. border-left: 1px solid #ccc;
  212. }
  213. [dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, [dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  214. border-left-width: 0;
  215. border-right: 1px solid #ccc;
  216. }
  217. /*
  218. innerBorderTop - Property controlled by top overlay
  219. innerBorderBottom - Property controlled by bottom overlay
  220. */
  221. .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th,
  222. .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr:last-child th,
  223. .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th,
  224. .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th {
  225. border-bottom-width: 0;
  226. }
  227. .handsontable th {
  228. background-color: #f0f0f0;
  229. color: #222;
  230. text-align: center;
  231. font-weight: normal;
  232. white-space: nowrap;
  233. }
  234. .handsontable thead th {
  235. padding: 0;
  236. }
  237. .handsontable th.active {
  238. background-color: #ccc;
  239. }
  240. .handsontable thead th .relative {
  241. padding: 2px 4px;
  242. }
  243. .handsontable span.colHeader {
  244. display: inline-block;
  245. line-height: 1.1;
  246. }
  247. /* Selection */
  248. .handsontable .wtBorder {
  249. position: absolute;
  250. font-size: 0;
  251. }
  252. .handsontable .wtBorder.hidden {
  253. display: none !important;
  254. }
  255. /* A layer order of the selection types */
  256. .handsontable .wtBorder.current {
  257. z-index: 10;
  258. }
  259. .handsontable .wtBorder.area {
  260. z-index: 8;
  261. }
  262. .handsontable .wtBorder.fill {
  263. z-index: 6;
  264. }
  265. /* fill handle */
  266. .handsontable .wtBorder.corner {
  267. font-size: 0;
  268. cursor: crosshair;
  269. }
  270. .ht_clone_master {
  271. z-index: 100;
  272. }
  273. .ht_clone_inline_start {
  274. z-index: 120;
  275. }
  276. .ht_clone_bottom {
  277. z-index: 130;
  278. }
  279. .ht_clone_bottom_inline_start_corner {
  280. z-index: 150;
  281. }
  282. .ht_clone_top {
  283. z-index: 160;
  284. }
  285. .ht_clone_top_inline_start_corner {
  286. z-index: 180;
  287. }
  288. .handsontable col.hidden {
  289. width: 0 !important;
  290. }
  291. .handsontable tr.hidden,
  292. .handsontable tr.hidden td,
  293. .handsontable tr.hidden th {
  294. display: none;
  295. }
  296. .ht_master,
  297. .ht_clone_inline_start,
  298. .ht_clone_top,
  299. .ht_clone_bottom {
  300. overflow: hidden;
  301. }
  302. .ht_master .wtHolder {
  303. overflow: auto;
  304. }
  305. .handsontable .ht_master thead,
  306. .handsontable .ht_master tr th,
  307. .handsontable .ht_clone_inline_start thead {
  308. visibility: hidden;
  309. }
  310. .ht_clone_top .wtHolder,
  311. .ht_clone_inline_start .wtHolder,
  312. .ht_clone_bottom .wtHolder {
  313. overflow: hidden;
  314. }
  315. @charset "UTF-8";
  316. .handsontable {
  317. touch-action: manipulation;
  318. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  319. font-size: 13px;
  320. font-weight: normal;
  321. color: #373737;
  322. }
  323. .handsontable a {
  324. color: #104acc;
  325. }
  326. .handsontable.htAutoSize {
  327. visibility: hidden;
  328. left: -99000px;
  329. position: absolute;
  330. top: -99000px;
  331. }
  332. .handsontable td.htInvalid {
  333. /*gives priority over td.area selection background*/
  334. background-color: #ff4c42 !important;
  335. }
  336. .handsontable td.htNoWrap {
  337. white-space: nowrap;
  338. }
  339. #hot-display-license-info {
  340. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  341. font-size: 10px;
  342. font-weight: normal;
  343. color: #373737;
  344. padding: 5px 0 3px 0;
  345. text-align: left;
  346. }
  347. #hot-display-license-info a {
  348. color: #104acc;
  349. font-size: 10px;
  350. }
  351. /* plugins */
  352. /* row + column resizer*/
  353. .handsontable .manualColumnResizer {
  354. position: absolute;
  355. top: 0;
  356. cursor: col-resize;
  357. z-index: 210;
  358. width: 5px;
  359. height: 25px;
  360. }
  361. .handsontable .manualRowResizer {
  362. position: absolute;
  363. left: 0;
  364. cursor: row-resize;
  365. z-index: 210;
  366. height: 5px;
  367. width: 50px;
  368. }
  369. .handsontable .manualColumnResizer:hover,
  370. .handsontable .manualColumnResizer.active,
  371. .handsontable .manualRowResizer:hover,
  372. .handsontable .manualRowResizer.active {
  373. background-color: #34a9db;
  374. }
  375. .handsontable .manualColumnResizerGuide {
  376. position: absolute;
  377. right: unset;
  378. top: 0;
  379. background-color: #34a9db;
  380. display: none;
  381. width: 0;
  382. border-right: 1px dashed #777;
  383. border-left: none;
  384. margin-left: 5px;
  385. margin-right: unset;
  386. }
  387. [dir=rtl].handsontable .manualColumnResizerGuide {
  388. left: unset;
  389. border-left: 1px dashed #777;
  390. border-right: none;
  391. margin-right: 5px;
  392. margin-left: unset;
  393. }
  394. .handsontable .manualRowResizerGuide {
  395. position: absolute;
  396. left: 0;
  397. bottom: 0;
  398. background-color: #34a9db;
  399. display: none;
  400. height: 0;
  401. border-bottom: 1px dashed #777;
  402. margin-top: 5px;
  403. }
  404. .handsontable .manualColumnResizerGuide.active,
  405. .handsontable .manualRowResizerGuide.active {
  406. display: block;
  407. z-index: 209;
  408. }
  409. .handsontable .columnSorting {
  410. position: relative;
  411. }
  412. .handsontable .columnSorting.sortAction:hover {
  413. text-decoration: underline;
  414. cursor: pointer;
  415. }
  416. /* Arrow position */
  417. .handsontable span.colHeader.columnSorting::before {
  418. /* Centering start */
  419. top: 50%;
  420. /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
  421. margin-top: -6px;
  422. /* Centering end */
  423. /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
  424. padding-left: 8px;
  425. padding-right: 0;
  426. position: absolute;
  427. right: -9px;
  428. left: unset;
  429. content: "";
  430. height: 10px;
  431. width: 5px;
  432. background-size: contain;
  433. background-repeat: no-repeat;
  434. background-position-x: right;
  435. }
  436. [dir=rtl].handsontable span.colHeader.columnSorting::before {
  437. /* Centering end */
  438. /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
  439. padding-right: 8px;
  440. padding-left: 0;
  441. left: -9px;
  442. right: unset;
  443. background-position-x: left;
  444. }
  445. .handsontable span.colHeader.columnSorting.ascending::before {
  446. /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  447. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC");
  448. }
  449. .handsontable span.colHeader.columnSorting.descending::before {
  450. /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  451. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=");
  452. }
  453. .htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after {
  454. content: "*";
  455. display: inline-block;
  456. position: relative;
  457. /* The multi-line header and header with longer text need more padding to not hide arrow,
  458. we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
  459. padding-right: 20px;
  460. }
  461. .handsontable td.area,
  462. .handsontable td.area-1,
  463. .handsontable td.area-2,
  464. .handsontable td.area-3,
  465. .handsontable td.area-4,
  466. .handsontable td.area-5,
  467. .handsontable td.area-6,
  468. .handsontable td.area-7 {
  469. position: relative;
  470. }
  471. .handsontable td.area:before,
  472. .handsontable td.area-1:before,
  473. .handsontable td.area-2:before,
  474. .handsontable td.area-3:before,
  475. .handsontable td.area-4:before,
  476. .handsontable td.area-5:before,
  477. .handsontable td.area-6:before,
  478. .handsontable td.area-7:before {
  479. content: "";
  480. position: absolute;
  481. top: 0;
  482. left: 0;
  483. right: 0;
  484. bottom: 0;
  485. /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  486. bottom: -100% \9 ;
  487. background: #005eff;
  488. }
  489. /* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
  490. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  491. .handsontable td.area:before,
  492. .handsontable td.area-1:before,
  493. .handsontable td.area-2:before,
  494. .handsontable td.area-3:before,
  495. .handsontable td.area-4:before,
  496. .handsontable td.area-5:before,
  497. .handsontable td.area-6:before,
  498. .handsontable td.area-7:before {
  499. bottom: -100%;
  500. }
  501. }
  502. .handsontable td.area:before {
  503. opacity: 0.1;
  504. }
  505. .handsontable td.area-1:before {
  506. opacity: 0.2;
  507. }
  508. .handsontable td.area-2:before {
  509. opacity: 0.27;
  510. }
  511. .handsontable td.area-3:before {
  512. opacity: 0.35;
  513. }
  514. .handsontable td.area-4:before {
  515. opacity: 0.41;
  516. }
  517. .handsontable td.area-5:before {
  518. opacity: 0.47;
  519. }
  520. .handsontable td.area-6:before {
  521. opacity: 0.54;
  522. }
  523. .handsontable td.area-7:before {
  524. opacity: 0.58;
  525. }
  526. .handsontable tbody th.ht__highlight,
  527. .handsontable thead th.ht__highlight {
  528. background-color: #dcdcdc;
  529. }
  530. .handsontable tbody th.ht__active_highlight,
  531. .handsontable thead th.ht__active_highlight {
  532. background-color: #8eb0e7;
  533. color: #000;
  534. }
  535. .handsontableInput {
  536. border: none;
  537. outline-width: 0;
  538. margin: 0;
  539. padding: 1px 5px 0 5px;
  540. font-family: inherit;
  541. line-height: 21px;
  542. font-size: inherit;
  543. box-shadow: 0 0 0 2px #5292F7 inset;
  544. resize: none;
  545. /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  546. display: block;
  547. color: #000;
  548. border-radius: 0;
  549. background-color: #FFF;
  550. /*overwrite styles potentionally made by a framework*/
  551. }
  552. .handsontableInput:focus {
  553. outline: none;
  554. }
  555. .handsontableInputHolder {
  556. position: absolute;
  557. top: 0;
  558. left: 0;
  559. }
  560. .htSelectEditor {
  561. -webkit-appearance: menulist-button !important;
  562. position: absolute;
  563. width: auto;
  564. }
  565. .htSelectEditor:focus {
  566. outline: none;
  567. }
  568. /*
  569. TextRenderer readOnly cell
  570. */
  571. .handsontable .htDimmed {
  572. color: #777;
  573. }
  574. .handsontable .htSubmenu {
  575. position: relative;
  576. }
  577. .handsontable .htSubmenu :after {
  578. content: "▶";
  579. color: #777;
  580. position: absolute;
  581. right: 5px;
  582. font-size: 9px;
  583. }
  584. [dir=rtl].handsontable .htSubmenu :after {
  585. content: "";
  586. }
  587. [dir=rtl].handsontable .htSubmenu :before {
  588. content: "◀";
  589. color: #777;
  590. position: absolute;
  591. left: 5px;
  592. font-size: 9px;
  593. }
  594. /*
  595. TextRenderer horizontal alignment
  596. */
  597. .handsontable .htLeft {
  598. text-align: left;
  599. }
  600. .handsontable .htCenter {
  601. text-align: center;
  602. }
  603. .handsontable .htRight {
  604. text-align: right;
  605. }
  606. .handsontable .htJustify {
  607. text-align: justify;
  608. }
  609. /*
  610. TextRenderer vertical alignment
  611. */
  612. .handsontable .htTop {
  613. vertical-align: top;
  614. }
  615. .handsontable .htMiddle {
  616. vertical-align: middle;
  617. }
  618. .handsontable .htBottom {
  619. vertical-align: bottom;
  620. }
  621. /*
  622. TextRenderer placeholder value
  623. */
  624. .handsontable .htPlaceholder {
  625. color: #999;
  626. }
  627. /**
  628. * Handsontable listbox theme
  629. */
  630. .handsontable.listbox {
  631. margin: 0;
  632. }
  633. .handsontable.listbox .ht_master table {
  634. border: 1px solid #ccc;
  635. border-collapse: separate;
  636. background: white;
  637. }
  638. .handsontable.listbox th,
  639. .handsontable.listbox tr:first-child th,
  640. .handsontable.listbox tr:last-child th,
  641. .handsontable.listbox tr:first-child td,
  642. .handsontable.listbox td {
  643. border-color: transparent !important;
  644. }
  645. .handsontable.listbox th,
  646. .handsontable.listbox td {
  647. white-space: nowrap;
  648. text-overflow: ellipsis;
  649. }
  650. .handsontable.listbox td.htDimmed {
  651. cursor: default;
  652. color: inherit;
  653. font-style: inherit;
  654. }
  655. .handsontable.listbox .wtBorder {
  656. visibility: hidden;
  657. }
  658. .handsontable.listbox tr td.current,
  659. .handsontable.listbox tr:hover td {
  660. background: #eee;
  661. }
  662. .ht_editor_hidden {
  663. z-index: -1;
  664. }
  665. .ht_editor_visible {
  666. z-index: 200;
  667. }
  668. .handsontable td.htSearchResult {
  669. background: #fcedd9;
  670. color: #583707;
  671. }
  672. .handsontable .collapsibleIndicator {
  673. position: absolute;
  674. top: 50%;
  675. transform: translate(0%, -50%);
  676. left: unset;
  677. right: 5px;
  678. border: 1px solid #A6A6A6;
  679. line-height: 8px;
  680. color: #222;
  681. border-radius: 10px;
  682. font-size: 10px;
  683. width: 10px;
  684. height: 10px;
  685. cursor: pointer;
  686. -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
  687. -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
  688. box-shadow: 0 0 0 6px rgb(238, 238, 238);
  689. background: #eee;
  690. text-align: center;
  691. }
  692. [dir=rtl].handsontable .collapsibleIndicator {
  693. right: unset;
  694. left: 5px;
  695. }
  696. /*
  697. Handsontable Mobile Text Editor stylesheet
  698. */
  699. .handsontable.mobile,
  700. .handsontable.mobile .wtHolder {
  701. -webkit-touch-callout: none;
  702. -webkit-user-select: none;
  703. -khtml-user-select: none;
  704. -moz-user-select: none;
  705. -ms-user-select: none;
  706. user-select: none;
  707. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  708. -webkit-overflow-scrolling: touch;
  709. }
  710. .handsontable.mobile .handsontableInput:focus {
  711. -webkit-box-shadow: 0 0 0 2px #5292f7 inset;
  712. -moz-box-shadow: 0 0 0 2px #5292f7 inset;
  713. box-shadow: 0 0 0 2px #5292f7 inset;
  714. -webkit-appearance: none;
  715. }
  716. .topSelectionHandle:not(.ht_master .topSelectionHandle),
  717. .topSelectionHandle-HitArea:not(.ht_master .topSelectionHandle-HitArea) {
  718. z-index: 9999;
  719. }
  720. /* Initial left/top coordinates - overwritten when actual position is set */
  721. .topSelectionHandle,
  722. .topSelectionHandle-HitArea,
  723. .bottomSelectionHandle,
  724. .bottomSelectionHandle-HitArea {
  725. left: -10000px;
  726. top: -10000px;
  727. }
  728. .handsontable.hide-tween {
  729. -webkit-animation: opacity-hide 0.3s;
  730. animation: opacity-hide 0.3s;
  731. animation-fill-mode: forwards;
  732. -webkit-animation-fill-mode: forwards;
  733. }
  734. .handsontable.show-tween {
  735. -webkit-animation: opacity-show 0.3s;
  736. animation: opacity-show 0.3s;
  737. animation-fill-mode: forwards;
  738. -webkit-animation-fill-mode: forwards;
  739. }
  740. @charset "UTF-8";
  741. /*!
  742. * Pikaday
  743. * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
  744. */
  745. .pika-single {
  746. z-index: 9999;
  747. display: block;
  748. position: relative;
  749. color: #333;
  750. background: #fff;
  751. border: 1px solid #ccc;
  752. border-bottom-color: #bbb;
  753. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  754. }
  755. /*
  756. clear child float (pika-lendar), using the famous micro clearfix hack
  757. http://nicolasgallagher.com/micro-clearfix-hack/
  758. */
  759. .pika-single:before,
  760. .pika-single:after {
  761. content: " ";
  762. display: table;
  763. }
  764. .pika-single:after {
  765. clear: both;
  766. }
  767. .pika-single {
  768. *zoom: 1;
  769. }
  770. .pika-single.is-hidden {
  771. display: none;
  772. }
  773. .pika-single.is-bound {
  774. position: absolute;
  775. box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  776. }
  777. .pika-lendar {
  778. float: left;
  779. width: 240px;
  780. margin: 8px;
  781. }
  782. .pika-title {
  783. position: relative;
  784. text-align: center;
  785. }
  786. .pika-label {
  787. display: inline-block;
  788. *display: inline;
  789. position: relative;
  790. z-index: 9999;
  791. overflow: hidden;
  792. margin: 0;
  793. padding: 5px 3px;
  794. font-size: 14px;
  795. line-height: 20px;
  796. font-weight: bold;
  797. background-color: #fff;
  798. }
  799. .pika-title select {
  800. cursor: pointer;
  801. position: absolute;
  802. z-index: 9998;
  803. margin: 0;
  804. left: 0;
  805. top: 5px;
  806. filter: alpha(opacity=0);
  807. opacity: 0;
  808. }
  809. .pika-prev,
  810. .pika-next {
  811. display: block;
  812. cursor: pointer;
  813. position: relative;
  814. outline: none;
  815. border: 0;
  816. padding: 0;
  817. width: 20px;
  818. height: 30px;
  819. /* hide text using text-indent trick, using width value (it's enough) */
  820. text-indent: 20px;
  821. white-space: nowrap;
  822. overflow: hidden;
  823. background-color: transparent;
  824. background-position: center center;
  825. background-repeat: no-repeat;
  826. background-size: 75% 75%;
  827. opacity: 0.5;
  828. *position: absolute;
  829. *top: 0;
  830. }
  831. .pika-prev:hover,
  832. .pika-next:hover {
  833. opacity: 1;
  834. }
  835. .pika-prev,
  836. .is-rtl .pika-next {
  837. float: left;
  838. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  839. *left: 0;
  840. }
  841. .pika-next,
  842. .is-rtl .pika-prev {
  843. float: right;
  844. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  845. *right: 0;
  846. }
  847. .pika-prev.is-disabled,
  848. .pika-next.is-disabled {
  849. cursor: default;
  850. opacity: 0.2;
  851. }
  852. .pika-select {
  853. display: inline-block;
  854. *display: inline;
  855. }
  856. .pika-table {
  857. width: 100%;
  858. border-collapse: collapse;
  859. border-spacing: 0;
  860. border: 0;
  861. }
  862. .pika-table th,
  863. .pika-table td {
  864. width: 14.2857142857%;
  865. padding: 0;
  866. }
  867. .pika-table th {
  868. color: #999;
  869. font-size: 12px;
  870. line-height: 25px;
  871. font-weight: bold;
  872. text-align: center;
  873. }
  874. .pika-button {
  875. cursor: pointer;
  876. display: block;
  877. box-sizing: border-box;
  878. -moz-box-sizing: border-box;
  879. outline: none;
  880. border: 0;
  881. margin: 0;
  882. width: 100%;
  883. padding: 5px;
  884. color: #666;
  885. font-size: 12px;
  886. line-height: 15px;
  887. text-align: right;
  888. background: #f5f5f5;
  889. }
  890. .pika-week {
  891. font-size: 11px;
  892. color: #999;
  893. }
  894. .is-today .pika-button {
  895. color: #33aaff;
  896. font-weight: bold;
  897. }
  898. .is-selected .pika-button,
  899. .has-event .pika-button {
  900. color: #fff;
  901. font-weight: bold;
  902. background: #33aaff;
  903. box-shadow: inset 0 1px 3px #178fe5;
  904. border-radius: 3px;
  905. }
  906. .has-event .pika-button {
  907. background: #005da9;
  908. box-shadow: inset 0 1px 3px #0076c9;
  909. }
  910. .is-disabled .pika-button,
  911. .is-inrange .pika-button {
  912. background: #D5E9F7;
  913. }
  914. .is-startrange .pika-button {
  915. color: #fff;
  916. background: #6CB31D;
  917. box-shadow: none;
  918. border-radius: 3px;
  919. }
  920. .is-endrange .pika-button {
  921. color: #fff;
  922. background: #33aaff;
  923. box-shadow: none;
  924. border-radius: 3px;
  925. }
  926. .is-disabled .pika-button {
  927. pointer-events: none;
  928. cursor: default;
  929. color: #999;
  930. opacity: 0.3;
  931. }
  932. .is-outside-current-month .pika-button {
  933. color: #999;
  934. opacity: 0.3;
  935. }
  936. .is-selection-disabled {
  937. pointer-events: none;
  938. cursor: default;
  939. }
  940. .pika-button:hover,
  941. .pika-row.pick-whole-week:hover .pika-button {
  942. color: #fff;
  943. background: #ff8000;
  944. box-shadow: none;
  945. border-radius: 3px;
  946. }
  947. /* styling for abbr */
  948. .pika-table abbr {
  949. border-bottom: none;
  950. cursor: help;
  951. }
  952. /*
  953. AutocompleteRenderer down arrow
  954. */
  955. .handsontable .htAutocompleteArrow {
  956. float: right;
  957. font-size: 10px;
  958. color: #EEE;
  959. cursor: default;
  960. width: 16px;
  961. text-align: center;
  962. }
  963. [dir=rtl].handsontable .htAutocompleteArrow {
  964. float: left;
  965. }
  966. .handsontable td .htAutocompleteArrow:hover {
  967. color: #777;
  968. }
  969. .handsontable td.area .htAutocompleteArrow {
  970. color: #d3d3d3;
  971. }
  972. /*
  973. CheckboxRenderer
  974. */
  975. .handsontable .htCheckboxRendererInput {
  976. display: inline-block;
  977. }
  978. .handsontable .htCheckboxRendererInput.noValue {
  979. opacity: 0.5;
  980. }
  981. .handsontable .htCheckboxRendererLabel {
  982. font-size: inherit;
  983. vertical-align: middle;
  984. cursor: pointer;
  985. display: inline-block;
  986. }
  987. .handsontable .htCheckboxRendererLabel.fullWidth {
  988. width: 100%;
  989. }
  990. .handsontable .htCommentCell {
  991. position: relative;
  992. }
  993. .handsontable .htCommentCell:after {
  994. content: "";
  995. position: absolute;
  996. top: 0;
  997. right: 0;
  998. left: unset;
  999. border-left: 6px solid transparent;
  1000. border-right: none;
  1001. border-top: 6px solid black;
  1002. }
  1003. [dir=rtl].handsontable .htCommentCell:after {
  1004. left: 0;
  1005. right: unset;
  1006. border-right: 6px solid transparent;
  1007. border-left: none;
  1008. }
  1009. .htCommentsContainer .htComments {
  1010. display: none;
  1011. z-index: 1059;
  1012. position: absolute;
  1013. }
  1014. .htCommentsContainer .htCommentTextArea {
  1015. box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  1016. -webkit-box-sizing: border-box;
  1017. -moz-box-sizing: border-box;
  1018. box-sizing: border-box;
  1019. border: none;
  1020. border-left: 3px solid #ccc;
  1021. border-right: none;
  1022. background-color: #fff;
  1023. width: 215px;
  1024. height: 90px;
  1025. font-size: 12px;
  1026. padding: 5px;
  1027. outline: 0px !important;
  1028. -webkit-appearance: none;
  1029. }
  1030. [dir=rtl].htCommentsContainer .htCommentTextArea {
  1031. border-right: 3px solid #ccc;
  1032. border-left: none;
  1033. }
  1034. .htCommentsContainer .htCommentTextArea:focus {
  1035. 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;
  1036. border-left: 3px solid #5292f7;
  1037. border-right: none;
  1038. }
  1039. [dir=rtl].htCommentsContainer .htCommentTextArea:focus {
  1040. border-right: 3px solid #5292f7;
  1041. border-left: none;
  1042. }
  1043. /*!
  1044. * Handsontable ContextMenu
  1045. */
  1046. .htContextMenu:not(.htGhostTable) {
  1047. display: none;
  1048. position: absolute;
  1049. /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
  1050. z-index: 1060;
  1051. }
  1052. .htContextMenu .ht_clone_top,
  1053. .htContextMenu .ht_clone_bottom,
  1054. .htContextMenu .ht_clone_inline_start,
  1055. .htContextMenu .ht_clone_top_inline_start_corner,
  1056. .htContextMenu .ht_clone_bottom_inline_start_corner {
  1057. display: none;
  1058. }
  1059. .htContextMenu .ht_master table.htCore {
  1060. border-color: #ccc;
  1061. border-style: solid;
  1062. border-top-width: 1px;
  1063. border-bottom-width: 2px;
  1064. border-left-width: 1px;
  1065. border-right-width: 2px;
  1066. }
  1067. [dir=rtl].htContextMenu .ht_master table.htCore {
  1068. border-right-width: 1px;
  1069. border-left-width: 2px;
  1070. }
  1071. .htContextMenu .wtBorder {
  1072. visibility: hidden;
  1073. }
  1074. .htContextMenu table tbody tr td {
  1075. background: white;
  1076. border-width: 0;
  1077. padding: 4px 6px 0 6px;
  1078. cursor: pointer;
  1079. overflow: hidden;
  1080. white-space: nowrap;
  1081. text-overflow: ellipsis;
  1082. }
  1083. .htContextMenu table tbody tr td:first-child {
  1084. border-top-width: 0;
  1085. border-bottom-width: 0;
  1086. border-left-width: 0;
  1087. border-right-width: 0;
  1088. }
  1089. [dir=rtl].htContextMenu table tbody tr td:first-child {
  1090. border-right-width: 0;
  1091. border-left-width: 0;
  1092. }
  1093. .htContextMenu table tbody tr td.htDimmed {
  1094. font-style: normal;
  1095. color: #323232;
  1096. }
  1097. .htContextMenu table tbody tr td.current,
  1098. .htContextMenu table tbody tr td.zeroclipboard-is-hover {
  1099. background: #f3f3f3;
  1100. }
  1101. .htContextMenu table tbody tr td.htSeparator {
  1102. border-top: 1px solid #e6e6e6;
  1103. height: 0;
  1104. padding: 0;
  1105. cursor: default;
  1106. }
  1107. .htContextMenu table tbody tr td.htDisabled {
  1108. color: #999;
  1109. cursor: default;
  1110. }
  1111. .htContextMenu table tbody tr td.htDisabled:hover {
  1112. background: #fff;
  1113. color: #999;
  1114. cursor: default;
  1115. }
  1116. .htContextMenu table tbody tr.htHidden {
  1117. display: none;
  1118. }
  1119. .htContextMenu table tbody tr td .htItemWrapper {
  1120. margin-left: 10px;
  1121. margin-right: 6px;
  1122. }
  1123. .htContextMenu table tbody tr td div span.selected {
  1124. margin-top: -2px;
  1125. position: absolute;
  1126. left: 4px;
  1127. }
  1128. .htContextMenu .ht_master .wtHolder {
  1129. overflow: hidden;
  1130. }
  1131. textarea.HandsontableCopyPaste {
  1132. position: fixed !important;
  1133. top: 0 !important;
  1134. right: 100% !important;
  1135. overflow: hidden;
  1136. opacity: 0;
  1137. outline: 0 none !important;
  1138. }
  1139. @charset "UTF-8";
  1140. /*!
  1141. * Handsontable DropdownMenu
  1142. */
  1143. .handsontable .changeType {
  1144. background: #eee;
  1145. border-radius: 2px;
  1146. border: 1px solid #bbb;
  1147. color: #bbb;
  1148. font-size: 9px;
  1149. line-height: 9px;
  1150. padding: 2px;
  1151. margin: 3px 1px 0 5px;
  1152. float: right;
  1153. }
  1154. [dir=rtl].handsontable .changeType {
  1155. float: left;
  1156. }
  1157. .handsontable .changeType:before {
  1158. content: "▼ ";
  1159. }
  1160. .handsontable .changeType:hover {
  1161. border: 1px solid #777;
  1162. color: #777;
  1163. cursor: pointer;
  1164. }
  1165. .htDropdownMenu:not(.htGhostTable) {
  1166. display: none;
  1167. position: absolute;
  1168. /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
  1169. z-index: 1060;
  1170. }
  1171. .htDropdownMenu .ht_clone_top,
  1172. .htDropdownMenu .ht_clone_bottom,
  1173. .htDropdownMenu .ht_clone_inline_start,
  1174. .htDropdownMenu .ht_clone_top_inline_start_corner,
  1175. .htDropdownMenu .ht_clone_bottom_inline_start_corner {
  1176. display: none;
  1177. }
  1178. .htDropdownMenu table.htCore {
  1179. border-color: #ccc;
  1180. border-style: solid;
  1181. border-top-width: 1px;
  1182. border-bottom-width: 2px;
  1183. border-left-width: 1px;
  1184. border-right-width: 2px;
  1185. }
  1186. [dir=rtl].htDropdownMenu table.htCore {
  1187. border-right-width: 1px;
  1188. border-left-width: 2px;
  1189. }
  1190. .htDropdownMenu .wtBorder {
  1191. visibility: hidden;
  1192. }
  1193. .htDropdownMenu table tbody tr td {
  1194. background: white;
  1195. border-width: 0;
  1196. padding: 4px 6px 0 6px;
  1197. cursor: pointer;
  1198. overflow: hidden;
  1199. white-space: nowrap;
  1200. text-overflow: ellipsis;
  1201. }
  1202. .htDropdownMenu table tbody tr td:first-child {
  1203. border-top-width: 0;
  1204. border-right-width: 0;
  1205. border-bottom-width: 0;
  1206. border-left-width: 0;
  1207. }
  1208. [dir=rtl].htDropdownMenu table tbody tr td:first-child {
  1209. border-left-width: 0;
  1210. border-right-width: 0;
  1211. }
  1212. .htDropdownMenu table tbody tr td.htDimmed {
  1213. font-style: normal;
  1214. color: #323232;
  1215. }
  1216. .htDropdownMenu table tbody tr td.current,
  1217. .htDropdownMenu table tbody tr td.zeroclipboard-is-hover {
  1218. background: #e9e9e9;
  1219. }
  1220. .htDropdownMenu table tbody tr td.htSeparator {
  1221. border-top: 1px solid #e6e6e6;
  1222. height: 0;
  1223. padding: 0;
  1224. cursor: default;
  1225. }
  1226. .htDropdownMenu table tbody tr td.htDisabled {
  1227. color: #999;
  1228. }
  1229. .htDropdownMenu table tbody tr td.htDisabled:hover {
  1230. background: #fff;
  1231. color: #999;
  1232. cursor: default;
  1233. }
  1234. .htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden {
  1235. display: none;
  1236. }
  1237. .htDropdownMenu table tbody tr td .htItemWrapper {
  1238. margin-left: 10px;
  1239. margin-right: 10px;
  1240. }
  1241. .htDropdownMenu table tbody tr td div span.selected {
  1242. margin-top: -2px;
  1243. position: absolute;
  1244. left: 4px;
  1245. }
  1246. .htDropdownMenu .ht_master .wtHolder {
  1247. overflow: hidden;
  1248. }
  1249. @charset "UTF-8";
  1250. /*!
  1251. * Handsontable Filters
  1252. */
  1253. /* Conditions menu */
  1254. .htFiltersConditionsMenu:not(.htGhostTable) {
  1255. display: none;
  1256. position: absolute;
  1257. z-index: 1070;
  1258. }
  1259. .htFiltersConditionsMenu .ht_clone_top,
  1260. .htFiltersConditionsMenu .ht_clone_inline_start,
  1261. .htFiltersConditionsMenu .ht_clone_corner {
  1262. display: none;
  1263. }
  1264. .htFiltersConditionsMenu table.htCore {
  1265. border: 1px solid #bbb;
  1266. border-bottom-width: 2px;
  1267. border-right-width: 2px;
  1268. }
  1269. .htFiltersConditionsMenu .wtBorder {
  1270. visibility: hidden;
  1271. }
  1272. .htFiltersConditionsMenu table tbody tr td {
  1273. background: white;
  1274. border-width: 0;
  1275. padding: 4px 6px 0 6px;
  1276. cursor: pointer;
  1277. overflow: hidden;
  1278. white-space: nowrap;
  1279. text-overflow: ellipsis;
  1280. }
  1281. .htFiltersConditionsMenu table tbody tr td:first-child {
  1282. border-top-width: 0;
  1283. border-right-width: 0;
  1284. border-bottom-width: 0;
  1285. border-left-width: 0;
  1286. }
  1287. [dir=rtl].htFiltersConditionsMenu table tbody tr td:first-child {
  1288. border-left-width: 0;
  1289. border-right-width: 0;
  1290. }
  1291. .htFiltersConditionsMenu table tbody tr td.htDimmed {
  1292. font-style: normal;
  1293. color: #323232;
  1294. }
  1295. .htFiltersConditionsMenu table tbody tr td.current,
  1296. .htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover {
  1297. background: #e9e9e9;
  1298. }
  1299. .htFiltersConditionsMenu table tbody tr td.htSeparator {
  1300. border-top: 1px solid #e6e6e6;
  1301. height: 0;
  1302. padding: 0;
  1303. }
  1304. .htFiltersConditionsMenu table tbody tr td.htDisabled {
  1305. color: #999;
  1306. }
  1307. .htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
  1308. background: #fff;
  1309. color: #999;
  1310. cursor: default;
  1311. }
  1312. .htFiltersConditionsMenu table tbody tr td .htItemWrapper {
  1313. margin-left: 10px;
  1314. margin-right: 10px;
  1315. }
  1316. .htFiltersConditionsMenu table tbody tr td div span.selected {
  1317. margin-top: -2px;
  1318. position: absolute;
  1319. left: 4px;
  1320. }
  1321. .htFiltersConditionsMenu .ht_master .wtHolder {
  1322. overflow: hidden;
  1323. }
  1324. .handsontable .htMenuFiltering {
  1325. border-bottom: 1px dotted #ccc;
  1326. height: 135px;
  1327. overflow: hidden;
  1328. }
  1329. .handsontable .ht_master table td.htCustomMenuRenderer {
  1330. background-color: #fff;
  1331. cursor: auto;
  1332. }
  1333. /* Menu label */
  1334. .handsontable .htFiltersMenuLabel {
  1335. font-size: 0.75em;
  1336. }
  1337. /* Component action bar */
  1338. .handsontable .htFiltersMenuActionBar {
  1339. text-align: center;
  1340. padding-top: 10px;
  1341. padding-bottom: 3px;
  1342. }
  1343. /* Component filter by conditional */
  1344. .handsontable .htFiltersMenuCondition.border {
  1345. border-bottom: 1px dotted #ccc !important;
  1346. }
  1347. .handsontable .htFiltersMenuCondition .htUIInput {
  1348. padding: 0 0 5px 0;
  1349. }
  1350. /* Component filter by value */
  1351. .handsontable .htFiltersMenuValue {
  1352. border-bottom: 1px dotted #ccc !important;
  1353. }
  1354. .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch {
  1355. padding: 0;
  1356. }
  1357. .handsontable .htFiltersMenuCondition .htUIInput input,
  1358. .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
  1359. font-family: inherit;
  1360. font-size: 0.75em;
  1361. padding: 4px;
  1362. box-sizing: border-box;
  1363. width: 100%;
  1364. }
  1365. .htUIMultipleSelect .ht_master .wtHolder {
  1366. overflow-y: scroll;
  1367. }
  1368. .handsontable .htFiltersActive .changeType {
  1369. border: 1px solid #509272;
  1370. color: #18804e;
  1371. background-color: #d2e0d9;
  1372. }
  1373. .handsontable .htUISelectAll {
  1374. margin-left: 0;
  1375. margin-right: 10px;
  1376. }
  1377. [dir=rtl].handsontable .htUISelectAll {
  1378. margin-right: 0;
  1379. margin-left: 10px;
  1380. }
  1381. .handsontable .htUIClearAll, .handsontable .htUISelectAll {
  1382. display: inline-block;
  1383. }
  1384. .handsontable .htUIClearAll a, .handsontable .htUISelectAll a {
  1385. font-size: 0.75em;
  1386. }
  1387. .handsontable .htUISelectionControls {
  1388. text-align: right;
  1389. }
  1390. [dir=rtl].handsontable .htUISelectionControls {
  1391. text-align: left;
  1392. }
  1393. .handsontable .htCheckboxRendererInput {
  1394. margin-top: 0;
  1395. margin-right: 5px;
  1396. margin-bottom: 0;
  1397. margin-left: 0;
  1398. vertical-align: middle;
  1399. height: 1em;
  1400. }
  1401. [dir=rtl].handsontable .htCheckboxRendererInput {
  1402. margin-left: 5px;
  1403. margin-right: 0;
  1404. }
  1405. /* UI elements */
  1406. /* Input */
  1407. .handsontable .htUIInput {
  1408. padding: 3px 0 7px 0;
  1409. position: relative;
  1410. text-align: center;
  1411. }
  1412. .handsontable .htUIInput input {
  1413. border-radius: 2px;
  1414. border: 1px solid #d2d1d1;
  1415. }
  1416. .handsontable .htUIInput input:focus {
  1417. outline: 0;
  1418. }
  1419. .handsontable .htUIInputIcon {
  1420. position: absolute;
  1421. }
  1422. /* Button */
  1423. .handsontable .htUIInput.htUIButton {
  1424. cursor: pointer;
  1425. display: inline-block;
  1426. }
  1427. .handsontable .htUIInput.htUIButton input {
  1428. background-color: #eee;
  1429. color: #000;
  1430. cursor: pointer;
  1431. font-family: inherit;
  1432. font-size: 0.75em;
  1433. font-weight: bold;
  1434. height: 19px;
  1435. min-width: 64px;
  1436. }
  1437. .handsontable .htUIInput.htUIButton input:hover {
  1438. border-color: #b9b9b9;
  1439. }
  1440. .handsontable .htUIInput.htUIButtonOK {
  1441. margin-left: 0;
  1442. margin-right: 10px;
  1443. }
  1444. [dir=rtl].handsontable .htUIInput.htUIButtonOK {
  1445. margin-right: 0;
  1446. margin-left: 10px;
  1447. }
  1448. .handsontable .htUIInput.htUIButtonOK input {
  1449. background-color: #0f9d58;
  1450. border-color: #18804e;
  1451. color: #fff;
  1452. }
  1453. .handsontable .htUIInput.htUIButtonOK input:hover {
  1454. border-color: #1a6f46;
  1455. }
  1456. /* Select */
  1457. .handsontable .htUISelect {
  1458. cursor: pointer;
  1459. margin-bottom: 7px;
  1460. position: relative;
  1461. }
  1462. .handsontable .htUISelectCaption {
  1463. background-color: #e8e8e8;
  1464. border-radius: 2px;
  1465. border: 1px solid #d2d1d1;
  1466. font-family: inherit;
  1467. font-size: 0.75em;
  1468. font-weight: bold;
  1469. padding: 3px 20px 3px 10px;
  1470. text-overflow: ellipsis;
  1471. white-space: nowrap;
  1472. overflow: hidden;
  1473. }
  1474. .handsontable .htUISelectCaption:hover {
  1475. background-color: #e8e8e8;
  1476. border: 1px solid #b9b9b9;
  1477. }
  1478. .handsontable .htUISelectDropdown:after {
  1479. content: "▲";
  1480. font-size: 7px;
  1481. position: absolute;
  1482. right: 10px;
  1483. top: 0;
  1484. }
  1485. .handsontable .htUISelectDropdown:before {
  1486. content: "▼";
  1487. font-size: 7px;
  1488. position: absolute;
  1489. right: 10px;
  1490. top: 8px;
  1491. }
  1492. /* SelectMultiple */
  1493. .handsontable .htUIMultipleSelect .handsontable .htCore {
  1494. border: none;
  1495. }
  1496. .handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
  1497. background-color: #F5F5F5;
  1498. }
  1499. .handsontable .htUIMultipleSelectSearch input {
  1500. border-radius: 2px;
  1501. border: 1px solid #d2d1d1;
  1502. padding: 3px;
  1503. }
  1504. .handsontable .htUIRadio {
  1505. display: inline-block;
  1506. margin-left: 0;
  1507. margin-right: 5px;
  1508. height: 100%;
  1509. }
  1510. [dir=rtl].handsontable .htUIRadio {
  1511. margin-right: 0;
  1512. margin-left: 5px;
  1513. }
  1514. .handsontable .htUIRadio:last-child {
  1515. margin-right: 0;
  1516. }
  1517. .handsontable .htUIRadio > input[type=radio] {
  1518. margin-left: 0;
  1519. margin-right: 0.5ex;
  1520. }
  1521. [dir=rtl].handsontable .htUIRadio > input[type=radio] {
  1522. margin-right: 0;
  1523. margin-left: 0.5ex;
  1524. }
  1525. .handsontable .htUIRadio label {
  1526. vertical-align: middle;
  1527. }
  1528. .handsontable .htFiltersMenuOperators {
  1529. padding-bottom: 5px;
  1530. }
  1531. @charset "UTF-8";
  1532. /*
  1533. * Handsontable HiddenColumns
  1534. */
  1535. .handsontable th.beforeHiddenColumn {
  1536. position: relative;
  1537. }
  1538. .handsontable th.beforeHiddenColumn::after,
  1539. .handsontable th.afterHiddenColumn::before {
  1540. color: #bbb;
  1541. position: absolute;
  1542. top: 50%;
  1543. font-size: 5pt;
  1544. transform: translateY(-50%);
  1545. }
  1546. .handsontable th.afterHiddenColumn {
  1547. position: relative;
  1548. }
  1549. .handsontable th.beforeHiddenColumn::after {
  1550. right: 1px;
  1551. content: "◀";
  1552. /* left arrow */
  1553. }
  1554. [dir=rtl].handsontable th.beforeHiddenColumn::after {
  1555. right: initial;
  1556. left: 1px;
  1557. content: "▶";
  1558. /* right arrow */
  1559. }
  1560. .handsontable th.afterHiddenColumn::before {
  1561. left: 1px;
  1562. content: "▶";
  1563. /* right arrow */
  1564. }
  1565. [dir=rtl].handsontable th.afterHiddenColumn::before {
  1566. right: 1px;
  1567. left: initial;
  1568. content: "◀";
  1569. /* left arrow */
  1570. }
  1571. @charset "UTF-8";
  1572. /*!
  1573. * Handsontable HiddenRows
  1574. */
  1575. .handsontable th.beforeHiddenRow::before,
  1576. .handsontable th.afterHiddenRow::after {
  1577. color: #bbb;
  1578. font-size: 6pt;
  1579. line-height: 6pt;
  1580. position: absolute;
  1581. left: 2px;
  1582. }
  1583. .handsontable th.beforeHiddenRow,
  1584. .handsontable th.afterHiddenRow {
  1585. position: relative;
  1586. }
  1587. .handsontable th.beforeHiddenRow::before {
  1588. content: "▲";
  1589. bottom: 2px;
  1590. }
  1591. .handsontable th.afterHiddenRow::after {
  1592. content: "▼";
  1593. top: 2px;
  1594. }
  1595. .handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
  1596. .handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
  1597. color: #eee;
  1598. }
  1599. .handsontable td.afterHiddenRow.firstVisibleRow,
  1600. .handsontable th.afterHiddenRow.firstVisibleRow {
  1601. border-top: 1px solid #CCC;
  1602. }
  1603. .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_top_inline_start_corner th:nth-child(2),
  1604. .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_inline_start td:first-of-type {
  1605. border-left: 0 none;
  1606. }
  1607. .handsontable .wtHider {
  1608. position: relative;
  1609. }
  1610. .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  1611. cursor: move;
  1612. cursor: -moz-grab;
  1613. cursor: -webkit-grab;
  1614. cursor: grab;
  1615. }
  1616. .handsontable.ht__manualColumnMove.on-moving--columns,
  1617. .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  1618. cursor: move;
  1619. cursor: -moz-grabbing;
  1620. cursor: -webkit-grabbing;
  1621. cursor: grabbing;
  1622. }
  1623. .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  1624. display: none;
  1625. }
  1626. .handsontable .ht__manualColumnMove--guideline,
  1627. .handsontable .ht__manualColumnMove--backlight {
  1628. position: absolute;
  1629. height: 100%;
  1630. display: none;
  1631. }
  1632. .handsontable .ht__manualColumnMove--guideline {
  1633. background: #757575;
  1634. width: 2px;
  1635. top: 0;
  1636. margin-inline-start: -1px;
  1637. margin-inline-end: 0;
  1638. z-index: 205;
  1639. }
  1640. .handsontable .ht__manualColumnMove--backlight {
  1641. background: #343434;
  1642. background: rgba(52, 52, 52, 0.25);
  1643. display: none;
  1644. z-index: 205;
  1645. pointer-events: none;
  1646. }
  1647. .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
  1648. .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  1649. display: block;
  1650. }
  1651. .handsontable .wtHider {
  1652. position: relative;
  1653. }
  1654. .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  1655. cursor: move;
  1656. cursor: -moz-grab;
  1657. cursor: -webkit-grab;
  1658. cursor: grab;
  1659. }
  1660. .handsontable.ht__manualRowMove.on-moving--rows,
  1661. .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  1662. cursor: move;
  1663. cursor: -moz-grabbing;
  1664. cursor: -webkit-grabbing;
  1665. cursor: grabbing;
  1666. }
  1667. .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  1668. display: none;
  1669. }
  1670. .handsontable .ht__manualRowMove--guideline,
  1671. .handsontable .ht__manualRowMove--backlight {
  1672. position: absolute;
  1673. width: 100%;
  1674. display: none;
  1675. }
  1676. .handsontable .ht__manualRowMove--guideline {
  1677. background: #757575;
  1678. height: 2px;
  1679. left: 0;
  1680. margin-top: -1px;
  1681. z-index: 205;
  1682. }
  1683. .handsontable .ht__manualRowMove--backlight {
  1684. background: #343434;
  1685. background: rgba(52, 52, 52, 0.25);
  1686. display: none;
  1687. z-index: 205;
  1688. pointer-events: none;
  1689. }
  1690. .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
  1691. .handsontable.on-moving--rows .ht__manualRowMove--backlight {
  1692. display: block;
  1693. }
  1694. .handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before {
  1695. opacity: 0;
  1696. }
  1697. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before {
  1698. opacity: 0.1;
  1699. }
  1700. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
  1701. opacity: 0.1;
  1702. }
  1703. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
  1704. opacity: 0.2;
  1705. }
  1706. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
  1707. opacity: 0.27;
  1708. }
  1709. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
  1710. opacity: 0.35;
  1711. }
  1712. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
  1713. opacity: 0.41;
  1714. }
  1715. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
  1716. opacity: 0.47;
  1717. }
  1718. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
  1719. opacity: 0.54;
  1720. }
  1721. .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
  1722. opacity: 0.58;
  1723. }
  1724. /* Column's number position */
  1725. .handsontable span.colHeader.columnSorting::after {
  1726. /* Centering start */
  1727. top: 50%;
  1728. /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */
  1729. margin-top: -2px;
  1730. /* Centering end */
  1731. position: absolute;
  1732. right: -15px;
  1733. left: unset;
  1734. /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
  1735. padding-left: 5px;
  1736. padding-right: unset;
  1737. font-size: 8px;
  1738. height: 8px;
  1739. line-height: 1.1;
  1740. /* Workaround for IE9 - IE11 */
  1741. text-decoration: underline;
  1742. }
  1743. [dir=rtl].handsontable span.colHeader.columnSorting::after {
  1744. left: -15px;
  1745. right: unset;
  1746. /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
  1747. padding-right: 5px;
  1748. padding-left: unset;
  1749. }
  1750. /* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */
  1751. .handsontable span.colHeader.columnSorting::after {
  1752. text-decoration: none;
  1753. }
  1754. /* We support up to 7 numeric indicators, describing order of column in sorted columns queue */
  1755. .handsontable span.colHeader.columnSorting[class^=sort-]::after,
  1756. .handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
  1757. content: "+";
  1758. }
  1759. .handsontable span.colHeader.columnSorting.sort-1::after {
  1760. content: "1";
  1761. }
  1762. .handsontable span.colHeader.columnSorting.sort-2::after {
  1763. content: "2";
  1764. }
  1765. .handsontable span.colHeader.columnSorting.sort-3::after {
  1766. content: "3";
  1767. }
  1768. .handsontable span.colHeader.columnSorting.sort-4::after {
  1769. content: "4";
  1770. }
  1771. .handsontable span.colHeader.columnSorting.sort-5::after {
  1772. content: "5";
  1773. }
  1774. .handsontable span.colHeader.columnSorting.sort-6::after {
  1775. content: "6";
  1776. }
  1777. .handsontable span.colHeader.columnSorting.sort-7::after {
  1778. content: "7";
  1779. }
  1780. /* Drop-down menu widens header by 5 pixels, sort sequence numbers won't overlap the icon; mainly for the IE9+ */
  1781. .htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
  1782. padding-right: 5px;
  1783. }
  1784. .handsontable thead th.hiddenHeader:not(:first-of-type) {
  1785. display: none;
  1786. }
  1787. @charset "UTF-8";
  1788. .handsontable th.ht_nestingLevels {
  1789. text-align: left;
  1790. padding-left: 7px;
  1791. }
  1792. [dir=rtl].handsontable th.ht_nestingLevels {
  1793. text-align: right;
  1794. padding-right: 7px;
  1795. }
  1796. .handsontable th div.ht_nestingLevels {
  1797. display: inline-block;
  1798. position: absolute;
  1799. left: 11px;
  1800. right: unset;
  1801. }
  1802. [dir=rtl].handsontable th div.ht_nestingLevels {
  1803. right: 11px;
  1804. left: unset;
  1805. }
  1806. .handsontable.innerBorderInlineStart th div.ht_nestingLevels,
  1807. .handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingLevels {
  1808. right: 10px;
  1809. left: unset;
  1810. }
  1811. [dir=rtl].handsontable.innerBorderInlineStart th div.ht_nestingLevels, [dir=rtl].handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingLevels {
  1812. left: 10px;
  1813. right: unset;
  1814. }
  1815. .handsontable th span.ht_nestingLevel {
  1816. display: inline-block;
  1817. }
  1818. .handsontable th span.ht_nestingLevel_empty {
  1819. display: inline-block;
  1820. width: 10px;
  1821. height: 1px;
  1822. float: left;
  1823. }
  1824. [dir=rtl].handsontable th span.ht_nestingLevel_empty {
  1825. float: right;
  1826. }
  1827. .handsontable th span.ht_nestingLevel::after {
  1828. content: "┐";
  1829. font-size: 9px;
  1830. display: inline-block;
  1831. position: relative;
  1832. bottom: 3px;
  1833. }
  1834. .handsontable th div.ht_nestingButton {
  1835. display: inline-block;
  1836. position: absolute;
  1837. right: -2px;
  1838. left: unset;
  1839. cursor: pointer;
  1840. }
  1841. [dir=rtl].handsontable th div.ht_nestingButton {
  1842. left: -2px;
  1843. right: unset;
  1844. }
  1845. .handsontable th div.ht_nestingButton.ht_nestingExpand::after {
  1846. content: "+";
  1847. }
  1848. .handsontable th div.ht_nestingButton.ht_nestingCollapse::after {
  1849. content: "-";
  1850. }
  1851. .handsontable.innerBorderInlineStart th div.ht_nestingButton,
  1852. .handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingButton {
  1853. right: 0;
  1854. left: unset;
  1855. }
  1856. [dir=rtl].handsontable.innerBorderInlineStart th div.ht_nestingButton, [dir=rtl].handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingButton {
  1857. left: 0;
  1858. right: unset;
  1859. }