﻿.RowExpanderPlace
{
    margin:2px 5px 2px 5px;
    padding:2px 24px 2px 5px;
    border:1px solid #fcd186;
    background-color: #fbf8ab;
}

.RowExpanderPlace label
{
    font-weight:bold;
     margin-right:5px;
}

.x-grid-row-focused .x-grid-cell, .x-grid-row-selected.x-grid-row-focused .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-focused .x-grid-cell, .x-grid-rowbody .x-grid-row-selected.x-grid-row.x-grid-row-focused .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-focused .x-grid-cell, .x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-selected.x-grid-row-focused .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused .x-grid-cell {
    background-color: #a3bae9 !important;
    border-style: dotted;
    border: 0;
}
.x-grid-row.grid-row-disabled .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-focused.grid-row-disabled .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-focused.grid-row-disabled .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-selected.x-grid-row-focused.grid-row-disabled .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused.grid-row-disabled .x-grid-cell,
.x-grid-rowbody .x-grid-row.grid-row-disabled .x-grid-cell {
    background-color: lightgrey !important;
    color: darkred;
    font-style: italic;
}

.x-grid-row-focused.grid-row-disabled .x-grid-cell{
    background-color: grey !important;
    border-style:dotted;
    color: darkred;
    font-style: italic;
}

.x-grid-rowbody .x-grid-row.x-grid-row-selected.grid-row-disabled .x-grid-cell, 
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected.grid-row-disabled .x-grid-cell {
    background-color: lightgrey !important;
    color: darkred;
    font-style: italic;
}

.x-grid-rowbody .x-grid-row.x-grid-row-selected .x-grid-cell, 
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected .x-grid-cell {
    border-style: dotted;
    border-color: #a3bae9;
    background-color: #dfe8f6!important;
}

.x-grid-rowbody .x-grid-row .x-grid-cell, .x-grid-rowbody .x-grid-row.x-grid-row-alt .x-grid-cell{
    border-width: 1px 0;
    border-color: #ededed;
    border-style: solid;
    border-top-color: #fafafa;
}

.x-grid-rowbody .x-grid-row .x-grid-cell{
    background-color: white !important;
}

.x-grid-rowbody .x-grid-row.x-grid-row-alt .x-grid-cell{
    background-color: #fafafa !important;
}

div.ellipsis-grid{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
}

/*Styles for row bold (grid-row-bold)*/
.x-grid-row.grid-row-bold .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-focused.grid-row-bold .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-focused.grid-row-bold .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-selected.x-grid-row-focused.grid-row-bold .x-grid-cell,
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected.x-grid-row-focused.grid-row-bold .x-grid-cell,
.x-grid-rowbody .x-grid-row.grid-row-bold .x-grid-cell {
    font-weight:bold;
}

.x-grid-row-focused.grid-row-bold .x-grid-cell{
    border-style:dotted;
    font-weight:bold;
}

.x-grid-rowbody .x-grid-row.x-grid-row-selected.grid-row-bold .x-grid-cell, 
.x-grid-rowbody .x-grid-row.x-grid-row-alt.x-grid-row-selected.grid-row-bold .x-grid-cell {
    font-weight:bold;
}