.griddle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    table-layout: fixed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.griddle-loader {
    background: #e6e6e6 url('../images/griddle/loader.gif') no-repeat center center;
    display: none;
    position: absolute;
    z-index: 2000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.griddle-container {
    background: #eee;
    position: relative;
}

.griddle-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 200px;
    clear: both;
}

.griddle-wrapper .griddle-wrapper {
    height: 100%;
    overflow: auto;
}

.griddle-div-thead {
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
}

.griddle-div-thead table {
    margin: 0;
    table-layout: fixed;
}

.griddle-div-thead table {
    box-shadow: -4px 1px 5px 0 #777;
    position: relative;
    z-index: 1;
}

.griddle-div-tbody {
    position: relative;
    overflow: auto;
    height: 200px;
    background: #fff;
}

.griddle-div-tbody table {
    margin-bottom: 0;
    table-layout: fixed;
}

.griddle-div-tbody thead {
    display: none;
}

.griddle-header {
}

.griddle-body {
}

.griddle-empty-header {
    border-width: 1px 0 1px 0 !important;
}

.griddle-column-header:hover {
    cursor: default;
}

.griddle-column-header {
    background: #f6f6f6;
    border: 1px solid #ddd;
    border-left: 0 #000;
    color: #000;
    line-height: 22px;
    padding-right: 17px;
    position: relative;
}

.griddle-column-header.sorted {
    background: #e6e6e6 url('../images/griddle/sort.png') right top no-repeat;
}

.griddle-column-header.sorted.desc {
    background-position: right -2px;
}

.griddle-column-header.sorted.asc {
    background-position: right -34px;
}

.griddle-column-header .ui-resizable-handle {
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    width: 7px;
}

