﻿.downtime-time-trigger
{
padding: 8.5px;
}

.x-tree-icon-leaf /* Removes default icons from the tree leaf node */
{
    display: none !important;
}

.x-tree-icon-parent /* Removes default icons from the tree parent node */
{
    display: none !important;
}

.x-panel-body-default /* Affects the text appearing inside the body of the panel */
{
    color: black;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.x-panel-body-default-framed /* Affects the text appearing inside the body of the panel frame */
{
    color: #444444;
    font-family: tahoma,arial,verdana,sans-serif;
}

.x-btn-default-small .x-btn-inner /* Affects the text of a small button */
{
    color: black;
    font-family: tahoma,arial,verdana,sans-serif;
}

td.picklist-text-wrap div
{
    white-space: normal;
}

.x-btn-default-toolbar-small .x-btn-inner /* Affects the text of a button */
{
    color: black;
}

.x-form-item-label /* Affects the labels inside forms */
{
    font-size: 11px;
}

.x-form-item /* Affects text inside form controls */
{
    font-size: 11px;
}

.x-form-field, .x-form-display-field
{
    font-size: 11px;
    color: black;
}

input, textarea, select
{
    font-size: 11px;
    color: black;
}

.x-body
{
    font-size: 11px;
    color: black;
}

.x-border-box .x-form-text /* Affects height of form controls */
{
    height: 19px;
}

.x-border-box .x-form-trigger /* Affects height of trigger controls */
{
    height: 19px;
}

.x-form-trigger-custom /* Affects the interface of the trigger control */
{
    background-image: url('../../Images/form/trigger.png');
    border-bottom-color: transparent;
}

.windowLabel /*To apply to labels which are not in a form*/
{
    font-size: 11px;
}

.x-region-collapsed-right-placeholder
{
    cursor: pointer;
}

.x-menu-item-link-lancet /* When icon is not set for menuitem, ExJs retains the icon placeholder however. This style ensures that the placeholder area does not affect text padding */
{
    padding: 6px 2px 3px 6px;
}

.x-form-trigger
{
    width: 11px;
}

.lancet-date-trigger
{
    background-image: url('../../Images/form/date-trigger.png');
    border-bottom-color: transparent;
}

.x-mask /* This is to darken the background when a modal window is displayed. This makes modal window to stand out.*/
{
    background-color: #696969;
}

.transparentLoadingMask /* This is to white the panel background when a loading mask is displayed.*/
{
    background-color: #FFFFFF;
}

/* override the "x-grid-cell-inner" in ErrorDialog.js to show the grid error msg in multiline */
.multiline
{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 2px 6px 3px; /*white-space: nowrap;*/
}

/* This style ensures that the textarea is not resizable in Chrome */
textarea
{
    resize: none;
}

.statusbar
{
    left: 0px !important;
}

.downtime
{
    color: #DC143C;
    font-weight: bold;
}

.lancetMask
{
    top: 33px !important;
}

.dialog-body-bg
{
    background-color: #FFFFFF;
}

.dialog-header-bg
{
    background-color: #CED9E7;
}

.dialog-footer-bg
{
    background-color: #CED9E7;
}
#pop-combo-table tr
{
    height: 10px;
    border-top: 1px solid #F8F8F8;
    border-collapse: collapse;
}

#pop-combo-table tr td
{
    white-space: nowrap;
    padding: 3px;
}

#pop-combo-table tr:hover td
{
    background-color: #DCDCDC; /*fffbae => yellow*/
}

.msg_floating
{
    position: absolute !important;
    z-index: 29001 !important;
}

.x-form-trigger-wrap .x-form-spinner-up, .x-form-trigger-wrap .x-form-spinner-down
{
    width: 17px !important;
    height: 9.7px !important;
    background-image: url('../../Images/spinner-small.gif');
}

.x-boundlist-item-disable-true
{
    color: gray;
    font-style: italic;
}

.NA-field .cls
{
    background-color: Green;
}

.ND-field .cls
{
    background-color: Red;
}

.ND
{
    background-color: #FFC0CB !important;
    background-image: none;
}

.NA
{
    background-color: #F0E68C !important;
    background-image: none;
}

.BL
{
}

.disableField .rw
{
    background-color: #D3D1D1 !important;
    background-image: none;
}


.readOnly
{
    background-color: #D3D1D1 !important;
    background-image: none;
}

.updated
{
    background-color: #FFBF00 !important;
    background-image: none;
}

.FI
{
    text-transform: uppercase;
}

.customMaskClass
{
    z-index: 100;
}

.picklist-trigger
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png');
    background-repeat: no-repeat, repeat-y;
    background-position: left top, top left;
    padding-left: 8px !important;
}

.x-action-col-icon
{
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.row-indicator
{
    background-image: url('../../Images/16/indicator.png');
    background-repeat: no-repeat;
}

.quickreport-indicator
{
    background-image: url( ../../Images/16/quickRpts.png ) !important;
    background-repeat: no-repeat;
    background-position: center;
}
