.x-title .x-panel-header-title .x-panel-header-title-default {
    z-index: 0;
}

.x-panel-header-title-default .x-form-display-field-default {
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    line-height: 20px;
}


/*		Generic CSS classes for increasing/decreasing font sizes		*/
.smallest {
    font-size: 10px;
    line-height: 14px;
}

.smaller {
    font-size: 11px;
    line-height: 15px;
}

.small {
    font-size: 12px;
    line-height: 16px;
}

.large {
    font-size: 14px;
    line-height: 18px;
}

.larger {
    font-size: 15px;
    line-height: 19px;
}

.largest {
    font-size: 16px;
    line-height: 20px;
}

/*		End generic CSS classes for increasing/decreasing font sizes		*/


div.LoginContainer {
    padding: 0 0 50px 0;
}

div.LoginFormContainer {
    margin: 0 auto !important;
}

.LoginViewport .x-autocontainer-innerCt {
    vertical-align: middle;
}

img.LoginLogo {
    max-height: 200px;
}

.x-fieldset-default.x-fieldset-collapsed .x-tool-toggle:before {
    content: "\f0da" !important;
}

.x-fieldset-header-tool-default>.x-tool-toggle:before {
    content: "\f0d7" !important;
}

.x-fieldset-default.x-fieldset-collapsed .x-tool-toggle {
    font: 16px/1 FontAwesome !important;
}

.x-fieldset-header-tool-default>.x-tool-toggle {
    font: 16px/1 FontAwesome !important;
}

.x-panel.subtleBorder>.x-panel-bodyWrap,
.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field+.x-field,
.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel+.x-panel {
    border-color: #ebebeb;
}