.griddle-column-header .ui-resizable-handle:hover {
    background: #ccc;
    /*
    Permalink - use to edit and share this gradient:
    http://colorzilla.com/gradient-editor/#f6f6f6+0,bbbbbb+100&0+0,1+100
    */
    /* FF3.6-15 */
    background: -moz-linear-gradient(
            left,
            rgba(246, 246, 246, 0) 0%,
            rgba(187, 187, 187, 1) 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(
            left,
            rgba(246, 246, 246, 0) 0%,
            rgba(187, 187, 187, 1) 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(
            to right,
            rgba(246, 246, 246, 0) 0%,
            rgba(187, 187, 187, 1) 100%
    );
}

#griddle-multisort-fieldset {
    margin: 0;
}

.griddle-multisort-toolbar {
    margin: 2px 30px 2px 0;
    padding: 0 0 4px;
    text-align: right;
}

.griddle-multisort-toolbar a, .griddle-multisort-toolbar a:hover, .griddle-multisort-toolbar a:visited {
    text-decoration: none;
    color: initial;
}

.griddle-multisort-button {
    padding: 4px 4px 4px 6px;
    background-repeat: no-repeat;
    background-position: 3px center;
}

.griddle-multisort-button-text {
    margin: 0 0 0 20px;
}

.griddle-multisort-button:hover {
    box-shadow: 0 0 3px 0 #888;
    -moz-box-shadow: 0 0 3px 0 #888;
    -webkit-box-shadow: 0 0 3px 0 #888;
}

.griddle-multisort-button-disabled {
    opacity: .5;
}

.griddle-multisort-tablewrapper {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 100%;
}

.griddle-multisort-table, .griddle-multisort-table td, .griddle-multisort-table th {
    background-color: #fff;
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}

.griddle-multisort-row-over {
    box-shadow: 3px 1px 5px 0 #777;
    -moz-box-shadow: 3px 1px 5px 0 #777;
    -webkit-box-shadow: 3px 1px 5px 0 #777;
}

.griddle-multisort-row-selected td {
    background-color: #e6e6e6;
}

.griddle-multisort-column-sortby {
    width: 75px;
}

.griddle-multisort-column-sorttype {
    width: 100px;
}

.griddle-multisort-sortcolumn {
    max-width: 190px;
}

.griddle-column-header-spans {
    float: left;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.griddle-column-header .griddle-filter.filtered {
    background: url('../images/griddle/column-filter.png') right -38px no-repeat;
    height: 20px;
    width: 20px;
    position: static;
    float: left;
}

.griddle-preference-control {
    display: none;
    padding: 20px;
    position: fixed;
    background: #eee;
    border: solid 1px #DDD;
    border-top: 0;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    border-radius: 3px 3px 3px 3px;
    min-height: 450px;
    overflow: auto;
}

.griddle-preference-control-btn {
    height: 27px;
    width: 18px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    background: #EEE url('../images/griddle/gear.png') no-repeat center left;
    border: none;
    color: #000;
    line-height: 22px;
    margin: 0 6px;
}

.griddle-column-control-list {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #DDD;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 180px;
    overflow-y: auto;
}

.griddle-column-control-list li {
    padding: 5px 10px;
}

.griddle-column-control-list li.over {
    background-color: #e6e6e6;
}

.griddle-preference-control fieldset {
    padding: 10px;
}

.griddle-preference-cancel {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.griddle-row-odd td {
    background: #fff;
}

.griddle-row-even td {
    background: #e6e6e6;
}

.griddle-row-over td {
    color: #0073ea;
    position: relative;
    box-shadow: 3px 1px 5px 0 #777;
    -moz-box-shadow: 3px 1px 5px 0 #777;
    -webkit-box-shadow: 3px 1px 5px 0 #777;
}

.griddle-row-selected td {
    background: #98C1FF url('../images/griddle/hl.png') repeat-x top;
    border-color: #d0e0FF;
}

.griddle-row-active td {
    background-color: #FBF1A4;
    border-top: 1px dotted #FF9A07;
    border-bottom: 1px dotted #FF9A07;
}

.griddle-row-collapsed td span:not(.griddle-cell-select-checkbox) {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    width: 100%;
}

.griddle-row-collapseicon {
    display: block;
    position: absolute;
    height: 4px;
    width: 8px;
    cursor: pointer;
    opacity: .4;
    background: url('../images/griddle/uup.png') no-repeat;
}

.griddle-row-collapseicon:hover, div.griddle-row-collapseicon-hover {
    opacity: 1;
}

.griddle-row-collapseicon.collapsed {
    background-image: url('../images/griddle/ddn.png');
}

.griddle-cell {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
}

.griddle-column-header-select {
    width: 29px;
}

.griddle-column-header-select, .griddle-cell-select {
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

.griddle-empty-cell {
}

.griddle-column-header-select-checkbox,
.griddle-cell-select-checkbox,
.griddle-cell-select > span:not(.griddle-column-label),
.griddle-cell-select > span:not(.griddle-column-label)::after {
    height: 15px;
    width: 15px;
    /* line-height needs to be 16px for status columns to display correctly */
    line-height: 16px;
}

.griddle-cell-select > span:not(.griddle-column-label)::after {
    background-color: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.6);
    color: #000 !important;
    content: '';
    display: inline-block;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
}

.griddle-cell-select > span:not(.griddle-column-label)[data-checked="true"]::after {
    content: '\2713';
}

/*.griddle-cell-select > span:not(.griddle-column-label) { position: relative; visibility: hidden; }*/

.griddle-no-records-message {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 25px;
    height: 50px;
}

.griddle-toolbar {
    padding-right: 30px;
}

.griddle-toolbar, .griddle-filterbar {
    background: #eee;
}

.perspective-name {
    /* Hyphens seems to be the only way to get MSIE/Edge to break long names. */
    -ms-hyphens: auto;
    hyphens: auto;
    /* Long strings that aren't understood as words by other browsers will be forced to split lines. */
    word-wrap: break-word;
}

.selected-perspective {
    color: maroon;
    font-style: italic;
    font-weight: bold;
}

.selected-perspective-admin-default {
    color: forestgreen;
    font-style: italic;
    font-weight: bold;
}

.griddle-column-filter {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.griddle-filterbar {
    display: none;
    border-top: 1px solid #ccc;
    padding: 5px 5px 5px 75px;
    clear: both;
    position: relative;
    min-height: 60px;
}

.griddle-filterbar-controls {
    position: absolute;
    left: 0;
    bottom: 0;
}

.griddle-filterbar-control {
    border: solid 1px #ccc;
    padding: 4px;
    margin: 4px;
    text-align: center;
    background-color: #F5F5F5;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
}

.griddle-filterbar-none {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.griddle-filterbar-btn {
    background: url('../images/griddle/filter.png') no-repeat;
    border: solid 1px #eee;
    cursor: pointer;
    float: left;
    height: 21px;
    line-height: 23px;
    padding: 0 5px 0 20px;
    text-align: right;
}

.griddle-filterbar-btn.filtered {
    border: solid 1px #EEE;
    background: url('../images/griddle/filter.png') 0 -18px no-repeat;
    float: left;
    height: 22px;
    line-height: 23px;
    padding: 0 5px 0 20px;
    cursor: pointer;
}

.griddle-filterbar-btn.hover {
    border: solid 1px #ccc;
    background-color: #E6E6E6;
}

.griddle-filterbar-filter {
    background-color: #f5f5f5;
    border: solid 1px #8e9bb3;
    border-radius: 3px;
    clear: both;
    cursor: pointer;
    display: block;
    margin: 5px 0;
    padding: 5px 5px 5px 20px;
    position: relative;
}

.griddle-filterbar .griddle-filterbar-filter {
    cursor: auto;
    float: left;
    padding: 5px;
}

.griddle-filterbar-filter .griddle-filter-remove {
    background: url('../images/griddle/filter-remove.png') no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    position: absolute;
    right: -6px;
    top: -4px;
    width: 14px;
}

.griddle-filterbar-condition {
    background-color: #dbe0e7;
    border: 1px solid #8e9bb3;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    display: inline-block;
    margin: 10px;
    padding-top: 10px;
    position: relative;
}

.griddle-filterbar-condition-type {
    background-color: #f5f5f5;
    border: solid 1px #8e9bb3;
    border-radius: 3px;
    color: #aaa;
    cursor: pointer;
    margin: -20px auto auto;
    text-align: center;
    width: 50px;
}

.griddle-filterbar-condition-type b {
    color: black;
}

.griddle-filter-focus {
    background-color: #fbf1a4 !important;
    border: 1px dotted #ff9a07 !important;
}

.griddle-filter-edit {
    cursor: auto;
    opacity: .25;
}

.griddle-filter-edit .griddle-filter-remove {
    display: none;
}

.griddle-filter-query {
    display: block;
}

.griddle-buttons:not(.udtable-button) {
    cursor: default;
    float: right;
    padding: 2px;
}

.griddle-button {
    border-radius: 2px;
    color: black !important;
    display: inline-block;
    padding: 2px 4px 2px 25px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}

.griddle-button:hover {
    -moz-box-shadow: 0 0 3px 0 #888;
    -webkit-box-shadow: 0 0 3px 0 #888;
    box-shadow: 0 0 3px 0 #888;
}

.griddle-button.menu {
    padding: 3px;
}

.griddle-button.menu .griddle-button-text {
    margin: 1px;
}

.griddle-button-text .perspective-name {
    display: inline-block;
    max-width: 10rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.griddle-button-separator, .griddle-pager-groupseparator {
    cursor: default;
    display: inline-block;
    height: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    margin: 2px 0 -5px 0;
}

.griddle-button-disabled:hover {
    box-shadow: none;
    cursor: default;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.griddle-button .griddle-button-disabler {
    background-color: #efefef;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
}

.griddle-button-disabled .griddle-button-disabler {
    display: block;
}

.griddle-button.hide,
.griddle-button.hide + .griddle-button-separator {
    display: none;
}

.griddle-toggle {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-bottom: -8px;
    padding: 2px 2px 2px 0;
    background: rgba(0, 0, 0, 0.075);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.griddle-toggle-label {
    position: relative;
    float: left;
    margin-left: 2px;
    padding: 0 4px 0 24px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    opacity: 0.6;
}

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
.griddle-toggle-input {
    display: none;
}

.griddle-toggle-input:checked + .griddle-toggle-label {
    opacity: 1;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.griddle-toggle-selection {
    display: block;
    position: absolute;
    top: 2px;
    height: 20px;
    background: #EEE;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.griddle-buttons .downArrow {
    background: url('../images/griddle/ddn.png') no-repeat 2px center;
}

.griddle-buttons .add {
    background: url('../images/griddle/add.png') no-repeat 4px center;
}

.griddle-buttons .addExisting {
    background: url('../images/griddle/existing.png') no-repeat 4px center;
}

.griddle-buttons .delete {
    background: url('../images/griddle/close.png') no-repeat 4px center;
}

.griddle-buttons .stop {
    background: url('../images/griddle/stop.png') no-repeat 4px center;
}

.griddle-buttons .copy {
    background: url('../images/griddle/copy.png') no-repeat 4px center;
}

.griddle-buttons .edit {
    background: url('../images/griddle/pencil.png') no-repeat 4px center;
}

.griddle-buttons .print {
    background: url('../images/griddle/printer.png') no-repeat 4px center;
}

.griddle-buttons .attach {
    background: url('../images/griddle/application_get.png') no-repeat 4px center;
}

.griddle-buttons .download {
    background: url('../images/griddle/application_put.png') no-repeat 4px center;
}

.griddle-buttons .openFile {
    background: url('../images/griddle/application_go.png') no-repeat 4px center;
}

.griddle-buttons .appViewList {
    background: url('../images/griddle/application_view_list.png') no-repeat 4px center;
}

.griddle-buttons .appForm {
    background: url('../images/griddle/application_form.png') no-repeat 4px center;
}

.griddle-buttons .exclamation {
    background: url('../images/griddle/exclamation.png') no-repeat 4px center;
}

.griddle-buttons .copyPath {
    background: url('../images/griddle/computer_edit.png') no-repeat 4px center;
}

.griddle-buttons .editPairs {
    background: url('../images/griddle/table_edit.png') no-repeat 4px center;
}

.griddle-buttons .transferPairs, .griddle-buttons .swap {
    background: url('../images/griddle/arrow_switch.png') no-repeat 4px center;
}

.griddle-buttons .wrench {
    background: url('../images/griddle/wrench.png') no-repeat 4px center;
}

.griddle-buttons .addRange {
    background: url('../images/griddle/addrange.png') no-repeat 4px center;
}

.griddle-buttons .range {
    background: url('../images/griddle/range.png') no-repeat 4px center;
}

.griddle-buttons .deleteRange {
    background: url('../images/griddle/closerange.png') no-repeat 4px center;
}

.griddle-buttons .confirm {
    background: url('../images/griddle/tick.png') no-repeat 4px center;
}

.griddle-buttons .wizard {
    background: url('../images/griddle/wand.png') no-repeat 4px center;
}

.griddle-buttons .toggleStatus {
    background: url('../images/griddle/toggle_status.png') no-repeat 4px center;
}

.griddle-buttons .messageAdd {
    background: url('../images/griddle/email_add.png') no-repeat 4px center;
}

.griddle-buttons .messageOpen {
    background: url('../images/griddle/email_open.png') no-repeat 4px center;
}

.griddle-buttons .messageReply {
    background: url('../images/griddle/email_go.png') no-repeat 4px center;
}

.griddle-buttons .messageMarkUnread {
    background: url('../images/griddle/email_unread.png') no-repeat 4px center;
}

.griddle-buttons .map {
    background: url('../images/griddle/map.png') no-repeat 4px center;
}

.griddle-buttons .report {
    background: url('../images/griddle/report.png') no-repeat 4px center;
}

.griddle-buttons .reportGo {
    background: url('../images/griddle/report_go.png') no-repeat 4px center;
}

.griddle-buttons .reportDisk {
    background: url('../images/griddle/report_disk.png') no-repeat 4px center;
}

.griddle-buttons .pageStack {
    background: url('../images/griddle/page_white_stack.png') no-repeat 4px center;
}

.griddle-buttons .prefs {
    background: url('../images/griddle/prefs.png') no-repeat 4px center;
}

.griddle-buttons .help {
    background: url('../images/griddle/lifesaver.png') no-repeat 4px center;
}

.griddle-buttons .thisWeek {
    background: url('../images/griddle/calendar_view_week.png') no-repeat 4px center;
}

.griddle-buttons .previous {
    background: url('../images/griddle/arrow_left.png') no-repeat 4px center;
}

.griddle-buttons .next {
    background: url('../images/griddle/arrow_right.png') no-repeat 4px center;
}

.griddle-buttons .chart {
    background: url('../images/griddle/chart_line_edit.png') no-repeat 4px center;
}

.griddle-buttons .labor {
    background: url('../images/griddle/hard_hat.png') no-repeat 4px center;
}

.griddle-buttons .laborAdd {
    background: url('../images/griddle/labor_add.png') no-repeat 4px center;
}

.griddle-buttons .laborDelete {
    background: url('../images/griddle/labor_delete.png') no-repeat 4px center;
}

.griddle-buttons .autoSched {
    background: url('../images/griddle/user_go.png') no-repeat left center;
}

.griddle-buttons .toggle-general {
    background: url('../images/griddle/toggle_general.png') no-repeat 4px center;
}

.griddle-buttons .reverse {
    background: url('../images/griddle/reverse.png') no-repeat 4px center;
}

.griddle-buttons .errorFlag {
    background: url('../images/griddle/flag_red.png') no-repeat 4px center;
}

.griddle-buttons .addWidget {
    background: url('../images/griddle/shape_square_add.png') no-repeat 4px center;
}

.griddle-buttons .customWidget {
    background: url('../images/griddle/shape_square_upload.png') no-repeat 4px center;
}

.griddle-buttons .resetWidgets {
    background: url('../images/griddle/reverse.png') no-repeat 4px center;
}

.griddle-buttons .openArticle {
    background: url('../images/griddle/page_white_text.png') no-repeat 4px center;
}

.griddle-buttons .issueAlert {
    background: url('../images/griddle/error_go.png') no-repeat left center;
}

.griddle-buttons .addEvent {
    background: url('../images/griddle/error_add.png') no-repeat left center;
}

.griddle-buttons .ignoreEvent {
    background: url('../images/griddle/error_delete.png') no-repeat left center;
}

.griddle-buttons .repeat {
    background: url('../images/griddle/arrow_rotate_anticlockwise.png') no-repeat left center;
}

.griddle-buttons .emailBlock {
    background: url('../images/griddle/email_block.png') no-repeat 4px center;
}

.griddle-buttons .convert {
    background: url('../images/griddle/convert.png') no-repeat 4px center;
}

.griddle-buttons .approve {
    background: url('../images/griddle/thumb_up.png') no-repeat 4px center;
}

.griddle-buttons .deny {
    background: url('../images/griddle/thumb_down.png') no-repeat 4px center;
}

.griddle-buttons .approvalStatus {
    background: url('../images/griddle/approval_status.png') no-repeat 4px center;
}

.griddle-buttons .associate {
    background: url('../images/griddle/associate.png') no-repeat 4px center;
}

.griddle-buttons .disassociate {
    background: url('../images/griddle/disassociate.png') no-repeat 4px center;
}

.griddle-buttons .restrict, .griddle-buttons .cancel {
    background: url('../images/griddle/cancel.png') no-repeat 4px center;
}

.griddle-buttons .grid360 {
    background: url('../images/griddle/360.png') no-repeat 4px center;
}

.griddle-buttons .reassign {
    background: url('../images/griddle/reassign.png') no-repeat 4px center;
}

.griddle-buttons .show {
    background: url('../images/griddle/show.png') no-repeat 4px center;
}

.griddle-buttons .showAll {
    background: url('../images/griddle/show_all.png') no-repeat 4px center;
}

.griddle-buttons .magnifier {
    background: url('../images/griddle/magnifier.png') no-repeat 4px center;
}

.griddle-buttons .group {
    background: url('../images/griddle/group.png') no-repeat 4px center;
}

.griddle-buttons .tableGo {
    background: url('../images/griddle/table_go.png') no-repeat 4px center;
}

.griddle-buttons .tableLink {
    background: url('../images/griddle/table_link.png') no-repeat 4px center;
}

.griddle-buttons .showSelected {
    background: url('../images/griddle/show.png') no-repeat 4px center;
}

.griddle-buttons .order {
    background: url('../images/griddle/basket_put.png') no-repeat 4px center;
}

.griddle-buttons .receiveItem {
    background: url('../images/griddle/package_go.png') no-repeat 4px center;
}

.griddle-buttons .cancelItem {
    background: url('../images/griddle/package_delete.png') no-repeat 4px center;
}

.griddle-buttons .dollar {
    background: url('../images/griddle/money_dollar.png') no-repeat 4px center;
}

.griddle-buttons .setDefault {
    background: url('../images/griddle/tag_blue_add.png') no-repeat left center;
}

.griddle-buttons .unsetDefault {
    background: url('../images/griddle/tag_blue_delete.png') no-repeat left center;
}

.griddle-buttons .calendarAdd {
    background: url('../images/griddle/calendar_add.png') no-repeat 4px center;
}

.griddle-buttons .perspective {
    background: url('../images/griddle/table_multiple.png') no-repeat 4px center;
}

.griddle-buttons .row-delete {
    background: url('../images/griddle/table_row_delete.png') no-repeat 4px center;
}

.griddle-buttons .userEmulate {
    background: url('../images/griddle/user_go.png') no-repeat 4px center;
}

.griddle-buttons .paintcan {
    background: url('../images/griddle/paintcan.png') no-repeat 4px center;
}

.griddle-buttons .camera {
    background: url('../images/griddle/camera.png') no-repeat left center;
}

.griddle-buttons .addBookmark {
    background: url('../images/griddle/bookmark_custom.png') no-repeat 4px center;
}

.griddle-buttons .information {
    background: url('../images/griddle/information.png') no-repeat 4px center;
}

.griddle-buttons .pageRefresh {
    background: url('../images/griddle/page_refresh.png') no-repeat left center;
}

.griddle-buttons .tableLightning {
    background: url('../images/griddle/table_lightning.png') no-repeat left center;
}

.griddle-buttons .hourglass {
    background: url('../images/griddle/hourglass.png') no-repeat left center;
}

.griddle-buttons .hiddenEye {
    background: url('../images/griddle/hidden_eye.png') no-repeat 4px center;
}

.griddle-buttons .repair {
    background: url('../images/griddle/repair.png') no-repeat 4px center;
}

.griddle-buttons .replace {
    background: url('../images/griddle/replace.png') no-repeat 4px center;
}

.griddle-buttons .return {
    background: url('../images/griddle/return.png') no-repeat 4px center;
}

.griddle-buttons .bulldozer {
    background: url('../images/griddle/dozer.png') no-repeat 4px center;
}

.griddle-buttons .moneyDelete {
    background: url('../images/griddle/money_delete.png') no-repeat 4px center;
}

.griddle-buttons .barcode {
    background: url('../images/griddle/barcode.png') no-repeat 4px center;
}

#vakata-contextmenu li {
    cursor: pointer;
}

#vakata-contextmenu.griddle-menu,
#vakata-contextmenu.griddle-menu li ul {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
}

#vakata-contextmenu.griddle-menu li {
}

#vakata-contextmenu.griddle-menu ins {
    display: none;
}

#vakata-contextmenu.griddle-menu.perspective-list a {
    max-width: 15rem;
}

#vakata-contextmenu.griddle-menu a:not(.ui-slider-handle) {
    color: black;
    display: block;
}

#vakata-contextmenu.griddle-menu a:focus:not(.ui-slider-handle) {
    border: none;
}

#vakata-contextmenu li.contextLabel {
    font-weight: bold;
    background: #e6e6e6;
}

.contextDownArrow {
    padding-right: 14px;
}

.contextDownArrow::after {
    content: " ";
    background: url('../images/griddle/ddn.png') no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
}

#vakata-contextmenu.griddle-menu a:hover:not(.ui-slider-handle), #vakata-contextmenu.griddle-menu .vakata-hover > a:not(.ui-slider-handle) {
    background: transparent;
    color: black;
}

