/*
//==============================================================================
//  Copyright 2022 Moraware, Inc.
//  uiV2Atomic.scss
//
//  Purpose:
//    CSS classes which each represent an individual bit of funcitonality.
//    Intended to be used in combination to achieve an overall effect
//    See: https://betterprogramming.pub/an-introduction-to-atomic-css-880cb02ad57f
//
//==============================================================================
*/

/*#region Cursor */
.cursorPointer {
    cursor: pointer;
}

/*#endregion Cursor */

/*#region Flex*/
.flexRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexNoWrap {
    flex-wrap: nowrap;
}

.flexBasisAuto {
    flex-basis: auto;
}

.flexFillRemainingSpace {
    flex: 1;
}

/*#region Flex Alignment*/
.flexColumn.flexVerticalAlignTop,
.flexColumn.flexAlignTop {
    /*
        Align items on main axis
        for cols this works vertically
    */
    justify-content: flex-start;
}

.flexRow.flexVerticalAlignTop,
.flexRow.flexAlignTop {
    /*
        Align items on cross axis
        for rows it works vertically
    */
    align-items: flex-start;
}

.flexColumn.flexVerticalAlignBottom,
.flexColumn.flexAlignBottom {
    /*
        Align items on main axis
        for cols this works vertically
    */
    justify-content: flex-end;
}

.flexRow.flexVerticalAlignBottom,
.flexRow.flexAlignBottom {
    /*
        Align items on cross axis
        for rows it works vertically
    */
    align-items: flex-end;
}

.flexRow.flexHorizontalAlignRight,
.flexRow.flexAlignRight {
    /*
        Align items on main axis
        for rows this works horizontally
    */
    justify-content: right;
}
.flexColumn.flexHorizontalAlignRight,
.flexColumn.flexAlignRight {
    /*
        Align items on cross axis
        for cols it works horizontally
    */
    align-items: flex-end;
}

.flexRow.flexHorizontalAlignCenter, 
.flexColumn.flexVerticalAlignCenter {
    /*
        Align items on main axis
        for rows this works horizontally
        for cols it works vertically
    */
    justify-content: center;
}

.flexRow.flexVerticalAlignCenter,
.flexColumn.flexHorizontalAlignCenter {
    /*
        Align items on cross axis
        for rows this works vertically
        for cols it works horizontally
    */
    align-items: center;
}

.flexRow.flexHorizontalAlignSpaceBetween,
.flexColumn.flexVerticalAlignSpaceBetween
{
    /*
        Set alignment on main axis
        so that items are spread out
        as much as possible
    */
    justify-content: space-between;
}

.flexRow.flexVerticalAlignSpaceBetween,
.flexColumn.flexHorizontalAlignSpaceBetween {
    /*
        Set alignment on cross axis
        so that items are spread out
        as much as possible
    */
    align-content: space-between;
}

/*#endregion Flex Alignment*/

.flexHorizontalGapSmall {
    column-gap: 4px;
}

.flexHorizontalGapMedium {
    column-gap: 8px;
}

.flexHorizontalGapLarge {
    column-gap: 12px;
}

.flexHorizontalGapXLarge {
    column-gap: 16px;
}

.flexVerticalGapXSmall {
    row-gap: 2px;
}

.flexVerticalGapSmall {
    row-gap: 4px;
}

.flexVerticalGapMedium {
    row-gap: 6px;
}

.flexVerticalGapLarge {
    row-gap: 8px;
}
/*#endregion Flex*/

/*#region Font*/

/*#region Font Sizes*/
/*
    Using REM (Root EM) for font sizes
    1 REM = 16 px by default
    but can be adjusted by the user changing
    their default browser font size.
    REM is like EM, but nested sizes will not multiple like EM.
*/
.fontSizeXXSmall, .fontSizeXXSmall * {
    font-size: 0.5rem !important; /*8px*/
}

.fontSizeXSmall, .fontSizeXSmall * {
    font-size: 0.625rem !important; /*10px*/
}

.fontSizeSmall, .fontSizeSmall * {
    font-size: 0.75rem !important; /*12px*/
}

.fontSizeMedium, .fontSizeMedium * {
    font-size: 0.8125rem !important; /*13px*/
}

.fontSizeLarge, .fontSizeLarge * {
    font-size: 0.9375rem !important; /*15px*/
}

.fontSizeXLarge, .fontSizeXLarge * {
    font-size: 1rem !important; /*16px*/
}

.fontSizeXXLarge, .fontSizeXXLarge * {
    font-size: 1.125rem !important; /*18px*/
}

.fontSizeXXXLarge, .fontSizeXXXLarge * {
    font-size: 1.25rem !important; /*20px*/
}

/*#endregion Font Sizes*/

/*#region Font Weights & Styles*/

.fontWeightNormal {
    font-weight: normal;
}

.fontBolded {
    font-weight: bold;
}

.fontItalic {
    font-style: italic;
}
/*#endregion Font Weights & Styles*/

/*#endregion Font*/

/*#region Margin*/


.marginNone {
    margin: 0 !important;
}

.marginXXSmall {
    margin: 2px;
}
.marginXSmall {
    margin: 4px;
}
.marginSmall {
    margin: 6px;
}
.marginMedium {
    margin: 8px;
}
.marginLarge {
    margin: 10px;
}
.marginXLarge {
    margin: 12px;
}
.marginXXLarge {
    margin: 14px;
}
.marginXXXLarge {
    margin: 16px;
}
.marginHuge {
    margin: 20px;
}
.marginXHuge {
    margin: 24px;
}


.marginTopAuto {
    margin-top: auto
}
.marginBottomAuto {
    margin-bottom: auto
}
.marginLeftAuto {
    margin-left: auto
}
.marginRightAuto {
    margin-right: auto
}

.marginTopXXSmall {
    margin-top: 2px;
}
.marginBottomXXSmall {
    margin-bottom: 2px;
}
.marginLeftXXSmall {
    margin-left: 2px;
}
.marginRightXXSmall {
    margin-right: 2px;
}

.marginTopXSmall {
    margin-top: 4px;
}
.marginBottomXSmall {
    margin-bottom: 4px;
}
.marginLeftXSmall {
    margin-left: 4px;
}
.marginRightXSmall {
    margin-right: 4px;
}

.marginTopSmall {
    margin-top: 6px;
}
.marginBottomSmall {
    margin-bottom: 6px;
}
.marginLeftSmall {
    margin-left: 6px;
}
.marginRightSmall {
    margin-right: 6px;
}

.marginTopMedium {
    margin-top: 8px;
}
.marginBottomMedium {
    margin-bottom: 8px;
}
.marginLeftMedium {
    margin-left: 8px;
}
.marginRightMedium {
    margin-right: 8px;
}

.marginTopLarge {
    margin-top: 10px;
}
.marginBottomLarge {
    margin-bottom: 10px;
}
.marginLeftLarge {
    margin-left: 10px;
}
.marginRightLarge {
    margin-right: 10px;
}

.marginTopXLarge {
    margin-top: 12px;
}
.marginBottomXLarge {
    margin-bottom: 12px;
}
.marginLeftXLarge {
    margin-left: 12px;
}
.marginRightXLarge {
    margin-right: 12px;
}

.marginTopXXLarge {
    margin-top: 14px;
}
.marginBottomXXLarge {
    margin-bottom: 14px;
}
.marginLeftXXLarge {
    margin-left: 14px;
}
.marginRightXXLarge {
    margin-right: 14px;
}

.marginTopXXXLarge {
    margin-top: 16px;
}
.marginBottomXXXLarge {
    margin-bottom: 16px;
}
.marginLeftXXXLarge {
    margin-left: 16px;
}
.marginRightXXXLarge {
    margin-right: 16px;
}

.marginTopHuge {
    margin-top: 20px;
}
.marginBottomHuge {
    margin-bottom: 20px;
}
.marginLeftHuge {
    margin-left: 20px;
}
.marginRightHuge {
    margin-right: 20px;
}

.marginTopXHuge {
    margin-top: 24px;
}
.marginBottomXHuge {
    margin-bottom: 24px;
}
.marginLeftXHuge {
    margin-left: 24px;
}
.marginRightXHuge {
    margin-right: 24px;
}

.marginTopNone {
    margin-top: 0px !important;
}
.marginLeftNone {
    margin-left: 0px !important;
}
.marginRightNone {
    margin-right: 0px !important;
}
.marginBottomNone {
    margin-bottom: 0px !important;
}
/*#endregion Margin*/

/*#region Padding*/

/*
    Contains
    Atomic classes
    padding[Size] - applies padding on all sides
    paddingTop[Size] - apply padding to top
    paddingBottom[Size] - apply padding to bottom
    paddingLeft[Size] - apply padding left
    paddingRight[Size] - apply padding right

    Classes can be stacked - i.e. if most sides
    need 4px, but the right needs 10px
    use both paddingXSmall and paddingRightLarge

    Sizes
    None - 0px
    XXSmall - 2px
    XSmall - 4px
    Small - 6px
    Medium - 8px
    Large - 10px
    XLarge - 12px
    XXLarge - 14px
    XXXLarge - 16px
    Huge - 20px
    XHuge - 24px
*/

.paddingNone {
    padding: 0px !important;
}

.paddingXXSmall {
    padding: 2px;
}

.paddingXSmall {
    padding: 4px;
}

.paddingSmall {
    padding: 6px;
}

.paddingMedium {
    padding: 8px;
}

.paddingLarge {
    padding: 10px;
}

.paddingXLarge {
    padding: 12px;
}

.paddingXXLarge {
    padding: 14px;
}

.paddingXXXLarge {
    padding: 16px;
}

.paddingHuge {
    padding: 20px;
}

.paddingXHuge {
    padding: 24px;
}

.paddingTopNone {
    padding-top: 0px !important;
}

.paddingBottomNone {
    padding-bottom: 0px !important;
}

.paddingLeftNone {
    padding-left: 0px !important;
}

.paddingRightNone {
    padding-right: 0px !important;
}

.paddingTopXXSmall {
    padding-top: 2px;
}

.paddingBottomXXSmall {
    padding-bottom: 2px;
}

.paddingLeftXXSmall {
    padding-left: 2px;
}

.paddingRightXXSmall {
    padding-right: 2px;
}

.paddingTopXSmall {
    padding-top: 4px;
}

.paddingBottomXSmall {
    padding-bottom: 4px;
}

.paddingLeftXSmall {
    padding-left: 4px;
}

.paddingRightXSmall {
    padding-right: 4px;
}

.paddingTopSmall {
    padding-top: 6px;
}

.paddingBottomSmall {
    padding-bottom: 6px;
}

.paddingLeftSmall {
    padding-left: 6px;
}

.paddingRightSmall {
    padding-right: 6px;
}

.paddingTopMedium {
    padding-top: 8px;
}

.paddingBottomMedium {
    padding-bottom: 8px;
}

.paddingLeftMedium {
    padding-left: 8px;
}

.paddingRightMedium {
    padding-right: 8px;
}

.paddingTopLarge {
    padding-top: 10px;
}

.paddingBottomLarge {
    padding-bottom: 10px;
}

.paddingLeftLarge {
    padding-left: 10px;
}

.paddingRightLarge {
    padding-right: 10px;
}

.paddingTopXLarge {
    padding-top: 12px;
}

.paddingBottomXLarge {
    padding-bottom: 12px;
}

.paddingLeftXLarge {
    padding-left: 12px;
}

.paddingRightXLarge {
    padding-right: 12px;
}

.paddingTopXXLarge {
    padding-top: 14px;
}

.paddingBottomXXLarge {
    padding-bottom: 14px;
}

.paddingLeftXXLarge {
    padding-left: 14px;
}

.paddingRightXXLarge {
    padding-right: 14px;
}

.paddingTopXXXLarge {
    padding-top: 16px;
}

.paddingBottomXXXLarge {
    padding-bottom: 16px;
}

.paddingLeftXXXLarge {
    padding-left: 16px;
}

.paddingRightXXXLarge {
    padding-right: 16px;
}

.paddingTopHuge {
    padding-top: 20px;
}

.paddingBottomHuge {
    padding-bottom: 20px;
}

.paddingLeftHuge {
    padding-left: 20px;
}

.paddingRightHuge {
    padding-right: 20px;
}

.paddingTopXHuge {
    padding-top: 24px;
}

.paddingBottomXHuge {
    padding-bottom: 24px;
}

.paddingLeftXHuge {
    padding-left: 24px;
}

.paddingRightXHuge {
    padding-right: 24px;
}

/*#endregion Padding*/

/*#region Align Contents */

.alignContentsRight {
    text-align: right;
}
.alignContentsLeft {
    text-align: left;
}
.alignContentsCenter {
    text-align: center;
}
.alignContentsTop {
    vertical-align: top;
}
.dialogFieldValue.alignContentsMiddle,
.fontActionButtonText.alignContentsMiddle,
.pageInfoLabel.alignContentsMiddle,
.alignContentsMiddle {
    vertical-align: middle;
}
.alignContentsBottom {
    vertical-align: bottom;
}
.centerChildren {
    display: flex;
    align-items: center;
    justify-content: center;
}
.centerChildrenVertically {
    display: flex;
    align-items: center;
}
.centerChildrenHorizontally {
    display: flex;
    justify-content: center;
}
.noWrap, .nowrap, td.nowrap, .tableStyle td.nowrap {
    white-space: nowrap !important;
}
.normalWrap, td.normalWrap, .tableStyle td.normalWrap {
    white-space: normal;
}
/*#endregion Align Contents */

/*#region Float */

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

/*#endregion Float */

/*#region Tables */

.tableBorderNone tr td {
    border: none;
}

/*#endregion Tables */


/*#region Display*/
.displayTable{
    display: table;
}

.displayBlock{
    display: block;
}
/*#endregion Display*/


/*#region Visiblity*/
.visibilityHidden {
    visibility: hidden
}
/*#endregion Visiblity*/


/*#region Width */

/*
    full-width moved from uiv2.scss.  
    Added fullWidth alternative name to match other atomic styles
*/
.fullWidth, .full-width {
    width: 100%;
}

.fullWidthMinusNav {
    width: calc(100% - 160px);
}

.widthUnset {
    width: unset !important;
}

.maxWidthUnset {
    max-width: unset !important;
}

.width5em {
    width: 5em;
}
.width10em {
    width: 10em;
}
.width15em {
    width: 15em;
}
.width20em {
    width: 20em;
}
.width25em {
    width: 25em;
}
.width30em {
    width: 30em;
}
.width35em {
    width: 35em;
}

/*#endregion Width */

/*#region Height */

.heightUnset {
    height: unset !important;
}

/*#endregion Height */

/*#region Colors*/

.colorGrey {
    color: #878787;
}

/*#endregion Colors*/

/*#region Overflow*/

.overflowVerticalScroll {
    overflow-y: auto;
}

/*#endregion Overflow*/

/*
    Prevent element from being clicked
    also prevents hover effects, etc.
*/
.pointerEventsNone {
    pointer-events: none;
}

.positionRelative {
    position: relative;
}

/*
    For cases where we are scrolling an
    element into the view and there
    is a sticky header in the way
    (for example)
*/
.scrollOffsetTop {
    scroll-margin-top: 20px;
}

.removeOutline {
    outline: none;
}

.textDecorationNone {
    text-decoration: none !important;
}

/*#region Borders*/
.thinBorder {
    border-width: 1px;
}
.thickBorder {
    border-width: 2px;
}

.solidBorder {
    border-style: solid;
}
.insetBorder {
    border-style: inset;
}

.outsetBorder {
    border-style: outset;
}

.roundedBorder {
    border-radius: 4px;
}
/*#endregion Borders*/


/*#region Background*/
.whiteBackground {
    background-color: white;
}
/*#endregion Background*/


/*End of uiv2Atomic.scss*/
/*
//==============================================================================
//  Copyright 2016-2022 Moraware, Inc.
//
//  Purpose:    Style sheet for the UIV2 interface.
//
//==============================================================================
*/
body, body div, body p, body th, body td, body li, body dd, table, td, th
{
	font-family:Lato, sans-serif;
	font-size:small;
}

input {
    font-family:Lato, sans-serif;
}

input[type="text"], input[type="email"], input[type="number"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"]{
    padding-left:.25em;
    height: 2.5em;
}

a, button, textarea, .divAsButton {
    outline-color: #B0B0A0;
}
.divAsButton {
    box-sizing: border-box
}

input[type=text], input[type=number], input[type="password"], input[type="email"], input[type="date"], select[multiple="1"], input[type="tel"] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right:2px;
    box-sizing: content-box;
    /*TODO-(instead of the above)-Maybe: 
    padding:12px;
    box-sizing: border-box;
    */
    border-radius: 4px;
    outline: none;
    color: #454545;
    font-weight: 400;
}

input[type="checkbox"] {
    margin-right:.25em;
    height: 1.7em;
    width: 1.7em;
    vertical-align: middle;
    position: relative;
    bottom: 1px;

    border-radius: 4px;
    color: #454545;
}

select[multiple="1"]{
    height:6em;
}


input[name="chkRow"], input[name="chkCheckAllRows"]{
    margin-right:0;
}

input[type=number]{
    height:2.1em;
}
input[type=text], input[type=number], input[type="password"], input[type="checkbox"], input[type="email"], input[type="date"], input[type="tel"] {
    border: 1px solid #B0B0A0;
}
.jtuiv2dialogBox input[type=text], .jtuiv2dialogBox input[type=number], .jtuiv2dialogBox input[type="password"], .jtuiv2dialogBox input[type="checkbox"], .jtuiv2dialogBox input[type="email"] , .jtuiv2dialogBox input[type="date"], .jtuiv2dialogBox input[type="tel"]{
    border: 1px solid #75B2E4;
}
.cguiv2dialogBox input[type=text], .cguiv2dialogBox input[type=number], .cguiv2dialogBox input[type="password"], .cguiv2dialogBox input[type="checkbox"], .cguiv2dialogBox input[type="email"], .cguiv2dialogBox input[type="date"], .cguiv2dialogBox input[type="tel"]{
    border: 1px solid #578D4F;
}

input[type="radio"] {
    margin-right:.25em;
    height: 1.3em;
    width: 1.3em;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    outline-color: #B0B0A0;
}


input[type="radio"].rightSideRadiobutton {
    margin-right:unset;
}

select {
    color: #454545;
    height: 2.5em;
    outline-color: #B0B0A0;
}
.jtuiv2dialogBox select{
    outline-color: #75B2E4;
}
.cguiv2dialogBox select{
    outline-color: #578D4F;
}


.dialogSubtleSectionHeader {
    font-size: 15px
}
tr td.dialogSubtleSectionHeader {
    padding-top: 16px
}
tr:first-child td.dialogSubtleSectionHeader {
    padding-top: unset
}

.dialogButton.spacedDownSubmitButton {
    margin-top: 18px
}


/* Break-out sub-dialog sections need top-padding. */
.dialogFieldValue table.uiv2dialogBox{
    padding-top:0.75em;
}

.dialogFieldValue select, .dialogFieldRow select {
    padding-left: 4px;
}

.dialogFieldValue label {
    white-space: normal;
    word-break: break-word;
}

/* v2 dialog form input widths */
.uiv2dialogDiv select, .uiv2dialogDiv input[type='text'], .uiv2dialogDiv input[type='password'], .uiv2dialogDiv input[type='email'], .uiv2dialogDiv textarea, .uiv2dialogDiv button, .uiv2dialogDiv span, .uiv2dialogDiv table {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.uiv2dialogDiv select, .uiv2dialogDiv textarea {
    color: #454545;
    border-radius: 4px;
}
.uiv2dialogDiv select, .uiv2dialogDiv textarea {
    border: 1px solid #B0B0A0;
}
.uiv2dialogDiv .jtuiv2dialogBox select, .uiv2dialogDiv .jtuiv2dialogBox textarea{
    border: 1px solid #75B2E4;
}
.uiv2dialogDiv .cguiv2dialogBox select, .uiv2dialogDiv .cguiv2dialogBox textarea{
    border: 1px solid #578D4F;
}

table.clsCheckList > tbody > tr:first-child > td:first-child {
    width: 1em;
}
table.clsCheckList > tbody > tr:first-child > td:first-child > input[type="checkbox"] {
    margin-right: 0
}
.clsRestrictedTableHolder {
    max-height: 10em;
    overflow: auto;
}
.uiv2dialogDiv .clsRestrictedTableHolder {
    border: 1px solid #B0B0A0;
}

.uiv2dialogDiv .dialogFieldValue table {
    width: 100%;
}

.uiv2dialogDiv .uiv2dialogContent table {
    width:100%;
    box-shadow: none;
}
/* end v2 dialog form input widths */

textarea{
    font-family:Arial;
    padding-left:.3em;
    min-width:23em;
}

label{
    cursor:pointer;
}
label.inactiveItem{
    cursor:default;
}


body
{
	background-color:#FFF;
	color:#000;
	margin:0;
	padding:0;
}

.pageCenter
{
	height:100%;
	width:100%;
}
.dialogDiv
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	visibility:hidden;
	z-index:-1;
}

.popupSubmenuDiv
{
    position:absolute;
    top:-10000px;
    left:-10000px;
    visibility:hidden;
    z-index:-1;    
    background-color:#EBF0E8;
    padding:0;
    border-radius: 4px;
    border: 1px solid #C8D0BE;
}


.tableStyle
{
    color:#000;
    margin-top:.3em;
    border-collapse:separate;
    border-spacing:1px;
    border:none;
}

/*  Target the filter section for report tables that are the first item in the page so we can normalize the rendering for report tables that do and do not have a filter section by
    making the filter section not affect the padding and moving the padding to the report table itself
*/

/* body div */
div.v2Content > table.tableStyle:nth-child(2) > tbody tr:first-child                 td[class="pageInfoCell"][valign="top"] > div:nth-of-type(2) {
    padding-top: 5px;
}

/* body div when there is a filter element present */
div.v2Content > table.tableStyle:nth-child(2) > tbody tr:first-child + tr:last-child td[class="pageInfoCell"][valign="top"] > div {
    padding-top: 0px;
}

/* floating table head when there is a filter element present */
div.v2Content > table.tableStyle:nth-child(2) > tbody tr:first-child + tr:last-child td[class="pageInfoCell"][valign="top"] > div.tableScrollHead {
    padding-top: 8px;
}

.tableStyle td
{
    overflow:hidden;
    white-space:normal;
}

.calTable td {
    padding: 5px 12px 5px 12px;
}

.calTableFixed td {
    padding: 5px 0px 5px 0px;
}

.jobDetailInfoCell{
    vertical-align:top;
    width:50%;
}

table td.jobDetailInfoCell:first-of-type {
    padding-right: 3px;
}

table td.jobDetailInfoCell:last-of-type {
    padding-left: 3px;
}

.reportTable
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-spacing: 0px;
    border: 1px solid #E3E7D0;
    color: #454545;
}

.reportTable td
{
	overflow:hidden;
    padding:10px 12px;
}

.reportSubTableItem{
    padding-top:4px;
    padding-bottom:4px;
}

.reportSubTableItem span.FontAwesomeTerseIcon {
    padding-right: 3px;
}

#mainPageHeaderPlaceHolder{
	width:100%
}


.dlgGlass{
	background-color:	rgba(0,0,0,0.2);
	position:			absolute;
	left:				0;
	top:				0;
	z-index:			12;

	width:				100%;
	height:			100%;
}

.tableScrollHead
{
	position:absolute;
	visibility:hidden;
    z-index:5;
    background-color:white;
    padding-top: 8px;
}

.tableScrollPaging
{
    margin-left:2px;
    position:absolute;
    visibility:hidden;
    background:white;
    z-index:5;

    align-items: center;
    margin-top: -4px;
}
.tableFixedPaging{
}

thead
{
	display:table-header-group;
}

.oddRow
{
 	background-color:#FFF;
    color: #454545;
}
.neutral .oddRow {
    background-color:#F7F7F7;
}
.jtoddRow
{
	background-color:#FFF;
    color: #454545;
}
.cgoddRow
{
	background-color:#FFF;
    color: #454545;
}
.evenRow
{    
	background-color:#EBF0E8;
    color: #454545;
}
.neutral .evenRow {
    background-color: #FFF;
}
.jtevenRow
{    
	background-color:#EAF4FC;
    color: #454545;
}
.cgevenRow
{    
	background-color:#EFF5EF;
    color: #454545;
}

.evenRow td, .oddRow td {
    border-right: 1px solid #E3E7D0;
}
.jtevenRow td, .jtevenRow td td, .jtoddRow td, .jtoddRow td td {
    border-right: 1px solid #D9E7F2;
}
.cgevenRow td, .cgevenRow td, .cgoddRow td, .cgoddRow td {
    border-right: 1px solid #CADCC9;
}

.evenRow td:last-child, .oddRow td:last-child, .cgevenRow td:last-child, .cgevenRow td:last-child, .cgoddRow td:last-child, .cgoddRow td:last-child, .jtevenRow td:last-child {
    border-right: none;
}

.oddRowFullControl
{
	background-color:#C3D5CD;
}
.evenRowFullControl
{
	background-color:#E0F0E8;
}

.cgoddRowFullControl
{
	background-color:#C0E8C8;
}
.cgevenRowFullControl
{
	background-color:#E0F0E8;
}


.oddinoddrow
{
    color: #454545;
}
.eveninoddrow
{
    color: #454545;
}

.oddinevenrow
{
    color: #454545;
}
.eveninevenrow
{
    color: #454545;
}





.highlightRow,
.clsHighlightRowWhenNotMultiSelMode:not(.clsSelectingMultiple .clsHighlightRowWhenNotMultiSelMode)
{
	background-color:#FFFF66;
	color:#000;
}

.warningRow
{
	background-color:#FFB6C1;
	color:#000;
}

tr.forcedTableSeparatorRow td {
    font-size:1px;
    background-color:#C8D0BE;
    color:#C8D0BE;
    border-color:#C8D0BE;
    padding: 2px 0;
}

tr.forcedTableSeparatorRow.emphasized td {
    padding: 6px 0;
    border-bottom: 1px solid #617150;
    border-top: 1px solid #617150;
}


td.groupingContainerCell{
    padding:0;
}

td.groupingContainerInnerCell{
    border-bottom: 1px solid #E3E7D0;
}


.linkedCell
{
	cursor:pointer;
	text-decoration:underline;
}
.linkedCell:hover{
    color:#6d6d6d;
}
.linkedCell.underlineChild,.linkedCell.underlineChild:hover,
        .linkedCellHover.underlineChild,
        .linkedCell.underlineChild *.indicatorIcon,
        .linkedCellHover.underlineChild *.indicatorIcon,
        .pageInfoValueLink.underlineChild {
    text-decoration:none;
}
.linkedCell.underlineChild>a.clsFullCellLink{
    text-decoration:none;
}

.linkedCell.underlineChild *:not(.underlineChild),
        .linkedCellHover.underlineChild *:not(.underlineChild),
        .pageInfoValueLink.underlineChild *:not(.underlineChild) {
    text-decoration:underline;
}
.linkedCell.underlineChild *.indicatorIcon,
        .linkedCellHover.underlineChild *.indicatorIcon {
    text-decoration:none;
}

.underlineChild{
    text-decoration:none;
}

.linkedCellHover
{
	color:#6d6d6d;
	cursor:pointer;
	text-decoration:underline;
}

.linkedCellHover .inactiveItem{
    color:#6d6d6d;
}


.neutralRow
{
	color:#000;
	cursor:default;
	text-decoration:none;
}

td.linkedCell .neutralRow, td.linkedCellHover .neutralRow{
    cursor:pointer;
}

.jobSerialNumber
{
	font-size:12px;
}

.datepicker {
	cursor:pointer;    
}
.dlgControlSet span.datepicker {
    vertical-align: unset;
}
.datepicker > span.FontAwesomeIcon {
    vertical-align: middle;
}
.datepicker:hover{
    color:#73866A
}
.datepicker.inactiveItem, .datepicker:hover:disabled, .durationPicker[disabled='true']:hover {
    color: #878787;
    cursor: default;
}

.jtuiv2dialogBox .datepicker:hover{
    color:#64A7DD
}


.inactiveItem .datepicker, .datepicker[disabled='true'], .durationPicker[disabled='true'] {
    color: #878787;
    cursor: default;
}

.datepicker img
{
	margin-top:-2px;
	vertical-align:middle;
}

.calendarSeparator
{
	padding:0;
}
td.calendarSeparator
{
	padding:0;
}

.calendarSeparator div {
    border-top: solid 2px #617150;
    height: 0;
    font-size: 0;
}

.calendarSeparatorLarge
{
	padding:0;
}
td.calendarSeparatorLarge
{
    padding:0;
}

.calendarSeparatorLarge div {
    background-color: #617150;
    height: 1em;
}



.calendarVSepartorLarge {
    background-color: #617150;
    padding: 0;
    width: .5em;
}
.calendarVSepartorLarge div
{
	width:.5em;
	margin-top:auto;
	margin-bottom:auto;
}




.calendarWeekendRow
{
	background-color:#DBDBDB;
	color:#000;
}

.calendarWeekendCell
{
	background:#DBDBDB;
	color:#000;
}

.calendarInfoCell
{
	font-size:85%;
}

.calendarItem
{
	background-color:white;
	border:solid 1px #000;
	border-top:solid .75em #000;
	cursor:pointer;
	font-size:85%;
	padding:.15em;
	text-decoration:none;
	overflow:hidden;
	vertical-align:top;
    padding:10px 12px;
    text-align:left;
}

.calendarItem.selected{
    border-style:dashed;
    border-top-style:dotted;
    background-color:#faffff;
}

/*turn off the left and right borders when displaying
  the fields as columns */
#calendarTableBody .calendarItemDisplayField {
    border-left:0;
    border-right:0;
}

tr.clsClickableCalendarRow > td:not(.clsNonClickableCell):hover {
    background-color: #F7F7F7;
    cursor: pointer;
}
.headerRow tr.clsClickableCalendarRow > td:not(.clsNonClickableCell):hover {
    color:#454545;
}


.calHour{
	font-size:140%;
	padding-top:2px;
	padding-right:4px;
}

.calMin{
	text-align:left;
	vertical-align:top;
	width:1em;
}
.calMin div{
	width:1.5em;
}
.calMinB{
}



div#menuBar
{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}



.listBoxStyle{
    margin-top:.3em;
    margin-bottom:.4em;
}

.infoText
{
	color:#000;
}

.dialogOuter{
	z-index:400;
	background-color:#EBF0E8;
	position:absolute;
	left:10px;
	top:2em;
    -moz-box-shadow: 3px 3px 4px #878787;
    -webkit-box-shadow: 3px 3px 4px #878787;
    box-shadow: 3px 3px 4px #878787;
}

.uiv2disabledDialogBox button, .uiv2disabledDialogBox button:hover, .uiv2disabledDialogBox .reportTable button.tableCellActionButton:hover {
    color: #878787;
    background-image: unset;
    cursor: default;
}

.dialogTitle
{
	float:left;
}

.dialogControlButton
{
	cursor:auto;
	float:right;
	margin:0 0 0 1em;
	vertical-align:middle;
}

.dialogControlButton img
{
	padding:1px;
	vertical-align:middle;
}

.dialogVisiblityToggleHeader {
    padding-left: 12px;
    font-size: 15px;
}

.dialogVisibilityToggle {
    padding-left: 28px
}

.dialogFieldName
{
	padding-left:8px;
	padding-bottom:8px;
	text-align:right;
	white-space:nowrap;
}
.dialogFieldName.dialogFieldNamePaddedLeft {
    padding-left: 58px;
}
.dialogFieldName.inactiveItem {
    color: #878787;
}
.inactiveItem .dialogFieldName {
    color: #878787;
}
.dialogFieldName.indentFullBreakout{
    padding-left:4em;
}

tr.clsEmphasizedDialogRow .dialogFieldRow,
tr.clsEmphasizedDialogRow .dialogFieldName,
tr.clsEmphasizedDialogRow .dialogFieldValue select,
tr.clsEmphasizedDialogRow .dialogFieldValue input {
    font-size: 15px;
}

select:disabled{
    background-color:#ebebe4
}
select:disabled{
    background-color:#ebebe4
}

.inactiveItem select,.inactiveItem input{
    background-color:#ebebe4
}


.inactiveItem label {
    color: #878787;
    cursor: default;
}
.inactiveItem reportTable td {
    color: #878787;
}

.inactiveItem .reportTable td.headerCol {
    color: #878787;
}

.shoppingCartFieldLabel{
    vertical-align:top;
    padding-top:1.3em;
    min-width: 320px;
}

.filterFieldLabel{
    vertical-align:top;
    padding-top:1.1em;
}

.dialogFieldValue {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    text-align: left;
    white-space: nowrap;
    color: #454545;
    vertical-align: baseline;
}
.dialogFieldValue.helpText{
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
}
.inactiveItem .dialogFieldValue {
    color: #878787;
}

.dialogFieldValueWrap
{
    padding-left: 8px;
    padding-right:8px;
    padding-bottom:8px;
    text-align:left;
    white-space:normal;
}

.dialogReadOnlyFieldName
{
    padding-left:8px;
    padding-bottom:12px;
    text-align:right;
    white-space:nowrap;
    vertical-align:top;
}

.dialogReadOnlyFieldValue
{
    color:#000;
    padding-right:8px;
    padding-left: 8px;
    padding-bottom:8px;
    text-align:left;
    white-space:normal;
    vertical-align:top;
}

