/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default,.slick-headerrow.ui-state-default {
 width: 100%; overflow: hidden; border-left: 0px;
}

.slick-header-columns,.slick-headerrow-columns {
 position: relative; white-space: nowrap; cursor: default; overflow: hidden;
}

.slick-header-column.ui-state-default {
 position: relative; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;
 height: 16px; line-height: 16px; margin: 0; padding: 4px; border-right: 1px solid silver; border-left: 0px;
 border-top: 0px; border-bottom: 0px; float: left;
}

.slick-headerrow-column.ui-state-default {
 padding: 4px;
}

.slick-header-column-sorted {
 font-style: italic;
}

.slick-sort-indicator {
 display: inline-block; width: 8px; height: 5px; margin-left: 4px; margin-top: 6px; float: left;
}

.slick-sort-indicator-desc {
 background: url(images/sort-desc.gif);
}

.slick-sort-indicator-asc {
 background: url(images/sort-asc.gif);
}

.slick-resizable-handle {
 position: absolute; font-size: 0.1px; display: block; cursor: col-resize; width: 4px; right: 0px; top: 0; height: 100%;
}

.slick-sortable-placeholder {
 background: silver;
}

.grid-canvas {
 position: relative; outline: 0;
}

.slick-row.ui-widget-content,.slick-row.ui-state-active {
 position: absolute; border: 0px; width: 100%;
}

.slick-cell,.slick-headerrow-column {
 position: absolute; border: 1px solid transparent; border-right: 1px dotted silver; border-bottom-color: silver;
 overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; z-index: 1;
 padding: 1px 2px 2px 1px; margin: 0; white-space: nowrap; cursor: default;
}

.slick-group {
 
}

.slick-group-toggle {
 display: inline-block;
}

.slick-cell.highlighted {
 background: lightskyblue; background: rgba(0, 0, 255, 0.2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
 -o-transition: all 0.5s; transition: all 0.5s;
}

.slick-cell.flashing {
 border: 1px solid red !important;
}

.slick-cell.editable {
 z-index: 11; overflow: visible; background: white; border-color: black; border-style: solid;
}

.slick-cell:focus {
 outline: none;
}

.slick-reorder-proxy {
 display: inline-block; background: blue; opacity: 0.15; filter: alpha(opacity = 15); cursor: move;
}

.slick-reorder-guide {
 display: inline-block; height: 2px; background: blue; opacity: 0.7; filter: alpha(opacity = 70);
}

.slick-selection {
 z-index: 10; position: absolute; border: 2px dashed black;
}

/* ---- Zcode --- */
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
 background: #5f7185  none repeat scroll 0 0 !important; color: #f4f4f4 !important;
}

.slick-header-column.ui-state-default {
 border-color: #333; border-style: none solid none none; border-width: 0 1px 0 0; display: inline-block; float: left;
 height: 10px; line-height: 16px; margin: 0; overflow: hidden; padding: 8px; position: relative;
 text-overflow: ellipsis;
}

.slick-headerrow-column.ui-state-default {
/*  border: 0 none;  */
 padding: 4px;
}

.slick-headerrow-column input {
 border: 0 none;
}

.slick-headerrow-columns {
 height: 24px !important;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
 border: 0px !important;
}

.slick-cell, .slick-headerrow-column {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
/*     border-left: 1px solid #333 !important; */
/*     border-right-style: none; */
    border-top-style: none;
    cursor: default;
    margin: 0;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1;
}

.slick-row.odd {
 background: #f9f9f9 none repeat scroll 0 0;
}

.slick-cell:last-child {
/*  border-right: 1px solid #999 !important; */
}

.slick-row:hover {
 background: #0f4d72 none repeat scroll 0 0; border-color: #fff; color: #fff;
}

/* Temporary Fixes For Jq */
.ui-jqgrid .ui-jqgrid-htable th {
    background: #197fa3 none repeat scroll 0 0 !important;
    height: 0;
}
.ui-jqgrid-hdiv.ui-state-default.ui-corner-top {
    background: #197fa3 none repeat scroll 0 0 !important;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {

    padding: 10px;

}