.form-error-state {
    font-size: 11px;
    padding-left: 20px;
    height: 16px;
    line-height: 18px;
    background: no-repeat 0 0;
    cursor: default;
}

.form-error-state-invalid {
    color: #C30;
    background-image: url(../images/form/exclamation.gif);
}

.form-error-state-valid {
    color: #090;
    background-image: url(../images/dd/drop-yes.gif);
}

/* Error details tooltip */
.errors-tip .error {
    font-style: italic;
}

.alert-tip {
    color: #c09853;
}

.success-tip {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.info-tip {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.danger-tip,
.error-tip {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

/*  Datalist view */
.dataview-item {
    cursor: pointer;
    padding: 4px 10px 4px 10px;
    border-bottom: 1px solid #ededed;

    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.dataview-item i {
    color: #999999;
}

.dataview-item-over {
    background-color: #ededed;
    border-bottom-color: #dddddd;
}

.dataview-item-selected {
    background: #e0e0e0 url(../images/arrow-right.gif) 100% 50% no-repeat;
    border-bottom-color: #cccccc;
}

.row-fraud-white .x-grid-cell-inner {
    background-color: white;
    font-weight: bold;
    color: black;
}

.row-fraud-green .x-grid-cell-inner {
    background-color: limegreen;
    font-weight: bold;
    color: black;
}

.row-fraud-yellow .x-grid-cell-inner {
    background-color: yellow;
    font-weight: bold;
    color: black;
}

.row-fraud-red .x-grid-cell-inner {
    background-color: red;
    font-weight: bold;
    color: black;
}

.row-fraud-dark-red .x-grid-cell-inner {
    background-color: darkred;
    font-weight: bold;
    color: white;
}

.row-fraud-dark-orange .x-grid-cell-inner {
    background-color: orange;
    font-weight: bold;
    color: black;
}

.row-order-state-content-green .x-grid-cell-inner {
    background-color: #90ee90;
}

.row-order-state-content-yellow .x-grid-cell-inner {
    background-color: #ffff00;
}

.row-order-state-content-blue .x-grid-cell-inner {
    background-color: #87cefa;
}

.row-order-state-content-lightgreen .x-grid-cell-inner {
    background-color: #a3fa87;
}

.row-order-state-content-red .x-grid-cell-inner {
    background-color: #ff4a39
}

.row-refund-state-content-blue .x-grid-cell-inner {
    background-color: #87cefa;
}

.row-refund-state-content-red .x-grid-cell-inner {
    background-color: #ff4a39
}

/* Billing styles */
.reject-row .x-grid-cell {
    background-color: rgba(255, 147, 137, 0.43);
    color: #000000;
}

.reject-cell .x-grid-cell-inner {
    background-color: red;
    color: #000000;
}

table.bold-red-font tbody tr td div {
    font-weight: bold;
    color: #ff0000;
}

.report-not-compiled .x-grid-cell-inner {
    color: dodgerblue;
}

/*Hides 'select all' column in a grid*/
/* .x-column-header-checkbox {display:none;} */

.deleted-row .x-grid-cell {
    background-color: #ffe2e2;
    color: #8a0e1b;
}

.inactive-row .x-grid-cell {
    color: #888;
}

/* removed because it "disables" navigation arrows in paneltab tabbar. ECOM-7661
.x-box-inner > div {
       width: 100% !important;
     }

.x-box-inner {
         overflow: visible !important;
     }
*/
.x-form-itemselector-removeAll {
    background-image: url(../images/grid/dd-insert-arrow-left.gif) !important;
}

.x-form-itemselector-addAll {
    background-image: url(../images/grid/dd-insert-arrow-right.gif) !important;
}

.treenode-no-icon {
    display: none !important;
}

.x-grid-header-hidden .x-grid-body {
    border-top-color: #fbfbfb!important;
}

.browseBtnCls {
	padding: 0px ;
	background-color: transparent ; 
	border-color: transparent; 
	width: 0px
}

.x-scroller {
    overflow-y: auto;
}

.x-box-scroller-right {
    float: right;
    height: 100%;
    z-index: 5;
    width: 20px;
    position: absolute;
    left: calc(100% - 20px);
}
    