.dialogFieldRow
{
	padding:0 8px 8px 8px;
	white-space:nowrap;
}

.dialogButtonRow
{
	padding:8px;
	white-space:nowrap;
}

.dialogButtonRow.mainDialogButtonRow{
    padding-top:15px;
}

.dialogButtonRow button:last-child {
    margin-right: 2px;
}

.dialogText
{
	background-color:#EBF0E8;
	color:#454545;
}

.dialogButton,
        .cgdialogButton,
        .jtdialogButton,
        .clsMapMiscItemButton
{
    cursor:pointer;
    margin:0 0 0 .6em;
    text-align:center;
    text-decoration:none;
    min-width:7em;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 1.3em;
    font-family: Lato, sans-serif;
}
.clsMapMiscItemButton{
    margin: unset;
}
.dialogButton {
    background: #617150;
    background-image: linear-gradient(to bottom, #617150, #3F583B);
    border: 1px solid #3F583B;
}
.cgdialogButton
{
    background: #68A260;
    background-image: linear-gradient(to bottom, #68A260, #548B4C);
    border: 1px solid #578D4F;
}
.jtdialogButton {
    background: #4E9AD7;
    background-image: linear-gradient(to bottom, #4E9AD7, #397CB2);
    border: 1px solid #397CB2;
}


button.clsMapMiscItemButton{
    background-color:#FF8000;
    border-color:#E37200;
    outline-color:#E37200;
    background-image: linear-gradient(to bottom,#E37200,#F18200);

    color: white;
}
button.clsMapMiscItemButton:hover{
    background-image: linear-gradient(to bottom, #ED9121, #C26B03);
    border-color:#E37200;
}
button.clsMapMiscItemButton:focus {
    outline-style: dashed;
    outline-width: 1px;
}

button.dialogButton:focus,
        button.cgdialogButton:focus,
        button.jtdialogButton:focus {
    border-color: white;
    border-style: dashed
}
button.dialogButton.secondaryDialogSubmitButton:focus {
    border-color: #3F583B;
}
button.cgdialogButton.secondaryDialogSubmitButton:focus {
    border-color: #578D4F;
}
button.jtdialogButton.secondaryDialogSubmitButton:focus {
    border-color: #397CB2;
}


.dialogButton:hover {
    background: #3F583B;
    background-image: linear-gradient(to bottom, #3F583B, #626649);
    color: #fff;
}
.jtdialogButton:hover {
    background: #397CB2;
    background-image: linear-gradient(to bottom, #397CB2, #3A7CB4);
    color:#fff;
}
.cgdialogButton:hover {
    background: #578D4F;
    background-image: linear-gradient(to bottom, #548B4C, #4B7745);
    color:#fff;
}

.dialogButton:disabled
{
    background: #617150;
	color:#878787;
	cursor:default;
}
.cgdialogButton:disabled
{
	color:#878787;
	cursor:default;
}
.jtdialogButton:disabled
{
	color:#878787;
	cursor:default;
}

.dialogFieldSectionHeaderRow {
    padding-left: 5px;
    padding-right: 5px;
}

.dialogFieldSectionHeaderRow > div {
    border-bottom: 1px solid #454545;
    color: #454545;
    font-weight: bold;
    font-size:19.5px;    
    margin: -5px 0px 5px 0px;
    padding-bottom: 0.25em;

}

.inactiveItem .dialogFieldSectionHeaderRow > div {
    color: #878787;
    border-bottom-color: #878787;
}

tr.clsDialogSimpleSeparator td.dialogFieldSectionHeaderRow {
    padding-left: 0;
    padding-right: 0;
}
tr.clsDialogSimpleSeparator td.dialogFieldSectionHeaderRow > div {
    border-bottom-color: #617150;
}

/*
    clsDialogLightSeparator is used with a dialogs addSectionHeaderRow.
    The separator has a lighter color and starts/ends further from
    the sides.
*/
tr.clsDialogLightSeparator td.dialogFieldSectionHeaderRow {
    padding-left: 20px;
    padding-right: 20px;
}

tr.clsDialogLightSeparator td.dialogFieldSectionHeaderRow > div,
div.clsDialogLightSeparator {
    border-bottom: 1px solid;
    border-bottom-color: #DADBE3;
}

.buttonRow.dialogFieldSectionHeaderRow > div {
    border-bottom: none;
    color: #454545;
    font-size: initial;
    margin: initial;
    padding: initial;
} 

.dialogFieldSectionHeaderRow table:first-child {
    border-bottom: 1px solid #454545;
}
.buttonRow.dialogFieldSectionHeaderRow{
    text-align:left;
    height:2.2em;
}

.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell button, 
.uiv2dialogBox .dialogFieldRow .clsQuoteLineMeasDiv button,
.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell button[disabled]:hover{
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    color: #878787;
}

.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell button:hover,
.uiv2dialogBox .dialogFieldRow .clsQuoteLineMeasDiv button:hover
{
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    color: #5D5D5D;
}
.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell button:focus,
.uiv2dialogBox .dialogFieldRow .clsQuoteLineMeasDiv button:focus
{
    border-color: #878787;
    border-style:dashed;
}

.suppressSeparatorBorder table.dialogButtonRow {
    border-bottom: none;
}


.fontActionButton{
    padding: 2px 2px;
}
.fontActionButton:focus{
    outline:none;
}
.fontActionButton:hover{
}

/*
    ioniconPaired is a class applied to FontAwesomeIcon-fontActionButtons
    that show up next to Ionicon-fontActionButtons because the latter wind up
    with a larger height of 26px compared to the "FontAwesomeIcon-fontActionButton"
    height of 24.4px
*/
.fontActionButton.ioniconPaired {
    height: 26px;
    margin-top: 0;
    margin-bottom: 0;
}


.uiv2disabledDialogBox .buttonLink span, .uiv2disabledDialogBox .buttonLink, .uiv2disabledDialogBox .buttonLink:hover, .fontActionButton:disabled, .fontActionButton:hover:disabled, .uiv2DialogCloseButton[disabled='true'], .uiv2DialogCloseButton[disabled='true']:hover, .uiv2DialogCloseButton[disabled='true']:focus,
button.tableCellActionButton[disabled], button.tableCellActionButton:hover[disabled] {
    color: #878787;
    background-image: unset;
    cursor: default;
}
.uiv2DialogCloseButton[disabled='true'], .uiv2DialogCloseButton[disabled='true']:hover, .uiv2DialogCloseButton[disabled='true']:focus {
    background-color: unset;
    /*border: unset;*/
    outline: unset;
}

.fontActionButtonText{
    vertical-align:super;
    white-space: nowrap;
    font-size:100%;
    font-family:Lato, sans-serif;
    padding-right: 0.2em;
}
.fontActionButtonSplitText{
    display:inline-block;
    font-size:90%;
    vertical-align:middle
}


.tableCellActionButton .FontAwesomeIcon,
        .tableCellActionButton .IoniconIcon,
        .tableCellActionButton .fontActionButtonText{
    vertical-align:middle;
}



.clsToolStrip .fontActionButtonText{
    font-size:1.3em;
    display:inline-block;
    margin-left:4px;
    vertical-align:initial;
}

.compactButton{
    padding:0 0em;
    margin:0;
}


.dlgInteriorButton{
    width: 99%;
    min-height:3.5em;
    padding-left: 13px;
    padding-right: 13px;
    white-space: normal;
}
.dlgInteriorButtonText{
    font-size:150%;
}


.reportTableActionButton{
	background:#EBF0E8;
	border-width:1px;
	cursor:pointer;
	color:#fff;
	padding:.1em .5em;
	text-decoration:none;
	width: auto;
	overflow:visible;
    font-size:22px;
}
td.rtActionButtonCell{
    padding:.25em 0.75em;
}
.actionButton
{
	background:#617150;
	border-width:1px;
	cursor:pointer;
	color:#fff;
    font-family:Lato, sans-serif;
	font-size:85%;
	margin:0.75em .75em 0.75em .75em;
    padding: 0.75em 0.75em 0.75em 0.75em;
	text-decoration:none;
	width: auto;
	overflow:visible;
}

.jtactionButton
{
	background:#EBF0E8;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-size:85%;
	margin:0.75em .75em 0.75em .75em;
	padding:.25em .25em 1.5em .5em;
	height:1.8em;
	text-decoration:none;
	width: auto;
	overflow:visible;
}
.cgactionButton
{
	background:#EBF0E8;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-size:85%;
	margin:0.75em .75em 0.75em .75em;
	padding:.25em .25em 1.5em .5em;
	height:1.8em;
	text-decoration:none;
	width: auto;
	overflow:visible;
}

.reportTableActionButton:hover{
    border-color:#fff;
    color:#fff;
}
.actionButton:hover{
    border-color:#fff;
    color:#fff;
    /*
	margin:0.75em .75em 0.75em .75em;
    padding: 0.75em 0.75em 0.75em 0.75em;
        */
}
.jtactionButton:hover{
    border-color:#fff;
    color:#fff;
}
.cgactionButton:hover{
    border-color:#fff;
    color:#fff;
}

.actionButton:disabled
{
	color:#878787;
}
.jtactionButton:disabled
{
	color:#878787;
}
.cgactionButton:disabled
{
	color:#878787;
}

.dlgActionButton
{
	background:#EBF0E8;
	border-width:1px;
	color:#003366;
	cursor:pointer;
    font-family:Lato, sans-serif;
	font-size:85%;
	margin:0 .15em;
	padding:0 .2em .25em 0.2em;
	height:1.6em;
	text-decoration:none;
}
.cgdlgActionButton
{
	background:#EBF0E8;
	border-width:1px;
	color:#003366;
	cursor:pointer;
	font-size:85%;
	margin:0 .15em;
	padding:0 .2em .25em 0.2em;
	height:1.6em;
	text-decoration:none;
}

.dlgActionButton:hover{
    color:#fff;
}
.cgdlgActionButton:hover{
    color:#fff;
}
.jtdlgActionButton:hover{
    color:#fff;
}

.dlgActionButton:disabled
{
	color:#878787;
	cursor:default;
}
.cgdlgActionButton:disabled
{
	color:#878787;
	cursor:default;
}

.table-remove-button {
    font-size: 1.7em !important;
}

.table-remove-button, button.dlgControlSet.table-material-button {
    text-align: center;
    background-image: none;
    border: none;
    background-color: transparent;
    color: #C8D0BE;
}
.table-remove-button:hover, button.dlgControlSet.table-material-button:hover {
    text-align: center;
    background-image: none;
    border: none;
    background-color: transparent;
    color: #617150;
}

.dlgControlSet
{
	white-space:nowrap;
}
.pageControlSet{
    background-image:none;
    background-color: transparent;
    color:#878787;
    white-space:nowrap;
    border:none;
}
.pageControlSet:hover, .pageControlSet:focus{
    background-image:none;
    background-color: transparent;
    border:none;
    color:#5D5D5D;
}
.pageControlSet:disabled, .pageControlSet:hover:disabled, .pageControlSet:focus:disabled{
    color:#878787;
    cursor:default;
}


button.dlgControlSet, dlgControlSet {
    background-image: none;
    border: none;
    background-color: transparent;
    color: #617150;
}
button.dlgControlSet:hover {
    background-image: none;
    border: none;
    background-color: transparent;
    color: #C8D0BE;
}

button.pageControlSet, button.pageControlSet.fontActionButton{
    padding:0.5em;
}

.dlgControlSet button, .dlgControlSet input, .dlgControlSet select, .dlgControlSet span,
        .pageControlSet button, .pageControlSet input, .pageControlSet select, .pageControlSet span
{
	vertical-align:middle;
}

.dlgControlSet .FontAwesomeIcon, .pageControlSet .FontAwesomeIcon {
    font-size: 200%;
}

.dialogFieldValue .FontAwesomeIcon {
    font-size:200%;
}

.pageSeparatorRow .fontActionButtonText {
    font-size:67%;
    vertical-align:text-top;
}
.clsWizardStepTableSectionButtonRow .fontActionButtonText {
    font-size: 67%;
    vertical-align: text-top;
}
tr.clsWizardStepTableSectionButtonRow > td {
    text-align: right;
    font-size: 1.7em
}


.dlgControlSet input[name=search] {
    width: calc(100% - 60px);
    margin-right: 3px;
}


.reportTitle
{
	font-size:130%;
	font-weight:bold;
}

.clsFieldRequiredAsterisk{
    color:#D12421;
    font-weight: bold;
}

.clsRedAsteriskPrefix:before {
    content: " *";
    color: #D12421;
}

.clsInactiveFormTemplateField {
    text-decoration: line-through;
}

.errorText
{
	color:#D12421;
	font-weight:bold;
}
.dlgErrorPanel
{
	color:#E3001A;
	font-weight:bold;
    background-color:white;
    border:1px solid black;
    padding:.5em;
    white-space:pre-wrap;
}

.dlgErrorPanel a {
    color: #E3001A;
}

.dlgErrorPanel a:hover {
}

.warningText
{
    color:#E3001A;
    font-style:italic;
    padding-top:.2em;
    padding-bottom:.2em;
}

/*warning text is already used and is spread out
  in other places so use a different word */
.cautionText .dialogFieldValue,
.cautionText
{
    color:#E37200;
    padding-top:.2em;
    padding-bottom:.2em;
}

/*for the icon */
.cautionText .dialogFieldName
{
    vertical-align: initial;
}

.insufficientAccessError
{
    background:#C8D0BE;
    color:#E3001A;
    font-weight:bold;
    font-size:200%;
    border:4px solid #617150;
    padding:.5em;
    margin:4em auto;
    text-align:center;
    max-width:20em;
    border-radius:4px;
}

.pageRedirectLink
{
    background:#C8D0BE;
    color:#E3001A;
    font-weight:bold;
    font-size:200%;
    border:4px solid #617150;
    padding:.5em;
    margin:4em auto;
    text-align:center;
    max-width:20em;
    border-radius:4px;
}

.reportFootnote
{
    padding-top: 5px;
}

#contextMenuPopUp
{
    background-color:#EBF0E8;
    border: 1px solid #C8D0BE;
    padding:0;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #878787;
}


.contextMenuRow
{
    background:#EBF0E8;
    color: #454545;
    cursor:pointer;
    padding:0 .5em;
    white-space:nowrap;
    position:relative;
    line-height:50px;
    font-size:16px;
    display:flex;
}
.clsDateFilterMenu .contextMenuRow:hover{
    background:#C8D0BE;
}
.contextMenuRow:hover{
    background:#C8D0BE;
}
.contextMenuRow[data-notalink]{
    cursor:default;
}
.contextMenuRow[data-notalink]:hover{
    background:#EBF0E8;
}

.contextMenuRow>div>span{
    font-size:16px;
    vertical-align:top;
}
.contextMenuRow >div{
    font-size:16px;
    flex-grow:1;
}
.contextMenuRow span.FontAwesomeIcon,
        .contextMenuRow span.IoniconIcon,
        .contextMenuRow span.MorawareIconsIcon{
    font-size:24px;
    display:inline-block;
    line-height:50px;
    color:#617150;
}

.contextMenuRow.clsMenuHelpText,
        .contextMenuRow.clsMenuHelpText:hover {
    background-color: white;
}
.contextMenuRow.clsMenuHelpText > div {
    white-space: normal;
    line-height: 1em;
	color:#233418;
	font-style:italic;
    font-size:14px;
    padding:0 0 0.5em 0;
}

.clsInactiveMenuRow .contextMenuRow {
    color: #CACACA;
}


.subHundredHeightLimit {
    max-height: 95vh;
    overflow-y: auto;
}


.menuCheckMarkable, .menuSubmenuChevron{
    font-family:"FontAwesome";
    width:30px;
    text-align:center;
    display:inline-block;
    flex-basis:auto;
    color:#617150;
}
.menuCheckMarkable{
    font-size:24px;
}
.menuSubmenuChevron{
    font-size:16px;
}
img.menuItemImage{
    padding-right:0.5em;
    vertical-align:middle;
}

.menuSubmenuChevron.altSubmenu{
    border:1px solid #3F583B;
    margin: 0.5em 0 0.5em 0.5em;
    padding:0.5em 0.25em;
    background-color:white;
    line-height:1em;
    border-radius:4px;
}
.menuSubmenuChevron.altSubmenu:hover{
    background-color: #617150;/*#617150*/
    border-color:#73866A;
    color:white;
}

.contextMenuHeader{
    border-bottom:3px solid #C8D0BE;
}

.contextMenuHeader>div{
    font-weight:bold;
    font-size:18px;
}

.contextMenuRow.contextMenuFullRowHeader {
    line-height: 2em;
}
.contextMenuRow.contextMenuFullRowHeader,
.contextMenuRow.contextMenuFullRowHeader:hover {
    color: #B0B0A0;
    background-color: #ECECEC;
}
.contextMenuRow.contextMenuFullRowHeader > div {
    font-size: 16px;
    font-weight: bold;
}


#contextMenuTable{
    padding:.15em 0;
}


.contextMenuLink a
{
    text-decoration:none;
	display:block;
	font-size:120%;
	padding:.5em .75em;
	white-space:nowrap;
	position:relative;
}

.contextMenuLink a:hover
{
    text-decoration:none;
	background:#C8D0BE;
}

.contextMenuSeparator
{
	height:1px;
}

.contextMenuContent
{
}

.contextMenuContentScrolling
{
	padding:1px;
	overflow:auto;
}

.menuComment{
	font-size:90%;
	font-style:italic;
	color:#878787;
}



.quoteLinesTable
{
	width:600px;
}
.quoteAnalysisTable {
    margin-top:7px;
	width:600px;
    border: 1px solid #E3E7D0;
    border-radius: 4px;
    padding: 7px 7px 7px 7px;
}
.quoteAnalysisTable td {
    border-right: none;
    padding: 7px;
}

.quoteLineRow
{
	cursor:pointer;
}

.quoteLineRow .FontAwesomeTerseIcon {
    font-size: 7pt;
    padding-top: .55em;
}


.quoteLineHover
{
	color:#6d6d6d;
	cursor:pointer;
}

.quoteLineHidden
{
	color:#A5A5A5;
}

.quoteLineInfoHidden
{
	color:#A5A5A5;
	font-size:85%;
}

.quoteLinePriceHidden
{
	color:#A5A5A5;
	font-size:90%;
	white-space:nowrap;
}

.quoteLinePriceHiddenHover
{
	color:#6d6d6d;
	cursor:pointer;
	font-size:90%;
	white-space:nowrap;
}


.pageNavEnabled a span
{
	color:#fff;
    cursor:pointer;
}

.pageNavDisabled span
{
	color: #E3E7D0;
}

.pageRecordCountOnly{
    color: #A5A5A5;
	font-size:110%;
    display:inline-block;
    padding:.5em .2em;
}

.pageNavEnabled .navIcon, .pageNavDisabled .navIcon{
    display:inline-block;
    vertical-align:text-top;
    font-family:"FontAwesome";
}
.pageNavNeutral .navIcon{
    display:inline-block;
    vertical-align:text-top;
    font-family:"FontAwesome";
    padding:.2em;
	font-size:175%;
}

a.navIcon, span.navIcon {
    text-decoration:none;
}
a.navIcon:hover, span.navIcon:hover {
    text-decoration:none;
}

.navSliderIcons{
    border-left:1px solid white;
    border-right:1px solid white;
    color:white;
    font-family:"FontAwesome";
    font-size:1.95em;
}

.navPadRight > a, .navPadLeft > a {
    display: inline-block;
    text-align: center;
    width: 1.2em;
    border-radius: 50%;
    font-size: 2em;
    margin-left: 12px;
    color: #fff;
    margin-top: 9px;
    background-color: #878787;
    border: 1px solid #878787;
}

.pageNavDisabled.navPadRight, .pageNavDisabled.navPadLeft, .pageNavDisabled.navPadRight, .pageNavDisabled.navPadLeft {
    opacity: 0.5;
}

.pageNavDisabled.navPadRight > a:hover, .pageNavDisabled.navPadLeft > a:hover {
    background-color: #878787;
    border: 1px solid #878787;
}

.navPadRight > a:hover, .navPadLeft > a:hover {
    background-color: #5D5D5D;
    border: 1px solid #DBDBDB;
}

.navPadRight span {
    font-weight: bold;
    padding-right: 3px;
}

.navPadLeft span {
    font-weight: bold;
    padding-left: 3px;
}

.pageInfoItem
{
	padding:0;
	border-collapse:collapse;
}

.pageInfoLabel
{
    color: #454545;
    font-size: 1em;;
	vertical-align:top;
    font-weight:bold;
}

.pageInfoLabel.clsFilterDescription {
    font-weight: normal;
}

.pageInfoLabel.clsFilterDescription.clsFilterDescriptionView {
    font-weight: bold;
    font-size: 15px;
}

.pageInfoLabel.verticallyCentered{
    vertical-align:middle;
}

.dynamicallySizedLabels .pageInfoLabel{
    max-width:12em;
    width:12em;
}

.pageInfoValue
{
	vertical-align:top;
	padding:1px 1px 0px 8px;
    color: #454545;
    font-size: 1em;;
    word-break: break-word;
}
.pageInfoValue.errorText,
        .pageInfoLabel.errorText {
    color: #D12421
}

.pageInfoValue table tr td {
    font-size: 1em;;
    color: #454545;
}

.pageInfoValue.clsFilterDescription.clsFilterDescriptionView {
    font-size: 15px;
}

.pageInfoValue.clsFilterDescription.clsFilterDescriptionView .clsSystemGeneratedViewName {
    font-style: italic;
}

.errorText a,
        .errorText.pageInfoValue a,
        .pageInfoValue a.errorText{
    color:#D12421;
}


.pageInfoValueLink
{
	cursor:pointer;
	text-decoration:underline;
	vertical-align:top;
	padding:1px 1px 0px 8px;
}
.pageInfoValueLink.paddedSubLink{
    display:inline-block;
    padding:.5em 1px .5em 1px;
}
.pageInfoValueLink.paddedSubLink:first-child{
    padding-top:0;
}

.pageInfoValueLink:hover
{
	color:#6d6d6d;
}


table.pageInfoCenteredJustifiedTable{
}
table.subsectionHeaderTable {
    width: 100%;
    width: 100%;
}
table.subsectionHeaderTable tr td div.buttonsCell {
    white-space: nowrap;
    text-align: right;
}
table.subsectionHeaderTable tr td div.subheaderTitleCell {
    font-weight: 400;
    font-size: medium;
}
table.subsectionHeaderTable tr td div.accountingExportStatusHeading {
    font-size: large;
}

.bubbleContent .detail-form {
    background: unset;
    padding:0 0.25em;
}

tr.pageSeparatorRow.clsSubsectionSeparator {
    height:0.75em;
}
tr.clsSubsectionInteriorSeparator {
    height:1em;
}
tr.pageSeparatorRow.clsSubsectionFooterSpacer {
    height: 5.8em;
}


table.pageInfoCenteredJustifiedTable > tbody > tr > td.pageInfoIconCell,
table.subsectionHeaderTable > tbody > tr > td > div.pageInfoIconCell {
    width: 1.25em;
}
table.subsectionHeaderTable > tbody > tr > td > div.pageInfoIconCell.chevronHolder {
    width: unset;
}
table.pageInfoCenteredJustifiedTable > tbody > tr > td.pageInfoIconCell {
    vertical-align: top;
}
table.pageInfoCenteredJustifiedTable > tbody > tr > td.pageInfoIconCell span,
table.subsectionHeaderTable > tbody > tr > td > div.pageInfoIconCell span {
    font-size: 1.25em;
}
table.pageInfoCenteredJustifiedTable > tbody > tr.extraWidePageInfoIconCell > td.pageInfoIconCell {
    width: 4.75em;
}

table.pageInfoCenteredJustifiedTable.clsConstrictPageInfoLabels td.pageInfoLabel {
    width: 1em;
    white-space: nowrap;
}


table.pageInfoCenteredJustifiedTable >tbody >tr >td.pageInfoLabel{
    text-align:right;
}
table.pageInfoCenteredJustifiedTable.dynamicallySizedLabels{
    width:100%;
}


table.subsectionHeaderTable button,
button.infoActionButton {
    font-size:medium;
    font-weight:400;
    padding: 0.5em 1.25em;

    background-color:#FF8000;
    border-color:#E37200;
    outline-color:#E37200;
    background-image: linear-gradient(to bottom,#E37200,#F18200);

    color: white;
}

button.infoActionButton {
    display: block;
    margin: 2.5em auto;
}

table.subsectionHeaderTable button:hover,
button.infoActionButton:hover {
    background-image: linear-gradient(to bottom, #ED9121, #C26B03);
    border-color:#E37200;
}
button.clsSubduedSectionHeaderButton:focus,
table.subsectionHeaderTable button:focus,
button.infoActionButton:focus {
    outline-style: dashed;
    outline-width: 1px;
}

table.subsectionHeaderTable button.clsSecondaryButton {
    background-image: unset;
    color: #323A38;
    border-color: #DBDBDB;
    background-color: unset;
}
table.subsectionHeaderTable button.clsSecondaryButton:hover {
    color: #6d6d6d;
}
button.clsSubduedSectionHeaderButton:focus,
table.subsectionHeaderTable button.clsSecondaryButton:focus {
    outline-color: #878787
}


table.subsectionHeaderTable button:disabled,
button.clsSecondaryButton:disabled,
button.infoActionButton:disabled {
    background-image: linear-gradient(to bottom, #FFD8aC, #FFd0a0);
    background-color: #ebebe4;
    border-color:#FFBF7E;
    color:rgba(255, 255, 255, .8);
    cursor:default;
}

table.subsectionHeaderTable button.clsAdditionalInformationButton {
    background-image: unset;
    color: #1C5DDB;
    border-color: transparent;
    background-color: unset;
    padding: 0em 0.75em;
}

table.subsectionHeaderTable button.clsAdditionalInformationButton:focus {
    outline-width:0;
}


.clsWizardSectionChevronsCell {
    padding-left: 0;
    padding-right: 0;
    width: 2em;
    cursor: pointer;
    vertical-align: top;
}


.expandoIconHolder {
    width: 2em;
    display: inline-block;
}
.expandoIconHolder.collapsed{
    width:1.7em;
    margin-left:.3em;
}

.uiv2dialogBox .expandoIconHolder .FontAwesomeIcon {
    font-size: 1.4em
}

button.clsSubduedSectionHeaderButton span.FontAwesomeIcon {
    font-size: 1em;
}

button.clsSubduedSectionHeaderButton.resetButton {
    color: #323A38;
}
button.clsSubduedSectionHeaderButton.resetButton span.FontAwesomeIcon {
    font-size: 0.7em;
}

button.clsSubduedSectionHeaderButton span.fontActionButtonText {
    vertical-align:baseline;
    padding-left:0.25em;
}



/* 
    "fullWidthSectionTable" is similar to "dynamicallySizedLabels" but doesn't
    right-align things when shrunk to a smaller screen.
*/
.fullWidthSectionTable .pageInfoLabel{
    max-width:12em;
    width:12em;
}
table.pageInfoCenteredJustifiedTable.fullWidthSectionTable{
    width:100%;
}




.scrollingPageSection
{
	height:15em;
	overflow:auto;
}

.expandCollapseImg
{
	vertical-align:middle;
}

.sectionCollapser{
    display:inline-block;
    width:1.1em;
}


.placeholderCell
{
	height:100%;
	width:100%;
}

.pageError
{
	background-color:#ECECEC;
	border:inset 1px #617150;
	color:#000;
	position:absolute;
	top:100px;
	left:50px;
	z-index:9;
}

.inlinePageError
{
	background-color:#ECECEC;
	border:inset 1px #617150;
	color:#000;
}


#pageViewMenu
{
	background-color:#EBF0E8;
	border:outset 2px;
}

td.pageViewMenuRow
{
	background-color:#EBF0E8;
	color:#003366;
	cursor:pointer;
	font-size:90%;
	padding:.2em;
	white-space:nowrap;
}

td.pageViewMenuHover
{
	background-color:#336699;
	color:#FFF;
	cursor:pointer;
	font-size:90%;
	padding:.2em;
	white-space:nowrap;
}

td.pageViewMenuLink a
{
	background-color:#EBF0E8;
	color:#003366;
	cursor:pointer;
	display:block;
	font-size:90%;
	padding:.2em;
	width:100%;
}

td.pageViewMenuLink a:hover
{
	background:#336699 url(../graphics/cmenuh-bg.png) repeat-x;
	color:#FFF;
}

td.pageViewAction
{
	background-color:#EBF0E8;
	color:#000;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
	white-space:nowrap;
}

td.pageViewActionHover
{
	background-color:#EBF0E8;
	color:#E3001A;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
	white-space:nowrap;
}

#typeAheadTable .textAction {
    color:#617150;
}

.textAction
{
    color:#454545;
	cursor:pointer;
	font-size:1em;
	padding:3px;
    white-space: nowrap;
}
.textAction.underlineChild{
    text-decoration:none;
}

.textActionHover
{
	color:#6d6d6d;
	cursor:pointer;
	font-size:1em;
	padding:3px;
}

.textActionNoPrint
{
	color:gray;
	cursor:pointer;
	font-size:1em;
	padding:3px;
}

.textActionNoPrintHover
{
	color:#E3001A;
	cursor:pointer;
	font-size:1em;
	padding:3px;
}


a.maplink
{
	color:gray;
	font-size:85%;
	text-decoration:underline;
}
a.maplink:hover
{
	color:#E3001A;
	font-size:85%;
	text-decoration:underline;
}

.progressBar
{
	background-image:url(../graphics/progress.gif);
	display:block;
	height:1em;
}

.colorsample {
    border: 1px solid #000;
    display: block;
    height: 1em;
    width: 1.5em;
    float: left;
}

.moreSearchResults a
{
	color:blue;
	font-weight:bold;
	padding:.3em;
	text-decoration:underline;
}

.moreSearchResults a:hover
{
	color:#fff;
	font-weight:bold;
	padding:.3em;
	text-decoration:underline;
}

.optionsColumnList
{
	width:20em;
}


.formTitle
{
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
}

.formSecondaryTitlePrompt
{
	padding-left:18px;
	font-weight:bold;
}

.formTitleHover
{
	color:#E3001A;
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
}

.clsSummaryOption {
    padding-left:1em;
}
.clsSummaryOption input[type="checkbox"]{
    font-size:60%;
}
.clsFormAlignmentTable{
    border-collapse:collapse;
}
.clsFormAlignmentTable td{
    padding:0;
}


.formSeparator
{
	border-bottom:solid 1px #617150;
	border-top:solid 1px #617150;
	background:#617150;
	color:#FFF;
	font-weight:bold;
	padding:1px 3px;
}

.formRowTable
{
	table-layout:fixed;
	width:6.5in;
}


.formFieldSelected
{
	border:4px dashed #000;
	background-color:#C0C8D0;
}

.formFieldInsertRight
{
	border-right:4px dashed #000;
	background-color:#C0C8D0;
}
.formFieldInsertLeft
{
	border-left:4px dashed #000;
	background-color:#C0C8D0;
}
.formFieldInsertTop
{
	border-top:4px dashed #000;
	background-color:#C0C8D0;
}
.formFieldInsertBottom
{
	border-bottom:4px dashed #000;
	background-color:#C0C8D0;
}





.formField
{
	border:solid 1px #CCCCCC;
}

.formFieldHover
{
	background:yellow;
	border:solid 1px #617150;
	cursor:pointer;
}

#formFieldDragPopup
{
	background-color:#ECECEC;
	border:solid 1px #617150;
	padding:.2em;
}


.issueHistoryList
{
	border-left:1px solid #001D39;
	border-top:1px solid #001D39;
	border-right:1px solid #B2C1D1;
	border-bottom:1px solid #B2C1D1;

	overflow:auto;
	height:200px;
	padding:5px;

    max-width: 500px;
}

.issueHistoryEntry
{
	background-color:#ECECEC;
	border:solid 1px #777777;
	white-space:normal;
    word-break: break-word;
}

.issueHistorySeparator
{
	height:1em;
}

.issueHistoryText
{
	color:#000;
	font-size:90%;
}

.issueHistoryTimestamp
{
	color:#454545;
}

.issueWarningMessage
{
	cursor:pointer;
	color:#454545;
    font-size: 0.6em;
    font-weight:normal;
	margin-left:5em;
}

.pageInfoValue a.issueWarningMessage, .pageInfoValue a {
    font-size: 1em;
    color: #454545;
}

.issueWarningMessageHover
{
	cursor:pointer;
	color:#E3001A;
	font-size:110%;
	margin-left:5em;
}

.helpText
{
	color:#233418;
	font-style:italic;
	padding:2px;
    word-wrap: break-word;
    white-space: normal;
}
.clsFauxInputField.invalidTextField {
    border-color: #DD0000;
}
.invalidTextField .helpText {
    color:#DD0000;
}

.alignedWithDialogHeader {
    padding-left: 12px;
}

.resetPWLink
{
	color:#454545;
	text-decoration:underline;
	font-size:85%;
}
a.resetPWLink:hover{
	text-decoration:underline;
}

.fieldTreeBranchCnr{
    display:block;
    cursor:pointer;
}
.fieldTreeBranchCnr:hover {
    background-color: #617150;
    border-color: #73866A;
    color: #FFFFFF;
}
.uiv2dialogBox .fieldTreeBranchCnr .FontAwesomeIcon {
    font-size: 160%;
    vertical-align: sub;
}
.fieldTreeBranch
{
    display:inline-block;
    word-break:break-word;
    font-weight:bolder;
    padding:.1em .2em;
    margin:.1em .2em;
}
.fields-top-of-section {
    padding-top: 3px;
}
.fields-bottom-of-section {
    border-bottom: 1px solid #D6D6D6;
    width: 90%;
    margin: auto;
}

.fieldTreeLeaf
{
    cursor:pointer;
    word-break:break-word;
    border:solid 1px #fff;
    padding:.3em .2em;
    margin:.15em 0.3em .5em 0;
}
.fieldTreeLeaf:hover
{
    color: #FFFFFF;
    background-color:#617150;
    border-color:#73866A;
}

.fieldTreeDeadLeaf
{
    color:#A5A5A5;
    word-break:break-word;
    border:solid 1px #E6E6E6;
    background-color:#ECECEC;
    padding:.3em .2em;
    margin:.15em 0.3em .5em 0;
}
.fieldTreeDeadLeaf:hover
{
	color:#A5A5A5;
}


.fieldTreeSingleSelectedLeaf
{
    cursor:pointer;
    color:Gray;
    padding:.3em .2em;
    border:dotted 1px Gray;
    padding:.3em .2em;
    margin:.15em 0.3em .5em 0;
}
.fieldTreeSingleSelectedLeaf:hover
{
	background-color:#F0F8FF;;
	border-color:#000;
}

.fieldsSectionContainer {
    background:white;
    border-radius:4px;
    border:1px solid #B0B0A0;
}
.fieldTreeFilterSection{
    padding-bottom:.4em;
    margin-bottom:.2em;
}
#fieldTreeFilterField{
    display:block;
    margin-left:0px;
    width:100%;
}

.eventLogTimestamp {
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 3px;
    position: sticky;
    top: 76px;
    background-color: #fff;
}
.eventLogEventDesc + .eventLogTimestamp {
    /*
        Any timestamps that have a description
        immediately above them should have extra
        padding
    */
    padding-top: 32px;
}

.eventLogEventDesc {
    /*Align desc to sit directly under timestamp text*/
    padding-left: 16px;
    padding-top: 24px;
}
.eventLogTimestamp + .eventLogEventDesc {
    /*
        The first description text under a timestamp
        should only have 8 px padding (rather than 24)
    */
    padding-top: 8px;
}

.eventLogFieldDesc {
    word-break: break-word;
    /*Align desc to sit 10px to left of timestamp text*/
    padding-left: 26px;
}

.eventLogValueLink
{
	cursor:pointer;
	text-decoration:underline;
}

.eventLogValueLinkHover
{
	color:#E3001A;
	cursor:pointer;
	text-decoration:underline;
}

.eventLogFieldValue
{
    white-space:normal;
    display: inline-block;
    max-width: 33%;
    word-break: break-word;
    word-wrap: break-word;
    padding: 2px 5px;
    background: #ECECEC;
    border-radius: 4px;
    margin: 2px;
}

.eventLogFieldDesc, .eventLogFieldDesc span, .eventLogFieldDesc div {
    vertical-align: middle;
}

.eventLogPermissionsChangedTable {
    margin-left: 7px;
}

.eventLogPermissionsChangedTable tr:first-child {
    text-align: center;   
}

.eventLogPermissionsChangedTable tr:first-child td {
    border-bottom: 1px solid #454545;
    margin-left: 3px;
    margin-right: 3px;
}

.eventLogPermissionsChangedTable .eventLogFieldValue {
    max-width: none;
    white-space: nowrap;
}

.boxList
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:5px;
}


.boxList li 
{
    list-style-type:none;
    word-break:break-word;
    width:18em;
    margin:2px 0 .4em .4em;
    border:1px solid #B0B0A0;
    border-radius: 2px;
    text-align:left;
    background-color:#fff;
}

li.boxListInnterItem .boxList li {
    margin: auto;
}

.optionsBoxList,
        .jtoptionsBoxList,
        .cgoptionsBoxList
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:5px;
}

.optionsBoxList li,
        .jtoptionsBoxList li,
        .cgoptionsBoxList li
{
    word-break:break-word;
    margin:2px 5px 6px 5px;
    padding-left:3px;
    text-align:left;
    background-color:#FFF;
    border:1px solid #B0B0A0;
}
.jtoptionsBoxList li 
{
    border-color:#75B2E4;
}
.cgoptionsBoxList li 
{
    border-color:#578D4F;
}




.fieldSelectionVertSep{
    border-right:1px solid #B0B0A0;
    padding-left: 10px;
}
.fieldSelectionSectionHeader{
    font-weight:bold;
    font-size:20px;
    border-bottom: 1px solid #454545;
    color: #454545;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: left;
}



.nonMemberShoppingCartItemPrefix
{
	width:3em;
}
.nonMemberShoppingCartItem
{
	text-align:right;
	padding:0 .3em 0 0;
	font-style:italic;
	font-size:90%;
	color:#025;
}


.listItemCellStyle{
    white-space:normal;
    padding:.1em .1em .1em .5em;
}
.licsDel{
    border-right:solid 1px #B0B0A0;
}
.licsInvalid{
    font-style:italic;
}
.licsDelCell{
    text-align:center;
    width:1.5em;
}

td.licsDelCell button.fontActionButton, tr.filterRow td.buttonCell button.fontActionButton  {
    color: #9AAC91;
    background-image: none;
    background-color: transparent;
    border-style:dashed;
}
td.licsDelCell:not(:focus) button.fontActionButton:not(:focus), tr.filterRow td.buttonCell:not(:focus) button.fontActionButton:not(:focus) {
    border-color: transparent;
}
td.licsDelCell button.fontActionButton:hover, .filterRow .buttonCell button.fontActionButton:hover  {
    color: #73866A;
    background-image: none;
    background-color: transparent;
    margin: 0px;
}

td.licsDelCell button.fontActionButton span.IoniconIcon, tr.filterRow td.buttonCell button.fontActionButton span.IoniconIcon {
    font-size: 20px;
}

tr.filterRow td.buttonCell button.fontActionButton span.IoniconIcon {
    padding-left: 2px;
    padding-right: 3px;
}

tr.filterRow td:first-child {
    border-right: none;
}

tr.filterRow td.buttonCell {
    text-align: center;
    width: 1.5em;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

#activeFilterTable table {
    border-collapse: separate;
}

.innerList
{
	margin:0;
    padding: 5px 0px 2px 0px;
	list-style-type:none;
    border-left: 1px solid #617150;
    border-right: 1px solid #617150;
    border-bottom: 1px solid #617150;
}

.innerList li.boxListItem
{
	width:96%;
    margin-left: auto;
    margin-right: auto;
}


li.fixedBoxListItem
{
	cursor:default;
	background-color:#EBF0E8;
	border-color:#003366;
	font-style:italic;
}

li.selectedBoxListItem,
        li.cgselectedBoxListItem,
        li.jtselectedBoxListItem{
	font-weight:bold;
	border-style:dashed;
}
li.selectedBoxListItem
{
	background-color:#E2D8ED;
}
li.jtselectedBoxListItem
{
	background-color:#ECECEC;
}
li.cgselectedBoxListItem
{
	background-color:#D6E8D7;
}


.clsSeqSection li {
    padding-left:0;
}

.clsSeqSection li.selectedBoxListItem
{
	background-color:#EBF0E8;
}
.clsSeqSection li.jtselectedBoxListItem
{
	background-color:#EAF4FC;
}
.clsSeqSection li.cgselectedBoxListItem
{
	background-color:#D6E8D7;
}


.clsSeqSection .boxListDragHandle {
    color: #878787;
    border-right-color: #878787;
}
.clsSeqSection li.jtselectedBoxListItem,
.clsSeqSection li.cgselectedBoxListItem {
    background-color: #878787;
}

.clsSeqSection li.clsDragging .boxListDragHandle {
    border-right-color: #878787;
}


.clsSeqSection .optionsBoxList li,
.clsSeqSection .jtoptionsBoxList li,
.clsSeqSection .cgoptionsBoxList li {
    border: 1px solid #878787;
}




li.clsReorderMoveTargetHighlight,
.clsSeqSection li.selectedBoxListItem.clsReorderMoveTargetHighlight {
    background-color: #E4EDE4;
}
.clsReorderMoveTargetHighlight td.boxListSeqNum > div.seqDiv {
    border-color: #73866A
}
li.clsReorderMoveTargetHighlight .boxListDragHandle {
    color: #617150;
}

.boxList li.boxListInnerItem
{
	background-color: #d2dbe2;; //#EBF0E8;
	padding-left:0;
	padding-right:0px;
    border: none;
}

.grouped-boxlist-items {
    border-spacing: 0px;
}

.grouped-boxlist-items td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.grouped-boxlist-items .quoteLinesTable td {
    padding-top: 2px;
    padding-bottom: 2px;
}



.optionsBoxList li.boxListInnerItem
{
	border:none;
	background-color: #d2dbe2;; //#EBF0E8;
	padding-left:0;
	padding-right:0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.cgoptionsBoxList li.boxListInnerItem
{
	border:none;
	background-color:#F7F7F7;//#EBF0E8;
	padding-left:0;
	padding-right:3px;
}

.activeMappingItem
{
	border:dotted 2px #003366;
	background-color:#FFFFE0;
	padding-left:0;
	padding-right:3px;
}

.customFieldSeparator, .emptyCustomFieldSeparator
{
    border-bottom: 1px solid #454545;
	color:#454545;
    font-size:1.2em;
	margin:.5em 0 5px 0;
	padding:.5em;
}
.emptyCustomFieldSeparator
{
	padding:0;
}

.fileInputContainer input
{
	display:block;
}

.fileDropMessageContainer
{
    display: none;
}

form#createFile.hover table
{
    cursor: move;
    background-color: #FFF;
}

table.pageViewSelectionTable{
    width:100%
}
table.pageViewSelectionTable td{
    width:100%;
    border: none;
}
td.pageViewSelectionDeleteButtonCell{
    width:2em;
}
.pageViewSelectionLink{
    cursor:pointer;
    text-decoration:underline;
    font-size:150%;
    padding:.4em;
}
.pageViewSelectionLink:hover{
    background:#617150;
    color:#FFF;
}
.pageViewSearchField{
    width:98%;
    min-width:12em;
    margin-bottom:.75em;
}

.viewsEditButton{
}

.clsViewHint {
    color: #617150;
    padding-left: 0.5em;
}
.clsViewHint.indicatorIcon {
    font-style: italic;
}

.clickToEdit
{
	cursor:pointer;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#A5A5A5;
	background-color:#ECECEC;
	border:2px dashed #878787;
	padding:.5em;
	margin:0;
}

.wideClickToEdit
{
	cursor:pointer;
	font-style:italic;
	font-weight:bold;
	color:#A5A5A5;
	background-color:#ECECEC;
	border:2px dashed #878787;
	padding:.5em;
	margin:0;
}


.formPlaceholder
{
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#A5A5A5;
	background-color:#FFF;
	border:1px dashed #878787;
	padding:5em .5em;
	margin:.5em 0;
	cursor:pointer;
}

.tabHeader
{
	color:#FFF;
	font-weight:bold;
	padding:2px 0 0px 0px;
    z-index:101;
    position: relative;
}
.tabHeader td, .uiv2dialogBox .tabHeader .processSelectionHeaderCell {
    font-size: 1.4em;
}
.tabHeader .actionButton{
    font-size:14px;
    padding:.25em 1em;  
}
.tabPane
{
	margin-top:0;
    padding: 3px;
}
.tabPane select {
    padding-left: 4px;
}
.tabPaneBody {
    padding-top: 5px;
    border: 1px solid #617150;
    border-radius: 4px;
    border-top-right-radius: 0px;
}
.countdown
{
	position:absolute;
	top:5px;
	right:5px;
	display:none;
	z-index:15;
}

.countdownInterior
{
	font-weight:bold;
	font-size:95%;
	background-color:#336699;
	border:solid 2px #A5A5A5;
	border-top-color:#ECECEC;
	border-left-color:#ECECEC;
	color:#FFF;
	padding:1em;
	vertical-align:middle;
}

.countdownInterior img
{
	border:0;
	padding-right:3px;
	vertical-align:middle;
}

.timedMessage
{
	position:absolute;
	top:5px;
	right:5px;
	display:none;
	z-index:175;
}

.timedMessageInterior
{
	font-weight:bold;
	font-size:95%;
	background-color:#336699;
	border:solid 2px #A5A5A5;
	border-top-color:#ECECEC;
	border-left-color:#ECECEC;
	color:#FFF;
	padding:1em;
	vertical-align:middle;
}

.timedMessageInterior img
{
	border:0;
	padding-right:3px;
	vertical-align:middle;
}


.configurationSection
{
	font-size:75%;
	border:solid 2px #A5A5A5;
	border-top-color:#ECECEC;
	border-left-color:#ECECEC;
	padding:.1em;
}

.configurationSection table tbody tr td
{
	font-size:75%
}

.searchCategoryLabel
{
	color:#357;
}

.searchDetails
{
	padding:0 .5em .5em 1em;
}

.unresolvedDisplay
{
	display:block;
	font-size:75%;
	border:solid 2px #A5A5A5;
	border-top-color:#ECECEC;
	border-left-color:#ECECEC;
	padding:.1em;
}

.selectedSelectHeader{
	padding-left:6px;
	padding-right:6px;
	border-top:solid 1px #336699;
	color:#FFF;
	background-color:#336699;
}

.unselectedSelectHeader{
	border-bottom:solid 1px #336699;
	border-top:solid 1px #336699;
	padding-left:6px;
	padding-right:6px;
	cursor:pointer;
}

.selectHeaderSeparator{
	background-color:#336699;
	font-size:0;
	border-bottom:solid 1px #336699;
	border-top:solid 1px #336699;
}

.headerNotificationContainer{
	color:#003366;
	font-size:85%;
	margin:2px;
	text-align:center;
}

.notificationContent{
	border:3px groove #88a;
	margin:5px 0 0 5px;
	padding:5px;
	background-color:#eef;
}

.notificationHeader{
	font-weight:bold;
	font-size:115%;
	text-align:center;
}

.notificationTimestamp{
	font-size:85%;
	text-align:right;
}

#editJobFilterDiv>table>tbody>tr>td{
    border-bottom:2px solid #000;
}
#editJobFilterDiv>table>tbody>tr:last-child>td{
    border-bottom:none;
}
.clsFilterTypeLabel{
    font-weight:bold;
}
.clsFilterTypeTextValue{
    font-weight:bold;
}
#editFilterDetails{
}

.clsNewFilterLabelHolder{
    border-bottom:2px solid #B0B0A0;
    padding-bottom:1em;
    margin-bottom:1em;
}
.clsFilterTypeDropdownCell{
    padding-left:.5em;
}
fieldset{
    padding:1px 0 2px 0;
    border:none;
    padding-bottom:.6em;
    margin-bottom:.3em;
}

legend{
    font-weight:bold;
}


.progressBarOuterBorder{
	height:20px;
	background-color:#aaf;

	border-left:2px solid #88b;
	border-top:2px solid #88b;
	border-right:2px solid #aaf;
	border-bottom:2px solid #aaf;
}

.unusedFilterSet{
	border-left:2px solid #bb0000;
	border-top:2px solid #bb0000;
	border-right:2px solid #bb0000;
	border-bottom:2px solid #bb0000;
	border-radius: 4px;
	background-color:#ECECEC;
	padding:3px;
	margin-bottom:.2em;
}

.unusedFilterSet-label {
    padding-top: 6px;
}

.processSelectionTable
{
    border-spacing:0;
    margin-top: 0px;
    color: #454545;
}

.processSelectionTable tr:first-child td.firstTab {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.uiv2dialogBox .processSelectionTable tr:first-child td.firstTab {
    border-bottom-left-radius: 0px;
}

.processSelectionTable tr:first-child td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.uiv2dialogBox .processSelectionTable tr:first-child td:last-child {
    border-bottom-right-radius: 0px;
}

.processSelectionTable tr:first-child td {
    border-right: 1px solid #fff;
    padding: 7px 11px 7px 11px;
}

.processSelectionTable tr:first-child td a {
    color: #fff;
    text-decoration: none;
}

.processSelectionTable tr:first-child td:hover a {
    color: #fff;
    text-decoration: none;
}

.processSelectionTable tr:first-child td:last-child {
    border-right: none;
}

td.processSelectionHeaderCell
{
    color:#454545;
    font-weight:bold;
    padding-right:.5em;
    font-size: 1.2em;
    border-right: none !important;
}

.processSelectionSeparatorCell
{
    display:none;
    margin:0;
    padding:0;
    width:0;
}

.processSelectionNonSelectedCell{
    padding:5px;
    background-color: #617150;    
    cursor:pointer;
    color: #fff;
}

.processSelectionNonSelectedCell:hover{
    padding:5px;
    background-color: #EBF0E8;
    color: #fff;
    cursor:pointer;
}

.uiv2dialogBox .processSelectionNonSelectedCell:hover {
    background-color: #EBF0E8;
    color: #fff;
}

.processSelectionNonSelectedCell a
{
    display:block;
    width:auto;
    overflow:visible;
    white-space:nowrap;
}

.processSelectionSelectedCell {
    padding: 0;
    background: #3F583B;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
}

.processSelectionSelectedCell a
{
    font-size:85%;    
    display:block;    
    width:auto;
    overflow:visible;
    padding:.4em .6em;
    white-space:nowrap;
}

.processSelectionSelectedCell.inactiveItem{
    color:#878787;
    background-color:#DBDBDB;
    font-style:italic;
}
.processSelectionSelectedCell.inactiveItem:hover{
    background-color:#DBDBDB;
}

.processSelectionNonSelectedCell.inactiveItem{
    color:#878787;
    background-color:#ECECEC;
    font-style:italic;
}
.processSelectionNonSelectedCell.inactiveItem:hover{
    background-color:#F7F7F7;
}


.typeAheadBox{
    position:absolute;
    color:#454545;
    top:-10000px;
    left:-10000px;
    visibility:hidden;
    z-index:-1;
    background: #fff;
    border: 1px solid #B0B0A0;
    border-radius: 4px;    
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
}

.typeAheadBoxMinWidth {
    min-width: 300px;
}

#typeAheadTable {
    padding-bottom:0px;
    width:100%;
}

#typeAheadTable tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

#typeAheadTable tr:first-child td:last-child {
    border-top-right-radius: 4px;
}

.typeAheadPriorSelection {
    background-color: #E4EDE4;
}

.typeAheadEmphasis {
    font-weight: bold;
}
.typeAheadEmphasis.underlineEmphasis{
  border-bottom:2px solid black;
}

.typeAheadSelectedRow{
	background-color:#617150;
    color: #fff;
}

.typeAheadSelectedRow .typeAheadEmphasis.underlineEmphasis,
        .typeAheadRow:hover .typeAheadEmphasis.underlineEmphasis{
    border-bottom-color: #fff;
}


.typeAheadSelectedRow td,
        .typeAheadRow td,
        .typeAheadRowNoMatch td {
    padding: 7px 7px 7px 7px;
    word-break: break-word;
    cursor: pointer;
}

.typeAheadRow:hover td {
    background: #617150;
    color: #fff;
}

.typeAheadRow:hover td .inactiveItem,
        .typeAheadSelectedRow td .inactiveItem {
    color: #6d6d6d;
}

#typeAheadTable .typeAheadRow:hover td.typeAheadExtraColumn span.textAction,
        #typeAheadTable .typeAheadSelectedRow td.typeAheadExtraColumn span.textAction {
    color: #fff;
}

.typeAheadRow:hover td.typeAheadExtraColumn .textAction,
        .typeAheadSelectedRow td.typeAheadExtraColumn .textAction {
    color: #fff;
}

typeAheadExtraColumn{
}

.typeAheadRow{
    color: #454545;
}

#typeAheadTable tr.typeAheadHasMore td, #typeAheadTable tr.typeAheadHasMore:hover td{
    padding: 5px 5px 5px 5px;
    background-color: #C8D0BE;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 1em;
    font-style: italic;
    text-decoration: none;
    color: #454545;
    cursor: default;
}

#typeAheadTable tr.typeAheadExtraBottomRow td{
    padding: 1em;
    background-color: #EAF4FC;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 1em;
}

