/* ----- STYLES USED BY APPLICATIONS ----- */

div.center {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

i.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nelis-indicator-icon.x-field-indicator {
    top: 3px !important;
}

.nelis-form-readonly .x-form-field {
    background-color: #f8f9f9;
    /*color: #b34646;*/
}

.nelis-form-readonly-tip {
    color: #b34646;
}

.nelis-form-label-tip {
    color: royalblue;
}

.nelis-list .x-grid-item-focused .x-grid-cell-inner:before {
    border: none !important; /* removes dots around cell with focus for lists only */
}

/*.nelis-cell-focus .x-grid-item-focused .x-action-col-cell {
    padding: 5px 6px 4px 7px !important;
}
*/

/*.nelis-cell-focus .x-grid-item-focused */
.nelis-cell-action-col-fix .x-grid-cell-inner.x-grid-cell-inner-action-col {
    padding: 3px 3px !important;
}

/*.nelis-cell-focus .x-grid-cell-inner {
    height: 22px;
}

.nelis-cell-focus .x-grid-item-focused .x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
    padding: 5px 6px 4px 7px !important;
}

.nelis-cell-focus .x-grid-item-focused .x-grid-cell-last .x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
    padding: 4px 6px 5px 6px !important;
}*/

/*.nelis-cell-focus .x-grid-item-focused .x-grid-cell-inner:before {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: 0px;*/
    /*background-color: #e2e5e5;*/
    /*    border: none !important;
    margin: 0px !important;
    outline: 0px !important;
    padding: 0px !important;

}*/

/*.nelis-cell-focus .x-grid-item-focused .x-grid-cell-inner {
    margin: 0px !important;
    padding-top: 0px !important;
}*/

/*.nelis-cell-focus*/ /*.row-cmd-cell*/ /*table.x-grid-item:first-child tr:first-child .x-grid-item-focused .x-grid-cell-inner {
    margin-top: 0px !important;
    padding-top: 0px !important;
}*/

/* ----- APPLICATION GROUP ICONS => MENU ITEM ICONS ----- */

.nelis-defaultmenu-icon {
    background-image: url(/resources/icons/menu/application.png) !important;
    background-repeat: no-repeat;
}

.nelis-systemmanagement-icon {
    background-image: url(/icons/computer-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-systemsettings-icon {
    background-image: url(/icons/cog-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-allegromanagement-icon {
    background-image: url(/icons/page_white_connect-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-allegrosettings-icon {
    background-image: url(/icons/layout_content-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-settings-icon {
    background-image: url(/icons/script_gear-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-setup-icon {
    background-image: url(/resources/icons/menu/setup_preferences.png) !important;
    background-repeat: no-repeat;
}

.nelis-common-icon {
    background-image: url(/icons/layout-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-applications-icon {
    background-image: url(/icons/book_red-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-overviews-icon {
    background-image: url(/icons/table_sort-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-reports-icon {
    /*background-image: url(/icons/report-png/ext.axd) !important;*/
    background-image: url(/icons/printer-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-charts-icon {
    background-image: url(/icons/chart_pie-png/ext.axd) !important;
    background-repeat: no-repeat;
}

.nelis-utilities-icon {
    background-image: url(/icons/page_white_gear-png/ext.axd) !important;
    background-repeat: no-repeat;
}

/* ----- INDIVIDUAL MENU ITEM ICONS ----- */

.nelis-pagegreen-icon {
	background-image: url(/resources/icons/nelis_apptoolbar-pagegreen-small.png) !important;
	background-repeat: no-repeat;
}

.nelis-pagered-icon {
	background-image: url(/resources/icons/nelis_apptoolbar-pagered-small.png) !important;
	background-repeat: no-repeat;
}

/* ----- TAB PANEL LIGHT (PARTIALLY OVERWRITTEN FOR ARIA, CLASSIC, GRAY, NEPTUNE AND TRITON )----- */

/* No thin (gray) line under all tabs (in fact, it is top border of tab panel BODY): */
/*.nelis-tabpanel-light-body.x-panel-body-default {
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}*/

/* The same as above but without the need to specify BODY style with .BodyCls("nelis-tabpanel-light-body"). */
/* Applies only the first tab panel BODY: */
.nelis-tabpanel-light .x-tab-bar-default-top + .x-panel-body-default {
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

/* No thick (in our case blue) line under all tabs: */
.nelis-tabpanel-light .x-tab-bar-strip {
    display: none !important;
}

/* Change default border width to match the width of active tab (=> prevent tab name from bouncing when it becomes active): */
.nelis-tabpanel-light .x-tab-bar-default .x-tab-default {
    border-color: transparent !important;
    border-width: 0px 0px 3px 0px !important;
}

/* Remove active tab colors and underline active tab instead: */
.nelis-tabpanel-light .x-tab-bar-default .x-tab-default.x-tab-active {
    background: transparent !important;
    border-width: 0px 0px 3px 0px !important;
    border-color: #1c74d5 !important;
    border-style: solid;
}

/* Change color of active tab: */
.nelis-tabpanel-light .x-tab-bar-default .x-tab-default.x-tab-active .x-tab-inner {
    color: #1c74d5 !important;
}

/* Change the height of tabs: */
.nelis-tabpanel-light .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
    height: 35px !important;
    box-shadow: none;
}

/* Change the font size of tab titles: */
.nelis-tabpanel-light .x-tab-inner-default {
    font-size: 13px;
}

/* Change right padding when tabs are aligned to right (TabPanel.Builder.ApplyTabPanelDefaults): */
.nelis-tabpanel-alignright .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding-right: 2px !important;
}