/*#region BASE TAG STYLES*/
body div, tspan
{
    font-family: Helvetica, Arial, Sans-Serif !important;
}

textarea
{
    resize: none;
}

form
{
    margin: 0px;
    padding: 0px;
}

h1
{
    font-size: 1.6em;
    margin: 10px 0;
    border-bottom: dotted 1px #CCCCCC;
}

.h1_2
{
    font-size: 2em;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.h1_3, .h1_3 .x-grid-cell-inner
{
    font-size: 1.6em;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.h2, .h2 .x-grid-cell-inner
{
    font-size: 1.4em;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.h3, .h3 .x-grid-cell-inner
{
    font-size: 1.2em;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.h4, .h4 .x-grid-cell-inner
{
    font-size: 1em;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.h5
{
    font-size: .8em;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.h14px
{
    font-size: 14px;
    color: rgb(80, 82, 85);
}

.h16px, .h16pxBold
{
    font-size: 16px;
    color: rgb(80, 82, 85);
}

.h16pxBold
{
    font-weight: bold;
}

/*#endregion BASE TAG STYLES*/

/* #region ALERT QUEUE GRID STYLES */
.alertGrid-OneAlertContainer
{
    padding: 5px;
    width: auto;
    margin-bottom: 5px;
}

.alertGird-LeftSide
{
    float: left;
    width: 275px;
}

.alertGrid-Icon
{
    float: left;
    padding-right: 10px;
    margin-bottom: 20px;
}

.alertGrid-Icon img 
{
    display: block;
    padding: 0 0 5px 0;
}

.alertGrid-Header
{
    /*font-size: 150%;*/
    margin-top: 3px;
    margin-bottom: 5px;
    color: White;
}

.alertGrid-Date
{
    float: left;
    width: 50px;
    margin: 5px;
}

.alertGrid-Description
{
    margin-bottom: 5px;
    white-space: normal;
}

.alertGrid-MoreLink
{
    float: right;
    font-size: 12px;
}

.alertGrid-DescriptionHighlight
{
    font-weight: bolder;
}

.alertHighlight
{
    color: #409436;
    font-size: 16px;
}

.alertPieKeyColorOne
{
    background-color: #1C559E;
}

.alertPieKeyColorTwo
{
    background-color: #4d8b38;
}
/* #endregion ALERT QUEUE GRID STYLES */

/*#region DISCOUNTS & OFFERS STYLES*/
.discountTotalSales
{
    font-weight: bold;
    font-size: 2em;
    color: #009DA0;
}

.discountCountOverlay
{
    position: absolute;
    text-align: center;
    left: 60px;
    top: 175px;
    width: 58px;
}
/*#endregion DISCOUNTS & OFFERS STYLES*/

/*#region MODIFIER BATCH UPDATE STYLES*/
.ColumnHeaderRemoveSeparator
{    
    border-right: none;
    padding-right:77px;
}

.SilverEditableGrid .combobox-grid-cell-inner .x-grid-cell-inner
{
    display: inline-block;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 2px 3px;
    width: 98%;
    background-image: url(dropdown_arrow.png) !important;
    background-repeat: no-repeat !important;  
    background-position: right !important;
}

/*#endregion MODIFIER BATCH UPDATE STYLES*/

/*#region IFRAME MOBILE STYLE*/
iframe, .iframeContainer, .webkit-scroll-touch
{
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
/*#endregion IFRAME MOBILE STYLE*/

/*#region SALES DASHBOARD SPECIFIC STYLES*/
.salesDashboardContainer
{
    border-style: none !important;
}

.dashboardBarColorer
{
    font-size: 1.4em;
    color: #4D4D4D;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.dashboardRadioColorer
{
    font-size: 1.1em;
    color: #4D4D4D;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.dashboardDateColorer
{
    font-size: 1.1em;
    color: #4D4D4D;
    margin-top: 20px !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.dashboardColorer
{
    background-image: -webkit-linear-gradient(top,#E6E6E6,#EFEFEF);
    border-color: #D0D0D0 !important;
    border: 1px solid;
    padding: 0px !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
/*#endregion SALES DASHBOARD SPECIFIC STYLES*/

/*#region PORTAL SNAPSHOT SPECIFIC STYLES*/
/* Styling for Portal Snapshot refresh icon*/
.portalRefreshIcon
{
    border: 0px !important;
    width: 30px;
    height: 30px;
    background-image: url("redo_2.png") !important;
    background-color: #FFFFFF;
    z-index: 100;
}
/* Hover for Portal Snapshot refresh icon*/
.portalRefreshIcon:hover
{
    background-image: url("redo_2_pressed.png") !important;
}

.portSnapshotList
{
    color: #505255;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: #EDEDED 0px 1px 1px;
    padding: 2px;
    display: inline;
}

.portSnapshotList li
{
    margin: 5px 10px 10px 10px;
}

.portSnapshotList li span
{
    margin-right: 5px;
}


.portSnapshotList li a
{
    float: right;
    color: #1C559E;
}

.portSnapshot p
{
    color: #1C559E;
    font-size: 1.7em;
    text-shadow: #EDEDED 0px 1px 1px;
}

.pieSnapshotList li
{
    margin: 5px 10px 10px 0px;
}

.pieSnapshotList li span
{
    margin-right: 5px;
}


.pieSnapshotList li a
{
}

.pieSnapshot p
{
    color: #1C559E;
    font-size: 1.7em;
    text-shadow: #EDEDED 0px 1px 1px;
}

/*#endregion PORTAL SNAPSHOT SPECIFIC STYLES*/

/*#region SPECIFIC BUTTON ICON STYLES*/
.AddTaxCl
{
    background-image: url("tax-icon.png");
    background-position: center !important;
}

.rightWhiteArrowCl
{
    background-image: url("gfx_btn_arrow_white.png");
    background-position: center !important;
}

.leftWhiteArrowCl
{
    background-image: url("gfx_btn_arrow_white_left.png");
    background-position: center !important;
}

.NavLeftCl
{
    background-image: url("leftArrow.png");
    background-position: center !important;
}

.SmallNavLeftCl
{
    background-image: url("smallLeftArrow.png");
    background-position: center !important;
}

.NavRightCl
{
    background-image: url("rightArrow.png");
    background-position: center !important;
}

.NoteCl
{
    background-image: url("notesIcon.png");
    background-position: center !important;
}

.SaveCl
{
    background-image: url("saveIcon.png");
    background-position: center !important;
}

.DiscardCl
{
    background-image: url("closeIcon.png");
    background-position: center !important;
}

.PreviewCl
{
    background-image: url("icn_preview_23x23.png");
    background-position: center !important;
}

.CloseCl
{
    background-image: url("closeIcon.png");
    background-position: center !important;
}

.CloseModalCl
{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999999;
    cursor: pointer;
    cursor: hand;
    background-image: url(ICON_Close.png);
    background-repeat: no-repeat;
}

.CloseModalClRelative
{
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 999999;
    cursor: pointer;
    cursor: hand;
    background-image: url(ICON_Close.png);
    background-repeat: no-repeat;
}

.AddCl
{
    background-image: url("addIcon.png");
    background-position: center !important;
}

.AddClSmall
{
    background-image: url("addIcon_16.png");
    background-position: center !important;
}

.AddClGreen
{
    background-image: url("addIcon.png");
    background-position: center !important;
}

.AddClGreenSmall
{
    background-image: url("addIcon_16x16.png");
    background-position: center !important;
}

.AddSimilarCl
{
    background-image: url("copyIcon.png");
    background-position: center !important;
}

.SaveAndAddAnotherCl
{
    background-image: url("addIcon.png");
    background-position: center !important;
}

.EditCl
{
    background-image: url("editIcon.png");
    background-position: center !important;
}

.BatchEditCl
{
    background-image: url("gear.png");
    background-position: center !important;
}

.EditClSmall
{
    background-image: url("editIcon_16_dark.png");
    background-position: center !important;
}

.BlankIconCl
{
    background-image: url("../ExtJS/resources/themes/images/gray/tree/s.gif");
    background-position: center !important;
}

.RemoveIconCl
{
    background-image: url("removeIcon.png");
    background-position: center !important;
}
.RemoveIcon16Cl
{
    background-image: url("removeIcon_16.png");
    background-position: center !important;
}

.CategoryEditCl
{
    background-image: url("editIcon_16.png");
    background-position: center !important;
}

.IconSettingsCl
{
    background-image: url("ICON_Settings_72.png");
    background-position: center !important;
}

.RemoveRedCl {
    background-image: url("Knob Remove Red.png");
    background-position: center !important;
}

.RemoveCl {
    background-image: url("removeIcon.png");
    background-position: center !important;
}

.WrenchCl
{
    background-image: url("icn_setup_22x22.png");
    background-position: center !important;
}

.ResetCl
{
    background-image: url("refreshIcon_16.png");
    background-position: center !important;
}

.RefreshCl
{
    background-image: url("refreshIcon.png");
    background-position: center !important;
}

.ImportCl
{
    background-image: url("importIcon.png");
    background-position: center !important;
}

.SearchCl
{
    background-image: url("searchIcon.png");
    background-position: center !important;
}

.SortOrderCl
{
    background-image: url("ICON_Sortingx22.png");
    background-position: center !important;
}

.SortOrderGreenCl
{
    background-image: url("ICON_Sortingx22_grn.png");
    background-position: center !important;
}

.SortArrowHide
{
    visibility: hidden !important;
}

.SortArrowShow
{
    visibility: visible !important;
}

.StartSellCl
{
    background-image: url("start_sell.png");
    background-position: center !important;
}

.SetupCategoriesCl
{
    background-image: url("setup_categories.png");
    background-position: center !important;
}

.SetupStoresCl
{
    background-image: url("setup_stores.png");
    background-position: center !important;
}

.SetupUsersCl
{
    background-image: url("setup_users.png");
    background-position: center !important;
}

.DeleteCl
{
    background-image: url("removeIcon_16.png");
    background-position: center !important;
}

.FolderCl
{
    background-image: url("folder.gif");
    background-position: center !important;
}

.FolderRefreshCl
{
    background-image: url("folder_refresh.png");
    background-position: center !important;
}

.TestEmailCl
{
    background-image: url("emailIcon.png");
    background-position: center !important;
}

.SendEmailCl
{
    background-image: url("emailIcon.png");
    background-position: center !important;
}

.RequestDiagCl
{
    background-image: url("ICON_Settings_72.png");
    background-position: center !important;
}

/* Start Color Status Icons */

.RedErrorCl
{
    background-image: url("iconRedError.png");
    background-position: center !important;
}

.OrangeWarningCl
{
    background-image: url("iconOrangeError.png");
    background-position: center !important;
}

.OrangeQuestionMarkCl
{
    background-image: url("iconOrangeQuestion.png");
    background-position: center !important;
}

.GreenCheckMarkCl
{
    background-image: url("iconGreenCheck.png");
    background-position: center !important;
}

/* End Color Status Icons */

.ErrorCl
{
    background-image: url("alertIcon.png");
    background-position: center !important;
}

.WarningCl
{
    background-image: url("warning_icon.png");
    background-position: center !important;
}

.QuestionMarkCl
{
    background-image: url("question_22.png");
    background-position: center !important;
}

.CheckMarkCl
{
    background-image: url("checkMarkIcon.png");
    background-position: center !important;
}

.SmallCheckMarkCl
{
    background-image: url("check_mark_16.png");
    background-position: center !important;
}

.SmallCancelCl
{
    background-image: url("knob_cancel_16.png");
    background-position: center !important;
}

.AutoCategoryColorCl
{
    background-image: url("addcoloricon.png");
    background-position: center !important;
}

.RemoveCategoryColorCl
{
    background-image: url("removecoloricon.png");
    background-position: center !important;
}

.TipIcon
{
    background-image: url("question.png");
    background-position: center !important;
}

.FireFoxTipIcon
{
    background-image: url("question.png");
    background-position: center !important;
}

/*#endregion SPECIFIC BUTTON ICON STYLES*/

/*#region FORM TOOLBAR STYLES*/
.WhiteBkgToolBar, .WhiteBkgHeader
{
    background-color: White !important;
    background-image: none !important;
}

.WhiteBkgHeader .x-toolbar .x-toolbar-text 
{
    color: #505255;
}

.borderlessTabPanel .x-panel-body
{
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

.borderlessTabPanel .x-tab
{
    border-right: 1px !important;
    border-right-style: solid !important;
    border-top-right-radius: 0px !important;
    border-right-color: #DFDFDF !important;
    text-align: center;
    padding: 0px !important;
    margin: 0px !important;
}

.borderlessTabPanel .x-border-box, .x-tab-default-top
{
    height: 15px !important;
}

.borderlessTabPanel .finalTab
{
    border-right: 0px !important;
}

/*#endregion FORM TOOLBAR STYLES*/

/*#region EXT JS OVERRIDES*/

/* The css below will remove the background image from toolbar in IE*/
.x-nlg .x-toolbar-default
{
    background-image: none !important;
}

.x-grid-center-icon
{
    display: block;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.x-panel-ghost
{
    z-index: 1;
}

.borderPanel
{
    background-image: none;
    background-color: #FFFFFF;
    border-color: grey !important;
    border-style: solid !important;
}

.x-panel-header-text
{
    font-size: 1.7em;
    font-weight: normal;
    color: #5C5C5C;
    text-shadow: #FFFFFF 0px 1px 1px;
}

.x-panel-header-text-container
{
    height: 25px;
}

.x-portal-body
{
    border: 0px;
}

.x-window-default
{
    background-color: white !important;
}

.x-window-header-default-top
{
    background-color: white !important;
}

.x-window-body-default
{
    background-color: white !important;
}

.removeBorder
{
    border-style: none !important;
}

.x-form-field, .readOnly, .uppercaseTextfield, .readOnlyNumberField, .ColorPickerContainer
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: -2px 0 4px #E0E0E0 inset;
    border-color: #D1D1D1;
}

.x-form-focus
{
    border-color: #DAA520 !important;
}

.x-form-arrow-trigger
{
    background-image: url(dropdown_arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.x-boundlist
{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.x-form-checkbox
{
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.x-column-layout-ct
{
    border: 0px;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/*Force padding on column header cells to maintain layout across browsers*/
.x-column-header-inner
{
    padding-top: 3px !important;
}

.x-grid-cell-special .x-grid-cell .x-grid-cell-first .x-grid-cell-column-1088 .x-grid-cell-inner
{
    background-image: none;
}

.x-fieldset
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.x-color-picker a:hover
{
    border-color: white;
    background-color: white;
}

.x-color-picker a.x-color-picker-selected:hover
{
    border-color: #8BB8F3;
    background-color: #DEECFD;
}

.x-form-date-trigger
{
    margin: 0px 0 0 2px !important;
    background-image: url("calendar.png") !important;
    background-repeat: no-repeat;
    background-position: center !important;
    border: 0px !important;
    vertical-align: middle !important;
}

.x-form-time-trigger
{
    margin: 0px 0 0 2px !important;
    background-image: url("dropdown_arrow.png") !important;
    background-repeat: no-repeat;
    background-position: center !important;
    border: 0px !important;
    vertical-align: middle !important;
}

.x-field-label-cell
{
    vertical-align: middle !important;
}

.x-form-trigger
{
    border-bottom: 0px !important;
    width: 22px !important;
    height: 22px !important;
}

.x-form-radio
{
    background-image: url("radioOff.png");
    background-position: center !important;
    box-shadow: 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
}

.x-form-checkbox
{
    background-image: url("checkMarkUnchecked.png");
    background-position: center !important;
    box-shadow: 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    border: 1px solid #9BA2A5;
}

.x-form-checkbox, .x-form-radio
{
    margin-right: 4px !important;
    margin-left: 4px !important;
}


.x-form-cb-checked .x-form-radio
{
    background-image: url("radioOn.png") !important;
    background-position: center !important;
    border-radius: 0px 0px 0px 0px !important;
}

.x-form-cb-checked .x-form-checkbox
{
    background-image: url("checkMarkChecked.png");
    background-position: center !important;
    border-radius: 0px 0px 0px 0px !important;
    border: 1px solid #9BA2A5;
}

.x-form-cb-label-after
{
    margin-top: 5px;
}

/*Override paging widget refresh icon*/
.x-tbar-loading
{
    background-image: url("refreshIcon_16.png") !important;
}

.x-BaseButtonPressed
{
    background-image: url(GreyBtn_Down.png);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}

/* Global Field Changes (Ext) */
.x-form-focus
{
    border-color: rgb(77, 173, 75) !important;
}

/**GRID PANEL CSS*/
.x-grid3-cell-inner, .x-grid3-hd-inner
{
    white-space: normal !important;
}

.strike-through-row .x-grid-cell {
    text-decoration: line-through;
}

/* No strike-through for the checkbox */
.strike-through-row .x-grid-cell-checkcolumn {
    text-decoration: none;
}

.x-tab
{
    background-image: none !important;
    background-color: white;
    border-style: none !important;
}

.x-tab-active button, .NCRGreenColor
{
    color: #34B233 !important;
}

.x-tab button
{
    font-family: Helvetica, Arial, Sans-Serif !important;
}

.x-tab-default-top
{
    background-image: none !important;
    background-color: white;
}

.x-tab-bar
{
    background-color: white !important;
    background-image: none !important;
}

.x-tab-bar-body
{
    border-style: none !important;
}

.x-tab-bar-strip
{
    background-image: none !important;
    background-color: white !important;
    border-style: none !important;
}

.GridPanelGreenSeparator
{
    border-top-color: #34B233 !important;
    border-top-width: 4px !important;
}

.UserRolesDisabledGridCell
{
    opacity: 0.5 !important;
}

/*Removes extraneous borders from panelled elements*/
.x-panel-body-default
{
    border-style: none;
}

/*#endregion EXT JS OVERRIDES*/


/*Removes blue border that appears when selecting various payment types*/
.removeBlueBorder
{
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */ 

}
/*#endregion Removes blue border that appears when selecting various payment types*/

/*#region POS BUTTON EXAMPLE STYLES*/
.POSButtonColor
{
    height: 5px;
    margin: 0px 0px 2px 5px;
    width: 100px;
    display: inline-table;
}

.POSButtonColorField
{
    height: 5px;
    margin: 7px 0px 0px 15px;
    width: 100px;
    display: inline-table;
    vertical-align: top;
}

.POSButtonColorField2
{
    height: 19px; /*margin: 0px 0px 0px 0px;*/
    width: 19px;
    display: inline-table;
    vertical-align: top;
    float: left;
}

.POSButtonColorField2Border
{
    border-radius: 0px !important;
    border-color: #D1D1D1;
}

.POSButtonColorDisplayName
{
    display: inline-table;
}

.POSButtonColorDisplayNameNone
{
    font-style: italic;
}

.POSButtonColorColumn
{
    width: 70px;
}

.POSButtonColorCell
{
    vertical-align: baseline;
}

.POSCategoryButtonFakeGradient
{
    background: -webkit-gradient(linear, left top, left bottom, from(#ECECEE), to(#D4D4D9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEE', endColorstr='#D4D4D9'); /* for IE */
    background: -moz-linear-gradient(top,  #ECECEE,  #D4D4D9); /* for firefox 3.6+ */
    padding: 10px;
    text-align: center;
    font-size: larger;
}

.POSCategoryButtonFakeMask
{
    margin: 2px;
    overflow: hidden;
    box-shadow: 0px 2px 3px #777;
    border: 2px;
    border-color: #AAA;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
}

.POSCategoryButtonFake
{
    width: 112px;
    height: 49px;
}

.POSCategoryTextSection
{
    margin-top: 4px;
    margin-left: -8px;
    height: 26px;
    width: 110px;
}

.POSCategoryColorSection
{
    height: 7px;
    width: 120px;
    margin-left: -10px;
}

.POSItemButtonFakeGradient
{
    width: 154px;
    height: 84px;
    background: -webkit-gradient(linear, left top, left bottom, from(#62646A), to(#192122));
    background: -moz-linear-gradient(top,  #62646A,  #192122); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62646A', endColorstr='#192122'); /* for IE */
    padding: 5px;
    text-align: center;
    font-size: larger;
    margin: -3px;
}

.POSItemButtonFakeMask
{
    margin: 2px;
    overflow: hidden;
    border: 3px; /*     background-color: black;     border-color: black;      */
    border-width: 3px;
    border-style: solid;
    border-radius: 10px;
    box-shadow: 0px 2px 3px #777;
}

.POSItemButtonFake
{
    width: 150px;
    height: 80px;
}

.POSItemButtonFakeText
{
    margin: 13px 0px 11px 0px;
    font-weight: bold;
    color: White;
}

.POSItemButtonFakeAmount
{
    font-weight: bold;
    color: #39A231;
}
/*#endregion POS BUTTON EXAMPLE STYLES*/

/*#region QUICK TIP STYLES*/
.smartScreenCls
{
    background: url(quick_tips_86x20.png) !important;
    background-repeat: no-repeat !important;
    border-style: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.smartScreenCls:hover
{
    background: url(quick_tips_86x20.png) !important;
    background-repeat: no-repeat !important;
    border-style: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
}


.transparentRgba
{
    background: rgba(255,255,255,0.9);
}

.transparentAlertRgba
{
    background: rgba(255,255,255,1.0);
}

.transparentBkg
{
    background: url(TransparentBkg_990x350.png) no-repeat;
}

.salesHigherHeader
{
    background: url(salesHigherHeader.png) no-repeat;
}

.discountsHigherHeader
{
    background: url(discountsHigherHeader.png) no-repeat;
}

.overridesHigherHeader
{
    background: url(overridesHigherHeader.png) no-repeat;
}

.receipttextarea
{
    font-family: "Courier New";
    overflow: visible;
    overflow-y: scroll;
}
/*#endregion QUICK TIP STYLES*/

/*#region REPORT HOMEPAGE STYLES*/

.leftNavPanelSectionSelected
{
    background-color: #34B233;
    color: white !important;
}

.myAccountTabHeader, .leftNavPanelSectionHeader, .reportHeaderText
{
    color: #505255;
    font-size: 1.3em;
    font-weight: bold;
    width: 100%;
    text-shadow: #EDEDED 0px 1px 1px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.myAccountTabs, .leftNavPanelSection, .reportLinkItems, .reportLinkItems a
{
    color: #505255 !important;
    font-size: 11px;
    text-decoration: none !important;
}

.myAccountTabs li, .leftNavPanelSection li, .leftNavPanelSection li.sublink, .reportLinkItems li, .reportLinkItems li a
{
    font-weight: bold;
    height: 25px !important;
    color: #505255;
    padding-top: 5px;
    margin-left: 10px;
    padding-left: 2px;
}

.leftNavPanelSection li:hover
{
    background-color: #34B233;
    color: white !important;
    cursor: pointer !important;
}

.myAccountTabs li a:hover, .leftNavPanelSection li a.hover, .leftNavPanelSection li.sublink a.hover, .reportLinkItems li a:hover
{
    background-color: #34B233 !important;
}

/*#endregion REPORT HOMEPAGE STYLES*/

/*#region MODAL STYLING*/
/*Modal Styling for Backoffice*/
.ModalPanel .x-window
{
    padding: 0px !important;
}

.ModalPanel .x-box-layout-ct {
    -webkit-overflow-scrolling: touch;
}

.BlackPanel
{
    padding: 15px;
    margin: 15px;
    background-color: #505255 !important;
    border-color: #505255;
    border-width: 1px;
    border-radius: 9px;
    border-style: solid;
    box-shadow: 5px 5px 7px 3px rgba(21, 21, 21, 0.5);
}

.ModalPanel
{
    background-color: #FFFFFF !important;
    border-color: rgb(204, 204, 204);
    border-width: 1px;
    border-radius: 9px;
    border-style: solid;
    padding-top: 5px !important;
    box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.5);
}

.ModalPanel .x-box-inner
{
    background-color: #FFFFFF !important; /*border-color: rgb(204, 204, 204);     border-width: 1px;     border-radius: 9px;     border-style: solid;*/
}

.ModalPanel .x-border-layout-ct
{
    background-color: transparent;
}

.ModalPanel .x-panel-body-default
{
    /*border: none;*/
}

.ModalPanel .x-toolbar
{
    background-image: none !important;
    background-color: #FFFFFF !important;
}
/*#endregion*/

/*#region GRID STYLING*/

.GridRowExpander .x-grid-row
{
    height: 30px !important;
    padding: 0px !important;
}

.GridRowExpander .x-grid-cell-inner
{
    padding: 0px !important;
}

.GridRowExpander .x-grid-cell
{
    vertical-align: middle !important;
}

.WhiteBkgHeader
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 10px;
    color: rgb(80, 82, 85);
    font-weight: bold;
    border-bottom: 0 !important;
    border-right: 0 !important;
}

.WhiteBkgHeader .x-mask
{
    background-color: white !important;
}

.TransparentMask
{
    background-color: transparent;
}

.GridBaseClass
{
    background: white;
}
.GridBaseClassBlack .x-panel-body-default
{
    background-color: #505255 !important;
    color: white !important;
    border-color: #505255 !important;
    overflow-y: auto;
}

.GridBaseClassBlack .x-grid-cell, .GridBaseClassBlack .x-box-inner, .GridBaseClassBlack .x-column-header-inner, .GridBaseClassBlack .x-column-header-inner .x-column-header-over
{
    background-color: #505255 !important;
    color: white !important;
    border-color: #505255;
    background-image: none !important;
}
/*
.GridBaseClassBlack .x-box-inner
{
    background-color: #505255 !important;
    color: white !important;
    border-color: #505255;
    background-image: none !important;
}*/

.BlackBkgHeader
{
    padding: 10px;
    border-color: #505255 !important;
    background-color: #505255 !important;
    color: white !important;
    background-image: none !important;
}

.GridBaseClassNoBorder
{
    background: white;
}

.GridBaseClass .x-panel-body-default
{
    border-color: rgb(80, 82, 85);
    border-top-width: 2px !important;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.GridBaseClassNoBorder .x-grid-body
{
    border-color: #EDEDED;
    border-top-width: 1px !important;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.GridBaseClass .noBorder .x-grid-body
{
    border-color: #34b233;
    border-top-width: 0px !important;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.GridBaseClass .x-grid-header-ct
{
    background-color: white !important;
    background-image: none !important;
}

.GridBaseClass2 .x-grid-header-ct, .GridBaseClass3 .x-grid-header-ct
{
    background-color: white !important;
    background-image: none !important;
}

.GridBaseClass2 .x-panel-body-default, .GridBaseClass3 .x-panel-body-default
{
    border: none;
}

.GridBaseClass2 .x-grid-cell, .GridBaseClass3 .x-grid-cell
{
    border: none;
}

.GridBaseClass2 .x-grid-cell-inner, .GridBaseClass2 .x-column-header-inner
{
    font-weight: bold;
    color: rgb(80, 82, 85);
    height: 30px;
    padding: 10px 5px;
}

.GridBaseClass3 .x-grid-cell-inner, .GridBaseClass3 .x-column-header-inner
{
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.GridBaseClass3 .x-grid-cell-inner
{
    line-height: 40px;
}

.GridBaseClass2 .x-column-header-inner, .GridBaseClass3 .x-column-header-inner
{
    font-size: 1.2em;
}

.GridBaseClass3 .x-grid-cell-first .x-grid-cell-inner
{
    background-color: #B9B9CA;
    color: #B9B9CA;
    background-image: none !important;    
}

.NCRGreenBkg .x-grid-cell
{
    background-color: #34B233;
    border-bottom: medium solid white;
}

.NCRGreenBkg .x-grid-cell-inner 
{
    background-color: #34B233;
    color: white;
}

.NCRGreenBkg .x-grid-cell-first .x-grid-cell-inner
{
    background-color: #34B233;
    color: #34B233;
}

.NCRGreenBkg .x-grid-cell-last .x-grid-cell-inner
{
    background-image: url("CustomerDash_Arrow_18_20.png") !important;
    background-repeat: no-repeat;
    background-position: center !important;
    background-color: White;
    border-left: solid #34B233;  
}

.EmailOffCustomerOverlay, .EmailOffOpportunitiesOverlay
{
    position: absolute;
    /*left: 45px;*/
    top: 40px;
    text-align: center;
    width: 90px;
    /*background: #00b2b2;*/
    overflow: hidden;
}

.EmailResultsGridOverlay
{
    position: absolute;
    border-right: 1px solid #D0D0D0 !important;
    padding: 0px !important;
    top: 75px;
    left: 40px;
    opacity: 0.25;
    filter: alpha(opacity=25);
    overflow: hidden;
    z-index: 2;
}

.EmailResultsGradientOverlay
{
    background-color: #eee; /*Fallback*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background-image: -moz-linear-gradient(top,  #EEE,  #FFF); /* for firefox 3.6+ */
    background-image: linear-gradient(to bottom, #EEE 0%, #FFF 100%); /* for IE 10 */
    border-top: 1px solid #D0D0D0 !important;  
    padding: 0px !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.EmailOffCustomerOverlay
{
    left: 45px;
}

.EmailOffCustomerOverlay div
{
    background: #00b3b4;
}

.EmailOffOpportunitiesOverlay
{
    left: 240px;
}

.EmailOffOpportunitiesOverlay div
{
    background: #f99400;
}

.EmailOffLgLabel 
{
    color: #000 !important;
    font-weight: bold;
    font-size: 2em;
}

.EmailOffSmLabel
{
    color: #000 !important;
    font-weight: bold;
    font-size: 1em;
}

.EmailResultsLegend
{
    position: absolute;
    top: 38px;
    left: 250px;
    border: 0;    
    z-index: 2;
}

.EmailResultsLegend .LegendTitle
{
    border: 0;
    font-size: .8em;
}

.EmailResultsLegend .LegendColor
{
    height: 12px;
    width: 12px;
    border: 0;
    margin: 0 20px 0 5px;
}

/*List Grid Styling*/
.ListGridBaseClass
{
    border-top-width: 0px !important;
}

.ListGridBaseClass .x-grid-body
{
    border-width: 0px !important;
}

.ListGridBaseClass .x-grid-row.x-grid-row-selected .x-grid-cell
{
    background-color: #34B233 !important;
}

.ListGridBaseClass .x-grid-row .x-grid-cell-inner
{
    padding-left: 5px !important;
}

.ListGridBaseClass .x-grid-row.x-grid-row-selected .x-grid-cell-inner
{
    color: white !important;
}

.ListActionColumn
{
}

.ListActionColumn x-grid-row.x-grid-row-selected.x-action-col-cell
{
    border-left-style: dashed !important;
    border-left-width: 2px !important;
    border-color: white;
}



.NoHeaderGrid
{
    background: white;
    border-width: 0px !important;
}

.emptyGridSplash
{
    background-image: url("empty_grid_bg.png");
    background-repeat: repeat-x, repeat-y;
}

.GridContain
{
    overflow: auto;
    height: 400px;
}

.editableGridCell
{
    border-style: solid !important;
    border-color: #34B233 !important;
    border-left: thin double #34B233 !important;
    border-right: thin double #34B233 !important;
}

.BarCodeModalGridPanel .x-grid-dirty-cell .x-grid-cell-inner
{
    background-image: url('../ExtJS/resources/themes/images/gray/grid/dirty.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.BarCodeModalGridPanel .x-grid-dirty-cell
{
    background-image: none;
}

.highlightEditGridCell .x-grid-cell-inner
{
    margin: 2px;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 3px 3px 3px 5px;
}

/*#region Categories & Items Setup Color Cls*/
.ItemsGrid .x-grid-row .x-grid-cell-first
{
    padding-left: 0px;
    padding-right: 0;
    border-right-width: 0px;
    border-right-style: none;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-top-width: 0px;
    border-top-style: solid;
}

.ItemCategoryGridName
{
    font-size: 12px;
    font-weight: bold;
    color: #505255;
}

.CategoryF1C40F /* Yellow */
{
    background-color: #8E7306 !important;
    color: #FFFFFF !important;
}

.CategoryFFB5CA /* Pink */
{
    background-color: #EB0042 !important;
    color: #FFFFFF !important;
}

.CategoryF68E51 /* Orange */
{
    background-color: #C74F0A !important;
    color: #FFFFFF !important;
}

.Category23BEB0 /* Teal */
{
    background-color: #188178 !important;
    color: #FFFFFF !important;
}

.CategoryBCD64E /* Light Green */
{
    background-color: #6B7C1D !important;
    color: #FFFFFF !important;
}

.Category39B16A /* Green */
{
    background-color: #2A844F !important;
    color: #FFFFFF !important;
}

.Category7AB7D3 /* Light Blue */
{
    background-color: #347C9D !important;
    color: #FFFFFF !important;
}

.Category006498 /* Blue */
{
    background-color: #006498 !important;
    color: #FFFFFF !important;
}

.CategoryE2327D /* Magenta */
{
    background-color: #DF2073 !important;
    color: #FFFFFF !important;
}

.Category966EAA /* Purple */
{
    background-color: #9262A3 !important;
    color: #FFFFFF !important;
}

.CategoryEC3331 /* Red */
{
    background-color: #E91916 !important;
    color: #FFFFFF !important;
}

.CategoryCDB48C /* Brown */
{
    background-color: #8E713E !important;
    color: #FFFFFF !important;
}


/* old colors... for backward compatibility */
.CategoryF3EC7A /* Yellow */
{
    background-color: #F3EC7A !important;
}

.CategoryEFABB8 /* Pink */
{
    background-color: #EFABB8 !important;
}

.CategoryDD8536 /* Orange */
{
    background-color: #DD8536 !important;
    color: #FFFFFF !important;
}

.Category00A599 /* Teal */
{
    background-color: #00A599 !important;
    color: #FFFFFF !important;
}

.Category67D043 /* Light Green */
{
    background-color: #67D043 !important;
}

.Category0DA044 /* Green */
{
    background-color: #0DA044 !important;
    color: #FFFFFF !important;
}

.Category2D97D3 /* Light Blue */
{
    background-color: #2D97D3 !important;
}

.Category007AC9 /* Blue */
{
    background-color: #007AC9 !important;
    color: #FFFFFF !important;
}

.CategoryBE1C80 /* Magenta */
{
    background-color: #BE1C80 !important;
    color: #FFFFFF !important;
}

.Category6442A5 /* Purple */
{
    background-color: #6442A5 !important;
    color: #FFFFFF !important;
}

.CategoryD93B40 /* Red */
{
    background-color: #D93B40 !important;
    color: #FFFFFF !important;
}

.Category995830 /* Brown */
{
    background-color: #995830 !important;
    color: #FFFFFF !important;
}
/*#endregion Categories & Items Setup Color Cls*/

/*Grid Styling for Backoffice*/

.ItemDetailGridPanel .x-grid-row, .MyStoresGridPanel .x-grid-row, .StoreTerminalsGridPanel .x-grid-row,
.EditableGridPanel .x-grid-row {
    height: 32px !important;
    vertical-align: middle !important;
}

.ItemDetailGridPanel .x-column-header
{
    border-bottom: 4px solid rgb(77, 173, 75) !important;
    background-image: none !important;
    background-color: rgb(249, 249, 249) !important;
    border-right: 0px !important;
    font-family: Helvetica, Arial, Sans-Serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 120% !important;
}

.ItemDetailGridPanel .x-grid-row .x-grid-cell
{
    font-family: Helvetica, Arial, Sans-Serif !important;
    line-height: 120% !important;
    text-align: left !important;
    font-size: 11px !important;
}

.ItemDetailGridPanel .x-grid-row .x-grid-cell .x-form-trigger-input-cell
{
}

.ItemVariationView .x-item-disabled
{
    opacity: 0.5;
}

.gridBottomBarLabel
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    text-align: left;
    color: rgb(80, 82, 85);
}
/*#endregion GRID STYLING*/

/*#region TAX SETUP GRID STYLES*/
.TaxGrid .TaxGridRow
{
    height: 33px;
}

.TaxGrid .LocNameCell .x-grid-cell-inner
{
    padding: 0px;
}

.TaxGrid .LocNameCell .SellingLocationIcon
{
    padding: 8px 6px 10px 6px;
}

.TaxGrid .LocNameCell .SellingLocationName
{
    padding: 8px 6px 10px 6px;
    margin-left: 20px;
}

.TaxGrid .LocNameCell.x-grid-cell-selected .SellingLocationName
{
    margin-left: 20px;
    padding-left: 6px;
}

.TaxGrid .LocNameFirstRow
{
    border-bottom: 0px solid transparent;
}

.TaxGrid .LocNameFirstRow .SellingLocationName
{
    border-bottom: 1px solid #ededed;
}

.TaxGrid .x-grid-row-over .LocNameFirstRow .SellingLocationName
{
    border-bottom: 1px solid #ddd;
}

/* Tax grid cells that are not the first or the last */
.TaxGrid .LocNameMidRow
{
    border: 0px solid transparent;
}

.TaxGrid .LocNameMidRow .SellingLocationNameInner
{
    margin-left: 20px;
}

.TaxGrid .LocNameMidRow .SellingLocationName
{
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #ededed;
}

.TaxGrid .x-grid-row-over .LocNameMidRow .SellingLocationName
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.TaxGrid .LocNameLastRow .SellingLocationNameInner
{
    margin-left: 20px;
}

.TaxGrid .LocNameLastRow
{
    border-top: 0px solid transparent;
}

.TaxGrid .LocNameLastRow .SellingLocationName
{
    border-top: 1px solid #fafafa;
}

.TaxGrid .x-grid-row-over .LocNameLastRow .SellingLocationName
{
    border-top: 1px solid #ddd;
}

.TaxGrid .SellingLocationIcon
{
    width: 13px;
    height: 13px;
    float: left;
}

.TaxGrid .x-grid-dirty-cell,
.TaxGrid .LocNameCell.LocNameMidRow.x-grid-dirty-cell,
.TaxGrid .LocNameCell.LocNameLastRow.x-grid-dirty-cell,
.DefaultReleaseGrid .x-grid-dirty-cell
{
    background-image: none;
}

.TaxGrid .EditableTax .x-grid-cell-inner .EditField
{
    display: inline-block;
    margin: 2px;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 3px 3px 3px 5px;
    width: 80%;
}

.TaxGrid .EditableTax .x-grid-cell-inner .EditFieldWithButton {
    display: inline-block;
    border-style: solid;
    border: thin double #A1A1A1;
    width: 60%;
    margin: 0px;
    height: 23px;
    max-height: 23px;
    min-height: 23px;
    vertical-align: middle;
    padding: 4px 2px 0px 2px !important;
    overflow: hidden;
}

.TaxGrid .EditableTax .x-grid-cell-inner .EditFieldBtnAddOn
{
    height: 23px;
    max-height: 23px;
    min-height: 23px;
    vertical-align: middle;
    margin-right: -1px;
    width: 20px;
    border: thin double #A1A1A1;
    padding: 0px;
}

.HighlightBackground {
    background-color: #34B233;
}

.TaxGrid .EditableTax .x-grid-cell-inner .EditFieldInlineGroup
{
    padding-top: 1px;
}

.TaxGrid .LocNameCell.x-grid-dirty-cell,
.TaxGrid .LocNameCell.LocNameMidRow.x-grid-dirty-cell .SellingLocationName,
.TaxGrid .LocNameCell.LocNameLastRow.x-grid-dirty-cell .SellingLocationName,
.TaxGrid .EditableTax.x-grid-dirty-cell .x-grid-cell-inner .EditField
{
    background-image: url('../ExtJS/resources/themes/images/gray/grid/dirty.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.TaxGrid .LocNameMidRow.x-grid-cell-selected, .TaxGrid .LocNameLastRow.x-grid-cell-selected
{
    background-color: transparent !important;
}

.TaxGrid .LocNameMidRow.x-grid-cell-selected .SellingLocationName, .TaxGrid .LocNameLastRow.x-grid-cell-selected .SellingLocationName
{
    background-color: #b8cfee !important;
}

.LocNameCell .x-grid-cell-inner, .StoreNameCell .x-grid-cell-inner {
    white-space: normal !important;
}

/*#endregion TAX SETUP GRID STYLES*/

.borderlessIframe
{
    border-style: none !important;
}

.reportIframeContainer
{
    overflow: scroll !important;
}

.greenButtonText .x-btn-inner
{
    color: #34B233 !important;
    opacity: 1;
}

.viewportContainer
{
    margin: 0 auto !important;
    padding: 0px;
    width: 1000px !important;
}

.textFormatting
{
    font-family: Helvetica, Arial, Sans-Serif;
}

.zIndexManager
{
    z-index: 5;
}

.FakeLink
{
    text-decoration: none;
    cursor: pointer;
}

.DashboardViewLink
{
    text-decoration: none;
    cursor: pointer;
    color: #008285 !important;   
}

a.disabled
{
    color: #C2C2C2;
}

.chartHoverHand
{
    cursor: pointer;
}


.ProgressBar
{
    border: 2px solid #7D8082;
}

.RightFloatDiv
{
    font-size: 13px;
    float: right;
    color: #505255;
    margin-top: 5px;
    padding: 0 !important;
}

.buttonFloatDiv
{
    float: right;
    height: 22px;
    width: 22px;
    display: inline !important;
    padding: 0 !important;
}

.StoreButton 
{
    background-image: url('storeFrontIcon.png');
}

.PortalMerchantCombo
{
    color: Black;
    font-family: Arial;
    font-weight: 600;
    text-decoration: none;
}

.portalChartHeader
{
    color: #1C559E;
    float: left;
    font-size: 1.7em;
    margin-top: 5px;
    margin-left: 20px;
    width: 400px;
    margin-right: 10px;
    text-shadow: #EDEDED 0px 1px 1px;
    padding: 5px;
}

.portalChartHeaderSix
{
    color: #1C559E;
    float: left;
    font-size: 1.7em;
    margin-top: 5px;
    margin-left: 5px;
    width: 400px;
    margin-right: 10px;
    text-shadow: #EDEDED 0px 1px 1px;
    padding: 5px;
}

.dashboardHeader
{
    color: #1C559E;
    float: left;
    font-size: 1.5em;
    padding-right: 15px;
    padding-left: 15px;
    text-shadow: #EDEDED 0px 1px 1px;
}

.ccDashboardItems
{
    color: #1C559E;
    float: left;
    font-size: 1.2em;
    padding-top: 5px;
}

#reportsList li
{
    list-style: square;
    margin-left: 25px;
    margin-bottom: 5px;
    font-size: 1.3em;
    text-shadow: #CCCCCC 0px 1px 1px;
    color: #474747;
}

.handCursor
{
    cursor: pointer;
}

.required
{
    color: Maroon !important;
}

.indicator
{
    color: Maroon;
    font-weight: bold;
}

.invalidDevice
{
    color: red;
    font-weight: bold;
    font-size: 1.4em;
}

.MainContain
{
    height: auto;
}

#app-header
{
    color: Black;
    font-size: medium;
    font-weight: 200;
    padding: 8px 15px;
}
#app-msg
{
    background: #D1DDEF;
    border: 1px solid #ACC3E4;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
}

.bold
{
    font-weight: bold;
}

.buttonTextBold span.x-btn-inner
{
    font-weight: bolder !important;
}

.searchField
{
    font-size: 120%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: -2px 0 4px #E0E0E0 inset;
    background-image: none;
    border-color: #D1D1D1;
    color: #757575 !important;
}

.uppercaseTextfield
{
    text-transform: uppercase;
}

.readOnly
{
    background: #E0E0E0 !important;
}

.readOnlyBkg
{
    background: #E0E0E0 !important;
    opacity: .8;
}

.TicketNotesCls {
    border: none !important;
    background-image: none !important;
}

.readOnlyBkgDirty {
    background-image: url('../ExtJS/resources/themes/images/gray/grid/dirty.gif') !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}

.readOnlyNumberField
{
    background: #E0E0E0 !important;
    cursor: default !important;
}

.readOnlyTextField .uppercaseTextfield
{
    background: #E0E0E0 !important;
    border: none !important;
}

.combo-field
{
    float: left;
    border-color: #D1D1D1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 23px !important;
}

.combo-field-date
{
    float: left;
    border-color: #D1D1D1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.combo-field-date-noinput
{
    visibility: hidden;
}


.field-date-noinput, .hideComp
{
    display: none;
}

.showComp
{
    display: inline;
}

.combo-field-date-noinput > x-form-trigger-input-cell
{
    display: none;
}

.combo-field-time
{
    float: left;
    border-color: #D1D1D1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.combo-field-toolbar
{
    float: left;
    border-color: #D1D1D1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 22px !important;
}

.panel-overall
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.portlet-content
{
    padding: 10px;
    font-size: 11px;
}

#app-options .portlet-content
{
    padding: 5px;
    font-size: 12px;
}
.settings
{
    background-image: url(../shared/icons/fam/folder_wrench.png);
}
.nav
{
    background-image: url(../shared/icons/fam/folder_go.png);
}
.info
{
    background-image: url(../shared/icons/fam/information.png);
}

.registerText
{
    font-size: 14px;
    font-weight: bold;
    color: Navy;
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
}

.overlayText
{
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: Green;
}

.welcomeText
{
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.welcomeDir
{
    font-size: 14px;
}

.welcomeSteps
{
    font-size: 20px;
    font-weight: 300;
}

.fontSize20
{
    font-size: 20px !important;
}

.welcomeSettingsText
{
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    cursor: hand;
    color: Green;
    text-decoration: underline;
}

.welcomeToDashboardSwitch
{
    font-size: 16px;
    font-weight: 300;
}

.underlineHandCursor, .resetPasswordLink, .forgotUserNameLink
{
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
}

.resetPasswordLink, .forgotUserNameLink
{
    text-align: left;
}

/* Styling of global error indicator */
.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(../ExtJS/resources/themes/images/default/form/exclamation.gif);
}
.form-error-state-valid
{
    color: #090;
    background-image: url(../ExtJS/resources/themes/images/default/dd/drop-yes.gif);
}

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

.errors-tip
{
    z-index: 80000000 !important;
}

.rightAlign, .centerAlign
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: -2px 0 4px #E0E0E0 inset;
    cursor: default !important; /*background-image: none;*/
    border-color: #D1D1D1;
}

.rightAlign
{
    text-align: right;
}

.centerAlign
{
    text-align: center !important;
}

.leftAlign
{
    text-align: left;
}

.floatContainerRight
{
    float: right !important;
}



.reportChartTitle
{
    font-size: 1.4em;
}

.app-header-subheader-closed
{
    height: 90px;
}

.app-header-subheader-open
{
    height: 115px;
}

.row-readonly, .checkcolumn-readonly, .combo-disabled
{
    opacity: 0.5;
}

.error-empty-field
{
    color: #FF9999;
}

.AccountSubscriptSeatCell
{
    vertical-align: middle;
    height: 30px;
}

ul.emailMarketingBestPractice
{
}

.itemCategoryLabel
{
    font-size: 20px;
}

.emailMarketingBestPractice li
{
    padding-bottom: 10px;
    padding-left: 10px;
}

a.emailMarketingBestPractice
{
    font-size: 120%;
    color: #34B233 !important;
}

.emailMarketingConfirmPreview
{
    border: 1px solid #BBBBBB !important;
}

.ColorPickerContainer .x-color-picker em span
{
    height: 32px;
    width: 32px;
}

.ColorPickerContainer
{
    background-color: White;
}

.ItemCategoryButtonContainer, .ItemCategoryButtonContainerInModal
{
    background-image: url('silverbar.png');
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #777;
}

.ItemCategoryButtonContainer
{
    padding: 8px;
}

.ItemCategoryButtonContainerInModal
{
    padding: 4px;
}

.NoColorText
{
    float: left;
    margin-top: 15px;
    margin-left: 3px;
}

.NoColorDivider
{
    clear: both;
    background-color: Gray;
    height: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    float: left;
}

.AlertKeyMetricHighlight
{
    font-weight: bolder;
}

.AlertSectionHeader
{
    color: #676767;
    font-size: 22px;
    font-weight: bold;
}

.AlertExplanationDescription, .AlertTriggerDescription, .AlertPriceOverrideLegend, .AlertReportLink
{
    color: #676767;
    font-size: 16px;
}

.AlertFieldLabel, .AlertPieChartHeader
{
    color: #676767;
    font-size: 16px;
    font-weight: bold;
}

.AlertReportLink
{
    margin-left: 10px;
}

.marginLeftTwentyFive {
    margin-left: 25px;
}

.VenueSeatsDescription {
    font-size: 120%;
}

.TaxSetupHeader
{
    font-size: 200%;
    font-weight: bolder;
}

.TaxSetupDescription, .SellingLocationDescription, .TaxSellingLocationContainer, .TaxSetupSaveCancelContainer, .TaxSetupDescriptionCmpView
{
    font-weight: normal !important;
}

.TaxSetupDescriptionCmpView
{
    font-weight: bold !important;
}

.taxCategoryHeader
{
    float: left;
}

.taxCategoryHeader .EditClSmall, .taxCategoryHeader .BlankIconCl
{
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
}

.taxCategoryHeader .taxCategoryHeaderName
{
    display: inline;
    vertical-align: top;
    text-align: left;
}

.taxCategoryHeader .taxCategoryHeaderDefault
{
    margin-left: 2px;
    display: inline;
    vertical-align: top;
    text-align: left;
}

.taxCategoryHeader .taxCategoryHeaderCount
{
    margin-left: 2px;
    display: block;
    vertical-align: top;
    text-align: left;
}

.TaxEditField Input
{
    text-align: right;
}

.SellingLocContainer
{
    margin-left: 20px;
}

.SellingLocContainer .locName
{
    margin-left: 35px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.SellingLocContainer .locName.x-item-disabled .x-form-item-label
{
    filter: initial;
    opacity: initial;
}

.SellingLocContainer .multiTaxSelectContainer
{
    margin-bottom: 10px;
    margin-top: 10px;
}

.SellingLocContainer .helpIconContainer
{
    padding-left: 2px;
    margin-right: 5px;
}

.SellingLocContainer .multiTaxCheckBox
{
    margin-left: 10px;
    margin-right: 20px;
}

.SellingLocContainer .MultiTaxDescContainer
{
    margin-left: 35px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 10px;
}

.multiTaxAuthPanel
{
    margin-right: 20px;
}


.multiTaxAuthPanel .taxAuthGridCell .x-grid-cell-inner
{
    margin: 5px;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 3px 3px 3px 5px;
}

.multiTaxAuthPanel .x-grid-dirty-cell
{
    background-image: none;
}

.multiTaxAuthPanel .taxAuthGridCell.x-grid-dirty-cell .x-grid-cell-inner
{
    background-image: url('../ExtJS/resources/themes/images/gray/grid/dirty.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.multiTaxAuthPanel .RemoveTaxAuthIcon
{
    height: 16px;
    margin-left: 0px;
    margin-right: 3px;
    margin-top: 7px;
    margin-bottom: 3px;
}

.multiTaxAuthPanel .RemoveTaxAuthIcon.x-item-disabled
{
    opacity: 0.0;
}

.multiTaxAuthPanel .TaxAuthActionColumn, .multiTaxAuthPanel .x-grid-row-selected .TaxAuthActionColumn
{
    background-color: transparent !important;
    border-color: transparent;
}

.multiTaxAuthPanel .TaxAuthActionColumn .grid-cell-inner
{
}

.multiTaxAuthPanel .TaxAuthActionColumnHeader
{
    border-color: transparent;
    background-color: transparent;
    background-image: none;
}

.multiTaxAuthPanel .TaxAuthActionColumnHeader .x-column-header-inner, .multiTaxAuthPanel .TaxAuthActionColumnHeader .x-column-header-over,
.DefaultUrlGrid .x-column-header-over, .MerchantUrlGrid .x-column-header-over
{
    background-color: transparent;
    background-image: none;
}

.multiTaxAuthPanel .TaxAuthNameColumnHeader
{
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
}

.multiTaxAuthPanel .x-grid-header-ct
{
    border: 1px solid white;
}

.noSpinningImage div
{
    background-image: none !important;
    padding: 5px 10px 5px 10px;
}

.lightBorder
{
    border-width: 2px;
    border-style: solid;
    border-color: #e5e5e5;
}

.lightHeader
{
    font-weight: bold;
    color: #ddd3cc;
}

.multilineLabel
{
    max-width: 210px;
    display: inline-block;
    margin-right: 15px;
}

.multilineLabelAfter
{
    max-width: 210px;
    display: inline-block;
    margin-left: 8px;
}

/* Email Editor */

.EmailSectionMenu
{
    position: fixed;
    background-color: #EEEEEE;
    border: solid 1px #BBBBBB;
    z-index: 99999;
    padding: 0;
    margin: 0;
}

.EmailSectionMenu ul
{
    padding: 0px !important;
    margin: 2px !important;
    font-size: 12px;
    cursor: pointer;
}

.EmailSectionMenu li
{
    padding: 0px !important;
    margin: 0px !important;
    border: solid 1px #EEEEEE;
}

.EmailSectionMenu .Separator, .EmailSectionMenu .Separator:hover
{
    border: solid 1px #EEEEEE;
    border-top: solid 1px #AAAAAA;
    height: 1px;
    padding: 0px !important;
    margin: 2px 0px 1px 0px !important;
}

.EmailSectionMenu li:hover
{
    padding: 0px !important;
    margin: 0px !important;
    background-color: #EEEEF8 !important;
    border: solid 1px #88BBFF;
}

.EmailSectionMenu div
{
    padding: 4px !important;
    margin: 0px !important;
}

.EmailTemplateThumbnail
{
    float: left;
    cursor: pointer;
    text-align: center;
    margin: 7px 17px 7px 17px;
    padding: 0px;
}

.EmailTemplateThumbnail span
{
    font-weight: bold;
}

.EmailTemplateThumbnail img
{
    border: solid 3px transparent;
    margin: 4px 0px 0px 0px;
    padding: 0px;
}

/*Used on the Email First Run*/

.emailForceBorder
{
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #505255 !important;
}

.emailForceBorderDashed
{
    border-style: dashed !important;
    border-width: 2px !important;
    border-color: #505255 !important;
}

/* Email Marketing Landing Page */

.EmailHeaderTitle
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 75%;
    color: rgb(90, 90, 90);
    text-align: left;
}

.BulkEmailPanel
{
    background: url("email_bulk.png") center no-repeat !important;
    cursor: pointer;
}

.WelcomeEmailPanel
{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: rgb(90, 90, 90);
    background: url("email_welcome.png") no-repeat 0px 20px !important;
    cursor: pointer;
}

.ReceiptEmailPanel
{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: rgb(90, 90, 90);
    background: url("email_receipt.png") no-repeat 0px 20px !important;
    cursor: pointer;
}

.MissYouEmailPanel
{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: rgb(90, 90, 90);
    background: url("email_miss_you.png") no-repeat 0px 20px !important;
    cursor: pointer;
}

.EmailSetupIcon
{
    margin: 142px 0px 0px 130px;
    padding: 4px 0px 0px 27px;
    height: 22px;
    width: 90px;
    background: url(icn_setup_22x22.png) no-repeat !important;
}

.EmailActiveIcon
{
    margin: 142px 0px 0px 170px;
    padding: 4px 0px 0px 27px;
    height: 22px;
    width: 70px;
    background: url(icn_check_on_22x22.png) no-repeat !important;
}

.EmailNotSetupIcon
{
    margin: 142px 0px 0px 130px;
    padding: 4px 0px 0px 27px;
    height: 22px;
    width: 90px;
    background: url(icn_error_22x22.png) no-repeat !important;
}
.EmailPreviewIcon
{
    margin: 142px 0px 0px 150px;
    padding: 4px 0px 0px 27px;
    height: 22px;
    width: 70px;
    background: url(icn_preview_22x22.png) no-repeat !important;
}

/* Facebook Post Styles */

.FacebookSubject
{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4D6494;
    word-wrap: break-word;
}

.FacebookShare
{
    background: url(icn_facebook_30x30.png) no-repeat !important;
    font-family: helvetica, arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #6D84B4;
    letter-spacing: -1;
    height: 30px;
    padding: 3px 0px 0px 40px;
}

.FacebookThumbnail
{
    border-right: solid 1px #CCCCCC;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
    text-align: center;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Info Panel Styles */

.InfoPanel
{
    background-color: #E5E5E5 !important;
    padding: 16px;
}

.InfoPanel div
{
    margin: 0px;
}

.InfoPanelSpacer
{
    height: 5px;
}

.RegularHeader
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 115%;
    color: rgb(80,82,85);
}

.InfoPanelHeader
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 115%;
    color: rgb(80,82,85);
    padding: 12px 0px 0px 50px;
    height: 52px;
}

.InfoPanelSubHeader
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    color: rgb(80,82,85);
    padding: 0px 0px 5px 0px;
}

.InfoPanelText
{
    font-family: Arial, Helvetica, san-serif;
    font-size: 11px;
    line-height: 120%;
    color: rgb(80,82,85);
    padding: 0px 0px 3px 0px;
}

.InfoPanelText li
{
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 0px 15px;
    list-style-type: disc !important;
    list-style-position: outside;
}

.InfoPanelText ol li
{
    list-style-type: decimal !important;
}

.InfoPanelLink
{
    padding: 0px 0px 4px 0px;
    font-family: Helvetica, Arial, san-serif;
    font-size: 10px;
    line-height: 120%;
    font-weight: bold;
    color: #006F94;
    cursor: pointer;
}

.InfoPanelLink a, .InfoPanelLink a:hover, .InfoPanelLink a:visited
{
    font-family: Helvetica, Arial, san-serif;
    font-size: 10px;
    line-height: 120%;
    font-weight: bold;
    color: #006F94;
    text-decoration: underline;
}

/* End Info Panel Styles */

.RememberMeCombo tbody tr td
{
    align: left;
}

/* **NEW** Navigation CSS */
.navigationButtons
{
    color: #505255;
    text-align: center;
    line-height: 25px;
    font-family: "HelveticaNeue-Light" , "Helvetica Neue Light" , "Helvetica Neue" , Helvetica, Arial, "Lucida Grande" , sans-serif;
    font-weight: bold;
    font-size: 14px;
}

/*Modified to meet 1.4.12 AA Text Spacing requirement - SB-1950. */
.submenuButtons {
  color: #414749;
  text-align: center;
  font-family: "Helvetica", "Arial", "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 11px;
  float: right;
  line-height: 18px;
}

.submenuButtons #image
{
    background-image: url("submenu_tag.png") !important;
    width: 8px;
    height: 8px;
    float: left;
    margin-top: 3px;
    margin-right: 4px;
}

.submenuButtons #text
{
    white-space: nowrap !important;
    float: right;
}

.boldText
{
    font-weight: bold;
}

.navigationButtonSelected
{
    border-bottom: 4px solid #34B233;
}

.submenuSelected
{
    color: #34B233;
    text-decoration: underline;
}

.submenuSelected #image
{
    background-image: url("submenu_selected.png") !important;
    width: 8px;
    height: 8px;
    float: left;
    margin-top: 3px;
    margin-right: 4px;
}

.submenuSelected #text
{
    white-space: nowrap;
}

.navigationButtons:hover
{
    border-bottom: 4px solid #34B233;
    cursor: pointer;
}

.submenuButtons:hover
{
    color: #34B233;
    cursor: pointer;
}

.splitTemp
{
    background-color: #E5E5E5;
}

.zIndexAdjust
{
    z-index: 20;
}

.helpIconZindexer
{
    z-index: 1000;
}

.backgroundRepeatNo
{
    background-repeat: no-repeat;
}

a.itemImportImgZoom img
{
    width: 860px;
    height: 330px;
}

.settingsMenuField
{
    background-image: url("settingsGear.png") !important;
    background-repeat: no-repeat;
    background-position:85% 50% !important;
    border: 0px !important;
    padding: 0px !important;
    color: #505255 !important;
    font-size: 13px;
    cursor: pointer !important;
}

.accountManagerField
{
    background-image: url("accountUserIcon.png") !important;
    background-repeat: no-repeat;
    background-position:85% 50% !important;
    border: 0px !important;
    padding: 0px !important;
    color: #505255 !important;
    font-size: 13px;
    cursor: pointer !important;
}

.accountManagerList
{
    color: #505255 !important;
    text-align: left;
    border: 1px solid #DDD !important;
    border-radius: 3px;
}

.accountManagerList input
{
    border: none;
    background-color: transparent;
    color: #505255;
}

.inventoryMenuField
{
    border: 0px !important;
    padding: 0px !important;
    color: #505255 !important;
    font-size: 13px;
    cursor: pointer !important;
}

.rightFloat
{
    float: right !important;
}

.silverStarterBackground
{
    background-image: url("greenDot.png");
    background-position: center;
    background-repeat: no-repeat;
}

.silverStarterTitles
{
    text-align: center;
    color: White;
    margin-top: 15px;
    font-family: Arial;
    font-size: 32px;
}

.silverStarterText
{
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    line-height: 140%;
    color: RGB(80, 82, 85);
}

.silverStarterText span
{
    color: RGB(76, 172, 75);
    font-size: 18px;
}

.silverLinkTextLarger
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    margin-left: auto;
    color: RGB(51, 204, 255);
    cursor: pointer;
}

.silverLinkText, .silverPromotionLinkText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 120%;
    margin-left: auto;
    color: RGB(51, 204, 255);
    cursor: pointer;
}

.silverPromotionLinkText
{
    text-decoration: underline;
}

.silverPromotionText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 120%;
    margin-left: auto;
    margin-top:12px;
    color: rgb(80, 82, 85);
    font-style:italic;
 
}


.silverLinkText img
{
    margin-left: 5px;
}

.silverLinkTextLogin
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    color: RGB(51, 204, 255);
    cursor: pointer;
}

.silverLinkTextLogin img
{
    margin-left: 5px;
}

.sessionHandler
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.logonLabel
{
    text-align: left !important;
}

.subNavDividers
{
    background-color: #DFDFDF !important;
}

.paymentMethodsHeaderTitle
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 75%;
    color: rgb(80, 82, 85);
    text-align: left;
}

.formHeaderSub, .formHeaderSubBold
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    color: rgb(80, 82, 85);
}

.formHeaderSubBold
{
    font-weight: bold;
}

.fontSize14px 
{
    font-size: 14px;
}

.formHeaderBar
{
    background-color: #34B233 !important;
    height: 4px !important;
}

.subFormHeaderBar
{
    background-color: #34B233 !important;
    height: 2px !important;
}

.formFieldHeader
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: rgb(80, 82, 85);
}

.formFieldHeaderCenter
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: rgb(80, 82, 85);
}

.NCRGreenFormFieldHeader 
{
    color: #34B233;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.formHeaderTitle
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 28px;
    font-weight: bold; /*line-height: 75%;*/
    color: rgb(80, 82, 85);
    text-align: left;
}

.firstRunHeaderTitle
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 28px;
    color: rgb(80, 82, 85);
    text-align: left;
}

.storeNameEmailLabel
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: rgb(80, 82, 85);
}

.formFieldLabel
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: rgb(80, 82, 85);
}

.formFieldLabel-right
{
    text-align: right;
}

.formFieldLabelNormal
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    text-align: left;
    color: rgb(80, 82, 85);
}

.formFieldLabelRequired
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: Maroon !important;
}

.labelNormal
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    text-align: left;
    color: rgb(80, 82, 85);
}

.firstRunHeaderText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    color: rgb(80, 82, 85);
}

.firstRunHeaderText span
{
    font-style: normal;
}

.loginFieldLabel
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    color: rgb(80, 82, 86);
    font-size: 18px;
}

.loginCheckboxLabel
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 15px;
    margin-left: 10px;
    color: rgb(80, 82, 85);
}

.loginLinkLabel
{
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    color: #007EA8 !important;
}

.loginHelpBox
{
    background-color: #F9F9F9;
}

.loginHelpBoxHeader
{
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 18px;
    color: rgb(80, 82, 86);
}

.discountCouponArea
{
    border-style: solid;
    border-width: 1px;
    border-color: white;
}

.discountCouponArea:hover
{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    cursor: pointer;
}

.loginHelpBoxBody
{
    text-align: left;
}

.loginHelpBoxLink
{
}

.formFooterText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #34B233;
}

.formFooterHelp
{
    font-family: Helvetica, Arial, Sans-Serif;
    color: rgb(80, 82, 85);
}

.formFooterHelpHighlight
{
    color: #34B233;
}

/*.SaveButton, .CancelButton, .DeleteButton */
.BaseButton
{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY2Njg2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTNhM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(102,104,109) 0%, rgb(57,58,62) 100%) !important; /* For Chrome and Safari */
    background-image: -moz-linear-gradient(-90deg, rgb(102,104,109) 0%, rgb(57,58,62) 100%) !important; /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(-90deg, rgb(102,104,109) 0%, rgb(57,58,62) 100%) !important; /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(-90deg, rgb(102,104,109) 0%, rgb(57,58,62) 100%) !important; /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(-90deg, rgb(102,104,109) 0%, rgb(57,58,62) 100%) !important; /* Standard syntax; must be last */
    border-color: rgb(118, 121, 127);
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.75);
}

.BaseButtonOver
{
    background-color: rgb(161,171,183) !important;
    background-image: none !important;
    filter: none;
    border-radius: 2px;
}

.BaseButtonDisabled
{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2JlYmZjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background-image: -webkit-linear-gradient(-90deg, rgba(102,104,109, 0.4) 0%, rgba(57,58,62, 0.4) 100%) !important; /* For Chrome and Safari */
    background-image: -moz-linear-gradient(-90deg, rgba(102,104,109, 0.4) 0%, rgba(57,58,62, 0.4) 100%) !important; /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(-90deg, rgba(102,104,109, 0.4) 0%, rgba(57,58,62, 0.4) 100%) !important; /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(-90deg, rgba(102,104,109, 0.4) 0%, rgba(57,58,62, 0.4) 100%) !important; /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(-90deg, rgba(102,104,109, 0.4) 0%, rgba(57,58,62, 0.4) 100%) !important; /* Standard syntax; must be last */
    border-color: rgba(118, 121, 127, 0.4);
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.3);
}

.BaseButtonPressed
{
    background-color: rgb(80,82,86) !important;
    background-image: none !important;
    filter: none;
    border-radius: 2px;
}

.SaveButton
{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(0, 181, 0) 0%, rgb(0,124,0) 100%) !important; /* For Chrome and Safari */
    background-image: -moz-linear-gradient(-90deg, rgb(0, 181, 0) 0%, rgb(0,124,0) 100%) !important; /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(-90deg, rgb(0, 181, 0) 0%, rgb(0,124,0) 100%) !important; /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(-90deg, rgb(0, 181, 0) 0%, rgb(0,124,0) 100%) !important; /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(-90deg, rgb(0, 181, 0) 0%, rgb(0,133,0) 100%) !important; /* Standard syntax; must be last */
    border-color: rgb(0,102,0);
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.75);
}

.SaveButtonOver
{
    background-color: rgb(0,196,0) !important;
    background-image: none !important;
    filter: none;
    border-radius: 2px;
}

.SaveButtonDisabled
{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZGI5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NlOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background-image: -webkit-linear-gradient(-90deg, rgba(0, 181, 0, 0.4) 0%, rgba(0,124,0, 0.4) 100%) !important; /* For Chrome and Safari */
    background-image: -moz-linear-gradient(-90deg, rgba(0, 181, 0, 0.4) 0%, rgba(0,124,0, 0.4) 100%) !important; /* For old Fx (3.6 to 15) */
    background-image: -ms-linear-gradient(-90deg, rgba(0, 181, 0, 0.4) 0%, rgba(0,124,0, 0.4) 100%) !important; /* For pre-releases of IE 10*/
    background-image: -o-linear-gradient(-90deg, rgba(0, 181, 0, 0.4) 0%, rgba(0,124,0, 0.4) 100%) !important; /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(-90deg, rgba(0, 181, 0, 0.4) 0%, rgba(0,124,0, 0.4) 100%) !important; /* Standard syntax; must be last */
    border-color: rgba(0,102,0, 0.4);
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.3);
}

.SaveButtonPressed
{
    background-color: rgb(0, 151, 0) !important;
    background-image: none !important;
    filter: none;
    border-radius: 2px;
}

.SaveButton .x-btn-inner, .CancelButton .x-btn-inner, .SaveButtonOver .x-btn-inner, .BaseButton .x-btn-inner
{
    color: White !important;
}

.SaveButton .x-btn-inner, .CancelButton .x-btn-inner, .DeleteButton .x-btn-inner, .BaseButton .x-btn-inner, .AddButton, .AddSmallButton, .PreviewButton .x-btn-inner, .PayPalHere
{
    /*font-size: 120%;*/
    font-size: 100%;
    font-family: Helvetica, Arial, Sans-Serif !important;
    font-weight: 500;
}

.BlankButton
{
    background-image: none !important;
    background-color: white !important;
    border: none !important;
    font-family: Helvetica, Arial, Sans-Serif !important;
}

    .BlankButton:hover
    {
        background-color: #F9F9F9 !important;
        cursor: pointer;
    }

    .BlankButton, .x-btn-default-medium, .x-btn-inner
    {
        font-family: Helvetica, Arial, Sans-Serif !important;
    }

.PreviewTextTip
{
    color: #333;
    font-weight: normal !important;
    line-height: 17px;
    font-family: Helvetica, Arial, Sans-Serif !important;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.AddOneVariationButton, .AddVariationButton
{
    background: none;
    background-color: transparent;
}

.AddOneVariationButton .x-btn-inner, .AddVariationButton .x-btn-inner
{
    color: Black !important;
}

.RemoveIcon .x-btn-inner
{
    font-size: 120%;
}

.RemoveIcon .x-btn-icon
{
    height: auto;
}

.RemoveIcon
{
    background: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.RemoveVariationIcon, .MoveUpVariationIcon, .MoveDownVariationIcon, .RemoveBarcodeIcon 
{
    height: 16px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.variationNameField .x-panel-body-default
{
    border-color: transparent;
    background: inherit;
    border-width: 0px;
    border-style: none;
}

.cellTextTopAlign .x-field-label-cell
{
    vertical-align: top !important;
}

.NoBorder
{
    border-style: none !important;
}

.manualCardEntryContainer, .creditCardTipsContainer, .requireSignatureContainer
{
    margin-left: 175px !important;
}

/* disable bound lists */
.silver-boundlist-item-disabled
{
    color: Silver;
}

/* Login Page Styling */
.loginBorderRemover
{
    border-style: none !important;
}

/* Silver Footer Styling */
.silverFooterCls
{
    background-color: #E7E7E7;
    vertical-align: middle;
}

.footerBarBackground
{
    background-image: url("menu_bg_shadow_lower.png") !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}

.footerBarNormal
{
    background-color: #505255;
    opacity: 0.4;
}

.footerBarSmall
{
    background-color: rgb(215,215,215);
}

.middleBarNormal
{
    background-color: #505255;
    opacity: 0.4;
    width: 2px !important;
}

/*#region Baritone styling...*/
.financialShiftButtonColumn
{
    background: url("ReceiveCashInactive.png");
    height: 20px;
    width: 80px;
    margin: 5px;
}

.financialShiftButtonColumn:hover
{
    background: url("ReceiveCashActive.png");
    height: 20px;
    width: 80px;
    margin: 5px;
}

.financialShiftButtonColumnSummary
{
    background: url("ReceiveCashAllInactive.png");
    height: 20px;
    width: 80px;
}

.financialShiftButtonColumnSummary:hover
{
    background: url("ReceiveCashAllActive.png");
    height: 20px;
    width: 80px;
}

.pushESButtonColumn {
    background: url("PushESInactive.png");
    height: 20px;
    width: 80px;
}

.pushESButtonColumn:hover {
    background: url("PushESActive.png");
    height: 20px;
    width: 80px;
}

.dataDumpDeleteButtonColumn
{
    background: url("knob_cancel_16.png");
    height: 16px;
    width: 16px;
}

.dataDumpDownloadButtonColumn
{
    background: url("Knob Download.png");
    height: 32px;
    width: 32px;
}

.x-grid-cell-lineGraphicColumn
{
    background-color: pink;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}

.kitchenRoutingMoreGreen
{
    background-color: #34B233;
    color: white;
    border-color: lightgray;
    border-style: solid;
    border-width: 2px;
    padding: 1px 15px 1px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.kitchenRoutingMoreGreen:hover
{
    border-color: darkgray;
}

.kitchenRoutingMoreBlack
{
    background-color: black;
    color: white;
    border-color: lightgray;
    border-style: solid;
    border-width: 2px;
    padding: 1px 15px 1px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.kitchenRoutingMoreBlack:hover
{
    border-color: #34B233;
}
/*#endregion Baritone styling...*/

.x-grid-empty
{
    display: block;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/*#region EDITABLE GRID CELL BORDER*/
.SilverEditableGrid .editableCell .x-grid-cell-inner, .SilverEditableGrid .readOnlyCell .x-grid-cell-inner
{
    display: inline-block;
    margin: 2px;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 3px 3px 3px 3px;
    width: 98%;
}

.SilverEditableGrid .silverBasicEditableCell .x-grid-cell-inner
{
    display: inline-block;
    margin: 5px 2px 2px 2px;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 3px 3px 3px 3px;
    width: 98%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: -2px 0 4px #E0E0E0 inset;
    height: 22px;
}

.SilverEditableGrid .batchUpdateEditableCell .x-grid-cell-inner
{
    display: inline-block;
    border-style: solid;
    border: thin double #A1A1A1;
    padding: 2px 3px;
    width: 98%;
}

.SilverEditableGrid .x-grid-dirty-cell .x-grid-cell-inner
{
    background-image: url('../ExtJS/resources/themes/images/gray/grid/dirty.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.SilverEditableGrid .x-grid-dirty-cell, .SilverEditableGrid.DefaultReleaseGrid .SelectableSolutionSet .x-grid-cell-inner /*My Account -> My Devices*/
{
    background-image: none !important;
}

.SilverEditableGrid .readOnlyCell .x-grid-cell-inner, .SilverEditableGrid .batchUpdateEditableCellReadOnly .x-grid-cell-inner
{
    opacity: 0.7;
}
/*#endregion EDITABLE GRID CELL BORDER*/

/*#region PAYPAL CLS*/
.locationLogoContainer, .locationLogoContainer .x-box-inner
{
    background-color: #F8F8F8 !important;
}

.logoContainer
{
    border-style: solid;
    border: thick double #A1A1A1;
}

.noLogoContainer, .noLogoContainer .x-box-inner
{
    background-color: #717171 !important;
}

.noLogoContainer
{
    border-style: solid;
    border: thick double #000000;
    color: white;
}

.payPalSignUpLink
{
    color: #009DA0;
    font-weight: bold;
}
/*#endregion PAYPAL CLS*/

/*#region IP Commerce*/
.QuickBooksIntegrate
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 100%;
    color: rgb(90, 90, 90);
    text-align: left;
}

.QuickBooksTradeMarkText
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(90, 90, 90);
    text-align: left;
}

.QuickBooksBetaBkg
{
    background-color: rgb(1, 178, 178);
    width: 64px;
    height: 30px;
    border-radius: 8px;
}

.QuickBooksBetaTxt 
{
    color: #fff;
    display: block;
    width: 64px;
    height: 30px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px; 
}

/*#endregion IP Commerce*/

/*#region GRID COLUMN HEADER WITH TIP*/
.rightAlignHeader
{
    float: right;
    vertical-align: top;
    text-align: right;
}
.columnHeaderWithTip
{
    float: left;
}

.columnHeaderWithTip .ColumnHeaderText
{
    display: inline;
    vertical-align: top;
    text-align: left;
}

.columnHeaderWithTip .TipIcon
{
    width: 13px;
    height: 13px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}

.columnHeaderWithTip .FireFoxTipIcon
{
    width: 13px;
    height: 13px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    margin-top:-15px;
}

.rowValueWithTip .CellText
{
    display: inline;
    vertical-align: middle;
    text-align: left;
    float: left;
}

.rowValueWithTip .TipIcon
{
    width: 13px;
    height: 13px;
    float: left;
    margin-left: 5px;
    background-repeat: no-repeat;
    display: block;
}

.rowValueWithReset .CellText
{
    display: inline;
    vertical-align: middle;
    text-align: right !important;
    float: left;
    width: 55%;
}

.rowValueWithReset .ResetIcon
{
    width: 12px;
    height: 12px;
    float: right;
    margin-right: 1px;
    margin-top: 1px;
    background-repeat: no-repeat;
    display: block;
}

.ResetIcon
{
    background-image: url(icn_clear_12x12.png);
    background-position: center !important;
    cursor: pointer;
}
/*#endregion GRID COLUMN HEADER WITH TIP*/

/*#region ResetInputField*/
/* Credits fit4dev (http://www.eekboom.de/ClearButton.html), with modifications */
.ext-ux-clearbutton {
    width: 12px;
    height: 12px;
    background-image: url(icn_clear_12x12.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow:  hidden; /* IE 6 */
    margin-top: 4px;
    background-color: white;
}
/*#endregion ResetInputField*/

.priceOverrideLinkText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: auto;
    color: RGB(51, 204, 255);
    cursor: pointer;
}

.cooktimeOverrideLinkText {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: auto;
    color: RGB(51, 204, 255);
    cursor: pointer;
}

.x-item-disabled .x-form-field
{
    filter: alpha(opacity=70) !important;
    opacity: .7 !important;
}

/*#region Loyalty & Cash Reconciliation Detail*/

.TotalTenderedGrid .HeaderCls, .TotalTenderedGrid .HeaderCls .x-column-header-over {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    color: rgb(80, 82, 85);
    font-weight: bold;
    border-bottom: 0 !important;
    border-right: 0 !important;
    background-color: white !important;
    background-image: none !important;
    border-width: 0px !important;
}

.TotalTenderedGrid .formFieldLabel {
    font-family: Helvetica, Arial, Sans-Serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: left !important;
    color: rgb(80, 82, 85);
}

.PayDetailGrid .HeaderCls, .PayDetailGrid .HeaderCls .x-column-header-over{
    font-size: 10px !important;
}

/*#region LOYALTY PROGRAM STYLES*/
.LoyaltyProgramGrid .x-panel-with-col-lines .x-grid-row .x-grid-cell,
.TotalTenderedGrid  .x-panel-with-col-lines .x-grid-row .x-grid-cell,
.DefaultUrlGrid  .x-panel-with-col-lines .x-grid-row .x-grid-cell,
.MerchantUrlGrid  .x-panel-with-col-lines .x-grid-row .x-grid-cell {
    border-right-style:  none !important;
}

.LoyaltyProgramGrid .x-grid-row .x-grid-cell,
.TotalTenderedGrid .x-grid-row .x-grid-cell,
.DefaultUrlGrid .x-grid-row .x-grid-cell,
.MerchantUrlGrid .x-grid-row .x-grid-cell {
    border-style:  none !important;
}

.LoyaltyProgramGrid .x-grid-row-over .x-grid-cell, .LoyaltyProgramGrid .x-grid-row-selected .x-grid-cell,
.TotalTenderedGrid .x-grid-row-over .x-grid-cell, .TotalTenderedGrid .x-grid-row-selected .x-grid-cell,
.DefaultUrlGrid .x-grid-row-over .x-grid-cell, .DefaultUrlGrid .x-grid-row-selected .x-grid-cell,
.MerchantUrlGrid .x-grid-row-over .x-grid-cell, .MerchantUrlGrid .x-grid-row-selected .x-grid-cell
{
    background-color:#FFFFFF !important;
    background-image: none !important; 
    border-style:  none !important;
}

.LoyaltyProgramGrid .loyalityRowGroupSpacing .x-grid-cell-inner {
    padding-top: 21px !important;
}

.loyalityRedeemedStatus {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px !important;
    font-weight: bold !important;
    color: rgb(80, 82, 85);
}

.loyalityRedeemedDescription {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgb(80, 82, 85);
}

.loyalityRewardSummaryTable {
    border: 1px solid;
    border-radius: 6px;
    border-color: #D1D1D1;
}

.LoyalityRewardSummary .loyalityRewardCell {
    border-right: 1px solid;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-color: #D1D1D1;
}

.LoyalityRewardSummary .rewardsHeader {
    border-right: none;
    border-top: none;
    border-bottom: 1px solid;
    border-left: none;
    border-color: #D1D1D1;
}

.LoyalityRewardSummary .totalText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    color: #34B233;
}

.LoyalityRewardSummary .earnedNotRedeemedText
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 30px;
    font-weight: bold;
    color: #34B233;
}

.loyaltySetupIcon
{
    margin: 20px;
    height: 220px;
    width: 320px;
    background: url(loyalty_setup_320x220.png) no-repeat !important;
}


.addLoyaltyRewardToolbar {
    border: none !important;
    margin-top: 2px !important;
}

.loyaltyText {
    color: #34B233 !important;
}
/*#endregion LOYALTY PROGRAM STYLES*/

.x-btn-icon .loyaltyOnCls
{
    background-size: cover;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    background: url("btn_toggle_ON_83x26.png") no-repeat !important;
}

.x-btn-icon .loyaltyOffCls
{
    background-size: cover;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    background: url("btn_toggle_OFF_83x26.png") no-repeat !important;
}

.loyaltyEmailBlastSplash, .loyaltyPassMarketSplash, .loyaltyPassMarketSelectStoreSplash, .loyaltyPassMarketDisconnectSplash
{
    background: url(gfx_bkgrnd_pattern_20x20.png) !important;
    background-repeat:repeat-x, repeat-y;
    border: 1px solid #DDD !important;
    border-radius: 6px !important;
    width: 600px !important;
    height: 300px !important;
}

.loyaltyPassMarketSplash
{
    height: 330px !important;
}

.loyaltyPassMarketSelectStoreSplash
{
    height: 200px !important;
}

.loyaltyPassMarketDisconnectSplash
{
    height: 150px !important;
}

.loyaltyNextSteps
{
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #555;
}

.loyaltyIntroduce
{
    font-size: 32px; 
    letter-spacing: -1px;
    color: #b8b8c5;
}

/*#endregion*/

/*#region Android Release Management*/
.DefaultReleaseGrid .x-grid-cell-inner
{
    padding-bottom: 0px;
}

.DefaultReleaseGrid .static .x-grid-cell-inner
{
    padding-top: 10px;
    padding-left: 10px;
}

.DefaultReleaseGrid .grid-column-override-action .x-grid-cell-inner
{
    padding-top: 10px;
}

.DefaultReleaseGrid .can-have-dirty-flag .x-grid-cell-inner .label
{
    padding-top: 6px;
    padding-left: 4px;

    display: inline-block;
    margin: 2px;
    width: 100%;
}

.DefaultReleaseGrid .SelectableSolutionSet .x-grid-cell-inner .EditField
{
    display: inline-block;
    margin: 2px;
    border-style: solid;
    border: thin double #A1A1A1;
    width: 100%;
    overflow: hidden;
}

.DefaultReleaseGrid .SelectableSolutionSet .x-grid-cell-inner .EditField .label
{
    padding: 5px 3px 3px 3px;
    float:left;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.DefaultReleaseGrid .fakeDropDownImage
{
    width: 22px;
    height: 22px;
    background-image: url(dropdown_arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    display: inline-block;
    margin-top: -1px;
    float: right;
}

.DefaultReleaseGrid .SelectableSolutionSet.x-grid-dirty-cell .x-grid-cell-inner .EditField,
.DefaultReleaseGrid .can-have-dirty-flag.x-grid-dirty-cell .x-grid-cell-inner .label
{
    background-image: url('../ExtJS/resources/themes/images/gray/grid/dirty.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}


/*#endregion Android Release Management*/

/*#region Manage Inventory */
.mask-with-no-spinner .x-mask-loading
{
    background-image: none;
    padding: 5px 10px 5px 10px;
    cursor: default;
}

/*#endregion Manage Inventory */

/*#region Tags, Kit Components, Generic Relations*/
.TagRelationPanel .x-grid-cell, .KitComponentRelationPanel .x-grid-cell, .RelationPanel .x-grid-cell  {
    padding: 5px;
}

.TagRelationPanel .TagRelationComponent .x-grid-cell, .KitComponentRelationPanel .KitRelationComponent .x-grid-cell, .RelationPanel .RelationItem .x-grid-cell {
    font-size: 12px;
    font-weight: bold;
}

.TagRelationPanel .TagRelationComponentGroup .x-grid-cell, .RelationPanel .RelationDepartment .x-grid-cell {
    font-size: 12px;
    font-weight: bold;
    color: #2D97D3;
}

.TagRelationPanel .TagRelationComponentGroupCategory .x-grid-cell, .RelationPanel .RelationCategory .x-grid-cell {
    font-size: 12px;
    font-weight: bold;
    color: #EDA900;
}

.TagRelationPanel .TagRelationComponentVariation .x-grid-cell, .KitComponentRelationPanel .KitRelationComponentVariation .x-grid-cell, .RelationPanel .RelationVariation .x-grid-cell  {
    font-size: 12px;
}

.RelationPanel .RelationTag .x-grid-cell {
    font-size: 12px;
    font-weight: bold;
    color: #34B233;
}
/*#endregion Tags, Kit Components, Generic Relations*/

.SmallTextButton .x-btn-inner {
    font-size: 11px;
}


.inventoryMenuMoreField
{
   border: 0px;
   padding: 0px;
   cursor: pointer;
   background: none;
}

.submenuSelected .inventoryMenuMoreField
{
    color: #34B233;
}

#inventoryMenuMore-inputEl, #inventoryMenuPricing-inputEl, #inventoryMenuConfiguration-inputEl {
    height: 12px;
    line-height: normal;
}

.submenuButtonsList 
{
    color: #414749;
    text-align: center;
    border: 1px solid #DDD !important;
    border-radius: 3px;
    font-family: "Helvetica" , "Arial" , "Lucida Grande" , sans-serif;
    font-weight: 600;
    font-size: 11px;
    float: right;
}

.submenuButtonsList .x-boundlist-item 
{
    text-align: left;
    margin-left: 3px;
}

.submenuButtonsList .x-boundlist-item-over
{
    color: #34B233;
    cursor: pointer;
    background: none;
}

.telerikFullListDownloadLink, .telerikFullListDownloadLinkOver {
    display: block;
    margin-top: 7px;
    font-size: 8pt;
    padding-top: 0 !important;
    font-family: Verdana !important;
    color: #009DA0 !important;
}

.telerikFullListDownloadLinkOver {
    color: #009DA0 !important;
    text-decoration: underline;
}

.creditCallMsg, .ingenicoMsg, .extCrSettlementPortalMsg
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    color: rgb(80, 82, 85);
    font-weight: bold;
}

.creditCallLinkMsg, .ingenicoLinkMsg, .extCrSettlementPortalMsgLink {
    color: #009DA0 !important;
}

/* Radio button */
.x-grid-radio {
    height: 14px;
    background-image: url('unchecked_radio.gif');
    background-position: 50% -3px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-radio-checked {
    background-image: url('checked_radio.gif');
}

.myAccountHelpUrls {
    font-size: 12px;
    font-family: Arial;
    color: RGB(80, 82, 85);
}

.myAccountHelpUrls .silverHelpShow {
    color: RGB(76, 172, 75);
}

.DefaultUrlGridCell
{
    vertical-align: middle;
    height: 48px;
}

.DefaultUrlGridCellMultiRow {
    vertical-align: middle;
    height: 32px;
}

.DefaultUrlGrid .x-grid-row .x-grid-cell {
    font-size: 12px !important;
}

.MerchantUrlGrid .CellText
{
    vertical-align: middle;
    margin-right: 5px;
}


.FinancialShiftDisplayFieldSum .x-form-item-label {
    font-weight: bold;
}

.FinancialShiftDisplayFieldSum .x-form-display-field {
    text-align: right;
    font-weight: bold;
    margin: 2px 0 0 0;
}

.FinancialShiftDisplayField .x-form-display-field {
    text-align: right;
    margin: 2px 0 0 0;
}

.FinancialShiftSign {
    margin: 3px 0 0 20px;
    text-align: center;
}

.FinancialShiftSignSum {
    font-weight: bold;
    margin: 3px 0 0 20px;
    text-align: center;
}

.SelectPaymentGateway {
    font-size: 12px !important;
    color: rgb(80, 82, 85) !important;
    font-weight: bold !important;
}

.displayInlineBlock {
    display: inline-block !important;
}

.addSubCategoryToolbar {
    border-bottom: 1px solid #d0d0d0 !important;
    border-left-width: 0 !important;
}

.addSubCategoryToolbar + .x-panel .x-panel-body-default {
		border-top-width: 0 !important;

}

/* breadcrumb styles start*/
.x-toolbar-scroll-left {
    background-image: url(scroll-left-grey.png) !important;
}

.x-toolbar-scroll-right {
    background-image: url(scroll-right-grey.png) !important;
}

.x-bread-crumb-box {
    padding: 0;
}

.x-bread-crumb {
    border-style: none;
    border-right: 1px solid;
    border-radius: 0px;
    border-top-right-radius: 10px 50%;
    border-bottom-right-radius: 10px 50%;
    padding-right: 5px;
    background-color: transparent;
    border-color: #99BCE8;
}

.x-bread-crumb:first-child {
    padding-left: 15px;
}

.x-bread-crumb .x-btn-inner {
    color: #009DA0 !important;
    font-weight: bold;
}

.custom-gridInventory .x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.lowInventoryHeader {
    background: url(lowInventoryHeader.png) no-repeat;
}

.houseAccountDetailLink {
    cursor: pointer;
    font-weight: bold;
    font-size: normal;
    color: blue;
}
/* breadcrumb styles end*/

/*#region My Account - Overview - Create Client Secret Modal */
div.reset-secret-modal .subFormHeaderBar
{
    background-color: rgba(233, 22, 7, 1) !important;
}

div.reset-secret-modal div[id^=btnsave]
{
    background-image: linear-gradient(-90deg, rgb(233, 22, 7) 0%, rgb(200, 22, 7) 100%) !important;
    border-color: rgba(233, 22, 7, 1);
    left: 80px !important;
}

div.reset-secret-modal div[id^=btncancel]
{
    left: 0 !important;
}

div.reset-secret-modal div[id^=btnsave].SaveButtonOver
{
    background-color: rgba(233, 22, 7, 1) !important;
    background-image: none !important;
}

div.reset-secret-modal div[id^=btnsave].SaveButtonDisabled
{
    background: rgba(0, 0, 0, 0.36) !important;
    border-color: rgba(117, 117, 117, 0.12) !important; 
}


div.reset-secret-modal table[id^=checkboxfield]
{
    margin-top: 19px;
}
/*#endregion My Account - Overview - Create Client Secret Modal */

button[id^=addImageButton]
{
    margin: 4px 0px 1px 0px
}

table[id^=addImageButton] .x-btn:hover
{
    background-color: rgb(161,171,183) !important;
    background-image: none !important;
    filter: none;
    border-radius: 2px;
}

.hide-row {
    display: none
}
#loginToAsm {
    background-color: #F8DABB !important;
    border: none;
    font-size: 12px;
    border-width: 0px;
    background-image: none;
    left: 850px !important;
}
#loginToAsm-btnWrap {
    background-color: #F8DABB !important;
    border: none;
    width: fit-content;
    background-image: none;
}
#loginToAsm-btnEl {
    background-color: #F8DABB !important;
    border: none;
    font-size: 12px;
    width: fit-content;
    padding: 0
}
#loginToAsm-btnInnerEl{
    font-size:medium
}
.x-item-disabled, .x-item-disabled * {
    pointer-events: all;
}
#asmAlertText
{
    padding-left: 10px
}

#asmAlertImage {
    background-image: url('report-problem.png');
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    align-items: center; 
    justify-content: center; 
    background-color: #F8DABB;
}

#alertImage {
    background-image: url('report-problem.png');
    background-repeat: no-repeat;
    background-position: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8DABB;
}
}

.bulkDeleteInfo {
    font-size: 14px;
    color: red;
    font-weight: bold;
}