Página Principal Explorar Ajuda
Iniciar Sessão
S.H.I.E.L.D.
/
measureSAAS.v2.APP
3
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Browse Source

首次提交

chente 5 years atrás
commit
ebfb9c888c
50 changed files with 12181 additions and 0 deletions
Split View Show Diff Stats
  1. 550 0
      biaoduan-panel.html
  2. 132 0
      biaoduan.html
  3. 7 0
      css/bootstrap/bootstrap.min.css
  4. 1 0
      css/datepicker/datepicker.min.css
  5. 4 0
      css/font-awesome/font-awesome.min.css
  6. BIN
      css/font-awesome/fonts/FontAwesome.otf
  7. BIN
      css/font-awesome/fonts/fontawesome-webfont.eot
  8. 2671 0
      css/font-awesome/fonts/fontawesome-webfont.svg
  9. BIN
      css/font-awesome/fonts/fontawesome-webfont.ttf
  10. BIN
      css/font-awesome/fonts/fontawesome-webfont.woff
  11. BIN
      css/font-awesome/fonts/fontawesome-webfont.woff2
  12. 23 0
      css/main.css
  13. 785 0
      css/spreadjs/sheets/gc.spread.sheets.10.0.1.css
  14. 855 0
      css/spreadjs/sheets/gc.spread.sheets.excel2013darkGray.10.0.1.css
  15. 857 0
      css/spreadjs/sheets/gc.spread.sheets.excel2013lightGray.10.0.1.css
  16. 850 0
      css/spreadjs/sheets/gc.spread.sheets.excel2013white.10.0.1.css
  17. 857 0
      css/spreadjs/sheets/gc.spread.sheets.excel2016colorful.10.0.1.css
  18. 850 0
      css/spreadjs/sheets/gc.spread.sheets.excel2016darkGray.10.0.1.css
  19. 851 0
      css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css
  20. 13 0
      css/spreadjs/views/gc.spread.views.dataview.10.0.0.css
  21. 1 0
      css/spreadjs/views/gc.spread.views.dataview.blue.10.0.0.css
  22. 1 0
      css/spreadjs/views/gc.spread.views.dataview.bootstrap.10.0.0.css
  23. 1 0
      css/spreadjs/views/gc.spread.views.dataview.flat.10.0.0.css
  24. BIN
      css/ztree/img/diy/1_close.png
  25. BIN
      css/ztree/img/diy/1_open.png
  26. BIN
      css/ztree/img/diy/2.png
  27. BIN
      css/ztree/img/diy/3.png
  28. BIN
      css/ztree/img/diy/4.png
  29. BIN
      css/ztree/img/diy/5.png
  30. BIN
      css/ztree/img/diy/6.png
  31. BIN
      css/ztree/img/diy/7.png
  32. BIN
      css/ztree/img/diy/8.png
  33. BIN
      css/ztree/img/diy/9.png
  34. BIN
      css/ztree/img/line_conn.gif
  35. BIN
      css/ztree/img/loading.gif
  36. BIN
      css/ztree/img/zTreeStandard.gif
  37. BIN
      css/ztree/img/zTreeStandard.png
  38. 97 0
      css/ztree/zTreeStyle.css
  39. BIN
      img/favicon.ico
  40. BIN
      img/loginlogo.png
  41. BIN
      img/logo.png
  42. 7 0
      js/bootstrap/bootstrap.min.js
  43. 32 0
      js/echarts/echarts.min.js
  44. 0 0
      js/global.js
  45. 4 0
      js/jquery/jquery-3.2.1.min.js
  46. 5 0
      js/popper/popper.min.js
  47. 1913 0
      js/ztree/jquery.ztree.core.js
  48. 628 0
      js/ztree/jquery.ztree.excheck.js
  49. 85 0
      login.html
  50. 101 0
      todo.html

+ 550 - 0
biaoduan-panel.html
Ver Ficheiro 

@@ -0,0 +1,550 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>标段概况-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <link rel="shortcut icon" href="img/favicon.ico">
 
+<style>
 
+</style>
 
+</head>
 
+<body>
 
+    <div class="container">
 
+        <!--顶部-->
 
+        <nav class="fixed-top bg-dark">
 
+            <div class="my-2 d-flex justify-content-between">
 
+                <span class="text-white ml-3"><a href="biaoduan.html" class="mr-2 text-white"><i class="fa fa-chevron-left"></i></a>标段概况</span>
 
+                <div class="mr-3">
 
+                    <div class="dropdown">
 
+                      <button class="btn btn-sm btn-light dropdown-toggle" type="button" data-toggle="dropdown">
 
+                        张三
 
+                      </button>
 
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                        <a class="dropdown-item" href="#">退出登录</a>
 
+                      </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </nav>
 
+        <!--标段概况-->
 
+        <div class="py-6">
 
+          <!--标签-->
 
+          <ul class="nav nav-tabs nav-fill">
 
+            <li class="nav-item">
 
+              <a class="nav-link active" data-toggle="tab" href="#gaikuang" role="tab">概况</a>
 
+            </li>
 
+            <li class="nav-item">
 
+              <a class="nav-link" data-toggle="tab" href="#jlqi" role="tab">计量期</a>
 
+            </li>
 
+            <li class="nav-item">
 
+              <a class="nav-link" data-toggle="tab" href="#shenpi" role="tab">期审批</a>
 
+            </li>
 
+          </ul>
 
+          <div class="tab-content">
 
+            <div class="tab-pane active" id="gaikuang">
 
+              <!--图表-->
 
+              <div class="card mb-3 mr-1 mt-3">
 
+                <div class="card-body">
 
+                  <h5 class="card-title">月进度表</h5>
 
+                  <div id="chartContainer3" style="height: 300px; width: 100%;">
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="card mb-3 mr-1">
 
+                <div class="card-body">
 
+                  <h5 class="card-title">期进度表</h5>
 
+                  <div id="chartContainer4" style="height: 300px; width: 100%;">
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="tab-pane" id="jlqi">
 
+              <!--期列表-->
 
+              <dl class="mb-2 mt-3">
 
+                <dt class="bg-light p-2 d-flex justify-content-between"><span>第3期</span><span class="text-warning">王五-监理 审批中</span></dt>
 
+                <dd>
 
+                  <table class="table table-hover">
 
+                    <tbody><tr>
 
+                      <td>
 
+                        <p class="mb-0">本期合同计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">本期数量变更计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">本期完成计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">截止上期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">截止本期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">本期应付</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                  </tbody></table>
 
+                </dd>
 
+                <dt class="bg-light p-2 d-flex justify-content-between"><span>第2期</span><span class="text-success">审批完成</span></dt>
 
+                <dd>
 
+                  <table class="table table-hover">
 
+                    <tbody><tr>
 
+                      <td>
 
+                        <p class="mb-0">本期合同计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">本期数量变更计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">本期完成计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">截止上期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">截止本期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">本期应付</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                  </tbody></table>
 
+                </dd>
 
+                <dt class="bg-light p-2 d-flex justify-content-between"><span>第1期</span><span class="text-success">审批完成</span></dt>
 
+                <dd>
 
+                  <table class="table table-hover">
 
+                    <tbody><tr>
 
+                      <td>
 
+                        <p class="mb-0">本期合同计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">本期数量变更计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">本期完成计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">截止上期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">截止本期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                      <td></td>
 
+                    </tr>
 
+                  </tbody></table>
 
+                </dd>
 
+              </dl>
 
+            </div>
 
+            <div class="tab-pane" id="shenpi">
 
+              <!--最新期-->
 
+              <dl class="mb-2 mt-3">
 
+                <dt class="bg-light p-2 d-flex justify-content-between"><span>第3期</span><span class="text-warning">王五-监理 审批中</span></dt>
 
+                <dd>
 
+                  <table class="table table-hover">
 
+                    <tbody><tr>
 
+                      <td>
 
+                        <p class="mb-0">本期合同计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">本期数量变更计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">本期完成计量</p>
 
+                        <b>￥5,000,000.00</b>
 
+                      </td>
 
+                      <td>
 
+                        <p class="mb-0">截止上期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>
 
+                        <p class="mb-0">截止本期完成计量</p>
 
+                        <b>￥233,453,000.00</b>
 
+                      </td>
 
+                      <td></td>
 
+                    </tr>
 
+                  </tbody></table>
 
+                </dd>
 
+              </dl>
 
+              <!--审批流程-->
 
+              <div class="card mt-3">
 
+                <ul class="list-group list-group-flush">
 