.typeAheadExtraBottomRow button{
    padding: 1em;
    background: #EAF4FC;
    color: #397CB2;
    float:right;
    border: 1px solid #4E9AD7;
}

.typeAheadExtraBottomRow button:hover{
    background: #DCECFA;
    color: #397CB2;
}

.typeAheadExtraBottomRow button:active{
    background: #64A7DD;
    color: #397CB2;
}

#typeAheadTable tr.typeAheadExtraTopRow td{
    background-color: #EAF4FC;
    color: #397CB2;
    font-size: 1em;
    padding-left: .5em;
    padding-top: .5em;
    padding-bottom: .5em;
}

.insertPopupRowHover{
	background-color:#617150;
	cursor:pointer;
    color: #fff;
}
.insertPopupRowHover td{
	padding:.1em .2em .1em .2em;
}
.insertPopupRow td{
	padding:.1em .2em .1em .2em;
}
.insertPopupRowHeader td{
	border-bottom:1px solid black;
	font-weight:bold;
	padding: 0 .8em 0 .2em;
}

.insertPopupName{
}
.insertPopupDescription{
	color:#233418;
	font-style:italic;
}

.inactiveItem
{
	color:#878787;
}

td.linkedCellHover .inactiveItem:hover {
    color: #6d6d6d;
}

option.inactiveItem
{
	font-style:italic;
}

.disabledItem
{
	color:gray;
	cursor:default;
}

.invalidTextField,
        input[type=text].invalidTextField,
        input[type=number].invalidTextField,
        input[type="password"].invalidTextField,
        input[type="checkbox"].invalidTextField,
        input[type="email"].invalidTextField,
        input[type="date"].invalidTextField,
        input[type="tel"].invalidTextField{
	border:2px solid #DD0000;
}

.transparentDragClass{
	opacity:.75;
	filter:alpha(opacity=75);
}


.durationPicker, .datepicker
{
	cursor:pointer;
    color: #617150;
}

.jtuiv2dialogBox .durationPicker,
.jtuiv2dialogBox .datepicker {
    color: #4E9AD7;
}

.durationPicker img
{
	margin-top:-2px;
	vertical-align:middle;
}
.durationPicker:hover{
    color:#73866A;
}

.typeAheadSeparator td
{
	height:2px;
	border-top:1px solid #B0B0A0;
	border-bottom:1px solid #B0B0A0;
	background-color:#617150;
}


.startStopOuterDiv{
	margin:.3em .5em .5em .5em;
}

.emptyCalColSpacer{
	width:4em;
}

.clickable{
    cursor:pointer;
}
.clickable:hover{
}
.notClickable{
    cursor:default;
}

.underlined{
    text-decoration:underline;
}







/*

//Use this style rule to (more) easily detect images that haven't had their height & width specified.
img:not([width]):not([height]) {
  border: 2px solid red !important;
}
*/




.v2Layout{
    width: 100%;
}

#divV2Content {
    visibility: hidden;
}

.v2Content{
    margin: 0 0;
    padding: 0 0;
    padding-left: 5px;
    position: relative;
    min-height: 100%;
}

.selLevel0 .v2Menu.level1{
}

.selLevel0 {
}


#btnPinMenu{
    color: #454545;
    cursor:pointer;
    font-size:40px;
    text-decoration:none;
    width:2em;
    text-align:right;
    width: 100%;
}
#btnPinMenu span {
    padding-right: 15px;
}

#btnPinMenu:hover {
    background: initial;
}
#btnPinMenu span:hover{
    color:#fff;
}
.selLevel0 #menuHolder {
    margin-top: 76px;
}
    


.pinned {
    color:#454545;
}

.pinned:before {
   font-family: FontAwesome;
   font-size: 30px;
   content: "\f177";
}

.unpinned {
    color:#5D5D5D;
}

.unpinned:before {
   font-family: FontAwesome;
   font-size: 30px;
   content: "\f178";
}

#btnPinMenu:hover #pinChar{
    color: #73866A;
}

#menuHolder {
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 100;    
}

.v2LeftNavContainer {
    position: fixed;
    top: 0;
    left: 0;
    display:inline-block;
    height: 100%;    
    z-index:7;
    background-color: #EBF0E8;
    transition: width 0.25s;
}

.clsV2MenuHolder{
    margin-top: 76px;
    position:relative;
    -ms-overflow-style:auto;    
    z-index:6;
    height: calc(100% - 76px);
    height: -webkit-calc(100% - 76px);
    height: -moz-cal(100% - 76px);
    transition: width 3s;
}


.clsV2MenuTable{
    height: 100%;
    overflow:hidden;
}

.clsV2MenuTable td{
    vertical-align:top;
}

.v2Menu {
    height: 100%;
    overflow:hidden;
}

.v2Menu ul{
    margin-top:0;
    padding-left:0;
    list-style:none;
    height:100%;
}

.v2Menu li{
    list-style-type:none;
    list-style-position:inside;
}
.v2Menu li.separator{
    border-bottom:1px solid #A5A5A5;
}

.v2MenuItem {
    text-decoration: none;
    word-break: break-word;
    word-wrap: break-word;
}

.v2MenuItem a, .v2MenuItem div.clickable{
    display:block;
    padding: 12px 8px 12px 16px;
    text-decoration: none;
}

div.v2MenuItem{
    padding:.7em 0.1em .7em .5em
}
.v2MenuItem.selected{
    cursor:pointer;
    background:#73866A;
}

.v2MenuItem.selected a,
        .v2MenuItem.selected div{
    background:#73866A;
    color: #fff;
}

.v2MenuItem.selected.root{
    background:white;
}
.level1 .v2MenuItem.interior{
    font-size:16px;
}
.v2MenuItem.selected.interior{
    background:white;
}
.v2MenuItem.selected.leaf,
        .v2MenuItem.selected.leaf div{
    font-size:16px;
}
.interior, .leaf{
    padding-left: .75em;
}
.interior+.interior, .interior + .leaf {
    padding-left: 1.5em;
}
.interior+.interior+.leaf {
    padding-left: 2.5em;
}
.v2MenuItem.leaf a,
        .v2MenuItem.leaf div{
    padding-top:.5em;
    padding-bottom:.5em;
}
.v2MenuItem.interior a{
    padding-top:.5em;
    padding-bottom:.5em;
}

.navSubLink{
    font-size:1.4em;
    display:block;
    padding:.5em 0 .5em .5em;
    color: #454545;
}

.navSubLink:hover{
    background:#C8D0BE;
    color: #454545;
}


.v2MenuItem.selected.clickable{
    text-decoration:underline;
    cursor:pointer;
}
.v2MenuItem.selected:hover{
    background:#73866A;
    color:#fff;
    cursor:default;
}
.v2MenuItem.selected.clickable:hover{
    background:#C8D0BE;
    color:#fff;
    cursor:pointer;
}
.v2MenuItem:hover{
    background:#C8D0BE;
    color: #6d6d6d;
}
.v2MenuItem a:hover{
}

.nav-emphasis {
    background-color: #E4EDE4;
}

.level1 .v2MenuItem{
    font-size:18px;
}
.level1 .v2MenuItem div{
    font-size:18px;    
}

.v2MenuItem .clickable{
    color: #454545;
    text-decoration: none;
}

.JTToggle{
}
.v2MenuItem.JTToggle:hover {
    color:#336699;
}
.CGToggle{
}
.v2MenuItem.CGToggle:hover {
    color:#44AA44;
}




.cellAnchorLink{
    text-decoration:underline;
}
.cellAnchorLink:hover{
    text-decoration:underline;
}

a{
    color: #454545;
    text-decoration:underline;
}
a.underlineChild{
    text-decoration:none;
}
a.underlineChild > *:not(.underlineChild),
a.underlineChild > * > *:not(.underlineChild) {
    text-decoration: underline;
}
a.underlineChild > *.indicatorIcon,
a.underlineChild > * > *.indicatorIcon {
    text-decoration: none;
}
.cgoddRow a, .cgevenRow a{
    color: #454545;
}
.jtoddRow a, .jtevenRow a{
    color: #454545;
}

a:hover{
    color:#6d6d6d;
}
.linkedCell:hover{
    color:#6d6d6d;
    text-decoration: underline;
}
a.linkedCell:hover{
	color:#fff;
    text-decoration:underline;
}
.canceledOrderCell.linkedCell:hover {
    text-decoration: underline;
}

.paddedSubLink {
    padding: .5em;
}

.paddedSubTableCell {
    padding-bottom: .5em;
}



a.clsFullCellLink{
    display:inline-flex;
    height:100%;
    width:100%;
    align-items:center;
    text-decoration: underline;
}

.inactiveItem a {
    color: #878787;
}



.issueWarningMessage{
    margin-left:0;
}
.issueWarningMessageHover{
    margin-left:0;
}


.clsToolStripContainer {
    background-color:#617150;
    position: fixed;
    z-index: 45;
    min-width: 100%;
    left: 0px;
    top: 0px;
    white-space: nowrap;
    visibility: hidden;
}

.clsToolStripContainer .FontAwesomeButton,
.clsToolStripContainer .MoreawareIconsButton {
    font-size: 32px;
}

.clsToolStripPlaceholder{
    visibility:hidden;
    position: absolute;
}

.clsToolStrip {
    border:none;
    margin:0;
    padding:0;
    border-spacing:0;
    height: 76px;
    width: 100%;
}

.baseJT .clsToolStrip tr td {
    box-shadow: 0 2px 1px 0px rgba(50,81,107,0.24); /* #32516b */
}
.baseCG .clsToolStrip tr td {
    box-shadow: 0 2px 1px 0px rgba(91,142,99,0.24); /* #5b8f64 */
}
.baseNV .clsToolStrip tr td {
    box-shadow: 0 2px 1px 0px rgba(77,73,114,0.24); /* #8f714d */
}
.baseCG .clsToolStrip tr td:last-child{
    border-right:none;
}
.clsToolStrip tr td.menuExpanded {
    box-shadow: none;
}

.clsToolStrip td {
    width: 84px;
    min-width: 84px;
    height: 76px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    border-bottom: none;
    font-size: 10px;
    border-right: 2px solid #617150;
    background-color: #73866A;
    color: #E3E7D0;
}

.toolstripButtonText {
    font-size: 10px
}

#btnToolstripHamburgerMenu:hover {
    color: #617150;
    background-color: #EBF0E8;
}

td.menuExpanded {
    color: #73866A;
    background-color: #EBF0E8
}
td.menuExpanded:hover, .menuExpanded>#btnToolstripHamburgerMenu:hover {
    background-color: #C8D0BE !important;
    color: #E3E7D0 !important;
}

.clsToolStrip td:hover,
.priceListToolStrip .clsToolStrip td:hover {
    background-color: #EBF0E8;
    color: #617150;
    cursor:pointer;
}

.clsToolStrip td.clsBorderRightXLarge {
    border-right: 12px solid #617150;
}

.clsToolStrip td.clsCompositeToolStripButtonCell {
    border-right: 12px solid #617150;
    padding: 0px;
    cursor: default;
}

.clsToolStrip td.clsCompositeToolStripButtonCell table {
    border-spacing: 0px;
}

.clsToolStrip td.clsCompositeToolStripButtonCell table td {
    box-shadow: none;
}

.clsToolStrip td.clsCompositeToolStripButtonCell table td {
    border-right: none;
    cursor: pointer;
}

/* BEGIN - styles for divider cells between composite tool strip buttons */
.clsToolStrip td.clsCompositeToolStripButtonCell table tr td.clsTSCompositeButtonDivider div {
    height: 70%;
    border-left-color: #ADD2A9;
    border-left-width: 1px;
    border-left-style: solid;
    width: 0px;
}

.clsToolStrip td.clsCompositeToolStripButtonCell table tr td.clsTSCompositeButtonDivider {
    width: 0px !important;
    min-width: 0px !important;
}

.clsToolStrip td.clsCompositeToolStripButtonCell table tr td:last-child {
    display: none;
}
/* END - styles for divider cells between composite tool strip buttons */


/*
     TODO:  Need to put a class on the first VISIBLE cell in the utility navigation.
            Unless we move to a mode where all of the utility nav cells are shown at all
            times.
*/
.clsToolStrip td:first-child:hover{
    border-left-color:#EBF0E8;
}

.clsToolStrip td.toolStripTitleHolder{
    cursor:default;
    border-left:1px solid #A5A5A5;
    width: 100%;
    text-align: left;
    background-color: #617150;
    color: #fff;
    white-space:normal;
    border-right: none;
    border-left: none;
    overflow-y:hidden;
    padding-left: 20px;
}

.canceledOrder .clsToolStrip td.toolStripTitleHolder{
    background-color:#FF8000;
}

.clsToolStrip td.searchToolbarContainer {
    width: 340px;
    padding-top: 0px;
    background-color: #617150;
    min-width: 340px;
    padding-left: 10px;
    padding-right: 10px;
}

.clsToolStrip td.searchToolbarContainer:hover {
    background-color: #617150;
}

.clsToolStrip .inlineSearchButton {
    display: none;
}

.clsToolStrip td.searchToolbarContainer input::-webkit-input-placeholder {
    color: #fff !important;
}