.x-panel.subtleBorder>.x-panel-bodyWrap {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

.x-panel.dropShadow {
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 3px;
}
/*		Applied to the inner .x-panel-body element so that if .invisibleContents is applied to a panel during loading, the loading mask will display.		*/
.x-panel.invisibleContents > .x-panel-bodyWrap > .x-panel-body {
	visibility: hidden;
}

.x-panel.dropShadow>.x-panel-bodyWrap {
    /*		For the best results, it is advisable to use the "heightAuto" class in conjunction with "dropShadow".		*/
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
}

/*.x-fieldset {
	background-color: #FFFFFF;
}*/
.x-fieldset-default.x-fieldset-collapsed {
    border-width: 1px 1px 0 1px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.x-grid.noHorizontalBordersInHeader .x-column-header {
	border-right-color: transparent;
}
.x-grid .x-grid-cell.textAlignRight > .x-grid-cell-inner {
	text-align: right !important;
	padding-right: 0;
	padding-left: 0;
}

.ErrorMessage .x-form-display-field-default {
    color: red;
    font-weight: bolder;
}

.vc-fa:before {
    font-family: FontAwesome !important;
}

.vc-fa {
    font: normal normal normal 24px/1 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif
}

.vc-fa.x-tool-tool-el {
    width: 24px;
    height: 24px;
}

div.ErrorMessage,
.WarningMessage .x-form-display-field-default {
    font-size: smaller;
    font-style: italic;
    font-weight: 600;
}

.LoginFormContainer.x-panel-default {
    border-radius: 4px;
    border: 1px solid #D8DDE6;
}

.LoginForm.x-panel-default {
    border-radius: 4px;
}

.LoginTitle .x-form-display-field-default {
    font-size: 22px;
    line-height: 23px;
    font-weight: bolder;
    text-align: center;
}

.ChangePasswordTitle .x-form-display-field-default {
    font-size: 15px;
    font-weight: bold;

}

.Viewport .x-tool-img {
    /*	Overriding from OMS-all_1.css in order to resolve a trace of a background image that was showing up where we don't want it, since we're using Font-Awesome icons.  (It was only evident in IE 8 compatibility mode.)	*/
    background-image: none;
}

html[xmlns] .clearfix {
    display: block;
}

.clearfix {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.heightAuto,
.x-panel.heightAuto>.x-panel-body,
.x-panel.heightAuto>.x-panel-bodyWrap>.x-panel-body {
    height: auto !important;
}

.widthAuto,
.x-field>label.widthAuto>.x-form-item-label-inner {
    /*	A means to override ExtJS' tendency to wrongfully fix widths via INLINE CSS when that is not the desired formatting	*/
    width: auto !important;
}

.x-field>label.widthAuto {
    padding-right: 10px !important;
}

.noMinHeight,
.x-field.noMinHeight .x-form-display-field-default {
    /*	A means to override a wrongful assumption from OMS-all_1.css that all display fields should have a minimum height	*/
    min-height: 0 !important;
}

.DividingLine {
    height: 1px;
    width: 100%;
    background-color: darkgray;
    margin: 0.5em 0 0.5em 0;
}

.BreadCrumbs {
    margin: 0 0 0 30px;
}

.SystemSelectView,
.TileMenu {
    -webkit-font-smoothing: antialiased;
}

.SystemSetupGroupHeaderOdd,
.SystemSetupGroupHeaderOdd .x-menu-tool,
.SystemSetupGroupHeaderOdd .x-panel-header-default .x-tool-img {
    background-color: #808080;
}

.SystemSetupGroupHeaderOdd .x-menu-tool {
    color: #f0f0f0;
}

.HighlightOption {
    font-size: 14px;
    font-weight: bold;
}

.SystemSetup-HelpButton {
    border-radius: 35px;
}

.Viewport .SystemSearchButton {
    top: -5px;
}

.SystemSetup-HelpButton .x-fa {
    font-size: 21px;
}

.SystemSetupGroupHeaderEven,
.SystemSetupGroupHeaderEven .x-menu-tool,
.SystemSetupGroupHeaderEven .x-panel-header-default .x-tool-img {
    background-color: #E0E0E0;
    color: #606060;
}

.SystemSetupGroupHeaderEven .x-panel-header-title-default {
    color: #606060;
}

.main-logo img {
    bottom: 24px;
    height: 64px;
    margin-right: 22px;
}

/*.SystemSelectGroup {
    background-color: #B2B2B2;
}*/

.Image-Picker-DataView {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px;
}

.PanelBackground,
.MainBackground .LoginFormContainer .x-panel-body-default {
    background-color: #FFFFFF;
}

body.x-body,
.MainBackground,
.MainBackground .x-panel-body-default,
.MainBackground .x-toolbar-default {
    background-color: #F6F6F6;
}

.Image-Picker-Upload.x-toolbar-default.x-toolbar-default-vertical {
    padding: 0;
}

.ImageManagerFileField .x-btn-default-small {
    padding: 7px 2px 7px 2px
}

.LightBodyTextColor {
    color: #919191;
}

.MainColor {
    background-color: #ECECEC;
}

.HeaderTextBackgroundColor {
    background-color: #FFFFFF;
}

.HeaderBackgroundColor {
    background-color: #5FA2DD;
}

.HeaderColor {
    color: #5FA2DD;
}

.SystemSearch .SystemSortRadio .x-field-default {
    color: #F0F0F0;
}

.SystemSearch .x-panel-body,
.SystemSearch.x-panel-default {
    background-color: #35BAF6;
    color: #F0F0F0;
}

.SystemSearch input {
    background-color: #FFFFFF;
    color: #404040;
}

/*	The "traditionalBackground" class serves as a way to have a radio button with a normal-looking radio button background, which isn't the case for ExtJS' transparent-background-by-default radio buttons.	*/
.traditionalBackground .x-form-radio-default::before,
.traditionalBackground.x-form-cb-checked .x-form-radio-default:before {
    font-size: 19px;
    /*	Specified this font size so that the checked state of the radio button appears centerred within the thick font-awesome icon's circular border.	*/
}

.traditionalBackground .x-form-radio-default,
.traditionalBackground.x-form-cb-checked .x-form-radio-default {
    background-position: 2px center;
    background-repeat: no-repeat;
}

.traditionalBackground .x-form-radio-default {
    background-image: url(../img/img_radioButton_deselected.png);
}

.traditionalBackground.x-form-cb-checked .x-form-radio-default {
    background-image: url(../img/img_radioButton_selected.png);
}

.HeaderTextColor,
.HeaderTextColor .x-form-text-default,
.HeaderTextColor .x-form-text-default,
.HeaderTextColor .x-panel-body-default,
.HeaderTextColor .x-form-item-label-default,
.HeaderTextColor .x-form-cb-label-default.x-form-cb-label-after,
.HeaderTextColor .x-panel-header-title-default-framed,
.HeaderTextColor .x-panel-header-title-default,
.HeaderTextColor .x-tab-inner-default,
.HeaderTextColor .x-form-radio-default,
.HeaderTextColor .x-btn-inner-default-small {
    color: #F0F0F0;
}

.HeaderTextBackgroundColor {
    background-color: #35BAF6;
}

.BodyColor,
.BodyColor .x-form-text-default,
.BodyColor .x-panel-body-default,
.BodyColor .x-form-item-label-default,
.BodyColor .x-form-cb-label-default.x-form-cb-label-after,
.BodyColor .x-panel-header-title-default-framed,
.BodyColor .x-panel-header-title-default,
.BodyColor .x-tab-inner-default,
.BodyColor .x-form-radio-default,
.BodyColor .x-btn-inner-default-small {
    color: #FFFFFF;
}

.BodyBackgroundColor {
    background-color: #FFFFFF;
}

.BodyTextColor,
.BodyTextColor .x-form-text-default,
.BodyTextColor .x-form-text-default,
.BodyTextColor .x-panel-body-default,
.BodyTextColor .x-form-item-label-default,
.BodyTextColor .x-form-cb-label-default.x-form-cb-label-after,
.BodyTextColor .x-panel-header-title-default-framed,
.BodyTextColor .x-panel-header-title-default,
.BodyTextColor .x-tab-inner-default,
.BodyTextColor .x-form-radio-default,
.BodyTextColor .x-btn-inner-default-small {
    color: #404040;
}

.BodyTextBackgroundColor {
    background-color: #404040;
}

.BodyTextBorderColor {
    border-color: #404040;
}

/*.SystemSelectRow {

}*/

.SystemErrorText {
    clear: both;
    margin: 1em 0 0 1em;
    padding: 0 0 5px 0;
    word-wrap: break-word;
    color: black;
    font-size: 28px;
    font-weight: lighter;
}

/* Tile Styles*/
div.TileMenu {
    margin: 0 0 170px 0;
}

.SystemHeaderClassic {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: both;
    margin: 0.75em 0 0 1em;
    padding: 0 0 5px 0;
    word-wrap: break-word;
}

.SystemHeaderClassic span {
    color: black;
    margin: 0 0 0 0;
    font-size: 28px;
    font-weight: lighter;
}

.MenuTileClassic {
    position: relative;
    display: table;
    float: left;
    margin: 1em;
}

a.MenuTileClassic,
a.SystemSelectClassic {
    cursor: pointer;
}

a.SystemSelectClassic {
    background-color: black;
}


a.SystemSelectClassic span {
    background-color: white;
}

a.SystemSelectClassic:hover span,
a.SystemSelectClassic:hover span.textContainer,
a.SystemSelectClassic:hover span.textContainer span.name,
a.SystemSelectClassic:hover span.textContainer span.id {
    opacity: 0.9;
}

a.SystemSelectClassic:hover span img {
    opacity: 0.97;
}

.SystemSelectClassic {
    position: relative;
    display: table;
    background-color: white;
    float: left;
    margin: 1em;
    width: 120px;
    text-decoration: none;
}

.MenuTileClassic>span,
.SystemSelectClassic>span {
    text-align: center;
    display: table-row;
}

.MenuTileClassic>span>span,
.SystemSelectClassic>span>span {
    display: table-cell;
    vertical-align: middle;
}

.SystemSelectClassic .imageContainer,
.SystemSelectClassic .imageContainer img {
    width: 75px;
    height: 75px;
    margin: 10px 0 10px 0;
}

body.x-ie.x-ie8 .SystemSelectClassic .imageContainer img,
body.x-ie.x-ie9 .SystemSelectClassic .imageContainer img {
    width: 85px;
    height: 85px;
}

.SystemSelectClassic .textContainer {
    padding-top: 6px;
    /*padding-right: 1em;*/
    padding-bottom: 7px;
    /*padding-left: 1em;*/
}

.SystemSelectClassic .textContainer .name {
    font-size: 14px;
    width: 120px;
    color: black;
    max-height: 34px;
    overflow: hidden;
    position: relative;
    /*	Needed in order to for the JS text overflow detection logic to work properly.	*/
}

.SystemSelectClassic .textContainer .id {
    color: black;
    font-size: 12px;
    text-decoration: underline;
}

.MenuTileClassic .textContainer .name {
    font-size: 12px;
    width: 95px;
    max-height: 51px;
    overflow: hidden;
    position: relative;
    /*	Needed in order to for the JS text overflow detection logic to work properly.	*/
}

/*   Menu Tile Defaults  */
.MenuTileOne {
    background-color: #35BAF6;
}

.MenuTileTwo {
    background-color: #70BF73;
}

.MenuTileThree {
    background-color: #8561C5;
}

.MenuTileSize {
    height: 115px;
    width: 95px;
}

.MenuTileIcon {
    height: 25px;
}

.MenuTileIcon i {
    font-size: 25px;
    text-align: center;
    margin: 0 0 5px 0;
}

a.MenuTileClassic {
    color: inherit;
    text-decoration: none;
}

.MenuTileClassic {
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin: 0.5em 1em 0.5em 0;
    padding: 10px 0 15px 0;
    cursor: pointer;
}

a.MenuTileClassic .tileDetails {
    height: 100%;
}

.MenuTileIcon,
.MenuTileIcon .x-fa,
.MenuParentText {
    color: #F0F0F0;
    /*word-wrap: break-word;*/
}

/*span.MenuTileIcon {
	height: 100%;
}*/

.MenuTileClassic span {
    color: #F0F0F0;
    font-weight: 600;
}

.MenuTileClassic .textContainer .name {
    padding: 0 10px;
}

.NavigationMenuHeader .x-panel-header-default,
.NavigationMenuHeader .x-panel-header-default .x-tool-img {
    background-color: #32404E;
}

.MenuParentText {
    color: white;
    font-size: 14px !important;
    font-weight: bold;
}

.MenuHeaderClassic {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: both;
    margin: 0.75em 0 0 0;
    padding: 0 0 5px 0;
}

.MenuHeaderClassic span {
    color: black;
    font-size: 28px;
    font-weight: lighter;
}

.SearchResults {
    margin: 0.75em 0 0 0;
}

/*.MenuTileGroup {
    background-color: #B2B2B2;
}*/

.outer {
    overflow: hidden;
    padding: 0.5em 1em 0.5em 0;
    width: 100%;
}

/* End of Menu Tile Defaults */
/* End of Tile Styles*/
/*.x-treelist-item .x-treelist-item-leaf {

}*/

.HomeUi .Selected {
    background-color: #475360 !important;
}

.NavigationUi:hover {
    background-color: #475360;
    color: #FFFFFF !important;
}

.HomeUi:hover {
    background-color: #475360;
    color: #FFFFFF !important;
}

.NavigationUi {
    background-color: #32404e;
    color: #adb3b8 !important;
}

.HomeUi {
    background-color: #32404e;
    color: #adb3b8 !important;
}

.CollapseUi .x-autocontainer-innerCt {
    background-color: #32404E;
}


/*
.CollapseUi .x-autocontainer-innerCt:hover .ToggleNavExpand {
    color: #FFFFFF;
    background-color: #475360 ;
}

.CollapseUi .x-autocontainer-innerCt:hover {
    background-color: #475360 ;
}*/

.ToggleNavExpand {
    background-color: #32404E;
    color: #adb3b8;
    font-size: 24px;
    position: relative;
    top: 50%
}

.MenuResizeButton {
    font-size: 18px;
    float: right;
}

.HomeIcon {
    width: 44px;
    margin-left: 23px;
    color: #adb3b8 !important;
}

.NavigationUi .x-btn-inner .x-btn-inner-default-toolbar-small,
.HomeText {
    color: #adb3b8 !important;
}

.HomeText {
    margin-left: 12px;
    font-size: 14px;
}

.HomeUi .Selected:before {
    background-color: #35baf6;
}

/*.HomeUi .Selected:hover:before {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
}*/

.HomeUi {
    margin-left: -8px !important;
}

.HomeUi:hover .HomeText,
.HomeUi:hover .MenuResizeButton {
    color: #FFFFFF !important;
}

.NavigationUi:hover .MenuResizeButton {
    color: #FFFFFF;
}

.toolbar-btn-shadow {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
}

.SystemSetupHelp .x-panel-body {
    padding: 1em 1em 1em 1em;
}

.Preview .Toolbar.x-toolbar-default.sencha-dash-dash-headerbar {
    border-top-style: solid;
    border-top-color: #E0E0E0;
    border-top-width: 2px;
}

.Toolbar .VeraCoreMenuButton.x-btn {
    border-radius: 35px;
}

.x-treelist-item-expander {
    top: 24px;
}

.x-ie8 .NavigationTreePanel .x-treelist-item-icon,
.x-ie9 .NavigationTreePanel .x-treelist-item-icon,
.x-ie8 .NavigationTreePanel .x-treelist-item-expander,
.x-ie9 .NavigationTreePanel .x-treelist-item-expander,
.x-ie8 .x-treelist-item-expander,
.x-ie9 .x-treelist-item-expander {
    top: 0;
}

.x-window-header-default-top,
.x-window-header-default {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 14px 10px 14px;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}

/* Updating the colors */
/*.x-treelist-navigation .x-treelist-item-selected > .x-treelist-row:hover:before,
.x-btn.x-btn-disabled.x-btn-default-small {
    background-color: #7c99ce !important;
}*/

/*.x-treelist-navigation .x-treelist-item-tool-floated:after,
.x-treelist-navigation .x-treelist-item-selected.x-treelist-item-tool:after,
.x-treelist-item-tool.hot-icon:after,
.x-treelist-item-tool.new-icon:after,
.x-treelist-navigation .x-treelist-item-selected > .x-treelist-row:before,
.x-window-header-default-top,
.x-window-header-default,
.x-panel-default-top,
.x-panel-default,
.x-btn-default-small,
.x-window-default {
	background-color: #6285C4 !important;
	border-color: #6285C4 !important;
}*/

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

.x-treelist-navigation div.x-treelist-row {
    padding-left: 5px;
}

/*.ThemeField .x-form-item-body {
	#vertical-align: baseline;
}*/

.SearchFieldIcon {
    height: 64px;
    color: #ADB3B8;
    font-size: 18px;
    width: 44px;
}

.SearchFieldIcon .fa-search {
    margin: 6px 0 0 7px;
}

.NavigationTreePanel .x-treelist-item-expander {
    top: 24px;
}

.NavigationTreePanel .x-treelist-item-icon {
    top: 16px;
}


.NavigationTreePanel.hasExpandedTier1Link .x-treelist-navigation li.x-treelist-item-expanded,
.NavigationTreePanel.hasExpandedTier1Link .x-treelist-row-over,
.NavigationTreePanel ul.x-treelist-container {
    background-color: #32404e;
    /*background-color: #ff0000;*/
}

.NavigationTreePanel.hasExpandedTier1Link .x-treelist-navigation li.x-treelist-item-expanded,
.NavigationTreePanel.hasExpandedTier1Link .x-treelist-navigation li.x-treelist-item-expanded .x-treelist-item-icon {
    color: #ffffff;
}

#RedNavTable {
    display: none;
}

/*	Targets the tier 2+ nav menu items	*/
.NavigationTreePanel ul.x-treelist-container {
    position: absolute;
    top: 0;

    /*left: 220px;*/
    left: 250px;
    /*left: 50px;*/

    width: 198px;
    /*	Calculated by subtracting the value of the passed ExtJS "expandedCssLeftVal" config (52) from the width of the parent .x-treelist element (250)	*/
    height: 100%;
    z-index: 13;
    overflow-y: auto;
}

.NavigationTreePanel ul.x-treelist-container .x-treelist-row {
    padding-right: 22px;
}

.NavigationTreePanel ul.x-treelist-container .x-treelist-item-text {
    margin-right: 0;
    margin-left: 0;
    text-overflow: clip;
}

.NavigationTreePanel ul.x-treelist-container .x-treelist-item-text.truncated {
    text-overflow: ellipsis;
}

.NavigationTreePanel ul.x-treelist-container .x-treelist-subMenuHeader {
    padding-top: 13px;
    padding-right: 22px;
    padding-bottom: 17px;
    padding-left: 26px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #adb3b8;
}

.NavigationTreePanel ul.x-treelist-container .x-treelist-row {
    z-index: 16 !important;
}


.NavigationTreePanel .x-autocontainer-innerCt {
    background-color: #32404e;
    z-index: 10 !important;
}

.NavigationTreePanel.hasExpandedTier1Link .x-autocontainer-innerCt,
.NavigationTreePanel.hasExpandedTier1Link .x-treelist-navigation,
.NavigationTreePanel.hasExpandedTier1Link .x-treelist-navigation .x-treelist-item-expanded {
    background-color: #0a1623;
}

.NavigationTreePanel.hasExpandedTier1Link .x-treelist-navigation .x-treelist-item-icon,
.NavigationTreePanel.hasExpandedTier1Link .SearchFieldIcon {
    color: #698075;
}

.x-treelist-item-text,
.x-treelist-row,
.x-treelist-item .x-treelist-item-leaf {
    z-index: 10 !important;
}

#navigationTreeList {
    display: none;
    z-index: 10;
}

.CompanyLogo {
    margin: 0 5px 0 15px
}

.SearchField {
    margin: 1em 0 0 1em;
}

.SearchField input,
.SearchField .x-form-trigger-wrap-default {
    border-radius: 35px;
}

.x-treelist-item.vcMenuSpacer {
    margin: 3em 0 0 0;
}

.PMAColorSelector {
    vertical-align: middle;
}

.ThemeColorSelect {
    margin: 0 0 0 1.5em;
}

.ThemeColorSelect .x-btn-arrow-right:after,
.ThemeColorSelect .x-btn-split-right:after {
    display: none;
}

.Viewport .x-tab-over.x-tab-default .x-tab-inner-default {
    background-color: rgba(0, 0, 0, 0);
}

.Preview.x-panel-default {
    border-style: solid;
    border-color: #E0E0E0;
    border-width: 2px;
}

.ThemeColorSelect .x-form-item-label-default {
    display: table;
    padding-top: 0;
}

.ThemeColorSelect .x-form-item-label-inner {
    display: table-cell;
    vertical-align: middle;
}

.x-panel.Preview.x-box-item {
    border-style: solid;
    border-color: #E0E0E0;
    border-width: 0;
}

/*		Fixes a rendering issue where the bottom of the .unprocessedRecordsPanel was getting cut off.		*/
.x-panel.nitroShippingPanel > .x-panel-header {
	position: static !important;	/*		Overrides position: absolute !important		*/
}
.x-panel.nitroShippingPanel > .x-panel-bodyWrap > .x-panel-body {
	position: static;	/*		Overrides position: relative		*/
}

.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field + .x-field, .x-panel.activeProcessingPanel .x-panel.dropShadowPanel .x-field + .x-field {
	border-left: 1px solid #ebebeb;
}
.x-panel.unprocessedRecordsPanel {
    text-align: center;
}
	.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field {
		padding-top: 24px;
		padding-bottom: 30px;
	}
		.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field .x-form-display-field-default {
			font-size: 26px;
			line-height: 30px;
			font-weight: bold;
		}
	.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel + .x-panel {
		border-top: 1px solid #ebebeb;
	}

.x-panel.activeProcessingPanel .x-panel.dropShadowPanel .x-field {
	padding-top: 14px;
	padding-bottom: 14px;
}
.x-panel.activeProcessingPanel .x-panel.dropShadowPanel .x-field.rightBorder {
	border-right: 1px solid #ebebeb;
}

.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field {
    padding-top: 24px;
    padding-bottom: 30px;
}

.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field .x-form-display-field-default {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
}

.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel .x-field+.x-field {
    border-left-width: 1px;
    border-left-style: solid;
}

.x-panel.unprocessedRecordsPanel .x-panel.itemsToProcessPanel+.x-panel {
    border-top-width: 1px;
    border-top-style: solid;
}

.x-action-col-icon {
    height: 16px;
    width: 16px;
    margin-right: 18px;
    text-align: center;
}

.x-window .x-action-col-icon {
    /*	Less spacing for modal windows, which typically have less horizontal real estate than the main viewport.	*/
    margin-right: 9px;
}

.x-action-col-icon.last {
    margin-right: 0;
}

.SystemSetup-HelpCheck.x-box-item {
    position: static !important;
    float: left;
    margin: 5px 5px 5px 15px !important;
}

.SystemSetup-HelpButton.x-box-item {
    position: static !important;
    float: left;
    margin: 5px 5px 5px 5px !important;
    cursor: pointer;
}

.ProfileOptionsHelp .x-panel-header.x-header {
    height: 22px;
}

.HelpTextSummary h1 {
    font-size: 16px;
}

.Preview .x-form-cb-label-default {
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 300 !important;
}

.FontSelectLabel {
    position: relative;
    top: 7px;
}

.PreviewButton {
    overflow: hidden;
}

.articleName {
    color: #5FA2DD;
    margin: 0 10px 10px 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.articleContent {
    margin: 10px 30px 20px 10px;
    font-size: 14px;
    font-weight: lighter;
}

.TaskbarItem {
    overflow: hidden;
    text-overflow: ellipsis;
}

.System-Search {
    padding: 0px 5px;
    white-space: normal;
    color: #555;
}

.System-Search-ID {
    font-size: smaller;
    margin: -5px 35px 0 0;
}

.System-Search-Name h3 {
    font-weight: bold;
    margin: 0 0 -10px 0;
    font-size: larger;
}

/*.System-Search-Text {

}*/

.System-Search-Logo img {
    max-height: 35px;
    margin: 7px 10px 0 5px;
    float: left;
}

.VeraCore-Combo {
    padding: 0 5px;
    white-space: normal;
    color: #555;
}

.VeraCore-Combo-Description {
    font-size: smaller;
    margin: -5px 35px 0 0;
}

.VeraCore-Combo-Value h3 {
    font-weight: bold;
    margin: 0 0 -10px 0;
    font-size: larger;
}

.vc-saved-message {
    font-size: smaller;
    color: #017401;
    background-color: #E3F5EC;
    font-weight: bolder;
}

.LoginHeader,
.LoginFooter {
    height: 50%;
    width: 100%;
}

#reportBuilderFields .x-tree-icon-leaf,
#reportBuilderFields .x-tree-icon-leaf+.x-tree-node-text {
    position: relative;
    left: -16px;
}

#reportBuilderConfigurator-targetEl>.x-panel,
#reportBuilderConfigurator-targetEl>.x-panel>div,
#reportBuilderConfigurator-targetEl>.x-panel,
#reportBuilderConfigurator-targetEl>.x-panel>.x-header>.x-box-inner>.x-box-target>.x-title {
    position: static !important;
}