+                  <li class="list-group-item">
 
+                    <span class="text-success pull-right"><small>2017-11-25</small> 上报</span>
 
+                     <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                  </li>
 
+                  <li class="list-group-item">
 
+                    <span class="text-success pull-right"><small>2017-11-25</small> 审批通过</span>
 
+                     <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                     <p class="card-text">审批意见。</p>
 
+                  </li>
 
+                  <li class="list-group-item">
 
+                    <span class="text-success pull-right"><small>2017-11-25</small> 审批通过</span>
 
+                     <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                     <p class="card-text">审批意见。</p>
 
+                  </li>
 
+                  <li class="list-group-item">
 
+                    <span class="text-warning pull-right"><small>2017-11-25</small>审批退回 王五</span>
 
+                     <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                     <p class="card-text">审批意见。</p>
 
+                  </li>
 
+                  <li class="list-group-item">
 
+                    <span class="pull-right">审批中</span>
 
+                     <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                     <div class="form-group">
 
+                       <div class="text-center">
 
+                        <button class="btn btn-success" data-toggle="modal" data-target="#sp-done" >审批通过</button>
 
+                        <button class="btn btn-warning" data-toggle="modal" data-target="#sp-back" >审批退回</button>
 
+                      </div>
 
+                     </div>
 
+                  </li>
 
+                  <li class="list-group-item">
 
+                     <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <!--底栏菜单-->
 
+        <nav class="fixed-bottom navbar-dark bg-light border-top">
 
+          <ul class="nav nav-fill my-2">
 
+              <li class="nav-item">
 
+                <a class="nav-link text-muted" href="todo.html"><i class="fa fa-check-square-o"></i> 待审批</a>
 
+              </li>
 
+              <li class="nav-item">
 
+                <a class="nav-link active " href="biaoduan.html"><i class="fa fa-list-ul"></i> 项目</a>
 
+              </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+    <!--审批通过弹窗-->
 
+    <div class="modal" tabindex="-1" role="dialog" id="sp-done">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title">审批通过</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <div class="form-group">
 
+               <label>审批意见</label>
 
+               <textarea class="form-control" rows="8"></textarea>
 
+             </div>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-success">审批通过</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <!--审批退回弹窗-->
 
+    <div class="modal" tabindex="-1" role="dialog" id="sp-back">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title">审批通过</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <div class="form-group">
 
+               <label>审批意见</label>
 
+               <textarea class="form-control" rows="8"></textarea>
 
+             </div>
 
+             <div class="alert alert-warning">
 
+                  <div class="custom-control custom-radio custom-control-inline">
 
+                    <input type="radio" id="customRadioInline1" name="customRadioInline1" class="custom-control-input">
 
+                    <label class="custom-control-label" for="customRadioInline1">退回上报 布尔</label>
 
+                  </div>
 
+                  <div class="custom-control custom-radio custom-control-inline">
 
+                    <input type="radio" id="customRadioInline2" name="customRadioInline1" class="custom-control-input">
 
+                    <label class="custom-control-label" for="customRadioInline2">退回上一审批人 张三</label>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-warning">确认退回</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+        <script type="text/javascript">
 
+                    //4 标段期数计量进度//
 
+                    var myChart = echarts.init(document.getElementById('chartContainer4'));
 
+                    var option = {
 
+                      color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                              '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                              '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                              '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                              title : {
 
+                                  text: ''
 
+                              },
 
+        tooltip : {
 
+            trigger: 'axis'
 
+        },
 
+        calculable : true,
 
+        legend: {
 
+            data:['本期合同计量','本期数量变更计量','截止上期累计完成','本期完成计量','完成度']
 
+        },
 
+        dataZoom: [
 
+               {show: true,start: 0, end: 100}
 
+          ],
 
+        xAxis : [
 
+            {
 
+                type : 'category',
 
+                splitLine : {show : true},
 
+                data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+            }
 
+        ],
 
+        yAxis : [
 
+            {
 
+               type : 'value',
 
+                name : '金额',
 
+                position:'left',
 
+                axisLabel : {
 
+                    formatter: '{value} 元'
 
+                },
 
+                splitArea : {show : true}
 
+            },
 
+            {
 
+                type : 'value',
 
+                name:'完成度',
 
+                axisLabel : {
 
+                    formatter: '{value} %'
 
+                },
 
+                position: 'right',
 
+                splitArea : {show : true}
 
+            }
 
+        ],
 
+        series : [
 
+            {
 
+                name:'本期合同计量',
 
+                type:'bar',
 
+                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+                stack: '合同',
 
+                data:[320, 332, 301, 334, 390, 330, 320]
 
+            },
 
+            {
 
+                name:'本期数量变更计量',
 
+                type:'bar',
 
+                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+                stack: '合同',
 
+                data:[320, -20, 301, 334, 390, 330, 320]
 
+            },
 
+            {
 
+                name:'截止上期累计完成',
 
+                type:'bar',
 
+                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+                stack: '完成',
 
+                data:[120, 132, 101, 134, 90, 230, 210]
 
+            },
 
+            {
 
+                name:'本期完成计量',
 
+                type:'bar',
 
+                tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+                stack: '完成',
 
+                data:[220, 182, 191, 234, 290, 330, 310]
 
+            },
 
+            {
 
+                name:'完成度',
 
+                type:'line',
 
+                tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+                yAxisIndex: 1,
 
+                data:[10, 15, 20, 13, 11, 9, 5]
 
+            },
 
+        ]
 
+    };
 
+
 
+                    // 为echarts对象加载数据
 
+                    myChart.setOption(option);
 
+                    //4 标段期数计量进度//
 
+                    //3 标段月进度//
 
+    // 基于准备好的dom，初始化echarts图表
 
+                    var myChart = echarts.init(document.getElementById('chartContainer3'));
 
+                    var option = {
 
+                              color:["#e9af68","#57b7b6"],
 
+                              title : {
 
+                                  text: ''
 
+                              },
 
+                              tooltip : {
 
+                                  trigger: 'axis',
 
+                                  formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
 
+                              },
 
+                              legend: {
 
+                                  data:['截止本月完成','本月完成']
 
+                              },
 
+                              toolbox: {
 
+                                  show : true,
 
+                                  feature : {
 
+                                      magicType : {show: true, type: ['line', 'bar']}
 
+                                  }
 
+                              },
 
+        dataZoom : {
 
+            show : true,
 
+            start : 50,
 
+            end : 100
 
+        },
 
+        xAxis : [
 
+            {
 
+                                      type : 'category',
 
+                                      boundaryGap : true,
 
+                data : [
 
+                    '2月','3月','4月','5月','6月','7月','8月','9月','10月'
 
+                ]
 
+            }
 
+        ],
 
+        yAxis : [
 
+                                  {
 
+                                      type : 'value',
 
+                                      axisLabel : {
 
+                                          formatter: '{value} %'
 
+                                      },
 
+                                      splitArea : {show : true}
 
+                                  }
 
+                              ],
 
+        series : [
 
+                                  {
 
+                                      name:'截止本月完成',
 
+                                      type:'line',
 
+                                      itemStyle: {
 
+                                          normal: {
 
+                                              lineStyle: {
 
+                                                  shadowColor : 'rgba(0,0,0,0.4)',
 
+                                                  shadowBlur: 5,
 
+                                                  shadowOffsetX: 3,
 
+                                                  shadowOffsetY: 3
 
+                                              }
 
+                                          }
 
+                                      },
 
+                                      data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
+                                  },
 
+                                  {
 
+                                      name:'本月完成',
 
+                                      type:'line',
 
+                                      itemStyle: {
 
+                                          normal: {
 
+                                              lineStyle: {
 
+                                                  shadowColor : 'rgba(0,0,0,0.4)',
 
+                                                  shadowBlur: 5,
 
+                                                  shadowOffsetX: 3,
 
+                                                  shadowOffsetY: 3
 
+                                              }
 
+                                          }
 
+                                      },
 
+                                      data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
 
+                                  }
 
+                              ]
 
+      };
 
+                    // 为echarts对象加载数据 
+                    myChart.setOption(option); 
+                    //3 标段月进度//
 
+        </script>
 
+            <!--sjs-->
 
+    <script>
 