.clsToolStrip td.searchToolbarContainer input {
    box-sizing: border-box;
    float: left;
    padding-left: 28px;
    width: 300px;
    height: 46px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 46px;
    background: #617150;
    color: #FFFFFF;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-size: 16px 16px;
}

.clsToolStrip td.searchToolbarContainer .inputContainer input {
    padding-left: .5em;
    background-image: none;
    height: 40px;
    line-height: 35px;
    font-size: 1.15em;
    width: 12em;
}

.clsToolStrip td.clsTBSeparator {
    min-width: unset;
    width: unset;
    cursor: pointer;
    background-color: unset;
}
.clsToolStrip td.clsTBSeparator:hover {
    background-color: unset;
}


td.toolStripTitleHolder .toolStripTitle {
    display: inline-block;
    max-height: 100%;
    white-space: nowrap;
}

td.toolStripTitleHolder .toolStripSubtitle {
    display: inline-block;
    max-height: 100%;
    font-size:18px;
    white-space: nowrap;
}

td.activeMultiSelButton{
    border:1px dashed black;
}
td:hover.activeMultiSelButton{
}




.pageSeparatorRow td .clsPhaseFilteredSectionNotice,
.cgpageSeparatorRow td .clsPhaseFilteredSectionNotice,
.jtpageSeparatorRow td .clsPhaseFilteredSectionNotice {
    display: inline-block;
    font-size: 14px;
    padding: 4px 6px;
    margin-left: 8px;
    border-radius: 8px;
    background-color: #FF9966;
    top: -2px;
}

.pageSeparatorRow td button.clsPhaseFilteredSectionNotice:hover,
.cgpageSeparatorRow td button.clsPhaseFilteredSectionNotice:hover,
.jtpageSeparatorRow td button.clsPhaseFilteredSectionNotice:hover,

.pageSeparatorRow td button.clsPhaseFilteredSectionNotice:focus,
.cgpageSeparatorRow td button.clsPhaseFilteredSectionNotice:focus,
.jtpageSeparatorRow td button.clsPhaseFilteredSectionNotice:focus
{
    background-color: #FF7E50;
}

.clsPhaseFilteredSectionNoticeText {
    color: white;
}

.clsPhaseFilteredSectionNoticeText span:not(.clsPhaseName) {
    font-style: italic;
    font-weight:bold;
    margin-right: 0.5em;
}



.seriesIcon {
    color: blue;
}
.clickable.seriesIcon:hover {
    color:#fff;
}

.orangeSun{
    color:#F6B824;
}



.iconSuperscript{
    position:relative;
    left:-.75em;
    top:-.85em;
    margin-right:-1em;
    padding-right:1em;
    background-color:white;
}

.clsToolStrip td:hover span.iconSuperscript{
    background-color:#DBDBDB;
}


.FontAwesomeIcon.iconSuperscript{
    padding-right:.1em;
    padding-left:.2em;
    font-size:150%;
}

.IoniconIcon.iconSuperscript{
    font-size:150%;
}

.FoundationIcon.iconSuperscript{
    font-size:150%;
}






.FoundationButton{
    font-family:"foundation-icons";
    font-size:300%;
}
.FoundationIcon{
    font-family:"foundation-icons";
    font-size:200%;
    padding:0 .2em;
}
.FoundationTerseIcon{
    font-family:"foundation-icons";
}

.FontAwesomeButton{
    font-family:"FontAwesome";
    font-size:300%;
}
.FontAwesomeIcon{
    font-family:"FontAwesome";
    font-size:1.4em;
    padding:0 .2em;
    line-height: initial;
}

.InfoIcon{
    margin-left: .5em;
    vertical-align: sub;
}

.uiv2dialogDiv .InfoIcon {
    margin-left: 24px;
}


.MorawareIconsIcon {
    font-family: "MorawareIcons";
    padding: 0 .2em;
    font-size: 2.4em;
}
.MorawareIconsButton {
    font-family: "MorawareIcons";
    font-size: 300%;
}
.MorawareIconsTerseIcon {
    font-family: "MorawareIcons";
}

/* if the icon is not being
   imported at the correct size
   this can help nudge it 
   closer (if it is bigger
   than the normal) */
.MorawareIconsIcon.small {
    padding: 0 .1em;
    font-size: 1.7em;
}


.uiv2dialogBox .IoniconIcon {
    font-size:1.95em;
}

.uiv2dialogBox .FontAwesomeIcon {
    font-size:200%;
}

.uiv2disabledDialogBox .IoniconIcon {
    font-size: 1.95em;
}

.uiv2disabledDialogBox .FontAwesomeIcon {
    font-size:200%;
}

.rotate90FontIcon{
    display:inline-block;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


.rotate180FontIcon{
    display:inline-block;

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.flipHorizontalFontIcon {
    display:inline-block;

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.FontAwesomeTerseIcon{
    font-family:"FontAwesome";
}

.clsToolStrip .IoniconButton{ 
    font-size: 39px;
}

.IoniconButton{
    font-family:"Ionicons";
    font-size:3em;
}
.IoniconIcon{
    font-family:"Ionicons";
    font-size:1.4em;
    padding:0 .2em;
    line-height: initial;
}
.IoniconTerseIcon{
    font-family:"Ionicons";
}

.urgentIcon{
    color:#E3001A;
    font-style:normal;
}

.warningIcon{
    color:#FF8000;
    font-style:normal;
}

.informationIcon {
    color: #1C5DDB;
    font-style: normal;
}


.serialNumber .indicatorIcon{
    color:black;
}
.indicatorIcon{
    font-style:normal;
}
.indicatorIcon.warning{
    color:#FF8000;
}
.indicatorIcon.urgent{
    color:#E3001A;
}

.indicatorIconMaterial {
    text-decoration:none;
    display: inline-block;
}

.clsFileNameDLButtonHolder{
    width:100%
}

.clsFileDLButton{
    border:0;
    padding:.25em .5em;
    margin:.25em;
    background:#E6E6E6;
    cursor:pointer;
}

.clsFileDLButton:hover{
    background:#A5A5A5;
    outline:3px inset #2a77c4;
}



.linkedCell:hover{
    color: #6d6d6d !important;
}








button ,
        .divAsButton {
    border-radius: 4px;
    color: #fff;
    margin: 2px;
    cursor: pointer;
    border: 1px solid #3F583B;
    background-image: linear-gradient(to bottom, #617150, #3F583B);
}

.dialogFieldValue.dlgControlSet button:last-child, td.dialogFieldValue > span.dlgControlSet button:last-child {
    margin-right: 0px; /* when the button is the last element remove the right margin so it right aligns with the edge of the other controls */
}

button:hover,
        .divAsButton:hover {
    border-radius: 4px;
    color: #EBF0E8;
    border-color: #3F583B;
    background-image: linear-gradient(to bottom, #3F583B, #626649);
}

.jtuiv2dialogBox button {
    border: 1px solid #397CB2;
    background-image: linear-gradient(to top, #4E9AD7, #64A7DD);
}
.cguiv2dialogBox button {
    border: 1px solid #578D4F;
    background-image: linear-gradient(to bottom, #68A260, #548B4C);
}
/*  this is a one off button that doesn't appear to be
    like anything else in our site, as soon as we figure out
    where to move this functionality, this can go away
    for now it is supposed to be styled like our
    secondary buttons */
#inventoryButton {
    border: 1px solid #617150;
    background-color: #C8D0BE;
    background-image: linear-gradient(to top, #C8D0BE, #E4EEF5);
    color: #617150;
    margin-top: 1em;;
}

#inventoryButton:hover {
    border: 1px solid #73866A;
    background-color: #617150;
    background-image: linear-gradient(to top, #617150, #73866A);
    color: #FFFFFF;
}

.uiv2dialogBox .dialogFieldValue button, .uiv2dialogBox .dialogFieldRow button, .uiv2dialogBox .dialogFieldName button, .reportTable button.tableCellActionButton {
    border: 1px solid #617150;
    background-color: #C8D0BE;
    background-image: linear-gradient(to top, #C8D0BE, #E4EEF5);
    color: #617150;
}
.uiv2dialogBox .dialogFieldValue button:hover, .uiv2dialogBox .dialogFieldRow button:hover, .uiv2dialogBox .dialogFieldName button:hover, .reportTable button.tableCellActionButton:hover {
    border: 1px solid #73866A;
    background-color: #617150;
    background-image: linear-gradient(to top, #617150, #73866A);
    color: #FFFFFF;
}


.fileUploadImageThumbnail{
    border: 2px solid #617150;
    margin:0;
    padding:0;
    max-width:150px;
    max-height:100px;
    display:block;
}

button[disabled="disabled"],
        .divAsButton.disabledDivAsButton{
    cursor:default;
}
button.dropdown{
    height:44px;
}

.uiv2dialogBox .dialogFieldRow button.fontActionButton:focus,
.uiv2dialogBox .dialogFieldValue button.fontActionButton:focus,
        button.tableCellActionButton:focus{
    border-style:dashed;
}


.uiv2dialogCover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 100;
    width: 100%;
    height: 100%;
}


.uiv2dialogDiv{
    text-align:center;
}

#dynamicSubdialog{
    text-align:center;
}

.uiv2dynamicStackedDialog{
    text-align:center;
}

.uiv2dialogDiv {
    position: fixed;
    text-align:left;

    width:100%;
    top:0px;
    left:0px;
    height:100%;

    margin-left:auto;
    margin-right:auto;

    visibility: hidden;
    z-index: -1;

    touch-action: pinch-zoom;
}

.uiv2dialogOuter{
    position: relative;
    display:inline-block;
    text-align:left;

    top:0px;
    left:0px;
    height:100%;

    margin-left:auto;
    margin-right:auto;

	z-index:400;
	background-color:#EBF0E8;

    -moz-box-shadow: 3px 3px 4px #878787;
    -webkit-box-shadow: 3px 3px 4px #878787;
    box-shadow: 3px 3px 4px #878787;
}

.dlgActionButton{
	background:#EBF0E8;
	margin:0.5em .75em;
	padding:.5em .5em 1.5em .5em;
}


.uiv2dialogBox, .uiv2disabledDialogBox,
        .jtuiv2dialogBox, .jtuiv2disabledDialogBox,
        .cguiv2dialogBox, .cguiv2disabledDialogBox,
        .guideDialogBox
{
    margin-left:auto;
    margin-right:auto;
    box-shadow: 0 2px 10px 5px rgba(0,0,0,0.10);
    border-radius: 4px;
    color: #454545;
}
.uiv2dialogBox, .uiv2disabledDialogBox
{
	background-color:#EBF0E8;
    border: 1px solid #617150;
}
.cguiv2dialogBox, .cguiv2disabledDialogBox
{
	background-color:#EFF5EF;
    border: 1px solid #68A260;
}
.jtuiv2dialogBox, .jtuiv2disabledDialogBox
{
	background-color:#EAF4FC;
    border: 1px solid #4E9AD7;
}


.uiv2dialogHeader, .uiv2disabledDialogHeader,
        .jtuiv2dialogHeader, .jtuiv2disabledDialogHeader,
        .cguiv2dialogHeader, .cguiv2disabledDialogHeader,
        .guideDialogHeader
{
    height: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
}
.uiv2dialogHeader, .uiv2disabledDialogHeader
{
    background-color: #617150;
    color: #EBF0E8;
    min-width: 100px;
}
.cguiv2dialogHeader, .cguiv2disabledDialogHeader
{
    background-color: #68A260;
    color: #EFF5EF;
}
.jtuiv2dialogHeader, .jtuiv2disabledDialogHeader
{
    background-color: #4E9AD7;
    color: #EAF4FC;
}


.uiv2dialogHeader button,
        .jtuiv2dialogHeader button,
        .cguiv2dialogHeader button {
    border: 1px solid transparent;
    padding: 5px;
    background-image: none;
    background-color: none;
    background: none;    
}

.uiv2dialogHeader button,
        .uiv2dialogHeader button.dlgControlSet {
    color: #EBF0E8;
}
.jtuiv2dialogHeader button,
        .jtuiv2dialogHeader button.dlgControlSet {
    color: #EAF4FC;
}
.cguiv2dialogHeader button,
        .cguiv2dialogHeader button.dlgControlSet {
    color: #EFF5EF;
}

.uiv2dialogHeader button:hover, 
        .uiv2dialogHeader button.dlgControlSet:hover {
    background-color: #fff;
    color: #617150;
}
.jtuiv2dialogHeader button:hover, 
        .jtuiv2dialogHeader button.dlgControlSet:hover {
    background-color: #fff;
    color: #4E9AD7;
}
.cguiv2dialogHeader button:hover, 
        .cguiv2dialogHeader button.dlgControlSet:hover {
    background-color: #fff;
    color: #68A260;
}

.uiv2dialogHeader button:hover:disabled,
        .cguiv2dialogHeader button:hover:disabled,
        .jtuiv2dialogHeader button:hover:disabled {
    background-color: unset;
    border: 1px solid transparent;
}


.uiv2dialogBox button:disabled,
        .uiv2dialogBox button:disabled:hover,

        .jtuiv2dialogBox button:disabled,
        .jtuiv2dialogBox button:disabled:hover,

        .cguiv2dialogBox button:disabled,
        .cguiv2dialogBox button:disabled:hover{
    background-color:#ebebe4;
    background-image:unset;
}
.uiv2dialogBox button:disabled:hover{
    color:#617150;
}
.jtuiv2dialogBox button:disabled:hover{
    color:#4E9AD7;
}
.cguiv2dialogBox button:disabled:hover{
    color:#68A260;
}



.uiv2DialogHeaderRow {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
}
.uiv2DialogHeaderRow {
    background-color: #617150;
}

.uiv2DialogHeaderRow .uiv2dialogHeader:last-child {
    text-align: right;
}
.jtuiv2dialogBox .uiv2DialogHeaderRow {
    background-color: #4E9AD7;
}
.cguiv2dialogBox .uiv2DialogHeaderRow {
    background-color: #68A260;
}


.uiv2dialogHeader .FontAwesomeIcon,
        .jtuiv2dialogHeader .FontAwesomeIcon,
        .cguiv2dialogHeader .FontAwesomeIcon {
    font-size: 240%;
}

.uiv2dialogTitle
{
    font-size: 24px;
    color: #EBF0E8;
    padding-left: 0px;
}

.uiv2dialogHeader a.buttonLink,
        .cguiv2dialogHeader a.buttonLink,
        .jtuiv2dialogHeader a.buttonLink,
        .uiv2dialogHeader a.uiv2dialogControlButton,
        .cguiv2dialogHeader a.uiv2dialogControlButton,
        .jtuiv2dialogHeader a.uiv2dialogControlButton{
    outline:none;
    border:1px solid transparent;
}

.uiv2dialogControlButton:hover,
.jtuiv2dialogHeader .uiv2dialogControlButton:hover, 
.cguiv2dialogHeader .uiv2dialogControlButton:hover {
    background-color: #fff;
}
.uiv2dialogControlButton:focus, 
.jtuiv2dialogHeader .uiv2dialogControlButton:focus, 
.cguiv2dialogHeader .uiv2dialogControlButton:focus,
.uiv2dialogHeader button:focus,
.uiv2dialogHeader button.dlgControlSet:focus,
.jtuiv2dialogHeader button.dlgControlSet:focus,
.cguiv2dialogHeader button.dlgControlSet:focus,
.cguiv2dialogHeader button:focus,
.jtuiv2dialogHeader button:focus
{
    border-color: #fff;
}
.uiv2dialogHeader a.buttonLink:focus,
    .cguiv2dialogHeader a.buttonLink:focus,
    .jtuiv2dialogHeader a.buttonLink:focus,

    .uiv2dialogHeader a.uiv2dialogControlButton:focus,
    .cguiv2dialogHeader a.uiv2dialogControlButton:focus,
    .jtuiv2dialogHeader a.uiv2dialogControlButton:focus{
    border-color:white;
}
.uiv2dialogControlButton:hover {
    color: #617150;
}

.jtuiv2dialogHeader .uiv2dialogControlButton:hover {
    color: #4E9AD7;
}

.cguiv2dialogHeader .uiv2dialogControlButton:hover {
    color: #68A260;
}

.uiv2dialogControlButton img
{
    padding:1px;
    vertical-align:middle;
}
.uiv2dialogControlButton span
{
    display:inline-block;
    min-width:1em;
    text-align:center;
	padding:1px;
	vertical-align:middle;
}



.uiv2dialogControlButton {
    font-size: 1em; !important;
    padding: 0px 5px 0px 5px;
    border-radius: 4px;
	cursor:auto;
	margin:.2em .3em 0 1em;
	vertical-align:top; 
    text-align: center;   
    color: #EBF0E8;
    border: 1px solid #617150;
}
.jtuiv2dialogHeader .uiv2dialogControlButton {
    color: #EAF4FC;
    border-color: #4E9AD7;
}
.cguiv2dialogHeader .uiv2dialogControlButton {
    color: #EFF5EF;
    border-color: #68A260;
}




.uiv2dialogContent
{
	padding:8px 0px 2px 0px;
    overflow:auto; 
    text-align:left;
    margin-right: 0px;
}

.uiv2dialogContent table:first-child {
    width: 100%;
}

.uiv2dialogContent table:first-child table.quoteLinesTable,
.uiv2dialogContent table:first-child table.unsetTableWidth100 {
    width: unset
}


.uiv2dialogContentScrolling
{
	border-bottom:1px solid #A5A5A5;
}



.clsSuppressDialogTopPadding .uiv2dialogContent {
    padding-top:0;
}
.clsTightDialog .uiv2dialogContent >table {
    border-collapse: collapse;
}
.clsTightDialog td.dialogFieldSectionHeaderRow {
    padding-right: 0;
    padding-left: 0;
}
/* Have the separator line extend fully left-to-right, leaving padding on either
   side of the actual content (Any section title or buttons)
*/
.clsTightDialog td.dialogFieldSectionHeaderRow > div > table > tbody > tr > td {
    padding-right: 5px;
    padding-left: 5px;
}


td.dialogFieldRow.clsSeqSection.clsDisableDragDrop .boxListDragHandle {
    cursor:default;
    color:#617150;
    opacity: 30%;
}



td.dialogFieldRow.clsSeqSection,
td.dialogFieldRow.clsAlphaReorderList {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #617150;
    border-bottom: 1px solid #617150;
    background-color: #F7F7F7;
}


.boxListDragHandle{
    cursor:ns-resize;
    font-family:"FontAwesome";
    font-size:20px!important;
    width:1.5em;
    padding-left:.25em;
    padding-right:.25em;
    color: #9AAC91;
    border-right: 1px solid #9AAC91;
    text-align:center;
}
.boxListDragHandle:hover{
    color: #73866A;
}
.clsSeqSection .boxListDragHandle:hover {
    background-color: #E4EDE4;
}

.clsDisableDragDrop .boxListDragHandle:hover,
.clsDragging .boxListDragHandle:hover {
    background-color: unset;
}

.cguiv2dialogBox .boxListDragHandle{
    color: #95B3B5;
    border-right-color: #95B3B5;
}
.cguiv2dialogBox .boxListDragHandle:hover{
    color: #548B4C;
}
.clsSeqSection .cguiv2dialogBox .boxListDragHandle:hover{
    background-color: #D6E8D7;
}

.jtuiv2dialogBox .boxListDragHandle{
    color: #86bfed;
    border-right-color: #86bfed;
}
.jtuiv2dialogBox .boxListDragHandle:hover{
    color: #64A7DD;
}
.clsSeqSection .jtuiv2dialogBox .boxListDragHandle:hover{
    background-color: #E1EFFB;
}

.boxListInnerItem > .boxListDragHandle{
    cursor:ns-resize;
    padding:0.5em 0px 0.5em 0px;
    padding-left: 0px;
    font-style:normal;
    background-color: #617150;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-left: 1px solid #617150;
    border-right: 1px solid #617150;
    width:inherit;
}


.optionsBoxList li.clsDragging,
.jtoptionsBoxList li.clsDragging,
.cgoptionsBoxList li.clsDragging {
    color: #3F583B;
    background-color: #FCE9A5;
}

li.clsDragging td.boxListDragHandle {
    color: #3F583B;
    border-color: #73866A;
}

li.clsDragging td.boxListSeqNum>div.seqDiv {
    border-color: transparent;
}





div.clsReorderSeqNumCnr{
    position:relative;
}
li.editingSeqNum {
    background-color: #E4EDE4;
}



input.clsReorderSeqNum {
    position: absolute;
    width: 1.8em;
    font-size: 14px;
    line-height: 16px;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 320;
    outline: none;
    border: none;
    margin: 2px;
}
td.boxListSeqNum.seqDigitCount1 input,
td.boxListSeqNum.seqDigitCount2 input {
    width: 2em
}
td.boxListSeqNum.seqDigitCount3 input {
    width: 2.5em
}
td.boxListSeqNum.seqDigitCount4 input {
    width: 2.5em
}

td.boxListSeqNum.seqDigitCountMany input {
    width: 3.75em
}

input.clsSuppressSpinArrows::-webkit-outer-spin-button,
input.clsSuppressSpinArrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.clsSuppressSpinArrows[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}


input.clsReorderSeqNum {
    height: 1.9em;
    left: 0px;
    top: 0px;
}
td.boxListSeqNum {
    text-align: right;
    padding: 2px 5px;
}
td.boxListSeqNum.seqDigitCount1,
td.boxListSeqNum.seqDigitCount2 {
    width: 3em;
}
td.boxListSeqNum.seqDigitCount3 {
    width: 3.5em;
}

td.boxListSeqNum.seqDigitCount4 {
    width: 4em;
}
td.boxListSeqNum.seqDigitCountMany {
    width: 5em;
}
td.boxListSeqNum > div.seqDiv {
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    padding: 8px;
    border-radius: 3px;
    text-decoration: unset;
    border: 1px solid #DBDBDB;
    cursor: pointer;
}
.clsDisableDragDrop li.editingSeqNum td.boxListSeqNum > div.seqDiv {
    border-color: #3F583B;
}
.clsDisableDragDrop td.boxListSeqNum > div.seqDiv,
.clsDisableDragDrop td.boxListSeqNum > div:hover {
    border-color: transparent;
    background-color: unset;
    cursor: default;
}


.clsDisableDragDrop li.editingSeqNum td.boxListSeqNum > div.seqDiv,
.clsDisableDragDrop li.editingSeqNum td.boxListSeqNum > div.seqDiv:hover {
    background-color: white;
}


td.boxListSeqNum > div:hover {
    color: #3F583B;
    border-color: #3F583B;
    background-color: #E4EDE4;
}


.clsAlphaReorderList table td{
    padding-top: 6px;
}
.clsAlphaReorderList table td:first-child {
    font-weight: bold;
    padding-right: 8px;
}





.uiv2timedMessageHeader {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #617150;
    border: 1px solid #617150;
    color: #EBF0E8;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cguiv2timedMessage .uiv2timedMessageHeader {
    background-color:#68A260;
    border: 1px solid #68A260;
    color: #EFF5EF;
}
.jtuiv2timedMessage .uiv2timedMessageHeader {
    background-color:#4E9AD7;
    border: 1px solid #4E9AD7;
    color: #EAF4FC;
}

.uiv2timedMessage, .cguiv2timedMessage, .jtuiv2timedMessage {
    position: fixed;
    top: 0px;
    left: 0px;
    margin-top: 85px;
    display: none;
    z-index: 275;
    width: 100%;
}

.uiv2timedMessageInterior {
    background-color: transparent;
    min-width: 160px;
}

.uiv2timedMessageInterior {
    border-radius: 4px;
    border-spacing: 0px;
    border: 1px solid #617150;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    margin:auto;
    background-color:#EBF0E8;
}
.cguiv2timedMessage .uiv2timedMessageInterior {
    border: 1px solid #68A260;
    background-color:#EFF5EF;
}
.jtuiv2timedMessage .uiv2timedMessageInterior {
    border: 1px solid #4E9AD7;
    background-color:#EAF4FC;
}

.uiv2timedMessageInterior tr:last-child td
{
    text-align: left;
	font-weight:bold;
	font-size:95%;
	background-color:#EBF0E8;
    color:#454545;
	padding:1em;
	vertical-align:top;
}
.cguiv2timedMessage .uiv2timedMessageInterior tr:last-child td {
	background-color:#EFF5EF;
}
.jtuiv2timedMessage .uiv2timedMessageInterior tr:last-child td {
	background-color:#EAF4FC;
}


.minimalPage .uiv2timedMessageInterior tr:last-child td {
    background-color: #fff;
}

.uiv2timedMessageInterior tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
    padding-right: 1px;
}
.uiv2timedMessageInterior tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
    padding-left: 2px;
}

.uiv2timedMessageInterior img
{
	border:0;
	padding-right:3px;
	vertical-align:middle;
}
.uiv2timedMessageInterior .fa-spin {
    color: #617150;
}
.cguiv2timedMessage .uiv2timedMessageInterior .fa-spin {
    color: #68A260;
}
.jtuiv2timedMessage .uiv2timedMessageInterior .fa-spin {
    color: #4E9AD7;
}





.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.cgpageSeparatorRow
{
}

.pageSeparatorSubRow{
    font-size:75%;
    font-weight:normal;
    font-style:italic;
}

.pageSeparatorRow td, .cgpageSeparatorRow td, .jtpageSeparatorRow td {
    font-size: 1.7em;
}

.pageSeparatorRow td .helpText,
        .cgpageSeparatorRow td .helpText,
        .jtpageSeparatorRow td .helpText {
    font-size: 0.5em;
    font-weight:bold;
}



.headerRow {
    background: #617150;
    color: #FFF;
}
.neutral .headerRow {
    background-color: #E6E6E6;
    color: #454545;
}
.cgheaderRow
{
	background:#68A260;
	color:#FFF;
}
.jtheaderRow{
    background:#4E9AD7;
	color:#FFF;
}
.nvheaderRow{
    background:#5E5D89;
	color:#FFF;
}

.headerCol
{
	background:#617150;
	border:solid 1px #617150;
}
.cgheaderCol
{
	background:#68A260;
	border:solid 1px #68A260;
}
.jtheaderCol
{
	background:#4E9AD7;
	border:solid 1px #4E9AD7;
}
.nvheaderCol
{
	background:#5E5D89;
	border:solid 1px #5E5D89;
}


.headerSortableCol, .headerCol,
        .cgheaderSortableCol, .cgheaderCol,
        .nvheaderSortableCol, .nvheaderCol,
        .jtheaderSortableCol, .jtheaderCol
{
    padding: 10px 12px;
}
.headerSortableCol,
        .cgheaderSortableCol,
        .jtheaderSortableCol,
        .nvheaderSortableCol
{
	cursor:pointer;
}
.headerSortableCol, .headerCol, .security-model-column-header
{
	background:#617150;
    border-right: 1px solid #E3E7D0;
    border-bottom: 1px solid #E3E7D0;
}
.cgheaderSortableCol, .cgheaderCol
{
	background:#68A260;
    border-right: 1px solid #CADCC9;
    border-bottom: 1px solid #CADCC9;
}
.jtheaderSortableCol, .jtheaderCol
{
	background:#4E9AD7;
    border-right: 1px solid #D9E7F2;
    border-bottom: 1px solid #D9E7F2;
}
.nvheaderSortableCol, .nvheaderCol
{
    background:#5E5D89;
    border-right: 1px solid #E9E1CB;
    border-bottom: 1px solid #E9E1CB;
}

td .headerSortableCol:last-child, td .headerCol:last-child, td .security-model-column-header:last-child
        td .jtheaderSortableCol:last-child, td .jtheaderCol:last-child
        td .cgheaderSortableCol:last-child, td .cgheaderCol:last-child
{
    /*TODO: Remove this rule.
            If it weren't empty, it would be completely broken anyway, because
            of al of the missing commas in the capture
            (Leaving it in place temporarily to simplify the diff)
    */
}

.headerSortableCol {
    cursor:pointer;
}

.reportTable tr:first-child td.headerSortableCol:first-child,
        .reportTable tr:first-child td.headerSortableCol:hover:first-child {
    border-top-left-radius: 4px;
}

.reportTable tr:first-child td.headerSortableCol:hover:last-child,
        .reportTable tr:first-child td.headerSortableCol:last-child {
     border-top-right-radius: 4px;
}

.reportTable td.headerSortableCol:last-child,
        .reportTable td.headerSortableCol:hover:last-child,
        .reportTable td.cgheaderSortableCol:last-child,
        .reportTable td.cgheaderSortableCol:hover:last-child,
        .reportTable td.nvheaderSortableCol:last-child,
        .reportTable td.nvheaderSortableCol:hover:last-child,
        .reportTable td.jtheaderSortableCol:last-child,
        .reportTable td.jtheaderSortableCol:hover:last-child {
}

.reportTable td.headerSortableCol:last-child,
.reportTable td.headerSortableCol:hover:last-child {
    border-bottom: 1px solid #E3E7D0;
    border-right: none;
}

.reportTable tr.grouped-header td.headerSortableCol:last-child,
.reportTable tr.grouped-header td.headerSortableCol:hover:last-child {
    border-right: 1px solid #E3E7D0;
}

.reportTable td.cgheaderSortableCol:last-child,
        .reportTable td.cgheaderSortableCol:hover:last-child {
    border-bottom: 1px solid #CADCC9
}
.reportTable td.jtheaderSortableCol:last-child,
        .reportTable td.jtheaderSortableCol:hover:last-child {
    border-bottom: 1px solid #D9E7F2
}
.reportTable td.nvheaderSortableCol:last-child,
        .reportTable td.nvheaderSortableCol:hover:last-child {
    border-bottom: 1px solid #E9E1CB
}

.headerSortableCol.sortSelected{
	background:#3F583B;
    border-bottom: 1px solid #E3E7D0
}
.cgheaderSortableCol.sortSelected{
	background:#386731;
    border-bottom: 1px solid #CADCC9
}
.jtheaderSortableCol.sortSelected{
	background:#397CB2;
    border-bottom: 1px solid #D9E7F2
}
.nvheaderSortableCol.sortSelected{
	background:#4D4972;
    border-bottom: 1px solid #E9E1CB
}


.headerSortableCol:hover,
        .cgheaderSortableCol:hover,
        .nvheaderSortableCol:hover,
        .jtheaderSortableCol:hover {
	cursor:pointer;
    text-decoration: none;
}
.headerSortableCol:hover{
	background: #B0B0A0;
    border-bottom: 1px solid #E3E7D0;
    border-right: 1px solid #E3E7D0;
}
.cgheaderSortableCol:hover{
	background: #83BA7B;
    border-bottom: 1px solid #CADCC9;
    border-right: 1px solid #CADCC9;
}
.jtheaderSortableCol:hover{
	background: #75B2E4;
    border-bottom: 1px solid #D9E7F2;
    border-right: 1px solid #D9E7F2;
}
.nvheaderSortableCol:hover{
	background: #717099;
    border-bottom: 1px solid #E9E1CB;
    border-right: 1px solid #E9E1CB;
}

.headerSortableCol:hover.sortSelected{
	background:#3F583B;
    border-bottom: 1px solid #E3E7D0
}
.cgheaderSortableCol:hover.sortSelected{
	background:#386731;
    border-bottom: 1px solid #CADCC9
}
.jtheaderSortableCol:hover.sortSelected{
	background:#397CB2;
    border-bottom: 1px solid #D9E7F2
}
.nvheaderSortableCol:hover.sortSelected{
	background:#4D4972;
    border-bottom: 1px solid #E9E1CB
}



.pageInfoCell
{
	background-color:#FFF;
    border:none;
    color: #454545;
}
td.pageInfoCell{
    padding:2px;
}

td.pageInfoCell.pageInfoCellNoPadding {
    padding:0px;
}

.pageInfoCellWhite
{
	background-color:#FFF;
	border:solid 1px #A5A5A5;
	color:#000;
}





.floatedMapLink{
    float:right;
    cursor:pointer;
}
.floatedMapLink:hover{
    color:#fff;
}







.calPopHeader{
    background-color:#EBF0E8;
    font-size: 1.4em;
    color: black;
    text-align: center;
}

.calPopHeaderClickable{
    cursor:pointer;
    background-color:#EBF0E8;
    font-size: 1.4em;
    color: #878787;
    text-decoration:none;
    text-align: center;
}
.calPopHeaderClickable:hover {
    background-color:#EBF0E8;
}





.calPopDialog {
    border: 1px solid #617150;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.calTableContainerCell {
    padding: 0;
    background-color:#fff;
}

.calTableContainerCell table {
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.calTableContainerCell table tr.weekRow td:first-child div {
    margin-left:3px;
}

.calTableContainerCell table tr.weekRow td:last-child div {
    margin-right:3px;
}

.calPopMonthArrow{
    cursor: pointer;
    font-family:"FontAwesome";
    font-size:24px;
    color: white;
    padding:0 .2em;
}
.calPopMonthArrow.right{
    text-align: right;
    padding-right:9px;
}
.calPopMonthArrow.left{
    text-align: left;
    padding-left: 9px;
}
.calPopMonthYearHeader{
    text-align: center;
    font-size: 1.7em;
    color: white;
    padding-top:12px;
    padding-bottom:12px;
}

.calPopTodayLinkCell{
    background-color: #EBF0E8;
    cursor: pointer;
    text-align: center;
    font-size: 1.4em;
    color: white;
    padding:.4em;
    padding-top: 9px;
    padding-bottom: 9px;
}

.calPopTodayButton {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 25px;
    padding-right: 25px;
}


.calPopDayCell{
    color: black;
    border: 1px solid white;
    background-color: white;
    cursor: pointer;
    text-align: center;
    font-size: 1.3em;
    padding: 5px 5px 5px 5px;
}

.calPopDayCell.selectedDay{
    background-color: #617150 !important;
    border: 1px solid #617150 !important;
    border-radius: 4px;
    color: #fff !important;
}
.calPopDayCell.weekendDay{
    color: #617150;
}
.calPopDayCell.otherMonth{
    color:gray;
}
.calPopDayCell:hover{
    background-color: #617150;
    border: 1px solid #617150;
    border-radius: 4px;
    color: #fff;
}
td.weekendDay {
    background-color: #DBDBDB;
}
td.weekendDay div.weekendDay {
    background-color: #DBDBDB;
    border: 1px solid #DBDBDB;
}

td.weekendDay div.weekendDay:hover {
    background-color: #617150;
    border: 1px solid #617150;
    border-radius: 4px;
}

.clsHelpLinks{
    list-style:none;
    margin:0 0em;
    padding:1em 1.5em 0 1.5em;
}
.clsHelpLinks li{
    padding:.75em 0;
    font-size:24px;
}


/* overrides to V1 table CSS for responsive table with center alignment*/
.responsiveTable {
    min-width: 320px;
}

.responsiveTable .searchCategoryLabelTextDecoration {
    display: none;
}

.responsiveTable .headerCol {
    text-align: left;
    font-size: larger;
}

.responsiveTable .pageInfoItem .pageInfoLabel {
    width: 150px;
}

.responsiveTable .pageInfoLabel {
    text-align: right;
}

.responsiveTable .pageInfoValue {
    text-align: left;
}

.responsiveTable td {
    padding: 5px 3px 3px 3px;
}

.responsiveTable {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
    border-spacing: 0px;
}
/* end overrides to V1 table CSS */

table.responsiveTable.tr:nth-of-type(even) {
    background: #000000;
}

table.responsiveTable.tr:nth-of-type(odd) {
    background: #ECECEC;
}

.promptForConfirmation {
    border-color: red !important;
    border-radius: 4px;
    border-style: solid !important;
    border-width: 1px !important;
}

input[type='checkbox'].promptForConfirmation {
    outline: 1px solid red !important;
}

.toolTip{
    position:absolute;
    background: #5D5D5D;
    border-radius: 5px;
    min-width:4em;
    border:solid;
    border-color:#5D5D5D;
    border-width:2px;
    color: #fff;
    padding: 5px 15px;
    z-index: 430;
    white-space:nowrap;
    text-align: center;
    line-height: 2em;
}

.toolTipArrow{
    border: solid;
    border-color: #5D5D5D transparent;
    border-width: 0 8px 8px 8px;

    position:absolute;
    z-index: 431;
    padding:0;
    margin:0;
}

.toolTipArrow.flipped{
    border-width: 8px 8px 0 8px;
}

.tableFixedPaging .pageNavWrapper {
    border-top: none;
}

.tableScrollPaging .pageNavWrapper {
    border-top: 1px solid #617150;
}

.pageNavWrapper {
    display:block;
	white-space:nowrap;

    height: 48px;
    align-items: center;
    margin-top: -1px;
}

.pagingPrompt {
    display:inline-block;
    padding: 8px 14px 10px 14px;
    margin-left: 12px;
    font-size: 1.4em;
    color: #454545;
    vertical-align: super;
    cursor:pointer;
    text-decoration: underline;
}

.pageNavNeutral {
    display:inline-block;
    padding-bottom:1em;
    margin-left: 12px;
    font-size: 1.4em;
    color: #454545;
    vertical-align: middle;
}

.pagingPrompt:hover {
    color: #5D5D5D;
    text-decoration: underline;
}
/*
    Disable paging in a table by hiding the
    left/right buttons and preventing clicks
    on the paging prompt
*/
.disablePaging.tableFixedPaging .navPadRight,
.disablePaging.tableFixedPaging .navPadLeft {
    display: none;
}

.disablePaging.tableFixedPaging .pagingPrompt {
    cursor:auto;
    text-decoration:none;
    pointer-events:none;
}

.pagingSlider {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.pagingSlider td.contextMenuRow {
    background: transparent !important;
    background-color: transparent !important;
}

.v2Chart {
    width: 100%;
    height: 100%;
    min-width: 320px;
    min-height: 200px;
}


.simpleSubtable td {
    padding: 2px 0px;
}

.evenRow .simpleSubtable td, .oddRow .simpleSubtable td {
    border-right: none;
}

 .packetFilterSubtable td{
     padding:2px 5px;
 }

.navigationSubmenu {
    background: #ECECEC; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #f6f6f6 47%, #ECECEC 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#f6f6f6 47%,#ECECEC 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#f6f6f6 47%,#ECECEC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ECECEC',GradientType=1 ); /* IE6-9 */
    min-height:100%;
    border-spacing:0;
    border-bottom:1px solid #A5A5A5;    
}

.v2Menu.level1 {
    max-width: 160px;
    width: 160px;
}

.settingsToolstrip .clsToolStrip {
    background-color: #FFFFFF;
}

.dialogSeparator {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.dialogSeparator div {
    border-top: 1px solid #454545
}

.jtdialogSeparator,
.cgdialogSeparator {
    height: 0px;
    border-top: 1px solid #454545
    padding: 0px 5px 5px 5px;
}

.minimalPageMessage {
    text-align: center;
}

#helpContent{
    margin-left:1px;
    border:1px solid #617150;
}
.helpItemLink{
    width: 100%;
    cursor:pointer;
    padding-top:5px;
    padding-bottom:5px;
    font-size:14px;
    color: #5D5D5D;
    text-decoration: none;
    display:inline-block;
}

.helpItemLink span {
    padding-right: 5px;
    padding-left: 9px;
    vertical-align: middle;
}

.helpItemLink div {
     display: inline;
 }

.help-bullet {
    font-size: 6px;
    color: #5D5D5D;
}

.helpItemLink:hover{
    background:#C8D0BE;
    text-decoration:none;
    color: #454545;
}

.help-menu-content, .help-menu-content li {
    list-style-type: disc;
}

.unpaddedTable{
    padding:0;
    border-collapse:collapse;
}

.unpaddedTable >tbody >tr >td{
    padding:0;
}

#editProductPriceTypeComp1{
    margin-top:1em;
}


.colorPaletteTable{
    border-spacing:2px;
    background-color:#EBF0E8;
}

td.colorCell{
    padding:.2em;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    min-width:1.7em;
    min-height:1.7em;
    height:1.7em;

    border-width:4px;
    border-style:solid;
}
.colorPaletteTable td.colorCell.selected{
    border-style:dotted;
}

.colorPaletteTable td.clearButton{
    text-align:center;
    background-color:white;
    cursor:pointer;
    font-size:1.3em;
    font-weight:bold;
    padding:1em;
}

.colorPickerImg{
    display:inline-block;
    vertical-align:middle;
    margin-left:3px;
    margin-right:1px;
    cursor:pointer;
    border:2px solid #A5A5A5;;
    border-radius:5px;
}

.colorPickerImg:hover{
    border-color:#fff;
}

.bold{
    font-weight:bold;
}


.saveViewVerticalSpacer{
    display:inline-block;
    min-height:3.2em;
    vertical-align:middle;
}

.saveViewHorizontalSpacer>td{
    min-width:45em;
    background-color:aqua;
    padding-top:0;
    padding-bottom:0;
    height:0;
}

[data-mjtDisabled="1"]{
    opacity: 0.5;
    cursor:default;
}

td[data-mjtDisabled="1"]:hover{
    opacity: 0.5;
    background-color: #4E9AD7 !important;
    color: #E3E7D0 !important;
    cursor:default;
}

#msgCurrentlyNoImages{
    padding-left:.5em;
}

.textAsSymbol .fontActionButtonText{
    font-size:25px;
    vertical-align:baseline;
}


.headerDeleteSeparator{
    display:inline-block;
    width:1.5em;
}




#activeFilterTable {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}

#activeFilterTable > li > table {
    padding: 0px;
}

#activeFilterTable li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #E6E6E6;
}

#activeFilterTable li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #E6E6E6;
}

#activeFilterTable li 
{    
    word-break:break-word;
    margin:0;
    text-align:left;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}

#activeFilterTable table {
    border-spacing: 0px;
}

#activeFilterTable td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

#activeFilterTable td.buttonCell {
    padding-right: 0px;
}

