﻿/* Apply class "x-toolbar-standardbutton" to buttons on a toolbar
 * to make them appear with "normal" button styling, instead of toolbar button styling */
.x-toolbar .x-toolbar-standardbutton .x-btn-tl { background-position: 0 0; }
.x-toolbar .x-toolbar-standardbutton .x-btn-tr { background-position: -3px 0; }
.x-toolbar .x-toolbar-standardbutton .x-btn-tc { background-position: 0 -6px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-ml { background-position: 0px -24px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-mr { background-position: -3px -24px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-mc { background-position: 0 -1096px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-bl { background-position: 0 -3px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-br { background-position: -3px -3px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-bc { background-position: 0 -15px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-tl{ background-position: -6px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-tr { background-position: -9px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-tc { background-position: 0 -9px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-ml { background-position: -6px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-mr { background-position: -9px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-mc { background-position: 0 -2168px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-bl { background-position: -6px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-br { background-position: -9px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-bc { background-position: 0 -18px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-tl, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-tl, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-tl { background-position: -12px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-tr, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-tr, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-tr { background-position: -15px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-tc, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-tc, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-tc { background-position: 0 -12px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-ml, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-ml, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-ml { background-position: -12px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-mr, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-mr, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-mr { background-position: -15px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-mc, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-mc, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-mc { background-position: 0 -3240px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-bl, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-bl, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-bl { background-position: -12px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-br, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-br, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-br { background-position: -15px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-bc, 
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-bc, 
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-bc { background-position: 0 -21px; }

/* Making the emptyText more dark for readability */
.x-form-empty-field{color:#555;}

/* Keeps form labels from wrapping and/or overflowing if there are no word wrap spaces */
.x-form-item-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* keeps elements unselectable in Chrome, Opera and IE */
.x-grid3-cell,
.x-grid3-row td, 
.x-grid3-focus,
.x-grid3-cell-text, 
.x-grid3-hd-text,
.x-grid3-hd,
.x-grid3-summary-row td,
.x-tree-node a, 
.x-dd-drag-ghost a,
.x-menu-list-item,
.x-menu-focus,
.x-slider-focus,
.x-unselectable, 
.x-unselectable * {
    -webkit-user-select: none;
    -o-user-select: none; 
    -ms-user-select: none;
}

/* Ext.ux.GridSummary ----v--- */

/* [OPTIONAL] -- may be used for either Ext.grid.GroupSummary / Ext.ux.grid.GridSummary plugins */
.x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background:#f1f2f4;}
.x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;}
/*.x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;}*/
.x-grid-hide-summary .x-grid3-summary-row{display:none;}
.x-grid3-summary-msg{padding:4px 16px;font-weight:bold;}

.x-grid3-gridsummary-row-offset{width:10000px;}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-wrap{display:none;}
/* Ext.ux.GridSummary ----^--- */

/*.x-grid3-gridsummary-row-inner{overflow:hidden;width:100%;}/!* IE6 requires width:100% for hori. scroll to work *!/*/
.x-grid3-gridsummary-row-wrap {
    overflow: hidden;
    width: 100%;
}

/*show standard refresh toolbar icon instead of loading icon (for LocalPagingToolbar#disableRefreshBtn)*/
.x-item-disabled .x-tbar-loading-disabled.x-tbar-loading{
    background-image: url("../gray-extend/gray-extend/grid/refresh.gif") !important;
}


/*fix ComboBox height on Chrome*/
.ext-webkit .x-grid-editor.x-small-editor .x-form-text{
    padding-top: 1px;
    font-size:100%;
}

/* #region fix text field height in RowEditor on Chrome (MOSO-19799) -------v--- */
.ext-webkit .x-small-editor .x-form-text {
    padding-top: 2px;
    font-size: 100%;
}
/*applies ExtJs fix for gecko and ie8 to Chrome/webkit aside well */
.ext-webkit .x-form-text, .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
    padding-top:2px; /* FF won't center the text vertically */
    padding-bottom:0;
}
/* #endregion fix text field height in RowEditor on Chrome (MOSO-19799) ----^--- */