+        $(document).ready(function () {
 
+        const data = [
 
+            {
 
+                单位:'稍等',
 
+                精度:3,
 
+            },{
 
+                单位:'km',
 
+                精度:3,
 
+            },{
 
+                单位:'m',
 
+                精度:3,
 
+            },{
 
+                单位:'m2',
 
+                精度:3,
 
+            },{
 
+                单位:'m3',
 
+                精度:3,
 
+            },{
 
+                单位:'kg',
 
+                精度:3,
 
+            },{
 
+                单位:'个',
 
+                精度:3,
 
+            },{
 
+                单位:'台',
 
+                精度:3,
 
+            },{
 
+                单位:'套',
 
+                精度:3,
 
+            },{
 
+                单位:'棵',
 
+                精度:3,
 
+            },{
 
+                单位:'组',
 
+                精度:3,
 
+            },{
 
+                单位:'总额',
 
+                精度:3,
 
+            },{
 
+                单位:'系统',
 
+                精度:3,
 
+            },{
 
+                单位:'其他未列单位',
 
+                精度:3,
 
+            }
 
+          ];
 
+          const spread = new GC.Spread.Sheets.Workbook($('#option-spread1')[0], {
 
+              sheetCount: 1
 
+          });
 
+          spread.getActiveSheet().setDataSource(data);
 
+           spread.options.tabStripVisible = false;
 
+        })
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 132 - 0
biaoduan.html
Ver Ficheiro 

@@ -0,0 +1,132 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>待审批-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="shortcut icon" href="img/favicon.ico">
 
+<style>
 
+</style>
 
+</head>
 
+<body>
 
+    <div class="container">
 
+        <!--顶部-->
 
+        <nav class="fixed-top bg-dark">
 
+            <div class="my-2 d-flex justify-content-between">
 
+                <span class="text-white ml-3">项目</span>
 
+                <div class="mr-3">
 
+                    <div class="dropdown">
 
+                      <button class="btn btn-sm btn-light dropdown-toggle" type="button" data-toggle="dropdown">
 
+                        张三
 
+                      </button>
 
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                        <a class="dropdown-item" href="#">退出登录</a>
 
+                      </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </nav>
 
+        <!--标段列表-->
 
+        <div class="py-6">
 
+            <ul class="d-flex justify-content-start list-unstyled">
 
+                <li class="mr-3"><i class="fa fa-stop text-success"></i>截止上期完成</li>
 
+                <li class="mr-3"><i class="fa fa-stop text-info"></i>本期完成</li>
 
+                <li class="mr-3"><i class="fa fa-stop text-muted"></i>未完成</li>
 
+            </ul>
 
+            <table class="table">
 
+                  <thead>
 
+                    <tr><th>名称</th>
 
+                    <th width="120">计量期数</th>
 
+                    <th>总价</th>
 
+                  </tr></thead>
 
+                  <tbody><tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2019</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2018</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;土建</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td colspan="3" class="in-3">
 
+                        <div class="row">
 
+                            <span class="col-8"><a href="biaoduan-panel.html" class="btn btn-block btn-link text-left px-0"><span class="text-muted mr-2">└</span>WWUJ-1</a></span>
 
+                            <span class="col-auto ml-auto">审批中</span>
 
+                        </div>
 
+                        <div class="d-flex justify-content-between"><span>第15期</span><span>￥5,000,000.00</span></div>
 
+                        <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;绿化</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <tr>
 
+                    <td colspan="3" class="in-3">
 
+                        <div class="row">
 
+                            <span class="col-8"><a href="biaoduan-panel.html" class="btn btn-block btn-link text-left px-0"><span class="text-muted mr-2">├</span>WWUJ-2</a></span>
 
+                            <span class="col-auto ml-auto">审批中</span>
 
+                        </div>
 
+                        <div class="d-flex justify-content-between"><span>第15期</span><span>￥5,000,000.00</span></div>
 
+                        <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                  <tr>
 
+                    <td colspan="3" class="in-3">
 
+                        <div class="row">
 
+                            <span class="col-8"><a href="biaoduan-panel.html" class="btn btn-block btn-link text-left px-0"><span class="text-muted mr-2">└</span>WWUJ-3</a></span>
 
+                            <span class="col-auto ml-auto">审批中</span>
 
+                        </div>
 
+                        <div class="d-flex justify-content-between"><span>第15期</span><span>￥5,000,000.00</span></div>
 
+                        <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+              </tbody></table>
 
+        </div>
 
+        <!--底栏菜单-->
 
+        <nav class="fixed-bottom navbar-dark bg-light border-top">
 
+          <ul class="nav nav-fill my-2">
 
+              <li class="nav-item">
 
+                <a class="nav-link text-muted" href="todo.html"><i class="fa fa-check-square-o"></i> 待审批</a>
 
+              </li>
 
+              <li class="nav-item">
 
+                <a class="nav-link active " href="biaoduan.html"><i class="fa fa-list-ul"></i> 项目</a>
 
+              </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

File diff suppressed because it is too large
+ 7 - 0
css/bootstrap/bootstrap.min.css


File diff suppressed because it is too large
+ 1 - 0
css/datepicker/datepicker.min.css


File diff suppressed because it is too large
+ 4 - 0
css/font-awesome/font-awesome.min.css


BIN
css/font-awesome/fonts/FontAwesome.otf
Ver Ficheiro


BIN
css/font-awesome/fonts/fontawesome-webfont.eot
Ver Ficheiro


File diff suppressed because it is too large
+ 2671 - 0
css/font-awesome/fonts/fontawesome-webfont.svg


BIN
css/font-awesome/fonts/fontawesome-webfont.ttf
Ver Ficheiro


BIN
css/font-awesome/fonts/fontawesome-webfont.woff
Ver Ficheiro


BIN
css/font-awesome/fonts/fontawesome-webfont.woff2
Ver Ficheiro


+ 23 - 0
css/main.css
Ver Ficheiro 

@@ -0,0 +1,23 @@
 
+/*bootstrap 初始化*/
 
+.bg-dark{
 
+  background-color:#192948!important;
 
+}
 
+.pb-6,.py-6{
 
+ padding-bottom: 4.5rem !important;
 
+}
 
+.pt-6,.py-6{
 
+ padding-top: 4.5rem !important;
 
+}
 
+/**/
 
+.login-body{
 
+  background: linear-gradient(#192948,#33425b)
 
+}
 
+.in-1{padding-left:5px!important}
 
+.in-2{padding-left:21px!important}
 
+.in-3{padding-left:42px!important}
 
+.in-4{padding-left:63px!important}
 
+.in-5{padding-left:84px!important}
 
+.in-6{padding-left:105px!important}
 
+.bg-gray {
 
+    background-color: #bbb !important;
 
+}

File diff suppressed because it is too large
+ 785 - 0
css/spreadjs/sheets/gc.spread.sheets.10.0.1.css


+ 855 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2013darkGray.10.0.1.css
Ver Ficheiro 

@@ -0,0 +1,855 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #b3b3b3;
 
+    background-image: -webkit-linear-gradient(top, #b3b3b3, #b3b3b3); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #b3b3b3, #b3b3b3); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #b3b3b3, #b3b3b3); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #b3b3b3, #b3b3b3); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #b3b3b3, #b3b3b3); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #dedede;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #bdbdbd;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: black;
 
+    background-color: #dedede;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: black;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #bdbdbd;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #dedede;
 
+    border-top: 1px solid #999999;
 
+    height: 18px;
 
+    padding: 4px 0px 5px 0px;
 
+    margin: 0;
 
+}
 
+.gc-vertical-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #dedede;
 
+    border-left: 1px solid #999999;
 
+    width: 18px;
 
+    padding: 0px 5px 0px 4px;
 
+    margin: 0;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #dedede;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: #dedede;
 
+    color: #999999;
 
+}
 
+.gc-group-box {
 
+    background-color: #dedede;
 
+    color: #464646;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #525252;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #dedede, #dedede); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #dedede, #dedede); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #dedede, #dedede); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #dedede, #dedede); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #dedede, #dedede); /* Standard syntax; must be last */
 
+    background-color: #dedede;
 
+    border-color: #999999;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #525252;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #9e9e9e;
 
+}
 
