/**
 * Plugin CSS formula bar of jExcel Pro
 * 
 * @version 1.0.0
 * @author Guillaume Bonnaire <contact@gbonnaire.fr>
 * @website https://www.gbonnaire.fr
 * @description replace toolbar of jExcel with more option. 
 * 
 * 
 * @license This plugin is distribute under MIT License
 */

.jexcel_formulabar form {
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
}

.jexcel_formulabar button {
    background-color: #e9e9e9;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLvZPZLkNhFIV75zjvYm7VGFNCqoZUJ+roKUUpjRuqp61Wq0NKDMelGGqOxBSUIBKXWtWGZxAvobr8lWjChRgSF//dv9be+9trCwAI/vIE/26gXmviW5bqnb8yUK028qZjPfoPWEj4Ku5HBspgAz941IXZeze8N1bottSo8BTZviVWrEh546EO03EXpuJOdG63otJbjBKHkEp/Ml6yNYYzpuezWL4s5VMtT8acCMQcb5XL3eJE8VgBlR7BeMGW9Z4yT9y1CeyucuhdTGDxfftaBO7G4L+zg91UocxVmCiy51NpiP3n2treUPujL8xhOjYOzZYsQWANyRYlU4Y9Br6oHd5bDh0bCpSOixJiWx71YY09J5pM/WEbzFcDmHvwwBu2wnikg+lEj4mwBe5bC5h1OUqcwpdC60dxegRmR06TyjCF9G9z+qM2uCJmuMJmaNZaUrCSIi6X+jJIBBYtW5Cge7cd7sgoHDfDaAvKQGAlRZYc6ltJlMxX03UzlaRlBdQrzSCwksLRbOpHUSb7pcsnxCCwngvM2Rm/ugUCi84fycr4l2t8Bb6iqTxSCgNIAAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
    
    border-radius: 1px;
    border: 1px solid #ccc;
    margin-left: 1px;
    margin-right: 1px;
    height: 24px;
    width: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 1em;
    vertical-align: top;
}

.jexcel_formulabar .autocomplete {
    position: relative;
    display: inline-block;
    width: calc(100% - 25px);
}

.jexcel_formulabar .jexcel_formulabar_textarea {
    width: 100%;
    border-radius: 1px;
    border: 1px solid #ccc;
    height: 24px;
    min-height: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    font-size: 1em;
    resize: vertical;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: pre-line;
    word-break: break-all;
    font-family: Inconsolata,monospace,arial,sans,sans-serif;
}

.jexcel_formulabar button:focus, .jexcel_formulabar .jexcel_formulabar_textarea:focus {
    outline: none;
}


.jexcel_formulabar .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  font-size: 0.8em;
  
  max-height: 200px;
  overflow-y: auto;
}

.jexcel_formulabar .autocomplete-items div {
  padding: 5px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  white-space: break-spaces;
}

.jexcel_formulabar .autocomplete-items div code.formula_example {
   color: blueviolet;
}

.jexcel_formulabar .autocomplete-items div code.syntax {
   color: brown;
}

.jexcel_formulabar .autocomplete-items div p.infoformula {
    color: #000000;
    margin: 5px;
    background-color: #eeeeee;
    border: none;
}

/*when hovering an item:*/
.jexcel_formulabar .autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.jexcel_formulabar .autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.jexcel tbody tr td.cellEdited_by_formulabar {
    background-color: rgba(127,127,127,.1);
    border: dashed 1px #000!important; 
}