/**
 * (c) 2013 Jexcel Plugin | Bossanova UI
 * http://www.github.com/paulhodel/jexcel
 *
 * @author: Paul Hodel <paul.hodel@gmail.com>
 * @description: Web spreadsheet
 */

/**
    'jquery.jexcel.less' variables section
    @table-thead-cells-padding: 4px;
*/

/* ---------------------------------------------------------------------------------------- */
/* CONTAINER DIV */
/* ---------------------------------------------------------------------------------------- */
div.jExcel-table-container {
    overflow: auto;
}

div.jExcel-table-container-center {
    text-align: center;
}

div.jExcel-table-container-right {
    text-align: right;
}

div.jExcel-table-container-left {
    text-align: left;
}

/* ---------------------------------------------------------------------------------------- */
/* PARENT DIV */
/* ---------------------------------------------------------------------------------------- */
div.jExcel-table-area {
    overflow: auto;
    position: relative;
    /*This paddding is added because 'corner' element takes some space as well and we need to take that into account*/
    padding-right: 4px;
    padding-bottom: 4px;
    /*This margin is added because when {width(table) + p + m} is centered (and it is because that is the parent of the container 'div' with property 'text-align: center;' we want the table to be centered as well)*/
    margin-left: 4px;
    display: inline-block;
    outline: none;
}

.jexcel
{
    /*Center table inside its direct parent div*/
    margin: 0 auto;
    border-collapse:separate;
    table-layout:fixed;
    white-space: nowrap;
    width:0px;
    empty-cells:show;
    border-top:1px transparent;
    border-left:1px transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #cccccc;
    background-clip:padding-box;
    background-color:#fff;
}

.jexcel > thead > tr > td
{
    /** Sets table's header height by adding padding around items inside header
        When we transform this .css file to .less file, we will set padding like this 'padding: @table-thead-cells-padding;' 
    */
    padding: 4px;
    /*Little hand is shown on mouse hover over table's header*/
    cursor: pointer;
}
.jexcel > tbody > tr > td
{
    padding: 4px;
}
.jexcel > tbody > td.edition
{
    padding:0px;
    padding-left:4px;
}

/*All table cells*/
.jexcel > thead > tr > td, .jexcel > tbody > tr > td
{
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    white-space: nowrap;
}

/*Last column should have non-tranasparent right border*/
.jexcel tr > td:last-child {
    border-right: 1px solid #cccccc;
}

.jexcel > tbody > tr > td.readonly
{
    color: rgba(0,0,0,0.3);
    background-color: #f3f3f3;
    cursor: not-allowed;
}

.jexcel > tbody > tr > td.hiddenCell
{
    color: rgba(0,0,0,0.3);
    background-color: #f3f3f3;
    cursor: not-allowed;
    border-top: 0;
    border-bottom: 0;
}

.jexcel > tbody > tr > td.selected:first-child
{
    background-color:#dcdcdc;
}
/*.jexcel > thead > tr > td.selected
{
    background-color:#dcdcdc;
}*/
.jexcel .highlight
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .highlight-left
{
    border-left:1px solid #000;
}
.jexcel .highlight-right
{
    border-right:1px solid #000 !important;
}
.jexcel .highlight-top
{
    border-top:1px solid #000;
}
.jexcel .highlight-bottom
{
    border-bottom:1px solid #000;
}
.jexcel .selection
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .selection-left
{
    border-left:1px dotted #000;
}
.jexcel .selection-right
{
    border-right:1px dotted #000;
}
.jexcel .selection-top
{
    border-top:1px dotted #000;
}
.jexcel .selection-bottom
{
    border-bottom:1px dotted #000;
}
.jexcel_corner
{
    position:absolute;
    display: block;
    background-color: rgb(0, 0, 0);
    height: 5px;
    width: 5px;
    border: 2px solid rgb(255, 255, 255);
    /*top:-200px;
    left:-200px;*/
    cursor:crosshair;
    box-sizing: initial;
}

.jexcel .editor
{
    outline:0px solid transparent;
    overflow:hidden;
    white-space: nowrap;
    text-align:left;
}

.jexcel > tbody > tr > td > select, .jexcel > tbody > tr > td > input
{
    border:0px;
    border-radius:0px;
    outline:0px;
    width:100%;
    margin:0px;
    padding:0px;
    background-color:transparent;
}
.jexcel > tbody > tr > td > select
{
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 40%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}

.jexcel > tbody > tr > td:besfore
{
    content:'-';
    float:right;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 40%;
    width:16px;
    bsackground-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}