+.gc-tab-normal {
 
+    color: #262626;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 3px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    border-radius:3px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left: 13px;
 
+    margin-bottom: 5px;
 
+    float: left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom: 5px;
 
+    float: left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #bababa;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #e1e1e1;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 857 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2013lightGray.10.0.1.css
Ver Ficheiro 

@@ -0,0 +1,857 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #c6c6c6;
 
+    background-image: -webkit-linear-gradient(top, #c6c6c6, #c6c6c6); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #c6c6c6, #c6c6c6); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #c6c6c6, #c6c6c6); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #c6c6c6, #c6c6c6); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #c6c6c6, #c6c6c6); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #262626;
 
+    background-image: none;
 
+    background-color: #f1f1f1;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #262626;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d4d4d4;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #262626;
 
+    background-color: #f1f1f1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #262626;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #d4d4d4;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #f1f1f1;
 
+    border-top: 1px solid #ababab;
 
+    height: 18px;
 
+    padding: 4px 0px 5px 0px;
 
+    margin: 0;
 
+}
 
+.gc-vertical-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #f1f1f1;
 
+    border-left: 1px solid #ababab;
 
+    width: 18px;
 
+    padding: 0px 5px 0px 4px;
 
+    margin: 0;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color:#f1f1f1;
 
+    color: #ababab;
 
+}
 
+.gc-group-box {
 
+    background-color:#f1f1f1;
 
+    color: #606060;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #5e5e5e;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f1f1f1, #f1f1f1); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f1f1f1, #f1f1f1); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f1f1f1, #f1f1f1); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f1f1f1, #f1f1f1); /* Standard syntax; must be last */
 
+    background-color: #f1f1f1;
 
+    border-color: #ababab;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #005a2b;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #ababab;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #d9d9d9;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #e1e1e1;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 850 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2013white.10.0.1.css
Ver Ficheiro 

@@ -0,0 +1,850 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: white;
 
+}
 
+.gc-corner-hover {
 
+    background-color: white;
 
+}
 
+.gc-corner-selected {
 
+    background-color: white;
 
+}
 
+.gc-corner-normal {
 
+    background-color: white;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #dfdfdf;
 
+    background-image: -webkit-linear-gradient(top, #dfdfdf, #dfdfdf); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #dfdfdf, #dfdfdf); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #dfdfdf, #dfdfdf); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #e1e1e1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #444444;
 
+    background-color: white;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #444444;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #e1e1e1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    background-color: #f6f6f6;
 
+    border-top-color: #ababab;
 
+}
 
+.gc-vertical-scrollbar {
 
+    background-color: #f6f6f6;
 
+    border-left-color: #ababab;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #f6f6f6;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: white;
 
+    color: #ababab;
 
+}
 
+.gc-group-box {
 
+    background-color: white;
 
+    color: #666666;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #777777;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f6f6f6, #f6f6f6); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f6f6f6, #f6f6f6); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f6f6f6, #f6f6f6); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f6f6f6, #f6f6f6); /* Standard syntax; must be last */
 
+    background-color: #f6f6f6;
 
+    border-color: #ababab;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #b3b3b3;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #c6c6c6;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #eaeaea;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background: #f0f0f0;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #f0f0f0;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 857 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2016colorful.10.0.1.css
Ver Ficheiro 

@@ -0,0 +1,857 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2016;
 
+}
 
+.gc-grayArea {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #b4b4b4;
 
+    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #b4b4b4, #b4b4b4); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #b4b4b4, #b4b4b4); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #b4b4b4, #b4b4b4); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #b4b4b4, #b4b4b4); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d6d6d6 !important;
 
+    border-right-color: #9b9b9b !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d6d6d6 !important;
 
+    border-right-color: #9b9b9b !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d6d6d6 !important;
 
+    border-right-color: #9b9b9b !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #e6e6e6;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d2d2d2;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: black;
 
+    background-color: #e6e6e6;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: black;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #d2d2d2;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #e6e6e6;
 
+    border-top: 1px solid #999999;
 
+    height: 18px;
 
+    padding: 4px 0px 5px 0px;
 
+    margin: 0;
 
+}
 
+.gc-vertical-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #e6e6e6;
 
+    border-left: 1px solid #999999;
 
+    width: 18px;
 
+    padding: 0px 5px 0px 4px;
 
+    margin: 0;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: #e6e6e6;
 
+    color: #999999;
 
+}
 
+.gc-group-box {
 
+    background-color: #e4e4e4;
 
+    color: #646464;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #777777;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #e6e6e6, #e6e6e6); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #e6e6e6, #e6e6e6); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #e6e6e6, #e6e6e6); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #e6e6e6, #e6e6e6); /* Standard syntax; must be last */
 
+    background-color: #e6e6e6;
 
+    border-color: #999999;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #b3b3b3;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #c6c6c6;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#ffffff;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #c6c6c6;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    border-radius:3px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #c5c5c5;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;    
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;    
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #dbdbdb;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background: #f0f0f0;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #f0f0f0;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 850 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2016darkGray.10.0.1.css
Ver Ficheiro 

@@ -0,0 +1,850 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2016;
 
+}
 
+.gc-grayArea {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #f0f0f0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #f0f0f0); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #f0f0f0); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #f0f0f0); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #f0f0f0); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #999999 !important;
 
+    border-right-color: #d3d3d3 !important;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #ffffff;
 
+    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ffffff, #ffffff); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ffffff, #ffffff); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ffffff, #ffffff); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ffffff, #ffffff); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #999999 !important;
 
+    border-right-color: #d3d3d3 !important;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #999999 !important;
 
+    border-right-color: #d3d3d3 !important;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #6a6a6a;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #0a6332;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #217346;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #262626;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #ffffff;
 
+    background-color: #6a6a6a;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #ffffff;
 
+    background-color: #0a6332;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #ffffff;
 
+    background-color: #217346;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #ffffff;
 
+    background-color: #262626;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    background-color: #6a6a6a;
 
+    border-top-color: #999999;
 
+}
 
+.gc-vertical-scrollbar {
 
+    background-color: #6a6a6a;
 
+    border-left-color: #999999;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: #6a6a6a;
 
+    color: #999999;
 
+}
 
+.gc-group-box {
 
+    background-color: #e4e4e4;
 
+    color: #646464;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #f0f0f0;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #86bfa0;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #6a6a6a, #6a6a6a); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #6a6a6a, #6a6a6a); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #6a6a6a, #6a6a6a); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #6a6a6a, #6a6a6a); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #6a6a6a, #6a6a6a); /* Standard syntax; must be last */
 
+    background-color: #6a6a6a;
 
+    border-color: #999999;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #f0f0f0;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #f0f0f0;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #86bfa0;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #86bfa0;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #f0f0f0;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #a3a3a3;
 
+}
 
+.gc-tab-normal {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#f0f0f0;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #acacac;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #969696;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: #f0f0f0;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: #f0f0f0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: #f0f0f0;
 
+    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #575757;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: #999999;
 
+    border-style:solid;
 
+    border-color: #3b3b3b;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#3b3b3b;
 
+    background: #999999;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#101010;
 
+    background: #b3b3b3;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#101010;
 
+    background: #b3b3b3;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#101010;
 
+    background: #c4c4c4;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 851 - 0
css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css
Ver Ficheiro 

@@ -0,0 +1,851 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: white;
 
+}
 
+.gc-corner-hover {
 
+    background-color: white;
 
+}
 
+.gc-corner-selected {
 
+    background-color: white;
 
+}
 