#reportBuilderConfigurator-targetEl>.x-panel {
    margin: 10px 10px 0 10px !important;
    height: auto !important;
}

#reportBuilderConfigurator-targetEl>.x-panel>.x-header>.x-box-inner {
    height: auto !important;
}

#reportBuilderConfigurator-targetEl>.x-panel>.x-header>.x-box-inner>.x-box-target {
    position: relative !important;
    width: auto;
    /*border: 1px solid #ff0000;*/
    /*	For troubleshooting purposes	*/
}

#reportBuilderConfigurator-targetEl>.x-panel>.x-header>.x-box-inner>.x-box-target>.x-tool {
    left: auto;
    right: 0;
    top: 0 !important;
}

#reportBuilderConfigurator-targetEl>.x-panel>.x-header>.x-box-inner>.x-box-target>.x-tool>div.x-tool-collapse-top,
#reportBuilderConfigurator-targetEl>.x-panel>.x-header>.x-box-inner>.x-box-target>.x-tool>div.x-tool-expand-bottom {
    margin-top: 2px;
}

#reportBuilderConfigurator-targetEl>.x-grid.x-collapsed>.x-grid-header-ct,
#reportBuilderConfigurator-targetEl>.x-grid.x-collapsed>.x-panel-body {
    display: none;
    /*	For some reason it is set to visibility: hidden by default.	*/
}

