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