+.gc-corner-normal {
 
+    background-color: white;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #dfdfdf;
 
+    background-image: -webkit-linear-gradient(top, #dfdfdf, #dfdfdf); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #dfdfdf, #dfdfdf); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #dfdfdf, #dfdfdf); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #73a2e3;
 
+    background-image: -webkit-linear-gradient(top, #73a2e3, #73a2e3); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #73a2e3, #73a2e3); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #73a2e3, #73a2e3); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #73a2e3, #73a2e3); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #73a2e3, #73a2e3); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #000;
 
+    background-image: none;
 
+    background-color:#e9ecef;
 
+    border-style:solid;
 
+    border-left-color: #dee2e6 !important;
 
+    border-right-color: #dee2e6 !important;
 
+    border-bottom-color: #dee2e6 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: #dddfe1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #73a2e3 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #73a2e3;
 
+    background-image: none;
 
+    background-color: #dddfe1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #73a2e3;
 
+    background-image: none;
 
+    background-color: #dddfe1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #444444;
 
+    background-color: #e9ecef;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #dee2e6 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #73a2e3;
 
+    background-color: #dddfe1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #73a2e3 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #73a2e3;
 
+    background-color: #dddfe1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dee2e6 !important;
 
+    border-bottom-color: #dee2e6 !important;
 
+    border-right-color: #dee2e6 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #73a2e3;
 
+    background-color: #dddfe1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    background-color: #fff;
 
+    border-top-color: #fff
 
+}
 
+.gc-vertical-scrollbar {
 
+    background-color: #fff;
 
+    border-left-color: #fff
 
+}
 
+.gc-footer-corner {
 
+    background-color: #fff;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(204, 204, 204, 0.3);
 
+    border-color:#73a2e3
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #dee2e6;
 
+}
 
+.gc-group {
 
+    background-color: white;
 
+    color: #ababab;
 
+}
 
+.gc-group-box {
 
+    background-color: white;
 
+    color: #666666;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #777777;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ffffff, #ffffff); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ffffff, #ffffff); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ffffff, #ffffff); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ffffff, #ffffff); /* Standard syntax; must be last */
 
+    background-color: #ffffff;
 
+    border-color: #ababab;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #b3b3b3;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #c6c6c6;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;
 
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #efefef;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: #efefef;
 
+    border-style:solid;
 
+    border-color: #efefef;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+
 
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ccc;
 
+    background:  #ccc;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#999;
 
+    background: #999;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#ced4da;
 
+    background: #707070;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#ced4da;
 
+    background: #ced4da;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+.gc-scroll-bar:active{
 
+  border-color:#777777;
 
+  background: #777777;
 
+}
 
+/*-----scrollbar end-----*/

File diff suppressed because it is too large
+ 13 - 0
css/spreadjs/views/gc.spread.views.dataview.10.0.0.css


File diff suppressed because it is too large
+ 1 - 0
css/spreadjs/views/gc.spread.views.dataview.blue.10.0.0.css


File diff suppressed because it is too large
+ 1 - 0
css/spreadjs/views/gc.spread.views.dataview.bootstrap.10.0.0.css


File diff suppressed because it is too large
+ 1 - 0
css/spreadjs/views/gc.spread.views.dataview.flat.10.0.0.css


BIN
css/ztree/img/diy/1_close.png
Ver Ficheiro


BIN
css/ztree/img/diy/1_open.png
Ver Ficheiro


BIN
css/ztree/img/diy/2.png
Ver Ficheiro


BIN
css/ztree/img/diy/3.png
Ver Ficheiro


BIN
css/ztree/img/diy/4.png
Ver Ficheiro


BIN
css/ztree/img/diy/5.png
Ver Ficheiro


BIN
css/ztree/img/diy/6.png
Ver Ficheiro


BIN
css/ztree/img/diy/7.png
Ver Ficheiro


BIN
css/ztree/img/diy/8.png
Ver Ficheiro


BIN
css/ztree/img/diy/9.png
Ver Ficheiro


BIN
css/ztree/img/line_conn.gif
Ver Ficheiro


BIN
css/ztree/img/loading.gif
Ver Ficheiro


BIN
css/ztree/img/zTreeStandard.gif
Ver Ficheiro


BIN
css/ztree/img/zTreeStandard.png
Ver Ficheiro


+ 97 - 0
css/ztree/zTreeStyle.css
Ver Ficheiro 

@@ -0,0 +1,97 @@
 
+/*-------------------------------------
 
+zTree Style
 
+
 
+version:	3.5.19
 
+author:		Hunter.z
 
+email:		hunter.z@263.net
 
+website:	http://code.google.com/p/jquerytree/
 
+
 
+-------------------------------------*/
 
+
 
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
 
+.ztree {margin:0; padding:5px; color:#333}
 
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
 
+.ztree li ul{ margin:0; padding:0 0 0 18px}
 
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
 
+
 
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
 
+	text-decoration:none; vertical-align:top; display: inline-block}
 
+.ztree li a:hover {text-decoration:underline}
 
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
 
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
 
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
 
+	opacity:0.8; filter:alpha(opacity=80)}
 
+.ztree li a.tmpTargetNode_prev {}
 
+.ztree li a.tmpTargetNode_next {}
 
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
 
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
 
+.ztree li span {line-height:16px; margin-right:2px}
 
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
 
+	border:0 none; cursor: pointer;outline:none;
 
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
 
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
 
+
 
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
 
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
 
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
 
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
 
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
 
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
 
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
 
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
 
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
 
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
 
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
 
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
 
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
 
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
 
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
 
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
 
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
 
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
 
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
 
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
 
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
 
+
 
+.ztree li span.button.switch {width:18px; height:18px}
 
+.ztree li span.button.root_open{background-position:-92px -54px}
 
+.ztree li span.button.root_close{background-position:-74px -54px}
 
+.ztree li span.button.roots_open{background-position:-92px 0}
 
+.ztree li span.button.roots_close{background-position:-74px 0}
 
+.ztree li span.button.center_open{background-position:-92px -18px}
 
+.ztree li span.button.center_close{background-position:-74px -18px}
 
+.ztree li span.button.bottom_open{background-position:-92px -36px}
 
+.ztree li span.button.bottom_close{background-position:-74px -36px}
 
+.ztree li span.button.noline_open{background-position:-92px -72px}
 
+.ztree li span.button.noline_close{background-position:-74px -72px}
 
+.ztree li span.button.root_docu{ background:none;}
 
+.ztree li span.button.roots_docu{background-position:-56px 0}
 
+.ztree li span.button.center_docu{background-position:-56px -18px}
 
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
 
+.ztree li span.button.noline_docu{ background:none;}
 
+
 
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
 
+
 
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
 
+
 
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
 
+
 
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
 
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
 
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
 
+
 
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
 
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
 
+
 
+/* level style*/
 
+/*.ztree li span.button.level0 {
 
+	display:none;
 
+}
 
+.ztree li ul.level0 {
 
+	padding:0;
 
+	background:none;
 
+}*/

BIN
img/favicon.ico
Ver Ficheiro


BIN
img/loginlogo.png
Ver Ficheiro


BIN
img/logo.png
Ver Ficheiro


File diff suppressed because it is too large
+ 7 - 0
js/bootstrap/bootstrap.min.js


File diff suppressed because it is too large
+ 32 - 0
js/echarts/echarts.min.js


+ 0 - 0
js/global.js
Ver Ficheiro


File diff suppressed because it is too large
+ 4 - 0
js/jquery/jquery-3.2.1.min.js


File diff suppressed because it is too large
+ 5 - 0
js/popper/popper.min.js


File diff suppressed because it is too large
+ 1913 - 0
js/ztree/jquery.ztree.core.js


+ 628 - 0
js/ztree/jquery.ztree.excheck.js
Ver Ficheiro 

@@ -0,0 +1,628 @@
 
+/*
 
+ * JQuery zTree excheck v3.5.28
 
+ * http://treejs.cn/
 
+ *
 
+ * Copyright (c) 2010 Hunter.z
 
+ *
 
+ * Licensed same as jquery - MIT License
 
+ * http://www.opensource.org/licenses/mit-license.php
 
+ *
 
+ * email: hunter.z@263.net
 
+ * Date: 2017-01-20
 
+ */
 
+(function($){
 
+	//default consts of excheck
 
+	var _consts = {
 
+		event: {
 
+			CHECK: "ztree_check"
 
+		},
 
+		id: {
 
+			CHECK: "_check"
 
+		},
 
+		checkbox: {
 
+			STYLE: "checkbox",
 
+			DEFAULT: "chk",
 
+			DISABLED: "disable",
 
+			FALSE: "false",
 
+			TRUE: "true",
 
+			FULL: "full",
 
+			PART: "part",
 
+			FOCUS: "focus"
 
+		},
 
+		radio: {
 
+			STYLE: "radio",
 
+			TYPE_ALL: "all",
 
+			TYPE_LEVEL: "level"
 
+		}
 
+	},
 
+	//default setting of excheck
 
+	_setting = {
 
+		check: {
 
+			enable: false,
 
+			autoCheckTrigger: false,
 
+			chkStyle: _consts.checkbox.STYLE,
 
+			nocheckInherit: false,
 
+			chkDisabledInherit: false,
 
+			radioType: _consts.radio.TYPE_LEVEL,
 
+			chkboxType: {
 
+				"Y": "ps",
 
+				"N": "ps"
 
+			}
 
+		},
 
+		data: {
 
+			key: {
 
+				checked: "checked"
 
+			}
 
+		},
 
+		callback: {
 
+			beforeCheck:null,
 
+			onCheck:null
 
+		}
 
+	},
 
+	//default root of excheck
 
+	_initRoot = function (setting) {
 
+		var r = data.getRoot(setting);
 
+		r.radioCheckedList = [];
 
+	},
 
+	//default cache of excheck
 
+	_initCache = function(treeId) {},
 
+	//default bind event of excheck
 
+	_bindEvent = function(setting) {
 
+		var o = setting.treeObj,
 
+		c = consts.event;
 
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
 
+			event.srcEvent = srcEvent;
 
+			tools.apply(setting.callback.onCheck, [event, treeId, node]);
 
+		});
 
+	},
 
+	_unbindEvent = function(setting) {
 
+		var o = setting.treeObj,
 
+		c = consts.event;
 
+		o.unbind(c.CHECK);
 
+	},
 
+	//default event proxy of excheck
 
+	_eventProxy = function(e) {
 
+		var target = e.target,
 
+		setting = data.getSetting(e.data.treeId),
 
+		tId = "", node = null,
 
+		nodeEventType = "", treeEventType = "",
 
+		nodeEventCallback = null, treeEventCallback = null;
 
+
 
+		if (tools.eqs(e.type, "mouseover")) {
 
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
 
+				tId = tools.getNodeMainDom(target).id;
 
+				nodeEventType = "mouseoverCheck";
 
+			}
 
+		} else if (tools.eqs(e.type, "mouseout")) {
 
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
 
+				tId = tools.getNodeMainDom(target).id;
 
+				nodeEventType = "mouseoutCheck";
 
+			}
 
+		} else if (tools.eqs(e.type, "click")) {
 
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
 
+				tId = tools.getNodeMainDom(target).id;
 
+				nodeEventType = "checkNode";
 
+			}
 
