handsontable.css 27 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265
  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.32.0
  27. * Date: Tue May 30 2017 12:18:32 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: inline-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. .htCommentCell {
  908. position: relative;
  909. }
  910. .htCommentCell:after {
  911. content: '';
  912. position: absolute;
  913. top: 0;
  914. right: 0;
  915. border-left: 6px solid transparent;
  916. border-top: 6px solid black;
  917. }
  918. .htComments {
  919. display: none;
  920. z-index: 1059;
  921. position: absolute;
  922. }
  923. .htCommentTextArea {
  924. box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  925. -webkit-box-sizing: border-box;
  926. -moz-box-sizing: border-box;
  927. box-sizing: border-box;
  928. border: none;
  929. border-left: 3px solid #ccc;
  930. background-color: #fff;
  931. width: 215px;
  932. height: 90px;
  933. font-size: 12px;
  934. padding: 5px;
  935. outline: 0px !important;
  936. -webkit-appearance: none;
  937. }
  938. .htCommentTextArea:focus {
  939. 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;
  940. border-left: 3px solid #5292f7;
  941. }
  942. /*!
  943. * Handsontable ContextMenu
  944. */
  945. .htContextMenu {
  946. display: none;
  947. position: absolute;
  948. z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
  949. }
  950. .htContextMenu .ht_clone_top,
  951. .htContextMenu .ht_clone_left,
  952. .htContextMenu .ht_clone_corner,
  953. .htContextMenu .ht_clone_debug {
  954. display: none;
  955. }
  956. .htContextMenu table.htCore {
  957. border: 1px solid #ccc;
  958. border-bottom-width: 2px;
  959. border-right-width: 2px;
  960. }
  961. .htContextMenu .wtBorder {
  962. visibility: hidden;
  963. }
  964. .htContextMenu table tbody tr td {
  965. background: white;
  966. border-width: 0;
  967. padding: 4px 6px 0 6px;
  968. cursor: pointer;
  969. overflow: hidden;
  970. white-space: nowrap;
  971. text-overflow: ellipsis;
  972. }
  973. .htContextMenu table tbody tr td:first-child {
  974. border: 0;
  975. }
  976. .htContextMenu table tbody tr td.htDimmed {
  977. font-style: normal;
  978. color: #323232;
  979. }
  980. .htContextMenu table tbody tr td.current,
  981. .htContextMenu table tbody tr td.zeroclipboard-is-hover {
  982. background: #f3f3f3;
  983. }
  984. .htContextMenu table tbody tr td.htSeparator {
  985. border-top: 1px solid #bbb;
  986. height: 0;
  987. padding: 0;
  988. cursor: default;
  989. }
  990. .htContextMenu table tbody tr td.htDisabled {
  991. color: #999;
  992. cursor: default;
  993. }
  994. .htContextMenu table tbody tr td.htDisabled:hover {
  995. background: #fff;
  996. color: #999;
  997. cursor: default;
  998. }
  999. .htContextMenu table tbody tr.htHidden {
  1000. display: none;
  1001. }
  1002. .htContextMenu table tbody tr td .htItemWrapper {
  1003. margin-left: 10px;
  1004. margin-right: 6px;
  1005. }
  1006. .htContextMenu table tbody tr td div span.selected {
  1007. margin-top: -2px;
  1008. position: absolute;
  1009. left: 4px;
  1010. }
  1011. .htContextMenu .ht_master .wtHolder {
  1012. overflow: hidden;
  1013. }
  1014. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
  1015. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  1016. border-left: 0 none;
  1017. }
  1018. .handsontable .wtHider {
  1019. position: relative;
  1020. }
  1021. .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  1022. cursor: move;
  1023. cursor: -moz-grab;
  1024. cursor: -webkit-grab;
  1025. cursor: grab;
  1026. }
  1027. .handsontable.ht__manualColumnMove.on-moving--columns,
  1028. .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  1029. cursor: move;
  1030. cursor: -moz-grabbing;
  1031. cursor: -webkit-grabbing;
  1032. cursor: grabbing;
  1033. }
  1034. .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  1035. display: none;
  1036. }
  1037. .handsontable .ht__manualColumnMove--guideline,
  1038. .handsontable .ht__manualColumnMove--backlight {
  1039. position: absolute;
  1040. height: 100%;
  1041. display: none;
  1042. }
  1043. .handsontable .ht__manualColumnMove--guideline {
  1044. background: #757575;
  1045. width: 2px;
  1046. top: 0;
  1047. margin-left: -1px;
  1048. z-index: 105;
  1049. }
  1050. .handsontable .ht__manualColumnMove--backlight {
  1051. background: #343434;
  1052. background: rgba(52, 52, 52, 0.25);
  1053. display: none;
  1054. z-index: 105;
  1055. pointer-events: none;
  1056. }
  1057. .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
  1058. .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  1059. display: block;
  1060. }
  1061. .handsontable .wtHider {
  1062. position: relative;
  1063. }
  1064. .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  1065. cursor: move;
  1066. cursor: -moz-grab;
  1067. cursor: -webkit-grab;
  1068. cursor: grab;
  1069. }
  1070. .handsontable.ht__manualRowMove.on-moving--rows,
  1071. .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  1072. cursor: move;
  1073. cursor: -moz-grabbing;
  1074. cursor: -webkit-grabbing;
  1075. cursor: grabbing;
  1076. }
  1077. .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  1078. display: none;
  1079. }
  1080. .handsontable .ht__manualRowMove--guideline,
  1081. .handsontable .ht__manualRowMove--backlight {
  1082. position: absolute;
  1083. width: 100%;
  1084. display: none;
  1085. }
  1086. .handsontable .ht__manualRowMove--guideline {
  1087. background: #757575;
  1088. height: 2px;
  1089. left: 0;
  1090. margin-top: -1px;
  1091. z-index: 105;
  1092. }
  1093. .handsontable .ht__manualRowMove--backlight {
  1094. background: #343434;
  1095. background: rgba(52, 52, 52, 0.25);
  1096. display: none;
  1097. z-index: 105;
  1098. pointer-events: none;
  1099. }
  1100. .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
  1101. .handsontable.on-moving--rows .ht__manualRowMove--backlight {
  1102. display: block;
  1103. }
  1104. /*# sourceMappingURL=handsontable.css.map*/