/* Common images */

.export-grid-img:before
{
    font-family: bmc-glyph !important;
    content: "\ea01";
    font-size: 16px;
    line-height: 15px;
    color: black;
    margin-left: 10px;
}

.ti-icon-action-button:before
{
    font-family: ti-glyph;
    font-size: 18px;
    content: "\e677";
    color: black;
    line-height: 16px;
}

.ti-icon-change-status-button:before
{
    font-family: bmc-glyph !important;
    font-size: 18px;
    content: "\e657";
    font-weight: bold;
    color: black;
    line-height: 16px;
}

.pie-chart-img
{
    background-image: url(../../images/Common/pie-chart-icon.png) !important;
}

.bar-chart-img
{
    background-image: url(../../images/Common/bar-chart-icon.png) !important;
}

.line-chart-img
{
    background-image: url(../../images/Common/line-chart-icon.png) !important;
}

.preview-bottom-img:before
{
    font-family: bmc-glyph !important;
    content: "\e9ef";
    font-size: 15px;
    line-height: 15px;
    color: black;
    margin-left: 10px;
}

.preview-right-img:before
{
    font-family: bmc-glyph !important;
    content: "\e66b";
    font-size: 15px;
    line-height: 15px;
    color: black;
    margin-left: 10px;
}

.preview-hidden-img:before
{
    font-family: bmc-glyph !important;
    content: "\e9f0";
    font-size: 15px;
    line-height: 15px;
    color: black;
    margin-left: 10px;
}

.toolbar-buttons
{
    height: 30px !important;
    width: 30px !important;
    border: 0px !important;
    background-color: #f2f2f2 !important;
}

.toolbar-buttons .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after
{
    background-image: none !important;
}

.toolbar-buttons span span
{
    text-align: left !important;
}

.toolbar-splitbuttons
{
    height: 30px;
    background-color: White !important;
}

.toolbar-splitbuttons span span.x-btn-inner
{
    text-align: left !important;
    padding-left: 15px;
}

.filter-img:before
{
    font-family: bmc-glyph !important;
    content: "\e65a";
    font-size: 18px;
    line-height: 16px;
    color: black;
}

.columns-img:before
{
    font-family: bmc-glyph !important;
    content: "\e6a6";
    font-size: 20px;
    line-height: 16px;
    color: black;
    margin-left: -2px;
}

.open-img:before
{
    font-family: bmc-glyph !important;
    content: "\e6fc";
    font-size: 20px;
    line-height: 16px;
    color: black;
    padding-left: 1px;
}

.delete-img:before
{
    font-family: bmc-glyph !important;
    content: "\e6a9";
    font-size: 20px;
    line-height: 15px;
    color: black;
    margin-left: 1px;
}

.link-master-ticket-img:before {
    font-family: bmc-glyph !important;
    content: "\eb0c";
    font-size: 20px;
    line-height: 15px;
    color: black;
    margin-left: 1px;
}

.cancel-change-img:before {
    font-family: bmc-glyph !important;
    content: "\eabf";
    font-size: 20px;
    line-height: 15px;
    color: black;
    margin-left: 1px;
}

.help-img:before
{
    font-family: ti-glyph;
    font-size: 18px;
    line-height: 16px;
    color: black;
    content: "\e618";
    margin-left: 8px;
    font-weight: bold;
}

.copy-img:before
{
    font-family: ti-glyph;
    font-size: 20px;
    content: "\e60f";
    color: black;
    line-height: 16px;
    padding-left: 1px;
}

.ti-print-img:before
{
    font-family: ti-glyph;
    font-size: 20px;
    content: "\e627";
    color: black;
    line-height: 16px;
    margin-left: 1px;
}

.assignto-img:before
{
    font-family: ti-glyph;
    font-size: 22px;
    content: "\e607";
    color: black;
    line-height: 18px;
    margin-left: -1px;
}

.moreaction-img:after
{
    font-family: bmc-glyph !important;
    content: "\e640";
    font-size: 18px;
    line-height: 16px;
    color: black;
    margin-left: 10px;
}

.format-img:before
{
    font-family: bmc-glyph !important;
    font-size: 20px;
    content: "\e670";
    color: black;
    line-height: 16px;
    margin-left: -2px;
}

.save-img
{
    background-image: url(../../images/Common/Save.png) !important;
}

.print-img
{
    background-image: url(../../images/Common/Print.ico) !important;
}

.new-note-img
{
    background-image: url(../../images/Common/NewNote.png) !important;
}

.refresh-img
{
    background-image: url(../../images/Common/Refresh.png) !important;
}

/* property getting applied on report module to hide rowExpander's icon('+')*/
.hide-row-expander-icon .x-grid-row-expander
{
    visibility: hidden;
}

/* property getting applied on report module to correct the row margins*/
.row-expander-padding .x-grid-cell-inner
{
    padding: 5px 0 4px;
}

/* ABOUT BOX */
#about-box .x-panel-body {
    background-image: url(../../images/Common/AboutBoxBackground.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #f2f2f2;
}

#copyright-message
{
    padding: 0 1px 1px 1px;
    margin-top: 40px;
}

/* Fix for issue: IE8 p element have a Opx margin by defaults. http://www.webmasterworld.com/css/3079292.htm */
#copyright-message p
{
    margin: 1em 0;
}

#about-box #trackit-version, #about-box #trackit-companyName, #about-box #trackit-customerSerialNumber
{
    
    font-size: 12px;
    color: #ffffff;
}

/* Error dialog */
.error-dialog .icon
{
    background: transparent url(../../images/Common/icon-error.gif) no-repeat scroll 0 0;
}

.error-dialog .content-panel .additional-info-label
{
    margin-top: 7px;
    font-weight: bold;
}

.error-dialog .content-panel .error-id, .error-dialog .content-panel .description
{
    margin: 7px 0 0 21px;
}

.error-dialog .content-panel-simple .error-id
{
    margin: 14px 0 0 0;
    font-size: 11px;
    font-style: italic;
}

.error-dialog .content-panel .support-link-wrapper
{
    padding: 28px 0 10px 0;
}

.ti-preview-menu .x-menu-item-text-default.x-menu-item-indent-no-separator
{
    margin-left: 45px !important;
}

.req-fld
{
    color: red; padding-left: 3px;
}