+		}
 
+		if (tId.length>0) {
 
+			node = data.getNodeCache(setting, tId);
 
+			switch (nodeEventType) {
 
+				case "checkNode" :
 
+					nodeEventCallback = _handler.onCheckNode;
 
+					break;
 
+				case "mouseoverCheck" :
 
+					nodeEventCallback = _handler.onMouseoverCheck;
 
+					break;
 
+				case "mouseoutCheck" :
 
+					nodeEventCallback = _handler.onMouseoutCheck;
 
+					break;
 
+			}
 
+		}
 
+		var proxyResult = {
 
+			stop: nodeEventType === "checkNode",
 
+			node: node,
 
+			nodeEventType: nodeEventType,
 
+			nodeEventCallback: nodeEventCallback,
 
+			treeEventType: treeEventType,
 
+			treeEventCallback: treeEventCallback
 
+		};
 
+		return proxyResult
 
+	},
 
+	//default init node of excheck
 
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
 
+		if (!n) return;
 
+		var checkedKey = setting.data.key.checked;
 
+		if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
 
+		n[checkedKey] = !!n[checkedKey];
 
+		n.checkedOld = n[checkedKey];
 
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
 
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
 
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
 
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
 
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
 
+		n.halfCheck = !!n.halfCheck;
 
+		n.check_Child_State = -1;
 
+		n.check_Focus = false;
 
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
 
+
 
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
 
+			var r = data.getRoot(setting);
 
+			r.radioCheckedList.push(n);
 
+		}
 
+	},
 
+	//add dom for check
 
+	_beforeA = function(setting, node, html) {
 
+		var checkedKey = setting.data.key.checked;
 
+		if (setting.check.enable) {
 
+			data.makeChkFlag(setting, node);
 
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
 
+		}
 
+	},
 
+	//update zTreeObj, add method of check
 
+	_zTreeTools = function(setting, zTreeTools) {
 
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
 
+			var checkedKey = this.setting.data.key.checked;
 
+			if (node.chkDisabled === true) return;
 
+			if (checked !== true && checked !== false) {
 
+				checked = !node[checkedKey];
 
+			}
 
+			callbackFlag = !!callbackFlag;
 
+
 
+			if (node[checkedKey] === checked && !checkTypeFlag) {
 
+				return;
 
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
 
+				return;
 
+			}
 
+			if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) {
 
+				node[checkedKey] = checked;
 
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
 
+				if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
 
+				view.setChkClass(this.setting, checkObj, node);
 
+				view.repairParentChkClassWithSelf(this.setting, node);
 
+				if (callbackFlag) {
 
+					this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]);
 
+				}
 
+			}
 
+		}
 
+
 
+		zTreeTools.checkAllNodes = function(checked) {
 
+			view.repairAllChk(this.setting, !!checked);
 
+		}
 
+
 
+		zTreeTools.getCheckedNodes = function(checked) {
 
+			var childKey = this.setting.data.key.children;
 
+			checked = (checked !== false);
 
+			return data.getTreeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey], checked);
 
+		}
 
+
 
+		zTreeTools.getChangeCheckedNodes = function() {
 
+			var childKey = this.setting.data.key.children;
 
+			return data.getTreeChangeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey]);
 
+		}
 
+
 
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
 
+			disabled = !!disabled;
 
+			inheritParent = !!inheritParent;
 
+			inheritChildren = !!inheritChildren;
 
+			view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren);
 
+			view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent);
 
+		}
 
+
 
+		var _updateNode = zTreeTools.updateNode;
 
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
 
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
 
+			if (!node || !this.setting.check.enable) return;
 
+			var nObj = $$(node, this.setting);
 
+			if (nObj.get(0) && tools.uCanDo(this.setting)) {
 
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
 
+				if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
 
+				view.setChkClass(this.setting, checkObj, node);
 
+				view.repairParentChkClassWithSelf(this.setting, node);
 
+			}
 
+		}
 
+	},
 
+	//method of operate data
 
+	_data = {
 
+		getRadioCheckedList: function(setting) {
 
+			var checkedList = data.getRoot(setting).radioCheckedList;
 
+			for (var i=0, j=checkedList.length; i<j; i++) {
 
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
 
+					checkedList.splice(i, 1);
 
+					i--; j--;
 
+				}
 
+			}
 
+			return checkedList;
 
+		},
 
+		getCheckStatus: function(setting, node) {
 
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
 
+			var checkedKey = setting.data.key.checked,
 
+			r = {
 
+				checked: node[checkedKey],
 
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
 
+			};
 
+			return r;
 
+		},
 
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
 
+			if (!nodes) return [];
 
+			var childKey = setting.data.key.children,
 
+			checkedKey = setting.data.key.checked,
 
+			onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
 
+			results = !results ? [] : results;
 
+			for (var i = 0, l = nodes.length; i < l; i++) {
 
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
 
+					results.push(nodes[i]);
 
+					if(onlyOne) {
 
+						break;
 
+					}
 
+				}
 
+				data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
 
+				if(onlyOne && results.length > 0) {
 
+					break;
 
+				}
 
+			}
 
+			return results;
 
+		},
 
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
 
+			if (!nodes) return [];
 
+			var childKey = setting.data.key.children,
 
+			checkedKey = setting.data.key.checked;
 
+			results = !results ? [] : results;
 
+			for (var i = 0, l = nodes.length; i < l; i++) {
 
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
 
+					results.push(nodes[i]);
 
+				}
 
+				data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
 
+			}
 
+			return results;
 
+		},
 
+		makeChkFlag: function(setting, node) {
 
+			if (!node) return;
 
+			var childKey = setting.data.key.children,
 
+			checkedKey = setting.data.key.checked,
 
+			chkFlag = -1;
 
+			if (node[childKey]) {
 
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
 
+					var cNode = node[childKey][i];
 
+					var tmp = -1;
 
+					if (setting.check.chkStyle == consts.radio.STYLE) {
 
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
 
+							tmp = cNode.check_Child_State;
 
+						} else if (cNode.halfCheck === true) {
 
+							tmp = 2;
 
+						} else if (cNode[checkedKey]) {
 
+							tmp = 2;
 
+						} else {
 
+							tmp = cNode.check_Child_State > 0 ? 2:0;
 
+						}
 
+						if (tmp == 2) {
 
+							chkFlag = 2; break;
 
+						} else if (tmp == 0){
 
+							chkFlag = 0;
 
+						}
 
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
 
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
 
+							tmp = cNode.check_Child_State;
 
+						} else if (cNode.halfCheck === true) {
 
+							tmp = 1;
 
+						} else if (cNode[checkedKey] ) {
 
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
 
+						} else {
 
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
 
+						}
 
+						if (tmp === 1) {
 
+							chkFlag = 1; break;
 
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
 
+							chkFlag = 1; break;
 
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
 
+							chkFlag = 1; break;
 
+						} else if (tmp > -1) {
 
+							chkFlag = tmp;
 
+						}
 
+					}
 
+				}
 
+			}
 
+			node.check_Child_State = chkFlag;
 
+		}
 
+	},
 
+	//method of event proxy
 
+	_event = {
 
+
 
+	},
 