.filterRow.evenRow {
}

.filterRow td{
    padding-left:.5em;
    white-space:normal;
}
.filterRow td.buttonCell{
    text-align:center;
    width:1.5em;
}


.dialogButtonRow{
    border-collapse:collapse;
    width:100%;
}

.dialogButtonRowLabel{
    font-weight: bold;
    font-size:19.5px;    
}

td.dialogButtonRowLabel  {
    padding-right: 5px;
}

div.dialogButtonRowLabel {
    border-bottom: 1px solid #454545;
}

.dialogButtonRowButtonCell{
    width:1em;
}



.clsDialogSubsectionHeader .dialogFieldSectionHeaderRow > div {
    font-size: 16px;
}

.clsDialogSubsectionHeader .dialogButtonRowLabel {
    font-size: 16px;
    padding-bottom:0;
}

.clsDialogSubsectionHeader .dialogButtonRowButtonCell {
    padding-bottom: 0;
}
.clsDialogSubsectionHeader .dialogButtonRowButtonCell>button {
    margin-bottom: 0;
    padding-bottom: 0;
}
.clsDialogSubsectionHeader .dialogFieldSectionHeaderRow > div {
    margin-top: 0;
    margin-left: 0.25em;
}





.clsNarrowField{
    width:8em;
}
input.clsNarrowField{
    width:7.5em;
}

.clsVeryNarrowField {
    width:4em;
}

.clsFilterTimeFieldHolder{
    border-collapse:collapse;
}


.clsDialogListedAttr{
    background-color: white;
    margin: .25em .5em .25em 0;
    padding: .25em;
    border: 1px solid black;
    max-width: 30em;
}



.dialogDiv.clsDateFilterMenu{
    background-color:white;
}
.clsDateFilterMenu #contextMenuPopUp {
    background-color:white;
}
.clsDateFilterMenu .contextMenuRow{
    background-color:white;
    color:black;
    font-weight:normal;
}
.clsDateFilterMenu td{
    background-color:white;
}
#contextMenuPopUp.clsDateFilterMenu{
    background-color:white;
}
.clsDateFilterMenu .contextMenuRow[data-notalink]:hover{
    background:white;
}

.clsDateFilterSpecSubItemHeader{
    font-size:100%;
    font-weight:bold;
}
.clsDateFilterSpecMenuSubItem{
    padding-left:2em;
    font-size:100%;
}

#cellStatusPicker{
    padding-left:.25em
}
#cellCategoryPicker {
    padding-left:.25em
}

.searchToolbarContainer {    
    border-right: 1px solid #A5A5A5;
}

.forcedSearchButton .searchToolbarContainer{
    display:none;
}

.searchToolbarContainer .inputContainer button {
    background-color:#73866A;
    background-image:none;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
    display: block;
    border: 0;
    width: 2.5em;
    max-width: 2.5em;
    min-width: 2.5em;
}

.searchToolbarContainer .inputContainer button:hover,
.searchToolbarContainer .inputContainerr select:hover {
    background-color: #3F583B;
}

/*override this select */
/*.dialogFieldValue.dlgControlSet button:last-child*/
.searchPage button[name=selectCategories ] {
    margin-right: initial !important;
    margin-left: 4px;
}


.searchToolbarContainer .inputContainer select {
    background-color:#73866A;
    background-image:none;
    color: #FFF;
    padding-left: .5em;
    border-top-left-radius: 5%;
    border-bottom-left-radius: 5%;
    height: 100%;
    border: 0px;
    font-size: 1em;
    max-width: 12em;
    text-overflow: ellipsis;
    cursor: pointer;
}

.searchToolbarContainer .inputContainer option {
    background-color: #FFF;
    color: #000;
}

.searchToolbarContainer .inputContainer .FontAwesomeIcon {
    font-size: 1.5em;
}


.toolbarSearchSelect {
    position: relative;
    display: block;
}
.toolbarSearchSelect::after {
    content:"\f0d7";
    font-family: FontAwesome;
    color: #FFF;
    padding: 12px 8px;
    position: absolute; right: 0; top: 0;
    z-index: 1;
    text-align: center;  
    box-sizing: border-box; 
    pointer-events: none;  
}

.searchToolbarContainer .inputContainer {
    border: 1px solid #E3E7D0;
}

.searchToolbarContainer button {
    display:none;
}

.inlineSearch {
    width: 100%;
}

.icon-search:before {
    content: "\f002";
}

#reportSearchTerm{
    margin-top:0.75em;
    margin-left:0.25em;
}

.viewDialogSectionHeader {
    padding-left: 0px;
    padding-bottom: 10px;
}

.viewDialogRow {
    cursor:pointer;
    height: 50px;
}

.viewDialogRow:hover {
    background-color: none;
    color:#000;
}

#frmSelectViewDialogContentDiv {    
    padding-right: 0px;    
    width: 640px;
}

#frmSelectViewDialogContentDiv .pageViewSelectionLink {
    font-size: 115%;
    padding: 0.5em 0 0 0;
    word-break: break-all;
    white-space: normal;
}

#frmSelectViewDialogContentDiv .pageViewSelectionLink:hover {
    background-color: transparent;
    color:#000 !important;
}

#frmSelectViewDialogContentDiv .pageViewSelectionDeleteButtonCell button {
    margin-top: 10px;
}

#frmSelectViewDialogContentDiv .pageViewSelectionDeleteButtonCell button:disabled, #frmSelectViewDialogContentDiv .pageViewSelectionDeleteButtonCell button:hover:disabled {
    background-color: unset;
    background-image: unset;
    border: none;
}

#frmSelectViewDialogContentTable {
    width: 97%;
    padding-top:10px;
    margin:auto;
}

#searchContainer {
    margin-top: 3px;
    margin-bottom: 3px;
}

.searchPage .dialogFieldName {
    white-space: nowrap;
    padding-left: 0;
    padding-right:0;
    color: #878787;
    vertical-align: initial;
}

.searchInput {
    padding-right: 0;
}

.mainSearch .dlgControlSet button {
    width: 78px;
}

.mainSearch .dlgControlSet button .fontActionButtonText {
    vertical-align: baseline;
}

.searchFilter {
    padding-right: 0;
}



.mainSearch {
    font-weight: bold;
    font-size: initial;
}

.searchPage input[name=searchTerm] {
    padding-bottom: 4px;
}

.searchPage select, .searchPage input {
    border-radius: 4px;
    border: 1px solid #B0B0A0;
    box-sizing: border-box;
    color: #454545;
    padding-top:5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: calc(100% - 45px);
    text-overflow: ellipsis;
}

td.searchResultsPage {
    padding: 8px 4px 8px 0px;
    width: 100%;
}

.searchBackground {
    background: #E4EDE4;
}

.searchPage {
    margin-top: 8px;
    border-radius: 4px;
    padding:16px 0px 8px 8px;
    width: 100%;
    max-width: 500px;
    min-width: 200px;
}

.searchPage .IoniconIcon {
    font-size: 25px;
}

.searchPage .FontAwesomeIcon {
    font-size: 20px;
}

.searchResultsTable .evenRow, .searchResultsTable .oddRow {
    background-color: transparent;
}

.searchResultsTable .evenRow td:not(:first-child), 
.searchResultsTable .oddRow td:not(:first-child) {
    vertical-align: top;
}

.searchResultsTable .evenRow td, 
.searchResultsTable .oddRow td {
    border-right: none;
}

.oddRow .searchResult, .evenRow .searchResult {
    border-bottom: 1px solid #DBDBDB;
    padding-left: 8px;
}

.searchResultTable {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 24px;
    table-layout: fixed;
}

.searchResultTableNameColumn {
    height: 18px;
    font-size: 18px;
    text-align: left;
}

.searchResultDetailRow td{
    padding-top: 8px;
}

.searchResultDetailRow td:first-child{
    padding-left: 16px;
}

.searchResultType {
    height: 15px;
    font-size: 13px;
    color: #878787;
    font-style: italic;
}

.searchResultTypeColumn {
    width: 100px;
}

.searchResultLabelColumn {
    width: 100px;
}

.searchResultTypeCell {
    width: 100px;
    text-overflow: ellipsis;
    display: block;
    line-height: 22px;
}

.searchResultLabelCell {
    width: 100px;
    text-overflow: ellipsis;
    max-width: 100px;
}


.searchResultsTable {
    border: none;
}

.searchResultsTable > .headerRow, .searchResultsTable > .headerRow > tr > td.headerCol {
    font-size: 13px;
    border:none;
    background: #EBF0E8;
    color: #878787;
    justify-content: space-between;
    width: 100%;
    height: 24px;
    padding-left: 16px;
}

#SearchResultsBodyDiv .searchResultsTable .headerRow tr:first-child td:last-child {
    border-top-right-radius: 0;
}
#SearchResultsBodyDiv .searchResultsTable .headerRow tr:first-child td:first-child {
    border-top-left-radius: 0;
}

.searchResultsNoData {
    padding-top: 24px;
    padding-left: 16px;
}

.searchResult table.pageInfoItem td.pageInfoLabel {
    width: 196px;
    border-right-color: #D9E7F2;
    border-right-style: solid;
    border-right-width: 1px;
    padding-right: 7px;
    font-weight: normal;
}

.highlightedSearchText {
    color: #386731;
}

.bubbleContent.pageInfoCell,
        #cnrPricingDetails td.bubbleContent.pageInfoCell  {
    color: #454545;
    padding: 12px;
}

button[name=selectCategories ] {
    margin-left: 7px;
}

input[type='radio']{
    cursor:pointer
}
input[type='radio']:disabled{
    cursor:default
}

input[type='checkbox']+label{
    cursor:pointer
}
input[type='checkbox']{
    cursor:pointer
}

input[type='checkbox']:disabled+label{
    color:#878787;
    cursor:default
}
input[type='checkbox']:disabled{
    cursor:default
}

.filterLabelCollapser{
    border-collapse:collapse;
}
.filterLabelCollapser td.dialogFieldName{
    padding-left:0;
}

.selectedCalenderCell {
    background-color: #005493 !important;
}


#calendarTableHeadDiv {
    background-color: #EAF4FC;
}

.uiv2dialogDiv .uiv2dialogContent table.autoDisabledUserFieldTable{
    width: inherit;
}
.autoDisabledUserFieldTable td.dialogFieldName{
    padding-left:2em;
}

.linkWithFontIcon{
    text-decoration:none;
}
.linkWithFontIcon a{
    text-decoration:none;
}

.linkWithFontIcon .FontAwesomeIcon{
    padding-left:0;
    font-weight:normal;
    font-size:22px;
    vertical-align: middle;
}


#cellDateFilterFromLabel{
    padding-right:.5em;
}

#cellDateFilterToLabel{
    padding-right:.5em;
}

.materialsTable td {
    padding: 2px 5px 2px 5px;
}

#ept_chkUpdateCustomerTaxPct {
    margin-left: 5px;
}

#frmSelectActionsDialogContentDiv table {
    width: 100%;
}

#frmSelectObjectsDialogContentDiv table {
    width: 100%;
}



.rightAlign{
    text-align:right;
}
.clsFullCellLink.rightAlign{
    justify-content:flex-end;
}
.leftAlign{
    text-align:left
}
.centerAlign{
    text-align:center
}
.clsFullCellLink.centerAlign{
    justify-content:center;
}

.topAlign{
    vertical-align:top
}
.middleAlign{
    vertical-align:middle
}
.bottomAlign{
    vertical-align:bottom
}

#overallocatedWarning{
    margin-left:0.3em;
    margin-right:0.3em;
    color:#E3001A;
    font-weight:bolder;
}

#loginform table.uiv2dialogBox {
    padding-bottom: 10px;
}

#frmConfirmationDialogContentDiv {
    padding-left: 10px;
    padding-right: 10px;
}

.issues {
    font-weight: bold;
    color: #454545;
    font-size: 1em;
    align-items: baseline;
    display: inline-block;
    float: right;
    margin-right: 15px;
    white-space: nowrap;
}

.issuesTitle {
    font-size:0.6em;
}

.issuesHeading {
    margin-right: 10px;
    font-weight: 600;
}

.jobDetailAccountContacts {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.jobDetailAccountContacts .headerCol {
    font-size: 1.3em;
}


#ContactsHead tbody tr td, #ContactsBody tbody tr td {
    font-size: 1em;;
    color: #454545;
}

#ContactsHead .headerCol, #ContactsBody .headerCol {
    font-size: 1em;;
    color: #fff;
}

.pageSeparatorRow button, .cgpageSeparatorRow button , .jtpageSeparatorRow button, .pageInfoValue button, .areaNameRow button {
    background-color: #fff;
    background-image: none;
    border: none;
    color: #878787;
}

.pageSeparatorRow button:hover, .cgpageSeparatorRow button:hover , .jtpageSeparatorRow button:hover, .areaNameRow button:hover {
    background-color: #fff;
    background-image: none;
    border: none;
    color: #5D5D5D;
}

.pageSeparatorRow table, .cgpageSeparatorRow table, .jtpageSeparatorRow table {
    border-spacing: 0px;
    width: 100%;
}

.pageSeparatorRow table tr:first-child td, .cgpageSeparatorRow table tr:first-child td, .underlinedSectionHeader {
    border-bottom: 1px solid #454545;
    color: #454545;
}


.jtpageSeparatorRow table tr:first-child td {
    border-bottom: 1px solid #454545;
    color: #454545;
}


.cgpageSeparatorRow table tr:first-child td {
    border-bottom: 1px solid #454545;
    color: #454545;
}




.pageSeparatorRow table.cgQuoteDrawingDescTable tr:first-child td {
    border-bottom:none;
}
.pageSeparatorRow table.cgQuoteDrawingDescTable tr:first-child td:first-child {
    width:1em;
}

.cgQuoteDrawingDescTable {
    display: inline-block;
}

.pageSeparatorRow td .revNavWrapper {
    font-size: small;
}
span.revNeutral, .revNavLinkText {
    vertical-align: top;
    display: inline-block;
    margin-top: 0.05em;
}

.clsSubsectionItemTableHeader{
    font-size:0.9em;
}
.clsSubsectionItemTableHeader .clsSectionHeaderItemBubble {
    background-color:#83BA7B;
    color:white;
}
.clsSubsectionItemTableHeader .clsItemBubbleText {
    font-size: 0.75em;
}

.clsSubsectionItemTableHeader .clsSubsectionItemTableHeaderTitle {
    display:inline-block;
    padding-right:0.75em;
}

.clsSubsectionItemTableHeader .clsSubsectionItemTableRevisionContainer {
    padding: 0.5em 0;
}

.clsSubsectionItemTableHeader .clsSubsectionItemTableHeaderRevSep,
.clsSubsectionItemTableHeader .clsSubsectionItemTableHeaderLastRev,
.clsSubsectionItemTableHeader .clsSubsectionItemTableHeaderRevText {
    display: inline-block;
    padding-left: 0.75em;
    font-size: 0.75em;
}
span.clsSectionHeaderItemBubble {
    background-color:#EBF0E8;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 0.5em;
    display: inline-table;
    margin-left: 0.25em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    margin-top:0.32em;
    margin-bottom:0.0em;
}
span.clsSectionHeaderItemBubble.clearBubble {
    background-color:unset;
    padding-left:0.25em;
}
.clsItemBubbleText {
    font-size: .6em;
    font-weight: normal;
    display: table-cell;
    vertical-align: bottom;
    padding-top:0.05em;
    padding-bottom:0.0em;
}

.revNavLinkText {
    font-size: 0.8em;
    margin-top: 0.3em;
}
a.revLink, span.revLink {
    display: inline-block;
    text-align:center;
    width: 1.2em;
    border-radius: 50%;
    font-size:2em;
    color:#fff;
    background-color: #878787;
    border: 1px solid #878787;
    text-decoration: none;
}
a.revLink:hover:not(.inactiveItem){
    background-color: #5D5D5D;
    border-color: #5D5D5D;
}
.revLink .navIcon {
    font-family: "FontAwesome";
    font-weight: bold;
    vertical-align:text-top;
}
.revLink.nextRev > span.navIcon {
    margin-left: 2px;
}
.revLink.prevRev > span.navIcon {
    margin-right: 2px;
}

.prevRev {
    margin-left: 0.4em;
    margin-right: 0.25em
}
.nextRev {
    margin-left: 0.25em;
    margin-right: 0.4em
}

.revLink span.navIcon {
    text-decoration: none;
}
.revLink.inactiveItem {
    opacity: .5;
}


.bubbleContent {
    background-color: #EBF0E8;
    border: 1px solid #EBF0E8;
    border-radius: 4px;
}


.bubbleContent.clsSubsectionPendingConfirmation {
    background-color: #FFFCF5;
    border: 1px solid #FFFCF5;
    border-radius: 4px;
}


.bubbleContent.clsSubsectionNeutral {
    background-color: transparent;
    border-color: transparent;
}

.bubbleContent.noPadding {
    padding: 0;
}

.bubbleContent.clsSubsectionDisabled {
    background-color: #F7F7F7;
    border: 1px solid #F7F7F7;
    color: #878787;
}

.bubbleContent.clsSubsectionDisabled .clsWizardSectionChevronsCell {
    color: transparent;
    cursor: default;
}


.bubbleContent button.fontActionButton {
    background-color: #EBF0E8;
}
.bubbleContent td.pageInfoCell{
    background-color: #EBF0E8;
}

.reportTable .headerRow tr:first-child td:first-child,
        .reportTable .cgheaderRow tr:first-child td:first-child,
        .reportTable .nvheaderRow tr:first-child td:first-child,
        .reportTable .jtheaderRow tr:first-child td:first-child,
        .reportTable tr.headerRow:first-child td:first-child,
        .reportTable tr.nvheaderRow:first-child td:first-child,
        .reportTable tr.cgheaderRow:first-child td:first-child {
    border-top-left-radius: 4px;
}

.reportTable .headerRow tr:first-child td:first-child {
    border-bottom: 1px solid #E3E7D0;
}
.reportTable .cgheaderRow tr:first-child td:first-child {
    border-bottom: 1px solid #CADCC9;
}
.reportTable .jtheaderRow tr:first-child td:first-child {
    border-bottom: 1px solid #D9E7F2;
}
.reportTable .nvheaderRow tr:first-child td:first-child {
    border-bottom: 1px solid #E9E1CB;
}

.reportTable .headerRow tr:first-child td:last-child,
        .reportTable .cgheaderRow tr:first-child td:last-child,
        .reportTable .nvheaderRow tr:first-child td:last-child,
        .reportTable .jtheaderRow tr:first-child td:last-child,
        .reportTable tr.headerRow:first-child td:last-child,
        .reportTable tr.nvheaderRow:first-child td:last-child,
        .reportTable tr.cgheaderRow:first-child td:last-child {
    border-top-right-radius: 4px;
    border-right: none;
}
.reportTable .headerRow tr:first-child td:last-child {
    border-bottom: 1px solid #E3E7D0;
}
.reportTable .cgheaderRow tr:first-child td:last-child {
    border-bottom: 1px solid #CADCC9;
}
.reportTable .jtheaderRow tr:first-child td:last-child {
    border-bottom: 1px solid #D9E7F2;
}
.reportTable .nvheaderRow tr:first-child td:last-child {
    border-bottom: 1px solid #E9E1CB;
}

.jobDetail, .accountDetail, .supplierDetail {
    padding-left: 2px;
    padding-right: 6px;
}

.accountDetail, .accountDetail table, .supplierDetail, .supplierDetail table, .jobDetail, .jobDetail table {
    width: 100%;
}

.accountDetail .pageInfoValue, .supplierDetail .pageInfoValue, .jobDetail .pageInfoValue, .accountDetail .pageInfoLabel, .supplierDetail .pageInfoLabel, .jobDetail .pageInfoLabel {
    font-size: 1em;;
}

.bubbleTable {
    width: 100%;
    margin-bottom: 3px;
}

.cgquote-detailtable.bubbleTable {
    margin-bottom: 6px;
}

.toolStripType {
    margin-right: 10px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #9AAC91
}

.toolStripTitle {
    font-size: 26px;
    font-weight: 400;
    color: #E3E7D0;
}

.toolStripTitle a {
    color: #E3E7D0;
    cursor: pointer;
}
.toolStripTitle a:hover {
    color: #9AAC91;
}

.fullWidthTables table {
    width: 100%;
    color: #454545;
}

.content-width-tables table {
    width: auto;
}

.bubbleContent  div.infoText, .fullWidthTables div.infoText, .fullWidthTables .oddRow, .fullWidthTables .evenRow, .fullWidthTables a {
    color: #454545;
}

.calendarContainerTable {
    width: 100%;
}

.calendarContainerTable .pageInfoLabel, .calendarContainerTable .pageInfoValue {
    text-align: left;
}

.calendarContainerTable .pageInfoLabel {
    width: 1%;
    white-space: nowrap;
}

.calendarPage {
    padding-right: 3px;
}

.calendarPage .calTable {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 4px;
    border-spacing: 1px;
    border: 1px solid #E3E7D0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #D9E7F2;
}

.calendarPage .calTable thead tr:first-child td:first-child, .calendarPage .calTable .headerRow tr:first-child td:first-child {
    border-top-left-radius: 4px;
    border-top: 0px solid #E3E7D0;
}

.calendarPage .calTable thead tr:first-child td, .calendarPage .calTable .headerRow tr:first-child td {
    border-top: 0px solid #E3E7D0;
}

.calendarPage .calTable thead tr:first-child td:last-child, .calendarPage .calTable .headerRow tr:first-child td:last-child {
    border-top-right-radius: 4px;
    border-top: 0px solid #E3E7D0;
    border-right: none;
}

.calendarSubTable .pageInfoCell {
    background-color: #EAF4FC;
}

.calendarPage .calTable .oddRow td, .calendarPage .calTable .evenRow td {
    border-right-color: transparent;
}

.calendarSubTable {
    text-align: center;
    background-color: #EAF4FC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

table.clsFinalExpandoCol td:last-child{
    width:100%;
}

.clsOTable table tr:first-child, .clsOTable table tr:last-child {
    background-color: #617150;
}

#cnrDialogThumbnail{
    display:inline-block;
    text-align:center;
    margin:0 1em;
}


span[data-mnemonicAction]{
    text-decoration:underline;
}
span[data-mnemonicAction=""]{
    text-decoration:inherit;
}


.minimalPage {
    color: #454545;
    width: 410px;
    margin-left: auto;
    margin-right:auto;
    margin-top:10px;
}

.minimalPage .dlgErrorPanel, .minimalPage #frmTmpMessageDialogContentTable {
    border: none;
}

.minimalPage #divV2Content {
    visibility: visible;
}

.minimalPage table, .minimalPage .uiv2timedMessage table {
    margin: auto;
    background-color: #fff;
    border: 1px solid #454545;
}

.minimalPage .uiv2dialogHeader, .minimalPage .uiv2disabledDialogHeader, .minimalPage .uiv2timedMessageHeader {
    background-color: #454545;
    color: #454545;
    border: 1px solid #454545;
}

.minimalPage .uiv2timedMessageHeader {
    color: #fff;
}

.minimalPage .uiv2DialogHeaderRow .uiv2dialogHeader:last-child {
    text-align: left;
}

.minimalPage .uiv2dialogTitle {
    color: #fff;
}

.minimalPage .minimalPageFieldName {
    text-align: right;
    padding-right: 5px;
    padding-top:10px;
    padding-bottom:10px;
    color: #454545;
    white-space:nowrap;
    padding-left: 8px;
    font-size: medium;
}

.minimalPageIEFieldName {
    width: 1px;
}

.minimalPage .minimalPageFieldValue {
    width: 100%;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.minimalPage .minimalPageFieldValue.shopLogin {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: medium;
}

.minimalPageIEFieldValue {
    width: auto;
}

.minimalPage .minimalPageFieldValue input {
    padding-left: 5px;
    padding-right: 0px;
    width: 100%;
    border: 1px solid #454545;
    color: #454545;
    font-size: medium;
}

.minimalPage tr:last-child td {
    padding-bottom: 15px;
}

.minimalPage .minimalPageExplanationText {
    padding-top:10px;
    padding-bottom:10px;
    color: #454545;
    white-space:nowrap;
    padding-left: 8px;
    font-size: medium;
}

.minimalPageMessage {
    padding-top: 0px;
    padding-bottom: 10px;
    color: #D12421;
}

.minimalPageImage {
    text-align: center;
    padding-top: 7px;
}

.minimalPageImage img {
    max-width: 100%;
    max-height: 250px;
}

.minimalPageIEImage img {
    max-width: 394px !important;
}

.minimalPageWarningMessage {
    border-radius: 4px;
    background-color: #FFF9F9;
    border: 1px solid #D12421;
    padding: 15px;
    margin-bottom:10px;
    margin-left: auto;
    margin-right:auto;
    width: 87%;
}

.page-subsection-header {    
    border-bottom: 1px solid #A5A5A5;
    margin: 0.2em 0 3px 0px;
    padding-top:5px;
    padding-bottom: 9px;
}
.pageInfoCell > .page-subsection-header:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.page-subsection-header .formTitle {
    text-decoration: none;
    font-size: 1.3em;
    padding-left: 5px;
}

.page-subsection-header div > span  > span.FontAwesomeIcon {
    font-size: 1.3em;
}

.page-subsection-header table {
}

.page-subsection-header-buttons {
    float: right;
    clear: both;
    display: inline;    
    margin-top:-8px;
    font-size: 1.7em;
}

.page-subsection-header-buttons .FontAwesomeIcon {
    padding-right: 0px;
    font-size: 1.4em;
}

.page-subsection-header-buttons button {
    background-image: none;
    background: none;
    border: none;
    border-radius: unset;
    color: #878787;
    padding-right: 4px;
}

.page-subsection-header-buttons button:focus {
    outline-color: transparent;
}

.page-subsection-header-buttons button:hover {
    background-image: none;
    background: none;
    border: none;
    border-radius: unset;
    text-decoration: none;
    color: #A5A5A5;
}

#helpCollapseArrow {
    font-size: 0.7em;
    padding-left: 6px;
}

