/**

* Handsontable 0.11.0-beta3
* Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
*
* Copyright 2012-2014 Marcin Warpechowski
* Licensed under the MIT license.
* http://handsontable.com/
*
* Date: Fri Jul 25 2014 11:41:59 GMT+0200 (CEST)
*/

.handsontable {

position: relative;

}

.handsontable .relative {

position: relative;

}

.handsontable.htAutoColumnSize {

visibility: hidden;
left: 0;
position: absolute;
top: 0;

}

.handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable div {

box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;

}

.handsontable table.htCore {

border-collapse: separate;
/*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
position: relative;
/*this actually only changes appearance of user selection - does not make text unselectable
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
/*user-select: none; /*no browser supports unprefixed version*/
border-spacing: 0;
margin: 0;
border-width: 0;
table-layout: fixed;
width: 0;
outline-width: 0;
/* reset bootstrap table style. for more info see: https://github.com/handsontable/jquery-handsontable/issues/224 */
max-width: none;
max-height: none;

}

.handsontable col {

width: 50px;

}

.handsontable col.rowHeader {

width: 50px;

}

.handsontable th, .handsontable td {

border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: 22px;
empty-cells: show;
line-height: 21px;
padding: 0 4px 0 4px;
/* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
background-color: #FFF;
vertical-align: top;
overflow: hidden;
outline-width: 0;
white-space: pre-line;
/* preserve new line character in cell */

}

.handsontable td.htInvalid {

-webkit-transition: background 0.75s ease;
transition: background 0.75s ease;
background-color: #ff4c42;

}

.handsontable td.htNoWrap {

white-space: nowrap;

}

.handsontable th:last-child {

/*Foundation framework fix*/
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;

}

.handsontable tr:first-child th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame {

border-left-width: 0;
background-color: white;
border-color: #FFF;

}

.handsontable th:first-child, .handsontable td:first-child, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td {

border-left: 1px solid #CCC;

}

.handsontable tr:first-child th, .handsontable tr:first-child td {

border-top: 1px solid #CCC;

}

.handsontable thead tr:last-child th {

border-bottom-width: 0;

}

.handsontable thead tr.lastChild th {

border-bottom-width: 0;

}

.handsontable th {

background-color: #EEE;
color: #222;
text-align: center;
font-weight: normal;
white-space: nowrap;

}

.handsontable thead th {

padding: 0;

}

.handsontable th.active {

background-color: #CCC;

}

.handsontable thead th .relative {

padding: 2px 4px;

}

/* plugins */

.handsontable .manualColumnMover {

position: absolute;
left: 0;
top: 0;
background-color: transparent;
width: 5px;
height: 25px;
z-index: 999;
cursor: move;

}

.handsontable .manualRowMover {

position: absolute;
left: -4px;
top: 0;
background-color: transparent;
height: 5px;
width: 50px;
z-index: 999;
cursor: move;

}

.handsontable .manualColumnMover:hover, .handsontable .manualColumnMover.active, .handsontable .manualRowMover:hover, .handsontable .manualRowMover.active{

background-color: #88F;

}

/* row + column resizer*/

.handsontable .manualColumnResizer {

position: absolute;
top: 0;
cursor: col-resize;
z-index: 100;

}

.handsontable .manualColumnResizerHandle {

background-color: transparent;
width: 5px;
height: 25px;

}

.handsontable .manualRowResizer {

position: absolute;
left: 0;
cursor: row-resize;
z-index: 100;

}

.handsontable .manualRowResizerHandle {

background-color: transparent;
height: 5px;
width: 50px;

}

.handsontable .manualColumnResizer:hover .manualColumnResizerHandle, .handsontable .manualColumnResizer.active .manualColumnResizerHandle, .handsontable .manualRowResizer:hover .manualRowResizerHandle, .handsontable .manualRowResizer.active .manualRowResizerHandle {

background-color: #AAB;

}

.handsontable .manualColumnResizerLine {

position: absolute;
right: 0;
top: 0;
background-color: #AAB;
display: none;
width: 0;
border-right: 1px dashed #777;

}

.handsontable .manualRowResizerLine {

position: absolute;
left: 0;
bottom: 0;
background-color: #AAB;
display: none;
width: 0;
border-bottom: 1px dashed #777;

}

.handsontable .manualColumnResizer.active .manualColumnResizerLine, .handsontable .manualRowResizer.active .manualRowResizerLine {

display: block;

}

.handsontable .columnSorting:hover {

text-decoration: underline;
cursor: pointer;

}

/* border line */

.handsontable .wtBorder {

position: absolute;
font-size: 0;

} .handsontable .wtBorder.hidden{

display:none !important;

}

.handsontable td.area {

background-color: #EEF4FF;

}

/* fill handle */

.handsontable .wtBorder.corner {

font-size: 0;
cursor: crosshair;

}

.handsontable .htBorder.htFillBorder {

background: red;
width: 1px;
height: 1px;

}

.handsontableInput {

border: 2px solid #5292F7;
outline-width: 0;
margin: 0;
padding: 1px 4px 0 2px;
font-family: Arial, Helvetica, sans-serif;
/*repeat from .handsontable (inherit doesn't work with IE<8) */
line-height: 1.3em;
/*repeat from .handsontable (inherit doesn't work with IE<8) */
font-size: inherit;
-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
resize: none;
/*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
display: inline-block;
color: #000;
border-radius: 0;
background-color: #FFF;
/*overwrite styles potentionally made by a framework*/

}