+	//method of event handler
 
+	_handler = {
 
+		onCheckNode: function (event, node) {
 
+			if (node.chkDisabled === true) return false;
 
+			var setting = data.getSetting(event.data.treeId),
 
+			checkedKey = setting.data.key.checked;
 
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
 
+			node[checkedKey] = !node[checkedKey];
 
+			view.checkNodeRelation(setting, node);
 
+			var checkObj = $$(node, consts.id.CHECK, setting);
 
+			view.setChkClass(setting, checkObj, node);
 
+			view.repairParentChkClassWithSelf(setting, node);
 
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
 
+			return true;
 
+		},
 
+		onMouseoverCheck: function(event, node) {
 
+			if (node.chkDisabled === true) return false;
 
+			var setting = data.getSetting(event.data.treeId),
 
+			checkObj = $$(node, consts.id.CHECK, setting);
 
+			node.check_Focus = true;
 
+			view.setChkClass(setting, checkObj, node);
 
+			return true;
 
+		},
 
+		onMouseoutCheck: function(event, node) {
 
+			if (node.chkDisabled === true) return false;
 
+			var setting = data.getSetting(event.data.treeId),
 
+			checkObj = $$(node, consts.id.CHECK, setting);
 
+			node.check_Focus = false;
 
+			view.setChkClass(setting, checkObj, node);
 
+			return true;
 
+		}
 
+	},
 
+	//method of tools for zTree
 
+	_tools = {
 
+
 
+	},
 
+	//method of operate ztree dom
 
+	_view = {
 
+		checkNodeRelation: function(setting, node) {
 
+			var pNode, i, l,
 
+			childKey = setting.data.key.children,
 
+			checkedKey = setting.data.key.checked,
 
+			r = consts.radio;
 
+			if (setting.check.chkStyle == r.STYLE) {
 
+				var checkedList = data.getRadioCheckedList(setting);
 
+				if (node[checkedKey]) {
 
+					if (setting.check.radioType == r.TYPE_ALL) {
 
+						for (i = checkedList.length-1; i >= 0; i--) {
 
+							pNode = checkedList[i];
 
+							if (pNode[checkedKey] && pNode != node) {
 
+								pNode[checkedKey] = false;
 
+								checkedList.splice(i, 1);
 
+
 
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
 
+								if (pNode.parentTId != node.parentTId) {
 
+									view.repairParentChkClassWithSelf(setting, pNode);
 
+								}
 
+							}
 
+						}
 
+						checkedList.push(node);
 
+					} else {
 
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
 
+						for (i = 0, l = parentNode[childKey].length; i < l; i++) {
 
+							pNode = parentNode[childKey][i];
 
+							if (pNode[checkedKey] && pNode != node) {
 
+								pNode[checkedKey] = false;
 
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
 
+							}
 
+						}
 
+					}
 
+				} else if (setting.check.radioType == r.TYPE_ALL) {
 
+					for (i = 0, l = checkedList.length; i < l; i++) {
 
+						if (node == checkedList[i]) {
 
+							checkedList.splice(i, 1);
 
+							break;
 
+						}
 
+					}
 
+				}
 
+
 
+			} else {
 
+				if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
 
+					view.setSonNodeCheckBox(setting, node, true);
 
+				}
 
+				if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
 
+					view.setSonNodeCheckBox(setting, node, false);
 
+				}
 
+				if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
 
+					view.setParentNodeCheckBox(setting, node, true);
 
+				}
 
+				if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
 
+					view.setParentNodeCheckBox(setting, node, false);
 
+				}
 
+			}
 
+		},
 
+		makeChkClass: function(setting, node) {
 
+			var checkedKey = setting.data.key.checked,
 
+			c = consts.checkbox, r = consts.radio,
 
+			fullStyle = "";
 
+			if (node.chkDisabled === true) {
 
+				fullStyle = c.DISABLED;
 
+			} else if (node.halfCheck) {
 
+				fullStyle = c.PART;
 
+			} else if (setting.check.chkStyle == r.STYLE) {
 
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
 
+			} else {
 
+				fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
 
+			}
 
+			var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
 
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
 
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
 
+		},
 
+		repairAllChk: function(setting, checked) {
 
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
 
+				var checkedKey = setting.data.key.checked,
 
+				childKey = setting.data.key.children,
 
+				root = data.getRoot(setting);
 
+				for (var i = 0, l = root[childKey].length; i<l ; i++) {
 
+					var node = root[childKey][i];
 
+					if (node.nocheck !== true && node.chkDisabled !== true) {
 
+						node[checkedKey] = checked;
 
+					}
 
+					view.setSonNodeCheckBox(setting, node, checked);
 
+				}
 
+			}
 
+		},
 
+		repairChkClass: function(setting, node) {
 
+			if (!node) return;
 
+			data.makeChkFlag(setting, node);
 
+			if (node.nocheck !== true) {
 
+				var checkObj = $$(node, consts.id.CHECK, setting);
 
+				view.setChkClass(setting, checkObj, node);
 
+			}
 
+		},
 
+		repairParentChkClass: function(setting, node) {
 
+			if (!node || !node.parentTId) return;
 
+			var pNode = node.getParentNode();
 
+			view.repairChkClass(setting, pNode);
 
+			view.repairParentChkClass(setting, pNode);
 
+		},
 
+		repairParentChkClassWithSelf: function(setting, node) {
 
+			if (!node) return;
 
+			var childKey = setting.data.key.children;
 
+			if (node[childKey] && node[childKey].length > 0) {
 
+				view.repairParentChkClass(setting, node[childKey][0]);
 
+			} else {
 
+				view.repairParentChkClass(setting, node);
 
+			}
 
+		},
 
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
 
+			if (!node) return;
 
+			var childKey = setting.data.key.children;
 
+			if (node.chkDisabled != chkDisabled) {
 
+				node.chkDisabled = chkDisabled;
 
+			}
 
+			view.repairChkClass(setting, node);
 
+			if (node[childKey] && inherit) {
 
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
 
+					var sNode = node[childKey][i];
 
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
 
+				}
 
+			}
 
+		},
 
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
 
+			if (!node) return;
 
+			if (node.chkDisabled != chkDisabled && inherit) {
 
+				node.chkDisabled = chkDisabled;
 
+			}
 
+			view.repairChkClass(setting, node);
 
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
 
+		},
 
+		setChkClass: function(setting, obj, node) {
 
+			if (!obj) return;
 
+			if (node.nocheck === true) {
 
+				obj.hide();
 
+			} else {
 
+				obj.show();
 
+			}
 
+            obj.attr('class', view.makeChkClass(setting, node));
 
+		},
 
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
 
+			var childKey = setting.data.key.children,
 
+			checkedKey = setting.data.key.checked,
 
+			checkObj = $$(node, consts.id.CHECK, setting);
 
+			if (!srcNode) srcNode = node;
 
+			data.makeChkFlag(setting, node);
 
+			if (node.nocheck !== true && node.chkDisabled !== true) {
 
+				node[checkedKey] = value;
 
+				view.setChkClass(setting, checkObj, node);
 
+				if (setting.check.autoCheckTrigger && node != srcNode) {
 
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
 
+				}
 
+			}
 
+			if (node.parentTId) {
 
+				var pSign = true;
 
+				if (!value) {
 
+					var pNodes = node.getParentNode()[childKey];
 
+					for (var i = 0, l = pNodes.length; i < l; i++) {
 
+						if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
 
+						|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
 
+							pSign = false;
 
+							break;
 
+						}
 
+					}
 
+				}
 
+				if (pSign) {
 
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
 
+				}
 
+			}
 
+		},
 
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
 
+			if (!node) return;
 
+			var childKey = setting.data.key.children,
 
+			checkedKey = setting.data.key.checked,
 
+			checkObj = $$(node, consts.id.CHECK, setting);
 
+			if (!srcNode) srcNode = node;
 
+
 
+			var hasDisable = false;
 
+			if (node[childKey]) {
 
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
 
+					var sNode = node[childKey][i];
 
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
 
+					if (sNode.chkDisabled === true) hasDisable = true;
 
+				}
 
+			}
 
+
 
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
 
+				if (hasDisable && node.nocheck !== true) {
 
+					data.makeChkFlag(setting, node);
 
+				}
 
+				if (node.nocheck !== true && node.chkDisabled !== true) {
 
+					node[checkedKey] = value;
 
+					if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
 
+				} else {
 
+					node.check_Child_State = -1;
 
+				}
 