.jexcel, .jexcel td, .jexcel_corner {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.jexcel_textarea
{
    position:absolute;
    top:-999px;
    left:-999px;
    width:1px;
    height:1px;
}

.jexcel .results
{
    position:absolute;
    min-height:30px;
    max-height:200px;
    width:220px;
    background-color:#fff;
    overflow-y:scroll;
    z-index:99;
    text-align:left;
    border:1px solid #ccc;
}
.jexcel .results li
{
    list-style:none;
    padding:6px;
    cursor:pointer;
}
.jexcel .results li:hover
{
    background-color:#eee;
}
.jexcel .dragline
{
    position:absolute;
}
.jexcel .dragline div
{
    position:relative;
    top:-6px;
    height:5px;
    width:22px;
}
.jexcel .dragline div:hover
{
    cursor:move;
}

.jexcel .onDrag
{
    background-color:rgba(0,0,0,0.6);
}

.jexcel .error
{
    border:1px solid red;
}

.jexcel .dependency {
    border: 1px dashed #3a85fa;
}

.jexcel .arrow-up
{
    width: 0; 
    height:0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #444;
    position:absolute;
    margin-left:4px;
    margin-top:8px;
}

.jexcel .arrow-down
{
    width: 0; 
    height:0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #444;
    position:absolute;
    margin-left:4px;
    margin-top:8px;
}

.jexcel .resizing
{
    border-right-style:dotted !important;
    border-right-color:black !important;
}

.jexcel_contextmenu {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #FFF;
    min-width: 160px;
    /*transition*/
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}


.jexcel_contextmenu a {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #000;
    width: 300px;
    position: relative;
    white-space: nowrap;
    cursor: pointer; 
    text-decoration: none;
}

.jexcel_contextmenu a:hover {
    background: #ebebeb;
}

.jexcel_contextmenu i {
    margin-right: 15px;
    vertical-align: middle;
    color: #000;
    font-size: 20px;
}

.jexcel_contextmenu a span
{
    color: #a1a192;
    float: right;
    margin-right:10px;
}

.jexcel_contextmenu hr
{
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    margin: 0;
}
.jexcel .jexcel_arrow {
    float: right;
    position: relative;
    top: 8px;
    left: -13px;
}

.jexcel #jexcel_arrow
{
    width: 0; 
    height:0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #bbb;
    position:absolute;
    cursor:pointer;
}

.boldTableHeader {
    font-weight: bold;
}

.normalTableHeader {
    font-weight: normal;
}

/* ---------------------------------------------------------------------------------------- */
/* SECTION NAME */
/* ---------------------------------------------------------------------------------------- */
.section-name-uppercase-style {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #f3f3f3;
}

.section-name-default-style {
    font-weight: bold;
    background-color: #f3f3f3;
}

/* ---------------------------------------------------------------------------------------- */
/* ENUMERATION ROW HEADER */
/* ---------------------------------------------------------------------------------------- */
.enumeration-row-header-default-style {
    background-color: #ffffff;
    font-size: small;
    color: #8e8e8e;
}

/* ---------------------------------------------------------------------------------------- */
/* EXCEL-LIKE COLUMN HEADER */
/* ---------------------------------------------------------------------------------------- */
.excel-like-col-header-default-style {
    font-weight: normal;
    background-color: #ffffff;
    text-align: center;
    font-size: small;
    color: #8e8e8e;
}

.excel-like-col-header-default-style.selected {
    font-weight: normal;
    background-color: #dcdcdc;
}

/* ---------------------------------------------------------------------------------------- */
/* CUSTOM ROW HEADER */
/* ---------------------------------------------------------------------------------------- */
.custom-row-header-default-style {
    font-weight: normal;
    background-color: #f3f3f3;
}
.custom-row-header-default-style.selected {
    background-color: #dcdcdc;
}

.custom-row-header-default-underlined-style {
    font-weight: normal;
    border-bottom: 1px solid black !important;
    background-color: #f3f3f3;
}
.custom-row-header-default-underlined-style.selected {
    background-color: #dcdcdc;
}

.custom-row-header-default-indent-style {
    font-weight: normal;
    padding-left: 20px !important;
    background-color: #f3f3f3;
}
.custom-row-header-default-indent-style.selected {
    background-color: #dcdcdc;
}

.custom-row-header-bold-style {
    font-weight: bold;
    background-color: #f3f3f3;
}
.custom-row-header-bold-style.selected {
    background-color: #dcdcdc;
}

.custom-row-header-bold-underlined-style {
    font-weight: bold;
    border-bottom: 1px solid black !important;
    background-color: #f3f3f3;
}
.custom-row-header-bold-underlined-style.selected {
    background-color: #dcdcdc;
}

/* ---------------------------------------------------------------------------------------- */
/* CUSTOM COLUMN HEADER */
/* ---------------------------------------------------------------------------------------- */
.custom-col-header-default-style {
    font-weight: normal;
    background-color: #f3f3f3;
}
.custom-col-header-default-style.selected {
     background-color: #dcdcdc;
}

.custom-col-header-bold-style {
    font-weight: bold;
    background-color: #f3f3f3;
}
.custom-col-header-bold-style.selected {
     background-color: #dcdcdc;
}

/* ---------------------------------------------------------------------------------------- */
/* DATA CELLS */
/* ---------------------------------------------------------------------------------------- */
.data-cell-default-style {
    height: 29px;
    text-align: right;
}

/* ---------------------------------------------------------------------------------------- */
/* '+'/'-' BUTTONS */
/* ---------------------------------------------------------------------------------------- */
button.section-expand-collapse {
    cursor: pointer;
    background: white;
    width: 20px;
    margin-right: 5px;
    border: 1px solid lightgray;
    text-align: center;
    font-weight: 200;
    padding: 0;
    vertical-align: middle;
}

button.section-expand-collapse:hover {
    cursor: pointer;
    background-color: lightgray;
}

/* ---------------------------------------------------------------------------------------- */
/* '+'/'-' DATA CELLS */
/* ---------------------------------------------------------------------------------------- */
td.underlined {
    border-bottom: 1px solid black !important;
}