/* Dynamic Report Detail Panel */
.DynamicDetailsHeader span.x-form-item-label-text {
    font-weight: bold;
}

.DynamicDetailsFieldHeader span.x-form-item-label-text {
    font-weight: bolder;
}

/*.DynamicReportDetailsSmall .x-form-item-label-text*/

.drRuntimeFilterPanel>.x-panel-body {
    /*overflow-x: hidden;*/
    overflow-y: auto;
    display: block;
}

.drRuntimeFilterPanel>.x-panel-body>.x-autocontainer-outerCt {
    padding-bottom: 10px;
}

#frFilterPanelWin>.x-panel-body {
    max-height: 168px;
}

#frFilterPanelWin>.x-panel-body {
    width: auto !important;
}

#frFilterPanel>.x-panel-body {
    max-height: 194px;
}

.filterControlContainer>.x-panel-body {
    padding-top: 10px;
}

/*.filterControlContainer > .x-panel-body > .x-box-inner > .x-box-target {
		width: auto !important;
		max-width: 600px;
	}*/

div.drRuntimeGrid {
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #f6f6f6;
}

/* 6.2 Framework update */

/*Custom Navigation Menu */
div#navigationTreePanelList {
    position: static;
}

/* Login Screen Updates */
#loginForm.x-hidden-offsets {
    display: none !important;
}

