handsontable.css 28 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292
  1. /*!
  2. * (The MIT License)
  3. *
  4. * Copyright (c) 2012-2014 Marcin Warpechowski
  5. * Copyright (c) 2015 Handsoncode sp. z o.o. <[email protected]>
  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: 2.0.0
  27. * Release date: 11/04/2018 (built at 10/04/2018 11:38:33)
  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. .handsontable .table caption + thead tr:first-child th,
  42. .handsontable .table caption + thead tr:first-child td,
  43. .handsontable .table colgroup + thead tr:first-child th,
  44. .handsontable .table colgroup + thead tr:first-child td,
  45. .handsontable .table thead:first-child tr:first-child th,
  46. .handsontable .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. .handsontable .table > tbody > tr > td,
  63. .handsontable .table > tbody > tr > th,
  64. .handsontable .table > tfoot > tr > td,
  65. .handsontable .table > tfoot > tr > th,
  66. .handsontable .table > thead > tr > td,
  67. .handsontable .table > thead > tr > th {
  68. line-height: 21px;
  69. padding: 0 4px;
  70. }
  71. .col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
  72. .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,
  73. .col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
  74. .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
  75. .col-sm-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
  76. .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
  77. .col-xs-1.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
  78. .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 {
  79. padding-left: 0;
  80. padding-right: 0;
  81. }
  82. .handsontable .table-striped > tbody > tr:nth-of-type(even) {
  83. background-color: #FFF;
  84. }
  85. .handsontable {
  86. position: relative;
  87. }
  88. .handsontable .hide{
  89. display: none;
  90. }
  91. .handsontable .relative {
  92. position: relative;
  93. }
  94. .handsontable.htAutoSize {
  95. visibility: hidden;
  96. left: -99000px;
  97. position: absolute;
  98. top: -99000px;
  99. }
  100. .handsontable .wtHider {
  101. width: 0;
  102. }
  103. .handsontable .wtSpreader {
  104. position: relative;
  105. width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  106. height: auto;
  107. }
  108. .handsontable table,
  109. .handsontable tbody,
  110. .handsontable thead,
  111. .handsontable td,
  112. .handsontable th,
  113. .handsontable input,
  114. .handsontable textarea,
  115. .handsontable div {
  116. box-sizing: content-box;
  117. -webkit-box-sizing: content-box;
  118. -moz-box-sizing: content-box;
  119. }
  120. .handsontable input,
  121. .handsontable textarea {
  122. min-height: initial;
  123. }
  124. .handsontable table.htCore {
  125. border-collapse: separate;
  126. /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
  127. /* this actually only changes appearance of user selection - does not make text unselectable */
  128. /* -webkit-user-select: none;
  129. -khtml-user-select: none;
  130. -moz-user-select: none;
  131. -o-user-select: none;
  132. -ms-user-select: none;
  133. user-select: none; */ /* no browser supports unprefixed version */
  134. border-spacing: 0;
  135. margin: 0;
  136. border-width: 0;
  137. table-layout: fixed;
  138. width: 0;
  139. outline-width: 0;
  140. /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  141. max-width: none;
  142. max-height: none;
  143. }
  144. .handsontable col {
  145. width: 50px;
  146. }
  147. .handsontable col.rowHeader {
  148. width: 50px;
  149. }
  150. .handsontable th,
  151. .handsontable td {
  152. border-top-width: 0;
  153. border-left-width: 0;
  154. border-right: 1px solid #CCC;
  155. border-bottom: 1px solid #CCC;
  156. height: 22px;
  157. empty-cells: show;
  158. line-height: 21px;
  159. padding: 0 4px 0 4px;
  160. /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  161. background-color: #FFF;
  162. vertical-align: top;
  163. overflow: hidden;
  164. outline-width: 0;
  165. white-space: pre-line;
  166. /* preserve new line character in cell */
  167. background-clip: padding-box;
  168. }
  169. .handsontable td.htInvalid {
  170. background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
  171. }
  172. .handsontable td.htNoWrap {
  173. white-space: nowrap;
  174. }
  175. .handsontable th:last-child {
  176. /*Foundation framework fix*/
  177. border-right: 1px solid #CCC;
  178. border-bottom: 1px solid #CCC;
  179. }
  180. .handsontable tr:first-child th.htNoFrame,
  181. .handsontable th:first-child.htNoFrame,
  182. .handsontable th.htNoFrame {
  183. border-left-width: 0;
  184. background-color: white;
  185. border-color: #FFF;
  186. }
  187. .handsontable th:first-child,
  188. .handsontable th:nth-child(2),
  189. .handsontable td:first-of-type,
  190. .handsontable .htNoFrame + th,
  191. .handsontable .htNoFrame + td {
  192. border-left: 1px solid #CCC;
  193. }
  194. .handsontable.htRowHeaders thead tr th:nth-child(2) {
  195. border-left: 1px solid #CCC;
  196. }
  197. .handsontable tr:first-child th,
  198. .handsontable tr:first-child td {
  199. border-top: 1px solid #CCC;
  200. }
  201. .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
  202. .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  203. border-right-width: 0;
  204. }
  205. .ht_master:not(.innerBorderTop) thead tr:last-child th,
  206. .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
  207. .ht_master:not(.innerBorderTop) thead tr.lastChild th,
  208. .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  209. border-bottom-width: 0;
  210. }
  211. .handsontable th {
  212. background-color: #f3f3f3;
  213. color: #222;
  214. text-align: center;
  215. font-weight: normal;
  216. white-space: nowrap;
  217. }
  218. .handsontable thead th {
  219. padding: 0;
  220. }
  221. .handsontable th.active {
  222. background-color: #CCC;
  223. }
  224. .handsontable thead th .relative {
  225. padding: 2px 4px;
  226. }
  227. #hot-display-license-info {
  228. font-size: 9px;
  229. color: #323232 ;
  230. padding: 5px 0 3px 0;
  231. font-family: Helvetica, Arial, sans-serif;
  232. text-align: left;
  233. }
  234. /* plugins */
  235. /* row + column resizer*/
  236. .handsontable .manualColumnResizer {
  237. position: fixed;
  238. top: 0;
  239. cursor: col-resize;
  240. z-index: 110;
  241. width: 5px;
  242. height: 25px;
  243. }
  244. .handsontable .manualRowResizer {
  245. position: fixed;
  246. left: 0;
  247. cursor: row-resize;
  248. z-index: 110;
  249. height: 5px;
  250. width: 50px;
  251. }
  252. .handsontable .manualColumnResizer:hover,
  253. .handsontable .manualColumnResizer.active,
  254. .handsontable .manualRowResizer:hover,
  255. .handsontable .manualRowResizer.active {
  256. background-color: #AAB;
  257. }
  258. .handsontable .manualColumnResizerGuide {
  259. position: fixed;
  260. right: 0;
  261. top: 0;
  262. background-color: #AAB;
  263. display: none;
  264. width: 0;
  265. border-right: 1px dashed #777;
  266. margin-left: 5px;
  267. }
  268. .handsontable .manualRowResizerGuide {
  269. position: fixed;
  270. left: 0;
  271. bottom: 0;
  272. background-color: #AAB;
  273. display: none;
  274. height: 0;
  275. border-bottom: 1px dashed #777;
  276. margin-top: 5px;
  277. }
  278. .handsontable .manualColumnResizerGuide.active,
  279. .handsontable .manualRowResizerGuide.active {
  280. display: block;
  281. z-index: 199;
  282. }
  283. .handsontable .columnSorting {
  284. position: relative;
  285. }
  286. .handsontable .columnSorting:hover {
  287. text-decoration: underline;
  288. cursor: pointer;
  289. }
  290. .handsontable .columnSorting.ascending::after {
  291. content: '\25B2';
  292. color: #5f5f5f;
  293. position: absolute;
  294. right: -15px;
  295. }
  296. .handsontable .columnSorting.descending::after {
  297. content: '\25BC';
  298. color: #5f5f5f;
  299. position: absolute;
  300. right: -15px;
  301. }
  302. /* Selection */
  303. .handsontable .wtBorder {
  304. position: absolute;
  305. font-size: 0;
  306. }
  307. .handsontable .wtBorder.hidden{
  308. display:none !important;
  309. }
  310. .handsontable td.area,
  311. .handsontable td.area-1,
  312. .handsontable td.area-2,
  313. .handsontable td.area-3,
  314. .handsontable td.area-4,
  315. .handsontable td.area-5,
  316. .handsontable td.area-6,
  317. .handsontable td.area-7 {
  318. position: relative;
  319. }
  320. .handsontable td.area:before,
  321. .handsontable td.area-1:before,
  322. .handsontable td.area-2:before,
  323. .handsontable td.area-3:before,
  324. .handsontable td.area-4:before,
  325. .handsontable td.area-5:before,
  326. .handsontable td.area-6:before,
  327. .handsontable td.area-7:before {
  328. content: '';
  329. position: absolute;
  330. top: 0;
  331. left: 0;
  332. right: 0;
  333. bottom: 0;
  334. bottom: -100%\9; /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  335. background: #005eff;
  336. }
  337. /* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
  338. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  339. .handsontable td.area:before,
  340. .handsontable td.area-1:before,
  341. .handsontable td.area-2:before,
  342. .handsontable td.area-3:before,
  343. .handsontable td.area-4:before,
  344. .handsontable td.area-5:before,
  345. .handsontable td.area-6:before,
  346. .handsontable td.area-7:before {
  347. bottom: -100%;
  348. }
  349. }
  350. .handsontable td.area:before {
  351. opacity: 0.1;
  352. }
  353. .handsontable td.area-1:before {
  354. opacity: 0.2;
  355. }
  356. .handsontable td.area-2:before {
  357. opacity: 0.27;
  358. }
  359. .handsontable td.area-3:before {
  360. opacity: 0.35;
  361. }
  362. .handsontable td.area-4:before {
  363. opacity: 0.41;
  364. }
  365. .handsontable td.area-5:before {
  366. opacity: 0.47;
  367. }
  368. .handsontable td.area-6:before {
  369. opacity: 0.54;
  370. }
  371. .handsontable td.area-7:before {
  372. opacity: 0.58;
  373. }
  374. .handsontable tbody th.ht__highlight,
  375. .handsontable thead th.ht__highlight {
  376. background-color: #dcdcdc;
  377. }
  378. .handsontable tbody th.ht__active_highlight,
  379. .handsontable thead th.ht__active_highlight {
  380. background-color: #8eb0e7;
  381. color: #000;
  382. }
  383. /* fill handle */
  384. .handsontable .wtBorder.corner {
  385. font-size: 0;
  386. cursor: crosshair;
  387. }
  388. .handsontable .htBorder.htFillBorder {
  389. background: red;
  390. width: 1px;
  391. height: 1px;
  392. }
  393. .handsontableInput {
  394. border:none;
  395. outline-width: 0;
  396. margin: 0 ;
  397. padding: 1px 5px 0 5px;
  398. font-family: inherit;
  399. line-height: 21px;
  400. font-size: inherit;
  401. box-shadow: 0 0 0 2px #5292F7 inset;
  402. resize: none;
  403. /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  404. display: block;
  405. color: #000;
  406. border-radius: 0;
  407. background-color: #FFF;
  408. /*overwrite styles potentionally made by a framework*/
  409. }
  410. .handsontableInputHolder {
  411. position: absolute;
  412. top: 0;
  413. left: 0;
  414. z-index: 104;
  415. }
  416. .htSelectEditor {
  417. -webkit-appearance: menulist-button !important;
  418. position: absolute;
  419. width: auto;
  420. }
  421. /*
  422. TextRenderer readOnly cell
  423. */
  424. .handsontable .htDimmed {
  425. color: #777;
  426. }
  427. .handsontable .htSubmenu {
  428. position: relative;
  429. }
  430. .handsontable .htSubmenu :after{
  431. content: '\25B6';
  432. color: #777;
  433. position: absolute;
  434. right: 5px;
  435. }
  436. /*
  437. TextRenderer horizontal alignment
  438. */
  439. .handsontable .htLeft{
  440. text-align: left;
  441. }
  442. .handsontable .htCenter{
  443. text-align: center;
  444. }
  445. .handsontable .htRight{
  446. text-align: right;
  447. }
  448. .handsontable .htJustify{
  449. text-align: justify;
  450. }
  451. /*
  452. TextRenderer vertical alignment
  453. */
  454. .handsontable .htTop{
  455. vertical-align: top;
  456. }
  457. .handsontable .htMiddle{
  458. vertical-align: middle;
  459. }
  460. .handsontable .htBottom{
  461. vertical-align: bottom;
  462. }
  463. /*
  464. TextRenderer placeholder value
  465. */
  466. .handsontable .htPlaceholder {
  467. color: #999;
  468. }
  469. /*
  470. AutocompleteRenderer down arrow
  471. */
  472. .handsontable .htAutocompleteArrow {
  473. float: right;
  474. font-size: 10px;
  475. color: #EEE;
  476. cursor: default;
  477. width: 16px;
  478. text-align: center;
  479. }
  480. .handsontable td .htAutocompleteArrow:hover {
  481. color: #777;
  482. }
  483. .handsontable td.area .htAutocompleteArrow {
  484. color: #d3d3d3;
  485. }
  486. /*
  487. CheckboxRenderer
  488. */
  489. .handsontable .htCheckboxRendererInput {
  490. display: inline-block;
  491. vertical-align: middle;
  492. }
  493. .handsontable .htCheckboxRendererInput.noValue {
  494. opacity: 0.5;
  495. }
  496. .handsontable .htCheckboxRendererLabel {
  497. cursor: pointer;
  498. display: inline-block;
  499. width: 100%;
  500. }
  501. /**
  502. * Handsontable in Handsontable
  503. */
  504. .handsontable .handsontable.ht_clone_top .wtHider {
  505. padding: 0 0 5px 0;
  506. }
  507. /**
  508. * Autocomplete Editor
  509. */
  510. .handsontable .autocompleteEditor.handsontable {
  511. padding-right: 17px;
  512. }
  513. .handsontable .autocompleteEditor.handsontable.htMacScroll {
  514. padding-right: 15px;
  515. }
  516. /**
  517. * Handsontable listbox theme
  518. */
  519. .handsontable.listbox {
  520. margin: 0;
  521. }
  522. .handsontable.listbox .ht_master table {
  523. border: 1px solid #ccc;
  524. border-collapse: separate;
  525. background: white;
  526. }
  527. .handsontable.listbox th,
  528. .handsontable.listbox tr:first-child th,
  529. .handsontable.listbox tr:last-child th,
  530. .handsontable.listbox tr:first-child td,
  531. .handsontable.listbox td {
  532. border-color: transparent;
  533. }
  534. .handsontable.listbox th,
  535. .handsontable.listbox td {
  536. white-space: nowrap;
  537. text-overflow: ellipsis;
  538. }
  539. .handsontable.listbox td.htDimmed {
  540. cursor: default;
  541. color: inherit;
  542. font-style: inherit;
  543. }
  544. .handsontable.listbox .wtBorder {
  545. visibility: hidden;
  546. }
  547. .handsontable.listbox tr td.current,
  548. .handsontable.listbox tr:hover td {
  549. background: #eee;
  550. }
  551. .ht_clone_top {
  552. z-index: 101;
  553. }
  554. .ht_clone_left {
  555. z-index: 102;
  556. }
  557. .ht_clone_top_left_corner,
  558. .ht_clone_bottom_left_corner {
  559. z-index: 103;
  560. }
  561. .ht_clone_debug {
  562. z-index: 103;
  563. }
  564. .handsontable td.htSearchResult {
  565. background: #fcedd9;
  566. color: #583707;
  567. }
  568. /*
  569. Cell borders
  570. */
  571. .htBordered{
  572. /*box-sizing: border-box !important;*/
  573. border-width: 1px;
  574. }
  575. .htBordered.htTopBorderSolid {
  576. border-top-style: solid;
  577. border-top-color: #000;
  578. }
  579. .htBordered.htRightBorderSolid {
  580. border-right-style: solid;
  581. border-right-color: #000;
  582. }
  583. .htBordered.htBottomBorderSolid {
  584. border-bottom-style: solid;
  585. border-bottom-color: #000;
  586. }
  587. .htBordered.htLeftBorderSolid {
  588. border-left-style: solid;
  589. border-left-color: #000;
  590. }
  591. .handsontable tbody tr th:nth-last-child(2) {
  592. border-right: 1px solid #CCC;
  593. }
  594. .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  595. border-bottom: 1px solid #CCC;
  596. padding-bottom: 5px;
  597. }
  598. .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  599. border-right: 1px solid #CCC;
  600. }
  601. .htCollapseButton {
  602. width: 10px;
  603. height: 10px;
  604. line-height: 10px;
  605. text-align: center;
  606. border-radius: 5px;
  607. border: 1px solid #f3f3f3;
  608. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  609. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  610. cursor: pointer;
  611. margin-bottom: 3px;
  612. position: relative;
  613. }
  614. .htCollapseButton:after {
  615. content: "";
  616. height: 300%;
  617. width: 1px;
  618. display: block;
  619. background: #ccc;
  620. margin-left: 4px;
  621. position: absolute;
  622. /*top: -300%;*/
  623. bottom: 10px;
  624. }
  625. thead .htCollapseButton {
  626. right: 5px;
  627. position: absolute;
  628. top: 5px;
  629. background: #fff;
  630. }
  631. thead .htCollapseButton:after {
  632. height: 1px;
  633. width: 700%;
  634. right: 10px;
  635. top: 4px;
  636. }
  637. .handsontable tr th .htExpandButton {
  638. position: absolute;
  639. width: 10px;
  640. height: 10px;
  641. line-height: 10px;
  642. text-align: center;
  643. border-radius: 5px;
  644. border: 1px solid #f3f3f3;
  645. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  646. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  647. cursor: pointer;
  648. top: 0;
  649. display: none;
  650. }
  651. .handsontable thead tr th .htExpandButton {
  652. /*left: 5px;*/
  653. top: 5px;
  654. }
  655. .handsontable tr th .htExpandButton.clickable {
  656. display: block;
  657. }
  658. .collapsibleIndicator {
  659. position: absolute;
  660. top: 50%;
  661. transform: translate(0% ,-50%);
  662. right: 5px;
  663. border: 1px solid #A6A6A6;
  664. line-height: 10px;
  665. color: #222;
  666. border-radius: 10px;
  667. font-size: 10px;
  668. width: 10px;
  669. height: 10px;
  670. cursor: pointer;
  671. -webkit-box-shadow: 0 0 0 6px rgba(238,238,238,1);
  672. -moz-box-shadow: 0 0 0 6px rgba(238,238,238,1);
  673. box-shadow: 0 0 0 6px rgba(238,238,238,1);
  674. background: #eee;
  675. }
  676. .handsontable col.hidden {
  677. width: 0 !important;
  678. }
  679. .handsontable table tr th.lightRightBorder {
  680. border-right: 1px solid #E6E6E6;
  681. }
  682. .handsontable tr.hidden,
  683. .handsontable tr.hidden td,
  684. .handsontable tr.hidden th {
  685. display: none;
  686. }
  687. .ht_master,
  688. .ht_clone_left,
  689. .ht_clone_top,
  690. .ht_clone_bottom {
  691. overflow: hidden;
  692. }
  693. .ht_master .wtHolder {
  694. overflow: auto;
  695. }
  696. .handsontable .ht_master thead,
  697. .handsontable .ht_master tr th,
  698. .handsontable .ht_clone_left thead {
  699. visibility: hidden;
  700. }
  701. .ht_clone_top .wtHolder,
  702. .ht_clone_left .wtHolder,
  703. .ht_clone_bottom .wtHolder {
  704. overflow: hidden;
  705. }
  706. /*
  707. Handsontable Mobile Text Editor stylesheet
  708. */
  709. .handsontable.mobile,
  710. .handsontable.mobile .wtHolder {
  711. -webkit-touch-callout:none;
  712. -webkit-user-select:none;
  713. -khtml-user-select:none;
  714. -moz-user-select:none;
  715. -ms-user-select:none;
  716. user-select:none;
  717. -webkit-tap-highlight-color:rgba(0,0,0,0);
  718. -webkit-overflow-scrolling: touch;
  719. }
  720. .htMobileEditorContainer {
  721. display: none;
  722. position: absolute;
  723. top: 0;
  724. width: 70%;
  725. height: 54pt;
  726. background: #f8f8f8;
  727. border-radius: 20px;
  728. border: 1px solid #ebebeb;
  729. z-index: 999;
  730. box-sizing: border-box;
  731. -webkit-box-sizing: border-box;
  732. -webkit-text-size-adjust: none;
  733. }
  734. .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
  735. .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  736. z-index: 9999;
  737. }
  738. /* Initial left/top coordinates - overwritten when actual position is set */
  739. .topLeftSelectionHandle,
  740. .topLeftSelectionHandle-HitArea,
  741. .bottomRightSelectionHandle,
  742. .bottomRightSelectionHandle-HitArea {
  743. left: -10000px;
  744. top: -10000px;
  745. }
  746. .htMobileEditorContainer.active {
  747. display: block;
  748. }
  749. .htMobileEditorContainer .inputs {
  750. position: absolute;
  751. right: 210pt;
  752. bottom: 10pt;
  753. top: 10pt;
  754. left: 14px;
  755. height: 34pt;
  756. }
  757. .htMobileEditorContainer .inputs textarea {
  758. font-size: 13pt;
  759. border: 1px solid #a1a1a1;
  760. -webkit-appearance: none;
  761. -webkit-box-shadow: none;
  762. -moz-box-shadow: none;
  763. box-shadow: none;
  764. position: absolute;
  765. left: 14px;
  766. right: 14px;
  767. top: 0;
  768. bottom: 0;
  769. padding: 7pt;
  770. }
  771. .htMobileEditorContainer .cellPointer {
  772. position: absolute;
  773. top: -13pt;
  774. height: 0;
  775. width: 0;
  776. left: 30px;
  777. border-left: 13pt solid transparent;
  778. border-right: 13pt solid transparent;
  779. border-bottom: 13pt solid #ebebeb;
  780. }
  781. .htMobileEditorContainer .cellPointer.hidden {
  782. display: none;
  783. }
  784. .htMobileEditorContainer .cellPointer:before {
  785. content: '';
  786. display: block;
  787. position: absolute;
  788. top: 2px;
  789. height: 0;
  790. width: 0;
  791. left: -13pt;
  792. border-left: 13pt solid transparent;
  793. border-right: 13pt solid transparent;
  794. border-bottom: 13pt solid #f8f8f8;
  795. }
  796. .htMobileEditorContainer .moveHandle {
  797. position: absolute;
  798. top: 10pt;
  799. left: 5px;
  800. width: 30px;
  801. bottom: 0px;
  802. cursor: move;
  803. z-index: 9999;
  804. }
  805. .htMobileEditorContainer .moveHandle:after {
  806. content: "..\A..\A..\A..";
  807. white-space: pre;
  808. line-height: 10px;
  809. font-size: 20pt;
  810. display: inline-block;
  811. margin-top: -8px;
  812. color: #ebebeb;
  813. }
  814. .htMobileEditorContainer .positionControls {
  815. width: 205pt;
  816. position: absolute;
  817. right: 5pt;
  818. top: 0;
  819. bottom: 0;
  820. }
  821. .htMobileEditorContainer .positionControls > div {
  822. width: 50pt;
  823. height: 100%;
  824. float: left;
  825. }
  826. .htMobileEditorContainer .positionControls > div:after {
  827. content: " ";
  828. display: block;
  829. width: 15pt;
  830. height: 15pt;
  831. text-align: center;
  832. line-height: 50pt;
  833. }
  834. .htMobileEditorContainer .leftButton:after,
  835. .htMobileEditorContainer .rightButton:after,
  836. .htMobileEditorContainer .upButton:after,
  837. .htMobileEditorContainer .downButton:after {
  838. transform-origin: 5pt 5pt;
  839. -webkit-transform-origin: 5pt 5pt;
  840. margin: 21pt 0 0 21pt;
  841. }
  842. .htMobileEditorContainer .leftButton:after {
  843. border-top: 2px solid #288ffe;
  844. border-left: 2px solid #288ffe;
  845. -webkit-transform: rotate(-45deg);
  846. /*margin-top: 17pt;*/
  847. /*margin-left: 20pt;*/
  848. }
  849. .htMobileEditorContainer .leftButton:active:after {
  850. border-color: #cfcfcf;
  851. }
  852. .htMobileEditorContainer .rightButton:after {
  853. border-top: 2px solid #288ffe;
  854. border-left: 2px solid #288ffe;
  855. -webkit-transform: rotate(135deg);
  856. /*margin-top: 17pt;*/
  857. /*margin-left: 10pt;*/
  858. }
  859. .htMobileEditorContainer .rightButton:active:after {
  860. border-color: #cfcfcf;
  861. }
  862. .htMobileEditorContainer .upButton:after {
  863. /*border-top: 2px solid #cfcfcf;*/
  864. border-top: 2px solid #288ffe;
  865. border-left: 2px solid #288ffe;
  866. -webkit-transform: rotate(45deg);
  867. /*margin-top: 22pt;*/
  868. /*margin-left: 15pt;*/
  869. }
  870. .htMobileEditorContainer .upButton:active:after {
  871. border-color: #cfcfcf;
  872. }
  873. .htMobileEditorContainer .downButton:after {
  874. border-top: 2px solid #288ffe;
  875. border-left: 2px solid #288ffe;
  876. -webkit-transform: rotate(225deg);
  877. /*margin-top: 15pt;*/
  878. /*margin-left: 15pt;*/
  879. }
  880. .htMobileEditorContainer .downButton:active:after {
  881. border-color: #cfcfcf;
  882. }
  883. .handsontable.hide-tween {
  884. -webkit-animation: opacity-hide 0.3s;
  885. animation: opacity-hide 0.3s;
  886. animation-fill-mode: forwards;
  887. -webkit-animation-fill-mode: forwards;
  888. }
  889. .handsontable.show-tween {
  890. -webkit-animation: opacity-show 0.3s;
  891. animation: opacity-show 0.3s;
  892. animation-fill-mode: forwards;
  893. -webkit-animation-fill-mode: forwards;
  894. }
  895. .htCommentCell {
  896. position: relative;
  897. }
  898. .htCommentCell:after {
  899. content: '';
  900. position: absolute;
  901. top: 0;
  902. right: 0;
  903. border-left: 6px solid transparent;
  904. border-top: 6px solid black;
  905. }
  906. .htComments {
  907. display: none;
  908. z-index: 1059;
  909. position: absolute;
  910. }
  911. .htCommentTextArea {
  912. box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  913. -webkit-box-sizing: border-box;
  914. -moz-box-sizing: border-box;
  915. box-sizing: border-box;
  916. border: none;
  917. border-left: 3px solid #ccc;
  918. background-color: #fff;
  919. width: 215px;
  920. height: 90px;
  921. font-size: 12px;
  922. padding: 5px;
  923. outline: 0px !important;
  924. -webkit-appearance: none;
  925. }
  926. .htCommentTextArea:focus {
  927. 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;
  928. border-left: 3px solid #5292f7;
  929. }
  930. /*!
  931. * Handsontable ContextMenu
  932. */
  933. .htContextMenu:not(.htGhostTable) {
  934. display: none;
  935. position: absolute;
  936. z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
  937. }
  938. .htContextMenu .ht_clone_top,
  939. .htContextMenu .ht_clone_left,
  940. .htContextMenu .ht_clone_corner,
  941. .htContextMenu .ht_clone_debug {
  942. display: none;
  943. }
  944. .htContextMenu table.htCore {
  945. border: 1px solid #ccc;
  946. border-bottom-width: 2px;
  947. border-right-width: 2px;
  948. }
  949. .htContextMenu .wtBorder {
  950. visibility: hidden;
  951. }
  952. .htContextMenu table tbody tr td {
  953. background: white;
  954. border-width: 0;
  955. padding: 4px 6px 0 6px;
  956. cursor: pointer;
  957. overflow: hidden;
  958. white-space: nowrap;
  959. text-overflow: ellipsis;
  960. }
  961. .htContextMenu table tbody tr td:first-child {
  962. border: 0;
  963. }
  964. .htContextMenu table tbody tr td.htDimmed {
  965. font-style: normal;
  966. color: #323232;
  967. }
  968. .htContextMenu table tbody tr td.current,
  969. .htContextMenu table tbody tr td.zeroclipboard-is-hover {
  970. background: #f3f3f3;
  971. }
  972. .htContextMenu table tbody tr td.htSeparator {
  973. border-top: 1px solid #bbb;
  974. height: 0;
  975. padding: 0;
  976. cursor: default;
  977. }
  978. .htContextMenu table tbody tr td.htDisabled {
  979. color: #999;
  980. cursor: default;
  981. }
  982. .htContextMenu table tbody tr td.htDisabled:hover {
  983. background: #fff;
  984. color: #999;
  985. cursor: default;
  986. }
  987. .htContextMenu table tbody tr.htHidden {
  988. display: none;
  989. }
  990. .htContextMenu table tbody tr td .htItemWrapper {
  991. margin-left: 10px;
  992. margin-right: 6px;
  993. }
  994. .htContextMenu table tbody tr td div span.selected {
  995. margin-top: -2px;
  996. position: absolute;
  997. left: 4px;
  998. }
  999. .htContextMenu .ht_master .wtHolder {
  1000. overflow: hidden;
  1001. }
  1002. textarea#HandsontableCopyPaste {
  1003. position: fixed !important;
  1004. top: 0 !important;
  1005. right: 100% !important;
  1006. overflow: hidden;
  1007. opacity: 0;
  1008. outline: 0 none !important;
  1009. }
  1010. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
  1011. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  1012. border-left: 0 none;
  1013. }
  1014. .handsontable .wtHider {
  1015. position: relative;
  1016. }
  1017. .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  1018. cursor: move;
  1019. cursor: -moz-grab;
  1020. cursor: -webkit-grab;
  1021. cursor: grab;
  1022. }
  1023. .handsontable.ht__manualColumnMove.on-moving--columns,
  1024. .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  1025. cursor: move;
  1026. cursor: -moz-grabbing;
  1027. cursor: -webkit-grabbing;
  1028. cursor: grabbing;
  1029. }
  1030. .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  1031. display: none;
  1032. }
  1033. .handsontable .ht__manualColumnMove--guideline,
  1034. .handsontable .ht__manualColumnMove--backlight {
  1035. position: absolute;
  1036. height: 100%;
  1037. display: none;
  1038. }
  1039. .handsontable .ht__manualColumnMove--guideline {
  1040. background: #757575;
  1041. width: 2px;
  1042. top: 0;
  1043. margin-left: -1px;
  1044. z-index: 105;
  1045. }
  1046. .handsontable .ht__manualColumnMove--backlight {
  1047. background: #343434;
  1048. background: rgba(52, 52, 52, 0.25);
  1049. display: none;
  1050. z-index: 105;
  1051. pointer-events: none;
  1052. }
  1053. .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
  1054. .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  1055. display: block;
  1056. }
  1057. .handsontable .wtHider {
  1058. position: relative;
  1059. }
  1060. .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  1061. cursor: move;
  1062. cursor: -moz-grab;
  1063. cursor: -webkit-grab;
  1064. cursor: grab;
  1065. }
  1066. .handsontable.ht__manualRowMove.on-moving--rows,
  1067. .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  1068. cursor: move;
  1069. cursor: -moz-grabbing;
  1070. cursor: -webkit-grabbing;
  1071. cursor: grabbing;
  1072. }
  1073. .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  1074. display: none;
  1075. }
  1076. .handsontable .ht__manualRowMove--guideline,
  1077. .handsontable .ht__manualRowMove--backlight {
  1078. position: absolute;
  1079. width: 100%;
  1080. display: none;
  1081. }
  1082. .handsontable .ht__manualRowMove--guideline {
  1083. background: #757575;
  1084. height: 2px;
  1085. left: 0;
  1086. margin-top: -1px;
  1087. z-index: 105;
  1088. }
  1089. .handsontable .ht__manualRowMove--backlight {
  1090. background: #343434;
  1091. background: rgba(52, 52, 52, 0.25);
  1092. display: none;
  1093. z-index: 105;
  1094. pointer-events: none;
  1095. }
  1096. .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
  1097. .handsontable.on-moving--rows .ht__manualRowMove--backlight {
  1098. display: block;
  1099. }
  1100. .handsontable tbody td[rowspan][class*="area"][class*="highlight"]:not([class*="fullySelectedMergedCell"]):before {
  1101. opacity: 0;
  1102. }
  1103. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-multiple"]:before {
  1104. opacity: 0.1;
  1105. }
  1106. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-0"]:before {
  1107. opacity: 0.1;
  1108. }
  1109. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-1"]:before {
  1110. opacity: 0.2;
  1111. }
  1112. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-2"]:before {
  1113. opacity: 0.27;
  1114. }
  1115. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-3"]:before {
  1116. opacity: 0.35;
  1117. }
  1118. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-4"]:before {
  1119. opacity: 0.41;
  1120. }
  1121. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-5"]:before {
  1122. opacity: 0.47;
  1123. }
  1124. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-6"]:before {
  1125. opacity: 0.54;
  1126. }
  1127. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-7"]:before {
  1128. opacity: 0.58;
  1129. }
  1130. /*# sourceMappingURL=handsontable.css.map*/