﻿

body {
    margin: 0;
}

.excel-grid , .excel-grid BUTTON {
    font-family: 'Segoe UI';
    font-size: 8.25pt;
}

.slick-cell, .slick-headerrow-column {
    border-color: transparent #D4D4D4 #D4D4D4 transparent;
    border-style: solid solid solid solid;
    border-width: 0px 1px 1px 0px;
    padding: 1px 1px 0px 2px;
    background-color: White;
    font: 11pt Verdana, 'Segoe UI',Arial,Calibri,Sans-Serif;
}

.slick-header-columns {
    border-bottom: 1px solid #BBBBBB;
    font: 10pt Verdana,'Segoe UI',Arial,Calibri,Sans-Serif;
    color: #5E5E5E;
}

.selected-header {
    background-color: rgba(99,110,114,0.75);
    color: rgb(0,32,78);
    font-weight: bold;
    font-size: 92.5%;
}

.slick-column-name {
    text-transform: uppercase;
    margin-right: 14px;
    display: inline-block;
    text-align: center;
}

.header-overlay {
    background-color: rgb(33,87,138);
}

.cell-overlay, .selection-cell-overlay {
    background-color: rgb(155,178,206);
}

.ui-widget input.editor-text {
    font: 11pt Calibri, 'Segoe UI',Arial,Verdana,Sans-Serif;
    background: none;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    width: 100%;
}
.ui-widget select {
  font: 11pt Calibri, 'Segoe UI',Arial,Verdana,Sans-Serif;
  width: 100%;
  margin: 0;
  vertical-align: middle;
}

.handle-overlay {
    border: 1px solid white;
    padding: 2px;
    background-color: #217346;
    position: absolute;
    width: 1px;
    z-index: 1000;
    cursor: crosshair;
}

.overlay-handle-decorator {
    border: 3px rgb(145,212,0);
    z-index: 1000;
}
.slick-header .ui-state-default {
    background-color: #b2bec3;
    background-image: none;
}
.slick-header.ui-state-default {
    border-width:0px;
}
.slick-pane-top.slick-pane-left .slick-cell {
    background-color: #b2bec3;
    background-image: none;
}
.slick-pane-top.slick-pane-left .slick-headerrow-column {
    background-color: #b2bec3;
    background-image: none;
}
.slick-header .ui-state-default.selected-header {
    background-color: rgba(99, 110, 114, 0.75);
    background-image: none;
}
.slick-pane-top.slick-pane-left .slick-cell.selected-header {
    background-color: rgba(99, 110, 114, 0.75);
    background-image: none;
}