#vakata-contextmenu.griddle-menu .vakata-hover:not(.griddle-vakata-nohover) {
    background: #e6e6e6;
    color: black;
}

#vakata-contextmenu.griddle-menu .griddle-vakata-nohover a:not(.ui-slider-handle) {
    cursor: auto;
}

#vakata-contextmenu.griddle-menu li.jstree-contextmenu-disabled a:not(.ui-slider-handle),
#vakata-contextmenu.griddle-menu li.jstree-contextmenu-disabled a:hover:not(.ui-slider-handle) {
    color: silver;
    background: transparent;
    border: 0;
    padding: 1px 4px;
}

#vakata-contextmenu.griddle-menu li.vakata-separator {
    background: white;
    border-top: 1px solid #e0e0e0;
    margin: 0;
}

#vakata-contextmenu.griddle-menu li ul {
    margin-left: -4px;
}

#vakata-contextmenu-buttons {
    margin: 0;
    padding: 0;
}

#vakata-contextmenu-buttons span {
    float: left;
    clear: left;
    display: block;
    margin-left: 18px;
    margin-top: 4px
}

#vakata-contextmenu-buttons div {
    display: inline-block;
    float: left;
}

#vakata-contextmenu-buttons img {
    padding: 6px;
    border: none;
    display: block;
}