.handsontableInputHolder {

position: absolute;
top: 0;
left: 0;
z-index: 100;

}

.htSelectEditor {

-webkit-appearance: menulist-button !important;
position: absolute;

}

/* TextRenderer readOnly cell */

.handsontable .htDimmed {

color: #777;

}

/* TextRenderer horizontal alignment */ .handsontable .htLeft{

text-align: left;

} .handsontable .htCenter{

text-align: center;

} .handsontable .htRight{

text-align: right;

} .handsontable .htJustify{

text-align: justify;

} /* TextRenderer vertical alignment */ .handsontable .htTop{

vertical-align: top;

} .handsontable .htMiddle{

vertical-align: middle;

} .handsontable .htBottom{

vertical-align: bottom;

}

/* TextRenderer placeholder value */

.handsontable .htPlaceholder {

color: #999;

}

/* AutocompleteRenderer down arrow */

.handsontable .htAutocompleteArrow {

float: right;
font-size: 10px;
color: #EEE;
cursor: default;
width: 16px;
text-align: center;

}

.handsontable td .htAutocompleteArrow:hover {

color: #777;

}

/* CheckboxRenderer */

.handsontable .htCheckboxRendererInput.noValue {

opacity: 0.5;

}

/* NumericRenderer */

.handsontable .htNumeric {

text-align: right;

}

/* Comment For Cell */ .htCommentCell{

position: relative;

} .htCommentCell:after{

content: '';
position: absolute;
top: 0;
right: 0;
border-left: 6px solid transparent;
/*border-right: 5px solid transparent;*/

border-top: 6px solid red;

}

/*context menu rules*/

ul.context-menu-list {

color: black;

}

ul.context-menu-list li {

margin-bottom: 0;
/*Foundation framework fix*/

}

/**

* Handsontable in Handsontable
*/

.handsontable .handsontable .wtHider {

padding: 0 0 5px 0;

}

.handsontable .handsontable table {

-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);

}

/**

*/ .handsontable .autocompleteEditor.handsontable {

padding-right: 15px;

}

/**

* Handsontable listbox theme
*/

.handsontable.listbox {

margin: 0;

}

.handsontable.listbox .ht_master table {

border: 1px solid #ccc;
border-collapse: separate;
background: white;

}

.handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td {

border-width: 0;

}

.handsontable.listbox th, .handsontable.listbox td {

white-space: nowrap;
text-overflow: ellipsis;

}

.handsontable.listbox td.htDimmed {

cursor: default;
color: inherit;
font-style: inherit;

}

.handsontable.listbox .wtBorder {

visibility: hidden;

}

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {

background: #eee;

}

.htContextMenu {

display: none;
position: absolute;

}

.htContextMenu .ht_clone_top, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_corner {

display: none;

}

.htContextMenu table.htCore {

outline: 1px solid #bbb;

}

.htContextMenu .wtBorder {

visibility: hidden;

}

.htContextMenu table tbody tr td {

background: white;
border-width: 0;
padding: 4px 6px 0px 6px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}

.htContextMenu table tbody tr td:first-child {

border: 0;

}

.htContextMenu table tbody tr td.htDimmed{

font-style: normal;
color: #323232;

}

.htContextMenu table tbody tr td.current{

background: rgb(233, 233, 233);

}

.htContextMenu table tbody tr td.htSeparator {

border-top: 1px solid #bbb;
height: 0;
padding: 0;

}

.htContextMenu table tbody tr td.htDisabled {

color: #999;

}

.htContextMenu table tbody tr td.htDisabled:hover {

background: white;
color: #999;
cursor: default;

}

.htContextMenu button{

color: #fff;
font-size: 12px;
line-height: 12px;
height: 20px;
padding: 0 5px;
margin: 0 1px 0 0;
margin-bottom: 5px;

} .htContextMenu button:first-child{

border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

} .htContextMenu button:last-child{

border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

} .handsontable td.htSearchResult {

background: #fcedd9;
color: #583707;

}

/* Cell borders */ .htBordered{

/*box-sizing: border-box !important;*/
border-width: 1px;

} .htBordered.htTopBorderSolid{

border-top-style: solid;
border-top-color: #000;

} .htBordered.htRightBorderSolid{

border-right-style: solid;
border-right-color: #000;

} .htBordered.htBottomBorderSolid{

border-bottom-style: solid;
border-bottom-color: #000;

} .htBordered.htLeftBorderSolid{

border-left-style: solid;
border-left-color: #000;

}

/WalkontableDebugOverlay/

.wtDebugHidden {

display: none;

}

.wtDebugVisible {

display: block;
-webkit-animation-duration: 0.5s;
-webkit-animation-name: wtFadeInFromNone;
animation-duration: 0.5s;
animation-name: wtFadeInFromNone;

}

@keyframes wtFadeInFromNone {

0% {
  display: none;
  opacity: 0;
}

1% {
  display: block;
  opacity: 0;
}

100% {
  display: block;
  opacity: 1;
}

}

@-webkit-keyframes wtFadeInFromNone {

0% {
  display: none;
  opacity: 0;
}

1% {
  display: block;
  opacity: 0;
}

100% {
  display: block;
  opacity: 1;
}

}