#emptyWarningCap{
    font-size:0px;
}






textarea.input-noButton{
    width:calc(100% - 8px);
    font-size:1.3em;
    min-height:5em;
}

input.input-noButton{
    box-sizing:border-box;
    border-radius:4px;
    font-size:1.3em;
    height:32.5px;
    /*width:calc(100% - 32.5px;);*/
    width:100%;
    min-width:20em;
    outline:none;
    vertical-align:middle;
}
input[type="number"].input-noButton{
    width:6em;
}
input.input-buttonRight{
    box-sizing:border-box;
    border-radius:4px 0 0 4px;
    height:32.5px;
    width:calc(100% - 32.5px);
    outline:none;
    vertical-align:middle;

    /*
        Make wide enough so that when expanded to display
        the text area, the dialog doesn't need to expand.
    */
    min-width:272px;
}
button.button-inputLeft,
    .uiv2dialogBox .dialogFieldValue button.button-inputLeft{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    height:32.5px;
    width:32.5px;
    vertical-align:middle;
    margin: 0;
    background-image: linear-gradient(to bottom,#EBF0E8,#F7F7FA);
    color:#617150;
    border-left:none;
}
button.button-inputLeft span.FontAwesomeIcon{
    padding:0;
    font-size:23px;
}

button.button-inputLeft:hover,
        .uiv2dialogBox .dialogFieldValue button.button-inputLeft:hover {
    background-image:none;

    background-color: #617150;
    background-image: linear-gradient(to top, #617150, #73866A);

    color:#FFFFFF;
}
button.button-inputLeft:focus,
        .uiv2dialogBox .dialogFieldValue button.button-inputLeft:focus{
    xbackground-image:none;

    xbackground-color: #617150;
    xbackground-image: linear-gradient(to top, #617150, #73866A);

    xcolor:#FFFFFF;
    xborder-left:none;

    border-style:dashed;
    border-left:none;    
}


.supplierInfo {
    vertical-align:top;
    width:50%;
    padding-right:3px;
}

.supplierContacts {
    vertical-align:top;
    padding-left:3px;
}

.accountInfo {
    vertical-align:top;
    width:50%;
    padding-right:3px;
}

.uiv2DialogButtonMenu {
    display: none;
}

.uiv2DialogButtonMenu[disabled='true'], .uiv2DialogButtonMenu[disabled='true']:hover {
    color: #878787;
    cursor: default;
    background-color: unset;
    border: none;
}

.uiv2DialogButtons {
    white-space: nowrap;
}

hr.contextMenuSeparator {
    border-top:1px solid #C8D0BE;
    border-bottom:none;
    border-left:none;
    margin-top:0;
    margin-bottom:0;
}



input[type='radio'].export-radio-buttons {
    margin-top: 2px;
    margin-bottom: 2px;
    height: 1.5em;
}

.cgquote-detail-skinny {
    width: 50%;
    float: left;
    color: #000;
    border-collapse: separate;
    border-spacing: 1px;
    border: none;
}

.tableStyle .cgquote-detail-skinny:first-child {
    padding-right: 3px;
}

.tableStyle .cgquote-detail-skinny:last-child {
    padding-left: 3px;
}

.cgquote-detail-wide {    
    width: 100%;
    border-spacing: 0px;
}

.uiv2dialogBox .oddRow .dialogFieldRow td.pageViewSelectionDeleteButtonCell button {
    background-color: unset;
    background-image: unset;
}
.uiv2dialogBox .oddRow .dialogFieldRow td.pageViewSelectionDeleteButtonCell button:not(:focus) {
    border-color: transparent;
}

.uiv2dialogBox .evenRow .dialogFieldRow td.pageViewSelectionDeleteButtonCell button {
    background-color: unset;
    background-image: unset;
}
.uiv2dialogBox .evenRow .dialogFieldRow td.pageViewSelectionDeleteButtonCell button:not(:focus) {
    border-color: transparent;
}

.uiv2dialogBox .dialogFieldRow td.pageViewSelectionDeleteButtonCell button:hover {
    color: #73866A;
}

/* Pagination Slider Modal */
.pagingSliderHolder {
    min-width: 400px;
    background-color: #EBF0E8;
    border: 1px solid #3F583B;
    box-shadow: 0 2px 10px 5px rgba(0,0,0,0.10);
}

.pagingSliderHolder .uiv2DialogHeaderRow {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.pagingSliderHolder .uiv2DialogHeaderRow td.uiv2dialogHeader:first-child {
    border-top-left-radius: 2px;
}

.pagingSliderHolder .uiv2DialogHeaderRow td.uiv2dialogHeader:last-child {
    border-top-right-radius: 2px;
}

.button--pagination-slider {
    width: calc(100% - 40px);
    display: block;
    height: 2.5em;
    font-size: 1.25em;
}

input[type=range] {
  -webkit-appearance: none;
  background: transparent;
}


input[type=range] {
 -webkit-appearance: none;
 margin: 10px 0px 30px 0px;
 width: calc(100% - 40px);
}

input[type=range]:focus {
 outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
 width: calc(100% - 40px);
 height: 16px;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: none;
 background: #FFFFFF;
 border-radius: 25px;
 border: 1px solid #3F583B;
}

input[type=range]::-webkit-slider-thumb {
 box-shadow: none;
 border: 1px solid #3F583B;
 height: 28px;
 width: 28px;
 border-radius: 14px;
 background: #617150;
 cursor: pointer;
 -webkit-appearance: none;
 margin-top: -7px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
 background: #FFFFFF;
}

input[type=range]::-moz-range-track {
 width: calc(100% - 40px);
 height: 16px;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: none;
 background: #FFFFFF;
 border-radius: 25px;
 border: 1px solid #3F583B;
}

input[type=range]::-moz-range-thumb {
 box-shadow: none;
 border: 1px solid #3F583B;
 height: 28px;
 width: 28px;
 border-radius: 14px;
 background: #617150;
 cursor: pointer;
}

input[type=range]::-ms-track {
 width: calc(100%);
 height: 16px;
 cursor: pointer;
 animate: 0.2s;
 background: transparent;
 border-color: transparent;
 color: transparent;
}

input[type=range]::-ms-fill-lower {
 background: #FFFFFF;
 border: 1px solid #3F583B;
 border-radius: 50px;
 box-shadow: none;
}

input[type=range]::-ms-fill-upper {
 background: #FFFFFF;
 border: 1px solid #3F583B;
 border-radius: 50px;
 box-shadow: none;
}

input[type=range]::-ms-thumb {
 box-shadow: none;
 border: 1px solid #617150;
 height: 24px;
 width: 24px;
 margin-top:0px;
 border-radius: 12px;
 background: #617150;
 cursor: pointer;
 overflow:visible;
}

input[type=range]:focus::-ms-fill-lower {
 background: #FFFFFF;
}

input[type=range]:focus::-ms-fill-upper {
 background: #FFFFFF;
}
/* End Pagination Slider Modal */

div.v2Menu.level2 {
    background-color: #E4EDE4;
    margin-left: -5px;
    border-left: 1px solid #73866A;
    overflow: auto;
}

.v2Menu.level2 a {
    text-decoration: none;
}
.navSubLinkIndicator {    
    padding-right: 5px;
    font-size: 1em;
    color: #73866A;
}

.v2Menu.level3 {
    padding-left: 0.5em;
}

.navSubHeader{
    font-size:1.4em;
    display:block;
    font-weight: bold;
    padding:.5em 0 .5em 0;
    color: #454545;
}


html {
    height: calc(100% - 76px);
}

td.security-model-column-header {
    text-align: center;
    padding: 5px 3px 5px 3px;
}

.security-model-column-header div {
    padding-bottom: 5px;
}

.security-model-column-header input, .security-table td input {
    margin: 0px;
}

tr.cgheaderRow td.security-model-column-header {
	background:#68A260;
	color:#FFF;
}

.event-log {
    padding: 5px 5px 0px 5px;
    width: 100%;
    overflow: auto;
}

.event-log td.pageInfoCell {
    line-height: 160%;
}

.event-log td.pageInfoLabel, .event-log td.pageInfoValue, .event-log td.pageInfoValueLink {
}

.change-log-footer {
    color: #454545;
}

.pipe {
    margin: 0 14px;
}

.event-log .pageInfoCell {
    padding-bottom: 11px;
    width: 100%;
}

.event-log-action {
    font-weight: bold;
}

.event-log-bubble-content {
    margin-bottom: 5px;
}

table.event-log td {
    overflow:unset;
}

.uiv2DialogCloseButton, .uiv2DialogCloseButton:hover {
    display: inline-block;
    text-decoration: none;
}

.toolstrip-search-typeahead  td {
    font-size: 16px;
}

.typeahead-with-borders tr td {
    border-bottom: 1px solid #EAF4FC;
}

.typeahead-with-borders tr:last-child td {
    border-bottom: none;
}

.drag-drop {
    padding: 35px 20px 35px 20px;
    border: 2px dashed #B0B0A0;
}

.fileUpload {
    padding: 6px 4px 20px 5px;
    text-align: center;
    margin-left: 5px;
}

.fileUpload .fileDropMessageContainer div:first-child {
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    font-size: 1.1em;
}

.fileUpload .fileDropMessageContainer div:last-child {
    padding-bottom: 10px;
    display: inline-block;
}

.jtuiv2dialogBox .fileUploadButton {
    border: 1px solid #397CB2;
    background-image: linear-gradient(to top, #4E9AD7, #64A7DD);
}
.cguiv2dialogBox .fileUploadButton {
    border: 1px solid #578D4F;
    background-image: linear-gradient(to bottom, #68A260, #548B4C);
}
.fileUploadButton {
    cursor: pointer;
    border: 1px solid #617150;
    background-color: #C8D0BE;
    background-image: linear-gradient(to top, #C8D0BE, #E4EEF5);
    color: #617150;
    border-radius:4px;
    padding: 10px;
}

.fileUploadButton:hover {
    border: 1px solid #73866A;
    background-color: #617150;
    background-image: linear-gradient(to top, #617150, #73866A);
    color: #FFFFFF;
}

.fileUploadButton input[type="file"] {
    display: none;
}

.fileUpload .fileInputContainer {
    margin-top: 15px;
}

.uploadedFilesHeader {
    border-bottom: 1px solid #454545;
    color: #454545;
    font-size: 1.1em;
    width: 100%;
    padding-top:15px;
    display: none;
    margin-left: 5px;
}

.uploadedFiles {
    padding: 5px;
}

.uploadedFiles div {
    padding-bottom:7px;
}

.uploadedFiles .textAction.FontAwesomeIcon, .uploadedFiles .textActionHover.FontAwesomeIcon {
    font-size: 1.5em;
}

.displayWhenDialogFieldBlocking{
    display:none;
}

.view-sub-table, #frmSelectViewDialogContentDiv .view-sub-table{
    width: 100%;
    margin: auto;
    margin-bottom:15px;
}

.view-sub-table tr.viewDialogRow:first-child td.dialogFieldRow{
    border-top: 1px solid #E6E6E6;
}

.view-sub-table tr.viewDialogRow:last-child td.dialogFieldRow{
    border-bottom: 1px solid #E6E6E6;
}

.view-sub-table tr.viewDialogRow:first-child td.dialogFieldRow:first-child {
    border-top-left-radius: 4px;
}

.view-sub-table tr.viewDialogRow:first-child td.dialogFieldRow:last-child {
    border-top-right-radius: 4px;
}

.view-sub-table tr.viewDialogRow:last-child td.dialogFieldRow:first-child {
    border-bottom-left-radius: 4px;
}

.view-sub-table tr.viewDialogRow:last-child td.dialogFieldRow:last-child {
    border-bottom-right-radius: 4px;
}

.view-sub-table tr.viewDialogRow td.dialogFieldRow:first-child{
    border-left: 1px solid #E6E6E6;
}

.view-sub-table tr.viewDialogRow td.dialogFieldRow:last-child{
    border-right: 1px solid #E6E6E6;
}

.view-search {
    padding-left: 0px;
    padding-right: 0px;
}

.dialogSectionExpander{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.dialogSectionExpander.collapsed{
    border-radius:4px;
}

.dialogSectionExpander,
        .dialogSectionExpander span{
    vertical-align:middle;
    cursor:pointer;
    font-weight: bold;
    font-size: 115%;
}

.dialogSectionExpanderHolder{
    border:1px solid #617150;
    border-radius:4px;
}

.dialogSectionExpanderHolder .reportTable{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#frmReviveSession .uiv2dialogContent input {
    box-sizing: border-box;
}


#importColumnMappingFO{
    position:absolute;
    top:0px;
    left:0px;
    z-index:5000;
    background-color:#fafaff;
    border:1px solid grey;
    padding-bottom:2px
}


.DownloadIcon {
    color: #878787;
}

.DownloadIcon:hover {
    color: #5D5D5D;
}

.cartInfo .dlgControlSet button {
    margin-top: 0px;
}

.cartInfo .dlgControlSet input+button {
    margin-bottom: 0px;
}

.detail-form {
    border: 1px solid #A5A5A5;
    padding: 0.65em;
    border-radius: 3px;
    width: initial;
    background: white;
}

.detail-form:not(:first-of-type){
    margin-top: 0.65em;
}

.set-no-data-message {
    padding-top: 17px;
    font-weight: bold;
}

#PickFormFieldsBodyDiv {
    white-space: normal;
}

a.buttonLink, a.buttonLink span {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.clsToolStrip td a.buttonLink,
        .clsToolStrip td a.buttonLink span {
    color: #E3E7D0;
}


.uiv2dialogBox a.buttonLink, .uiv2disabledDialogBox a.buttonLink {
    padding: 5px;
    margin: 2px;
    border-radius: 4px;
}

.uiv2dialogBox a.buttonLink, .uiv2dialogBox a.buttonLink span, .uiv2disabledDialogBox a.buttonLink, .uiv2disabledDialogBox a.buttonLink span {
    width: auto;
    height: auto;
}

.clsToolStrip td:hover a.buttonLink, .clsToolStrip td:hover a.buttonLink span, .uiv2dialogBox a:hover.buttonLink, 
.uiv2dialogBox a:hover.buttonLink span {
    background-color: #EBF0E8;
    color: #617150;
    cursor:pointer;
    text-decoration: none;
}

a.buttonLink div.FontAwesomeButton {
    padding-top: 14px;
}


.dialogFieldRow a.buttonLink > span {
    color: #5E5D89
}
.dialogFieldRow a.buttonLink:hover > span {
    background-color: #C9CBD9
}
.dialogFieldRow a.buttonLink:hover {
    background-color: #C9CBD9
}


.uiv2dialogContent #editRoleDialogContentTable .dialogFieldRow {
    white-space: normal;
}

.uiv2dialogBox .selected-view-icon, .uiv2disabledDialogBox .selected-view-icon {
    color: #617150;
    font-size: 100%;
    text-decoration: none;
    display: inline;
    padding-right: 3px;
}

.uiv2dialogBox .selected-view-icon:hover {
    color: #73866A;
}

.textAction {
    text-decoration: underline;
}

#fieldSelectionTreeHolder, #fieldCartDiv {
    min-width: 140px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhCBkRABl1IlDUAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE3M26fYwAAAH9JREFUKFNjyK23/08kDvv69SsDLsxQ3xeJTRMKhqqRwmYADINcFIasCQfG6xoQBhkk1T0jA5tmMIbK4XUNCIMJoEJ8riLoGhAGE0DFUkCcg6QZhkFiBF0DwnAGUAM2VxHlGhCGM4Ca0F1FtGtAGIUD0tgyMek/CJNiyNevXxkAFAOPsj1gRWMAAAAASUVORK5CYII=');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}

.jtuiv2dialogBox select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJBAMAAADN8WE8AAAAGFBMVEX19fVOmtd6enqTk5Orq6vDw8PX19fp6emoHMTUAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhCBkQOTFP0R+jAAAANklEQVQIHQXBMQ2AQAAAsUI+YeVCwvwWcIAJBOAA/xOtqsBbnWCtJtiqD7g6AEs7YHQDBOABfqzDAzFswTd3AAAAAElFTkSuQmCC');
}
.cguiv2dialogBox select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJBAMAAADN8WE8AAAAGFBMVEX19fVoomB6enqTk5Orq6vDw8PX19fp6elL4ddTAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhCBkRABl1IlDUAAAANklEQVQIHQXBMQ2AQAAAsUI+YeVCwvwWcIAJBOAA/xOtqsBbnWCtJtiqD7g6AEs7YHQDBOABfqzDAzFswTd3AAAAAElFTkSuQmCC');
}
.nvuiv2dialogBox select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACw8AAAsPAZL5A6UAAACJSURBVChTY/T1LPrPQBzQ3rSt9xqUjQGYgHglhIkXrNy8vQ+nISAAMqgJwsQLCKphgtqEz1UEXQMCIBeBAD4bwXL//+MPSiaQAqiN2hAhFKANkiNkCAgwghQxMjKCOegxCDQELEGMQWCvISlEdhWcDbMIHwC7CAZAGoCuWgFiA10TQYxLIICBAQDXHjhcONoyvAAAAABJRU5ErkJggg==');
}


select::-ms-expand {
    display: none;
}

tr:not(:first-child)#editUnserializedQtyRow td{
    border-top:2px solid #E3E7D0;
}

#recurrencePatternTable td {
    width: 50%;
}

#recurrencePatternTable td:last-child {
    border-left: 1px solid #369;
    padding-left: 8px;
}

#createUserDialogContentTable label {
    word-break: break-word;
}

#rbAddUserOption_Assign, #rbAddUserOption_Create {
    font-size: 13px;
}

.loginWarningMessage {
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right: 1px;
}


.jobActMaterialCellContent{
    margin-top:0.75em;
}
.jobActMaterialCellContent:first-of-type{
    margin-top:0
}

.jobActMaterialCellContent .indicatorIcon{
    margin-right:.25em;
}

.jobActMaterialCellContent .quantitySpec{
    font-style:italic;
}

.jobActMaterialCellContent .serialNumberSpec{
    margin-top:.1em;
    margin-left:0.75em;
}
.jobActMaterialCellContent .serialNumberSpec:first-of-type{
    margin-top:.3em;
}


.quoteMaterialOfJob:first-of-type{
    padding-top:0;
}
.quoteMaterialOfJob{
    padding-top:0.3em;
    padding-bottom:0.3em;
}
.quoteMaterialOfJob:last-of-type{
    padding-bottom:0;
    border-bottom:none;
}

td.tableMaxDimImage{
    max-width:450px;
    max-height:300px;
    overflow:auto;
}

.labelOutline{
    position:absolute;
    font-size:0;
    border-color:#000;
    border-style:dotted;
    border-width:0;
}

#labelOutlineT{
    border-top-width:3px;
}
#labelOutlineR{
    border-right-width:3px;
}
#labelOutlineL{
    border-left-width:3px;
}
#labelOutlineB{
    border-bottom-width:3px;
}


.v2MenuItem.nav-emphasis.licExpWarning {
    background-color: #FF8000
}
.v2MenuItem.nav-emphasis.licExpWarning:hover {
    background-color: #EF863F
}

.licExpWarning .clickable {
    color: white
}
.licExpWarning:hover .clickable {
}

.v2MenuItem.nav-emphasis.licExpError {
    background-color: #D12421
}
.v2MenuItem.nav-emphasis.licExpError:hover {
    background-color: #B20931
}

.v2MenuItem.nav-emphasis.advertisedFeatureInfo {
    background-color: #F9E663;
}
.v2MenuItem.nav-emphasis.advertisedFeatureInfo a {
    color: #6d6d6d;
}
.v2MenuItem.nav-emphasis.advertisedFeatureInfo:hover {
    background-color: #EBDD75;
}
.v2MenuItem.nav-emphasis.advertisedFeatureInfo a:hover {
    color: #454545;
}


.licExpError .clickable {
    color: white
}
.licExpError:hover .clickable {
}

.billingDialogLink {
    font-size: 1.4em;
}

.billingDialogLink a {
    text-decoration: none;
}

.billingDialogLink .billingDialogIconLink {
    text-decoration: none;
    vertical-align: middle;
}

.billingDialogLink .billingDialogIconLink span.FontAwesomeIcon {
    font-size: 100%;
}

.billingDialogLink .billingDialogTextLink {
    text-decoration: underline;
}

.largeTextArea {
    min-width: 40em;
    min-height: 18em;
}

.readonlyEmailBody {
    white-space: pre-wrap;
    padding: 0.5em;
    background-color: white;
    border: 1px solid #617150;
    border-radius: 4px;
}

#editQuoteDialogContentDiv .dialogFieldValue.dlgControlSet input {
    min-width: 50px;
}

.secondaryDialogSubmitButton,
        .secondaryDialogSubmitButton:hover {
    color: #626649;
}
.secondaryDialogSubmitButton,
.secondaryDialogSubmitButton:hover {
    background-image: linear-gradient(to bottom,#EFF5EF,#DFE5DF);
    background-color: #EFF5EF;
}


.secondaryDialogSubmitButton {
    background-color: #EFF5EF;
    background-image: linear-gradient(to bottom,#EFF5EF,#E4EDE4);
}

.secondaryDialogSubmitButton:hover {
    background: #3F583B;
    background-image: linear-gradient(to bottom, #3F583B, #626649);
    color: #fff;
}



.clsMainDialogButtonRowSectionTable {
    border-collapse: collapse;
    width: 100%;
}
.clsPreSaveButtonSection {
    padding: 0;
    text-align: left;
}
.clsPreSaveButtonSection button {
    font-size: 13px;
    height: 36px;
}
.clsSaveButtonSection {
    padding: 0;
    text-align: right;
}


.sampleProductVariant {
    font-weight: bold;
    margin-left: 1em;
    display:inline-block
}

.shopUserSigninBanner {
    padding: 13px;
    font-size: medium;
}

.clsQuoteLineMeasDiv:first-of-type hr{
    display:none;
}


.clsQuoteLineMeasDiv {
    background-color:white;
    border:1px solid grey;
    border-radius: 4px;
    padding:.2em .4em;
    margin:4px 0 0 0;
}
.clsQuoteLineMeasDiv:nth-child(2n) {
    background-color: #EBF0E8;
}



.reorderQuoteLinesTable .listItemCellStyle >div > table {
    max-width: 600px;
}

.grouped-boxlist-items .quoteLine{
    cursor:default;
}

.reorderQuoteLinesTable .grouped-boxlist-items td {
    padding-top: 0;
    padding-bottom: 0;
}

.reorderQuoteLinesCloneHolder {
    overflow: auto;
    max-height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.rangeSpecRow > td:first-of-type,
        .clsEvenRange > td:first-of-type,
        .clsOddRange > td:first-of-type {
    text-align: right;
}

#createQuoteProductMeasurements.clsIndented {
    padding-left: 2em;
}


.dialogFieldGrouper td.dialogFieldName,
        .dialogFieldGrouper td.dialogFieldValue{
    padding-bottom:0;
}


.dialogFieldGrouper tr:last-child td.dialogFieldName,
        .dialogFieldGrouper tr:last-child td.dialogFieldValue{
    padding-bottom:8px;
}

.dialogFieldGrouper:last-of-type tr:last-child td.dialogFieldName,
        .dialogFieldGrouper:last-of-type tr:last-child td.dialogFieldValue{
    padding-bottom:0px;
}


tbody.clsDraggableQuoteLineView:hover{
    background-color: #EBF0E8;
}

table.quoteMeasureTable {
    border-collapse: collapse;
}
table.quoteMeasureTable tr td {
    padding: 0;
}

table.quoteMeasureTable tr td:last-of-type {
    text-align: right;
    padding-right: 4px;
}

a.breakAllLink {
    word-break: break-all;
}

.normalWhiteSpace {
    white-space: normal;
}

.narrowDialogLabelMaker {
    width: 1em;
}



.messageBubble {
    border-width: 2px;
    border-style: solid;
    font-weight: bold;
    padding: 0;
    margin: 0.5em 0.25em 0.5em 0.25em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: flex;
}

td.pageInfoCell > div.messageBubble{
    margin-top:0;
}

.messageBubble.error {
    color: #B00;
    border-color: #D12421;
    background: #FFF9F9
}

.messageBubble.warning{
    border-color: #E8B012;;
    background: #FFFCF5;
}

.messageBubble.goodNews {
    border-color: #68A260;
    background: #EFF5EF;
}

.messageBubble .iconHolder {
    display: inline-flex;
    align-items: center;
    color: white;
    font-size: medium;
}

.messageBubble.error .iconHolder {
    background-color: #D12421;
    padding: 1.5em 0.1em 1.25em 0.1em;
}

.messageBubble.warning .iconHolder {
    background-color: #E8B012;;
    padding: 0.25em 0.1em;
}

.messageBubble.goodNews .iconHolder {
    background-color: #68A260;
    padding: 0.25em 0.1em;
}

.messageBubble .iconHolder .FontAwesomeIcon {
    text-align: center;
}

.messageBubble.error .iconHolder .FontAwesomeIcon {
    font-size: 400%;
}

.messageBubble.warning .iconHolder .FontAwesomeIcon {
    font-size: 200%;
}

.messageBubble.goodNews .iconHolder .FontAwesomeIcon {
    font-size: 200%;
}

.messageBubble div.messageTextHolder {
    margin: auto 0;
}

.messageBubble div.messageText {
    margin-left: 1em;
    padding: .5em 0.5em .5em 0;
}


.pageMessageBubbleHolder {
    padding-top: 0.3em;
}
.messageBubbleCloseButton{
    margin-left:auto;
}
.messageBubbleCloseButton>div{
    padding: 0.25em;
    cursor:pointer;
}

span.fontActionButtonText span[data-mnemonicAction] {
    vertical-align: text-bottom;
}


.contextMenuRow span.fontActionButtonText span[data-mnemonicAction] {
    vertical-align:unset;
}


table.compactContextMenuRows td.contextMenuRow {
    padding: unset;
    line-height: unset;
}

table.compactContextMenuRows td.contextMenuRow a,
table.compactContextMenuRows td.contextMenuRow > div {
    padding: .5em .75em;
    width: 100%;
}



.JSONViewer, td.JSONViewer {
    overflow: auto;
    background-color: white;
    border: 2px inset lightgrey;
    white-space: pre-wrap;
    padding: .15em 0.1em .25em 0.1em
}


.clsListedRefund {
    border-top: 1px dashed black;
    padding-top: 0.5em;
    margin-top: 0.5em;
}
.clsListedRefund:first-of-type {
    border-top: unset;
    padding-top: unset;
    margin-top: unset;
}


.voidedPaymentRecord td {
    text-decoration: line-through
}
.voidedPaymentRecord td.linkedCell {
    text-decoration: line-through underline
}
.voidedPaymentRecord td.clsCancellationResolution {
    text-decoration: unset
}
.voidedPaymentRecord td.linkedCell.clsCancellationResolution {
    text-decoration: underline
}

.voidedPaymentRecord td.voidReasonCell, .voidedPaymentRecord td.inAccountingIconCell {
    text-decoration: unset;
}
.voidedPaymentRecord td.voidReasonCell div,
.voidedPaymentRecord.voidReasonCell div{
    text-decoration: line-through;
}
.voidedPaymentRecord td.voidReasonCell div.voidReason,
.voidedPaymentRecord.voidReasonCell,
.voidedPaymentRecord.voidReasonCell div.voidReason{
    text-decoration: unset;
}
.voidedPaymentRecord td.voidReasonCell div:nth-child(2).voidReason,
.voidedPaymentRecord.voidReasonCell div:nth-child(2).voidReason {
    border-top: 1px dashed black;
    padding-top: 0.5em;
    margin-top: 0.5em;
}

div.voidedPaymentRecord {
    text-decoration: line-through;
}

.refundedPaymentRecord, .negativeValue.redForNeg {
    color: #D12421;
}
.canceledOrderCell.negativeValue.redForNeg, .voidedPaymentRecord .refundedPaymentRecord {
    color: #878787;
}

table.readOnlyOrderDetailsSectionHolder > tbody > tr > td {
    vertical-align: top;
    padding-left:0;
}

#readonlyOrderPriceSectionHolder #workingPrices {
    padding-left:0;
}
.readonlyOrderDrawingSectionHolder {
}

table.readOnlyOrderDetailsSectionHolder .smallScreenSpacer {
    display: none;
}

.messageTitle {
    display:inline-block;
    font-size: 130%;
    margin-bottom: .25em;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.warning .messageTitle{
    border-bottom-color: #FF8000;
}

.error .messageTitle {
    border-bottom-color: #E3001A;
}

.canceledOrderCell, .canceledOrderCell a, .canceledOrderOrderNameCell, .canceledOrderOrderNameCell a {
    color: #878787;
}
.canceledOrderCell {
    text-decoration: line-through;
}


#rowNoDepositsMessage td {
    padding-bottom: 1em;
    padding-top: 0.75em;
    font-style:italic
}

#frmPaymentTermSetDialogContentTable input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
    color: #878787;
}
#frmPaymentTermSetDialogContentTable input::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    color: #878787;
}
#frmPaymentTermSetDialogContentTable input:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
    color: #878787;
}
#frmPaymentTermSetDialogContentTable input:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    color: #878787;
}


span.subSectionToggleButton{
    cursor:pointer;
    display:inline-block;
    width:1.5em;
}

.inlineBlock {
    display: inline-block
}



table.collapsingNameValueTable {
    width: unset;
}
table.collapsingNameValueTable td.nameCell {
    font-weight: bold;
}
table.collapsingNameValueTable td.nameCell:not(:first-child) {
    padding-left: 1.25em;
}

tr.areaNameRow td{
    font-size:120%;
    font-weight:bold;
}

table.detail-form.orderDetailForm {
    min-width: 650px;
    width: unset;
}

table.orderAreaSection tr.areaNameSeparatorRow td {
    padding: 0;
    height: 2px;
    background-color: #EFF5EF;
}

table.orderAreaSection tr.lastOrderSectionRow td,
        tr.lastOrderSectionRow td {
    padding-bottom: 1em;
}


.orderAreaSectionHolder {
    background-color: #EFF5EF;
    padding: 1em;
    margin-left: 2em;
}

.orderAreaSection {
    border-collapse: collapse;
    border: none;
}

.orderPaymentStatus{
    color: #878787;
    font-size:80%;
    padding-left:0.5em;
}

.areaRow {
    background-color: white;
}
table.orderAreaSection tr td{
    padding: 0.5em;
}

table.orderAreaSection tr.areaSeparatorRow td {
    padding: 0;
    height: 16px;
    background-color: #EFF5EF;
}

.areaFormsSection {
    margin-top:0.25em;
    margin-left:0.5em;
}

.areaFormWrapper, .areaFormSeparator {
    padding-left: 0.25em;
    border-left: 0.5em solid #A5A5A5;
}

.areaFormWrapper.roundTop {
    border-top-left-radius: 0.5em;
}

.areaFormWrapper.roundBottom {
    border-bottom-left-radius: 0.5em;
}

.areaFormSeparator {
    height:0.5em;
}

.areaFormSeparator.phaseDivider {
    border-left-color: transparent;
}

.rbDialogCell label{
    vertical-align: text-bottom;
}


tr.cellsOfRowIgnoreNarrow > td {
    display: table-cell;
}

tr.cellsOfRowIgnoreNarrow > td.rightAlign {
    text-align: right;
}

.clsInvisible{
    visibility: hidden
}

.clsDetailPageLeftPanel, .clsDetailPageRightPanel {
    width: 50%;
    vertical-align: top;
}

