handsontable.full.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512
  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. @charset "UTF-8";
  896. /*!
  897. * Pikaday
  898. * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
  899. */
  900. .pika-single {
  901. z-index: 9999;
  902. display: block;
  903. position: relative;
  904. color: #333;
  905. background: #fff;
  906. border: 1px solid #ccc;
  907. border-bottom-color: #bbb;
  908. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  909. }
  910. /*
  911. clear child float (pika-lendar), using the famous micro clearfix hack
  912. http://nicolasgallagher.com/micro-clearfix-hack/
  913. */
  914. .pika-single:before,
  915. .pika-single:after {
  916. content: " ";
  917. display: table;
  918. }
  919. .pika-single:after { clear: both }
  920. .pika-single { *zoom: 1 }
  921. .pika-single.is-hidden {
  922. display: none;
  923. }
  924. .pika-single.is-bound {
  925. position: absolute;
  926. box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
  927. }
  928. .pika-lendar {
  929. float: left;
  930. width: 240px;
  931. margin: 8px;
  932. }
  933. .pika-title {
  934. position: relative;
  935. text-align: center;
  936. }
  937. .pika-label {
  938. display: inline-block;
  939. *display: inline;
  940. position: relative;
  941. z-index: 9999;
  942. overflow: hidden;
  943. margin: 0;
  944. padding: 5px 3px;
  945. font-size: 14px;
  946. line-height: 20px;
  947. font-weight: bold;
  948. background-color: #fff;
  949. }
  950. .pika-title select {
  951. cursor: pointer;
  952. position: absolute;
  953. z-index: 9998;
  954. margin: 0;
  955. left: 0;
  956. top: 5px;
  957. filter: alpha(opacity=0);
  958. opacity: 0;
  959. }
  960. .pika-prev,
  961. .pika-next {
  962. display: block;
  963. cursor: pointer;
  964. position: relative;
  965. outline: none;
  966. border: 0;
  967. padding: 0;
  968. width: 20px;
  969. height: 30px;
  970. /* hide text using text-indent trick, using width value (it's enough) */
  971. text-indent: 20px;
  972. white-space: nowrap;
  973. overflow: hidden;
  974. background-color: transparent;
  975. background-position: center center;
  976. background-repeat: no-repeat;
  977. background-size: 75% 75%;
  978. opacity: .5;
  979. *position: absolute;
  980. *top: 0;
  981. }
  982. .pika-prev:hover,
  983. .pika-next:hover {
  984. opacity: 1;
  985. }
  986. .pika-prev,
  987. .is-rtl .pika-next {
  988. float: left;
  989. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  990. *left: 0;
  991. }
  992. .pika-next,
  993. .is-rtl .pika-prev {
  994. float: right;
  995. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  996. *right: 0;
  997. }
  998. .pika-prev.is-disabled,
  999. .pika-next.is-disabled {
  1000. cursor: default;
  1001. opacity: .2;
  1002. }
  1003. .pika-select {
  1004. display: inline-block;
  1005. *display: inline;
  1006. }
  1007. .pika-table {
  1008. width: 100%;
  1009. border-collapse: collapse;
  1010. border-spacing: 0;
  1011. border: 0;
  1012. }
  1013. .pika-table th,
  1014. .pika-table td {
  1015. width: 14.285714285714286%;
  1016. padding: 0;
  1017. }
  1018. .pika-table th {
  1019. color: #999;
  1020. font-size: 12px;
  1021. line-height: 25px;
  1022. font-weight: bold;
  1023. text-align: center;
  1024. }
  1025. .pika-button {
  1026. cursor: pointer;
  1027. display: block;
  1028. box-sizing: border-box;
  1029. -moz-box-sizing: border-box;
  1030. outline: none;
  1031. border: 0;
  1032. margin: 0;
  1033. width: 100%;
  1034. padding: 5px;
  1035. color: #666;
  1036. font-size: 12px;
  1037. line-height: 15px;
  1038. text-align: right;
  1039. background: #f5f5f5;
  1040. }
  1041. .pika-week {
  1042. font-size: 11px;
  1043. color: #999;
  1044. }
  1045. .is-today .pika-button {
  1046. color: #33aaff;
  1047. font-weight: bold;
  1048. }
  1049. .is-selected .pika-button {
  1050. color: #fff;
  1051. font-weight: bold;
  1052. background: #33aaff;
  1053. box-shadow: inset 0 1px 3px #178fe5;
  1054. border-radius: 3px;
  1055. }
  1056. .is-inrange .pika-button {
  1057. background: #D5E9F7;
  1058. }
  1059. .is-startrange .pika-button {
  1060. color: #fff;
  1061. background: #6CB31D;
  1062. box-shadow: none;
  1063. border-radius: 3px;
  1064. }
  1065. .is-endrange .pika-button {
  1066. color: #fff;
  1067. background: #33aaff;
  1068. box-shadow: none;
  1069. border-radius: 3px;
  1070. }
  1071. .is-disabled .pika-button,
  1072. .is-outside-current-month .pika-button {
  1073. pointer-events: none;
  1074. cursor: default;
  1075. color: #999;
  1076. opacity: .3;
  1077. }
  1078. .pika-button:hover {
  1079. color: #fff;
  1080. background: #ff8000;
  1081. box-shadow: none;
  1082. border-radius: 3px;
  1083. }
  1084. /* styling for abbr */
  1085. .pika-table abbr {
  1086. border-bottom: none;
  1087. cursor: help;
  1088. }
  1089. .htCommentCell {
  1090. position: relative;
  1091. }
  1092. .htCommentCell:after {
  1093. content: '';
  1094. position: absolute;
  1095. top: 0;
  1096. right: 0;
  1097. border-left: 6px solid transparent;
  1098. border-top: 6px solid black;
  1099. }
  1100. .htComments {
  1101. display: none;
  1102. z-index: 1059;
  1103. position: absolute;
  1104. }
  1105. .htCommentTextArea {
  1106. box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  1107. -webkit-box-sizing: border-box;
  1108. -moz-box-sizing: border-box;
  1109. box-sizing: border-box;
  1110. border: none;
  1111. border-left: 3px solid #ccc;
  1112. background-color: #fff;
  1113. width: 215px;
  1114. height: 90px;
  1115. font-size: 12px;
  1116. padding: 5px;
  1117. outline: 0px !important;
  1118. -webkit-appearance: none;
  1119. }
  1120. .htCommentTextArea:focus {
  1121. 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;
  1122. border-left: 3px solid #5292f7;
  1123. }
  1124. /*!
  1125. * Handsontable ContextMenu
  1126. */
  1127. .htContextMenu:not(.htGhostTable) {
  1128. display: none;
  1129. position: absolute;
  1130. z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
  1131. }
  1132. .htContextMenu .ht_clone_top,
  1133. .htContextMenu .ht_clone_left,
  1134. .htContextMenu .ht_clone_corner,
  1135. .htContextMenu .ht_clone_debug {
  1136. display: none;
  1137. }
  1138. .htContextMenu table.htCore {
  1139. border: 1px solid #ccc;
  1140. border-bottom-width: 2px;
  1141. border-right-width: 2px;
  1142. }
  1143. .htContextMenu .wtBorder {
  1144. visibility: hidden;
  1145. }
  1146. .htContextMenu table tbody tr td {
  1147. background: white;
  1148. border-width: 0;
  1149. padding: 4px 6px 0 6px;
  1150. cursor: pointer;
  1151. overflow: hidden;
  1152. white-space: nowrap;
  1153. text-overflow: ellipsis;
  1154. }
  1155. .htContextMenu table tbody tr td:first-child {
  1156. border: 0;
  1157. }
  1158. .htContextMenu table tbody tr td.htDimmed {
  1159. font-style: normal;
  1160. color: #323232;
  1161. }
  1162. .htContextMenu table tbody tr td.current,
  1163. .htContextMenu table tbody tr td.zeroclipboard-is-hover {
  1164. background: #f3f3f3;
  1165. }
  1166. .htContextMenu table tbody tr td.htSeparator {
  1167. border-top: 1px solid #bbb;
  1168. height: 0;
  1169. padding: 0;
  1170. cursor: default;
  1171. }
  1172. .htContextMenu table tbody tr td.htDisabled {
  1173. color: #999;
  1174. cursor: default;
  1175. }
  1176. .htContextMenu table tbody tr td.htDisabled:hover {
  1177. background: #fff;
  1178. color: #999;
  1179. cursor: default;
  1180. }
  1181. .htContextMenu table tbody tr.htHidden {
  1182. display: none;
  1183. }
  1184. .htContextMenu table tbody tr td .htItemWrapper {
  1185. margin-left: 10px;
  1186. margin-right: 6px;
  1187. }
  1188. .htContextMenu table tbody tr td div span.selected {
  1189. margin-top: -2px;
  1190. position: absolute;
  1191. left: 4px;
  1192. }
  1193. .htContextMenu .ht_master .wtHolder {
  1194. overflow: hidden;
  1195. }
  1196. textarea#HandsontableCopyPaste {
  1197. position: fixed !important;
  1198. top: 0 !important;
  1199. right: 100% !important;
  1200. overflow: hidden;
  1201. opacity: 0;
  1202. outline: 0 none !important;
  1203. }
  1204. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
  1205. .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  1206. border-left: 0 none;
  1207. }
  1208. .handsontable .wtHider {
  1209. position: relative;
  1210. }
  1211. .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  1212. cursor: move;
  1213. cursor: -moz-grab;
  1214. cursor: -webkit-grab;
  1215. cursor: grab;
  1216. }
  1217. .handsontable.ht__manualColumnMove.on-moving--columns,
  1218. .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  1219. cursor: move;
  1220. cursor: -moz-grabbing;
  1221. cursor: -webkit-grabbing;
  1222. cursor: grabbing;
  1223. }
  1224. .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  1225. display: none;
  1226. }
  1227. .handsontable .ht__manualColumnMove--guideline,
  1228. .handsontable .ht__manualColumnMove--backlight {
  1229. position: absolute;
  1230. height: 100%;
  1231. display: none;
  1232. }
  1233. .handsontable .ht__manualColumnMove--guideline {
  1234. background: #757575;
  1235. width: 2px;
  1236. top: 0;
  1237. margin-left: -1px;
  1238. z-index: 105;
  1239. }
  1240. .handsontable .ht__manualColumnMove--backlight {
  1241. background: #343434;
  1242. background: rgba(52, 52, 52, 0.25);
  1243. display: none;
  1244. z-index: 105;
  1245. pointer-events: none;
  1246. }
  1247. .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
  1248. .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  1249. display: block;
  1250. }
  1251. .handsontable .wtHider {
  1252. position: relative;
  1253. }
  1254. .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  1255. cursor: move;
  1256. cursor: -moz-grab;
  1257. cursor: -webkit-grab;
  1258. cursor: grab;
  1259. }
  1260. .handsontable.ht__manualRowMove.on-moving--rows,
  1261. .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  1262. cursor: move;
  1263. cursor: -moz-grabbing;
  1264. cursor: -webkit-grabbing;
  1265. cursor: grabbing;
  1266. }
  1267. .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  1268. display: none;
  1269. }
  1270. .handsontable .ht__manualRowMove--guideline,
  1271. .handsontable .ht__manualRowMove--backlight {
  1272. position: absolute;
  1273. width: 100%;
  1274. display: none;
  1275. }
  1276. .handsontable .ht__manualRowMove--guideline {
  1277. background: #757575;
  1278. height: 2px;
  1279. left: 0;
  1280. margin-top: -1px;
  1281. z-index: 105;
  1282. }
  1283. .handsontable .ht__manualRowMove--backlight {
  1284. background: #343434;
  1285. background: rgba(52, 52, 52, 0.25);
  1286. display: none;
  1287. z-index: 105;
  1288. pointer-events: none;
  1289. }
  1290. .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
  1291. .handsontable.on-moving--rows .ht__manualRowMove--backlight {
  1292. display: block;
  1293. }
  1294. .handsontable tbody td[rowspan][class*="area"][class*="highlight"]:not([class*="fullySelectedMergedCell"]):before {
  1295. opacity: 0;
  1296. }
  1297. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-multiple"]:before {
  1298. opacity: 0.1;
  1299. }
  1300. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-0"]:before {
  1301. opacity: 0.1;
  1302. }
  1303. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-1"]:before {
  1304. opacity: 0.2;
  1305. }
  1306. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-2"]:before {
  1307. opacity: 0.27;
  1308. }
  1309. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-3"]:before {
  1310. opacity: 0.35;
  1311. }
  1312. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-4"]:before {
  1313. opacity: 0.41;
  1314. }
  1315. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-5"]:before {
  1316. opacity: 0.47;
  1317. }
  1318. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-6"]:before {
  1319. opacity: 0.54;
  1320. }
  1321. .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-7"]:before {
  1322. opacity: 0.58;
  1323. }