+				view.setChkClass(setting, checkObj, node);
 
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
 
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
 
+				}
 
+			}
 
+
 
+		}
 
+	},
 
+
 
+	_z = {
 
+		tools: _tools,
 
+		view: _view,
 
+		event: _event,
 
+		data: _data
 
+	};
 
+	$.extend(true, $.fn.zTree.consts, _consts);
 
+	$.extend(true, $.fn.zTree._z, _z);
 
+
 
+	var zt = $.fn.zTree,
 
+	tools = zt._z.tools,
 
+	consts = zt.consts,
 
+	view = zt._z.view,
 
+	data = zt._z.data,
 
+	event = zt._z.event,
 
+	$$ = tools.$;
 
+
 
+	data.exSetting(_setting);
 
+	data.addInitBind(_bindEvent);
 
+	data.addInitUnBind(_unbindEvent);
 
+	data.addInitCache(_initCache);
 
+	data.addInitNode(_initNode);
 
+	data.addInitProxy(_eventProxy, true);
 
+	data.addInitRoot(_initRoot);
 
+	data.addBeforeA(_beforeA);
 
+	data.addZTreeTools(_zTreeTools);
 
+
 
+	var _createNodes = view.createNodes;
 
+	view.createNodes = function(setting, level, nodes, parentNode, index) {
 
+		if (_createNodes) _createNodes.apply(view, arguments);
 
+		if (!nodes) return;
 
+		view.repairParentChkClassWithSelf(setting, parentNode);
 
+	}
 
+	var _removeNode = view.removeNode;
 
+	view.removeNode = function(setting, node) {
 
+		var parentNode = node.getParentNode();
 
+		if (_removeNode) _removeNode.apply(view, arguments);
 
+		if (!node || !parentNode) return;
 
+		view.repairChkClass(setting, parentNode);
 
+		view.repairParentChkClass(setting, parentNode);
 
+	}
 
+
 
+	var _appendNodes = view.appendNodes;
 
+	view.appendNodes = function(setting, level, nodes, parentNode, index, initFlag, openFlag) {
 
+		var html = "";
 
+		if (_appendNodes) {
 
+			html = _appendNodes.apply(view, arguments);
 
+		}
 
+		if (parentNode) {
 
+			data.makeChkFlag(setting, parentNode);
 
+		}
 
+		return html;
 
+	}
 
+})(jQuery);

+ 85 - 0
login.html
Ver Ficheiro 

@@ -0,0 +1,85 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>用户登录-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="shortcut icon" href="img/favicon.ico">
 
+<style>
 
+html{height:100%;}
 
+</style>
 
+</head>
 
+<body class="login-body">
 
+    <div class="container">
 
+        <div class="row">
 
+            <div class="col-12 text-center">
 
+                <img src="img/loginlogo.png" class="my-3">
 
+            </div>
 
+            <div class="col-12">
 
+                <!--演示版-->
 
+                <form class="card m-3 mt-3">
 
+                    <div class="card-body">
 
+                    <h5 class="text-center mb-2 text-muted">广元市交通建设投资集团—国道212线宝轮至卫子段公路改建工程（元坝过境段）和广元市摆宴坝嘉陵江大桥工程项目</h5>
 
+                    <h4 class="text-center mb-4">账号登录</h4>
 
+                    <div class="form-group mb-3">
 
+                        <input id="inputEmail" class="form-control " placeholder="项目编号" disabled="" value="JH78Q">
 
+                    </div>
 
+                    <div class="form-group mb-3">
 
+                        <input id="inputEmail" class="form-control " placeholder="登录账号" required="" autofocus="">
 
+                    </div>
 
+                    <div class="form-group mb-3">
 
+                        <input id="inputPassword" class="form-control " placeholder="密码" required="" type="password">
 
+                    </div>
 
+                    <div class="form-group mb-3">
 
+                        <button class="btn btn-primary btn-block" href="todo.html">登录</button>
 
+                    </div>
 
+                    <div class="pt-1 d-flex justify-content-end">
 
+                        <!-- <a href="#fg-password" data-toggle="modal" data-target="#fg-password"  class="mr-3">忘记密码？</a> -->
 
+                    </div>
 
+                </div>
 
+                </form>
 
+                <!--项目版-->
 
+                <!--登录错误-->
 
+               <!--  <form class="form-signin">
 
+                    <h1 class="d-flex justify-content-center mb-4">计量支付</h1>
 
+                    <nav class="nav nav-tabs nav-justified mb-3">
 
+                      <a class="nav-item nav-link active" href="#">演示版登录</a>
 
+                      <a class="nav-item nav-link" href="#">项目版登录</a>
 
+                    </nav>
 
+                    <div class="form-group has-danger">
 
+                        <input class="form-control gform-control-danger" value="1212@qq.com" placeholder="通行账号 邮箱/手机" required="" autofocus="">
 
+                    </div>
 
+                    <div class="form-group has-danger">
 
+                        <input class="form-control gform-control-danger" value="12313" placeholder="输入密码" required="" type="password">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <div class="alert alert-danger" role="alert">
 
+                        <strong>登录失败</strong> 邮箱/手机 或 密码错误
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                        <button class="btn btn-primary btn-block">登录</button>
 
+                    </div>
 
+                    <div class="pt-1 d-flex justify-content-center">
 
+                        <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记通行账号密码？</a>
 
+                        <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
 
+                    </div>
 
+                </form> -->
 
+            </div>
 
+        </div>
 
+
 
+        <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2019 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
 
+    </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 101 - 0
todo.html
Ver Ficheiro 

@@ -0,0 +1,101 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>待审批-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="shortcut icon" href="img/favicon.ico">
 
+<style>
 
+</style>
 
+</head>
 
+<body>
 
+    <div class="container">
 
+        <!--顶部-->
 
+        <nav class="fixed-top bg-dark">
 
+            <div class="my-2 d-flex justify-content-between">
 
+                <span class="text-white ml-3">待审批</span>
 
+                <div class="mr-3">
 
+                    <div class="dropdown">
 
+                      <button class="btn btn-sm btn-light dropdown-toggle" type="button" data-toggle="dropdown">
 
+                        张三
 
+                      </button>
 
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                        <a class="dropdown-item" href="#">退出登录</a>
 
+                      </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </nav>
 
+        <!--待审批期列表-->
 
+        <div class="py-6">
 
+            <h3 class="text-center text-muted">暂无待审批期计量</h3>
 
+            <div class="card mb-3">
 
+                <div class="card-header">
 
+                    建设项目名称
 
+                </div>
 
+                <div class="bg-light p-2 px-3"><b>A1标段</b></div>
 
+                <div class="card-body">
 
+                    <div class="d-flex justify-content-between"><span>第1期</span><span>2017-10</span></div>
 
+                    <div class="my-2">
 
+                        <table class="table table-sm table-bordered">
 
+                            <tr><th>本期合同计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>本期数量变更计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>本期完成计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>截止上期完成计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>截止本期完成计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>本期应付</th><td class="text-right">34234234.00</td></tr>
 
+                        </table>
 
+                    </div>
 
+                    <div class="">
 
+                        <a href="" class="btn btn-block btn-success">审批</a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="card mb-3">
 
+                <div class="card-header">
 
+                    建设项目名称
 
+                </div>
 
+                <div class="bg-light p-2 px-3"><b>A2标段</b></div>
 
+                <div class="card-body">
 
+                    <div class="d-flex justify-content-between"><span>第1期</span><span>2017-10</span></div>
 
+                    <div class="my-2">
 
+                        <table class="table table-sm table-bordered">
 
+                            <tr><th>本期合同计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>本期数量变更计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>本期完成计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>截止上期完成计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>截止本期完成计量</th><td class="text-right">34234234.00</td></tr>
 
+                            <tr><th>本期应付</th><td class="text-right">34234234.00</td></tr>
 
+                        </table>
 
+                    </div>
 
+                    <div class="">
 
+                        <a href="" class="btn btn-block btn-success">审批</a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <!--底栏菜单-->
 
+        <nav class="fixed-bottom navbar-dark bg-light border-top">
 
+          <ul class="nav nav-fill my-2">
 
+              <li class="nav-item">
 
+                <a class="nav-link active" href="todo.html"><i class="fa fa-check-square-o"></i> 待审批</a>
 
+              </li>
 
+              <li class="nav-item">
 
+                <a class="nav-link text-muted" href="biaoduan.html"><i class="fa fa-list-ul"></i> 项目</a>
 
+              </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>