.clsNotStartedPanel {
    text-align: center;
    width: 100%;
}
.clsNotStartedPanel button {
    font-size: 1.5em;
    padding: 0.5em 3em;

    background-color:#FF8000;
    border-color:#E37200;
    outline-color:#E37200;
    background-image: linear-gradient(to bottom,#E37200,#F18200);
}
.clsNotStartedPanel button:hover {
    background-image: linear-gradient(to bottom, #ED9121, #C26B03);
}
.clsNotStartedPanel button:focus {
    outline-style: dashed;
}
.clsNotStartedPanel button:disabled{
    background-image: linear-gradient(to bottom, #FFD8aC, #FFd0a0);
    background-color: #ebebe4;
    border-color:#ebebe4;
    color:#F8F6F1;
    cursor:default;
}

button.clsStopTrackingButton {
    font-size: .75em;
    background: none;
    border: none;
    outline-color: transparent;
    color:#454545;
}
.clsNotStartedPanel button.clsStopTrackingButton:hover {
    background-image: none;
    color:#6d6d6d;
}
button.clsStopTrackingButton:focus {
    outline-color:#454545;
}
button.clsStopTrackingButton:disabled {
    background: none;
    border: none;
    outline-color: transparent;
    color: #878787
}
.clsNotStartedPanel div {
    margin: 1em 0;
    font-size: 1.5em;
}

.clsOALineItemsRevision{
    color: #878787;
    font-size:80%;
    padding-left:0.5em;
}

table.detail-form.orderAccountingDetail {
    padding-left:0;
}

.clsDepositTypeRBsHolder{
    font-size: small;
    margin-left: 2.5em;
}
.clsDepositTypeRBsHolder input[type=radio]{
    margin-left: 0.5em;
}
.clsDepositTypeRBsHolder label{
    font-weight: normal;
}

table.clsOptionsDlgDateFieldsTable,
.uiv2dialogContent table.clsOptionsDlgDateFieldsTable:first-child {
    width: inherit
}


.clsForcedWideValue{
    min-width: 30em;
}


.clsTableSelectionButton{
    background-image: unset;
    border-color:transparent;
    color: #454545;
}

.clsTableSelectionButton:focus{
    border-color: #878787;
    border-style:dashed;
}

.clsUpToDateIcon,
.clsReadyIcon {
    color: #73866A
}

.clsDoNotTrackIcon {
    color: #454545;
}

.clsToggleFontIconButton,
.clsToggleFontIconButton:hover{
    background-color: #fff;
    background-image: none;
    border: none;
    color: #878787;
}
.clsToggleFontIconButton .FontAwesomeIcon {
    font-size: 1.7em;
    margin-left: 20px;
    vertical-align: middle;
}
.clsToggleFontIconButton .fontActionButtonText {
    vertical-align: middle;
}
.clsToggleFontIconButton.clsToggleOn .FontAwesomeIcon {
    color: #68A260;
}
.clsToggleFontIconButton.clsToggleOn:hover .FontAwesomeIcon {
    color: #386731;
}




table.clsCGItemMappingTable td {
    max-width: 30em;
}
td.clsCGItemDescription {
    max-width: 30em;
    white-space:normal;
}

ul.clsCGItemList li {
    max-width: 30em;
}


table.clsOAInvEstTable{
    border-left:none;
    border-bottom:none;
}

table.clsOAInvEstTable tr td{
    vertical-align:top
}

table.clsOAInvEstTable tr.oddRow td,
table.clsOAInvEstTable tr.evenRow td,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsCell,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsDescriptionCell {
    border-left: 1px solid #E3E7D0;
}

table.clsOAInvEstTable tr td.clsOAInvEstTotalsCell {
    background-color: white;
}

table.clsOAInvEstTable tr td.clsOAInvEstTotalsDescriptionCell {
    background-color: white;
    text-align:right;
}

table.clsOAInvEstTable tr td.clsOAInvEstTotalsExtraCell {
    background-color:white;
}

table.clsOAInvEstTable tr td.clsEmptyOAInvEstTotalsCell,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsDescriptionCell{
    border-right: 1px solid #E3E7D0;
}

table.clsOAInvEstTable tr td.clsOAInvEstTotalsCell.clsTopBorder,
table.clsOAInvEstTable tr td.clsEmptyOAInvEstTotalsCell.clsTopBorder,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsExtraCell.clsTopBorder,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsDescriptionCell.clsTopBorder {
    border-top: 1px solid #E3E7D0;
}

table.clsOAInvEstTable tr td.clsOAInvEstTotalsCell.clsBottomBorder,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsExtraCell.clsBottomBorder,
table.clsOAInvEstTable tr td.clsOAInvEstTotalsDescriptionCell.clsBottomBorder
{
    border-bottom: 1px solid #E3E7D0;
}

table.clsOAInvEstTable td.clsOALineItemDescription {
    max-width: 30em;
}

.orderExportStatisticsContainer {
    display: flex;
}

.orderExportStatistic {
    background-color: #F0F5FF;
    display: flex;
    flex-grow: 1;
    width: 50%;
    border: 1px solid #F0F5FF;
    border-radius: 4px;
    color: #454545;
    padding: 12px;
}

.orderExportStatistic.attentionRequired {
    background-color: #FFFCF5;
    border: 1px solid #FFFCF5;
    margin-right: 30px;
}

.orderExportStatisticInteriorSection {
    margin-right: 5px;
}

.statisticValue {
    color: #1C5DDB;
    font-weight: bold;
    font-size: 400%;
}

.statisticValue.attentionRequired {
    color: #FF8000;
}

.statisticLabel {
    font-weight: bold;
    font-size: 115%;
}

.statisticLinkToOrders {
    margin-top: 25px;
}

table.orderExportHistory {
    width: 100%;
    margin-bottom: 3px;
}

table.orderExportHistory td {
    vertical-align: top;
}

table.orderExportBatchDetails {
    width: 100%;
}

table.orderExportBatchDetails tr td {
    padding-left: 0;
    padding-right: 0;
}

table.orderExportBatchDetails tr:first-child td {
    padding-top: 0;
}

table.orderExportBatchDetails tr:last-child td {
    padding-bottom: 0;
}

table.orderExportBatchDetails td.additionalOrderSection {
    border-top: 1px solid #E3E7D0;
}

div.quickBooksWebConnectorPasswordAndCopyButton span span {
    color: #E37200;
    font-weight: bold;
    font-size: 115%;
    padding: 3px 12px;
    line-height: initial;
    border-radius: 4px;
}


div.quickBooksWebConnectorPasswordAndCopyButton button{
    background-color:transparent !important;
    background-image:none;
    border-color:#E37200;
    color: #E37200;
    font-weight: bold;
    font-family: Lato, sans-serif;
    outline-color:#E37200;
    padding: 5px 20px;
}
div.quickBooksWebConnectorPasswordAndCopyButton button:hover{
    border-color:#FFBF7E;
    background-image:none;
}
div.quickBooksWebConnectorPasswordAndCopyButton button:focus {
    outline-style: dashed;
    outline-width: 1px;
}

ol.quickBooksWebConnectorInstructions {
    padding-left: 1.25em;
}

ol.quickBooksWebConnectorInstructions li {
    font-weight: bold;
    font-size: medium;
    padding-bottom: 25px;
    margin-bottom: 22px;
    border-bottom: 1px solid #DBDBDB;
}

ol.quickBooksWebConnectorInstructions li:last-child {
    border-bottom: none;
}

ol.quickBooksWebConnectorInstructions li p {
    font-weight: normal;
}

ol.quickBooksWebConnectorInstructions li p:last-child {
    margin-bottom: 0;
}

ol.quickBooksWebConnectorInstructions li img {
    vertical-align: top;
    margin-right: 20px;
}

.informationSection {
    margin: 4%;
    padding: 12px;
    width: 92%;
    background-color: #F7F7F7;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
}

.clsSubsectionInteriorExpandoCell .expandoIconHolder {
    line-height: 0em;
}

.clsSubsectionInteriorExpandoCell .expandoIconHolder .FontAwesomeIcon {
    padding: 0;
}

.clsSubsectionInteriorExpandoCell .subsectionHeaderTable {
    border-collapse: collapse;
}

.clsIncludeAddressesInExportToggle {
    font-size: 0.75em;
    padding-left: 2em;
}

.clsIncludeAddressesInExportToggle input[type="checkbox"] {
    height: 0.75em;
    width: 0.75em;
}

.clsIncludeAddressesInExportToggle.disabled {
    opacity: 0.4;
    cursor: default;
}

.uiv2dialogExportHeading {
    font-size: 16px;
}

.uiv2dialogExportSpacerBeforeInputFields {
    height: 0.75em;
}

.uiv2dialogExportSpacerBeforeButtons {
    height: 1.5em;
}

.itemMappingMessageWarning {
    color: #E37200;
}
.clsMapItemButtonWrapper {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}
.clsMapItemWarning {
    color: #E37200;
}
.clsMapItemAdditionalDescriptionWrapper {
    margin-top: 15px;
}

div.styledErrorMessage {
    display: flex;
}

div.styledErrorMessageAsHeading div {
    font-size: medium;
}

div.styledErrorMessage div {
    margin-right: 0.5em;
}

div.styledErrorMessage div:last-child {
    margin-right: 0;
}

.orderCanceledResolutionPrompt {
    color: #E37200;
}

.orderCanceledResolutionPrompt .orderCanceledResolutionButtonContainer {
    text-align: right;
}

.orderCanceledResolutionText {
    margin-bottom: 25px;
}

.attentionGrabbingInputField,
        input[type=text].attentionGrabbingInputField,
        input[type=number].attentionGrabbingInputField,
        input[type="password"].attentionGrabbingInputField,
        input[type="checkbox"].attentionGrabbingInputField,
        input[type="email"].attentionGrabbingInputField,
        input[type="date"].attentionGrabbingInputField,
        input[type="tel"].attentionGrabbingInputField{
	border:1px solid #E37200;
}

div.styledErrorMessage div.errorStyle {
    color: #E3001A;
}

div.styledErrorMessage div.errorStyle a {
    color: #E3001A;
}

div.styledErrorMessage div.warningStyle {
    color: #E37200;
}

div.styledErrorMessage div.warningStyle a {
    color: #E37200;
}

div.clsTailoredExportErrorContainer {
    display: flex;
}

div.clsTailoredExportErrorContainer div:last-child {
    margin-left: 2em;
    white-space: nowrap;
    align-self: flex-end;
}

div.clsTailoredExportErrorContainer div:last-child a {
    text-decoration: none;
}

.goodNewsIcon {
    color: #396413;
}

div.clsSplitNavigationLink,
.v2MenuItem.selected.leaf div.clsSplitNavigationLink {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

div.clsSplitNavigationLink div,
.v2MenuItem.selected.leaf div.clsSplitNavigationLink div {
    margin: 0;
    padding: 0;
}

.navSubLink div.clsSplitNavigationLink div {
    font-size: 1.4em;
}

.chkExportCustomerAddressIfPossible {
    font-size: 0.7em;
}

.clsExportCustomerAddressIfPossible {
    margin-left: 2em;
}

#rowExportCustomerAddressIfPossible input[type="checkbox"] {
    font-size: 0.7em;
}

#rowExportCustomerAddressIfPossible .dialogFieldValue {
    padding-left: 2.5em;
}

#rowCustomerExportErrorInDialog div.styledErrorMessage,
#rowExportCustomerAddressIfPossible .dialogFieldValue #divCustomerAddressDetails {
    padding-left: 1.6em;
}

.dialogButtonRow div.floatLeft {
    float:left;
    margin-top:0.75em;
}

.taxCodeDropDownOptionMapped {
    background-color: #ECECEC;
    color: #A5A5A5;
    font-style: italic;
}

div.clsSelectAccountingSystem {
    text-align: center;
    margin: 2.5em auto;
}

div.clsSelectAccountingSystem select {
    padding-left:1.5em;
    padding-right:2.5em;
}

div.clsSelectAccountingStepHeadingContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.clsSelectAccountingStepHeading {
    margin-left: 0.5em;
    font-weight: 400;
    font-size: medium;
    font-family: Lato,sans-serif;
}

/* 
    Start FontAwesome Icon Stacking Styles
    https://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons
*/
.fa-stack {
    font-size: 1.2em; /* Note the complete/assembled icon will be 2x this size. */
}

.FontAwesomeIcon.fa-stack-2x {
    padding: 0;
    font-size: 2em !important; /* Default is 2em, but we need !important to override other styles. */
}
/* 
    End FontAwesome Icon Stacking Styles
*/

.clsStepStatusDisabled {
    color:#878787;
}

.clsExportSetupPageMaxWidth {
    max-width: 700px;
    border-spacing: 0;
}

.clsExportSetupFixedHeaderLabel {
    background-color: #FFF;
    position: fixed;
    width: calc(100% - 12em);
    z-index: 45;  /* same z-index as clsToolStripContainer */
}
/* Try to match the box-shadow color in the ".base** .clsToolStrip tr td" style rule */
.baseJT .clsExportSetupFixedHeaderLabel {
    border-top: 2px solid rgba(50,81,107,0.24); /* #32516b */
}
.baseCG .clsExportSetupFixedHeaderLabel {
    border-top: 2px solid rgba(91,142,99,0.24); /* #5b8f64 */
}
.baseNV .clsExportSetupFixedHeaderLabel {
    border-top: 2px solid rgba(77,73,114,0.24); /* #8f714d */
}


.clsExportSetupHeaderSpacer {
    height:100px;
}

.clsExportSetupFixedHeaderLabel td {
    max-width: 694px;
    width: 100%;
    display: inline-block;
}

/* Progress bar styles */
.clsExportSetupProgressBar {
    display: flex;
    justify-content: space-between;
    margin: 1.2em 15%;
}

.clsExportSetupProgressBarLine {
    flex-grow: 1;
    background: linear-gradient(transparent 40%, #73866A 40%, #73866A 60%, transparent 60%);
}

.clsExportSetupProgressBarLine.disabled {
    flex-grow: 1;
    background: linear-gradient(transparent 40%, #CACACA 40%, #CACACA 60%, transparent 60%);
}

.clsExportSetupProgressBarIcon {
    padding: 0;
    z-index: 1;
    margin: -1px;
}

.clsExportSetupProgressBarIcon.warningIcon {
    font-size: 1.5em;
}

.clsExportSetupProgressBarIcon.disabled {
    color: #CACACA;
}

/* Progress bar status message. */
.clsExportSetupProgressStatus {
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
    color: #454545;
}

#divTaxCodeCombo {
    color: #548B4C;
    font-style: italic;
    max-width: 480px;
    white-space: normal;
    word-wrap: break-word;
}

.clsSeparatedDialogButtonContainer {
    display: flex;
    justify-content: space-between;
}

.clsSeparatedDialogButtonContainer div:last-child {
    margin-left: 30px;
}

td.dialogLeftSide {
    vertical-align: top;
}

.clsDialogLeftSideContent {
    padding-left: 10px;
    text-align: left;
}

.clsDialogLeftSideContent.textContentOnly {
    padding-top: 5px;
}

.clsExportCustomerAddressDescriptor {
    color: #548B4C;
    font-style: italic;
    margin: 0.5em 0;
}

div.clsExportPreferenceSelectionContainer {
    display: flex;
}

div.clsExportPreferenceSelectionContainer div,
div.clsExportPreferenceSelectionContainer label {
    padding-right: 0.5em;
}

div.clsExportPreferenceSelectionContainer div.clsNoteAboutPayments {
    margin-top: 1em;
    font-style: italic;
    color: #548B4C;
}

ul.clsDialogUnorderedList {
    margin: 0;
}

ul.clsDialogUnorderedList li {
    margin-bottom: 1em;
}

ul.clsDialogUnorderedList li:last-child {
    margin-bottom: 0;
}

.clsDialogFormatExportNote {
    font-style: italic;
    padding: 1em 0;
}

.clsDialogFormatExportNote.clsDialogFormatExportHiddenItemsNote {
    max-width: 25em;
    white-space: normal;
}

.clsDialogFormatExportCombineAreasCheckboxIndent {
    padding-left:1.5em;
}

.clsExportLineItemsSectionTitleContainer {
    display: flex;
}

.clsExportLineItemsSectionTitleContainer .clsExportLineItemsSectionTitleHelpTip {
    padding-left: 1.2em;
}

.clsExportLineItemsSectionTitleContainer .clsExportLineItemsSectionTitleRevisionInfo {
    margin-left: auto;
    padding-left: 3em;
}

.clsExportItemDescriptionTruncationMessageColor {
    color: #548B4C;
}

.clsExportFormatDialogRightSideContainer {
    margin-left: 1em;
}

.clsQRCodeImage {
    padding: 2em;
    background: white;
    margin: auto;
    display: block;
}


button.clsSecondarySignInButton {
    background-image: unset;
    color: #323A38;
    border-color: #DBDBDB;
    background-color: unset;
    padding:0.5em 1.25em;
    font-size:1.3em;
}
button.clsSecondarySignInButton:hover {
    color: #6d6d6d;
}
button.clsSecondarySignInButton:focus {
    outline-color: #878787
}

.newItemCellLink {
    color: #4E9AD7;
}

.newItemCellFilledLink {
    cursor: pointer; 
    margin-top: 1em;
}

.reportTable tr:hover .showContentsOnHover {
    opacity: 1;
    text-decoration: none  !important;
}

.showContentsOnHover {
    opacity: 0;
}

.doubleIcon {
    font-size: 150%;
    vertical-align: bottom;
    display: inline-block;
    margin-left: -5px;
}

.pageNavEnabled .calendarNavIcon, .pageNavDisabled .calendarNavIcon{
    display:inline-block;
    font-family:"FontAwesome";
}

.calendarNavPadRight > a, .calendarNavPadLeft > a {
    display: inline-block;
    z-index: -1;
    padding: 0 0.4em;
}

.pageNavDisabled.calendarNavPadRight, .pageNavDisabled.calendarNavPadLeft {
    opacity: 0.5;
}

.pageNavDisabled.calendarNavPadRight > a:hover span, .pageNavDisabled.calendarNavPadLeft > a:hover span {
    background-color: #397CB2;
}

.calendarNavPadRight > a:hover span, .calendarNavPadLeft > a:hover span {
    background-color: #4E9AD7;
}

.calendarNavPadRight span, .calendarNavPadLeft span  {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size:1.8em;
    line-height: .65em;
    padding-top: .1em;
    padding-bottom: .2em;
    width: .8em;
    height: .6em;
    background-color: #397CB2;
    border-radius: 50%;
}

.calendarNavPadRight span {
    padding-right: .1em;
}

.calendarNavPadLeft span {
    padding-left: .1em;
}

.calendarNavCenter {
    padding: .2em .8em .2em .8em;
}

.calendarNavCenter:hover .calendarPagingPrompt {
    color: #4E9AD7;
}

.calendarPagingPrompt {
    display:inline-block;
    font-weight: bold;
    font-size: 1.2em;
    color: #397CB2;
    cursor:pointer;
}

.calendarPagingPromptSubText {
    display:inline-block;
    font-size: .8em;
    color: #454545;
    cursor:pointer;
}

.calendarButton{
    background-color: transparent;
    color: #397CB2;
    background-image: none;
}

.mainCalendarButton{
    height: 2.2em;
	margin:0 0 0 4em;
}

.datePickerTodayIcon::before {
    font-family: "MorawareIcons";
    font-size: .9em;
    color: #F6B824;
    content: "\0042"; /*sun icon*/
    position: absolute;
    margin: -.08em;
    pointer-events:none;
}

.calendarTodayIcon {
    font-family: "MorawareIcons";
    font-size: 1em;
    color: #F6B824;
    content: "\0042"; /*sun icon*/
}

.datePickerSelectedRange {
    background-color: #FFFFE0;
    border-radius: 4px;
}

.datePickerSelectedRangeCell {
    border: 1px solid #FFFFE0;
}

.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell .dialogButtonRowColor {
    color: #397CB2;
}

.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell .dialogButtonRowColor:hover{
    color: #2A5F89;
}

.buttonRow.dialogFieldSectionHeaderRow .dialogButtonRowButtonCell .dialogButtonRowColor:focus
{
    border-color: #2A5F89;
}
.mwTableCellFontIcon {
    background: none;
    border: none;
    color: #878787;
    cursor: pointer;
}

/* The inputContainer has the appearance of 
 embedding other elements "inside"
 the input. All of the elements need to be
 under the inputContainer 
 */
.inputContainer {
    /* sets up the horizontal layout */
    display:flex;
    flex-direction:row;
    
    /* draws the box around it */
    border-radius: 4px;
    border: 1px solid #B0B0A0;
    box-sizing: border-box;
    color: #454545;
  }
  
  .inputContainer input {
    /* Tell the input to use all the available space */
    flex-grow:2;
    /* And hide the input's outline, so the form looks like the outline */
    border:none;
  }
  
  .inputContainer input:focus {
    /* removing the input focus blue box.*/
    outline: none;
  }
  
  /* we are assuming the button is on the right */
  .inputContainer button {
    margin: initial;
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 0 !important;
  }

  /* if there is a select we are assuming it is on the left */
  .inputContainer select {
    margin: initial;
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    outline: none;
  }

  #hiddenResizeSelect,
  #dialogHiddenResizeSelect{
    display : none;
   }


/* Beginning of --- Toggle Switch styling for checkboxes */
/* adpated from information found here: https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin: 3px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;

  border-radius: 17px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;

  border-radius: 50%;
}

input:checked + .slider {
  background-color: #617150;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* End of --- Toggle Switch styling for checkboxes */

/* Start of --- .actionTab styles */
.actionTab {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 16px 11px 16px 11px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border-color: #617150;
    background-color: #617150;
    color: #3F583B;
    margin-bottom: 16px;
}

.actionTab.selectedactionTab {
    background-color: #617150;
    color: #fff;
}

.actionTab.notselectedactionTab:hover {
    background-color: #EBF0E8;
}

.actionTab.cannotSelectactionTab {
    cursor: auto;
    opacity: 50%;
}
/* End of --- .actionTab styles */

/* Start of --- override some parts of .actionTab styles when on dialogBox that is "forced" to CG or JT */

.cguiv2dialogBox .actionTab {
    border-color: #68A260;
    background-color: #EFF5EF;
    color: #386731;
}

.jtuiv2dialogBox .actionTab {
    border-color: #4E9AD7;
    background-color: #EAF4FC;
    color: #397CB2;
}

.cguiv2dialogBox .actionTab.selectedactionTab {
    background-color: #68A260;
    color: #fff;
}

.jtuiv2dialogBox .actionTab.selectedactionTab {
    background-color: #4E9AD7;
    color: #fff;
}

.cguiv2dialogBox .actionTab.notselectedactionTab:hover {
    background-color: #D6E8D7;
}

.jtuiv2dialogBox .actionTab.notselectedactionTab:hover {
    background-color: #D9E7F2;
}
/* End of --- override some parts of .actionTab styles when on dialogBox that is "forced" to CG or JT */

/* Make sure the to email input takes all the room available */
.inputEmailTo {
    width: 100%;
    height: 100%;
}

  /* combine the to email field and the additional buttons on the same line */
.divEmailToAndButtons {
    display: flex;
}

/* styling for the above extra email buttons*/
.additionalEmailButtons {
    width: 38px;
    height: 34px;
    font-size: 13px;
    margin-top: 0;
}

/* generic class to hide an element */
.hideElement {
    display: none !important;
}


select.clsHiddenLineItemPricingWarning {
    border-color: #E3001A;
    outline-color: #E3001A;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACnSURBVChTY3zMIPWfgQjwcvPs+Sa+3kn//2NXzvSqKhXKZGD4LckMZaGCl825r0CGQLlYAdN/S7P5UDYD6/O/UBYaMNDbCnIJLtfAwdmq+v8gL2LDIDmQGphBuDATmIHkKnQAkgOpIQhgis5s3joP3TUgMZgaQpgJphAXwCeHAmAmHjx4UArZVaS4BoQZQQQMMDIyggMexP7i7iRtZ2f3DCxBEDAwAADKvbiMLlfAiAAAAABJRU5ErkJggg==');
}


div.clsHiddenLineItemPricingWarning,
select option.clsHiddenLineItemPricingWarning {
    color: #E3001A;
}



.clsDimensionMeasureFieldAddenum {
    display: inline-block;
    padding-left: 4px;
}

.clsNVDimensionMeasurement {
    width: 50px;
}

.clsNVDimSeparatorX {
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
}

.clsNVDimensionsValueCell{
    min-width: 300px;
}


.dropdownMinWidth {
    min-width: 3.5rem;
}



.clsNVOtherThicknessRow select,
.clsNVOtherThicknessRow input[type="checkbox"],
.clsNVOtherFinishRow input[type="checkbox"] {
    margin-left: 8px;
}

.clsNVOtherThicknessRow input[type="text"] {
    margin-left: 30px;
    width: 3.5rem;
}
.clsNVOtherThicknessRow.clsSuppressNVThicknessOtherValueIndent input[type="text"] {
    margin-left: unset;
}
.clsNVDimensionsOtherValueRow input[type="text"]:nth-child(2),
.clsNVOtherFinishRow input[type="text"] {
    margin-left: 30px;
}

.clsSuppressNVDimensionsOtherValueIndent.clsNVDimensionsOtherValueRow input[type="text"]:nth-child(2) {
    margin-left: unset;
}
.clsNVDimensionsOtherValueLabel {
    visibility:hidden;
}
.clsSuppressNVDimensionsOtherValueIndent .clsNVDimensionsOtherValueLabel {
    visibility: visible;
}


input[type=checkbox].clsNVPageMultiselectCheck {
    display: none
}

input[type=checkbox].clsNVPageMultiselectCheck,
input[type=checkbox].clsNVPageMultiselectCheck + label {
    cursor: default
}
.clsSelectingMultiple input[type=checkbox]:not([disabled]).clsNVPageMultiselectCheck + label {
    cursor: pointer
}
.clsSelectingMultiple input[type=checkbox].clsNVPageMultiselectCheck {
    display: inline
}

/*
    Make sure that the label of hidden checkboxes uses the standard text color
*/
input[type=checkbox]:disabled.clsNVPageMultiselectCheck + label {
    color: #454545;
}
/*
    ...and that the label of visible, disabled checkboxes is disabled
*/
.clsSelectingMultiple input[type=checkbox]:disabled.clsNVPageMultiselectCheck + label {
    color: #878787;
}

.clsNVSplitSerialNumberValuesField {
    background-color:#EBF0E8;
}



.clsRowNVSelectMultipleSlabs > td > div {
    display: inline-block;
    background-color: antiquewhite;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px inset grey;
    margin-left: 10%;
}

.clsRowNVSelectMultipleSlabs > td > div div {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    margin-left: 20px;
    margin-right: 20px;
}

.clsRowNVSelectMultipleSlabs button {
    vertical-align: middle;
    background-image: none;
    background-color: yellow;
    color: darkcyan;
    font-size: 20px;
    padding: 8px 16px;
}
.clsRowNVSelectMultipleSlabs button:disabled {
    cursor: default;
    opacity: 20%;
}
button.clsCancelSelectMultipleNVItems {
    font-size: 12px;
    padding: 2px;
    background: transparent;
    vertical-align: super;
    position: relative;
    top: -8px;
    border-color: transparent;
}
button.clsCancelSelectMultipleNVItems:hover {
    border-color: white;
    background-color: white;
}

input.clsHighlightForEmpty {
    background-color: #FFFF66;
}


.clsSelectingMultiple td.clsHighlightNVItemRow,
.clsSelectingMultiple tr.clsHighlightNVItemRow > td {
    background-color: #FFFF66;
    color: #000;
}

.clsNVSelectModeOnly {
    display: none;
}
.clsSelectingMultiple .clsNVSelectModeOnly {
    display: inline;
}
.clsSelectingMultiple .clsNVNonSelectModeOnly {
    display: none;
}

.clsStatusDateAddendum {
    display: block;
}
.clsNVSelectModeOnly label,
.clsNVNonSelectModeOnly label{
    display: inline-block;
    vertical-align: middle;
}


.tableStyle td.clsNVActionIconCell {
    white-space: nowrap;
    text-align: left;
}
.clsNVActionIconCell div {
    display: inline-block;
}
.clsNVActionIconCell div {
    margin-left: 8px;
}
.clsNVActionIconCell div:first-child {
    margin-left: 0px;
}

.clsMaterialColorColumnCell {
    max-width: 400px;
}

.clsNVMat {
    display: block;
}


#cellNVItemSearchResults.dialogFieldRow input[type="text"].clsNVFullAlloc,
#cellNVItemSearchResults.dialogFieldRow input[type="text"].clsNVInvalidAlloc,
#cellNVItemSearchResults.dialogFieldRow input[type="text"].clsNVUnderAlloc,

.pageInfoCell input[type="text"].clsNVFullAlloc,
.pageInfoCell input[type="text"].clsNVInvalidAlloc,
.pageInfoCell input[type="text"].clsNVUnderAlloc {
    color: #454545;
    background-color: #F7F7FA;
    opacity: 50%;
}

#cellNVItemSearchResults.dialogFieldRow .highlightRow input[type="text"].clsNVFullAlloc,
.dialogFieldRow input[type="text"].clsNVFullAlloc,
.highlightRow input[type="text"].clsNVFullAlloc,
.clsHighlightNVItemRow input[type="text"].clsNVFullAlloc {
    color: #454545;
    background-color: #ebebe4; /* Rename these to address the redundant "nvNV" */
    opacity: 100%;
}

#cellNVItemSearchResults.dialogFieldRow .highlightRow input[type="text"].clsNVInvalidAlloc,
.dialogFieldRow input[type="text"].clsNVInvalidAlloc,
.highlightRow input[type="text"].clsNVInvalidAlloc,
.clsHighlightNVItemRow input[type="text"].clsNVInvalidAlloc {
    color: white;
    background-color: #E3001A;
    opacity: 100%;
}

#cellNVItemSearchResults.dialogFieldRow .highlightRow input[type="text"].clsNVUnderAlloc,
.dialogFieldRow input[type="text"].clsNVUnderAlloc,
.highlightRow input[type="text"].clsNVUnderAlloc,
.clsHighlightNVItemRow input[type="text"].clsNVUnderAlloc {
    color: #454545;
    background-color: #FFD8aC;
    opacity: 100%;
}
span.clsNVQtyOfMax {
    margin-left: 4px;
    margin-right: 4px;
}

.clsNonselectedTB,
.clsNVMultiSelMode #toolStripTitle div,
.clsNVMultiSelMode #inlineSearchContainer,
.clsNVMultiSelMode .v2Menu.level1,
.clsNVMultiSelMode .clsBtnTSSearch,
.clsNVMultiSelMode .clsToolstripHamburgerMenu,
.clsNVMultiSelMode .clsInvisibleInNVMultiSelMode {
    visibility: hidden;
}
.clsNVMultiSelMode .clsToolStrip td.searchToolbarContainer:hover {
    cursor: default
}
.baseJT.clsNVMultiSelMode .searchToolbarContainer,
.baseCG.clsNVMultiSelMode .searchToolbarContainer,
.baseNV.clsNVMultiSelMode .searchToolbarContainer,
.baseJT.clsNVMultiSelMode .clsToolStrip tr td,
.baseCG.clsNVMultiSelMode .clsToolStrip tr td,
.baseNV.clsNVMultiSelMode .clsToolStrip tr td {
    box-shadow: none;
}

body.clsNVMultiSelMode .clsHideOnMultiSel {
    display: none;
}

.clsHidev2Menu .v2Menu.level1,
.clsHideSearchTool #inlineSearchContainer {
    visibility: hidden;
}

.clsRevertStatusName {
    display: inline-block;
    padding: 2px 5px;
    background: #DBDBDB;
    border-radius: 4px;
    margin: 2px;
}

.clsNVReportSubtotalRow td {
    border-top: 2px solid #5E5D89;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    vertical-align: top;
}

.clsNVReportTotalRow td {
    border-top: 2px solid #5E5D89;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    vertical-align: top;
}

tr.clsSimpleTopBorderedTableRow td,
tr.clsNVReportSubtotalRow ~ tr.clsNVReportTotalRow td {
    border-top: 1px solid #E3E7D0
}

.clsMissingNVCost {
    color:#D12421;
    font-style: italic;
}

.clsNVMissingCostExplanation {
    font-size: 13px;
    font-weight: normal;
}



/*
    Distinguish the "Piece of: {parent-slab-description}" row at the top of the
    "Edit (child) Slab" dialog by darkening its background...

    Remove padding from the bottom of the description row and add padding at the
    top of the subsequent row so that there is a space between the "Piece of..."
    row and the rest of the dialog.
*/
.clsPieceOfRow {
    background-color: #DADBE3;
}
.clsPieceOfRow > td{
    padding-bottom:0;
}
tr.clsPieceOfRow + tr > td {
    padding-top:10px;
}




a.newItemCellLink {
    display: block;
}

.reportTable tr:hover a.showContentsOnHover.newItemCellLink {
    color: #4E9AD7;
}

.activeMultiSelButton:not([data-mjtDisabled="1"]) .FontAwesomeButton,
.activeMultiSelButton:not([data-mjtDisabled="1"]) .MorawareIconsButton {
    color: #FFFF66;
}

.activeMultiSelButton:not([data-mjtDisabled="1"]):hover .FontAwesomeButton,
.activeMultiSelButton:not([data-mjtDisabled="1"]):hover MorawareIconsButton {
    color: #617150;
}

td.activeMultiSelButton[data-mjtDisabled="1"]:hover {
    background-color: #73866A !important;
}


.clsIncompleteNVPOs {
    display: inline-block;
    margin-left: 2px;
    padding: 2px 6px 2px 6px;
    border-radius: 6px;
    background-color: #E3001A;
    color: white;
    vertical-align: super;
    font-size: 11px;
    font-weight: bold;
}

.clsIncompleteNVPOStatusName {
    color:#E3001A;
}

.clsSectionHeaderLabelCell .clsIncompleteNVPOStatusName {
    margin-left: 14px;
    font-size: 0.9375rem;
    font-weight: bold;
}