/*End 6.2 Framework updates */

.x-label-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    display: inline-block;
}

/* Modern Info Button*/
.x-btn.modernInfoBtn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.x-btn.modernInfoBtn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-btn.modernInfoBtn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-focus.x-btn-focus.x-btn-default-toolbar-small-focus.x-btn-over,
.x-btn.modernInfoBtn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-focus.x-btn-focus.x-btn-default-toolbar-small-focus.x-btn-over.x-btn-pressed {
    background-color: #F6F6F6 !important;
    border-color: #F6F6F6 !important;
    border-style: none;
    box-shadow: none;
}

/*End Modern Info Button*/

/* Express Setup Wizard Welcome Page */
label.titleWelcome {
    font-size: x-large;
    font-weight: bold;
    margin: 20px 0 20px 50px;
}

div.noteWelcome {
    font-size: medium;
    font-weight: bolder;
    margin: 50px 100px 50px 50px;
}

/* End Express Setup Wizard Welcome Page */

/* Express Setup Wizard Warehouse Processing (Wave) Page */
.titleWave {
    font-size: 25px;
    font-weight: bold;
    color: #396184;
}

.waveNote {
    color: #b22323;
}

/* End Express Setup Wizard Warehouse Processing (Wave) Page */

/* Quick Unit Adjustment Page*/
.unitAdjustLabel {
    text-align: center;
    background-color: #D0CECE !important;
}