#vakata-contextmenu-buttons img:hover {
    background: #e6e6e6;
}

.griddle-search {
    float: left;
    padding: 3px 0 0 3px;
    font-size: 12px;
}

.griddle-search-field {
    float: left;
    position: relative;
    margin-right: 5px;
}

.griddle-search-label {
    display: none
}

.griddle-search-input::-ms-clear {
    display: none;
}

.griddle-search-clear {
    position: absolute;
    top: 3px;
    right: 5px;
}

.griddle-search-advbtn {
    margin: 1px 0 0 4px;
    padding: 2px 4px 2px 4px;
    float: right;
    cursor: pointer;
}

.griddle-pagerbar {
    background: #eee;
    border-top: 1px solid #ccc;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.griddle-pager {
    float: left;
}

.griddle-pager-group {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.griddle-pager-group-page[readonly="readonly"], .griddle-pager-group-page[readonly] {
    background-color: #eee;
}

.griddle-pager select.perPager {
    width: 50px;
}

/*.griddle-pager-groupseparator { float:left; }*/
.griddle-pager-button {
    display: inline-block;
    margin: -5px 0;
    width: 22px;
    height: 22px;
    border: 0;
    cursor: pointer;
    overflow: hidden;
}

.griddle-pager-button:hover, .griddle-pager-button.griddle-pager-buttonOver {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.griddle-pager-button-count {
    background: url('../images/griddle/table_sum.png') no-repeat center;
}

.griddle-pager-button-first {
    background: url('../images/griddle/first.gif') no-repeat center;
}

.griddle-pager-button-prev {
    background: url('../images/griddle/prev.gif') no-repeat center;
}

.griddle-pager-button-next {
    background: url('../images/griddle/next.gif') no-repeat center;
}

.griddle-pager-button-last {
    background: url('../images/griddle/last.gif') no-repeat center;
}

.griddle-pager-button-reload {
    background: url('../images/griddle/load.png') no-repeat center;
}

.griddle-pager-button-reload.loading {
    background: url('../images/griddle/load.gif') no-repeat center;
}

.griddle-pager-button-permissions {
    background: url('../images/griddle/lock.png') no-repeat center;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: -5px -10px -5px 5px;
    overflow: hidden;
    width: 22px;
}

.griddle-pager-button-queryBuilder {
    background: url('../images/griddle/wrench.png') no-repeat center;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: -5px -10px -5px 5px;
    overflow: hidden;
    width: 22px;
}

.griddle-pager-group span {
    display: inline-block;
}

.griddle-track-selected {
    display: none;
}

.griddle th.griddle-column-header-expander div.closed,
.griddle th.griddle-column-header-expander a.closed,
.griddle-div-thead th.griddle-column-header-expander a.closed {
    background: url('../images/griddle/open_all.png') center center no-repeat;
}

.griddle th.griddle-column-header-expander div.open,
.griddle th.griddle-column-header-expander a.open,
.griddle-div-thead th.griddle-column-header-expander a.open {
    background: url('../images/griddle/close_all.png') center center no-repeat;
}

.griddle td.griddle-cell-expander,
.griddle th.griddle-column-header-expander,
.griddle-div-thead th.griddle-column-header-expander {
    cursor: pointer;
    padding: 0;
    width: 30px;
}

.griddle td.griddle-cell-expander a,
.griddle th.griddle-column-header-expander a,
.griddle-div-thead th.griddle-column-header-expander a {
    display: block;
    width: 30px;
    height: 20px;
}

.griddle-div-thead th.griddle-column-header-expander a {
    float: left;
    margin-left: 1px;
}

.griddle td.griddle-cell-expander div.closed,
.griddle td.griddle-cell-expander a.closed {
    background: url('../images/griddle/open_row.png') center center no-repeat;
}

.griddle td.griddle-cell-expander div.open,
.griddle td.griddle-cell-expander a.open {
    background: url('../images/griddle/close_row.png') center center no-repeat;
}

.griddle .griddle-row-subpartial, .griddle .griddle-row-subgrid {
    display: none;
}

.griddle-subgrid-content {
    padding: 0;
}

.griddle-subgrid-content .griddle-container {
    border: none;
}

.griddle .griddle-row-subpartial td:last-child,
.griddle .griddle-row-subgrid td:last-child {
    border: 1px solid #ddd;
    border-top-width: 0;
    overflow: hidden;
    background-color: #FFF;
}

.subpartial-loader {
    margin: 15px;
}

.griddle-filter-pinner {
    position: absolute;
    bottom: 5px;
    left: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('../images/griddle/pin_unpinned.png') no-repeat center center transparent;
}

.griddle-filter-pinner.pinned {
    background-image: url('../images/griddle/pin_pinned.png');
}

.griddle-column-filter-unfocused-cover {
    opacity: .40;
    filter: alpha(opacity=40);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #CCC;
    width: 100%;
    height: 100%;
}

.griddle-cell-filter {
    /* General cell-filter styles */
}

.griddle-cell-filter.filter-status {
    /* Common STATUS filter styles */
    background-color: #FFF;
    border: 1px solid #000;
    font-weight: bold;
    padding: 1px 5px;
}

.griddle-cell-filter.filter-status.status-green {
    border-color: #499d47;
    color: #499d47;
}

.griddle-cell-filter.filter-status.status-yellow {
    border-color: #c99900;
    color: #c99900;
}

.griddle-cell-filter.filter-status.status-red {
    border-color: #C93232;
    color: #C93232;
}

.griddle-cell-filter.filter-status.status-active {
    border-color: #499d47;
    color: #499d47;
}

.griddle-cell-filter.filter-status.status-inactive {
    border-color: #C93232;
    color: #C93232;
}

.griddle-cell-filter.filter-status.status-darkblue {
    border-color: #00008B;
    color: #00008B;
}

.griddle-cell-filter.filter-status.status-dimgrey {
    border-color: #696969;
    color: #696969;
}

.griddle-cell-image {
    background: no-repeat center center;
    width: 100%;
    height: 16px;
}

.griddle-cell-image span {
    display: none;
}

.griddle-cell-image.unknown {
    background-image: url('../images/griddle/error.png');
}

.griddle-cell-image.phone {
    background-image: url('../images/griddle/phone.png');
}

.griddle-cell-image.book {
    background-image: url('../images/griddle/book.png');
}

.griddle-row-filter {
    /* General row-filter styles */
}

.fullpath-parent {
    color: grey;
    font-style: italic;
}