.v2MenuItem.selected a .clsIncompleteNVPOs,
.v2MenuItem:hover .clsIncompleteNVPOs {
    color: #E3001A;
    background-color: white;
}


.clsIncompleteIndicator,
.clsWantedIndicator,
.clsOrderedIndicator ,
.clsOnHandIndicator,
.clsConsumedIndicator,
.clsRemovedIndicator {
    padding-right: 2px;
}

.clsIncompleteIndicator + span:not(.underlineChild),
.clsWantedIndicator + span:not(.underlineChild),
.clsOrderedIndicator + span:not(.underlineChild),
.clsOnHandIndicator + span:not(.underlineChild),
.clsConsumedIndicator + span:not(.underlineChild),
.clsRemovedIndicator + span:not(.underlineChild) {
    padding-left: 8px;
}

.clsIncompleteIndicator {
    color: #FF8000;
}

.clsWantedIndicator {
    color: #878787;
}

.clsOrderedIndicator {
    color: blue;
}

.clsOnHandIndicator {
    color: green;
}

.clsConsumedIndicator {
    color: #5E5D89;
}

.clsRemovedIndicator {
    color: #880000;
}

.clsTextAdjacentLaunchButton.MorawareIconsIcon {
    font-size: 1.7em;
}


.clsCBIconPrefixElem {
    display: inline-block;
    width: 1em;
    padding-right: 0.25em;
}

table.clsSplitSerialNumberTable {
    width: 100%;
}

table.clsSplitSerialNumberTable td:nth-child(2) {
    width: 1em;
}

.clsInvalidTextfieldValueField,
input[type=text].clsInvalidTextfieldValueField {
    color: white;
    background-color: #E3001A;
}

.clsUnallocatedPercentageMessage {
    min-width: 23em;
}


.clsSplitItemChildWithParentNotes {
    border-top: 1px dashed #454545;
}


.clsSplitSlabWizardButtonsRow button {
    width: 7rem;
}

.clsSplitSlabWizardButtonsRow button:nth-child(2) {
    margin-left: 12px;
}



table.clsCopySelectorTable {
    border-collapse: collapse;
    border: none;
}
table.clsCopySelectorTable tr > td:nth-child(2) {
    width: 2em;
}
table.clsCopySelectorTable tr > td:first-child {
    padding-right: 0.75em;
}
table.clsCopySelectorTable tr > td {
    padding: 0.3em 0;
    border-right: none;
}



table.clsInheritCBTable {
    border-collapse: collapse
}
table.clsInheritCBTable tr > td {
    text-align: right;
    padding: 0
}
table.clsInheritCBTable tr > td:first-child {
    text-align: left;
}
table.clsInheritCBTable tr > td:first-child > span {
    display: inline-block;
    width: 4em;
    margin-left: 3em;
}
table.clsInheritCBTable tr > td:last-child {
    white-space:nowrap;
}
#frmUpdateChildNVSlab table.clsInheritCBTable tr > td:first-child > span {
    width: unset;
    margin-left: 1em;
    margin-right: 1.5em;
}

.clsEditChildSNRow > td:first-child {
    width: 1em;
}
table.clsEditChildSizeRow > tbody > tr > td:first-child {
    width: 13em;
}

.clsHiddenInheritOption {
    display: none;
}


.clsInheritedNotes {
    padding: 0.25em;
    display: inline-block;
    border-left: none;
    border-right: none;
}

.clsInheritSingleLineTextValue {
    line-height: 32px;
}



/* TODO: Clean up, get colors from Kelly and put this in uiv2Buttons.css

*/
.uiv2dialogBox .dialogFieldValue button.mwButton.dialogRowAction,
.uiv2dialogBox .dialogFieldRow button.mwButton.dialogRowAction {
    background-color: unset;
    background-image: none;
    border: 1px solid transparent;
    color: #717099;
}

button.mwButton.dialogRowAction:disabled {
    /*
        TODO: Why does "mwButton" set it to not-allowed?
        Super annoying on mouse-over
    */
    cursor: default;
}

.uiv2dialogBox .dialogFieldValue button.mwButton.dialogRowAction:hover:not(:disabled),
.uiv2dialogBox .dialogFieldRow button.mwButton.dialogRowAction:hover:not(:disabled) {
    color: #4D4972;
}

.uiv2dialogBox .dialogFieldValue button.mwButton.dialogRowAction:focus,
.uiv2dialogBox .dialogFieldRow button.mwButton.dialogRowAction:focus {
    color: #5D5D5D;
    border-color: #878787;
    border-style: dashed;
}


.clsWidthConstrainedDlgTypeahead {
    width: 330px;
}
input.input-buttonRight.clsWidthConstrainedDlgTypeahead {
    width: calc(330px - 32.5px);
}



table tr.clsTopBorder td,
table tr td.clsTopBorder {
    border-top: 1px solid #E3E7D0
}

table tr.clsRightBorder td,
table tr td.clsRightBorder {
    border-right: 1px solid #E3E7D0
}

/* A container for displaying when a
   thing(slab inventory, po's or cost list
   for example) have no items to display 
   and we want to show some help info */
.noItemsContainer {
    padding-top: 24px;
    padding-left: 24px;
    width: 375px;
    line-height: 1.2;
}

.saveDialogTextWidth {
    max-width: 325px;
    white-space: normal;
}



/*
    Styling in the "Allocate Partial Slab" dialog
*/
tr.clsPartialNumberingRow > td {
    padding-top: 8px;
}


tr.clsRowSlabModeFull.clsPartialDetailExpandoRow .clsDetailExpandoClickTarget {
    visibility: hidden
}

tr.clsRowSlabModeFull .clsSizingModePercent,
tr.clsRowSlabModeFull.clsHideWhenFlaggedFullSizingMode,
tr.clsRowSlabModeFull .clsHideWhenFlaggedFullSizingMode {
    display: none;
}


/* Show/Hide support within the Split Slab dialog */
.clsDetExp_Collapsed.clsDetExpHideWhenClps,
.clsDetExp_Collapsed .clsDetExpHideWhenClps,
.clsDetExp_Expanded.clsDetExpHideWhenExp,
.clsDetExp_Expanded .clsDetExpHideWhenExp {
    display: none;
}


.clsFlaggedInheritted.clsHideWhenInheritted,
.clsFlaggedInheritted .clsHideWhenInheritted,

.clsFlaggedNotInheritted.clsHideWhenNotInheritted,
.clsFlaggedNotInheritted .clsHideWhenNotInheritted
{
    display: none;
}



.clsPartialDetailExpandoRow .expandoIconHolder {
    width: 1em;
    text-align: left;
}


.uiv2dialogContent table:first-child.clsSplitPieceFieldsRowTable {
    width: unset;
    border-collapse: collapse
}
table.clsSplitPieceFieldsRowTable > tbody > tr > td:first-child {
    min-width: 24em;
    padding: 0
}
table.clsSplitPieceFieldsRowTable > tbody > tr > td:last-child {
    padding: 0;
    text-align: right;
}



.nvReceiveSlabsSerialNumberLabel {
    /*Indent 40px = 
        8px (standard row indentation)
        + 16px for Material Description
        + 16px for serial number
        So that Serial numbers appear indented compared to
        parent material
    */
    padding-left: 40px;
    padding-top: 12px;
    width: 50px;
    vertical-align: top;
}




/*
    \/ \/ \/ \/ \/ \/ MWTabControl styles BEGIN \/ \/ \/ \/ \/ \/
*/
.clsMWTabTable
{
    border-spacing:0;
    margin-top:.5em;
    font-size:80%;
    border-bottom:none;
}

.clsMWTab {
    font-size: 13px;
    font-weight: bold;
    margin: .3em .5em;
    padding: .3em .5em;

    cursor: pointer;

    background-color: white;
    border: 1px solid #e5eaef;
}


.clsMWTab.selected {
    cursor: default;
    background-color: #C8D0BE;
    border-color: #6d6d6d;
    border-bottom-color: #e5eaef;
}

.clsMWTab.selected a{
    text-decoration:none;
    cursor:default;
}
.clsMWTab a {
    text-decoration: none;
}
.clsMWTab.selected:hover,
.clsMWTab.selected a:hover {
    background-color: #C8D0BE;
}


.clsMWTab:hover {
    background-color: aqua;
    border-color: #6d6d6d;
    border-bottom-color: #e5eaef;

    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

/* Turn off the border-radius for the selected tab */
.clsMWTab.selected:hover {
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

/* Round the top-right corner of the last tab */
.clsMWTab:last-of-type,
.clsMWTab.selected:last-of-type:hover {
    border-top-right-radius: 4px;
}

/* Round the top-left corner of the first tab */
.clsMWTab:first-of-type,
.clsMWTab.selected:first-of-type:hover {
    border-top-left-radius: 4px;
}

/* Turn off rounding of the top-left corner if it's selected */
.clsMWTab.selected:last-of-type:hover {
    border-top-left-radius: unset
}


.clsMWTabTable td.prevNextTabButton {
    padding: 0 .25em;
    cursor: pointer;
    font-family: "FontAwesome";
    font-size: 250%;
    border: 1px solid #e5eaef;
}

.clsMWTabTable td.prevNextTabButton.inactiveItem,
.clsMWTabTable td.prevNextTabButton.inactiveItem a,
.clsMWTabTable td.prevNextTabButton.inactiveItem a:hover {
    color: #CCCCCC;
    cursor: default;
}

.clsMWTabTable .prevNextTabButton.inactiveItem:hover,
.clsMWTabTable td.prevNextTabButton.inactiveItem:hover {
    color: #CCCCCC;
    border-color: #e5eaef;
}


.clsMWTabTable .prevNextTabButton:hover {
    background-color: aqua;
    border-color: #e5eaef;
}

.prevNextTabButton.inactiveItem:hover,
.clsMWTabTable td.prevNextTabButton.inactiveItem a:hover {
    background-color: white;
}

td.clsMWTab.clsSoftHiddenTab,
td.clsMWTab.clsExplicitlyHiddenTab,
.clsExplicitlyHiddenTabContent,
.clsHiddenNonSelectedTabContent {
    display: none;
}

/*
    /\ /\ /\ /\ /\ /\  MWTabControl styles END  /\ /\ /\ /\ /\ /\
*/

/*
    make the video player fit in the dialog
*/
.videoPlayerDialog {
    padding: 56.25% 0 0 0;
    position: relative;
}

.videoPlayerDialog iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.helpPage {
    background-color: #EBF0E8;
}

.helpPageHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    flex-wrap: wrap;
}

.helpPageRow {
    margin: 0px 12px 12px 12px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 26px;
    justify-content: space-around;
}

.helpPageColumn {
    width: 200px;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.helpPageIcon {
    background: #EBF0E8;
    color: #617150;
    font-size: 88px;
}

.helpPageImage {
    width: 200px;
}
/*
 note that there is a media query constrained version of this
 rule which means we can't just use the .hideElement rule
*/
.clsSearchableSelect-hideSelectElement {
    display: none;
}

/* note that there is a media query constrained version of this rule */
.clsSearchableSelect-theBox {
    background-color: white;
    outline-color: #B0B0A0;
    border-radius: 4px;
    border: 1px solid #B0B0A0;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;

    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhCBkRABl1IlDUAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE3M26fYwAAAH9JREFUKFNjyK23/08kDvv69SsDLsxQ3xeJTRMKhqqRwmYADINcFIasCQfG6xoQBhkk1T0jA5tmMIbK4XUNCIMJoEJ8riLoGhAGE0DFUkCcg6QZhkFiBF0DwnAGUAM2VxHlGhCGM4Ca0F1FtGtAGIUD0tgyMek/CJNiyNevXxkAFAOPsj1gRWMAAAAASUVORK5CYII=');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}

.clsSearchableSelect-theBox div.clsSearchableSelect-theBox-optionGroupText {
    height: 1.5em;
    line-height: 1.5em;
    font-size: .80em;
}

.clsSearchableSelect-theBox div.clsSearchableSelect-theBox-optionText {
    height: 2.5em;
    line-height: 2.5em;
    color: #454545;
}

.clsSearchableSelect-theListContainer {
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #B0B0A0;
    border-radius: 4px;
}

.clsSearchableSelect-searchTextBoxDiv {
    box-sizing: border-box;
    width: 100%;
}

.clsSearchableSelect-searchTextBox {
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 1.5em;
    box-sizing: border-box;
    width: 90%;
}

.clsSearchableSelect-searchTextBoxDiv-collapsed {
    height: 0px;
    line-height: 0px;
    padding: 0px;
    border: 0px;
}

.clsSearchableSelect-theList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    max-height: 500px;
    width: 100%;
    overflow: auto;
    position: relative;
}

.clsSearchableSelect-theList li,
.clsSearchableSelect-NoMatches {
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 9px;
}

.clsSearchableSelect-NoMatches {
    cursor: not-allowed;
}

.clsSearchableSelect-theList li.clsSearchableSelect-underSubHeader span.clsSearchableSelect-secondSpan {
    padding-left: 16px;
}

.clsSearchableSelect-theList li.clsSearchableSelect-selectableItem {
    color: black;
    cursor: pointer;
}

.clsSearchableSelect-theList li span.clsSearchableSelect-firstSpan {
    display: inline-block;
    width: 24px;

    color: #617150;
}


.clsSearchableSelect-theList li.clsSearchableSelect-inFocus {
    color: white;
    background-color: #617150;
}

.clsSearchableSelect-theList li.clsSearchableSelect-inFocus span.clsSearchableSelect-firstSpan {
    color: white;
}


.clsSearchableSelect-theList li.clsSearchableSelect-notSelectableItem {
    color: #B1B1B1;
    cursor: not-allowed;
}

.clsSearchableSelect-theList li span.clsSearchableSelect-descriptiveText {
    padding-left: 16px;
    font-size: x-small;
    font-style: italic;
    color: #B1B1B1;
}



.clsSearchableSelect-theList li.clsSearchableSelect-subheaderItem {
    color: #454545;
    background-color: #F7F7F7;
    cursor: not-allowed;
}
/* -- Responsive Styles (Media Queries) ------------------------------------- */

/*
Hides the menu at 48em.
*/
@media (min-width: 48em) {
    
    .v2Contentx {
        padding-left: 0em;
        padding-right: 0em;

        left:160px;
        right:160px;
        margin-right:-160px;
    }

    .v2Layoutx{
        padding-left: 160px; /* left col width "#menu" */
        left: 0;
    }

    .v2Menux{
        left:160px;
    }

    .tableScrollHeadx{
        left:160px;
        margin-left:-160px;
    }

    td[data-mwtooltip="Search"] { 
        display: none;
    }
    .forcedSearchButton td[data-mwtooltip="Search"] { 
        display: table-cell;
    }

}



@media (max-width: 48em) {
    /* Only apply this when the window is small. Otherwise, the following
    case results in extra padding on the left:
        * Make the window small.
        * Tap the menu to trigger the active state.
        * Make the window large again.
    */
    .v2Layoutx.active {
        position: relative;
        left: 160px;
    }


    .v2Contentx {
        right:0px;
        margin-right:0px;
    }

    .v2Layoutx{
        padding-left: 160px; /* left col width "#menu" */
        left: 0;
    }

    td[data-mwtooltip="Search"] {
        display: none;
    }
}

@media (max-width: 750px) {
    .hideWhenNarrow,
    .hideWhenNarrow.dialogFieldName {
        display: none;
    }


    .uiv2dialogContent input[name=searchTerm] {
        width: 100% !important;
    }

    .clsToolStrip .searchToolbarContainer {
        display:none;
    }

    td[data-mwtooltip="Search"] { 
        display: table-cell;
    }

    .toolstripButtonText {
        display: none !important;
    }

    .v2Content{
        padding-left: 1px;
    }

    .tableScrollHead {
        padding-top: 2px !important;
    }

    .clsToolStripContainer, .clsToolStrip, .clsToolStrip td {
    }
    .clsToolStrip, .clsToolStrip td {
        height: 50px !important;
    }

    .toolStripTitleHolder {
        padding-left: 5px !important;
    }

    .toolStripType {
        font-size: 18px !important;
    }

    .toolStripTitle {
        font-size: 18px !important;
    }

    .clsToolStripContainer .FontAwesomeButton {
        font-size: 24px !important;
    }

    .clsToolStrip tr td {
        width: 42px !important;
        min-width: 42px !important;
    }

    .clsToolStrip tr td:first-child.toolStripTitleHolder {
        width: initial !important;
        max-width: 0 !important;
        min-width: 0 !important;
    }

    .clsToolStrip tr:first-child td.toolStripTitleHolder {
        width: 100% !important;
    }

    .clsV2MenuHolder {
        margin-top: 50px !important;
        height: calc(100% - 50px);
        height: -webkit-calc(100% - 50px);
        height: -moz-cal(100% - 50px);
    }

    .messageBubble {
        margin:0.5em 0;
    }
    .messageBubble div.messageText {
        margin-left:0.25em;
    }
    nav.countergo-stepnav {
        margin: 0 0 0.25em 0em;
        height: 49px;
    }
    nav.countergo-stepnav a {
        height: 40px;
        padding-top: 8px;
    }
    .nav--stepnumber {
        font-size: 18px;
        margin-right: .2em;
    }
    .nav--stepname {
        font-size: 10px;
    }
    .clsSummaryModeTab .nav--stepname {
        font-size: 16px;
    }
    .clsSummaryModeTab .nav--secondaryButton {
        font-size: 12px;
        margin-top: 4px;
    }
    nav.countergo-stepnav a:first-child {
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }
    nav.countergo-stepnav a:last-child {
	    border-top-right-radius: unset;
	    border-bottom-right-radius: unset;
    }
    nav.countergo-stepnav a.clsSummaryModeTab {
        height: 40px;
        padding-top: 8px;
    }


    
    #workingPrices{
        padding-left:0.1em;
    }

    #cnrCounterGoDrawingReadonly .pricesTable td{
        padding:1px 3px 1px 2px;
    }

    .priceDetailGroupSeparatorRow td div{
	    height:0;
	    margin-bottom:0;
    }

    .largeTextArea {
        min-width: unset;
        min-height: unset;
    }

    .additionalEmailButtons {
        width: 48px;
        height: 42px;
    }

    .clsSupressHeaderButtonCollapseToMenu .uiv2DialogButtonMenu {
        display: none;
    }

    .clsSupressHeaderButtonCollapseToMenu .uiv2DialogButtons {
        display: block;
    }
}


@media (min-width: 751px) {
    .hideWhenNotNarrow {
        display: none;
    }
}


/*
    The vertical order section (on the job detail page) should be
    hidden both when the screen is wide and when NOT showing on
    a screen (i.e. when printing)
*/
@media only screen and (min-width: 751px) {
    .verticalOrderSectionRow {
        display: none;
    }

    .clsForcedWidthSplitSlabSeparator {
        min-width: 32rem;
    }
    table.clsParentDescriptorTable{
        min-width: 32rem;
    }

    /*
        Eventually the "clsTempNewPaddedRowStyle" class will be removed and
        all dialogs will have this larger padding. (Initially, only the
        Email Template dialogs will use these stop-gap styles)
    */
    tr.clsTempNewPaddedRowStyle td.dialogFieldRow,
    tr.clsTempNewPaddedRowStyle td.dialogFieldName,
    tr.clsTempNewPaddedRowStyle td.dialogFieldValue,
    tr.clsTempNewPaddedRowStyle td.dialogFieldValueWrap {
        padding-top: 16px;
    }


    tr.clsDialogHelpRowFollows td.dialogFieldRow,
    tr.clsDialogHelpRowFollows td.dialogFieldName,
    tr.clsDialogHelpRowFollows td.dialogFieldValue,
    tr.clsDialogHelpRowFollows td.dialogFieldValueWrap {
        padding-bottom: 0px;
    }


    tr.clsPaddedBottomRowStyle td.dialogFieldRow,
    tr.clsPaddedBottomRowStyle td.dialogFieldName,
    tr.clsPaddedBottomRowStyle td.dialogFieldValue,
    tr.clsPaddedBottomRowStyle td.dialogFieldValueWrap {
        padding-bottom: 16px;
    }
}
@media not screen {
    .verticalOrderSectionRow {
        display: none;
    }
}



@media only screen and (max-width: 750px) {
    input, select, textarea, body, body div, body p, body th, body td, body li, body dd, table, td, th {
        font-size: small;
        font-family: Lato, sans-serif;
    }

    .uiv2dialogDiv input, .uiv2dialogDiv select, .uiv2dialogDiv textarea, .uiv2dialogDiv p, .uiv2dialogDiv th, .uiv2dialogDiv td, .uiv2dialogDiv li, .uiv2dialogDiv table, .uiv2dialogDiv td, .uiv2dialogDiv th, #reportSearchTerm {
        font-size: medium;
        font-family: Lato, sans-serif;
    }
    #reportSearchTerm{
        margin-left:3px;
    }

    tr td .keepTogetherWhenNarrow {
        display: table-cell;
    }

    .dialogFieldValueWrap, .dialogFieldName, .dialogFieldValue, .dialogReadOnlyFieldName, .dialogReadOnlyFieldValue, #frmReviveSession .uiv2dialogContent td, .minimalPage td, .dialogFieldRow {
        text-align: left;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 1px;
        padding-top: 1px;
        display: block;
        white-space: normal;
    }

    table.clsSplitPieceFieldsRowTable > tbody > tr > td {
        display: block;
    }
    table.clsSplitPieceFieldsRowTable > tbody > tr > td:last-child {
        margin-left: 1em;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 8px;
        padding-top: 5px;
        text-align: left;
    }


    table.collapsingNameValueTable td.nameCell,
            table.collapsingNameValueTable td.valueCell {
        display: block;
    }
    table.collapsingNameValueTable td.nameCell:not(:first-child) {
        padding-top: 0.5em;
        padding-left:1px;
    }


    table.detail-form.orderDetailForm {
        min-width:unset;
        width: 100%;
        padding-right:0;
    }


    .blockWhenNarrow {
        display: block;
    }


    .minimalPage .uiv2DialogHeaderRow td {
        display: table-cell;
    }

    .dialogFieldSectionHeaderRow>div{
        font-size:medium;
    }

    #createUser_loginLocationValue .dlgControlSet,
            #editUser_loginLocationValue .dlgControlSet{
        display:block;
    }

    .autoDisabledUserFieldTable td.dialogFieldName{
        padding-left:3px;
    }


    td.minimalPageImage {
        text-align: center;
    }

    .minimalPage .minimalPageFieldValue {
        width: auto; /*IE11 support*/
        width: unset;
        padding-left: 8px;
        padding-top:2px;
    }

    .minimalPage .minimalPageFieldName {
        text-align: left;
        padding-bottom: 0px;
        word-wrap: break-word;
        white-space: normal;
    }

    .minimalPageIEFieldName {
        width: 100%;
    }

    .minimalPage table {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .minimalPage td.uiv2dialogHeader {
        padding-top: 8px;
    }

    td.minimalPageMessage {
        padding: 4px 2px 8px 2px;
        text-align: center;
    } 
    
    #frmReviveSession .uiv2dialogContent input {
        width: 100%;
    }
    
    .noDisplayWhenDialogFieldBlocking {
        display: none;
    }
    .displayWhenDialogFieldBlocking{
        display:block;
    }

    .dialogFieldValue label {
        white-space: normal;
    }

    .dialogFieldValue, .dialogReadOnlyFieldValue, .dialogFieldValueWrap {
        font-weight: bold;
        margin-bottom: 9px;
    }

    .dialogFieldValue .datepicker, .dialogFieldValue .durationPicker, .dialogFieldValue .textAction, .dialogFieldValue .textActionHover {
        font-weight: normal;
    }

    .textDateTimeAction {
        padding-left: 9px;
    } 
    
    .uiv2dialogBox, .uiv2disabledDialogBox {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .dialogButtonRow {
        text-align: left;
        padding-left: 8px;
    }

    .dialogButtonRow button {
        margin-left: 0px;
    }

    .minimalPage form {
        margin-left: 1px;
        margin-right: 1px;
    }

    .uiv2dialogTitle {
        font-size: 1.6em;
        padding-left: 5px;
    }

    .uiv2dialogHeader {
        font-size: 0.9em;
    }

    .uiv2dialogHeader .FontAwesomeButton {
        font-size: 2.5em;
        margin-top: 0px;
    }

    .uiv2dialogHeader .FontAwesomeIcon {
        font-size: 2.1em;
    }

    .supplierInfo, .accountInfo, .supplierContacts, .jobDetailInfoCell, .accountContacts {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    textarea {
        min-width: unset;
    }

    .uiv2dialogHeader button, .jtuiv2dialogHeader button, .cguiv2dialogHeader button {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .headerDeleteSeparator {
        width: 0.25em;
    }

    :focus {
        outline-color: rgb(77, 144, 254);
    }

    .dialogFieldSectionHeaderRow, .customFieldSeparator {
        max-width: 100%;
        word-wrap: break-word;
        word-break: break-all;
        white-space: pre-wrap;
        padding-left: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .fileInputContainer input {
        width: 100%;
    }

    #frmSearchDialogContentDiv button {
        display: block;
    }

    #frmSearchDialogContentDiv span.dlgControlSet input {
        width: calc(100% - 9px);
    }

    .issueHistoryText {
        font-weight: normal;
    }

    .issueHistoryList {
        width: 100%;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: unset;
    }

    .issueHistoryEntry {
        margin-left: 3px;
        margin-right: 3px;
    }

    .bubbleContent.pageInfoCell {
        padding: 0px;
    }

    table.pageInfoCenteredJustifiedTable > tbody > tr > td.pageInfoLabel {
        /*text-align: left;*/
    }

    .dynamicallySizedLabels .pageInfoLabel {
        width: unset;
    }

    .evenRow .searchResultTable tr:first-child td:first-child, .oddRow .searchResultTable tr:first-child td:first-child {
        width: 100px;
    }

    .evenRow .searchResultTable tr:first-child td:first-child div, .oddRow .searchResultTable tr:first-child td:first-child div {
        margin-left: 3px;
    }

    .uiv2dialogHeader a.uiv2dialogControlButton, .uiv2DialogCloseButton {
        cursor: pointer;
        margin: 2px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 7px;
        padding-right: 7px;
        display: inline-block;
    }

    
    .uiv2dialogContent table:first-child {
        padding-left: 3px;
        padding-right: 3px;
    }

    .uiv2dialogContent table.reportTable:first-child{
        padding-left: 0px;
        padding-right: 0px;
    } 
        
    #editRoleDialogContentTable table:first-child {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pageSeparatorRow td, .cgpageSeparatorRow td, .jtpageSeparatorRow td {
        font-size: 1.4em;
    }

    .uiv2dialogHeader, .uiv2disabledDialogHeader, .jtuiv2dialogHeader, .jtuiv2disabledDialogHeader, .cguiv2dialogHeader, .cguiv2disabledDialogHeader {
        padding-left: 3px;
    }

    .uiv2dialogHeader, .uiv2disabledDialogHeader {
        min-width: unset;
    }

    .uiv2DialogHeaderRow .uiv2dialogHeader {
        /*white-space: nowrap; need to figure out how to enable this but keep the 'X' from getting cutt off*/
    }

    .uiv2DialogHeaderRow .uiv2dialogHeader:first-child {
        white-space: normal;
    }

    .uiv2DialogButtonMenu {
        display: inline-block;
        cursor: pointer;
        color: #fff;
        border: 1px solid transparent;
        outline-color: transparent;
        border-radius: 4px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 15px;
        padding: 3px 18px 0px 18px;
    }

    .uiv2DialogButtonMenu:hover {
        border: 1px solid #fff;
        outline-color: #fff;
        border-radius: 4px;
    }

    .uiv2DialogButtons {
        display: none;
    }

    .uiv2DialogButtonContextMenu .contextMenuRow {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .uiv2DialogButtonContextMenu .contextMenuRow span {
        font-size: 1.1em;
        padding-left: 5px;
    }

    .uiv2DialogButtonContextMenu .contextMenuRow span.FontAwesomeIcon span.MorawareIconsIcon {
        font-size: 1.2em;
        padding-left: 3px;
    }

    .uiv2DialogButtonContextMenu .contextMenuRow span.fontActionButtonText {
        vertical-align: top;
    }

    .cgquote-detailtable {
        width: 100%;
    }

    .optionsBoxList li {
        max-width: 100%;
    }

    #editJobFilterDiv, #editJobFilterDialogContentDiv {
        min-width: unset;
    }

    #searchFilter fieldset input {
        width: 100%;
    }

    label {
        white-space: normal;
    }

    .page-subsection-header-buttons .FontAwesomeIcon {
        font-size: 1.25em;
    }

    #frmSelectViewDialogContentDiv {
        min-width: 100%;
    }

    a.buttonLink div.FontAwesomeButton {
        padding-top: 11.25px;
    }

    .cgquote-detail-skinny {
        float: unset;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #activeFilterTable {
        max-width: unset;
    }

    .tableStyle .cgquote-detail-skinny:first-child {
        padding-right: 0px;
    }

    .tableStyle .cgquote-detail-skinny:last-child {
        padding-left: 0px;
    }

    .pagingSliderHolder {
        width: 100%;
        max-width: unset;
        min-width: unset;
    }

    html {
        height: calc(100% - 50px);
    }

    .event-log {
        padding: 0px;
    }

    .event-log td.pageInfoLabel, .event-log td.pageInfoValue, .event-log td.pageInfoValueLink {
        font-size: 1em;
    }

    .eventLogTimestamp, .eventLogEventDesc {
        font-size: 1em;
    }

    .eventLogFieldDesc span, .eventLogFieldValue {
        font-size: 0.9em;
        line-height:1.5em;
    }

    .uiv2dialogBox, .uiv2disabledDialogBox, .jtuiv2dialogBox, .jtuiv2disabledDialogBox, .cguiv2dialogBox, .cguiv2disabledDialogBox {
        border-radius: unset;
    }
    .uiv2dialogBox .uiv2dialogBox,
            .uiv2disabledDialogBox .uiv2disabledDialogBox,
            .jtuiv2dialogBox .jtuiv2dialogBox,
            .jtuiv2disabledDialogBox .jtuiv2disabledDialogBox,
            .cguiv2dialogBox .cguiv2dialogBox,
            .cguiv2disabledDialogBox .cguiv2disabledDialogBox{
        border-radius: 4px;
    }

    #typeAheadTable tr td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .typeAheadSelectedRow td, .typeAheadHoverRow td, .typeAheadRow td {
        padding: 9px 9px 9px 9px;
    }

    .uploadedFiles {
        font-weight: normal;
    }

    .uploadedFiles div {
        padding-bottom:11px;
    }

    .dialogFieldSectionHeaderRow div {
        margin-left: 3px;
        padding-left: 0px;
    }

    .cartInfo .dlgControlSet .fontActionButton {
        padding-top: 3px;
        padding-bottom: 3px;
        margin-bottom: 0px;
    }

    .boxList li {
        width: unset;
    }

    .boxListDragHandle {
        font-family: FontAwesome !important;
    }

    input.input-buttonRight {
        min-width: unset;
    }

    table.readOnlyOrderDetailsSectionHolder > tbody > tr > td {
        display: block;
    }

    table.readOnlyOrderDetailsSectionHolder .smallScreenSpacer {
        display: block;
        height: 1em;
    }


    #frmNonDrawnCounterDialogContentTable {
        min-width: calc(360px - 16px)
    }
    .clsEdCTopCtopSectionTable > tbody > tr > td,
    td.clsNDItemColQty,
    td.clsNDItemColMeasures {
        display: block;
    }
    td.clsNDItemColQty {
        padding-left: 1px;
    }

    td.clsNDItemColMeasures {
        padding-bottom: 0.75em;
    }
    .clsItemSubMeasureField{
        margin-left: unset;
    }



    .colorPackTable>tbody>tr>td:nth-child(2),
    .bomTable>tbody>tr>td:nth-child(3) .clsProductFieldLabel {
        width: unset;
        min-width: 310px;
    }

    .colorPackTable>tbody>tr>td {
        width: unset;
        min-width: 260px;
        padding-right:unset;
    }

    .clsDelEdgeHolder {
        padding-left: 0;
    }


    .dialogHeaderToolStrip .clsToolStrip,
    .dialogHeaderToolStrip .clsToolStrip td {
        height: 42px !important;
    }
    .dialogHeaderToolStrip.clsToolStripContainer .FontAwesomeButton {
        font-size: 20px !important
    }





    #cnrPricingDetails table.clsPSHeaderTable td.clsPSHeaderText {
        padding-bottom: 4px;
    }
    #cnrPricingDetails table.clsPSHeaderTable td.clsPSHeaderEditButton {
        padding-top: 0px;
        padding-bottom: 4px;
    }
    .clsPricingSettingsHeader {
        height: unset;
    }

    .clsSearchableSelect-hideSelectElement {
        display: initial;
    }
    
    .clsSearchableSelect-theBox {
        display: none;
    }

}


@media only screen and (max-width: 410px) {
    .minimalPage {
        width: 100%;
        height: 100%;
        min-width: 320px;
        font-size: medium;
        font-family: Lato, sans-serif;
    }

    .minimalPageIEImage img {
        width: 100%;
        max-width: 100%;
    }

    .minimalElement {
        display:'';
    }
    .maximalElement {
        display: none;
    }
}

@media only screen and (min-width: 410px) {
    .minimalElement {
        display: none;
    }
    .maximalElement {
        display: ''; 
    }
}