.unitAdjustDescription>label.x-form-item-label,
.unitAdjustProductID>label.x-form-item-label {
    /*	Push the label down a bit, to look nicer with the increased font size of the associated info	*/
    padding-top: 12px;
}

.VeraCoreLargeFont .x-form-display-field-default,
.unitAdjustDescription .x-form-display-field-default {
    font-size: 18px;
    line-height: 22px;
}

.VeraCoreLargeFontBold .x-form-display-field-default,
.unitAdjustProductID .x-form-display-field-default {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.unitAdjustPanel .x-panel-body-default {
    background-color: #F2F2F2;
}

.unitAdjustment .x-panel-header-default {
    background-color: #FFFFFF;
}

.unitAdjustment .x-panel-body-default {
    background-color: #F2F2F2;
}

/* End Quick Unit Adjustment Page*/

.updateFromShippingLabel {
    font-weight: bold;
}

.accessorialActivity .x-panel-body-default {
    background-color: #F2F2F2;
    color: #404040 !important;
}

.accessorialActivity .x-form-item-label-default {
    color: #404040 !important;
}

.accessorialActivity .x-form-text-default {
    color: #404040 !important;
}

/* Batch Shipping Label Page*/
.batchLabel {
    text-align: center;
    background-color: #D0CECE !important;
}

.VeraCoreLargeFontBold .x-form-display-field-default,
.batchLabelShipmentCount .x-form-display-field-default {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.batchLabel .x-panel-header-default {
    background-color: #FFFFFF;
}

.batchLabel .x-panel-body-default {
    background-color: #F2F2F2;
}

.batchLabel .x-column-header {
    background-color: #D0CECE;
    font-weight: bold;

}

/* End Batch Shipping Label Page*/


/* Product Search*/
.productSearch .x-panel-body-default {
    background-color: #F2F2F2;
}


.productSearch .x-column-header {
    background-color: #D0CECE;
    font-weight: bold;
}

.productSearch .x-grid-header-ct {
    background-color: #D0CECE;
}

.clearSearchBtn .x-btn-icon-el-default-small {
    color: #AAAAAA;
}

.x-btn.clearSearchBtn.x-unselectable.x-box-item.x-btn-default-small {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
}

/* End Product Search*/

/* Import Expected Arrival */
.impExpArrival .x-panel-header-default {
    background-color: #FFFFFF;
}

.impExpArrival .x-panel-body-default {
    background-color: #F2F2F2;
}

.impExpArrival .x-column-header {
    background-color: #D0CECE;
    font-weight: bold;
}

.impExpArrival .x-btn-icon-el-default-small {
    font-size: 22px;
}

/* End Import Expected Arrival */

/* New Modern VeraCore - 1/18/2019 */
.VcModern .x-tab-default {
    border-radius: 4px 4px 0px 0px;
}

.VcModern .x-form-text-default {
    font: normal 14px/21px FontAwesome, 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

.VcModern .x-form-trigger-wrap-default,
.VcModern .x-form-field,
.VcModern .x-btn,
.VcModern .x-grid-header-ct {
    border-radius: 4px !important;
}

.VcModern .x-btn-inner-default-small {
    font: 600 14px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

.VcModern .x-column-header,
.VcModern .x-column-header-trigger,
.VcModern .x-column-header-over {
    background-color: #ececec !important;
    background-image: none;
}

.VcModern .x-column-header-trigger {
    display: block !important;
    color: #000000 !important;
    border-left: 0px !important;
    width: 24px !important;
    cursor: pointer !important;
    font: 16px/1 FontAwesome !important;
}

.VcModern .x-column-header-trigger:before {
    content: "\f0d7" !important;
    top: 50% !important;
    margin-top: -8px !important;
    text-align: center !important;
    position: relative !important;
    display: block !important;
}
.VcModern .x-form-item-label-text {
    font-weight: 600;
}
.VcModern .search-spacer {
    top: 15px !important;
    margin-left: 15px !important;
    display: block;
}

.VcModern .search-spacer .fa {
    font-size: 21px;
    color: #d5d5d5;
}

.VcModern.x-window {
    border-radius: 4px;
}

.VcGrid .x-grid-cell-inner {
    padding: 13px 10px 6px;
}
.VcGrid .x-grid-row-collapsed .x-grid-row-expander:before {
    font: 18px/1 FontAwesome;
    content: "\f067";
}
.VcGrid .x-grid-row-expander:before {
    font: 18px/1 FontAwesome;
    content: "\f068";
}

.VcGrid .x-grid-item {
    height: 45px;
}
.VcGrid .x-grid-row-expander {
    color: #5fa2dd;
    margin-top: .15em;
}
/*** Grid Expander Style ***/
.vc-rowexpander * {
    font-family: "Open Sans", sans-serif;
    color: #535252;
    font-size: 16px;
}

.vc-rowexpander .flx-r {
    display: flex;
    flex-direction: row;
}

.vc-rowexpander .flx-c {
    display: flex;
    flex-direction: column;
}

.vc-rowexpander .flx-sb {
    justify-content: space-between;
}

.vc-rowexpander .flx-r>.flx-30 {
    flex: 0 0 30%;
}

.vc-rowexpander .flx-r>.flx-70 {
    flex: 0 0 70%;
}

.vc-rowexpander .btn {
    font-size: 14px;
    box-sizing: border-box;
    padding: 6px 10px;
    border-radius: 4px;
}

.vc-rowexpander .label {
    font-size: 12px;
    font-weight: 400;
}

.vc-rowexpander .txt,
.vc-rowexpander .txt-lnk {
    font-size: 14px;
    font-weight: 400;
}

.vc-rowexpander [class^="txt"].center,
.vc-rowexpander .label.center {
    text-align: center;
}

.vc-rowexpander .txt-lg {
    font-size: 16px;
    font-weight: 600;
}

.vc-rowexpander .txt-lnk.theme {
    color: #60A2DD;
}

.vc-rowexpander .fas.theme {
    color: #60A2DD;
}

.vc-rowexpander .btn.theme.disabled {
    background-color: #cae2ed
}

.vc-rowexpander .btn.theme {
    background-color: #60A2DD;
    color: #fff;
    font-weight: 600;
}

.vc-rowexpander .expanded--view {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25rem;
    padding-left: 3.75rem;
    background-image: linear-gradient(to top, #f9f9f9 50%, #e9e9e9 95%, #cecece 102%);
}

.vc-rowexpander .card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.vc-rowexpander .card--left-rail {
    box-sizing: border-box;
    padding: 1.25rem;
    border-right: solid 1px #d8d8d8;
    background-color: #fafafa;
}

.vc-rowexpander .card--info-block {
    box-sizing: border-box;
    padding: 5px 0px 15px 0px;
    margin-top: 0px;
}

.vc-rowexpander .card--left-rail .card--info-block .label {
    font-weight: 500;
    color: #605F5F;
    margin: 0px;
}

.vc-rowexpander .card--left-rail .txt-lg {
    color: #3b3b3b;
    margin: 2px 0px;
}

.vc-rowexpander .table--head,
.vc-rowexpander .table--row {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    justify-content: space-evenly;
    border-bottom: solid 1px #d8d8d8;
}

.vc-rowexpander .table--head>*,
.vc-rowexpander .table--row>* {
    flex: 0 0 15%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.vc-rowexpander .table--head>*:nth-child(1),
.vc-rowexpander .table--row>*:nth-child(1) {
    flex: 1 0 20%
}

.vc-rowexpander .table--head>*:nth-child(2),
.vc-rowexpander .table--row>*:nth-child(2) {
    flex: 1 0 35%
}

.vc-rowexpander .table--head .label {
    color: #535252;
    font-size: 11px;
    font-weight: 700;
}

.vc-rowexpander .table--row .txt {
    font-size: 12px;
    font-weight: 400;
}

.vc-rowexpander .table--row .txt:first-child {
    font-size: 12px;
    font-weight: 700;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.vc-rowexpander .action--bar {
    box-sizing: border-box;
    padding: 1rem 1.25rem;
    margin-top: auto;
    margin-bottom: 0px;
    border-top: solid 1px #d8d8d8;
}
.vc-rowexpander a {
    text-decoration: none;
}

.tooltip {
    position: relative;
    display: inline-block;    
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*** End Expander Style ***/
/*** Field Control Styles ***/
.VcControl .x-form-trigger-wrap {
    /*height: 36px !important;*/
    /* display: flex; */
    /* flex-direction: column; */
    height:auto;
    margin:0px;
    padding:0px;
    width: 100%;
    overflow: hidden;
}

.VcControl .x-form-trigger-wrap.x-form-trigger-wrap-default {
    border:none !important; padding:0px !important; margin:0px !important;
}

.VcControl .x-form-item-label {
    display: none;
}
.VcControl .label {
    font-size: 12px;
    font-weight: 400;
}

.VcControl .x-form-item-body-default {min-width:100%; max-width:100%;}

.VcControl .filter-block {
    /* flex: 1 0 32%; */
    display: flex;
    flex-direction: column;
    /* margin: 0rem 1%; */
    /* min-height: 36px; */
    /* margin-right: 1rem; */
}

.VcControl .filter-block:first-child {
    margin-left: 0px;
}

.VcControl .input-block,
.VcControl .select-block {
    flex: 1 0 32%;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.25rem;
    margin: 0px;
    border: solid 1px #d5d5d5;
    border-radius: 4px;
}

.VcControl .select-block .select-arrow {
    margin: auto;
    margin-right: 0.5rem;
}

.VcControl .input-block,
.VcControl .input-block svg,
.VcControl .select-block .select-arrow {
    transition: all 0.25s 0s cubic-bezier(0, 0, 0.14, 0.96);
}

.VcControl .date-block,
.VcControl .option-block {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.50rem;
    height: 100%;
    align-items: middle;
}

.VcControl .date-block input { 
    padding:0;
    height:auto;
}

.VcControl .date-block label,
.option-block label {
    font-size: 9px;
    line-height: 100%;
    color: #9b9b9b;
    font-weight: 700;
    margin: auto;
    margin-left: 2px;
}

.VcControl .date-block .input,
.VcControl .option-block .input {
    font-size: 12px;
    color: #4a4a4a;
    border: none;
    margin: 0;
}

.VcControl .date-block input:focus {
    border: none;
    outline: 0;
}

.VcControl .icon-block {
    display: flex;
    flex-direction: column;
    width: 18px;
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}

.VcControl .icon-block svg {
    display: block;
    width: 100%;
    /* height: 100%; */
    margin: auto;
    fill: #535252;
}

.VcControl .input-block:hover,
.VcControl .select-block:hover {
    border-color: #60a2dd;
    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.25);
}

.VcControl .input-block:hover .icon-block svg {
    fill: #60a2dd;
}

.VcControl .select-block:hover .select-arrow {
    transform: rotate(180deg);
}
/**Style for ComboBoxes**/
.VcLabel { 
    font-size: 9px;
    line-height: 100%;
    color: #9b9b9b;
    font-weight: 700;
    margin: auto;
    margin-left: 2px;
    position: relative;
    right: -54px;
    z-index: 10000;
    top: 4px;
    display: inline !important;
}

.VcCombo .VcLabel {
    right: -38px;
}

.VcField .x-form-trigger {
    left: 1em;
}

.VcField.InboundLoadType .x-form-trigger {
    left: 3em;
}

.VcCombo .x-form-trigger {
    left: 2.5em;    
}
.VcField.x-form-field-date .x-form-date-trigger {
    font-size: 20px;    
}
.VcField .x-form-trigger,
.VcCombo .x-form-trigger {
    display: inline;
    position: relative;
    top: 0em;
}
/*** End Style for Combo Boxes ***/
/*** TabPanel Styling ***/
.VcModern .x-tab-inner-default {
    font: 400 16px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;   
    margin: 0 0 0 25%;
}
.x-btn-default-small.cancel-button {
    background-color: #c5c5c5;
    border-color: #bfbfbf
}
.x-btn-over.x-btn-default-small.cancel-button {
    border-color: #bfbfbf;
    background-image: none;
    background-color: #afafaf;
}