@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,300i,400i,600,600i,700,700i,800,800i&subset=latin-ext');

/************** WEBCRM - DARK 2.0 **************/

body { background-color: #ddd; font-family: "Open Sans", Arial, sans-serif; color: #FCFCFC; font-size:10.5pt}
body, .ui-widget-content { font-size: 10.5pt; }

.ZoneBoxHolder { background-color: #EEE; color: #565656;}
.leftColZone, .headerZone { background-color: #565656; }
.leftColZone > div, .contentZone > div, .footerZone { background-color: #FFF; } 
.rightColZone, .contentZone  { background-color: #FFF; } 

.PanelHeader, .PanelHeaderPermanent  {
	font-family: "Open Sans", Arial, sans-serif !important;  
	letter-spacing: 120%; background-color: #0073b3;}

.systemFooter { background-color: #000000; }
@media only screen and (max-width:1024px)  {
    .systemFooter { font-size: 80%; }
}

.systemFooter > a:link, .systemFooter > a:active, .systemFooter > a:hover, .systemFooter > a:visited { color:white; text-decoration:none; }
.interstitial .systemFooter > a:link, .interstitial .systemFooter > a:active, 
.interstitial .systemFooter > a:hover, .interstitial .systemFooter > a:visited { color:#FFFFFF; }
 
.DisplayTextBox { color: #5A5A5A; }
.DefaultPopup { background-color: #FFFFFF; color:#565656; border:1px solid #eee; box-shadow: 1px 1px 0 #999;}
h1 { font-size: 16pt; font-weight: bold;} 
h2 { font-size: 14pt; font-weight: bold; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; font-weight: bold;}
h5 { font-size: 12pt; }
h6 { font-size: 11pt; font-weight: bold;}
a:link, a:visited { color: #0082C6; text-decoration: none; }
a:active, a:hover { color: #0082C6; text-decoration: underline; }
a.externalLink[href]::after { background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png") }
a.objectXRef {font-size:90%; font-style:italic;}
a.objectXRef::after{ content: " \00bb"; }

/* style scrollbars on EssentOne elements to match the UI */
div, ul.ui-menu {  scrollbar-width: thin; scrollbar-color: #069 #ddd;  /*Firefox / standards compliant */ }
div::-webkit-scrollbar,  ul.ui-menu::-webkit-scrollbar { width: 0.5em; }
div::-webkit-scrollbar-track,  ul.ui-menu::-webkit-scrollbar-track { background-color: #ddd; }
div::-webkit-scrollbar-thumb,  ul.ui-menu::-webkit-scrollbar-thumb { background-color: #069; }

/* Masthead */
.Masthead .UserControls .talkBubbleContent{background-color:#eee}
.ViewSwitch{background-color:white; text-align:center; cursor:pointer; text-transform: uppercase; color:#0082c6; }
.ViewSwitch .Toggle{background-color:#0082c6; }
.ViewSwitch[disabled]{background-color: #F5F5F5; color:gray;}

/* View Switch without changing the labels. Ex: Posting Mode in Receive PO widget */
.ViewSwitch.StaticLabels { background-color:#EEE; }
.ViewSwitch.StaticLabels span { font-size: 20px; display:inline-flex; align-items:center; }
.ViewSwitch.StaticLabels span:first-child::before {
    content: ' '; display:inline-block; height:1em; width:2.5em; vertical-align:baseline; margin: 0.5em 0.5em 0.5em 0;
    background: url(../../Images/CRM/Shadow/arrow-right-blue.svg) left top no-repeat, url(../../Images/CRM/Shadow/Products-Box-Blue.svg) right top no-repeat; }
.ViewSwitch.StaticLabels.Active span:first-child::before {
    content: ' '; display:inline-block; height:1em; width:2.5em; vertical-align:baseline; margin: 0.5em 0.5em 0.5em 0;
    background: url(../../Images/CRM/Shadow/arrow-right-white.svg) left top no-repeat, url(../../Images/CRM/Shadow/Products-Box-White.svg) right top no-repeat; }
.ViewSwitch.StaticLabels span:last-child { justify-content:flex-end; }
.ViewSwitch.StaticLabels.Active span:last-child::after {
    content: ' '; display:inline-block; height:1em; width:2.5em; vertical-align:baseline; margin: 0.5em 0 0.5em 0.5em;
    background: url(../../Images/CRM/Shadow/Products-Box-Blue.svg) left top no-repeat, url(../../Images/CRM/Shadow/arrow-right-blue.svg) right top no-repeat; }
.ViewSwitch.StaticLabels span:last-child::after {
    content: ' '; display:inline-block; height:1em; width:2.5em; vertical-align:baseline; margin: 0.5em 0 0.5em 0.5em;
    background: url(../../Images/CRM/Shadow/Products-Box-White.svg) left top no-repeat, url(../../Images/CRM/Shadow/arrow-right-white.svg) right top no-repeat; }
.ViewSwitch.StaticLabels.Active span, .ViewSwitch.StaticLabels span:first-child, .ViewSwitch.StaticLabels.Active span:last-child { background-color:#EEE; color: #0082c6; }
.ViewSwitch.StaticLabels.Active span:first-child, .ViewSwitch.StaticLabels span:last-child { background-color:#008C00; color: white; }


@media only screen and (max-width:750px) {
    body, .ui-widget-content { font-size: 9pt; }
    h1 { font-size: 14pt;}
    h2 ,h3 { font-size: 12pt; }
    h4,h5 { font-size: 10pt; }
    h6 { font-size: 9.5pt; font-weight: bold;}
}

/*********************************** Login/Intersitial Page Styles ************************************************/
body.interstitial, body.interstitial .leftColZone, body.interstitial .headerZone, body.interstitial .contentZone,
body.interstitial .rightColZone, body.interstitial .footerZone,
body.portalLogin, body.portalLogin .leftColZone, body.portalLogin .headerZone, body.portalLogin .contentZone,
body.portalLogin .rightColZone, body.portalLogin .footerZone, body.portalPasswordReset, 
body.portalPasswordReset .leftColZone, body.portalPasswordReset .headerZone, 
body.portalPasswordReset .contentZone, body.portalPasswordReset .rightColZone, 
body.portalPasswordReset .footerZone   { background-color: #616161; }

body.interstitial .ZoneBoxHolder {  background-color:transparent; }
body.portalLogin .ZoneBoxHolder, body.portalPasswordReset .ZoneBoxHolder {  background:transparent; } 
body.interstitial #FormControls { background-color:transparent; }
body.interstitial .colZoneContainer { height:auto;  border-radius:0.25em; }


body.portalLogin .contentZone, body.portalPasswordReset .contentZone{border-radius:0.25em; padding-bottom:0.25em;}
body.interstitial .leftColZone, body.interstitial .contentZone, body.portalLogin .contentZone, 
body.portalPasswordReset .contentZone { width:50% !important; background-color:#eee; flex-grow:1; flex-basis:50%;color:#565656; }
body.interstitial .contentZone > div, body.interstitial .leftColZone > div { border:none; width:auto !important; background-color: #eee; color:#565656; }
body.interstitial.singleColForm .leftColZone { display:none; }
body.interstitial .rightColZone { display:none; }
body.interstitial h1 { text-align:center; }
body.interstitial .subPanel { background-color:#FFFFFF; }
  
 /* border radii for login page  */
body.interstitial.twoColForm .leftColZone,  body.interstitial.twoColForm .leftColZone > div { border-top-left-radius: 0.25em; border-bottom-left-radius:0.25em; }
body.interstitial.twoColForm .contentZone,  body.interstitial.twoColForm .contentZone > div { border-top-right-radius: 0.25em; border-bottom-right-radius:0.25em; }
body.interstitial .widgetWrapper { margin-top:0.5em; }
body.interstitial.singleColForm .contentZone,  body.interstitial.singleColForm .contentZone > div { border-radius: 0.25em; }

body.interstitial.singleColForm .contentZone .widgetWrapper:first-child { padding-top: 80px; }

 /* login page and interstitial config */
body.interstitial .systemFooter::before, body.portalLogin .systemFooter::before, body.portalPasswordReset .systemFooter::before { background-image: url(../../Images/CRM/essent-logo-web.png);  }

 /* demo section on right of login*/
 body.interstitial .demoRequest { background-color:#FFF; background-image: url('../../Images/CRM/LoginScreenImage1.jpg'), linear-gradient(45deg,#CCC, #fbfcfe,  #fbfcfe, #FFFFFF); 
    background-repeat:no-repeat; background-position: bottom left;  }


body.interstitial .demoRequest a {
    border:1px solid  #FF9F00; color:black; text-decoration:none; font-weight:600;
    background-image: -webkit-linear-gradient(top,#FFB300, #FFC100, #FF9F00, #FF8C00);
    background-image: -moz-linear-gradient(top,#FFB300, #FFC100, #FF9F00, #FF8C00);
    background-image: -ms-linear-gradient(top,#FFB300, #FFC100, #FF9F00, #FF8C00);
    background-image: linear-gradient(top,#FFB300, #FFC100, #FF9F00, #FF8C00);
}

body.interstitial .demoRequest span { font-size: 12pt; font-weight: 700;text-align:right; }
.LinkButton { background-color:transparent; color: #0082C6; text-transform:initial; font-size:inherit; font-weight:inherit; text-align:left; }
.LoginMessage { color: red; font-size:85%; }

.resetSentMessage  { text-align:center;  }
.resetSentMessage > div { font-weight:600; font-size:125%; }
 
/* Login Footer */
 body.interstitial footer, body.portalLogin .footerZone footer  { color:#ffffff; font-size:90%; }
 body.interstitial footer a, body.interstitial footer a:active, body.interstitial footer a:hover, body.interstitial footer a:visited,
 body.portalLogin .footerZone footer a, body.portalLogin .footerZone footer a:active, body.portalLogin .footerZone footer a:hover, 
 body.portalLogin .footerZone footer a:visited {  color:white; text-decoration:none; }
 body.interstitial footer .links { text-align:right; }
 body.interstitial footer .links a,  body.portalLogin .footerZone footer a { border-right:1px solid white; line-height:1; }
 body.interstitial footer .links a:last-child,  body.portalLogin .footerZone footer a:last-child { border-right: none; }

 /* MFA setup */
.MFASetup footer { text-align:right; }
.MFASetup footer button.option {  background-color:#616161; }
.MFASetup footer #btnPrev::before, .MFASetup footer #btnSetupPrev::before, .MFASetup footer #btnBack::before { font-size:120%; }
.MFASetup footer #btnNext::after, .MFASetup footer #btnSetupNext::after, .MFASetup footer #btnVerify::after { font-size:120%; }
.MFASetup #divCodeColQR, .MFASetup #divCodeColVerify {text-align:center; }
.MFASetup .compactInput { border:1px solid gray; }
.MFASetup footer span { color: #565656; font-weight:600; }
.MFASetup .errorHeader, .MFASetup footer span.statusCritical { font-weight:600; color: #B20000; }
.MFASetup .subPanel.mfaComplete { text-align:center;  }
.MFASetup .mfaComplete h3 { color: #008C00; font-size:160%; }

.MFASetup .extra { background-image: url(../../images/crm/shadow/Laptop-Login-WithLock.svg);  }
.MFASetup .attacker { background-image: url(../../images/crm/shadow/Hand-Phone-With-Key.svg); }
.MFASetup .appConfig { background-image: url(../../images/crm/shadow/Hand-Phone-With-Key.svg); }
.MFASetup .desktopConfig { background-image: url(../../images/crm/shadow/Laptop-Login-WithLock.svg); }
.MFASetup #divSetupQR { background-image: url(../../images/crm/shadow/Hand-Phone-With-QRCodeBrackets.svg); }
.MFASetup #divCodeColVerify { background-image: url(../../images/crm/shadow/Hand-Phone-With-Key.svg); }

div.errMsgBlock.errBlock { background-color:white; color: #B20000; }
.errMsgBlock.errBlock > p {font-size:130%; }


/* mobile login/interstitial styles */
@media only screen and (max-width:1024px) {
    body.interstitial .demoRequest a { font-size: 18px; }
}
 
/*********************************** END Login/Interstitial Page Styles ************************************************/

/*header universal search  */
.UniversalSearch span{background-color:#eee; color:#0082c6;}
ul.SearchTypeOptions {background-color:#565656; color:white}
.UniversalSearchResults li a > span{color:black}
.UniversalSearchResults li a > span:last-child{float:right; color:gray}
.UniversalSearchResults li.ui-state-focus a > span{color:white; }
.UniversalSearchResults li a.ui-state-active > span { color: white; }
li.ShowMore a {cursor:pointer; color:#0082c6; font-style:italic;}
li.ShowMore:hover{background-color:white}

.statusBanner.testing { background-color:yellow; background-position:50%; background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, black 15px, black 30px); }
.statusBanner.testing > span { color:black; text-transform:uppercase; background-color:yellow; width:126px; }
.statusBanner.preview {background-color: cyan; background-image: radial-gradient(black 30%, transparent 30%); 
                       background-size: 1.2em 1.2em; background-repeat: repeat; background-position: center; }
.statusBanner.preview > span { color:black; text-transform:uppercase; background-color:cyan; font-weight:600; }

 /* tables */
.CartTable { border-style:none; }
.CartTable th { border-style:none; font-family: "Open Sans", Arial, sans-serif; background: #EEE; color: #565656; }
.CartTable td { border-width: 0 0 1px 0; border-style:solid; font-size:inherit;}
.CartTable td a { font-size: inherit !important; }

/* Email form */
.mailformContainer {  background-color: #cccccc; }
.mailformContainer::before{ background:#cccccc; }

.EmailForm .selfLabeledInput.fieldBlock { background-color: #FFF; }
.EmailForm .buttonRow button { border-left: #f5f5f5 solid 5px; }
.EmailForm .buttonRow button::after { content: ' '; display: inline-block; vertical-align: middle; background-size: cover; margin-left: 0.5em; 
    height: 20px; width: 30px; background-image: url(../../Images/CRM/shadow/Airplane-White.svg)  }
.EmailForm .trumbowyg-box.trumbowyg-disabled .trumbowyg-editor, .EmailForm #divEditorContent { background-color:#F5F5F5; }
.EmailForm.readonly .trumbowyg-box.trumbowyg-disabled .trumbowyg-editor, .EmailForm.readonly #divEditorContent { background-color:#FFF; }
.EmailForm .trumbowyg-editor { font-family: ''; background-color:#FFFFFF; font-size:11pt; }
.selfLabeledInput > span, .selfLabeledInput > input[type=text] { background-color:white; }
.selfLabeledInput > span.FormLabel, .selfLabeledInput > label { font-weight: 700; font-style:italic;  }
.EmailForm #divEditorContent .recipientList { color: #000; font-style:italic; }
.EmailForm #divEditorContent .recipientList a { color: #0073b3; cursor: pointer; }

.EmailToRow > button { background-color: #FFFFFF; color: #0082C6; font-size: 85%; font-weight: bold; text-transform: capitalize; }

/* Recipient Tag */
.RecipientTag .Thumbnail { background-color: #d96d00; color: white; }
.RecipientTag .Thumbnail span { text-transform: capitalize; }
.RecipientTag button { background-repeat: no-repeat; background-position: center; background-size:130%; -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); transform: rotate(45deg); cursor:pointer;
    background-image: url(../../Images/CRM/shadow/PlusSignInCircle-Grey-WhiteCross.svg); }

/* Managers/Adaptive Grids */
.CartTable.AdaptiveGrid td { font-weight: 600; font-size:110%; }
.CartTable.AdaptiveGrid td a { font-size:105%; }
.CartTable.AdaptiveGrid tr { border-bottom:1px solid silver; }
.CartTable.AdaptiveGrid tr:last-child { border-bottom:none; }

.FormBlock .AdaptiveGrid tbody tr {background-color:white; border-radius: 4px;}

/* Manager Column Headers  */
.ControlBarHeader, .ControlBarNav, .ControlBarHeader th, .CartTable thead, #pnlTransactions nav { background: #EEE; font-weight:600; }
.CartTable tr.ControlBarHeader { border-bottom:none !important; }
.ControlBarHeader .tab, .ControlBarHeader th { color: #565656; text-decoration:none;  }

#pnlTransactions nav ul li { color:#0082c6; }
#pnlTransactions nav ul li.active { color:#000;}
#pnlTransactions nav ul li.active::before { background:white; }

.ControlBarNav .tab, .ControlBarNav th { color: #0082C6; text-decoration:none;  border-bottom:2px solid transparent;
	border-top:2px solid transparent;}
.ControlBarNav .tab.active { background-color: #FFF; }
.ControlBarNav .tab:hover { background-color:#fcfcfc; }
.ControlBarNav .tab[disabled] { color: #B4B4B4;}
.ControlBarNav .tab[disabled]:hover { background-color: #EEE;}
.ControlBarNav .tab.warning::after {background-image: url(../../Images/CRM/shadow/YellowWarningExclamation.svg); }

.ControlBarHeader, .ControlBarNav { border-bottom: 1px solid #ddd;}

.ui-dialog .ControlBarNav { background: #ddd; }
.ui-dialog .ControlBarNav .tab:hover, .ui-dialog .ControlBarNav .tab.active { background-color: #eee;}
.ui-dialog .ControlBarNav .tab[disabled] { color: #B4B4B4;}

.ui-spinner .ui-button.ui-spinner-button { background-color: #FFFFFF; border-left:none;}

@media only screen and (max-width:750px) {
    .ControlBarNav:not(.uneven) .tab:not(.active):hover{background-color:#0082C6; color:#FFF}
    .ControlBarNav.open .ControlBarNavMenuToggle{background-image:url("../../Images/CRM/shadow/UpArrowBlue.svg") }
    .ControlBarNav.close .ControlBarNavMenuToggle{background-image:url("../../Images/CRM/shadow/DownArrow-Blue.svg") }
}

/* pagination  */
.Pagination {  background-color: #EEE; }
.Pagination a, .Pagination span { text-decoration:none; }
.Pagination a { color: #0082C6;  }
.Pagination span.current, .Pagination a:hover { background-color: #0082C6; color:#FFF; }
.Pagination a img, .Pagination a img { height: 1.2em; }
.Pagination a.PreviousPage:hover, .Pagination a.NextPage:hover  { background-color: transparent; }

/* Fields and Field Containers  */
.compactInput, .stdText, .stdDropdown {border: 1px solid #565656; background-color:white;}
.FormBlock input[type=text] { background-color:white; }
.InputNextIcon .compactInput {width:95%;}
.InputNextIcon img {display:inline; margin-top:0.5em;}
.FormBlock .compactInput, .FormBlock input[type=text], .LineItemGroup .compactInput, .LineItemGroup input[type=text], 
.PODetailGroup .compactInput, .PODetailGroup input[type=text] { border-width:0px; color: #5A5A5A; }
.selectWithAdd .finder .compactInput { border-radius: 0; }
[disabled].addressWrapper, [disabled].compactInput, [disabled].labelFrame { background-color: #E6E6E6; color: #000; }
.extDropdown { background-color:white; padding-right: 0.2em; }

.selectWithAdd button { background-image: url('../../Images/CRM/shadow/PlusSignInCircle-Blue.svg'); 
    background-repeat:no-repeat; background-size: 1.3em auto; background-position:center; background-color:#ddd }

input.reqField, textarea.reqField, input.required, span.reqField, span.customerFinder.required,
div.reqField > span[role=combobox], span.supplierFinder.required, div.reqField > .employeeFinder, .supplier.reqField > .labelFrame { border-right: 3px solid #0082C6 !important; }
input.reqField[readonly]:not(.finderInput), input.required[readonly]:not(.finderInput) { border-right: 3px solid transparent !important;}
input.errInput, textarea.errInput { border-width: 0 3px 0 0 !important; border-style:solid !important; border-color:#FF0000 !important; background-color: #F0CCCC !important; }
input[type=text][disabled]{background-color:#e6e6e6;}

.employeeFinder.empty .headshot::before { background-color:#eeeeee; color:#0082C6; }
.employeeFinder.empty .FormLabel { font-style:italic; color: #666666 }

.buttonWithText.bottomText { background-color:transparent; text-transform:initial; height:auto; color:#006699; }
.buttonWithText.bottomText[disabled] { color:#6b6b6b; }

.dispField { background-color: #f8f8f8; }
.FormBlock .dispField input[type=checkbox] + label:before {box-shadow:0 0 0 1px #ddd;}

.FormBlock, #divAddressVerificationDetail .FormBlock { background-color: #EEE }

.errBlock { border:none; background-color:#ffc0cb; color:black; font-size:10pt; }
.errBlock.notification { background-color: #deecff; }
.errBlock > span { line-height:1.2em; }

.FormBlock .SectionHeader h2 { color: #000; font-size:14pt; font-weight:700; }
.FormBlock .SectionHeader h3,.FormBlockContainer .SectionHeader h3 { color: #0082C6; font-size:10.5pt; font-weight:600; }
.FormBlock .SectionHeader h5 { color: #000; font-size:10.5pt; font-weight:600; }
.FormBlock .SectionHeader h6 { color: #000; font-size:10pt; font-weight:700; }

.FormBlockContainer {background-color:#f5f5f5; padding:1em; margin-top:0.5em;}

/*license buttons*/
button.assignLicense::before { content:' '; display:inline-block; background-image: url(../../Images/CRM/shadow/arrow-right-white.svg); height:1em; width: 1em; 
                               background-repeat:no-repeat; background-size:contain; vertical-align:middle; margin-right:0.5em; }
button.revokeLicense::before { content:' '; display:inline-block; background-image: url(../../Images/CRM/shadow/WhiteArrow-PrevButtons.svg); height:1em; width: 1em; 
                               background-repeat:no-repeat; background-size:contain; vertical-align:middle; margin-right:0.5em; }

/* finder shell */
.sidebarWrapper { background-color: #d2d2d2; border-left:1px solid #cccccc; color: #565656}
.sidebarWrapper .closeButton.ui-button { background-color: #d2d2d2; }
.sidebarWrapper .closeButton { transform: rotate(-45deg); border-color: #cccccc; border-style:solid; border-width: 1px 0 0 1px; }
.sidebarWrapper .closeButton .ui-icon {transform: rotate(45deg);}

.sidebarWrapper .SectionHeader h3 {color: #0082C6; font-size:12pt; font-weight:600;}

/* blue finder fields, with color from designer */
input.finderField { background-color: #DEECFF; border-radius:0.7em;  }
input.finderField[disabled] { background-color: #BBBBBB; color: #dddddd; }

input.finderField::-webkit-input-placeholder { color: #000000; font-style:normal; }
input.finderField::-moz-placeholder { color: #000000; font-style:normal; }
input.finderField:-ms-input-placeholder { color: #000000; font-style:normal; }
input.finderField:-moz-placeholder { color: #000000; font-style: normal; }

input.finderField[disabled]::-webkit-input-placeholder { color: #dddddd; font-style:normal; }
input.finderField[disabled]::-moz-placeholder { color: #dddddd; font-style:normal; }
input.finderField[disabled]:-ms-input-placeholder { color: #dddddd; font-style:normal; }
input.finderField[disabled]:-moz-placeholder { color: #dddddd; font-style: normal; }

/* custom checkboxes + radio buttons */
input[type="radio"] + label:before, input[type="checkbox"] + label:before { background: white; border: 2px solid white; }
input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before { background-color: #0082C6; }
/* disabled custom radio buttons */
input[type="radio"]:disabled + label:before, input[type="checkbox"]:disabled + label:before { background: #ddd; border: 2px solid #ddd; }
.GridTable tbody tr:nth-child(odd) input[type="radio"]:not(:checked):disabled + label:before,
    .GridTable tbody tr:nth-child(odd):not(.detailRow) input[type="checkbox"]:not(:checked):disabled + label:before { background: #EEE; border: 2px solid #EEE; }
input[type="radio"]:disabled:checked + label:before, input[type="checkbox"]:disabled:checked + label:before { background-color: #b4b4b4; }

input[type="radio"] + label:before, input[type="checkbox"] + label:before,
.FormBlock .thumbset input[type="radio"] + .label:before, .FormBlock .thumbset input[type="checkbox"] + label:before { box-shadow:0 0 0 1px #ddd; }
.FormBlock input[type="radio"] + label:before, .FormBlock input[type="checkbox"] + label:before { box-shadow:none; }

.LineItemGroup .compactInput[readonly], .LineItemGroup input[type=text][readonly],
.PODetailGroup .compactInput[readonly], .PODetailGroup input[type=text][readonly] {
    background-color: transparent !important;
}
.LineItemGroup.Draggable[data-state='closed'] .GroupTitle::before, 
.LineItemGroup[data-state='open'] .LineItem.Draggable .ItemSequence::before{background-image: url(../../Images/CRM/shadow/GripperBarDots.svg);}

/*Language picker*/
.availLangList.talkBubbleContent { background-color: #444444; color: White; }
.availLangList li.active { color: #0082C6; }
.LanguageSelector.TransparentButton::before { content: ' '; background-image: url(../../Images/CRM/shadow/LanguageSwitcherGlobe-Blue.svg);
    background-repeat:no-repeat; display:inline-block; height:1.7em; width: 1.7em; margin-right: 0.5em;
}

/* generic buttons */
a.newButton, button, a.button{ background-color: #0082C6; color: #FFF; font-family: Open Sans; font-weight:600; font-size: 11pt; text-transform: uppercase;}
a.newButton[disabled], button[disabled]{background-color:#b4b4b4}
.addItem::before, .newButton::before, .addButton::before { background-image: url(../../Images/CRM/Shadow/PlusSignInCircle.svg); background-size:cover; }
.newRow::before, .addMultiple.ui-button::before { background-image: url(../../Images/CRM/Shadow/PlusSignInCircle-Blue.svg); background-size: cover; }
.ui-button:not(span) { text-transform: uppercase; }
.newButton::before {
    content: ' '; display:inline-block; height:1em; width:1em; vertical-align:top; margin: 0.4em 0.5em 0 0;
    background-image: url(../../Images/CRM/Shadow/PlusSignInCircle.svg); background-size:cover;}

.newButton.TransparentButton:before{background-image: url(../../Images/CRM/Shadow/PlusSignInCircle-Blue.svg);}

.connectCheck::before{
    content: ' '; display:inline-block; height:1em; width:2em; vertical-align:top; margin: 0.4em 0.5em 0 0;
    background-image: url(../../Images/CRM/Shadow/VerifyIconWhite-Horizontal.svg); background-size:contain; background-repeat:no-repeat; background-position:center;}


.SendPassResetButton::before{
    content: ' '; display:inline-block; height:1em; width:1.5em; vertical-align:top; margin: 0.4em 0.5em 0 0;
    background-image: url(../../Images/CRM/Shadow/EnvelopeWhite.svg); background-size:cover;}

.PostingButton::after{
    content: ' '; display:inline-block; height:1em; width:2em; vertical-align:top; margin: 0.4em 0 0 0.5em;
    background-image: url(../../Images/CRM/Shadow/LedgerIcon-White.svg); background-size:cover;}

.DeliveryButton::after {
    content: ' '; display:inline-block; height:1.25em; vertical-align:top; margin: 0.25em 0 0 0.5em;
    background-image: url(../../Images/CRM/Shadow/EnvelopeWhite.svg); background-size:cover;}

.DeleteButton::after {
    content: ' '; display:inline-block; width:11px; vertical-align:top; margin: 0.35em 0 0 0.5em;
    background-image: url(../../Images/CRM/Shadow/TrashCan-White.svg); background-size:cover;}

.RetryButton::after{
    content: ' '; display:inline-block; height:1em; width:1.2em; vertical-align:top; margin: 0.4em 0 0 0.5em;
    background-image: url(../../Images/CRM/Shadow/Retry-Icon-White.svg); background-size:cover;}

.UnapplyButton::before {
    content: ' '; display:inline-block; height:1em; width:1em; vertical-align:top; margin: 0.35em 0.5em 0 0em;
    background-image: url(../../Images/CRM/Shadow/MinusSignInCircle-BlueOnWhite.svg); background-size:cover;}

.CancelButton { background-color: #ffdd00; color: #555; font-weight: bold; }
.CancelButton::before{
    content: ' '; display:inline-block; height:0.8em; width:0.8em; vertical-align:top; margin: 0.45em 0.5em 0 0em;
    background-image: url(../../Images/CRM/Shadow/Black-X.svg); background-size:cover;}

.CheckButton::before {
    content: ' '; display:inline-block; height:0.8em; width:1.1em; vertical-align:top; margin: 0.45em 0.5em 0 0em;
    background-image: url(../../Images/CRM/Shadow/CheckMark-White.svg); background-size:cover;}

.CreateButton::after{
    content: ' '; display:inline-block; height:1em; width:2em; vertical-align:top; margin: 0.4em 0 0 0.5em;
    background-image: url(../../Images/CRM/Shadow/BlankLedger-White.svg); background-size:cover;}

.EditButton::after{
    content: ' '; display:inline-block; height:1em; width:2em; vertical-align:top; margin: 0.4em 0 0 0.5em;
    background-image: url(../../Images/CRM/Shadow/EditLedger-White.svg); background-size:cover;}

.NextButton::after{
    content: ' '; display:inline-block; height:1em; width:1.25em; vertical-align:top; margin: 0.35em 0 0.35em 1em;
    background-image: url(../../Images/CRM/Shadow/arrow-right-white.svg); background-size:cover;}

.NextButton.Down::after { background-image: url(../../Images/CRM/Shadow/arrow-DownWhite.svg); width: 0.9em; }

.updateButton::before {
    content: ' '; display:inline-block; height:1.25em; width:1.25em; vertical-align:top; margin: 0.4em 0.5em 0 0;
    background-image: url(../../Images/CRM/Shadow/Update.svg); background-size:cover;}

.tableButton { background-color: transparent; color: #0082C6; text-transform: capitalize; font-style: italic;
    border: none; font-weight: bold; text-decoration: none; font-size: 10.5pt; line-height: 1em; padding: 0.5em; }

.tableButton::before, .ApplyBalanceBlock h3::before { content: ' '; display: inline-block; vertical-align: middle; background-size: cover; margin-right: 0.5em; height: 18px; width: 18px; margin-bottom: 2px; }
.tableButton.searchButton::before { background-image: url(../../Images/CRM/Shadow/MagnifyingGlass-Blue.svg); }
.tableButton.addButton::before, .ApplyBalanceBlock h3::before { background-image: url(../../Images/CRM/Shadow/PlusSignInCircle-Blue-WhiteCross.svg); }

.multiSelectDropdownBox .tableButton::before { height: 15px; width: 15px; margin-bottom: 3px; }
.multiSelectDropdownBox.disabled .tableButton::before { background-image: url(../../Images/CRM/Shadow/PlusSignInCircle-Grey-WhiteCross.svg); }
.multiSelectDropdownBox.disabled .tableButton { color: #565656; }

button.confirm{background-color:#009933}
button.DeleteButton.confirm { background-color:#d90000 }

.widgetHeader .newButton { float:right; margin-top:1em; font-size: 14pt;}
/* use button - adds right-facing arrow automatically*/
.useButton::after { content: '\2192'; display:inline-block; margin-left:0.5em; }

/*test / preview banners*/
.testMessage { background: yellow; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: stretch;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #000 10px, #000 20px); }
.previewMessage { background-color:cyan; padding:0; margin:0; display:flex;align-content: center; justify-content: center; align-items: stretch;
    background-image: radial-gradient(#000 30%, transparent 30%); background-size:1.5em 1.5em; }
.previewMessage > span, .testMessage > span { background-color: inherit; padding: 0 0.5em; text-transform: uppercase; font-weight: 700; font-size: 110%; line-height: 1.5em; }

/* buttonset */
.checkboxradioTabs.flexTabs { border-color:#eee; }
.checkboxradioTabs.flexTabs input[type=checkbox] + label, .checkboxradioTabs input[type=radio] + label { background-color: #FFF; color: #0082C6; border-color:#eee; }
.checkboxradioTabs.flexTabs input[type=checkbox]:checked + label, .checkboxradioTabs:checked input[type=radio] + label { color: #FFF; background-color: #0082C6; border-color:#eee;}

/* confirmation */
.deleteConfirm {background-color: #FD0300; color:#FFF; text-transform:uppercase; padding: 0.2em 0.5em 0.2em 0.7em; 
                border-radius: 1em 0 0 1em;position: absolute; cursor: pointer; float: right; font-weight: 600; }
.linkConfirm { background-color: #008d00; color:#FFF; text-transform:uppercase; padding: 0 1.5em 0 0.7em; 
                border-radius: 1em 0 0 1em;position: absolute; cursor: pointer; float: right;}
.actionConfirm {background-color: #1683c6; color:#FFF; text-transform:uppercase; padding: 0 0.7em 0 0.5em; 
                border-radius: 0 1em 1em 0em;position: absolute; cursor: pointer; float: right; }
.statusChangeConfirm {background-color: #0592de; color:#FFF; padding: 0 1em 0 0.7em; float: right; border-radius: 0 1em 1em 0; }
.statusChangeConfirm.statusConfirmCircle { padding-left: 2em; }
.actionConfirm.delete { background-color: #FD0300; }

.actionConfirm.completeConfirm { border-radius: 1em 0 0 1em; background-color: #288d43; padding-right: 1em }
.statusConfirm {background-color: #FD0300; color:#FFF; text-transform:uppercase; 
                border-radius: 1em 0 0 1em; cursor: pointer; font-weight: 600; }
.statusConfirm.Activate { background-color: #008c00; }

/*Employee Finder*/
.headshot img {background-color:#FFFFFF; }

/* Address Input styles */
.addressWrapper { background-color:white; }
.addressWrapper .placeholderText{font-style:italic; color:#CCC;}
.addressUseLabel { background-color:lightgrey}
.addressName {font-style: italic}
.addressWrapper[aria-checked=true]::after { background-image: url(../../Images/CRM/Shadow/greencheckbutton.svg); }

/* definition block */
aside.defBlock { background-color: #deecff; }
aside.defBlock::before {color:white;text-shadow: 1px 1px 0 #ccc;}

/*message blocks*/
.messageBlock.Warn::before {background-image: url(../../Images/CRM/Shadow/YellowWarningExclamation.svg);}
.messageBlock.Warn { background-color: rgb(255,255,238); }
.messageBlock .title{ font-weight: bold; }

/* widget layout */
.widgetHeader { background-color: #DDD; }
h1.widgetHeader, .widgetHeader H1, .widgetHeader .HistoryHeaderText { font-size:22pt; color: #0082C6; font-weight: 400; }
.widgetHeader.headerRow h1 span{color:#666666}
.widgetHeader h3 { font-size: 13pt; font-weight:600; }
.widgetHeader .UseBadge { background-color: #d3d3d3; color:#FFF; text-transform:uppercase; }
.widgetHeader .UseBadge.corporate { background-color: #7042A2; }
.widgetHeader .UseBadge.personal { background-color: #1A9396; }

/*status/usage badge colors*/
.statusBadge { text-transform:uppercase; }
.statusBadge.wavePick { color:white; background-color:#FF9600; }
.statusBadge.rush { color:white; background-color: #B20000; }

/*In the widget header, h3 is used for widget type and h2 is used for the organization */
.widgetHeader .detailHeaderLeft h3 { padding-top: 0em }
.widgetHeader h2 { font-size: 20pt; color: #0082C6; font-weight: 400; }

/*header link decorations*/
.docLink::before { content: ' '; display: inline-block; width:1.4em; height:0.8em; vertical-align:baseline; 
    background-image: url(../../Images/CRM/shadow/BlueChain.svg); background-size:cover; background-position:center; 
    background-repeat:no-repeat; margin-right:0.3em; }
.docLink.orders::before { width: 0.8em; background-image: url(../../Images/CRM/shadow/BlueOrders.svg); }
.docLink.quotes::before { width: 0.8em; background-image: url(../../Images/CRM/shadow/BlueQuotes.svg); }

.widgetHeader input[type=text] { border-width:0px; background-color:#ffffff; }
.widgetHeader .ui-selectmenu-button { border-width: 0px; }

.widgetHeader input[type=text][disabled] { background-color:#e6e6e6;}
@media only screen and (max-width:750px) {
    .widgetHeader.headerRow .DateCalendar input{background-color:#ddd; color:#0082C6}
    .widgetHeader.headerRow .DateCalendar input::-webkit-input-placeholder {color:#0082c6; }
    .widgetHeader.headerRow .DateCalendar input::-moz-placeholder {color:#0082c6; }
    .widgetHeader.headerRow .DateCalendar input:-ms-input-placeholder {color:#0082c6;}

    .widgetHeader.headerRow .Calendar[disabled] .DateCalendar input{color:#565656}
}

/* Site Masthead */
.Masthead { color: #FFFFFF; }

.MenuBar, .MenuBar ul, .mainMenu, .systemModules { background-color: #000000;  color:#FFFFFF; }

.systemModules a { color:#FFFFFF; text-decoration:none; font-size: 1.4vw; border-bottom:0.2em solid transparent;}
.systemModules a:hover, .systemModules a:active, .systemModules a.selected { color:#FFFFFF; text-decoration:none; 
    border-bottom: 0.2em solid #0082c6; font-size: 1.4vw;}

.MenuBar .customerSelect[disabled], .MenuBar .customerSelect[disabled] * { color: #CFCFCF; }
.MenuBar a[disabled], .MenuBar a[disabled].selected, .MenuBar a[disabled]:hover { color: #6B6B6B; border-bottom:0.2em solid transparent; font-size: 15pt;}

/*max out font sizes at 15pt for larger devices */
@media only screen and (min-width:1275px) {
   .systemModules  a, .systemModules a:hover, .systemModules a:active, .systemModules a.selected {  font-size:15pt;}
}
@media only screen and (max-width:1140px) { ul.systemModules li { padding: 0em 0.8em; } }
@media only screen and (max-width:750px) {
   .systemModules  a, .systemModules a:hover, .systemModules a:active, .systemModules a.selected {  font-size: 10pt;}   
}


/*search input box, and its place holder*/
.CRMOrganizationFinder input::-webkit-input-placeholder {color:#0082c6; font-weight:bold; }
.CRMOrganizationFinder input::-moz-placeholder {color:#0082c6; font-weight:bold; }
.CRMOrganizationFinder input:-ms-input-placeholder {color:#0082c6; font-weight:bold;}
.CRMOrganizationFinder input{ background-color:black; color:#0082c6;}
.CRMOrganizationFinder .popularOrganization li:hover{background-color:#0082c6}
.OrganizationDropHolder *{background-color:black; }
.HeaderOrganizationDetail, .HeaderOrganizationDetail:link, .HeaderOrganizationDetail:hover, .HeaderOrganizationDetail:active,
.HeaderOrganizationDetail:visited { text-decoration:none; }


/* status widgets  -default label backgrounds to gray */
.statusBlock { background-color:white; }
.statusBlock :nth-child(2) { color:#FFFFFF; background-color: #777777; }
/*Medium Blue*/
.statusBlock .statusInHandsToday, .statusBlock .statusDueThisWeek, .statusBlock .statusOpen, 
.statusBlock .statusPOPending, .statusBlock .statusInProcess, .statusBlock .statusNewThisWeek, .statusBlock .statusAvailable{ background-color: #008EC7; }
.statusBlock .statusCompleteToday{ background-color: #CCCCCC; }
.statusBlock .statusCompleteWeek, .statusBlock .statusConfirmed, .statusBlock .statusExpired, .statusBlock .statusRecentlyExpired{ background-color: #A2A2A2; }
/*Grey*/
.statusBlock .statusCompleteMonth, .statusBlock .statusCompleted, .statusBlock .statusExp,
.statusBlock .statusPastDeadline { background-color: #777777; }
.statusBlock .statusUnconfirmed{ background-color: #FF8200; }
/*Dark Blue*/
.statusBlock .statusInHandsThisWeek, .statusBlock .statusDueThisMonth, .statusBlock .statusPOOpen, 
.statusBlock .statusOnHand, .statusBlock .statusExpLastMonth, .statusBlock .statusDeadlineThisMonth { background-color: #004CB4; }
/*Orange*/
.statusBlock .statusPOUnconfirmed, .statusBlock .statusOnOrder, 
.statusBlock .statusExpThisWeek, .statusBlock .statusCloseThisMonth { background-color: #FA9300; }
.statusBlock .statusDueToday{ background-color: #F16600; }
.statusBlock .statusOverdue, .statusBlock .statusCritical{ background-color: #C22200; }
/*Red*/
.statusBlock .statusCreditHold, .statusBlock .statusExpToday, .statusBlock .statusCloseThisWeek { background-color: #C22200; }
/*Yellow*/
.statusBlock .statusNeedsAttention, .statusBlock .statusExpiring, .statusBlock .statusExpLastWeek,
.statusBlock .statusDeadlineThisWeek { background-color: #FFC000; }
/*Green*/
.statusBlock .statusOpen, .statusBlock .statusPOConfirmed, .statusBlock .statusAllocated, .statusBlock .statusOK { background-color: #00AF4F; }
.statusBlock .statusDueToday, .statusBlock .statusNotStarted, .statusBlock .statusMostActive { background-color: #66C4FF; }
.statusBlock .statusNewThisWeek { background-color: #008C00; }
.statusBlock .statusTopProducts { background-color: #7B52A9; }
.statusBlock .statusBackordered{ background-color: #A82D10; }
.statusBlock .summaryTotalBills { background-color: #444444; }
.statusBlock .statusRecentlyExpired { background-color: #cccccc; }
.statusBlock .statusComing { background-color: #00AF4F; }
.statusBlock .statusWIP, .statusBlock span.statusAbandoned {background-color: #ffc926; color:#565656; }
.summaryWidget[data-state='open'] .TotalSummary .statusBlock .count { background-color: #777777; color:white; } 
.summaryWidget[data-state='open'] .TotalSummary .statusBlock span:nth-child(2) { background-color: #444444; color:white; } 
.summaryWidget .TotalSummary .statusBlock span{ transition: all ease 500ms; }

.StatusBlock .fieldBlock .progressLine, .StatusBlock .fieldBlock .progressLine div { border-top-color: black; }

.statusBlock .summaryAutoInvoice.processingOn { background-color: #1a6600; }
.statusBlock .summaryAutoInvoice.processingOff { background-color: #C22200; }

.Circle.Gray, .Square.Gray{border-color:#666666}
.Circle.DisabledStatusBorder, .Square.DisabledStatusBorder{border-color:#666666;}
.Circle.DisabledStatus, .Square.DisabledStatus{background-color:#666666; border-color:#666666;}
.Square { border: 0.2em solid; background-color:#EEE;}
.Circle{ background-color:#EEE;}
.ActiveStatus { background-color: #0592de; border-color: #0592de;}
.ActiveStatusBorder {border-color: #0592de;}
.GoodStatus { background-color: #1a6600; border-color: #1a6600;}
.GoodStatusBorder { border-color: #1a6600;}
.BadStatus { background-color: #BA2025; border-color: #BA2025; }
.Circle.CompletedStatus, .Square.CompletedStatus  { background-color: #1a6600; border-color: #1a6600; }
.NeutralStatus{ background-color: #FFDD00; border-color: #FFDD00; }
.Square.lockedWIP{background-size:4em; background-image:url(../../Images/CRM/shadow/WIPStatusSymbol.svg); background-repeat: no-repeat; background-position: 50% 60%;}
.StatusChecked { background-size:1.75em; background-image:url(../../Images/CRM/shadow/CheckMark-White.svg); background-repeat: no-repeat; background-position: center;  }
.StatusProcessing::before { content: ' '; display: block; width: 1.7em; height: 1.7em; border-radius: 0.8em; background-color: transparent;
    margin: 0.15em; border-style: solid; border-width: 0.2em; box-sizing: border-box; border-color: #000 #FFF #FFF #FFF; animation: throbber 1500ms linear infinite; }
.StatusCanceled  {background-size:1.5em; background-image:url(../../Images/CRM/shadow/White-X.svg);background-repeat: no-repeat; background-position: 50% 45%;  }
.StatusBlock .Cart { background-image: url(../../Images/CRM/shadow/CartEmpty-Gray.svg); background-color: transparent; }
.StatusBlock .Cart.ActiveStatus  { background-image: url(../../Images/CRM/shadow/CartFull-Blue.svg); }
.StatusBlock .Cart.GoodStatus, .StatusBlock .DisabledStatusBorder .Cart.GoodStatus  { background-image: url(../../Images/CRM/shadow/CartFull-Green.svg); }

.StatusBlock .fieldBlock > div[aria-selected=true]::after { border-color:black; }

.Circle.Gray.checked { background-color:inherit; background-image:url(../../Images/CRM/shadow/Pending-Gray.svg) }
.Circle.canceled { background-image:url(../../Images/CRM/shadow/Vouched-No-Red-X.svg) }

#pnlDetail #pnlStatusBar.locked .orderStatus div, .currentStatus.readonly .orderStatus div, #pnlHeader #pnlStatusBar.locked .RecurrenceStatus div {background-color:#666666; border-color:#666666;}
#pnlDetail #pnlStatusBar.locked .orderStatus div.Cart, .StatusBlock .DisabledStatusBorder .Cart { background-color:transparent; background-image: url(../../Images/CRM/shadow/CartEmpty-Gray.svg); }

.summaryWidget .NetIncome .FormLabel, .summaryWidget .Expenses, .summaryWidget .Returns { color: #0082C6; }
.summaryWidget .Income, .summaryWidget .TotalShipments .FormLabel, .summaryWidget .Sales { color:#00af4f; } 
.summaryWidget .CurrentReceivables, .summaryWidget .CurrentPayables, .summaryWidget .Payments { color: #008C00; }
.summaryWidget .PastDue, .summaryWidget .Open:not(.noValue), .summaryWidget .statusBlock.Open:not(.noValue) .count{ color: #F00; }
.summaryWidget .Total { color: black; }
.summaryWidget .summaryTransactions { background-color:#008ec7; }
.summaryWidget .statusPending { background-color: #66C4FF; color: white; color:#FFFFFF; }
.summaryWidget .statusDue { background-color: #FF8200; color: white; }
.summaryWidget .statusFuture { background-color: #004CB4; color: white; }
.summaryWidget .statusOnHold { background-color: #A82D10; color: white; }
.summaryWidget .summaryTotal, .ReverseSummaryTotal, tfoot.SummaryTotal{ background-color: #444444; color:#FFFFFF; }
.summaryWidget .SectionHeader h2 { color: inherit; } 
.summaryWidget .statusBlock .daysOld {color:inherit; background-color: inherit;}

.SummaryTotal a:link, .SummaryTotal a:visited { color:#7bccff; text-decoration: none; }
.SummaryTotal a:active, .SummaryTotal a:hover { color:#7bccff; text-decoration: underline; }

/* Sidebar */
.GroupHeader, .GroupHeader a {font-size: 13.5pt;}

.GroupContents .sidebarDocument, .GroupContents .subDocument, .GroupContents .sidebarHistory, .GroupContents .sidebarInvoices,
.GroupContents .sidebarTransactions, .GroupContents .itemAction  { background-color:#3F3F3f; }
.GroupContents .sidebarDocument.Selected, .GroupContents .subDocument.Selected, .GroupContents .sidebarHistory.Selected, 
.GroupContents .sidebarInvoices.Selected, .GroupContents .sidebarTransactions.Selected { background-color: transparent; }

.ActionBar .Selected { background-position: right center; background-image: url(../../Images/CRM/shadow/sidebar-active-pointer.svg);
                   background-size: 105% auto; background-repeat:no-repeat; }
.Group .Action.Selected span:last-child { 
    background-image: -moz-linear-gradient(top, #646464, #474747);
	background-image: -ms-linear-gradient(top, #646464, #474747);
    background-image: -webkit-linear-gradient(top, #646464, #474747);
    background-image: linear-gradient(top, #646464, #474747);
	border:1px solid #646464; }
.Group .Action.Selected span:last-child:first-child { border:none; background-image:none; background-color:transparent;}

.ActionBar { background-color: #565656; }

@media only screen and (max-width:1024px) { .systemModules .ActionBar .Action.Selected, .mainMenu .Group.Selected { background-color: black; } }

/* Sidebar hover/active styles */
.Group:not(.Selected) .GroupHeader:hover {background-color: #808080;}

.Group.active { background-color: #808080;}

.customerSelectInfo a, .customerSelectInfo a:active, .customerSelectInfo a:link, .customerSelectInfo a:visited,
.Group a, .Group a:active, .Group a:link, .Group a:visited { text-decoration:none !important;  color: #FFFFFF !important; }

.Group .Action { font-size: 9.8pt; color:#FFF; }
.Group .Action span:last-child { background-color: #B8B8B8;	 border:1px solid #8B8B8B; }
	
a.ActionLink{color:#0082C6}

.RowStyle, .AlternatingRowStyle { background-color: #FFFFFF; }

/*calendar*/
.DateCalendar { color: #3F3F3F; }
.Calendar.statusWarn .DateCalendar .header { background-color: #ffd62f; color: black; }
.statusWarn .DateCalendar > span:last-child { color: #ffd62f;  text-shadow: 0.5px 0.5px 0.5px #808080, -0.5px -0.5px 0 #808080; }
.Calendar.statusCritical .DateCalendar .header { background-color: #B20000; color: white; }
.statusCritical .DateCalendar > span:last-child { color: #B20000; }

/********************************* Notification Queue *********************************/
.notificationQueue .notification { font-weight: 600; }
.notification.statusOK { color:#FFF; background-color:#008C00;}
.notification.statusWarn { color:#000; background-color:#FFDD00;}
.notification.statusCritical { color:#FFF; background-color:#B20000;}
.notification.statusReminder { color: #FFF; background-color:#069ee7;}

.notification.statusOK .notificationActions:last-child button { background-color:#FFF; border-color:#FFF; color: #008C00; }
.notification.statusOK .notificationActions:last-child  .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_4b8e0b_256x240.png"); }

.notification.statusCritical button { color:#B20000;}
.notification.statusCritical .ui-button-icon-only .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); }
.notification.statusCritical .notificationActions:last-child button { background-color:#FFF; border-color:#FFF }
.notification.statusCritical .notificationActions:last-child  .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_a83300_256x240.png"); }
.notification button { font-size: smaller;}
.notification button + button { margin-left: 0.5em; }
.notification button .note { color:#565656; font-weight:400; margin-left:0.2em; }

.notification.statusWarn .notificationClose.ui-button .ui-icon, 
.notification.statusWarn .notificationClose:hover .ui-icon, 
.notification.statusWarn .notificationClose:active .ui-icon {
    background-image: url("../../Images/jQueryUI/ui-icons_222222_256x240.png"); border-width:0;
}

.notification.statusReminder .ui-button.ui-button-icon-only { background-color: transparent; }
.notification.statusReminder .notificationActions:last-child button { background-color: #FFF; color: #069ee7; border-width: 0; }
.notification.statusReminder .ui-button .ui-icon {
    background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png"); 
}
.notification.statusReminder .ui-button-icon-only .ui-icon,
.notification.statusOK .notificationClose.ui-button .ui-icon {
    background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png")
}

.PrintPreview iframe { border: 1px solid black; background-color: #333; }

/************************************** Finders & Finder Grids ********************************/

.ui-dialog-content .CartTable tr td button { font-size:75%; padding:0.1em 0.6em; }


.ui-autocomplete.CRMClientOptions{ border:none; color:white;font-weight:bold; background-color:#000000; }
.ui-autocomplete.CRMClientOptions li.ui-menu-item { border:none; }

/************************************* Order Detail Line Items *******************************/
.CartTable input[type=text].hoverEdit { border: 1px solid transparent; background-color:transparent; width:75px; padding:0.1em;}
.CartTable input[type=text].hoverEdit:hover,
.CartTable input[type=text].hoverEdit:focus {  border: 1px solid #565656; background-color: #FFFFFF; }
.CartTable td.lineNumber{ vertical-align:top; text-align: center; min-width: 3em; }

/********************************** Order Detail Add Item Dialog *****************************/

.ui-dialog-content h1, .ui-dialog-content h3, .ui-dialog-content h6 { font-weight: 400}

.imgbox { float: right; padding: 5px; border: 1px solid #EEEEEE; width:100px; height:100px; }
.imgbox .stdImage { max-width: 100px; max-height: 100px; margin: 0 auto; }



/************************************ HOMEPAGE + LOGIN STYLES ********************************/
.chartKey span { font-size:8.5pt; }

/***************************** TEMP GLOBAL STYLES ********************************************/

/* TEMPORARY COLOR FOR BORDERS -- SEMITRANSPARENT TEXT COLOR */
.CartTable td { border-color: rgba(90,90,90,0.4); }
.numeric { text-align:right; }


/*********************************** jQuery UI ************************************************/

.ui-widget-content { background-color: #ffffff; }
.ui-widget-content { border-color: #B4B4B4; border-style:} solid; border-width: 1px; }
.bottomBorder {  border-bottom: thin solid #B4B4B4;}
.topBorder { border-top: thin solid #B4B4B4; }
.leftBorder { border-left: thin solid #B4B4B4; }
.rightBorder { border-right: thin solid #B4B4B4; }
.ui-widget {  color: #5A5A5A; font-size: 10.5pt; text-decoration: none; }

.ui-menu  { border:none; background-color:#fbfbfb; }

.ui-widget-header { background-color: #FFFFFF; color: #5A5A5A; font-weight: bold; font-size:90%; }
.ui-dialog .ui-widget-header {background-color: #ccc}
.ui-widget-header a { color: #0073b3; font-size: 10.5pt; font-weight: bold; }
.ui-button.ui-selectmenu-button-closed, .ui-widget-content .ui-button.ui-selectmenu-button-closed,
.ui-state-default, .ui-widget-content .ui-state-default{
    background-color: #FFFFFF; border: 1px solid #5A5A5A; color: #5A5A5A; font-weight:600; outline: none;}
.ui-button, .ui-widget-content .ui-button{
    background-color: #0082C6; border: 1px solid #0082C6; color: #FFFFFF; font-weight:600; outline: none;}
.ui-button[disabled], .ui-widget-content .ui-button[disabled] {
    background-color: #B4B4B4; border: 1px solid #B4B4B4; color: #EEE; font-weight: bold; outline: none;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #5A5A5A; outline: none; text-decoration: none;}
.ui-selectmenu-button:hover, .ui-widget-content .ui-button-selectmenu:hover,
.ui-widget-content .ui-button.ui-selectmenu-button:focus, 
.ui-widget.ui-button.ui-selectmenu-button:hover,
.ui-state-hover, .ui-widget-content .ui-state-hover{ background-color: #0082C6; border: 1px solid #FFFFFF; color: #FFFFFF;  outline: none;}
.ui-button.ui-selectmenu-button.ui-widget.ui-selectmenu-disabled { background-color: #e6e6e6; }
.ui-menu .ui-menu-item{font-weight:600}
.ui-state-hover a, .ui-state-hover a:hover { color: #006699; outline: none; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #0082C6; border: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; outline: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #FFFFFF; outline: none; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: #0082C6; border: 1px solid #CCCCCC; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
    background-color: #0082C6; border: 1px solid #000000; color: #FFFFFF; font-weight: bold; }
.ui-state-error, .ui-widget-content .ui-state-error {    background: #FF0000; border: 1px solid #FF0000;}
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #5A5A5A; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #5A5A5A; }
.ui-state-default .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_222222_256x240.png"); height: 16px; width: 16px;}
.ui-widget-content .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png");}
.ui-state-default .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_222222_256x240.png"); }
.ui-button .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); }
.ui-button[disabled] .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_cccccc_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-selectmenu-button:hover .ui-icon,  
.ui-selectmenu-button:focus .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); }
.ui-state-active .ui-icon, .ui-state-active .ui-icon.ui-button-icon{ background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); }
.ui-state-highlight .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_222222_256x240.png"); }
.labelFrame.selectedItem { background-color: #CCFFFF; }
.ui-button-icon-only { background-color:transparent; border-color:transparent; }
.ui-button-icon-only .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png"); }
.finderSubmitButton.ui-button-icon-only .ui-icon  { background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); }
.ui-dialog { border-radius: 0px; background-clip: padding-box; box-shadow:1px 1px 3px #565656; background-color:#eee}
.ui-dialog.ui-widget{padding:0;}
.ui-dialog .ui-dialog-titlebar-close {border-radius: 12px; height:21px; width:21px;}
.ui-dialog-titlebar-close { background-color: #0073b3; border-width:0px;}
.ui-dialog-titlebar-close .ui-icon.ui-button-icon { background-image: url("../../Images/jQueryUI/ui-icons_ffffff_256x240.png"); margin-left:-9px; margin-top:-9px;}
.ui-widget-overlay { background-color: rgba(86,86,86,0.9); }

/* datepicker dialog */
.ui-datepicker { border: 7px solid #B4B4B4; border-radius: 0px; background-clip: padding-box; box-shadow: 1px 1px 3px #565656; }
.ui-datepicker  ui-datepicker-days-cell-over { border-width:0; }

/* datepicker styling to match daterangepicker*/
.ui-datepicker.ui-widget { color: #5A5A5A; font-size: 10.5pt; text-decoration: none; border: 1px solid #ddd; border-radius: 4px; }
.ui-datepicker .ui-button.ui-selectmenu-button-closed, .ui-datepicker.ui-widget-content .ui-button.ui-selectmenu-button-closed{
    background-color: #FFFFFF; border: 1px solid #5A5A5A; color: #5A5A5A; font-weight: bold; outline: none;}
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default{
    background-color: #FFFFFF; color: #5A5A5A; font-weight: normal; outline: none; text-align:center; border: none; }
.ui-datepicker.ui-widget.ui-button.ui-selectmenu-button:hover{ background-color: #0082C6; color: #FFFFFF;  outline: none;}
.ui-datepicker .ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-hover{ background-color: #0082C6; color: #FFFFFF;  outline: none; border-radius: 4px; }
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight { background-color: #0082C6; color: #FFFFFF; border-radius: 4px; }
.ui-datepicker .ui-datepicker-calendar td{ border:0; padding:0px; }
.ui-datepicker .ui-datepicker-calendar td span,.ui-datepicker .ui-datepicker-calendar td a{ padding:5px 0px; width:34px; height:24px; }
.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled > .ui-state-default { background-color: #e6e6e6; }

/* daterangepicker styling*/
.daterangepicker { color: inherit; background-color: #fff; border: 1px solid #ddd; }
.daterangepicker:before, .daterangepicker:after { border-bottom-color: rgba(0, 0, 0, 0.2); }
.daterangepicker:before { border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }
.daterangepicker:after { border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.daterangepicker.drop-up:before { border-top: 7px solid #ccc; }
.daterangepicker.drop-up:after { border-top: 6px solid #fff; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { background-image: url(../../Images/jQueryUI/ui-icons_0085D2_256x240.png); }
.daterangepicker .calendar-table .next:hover span, .daterangepicker .calendar-table .prev:hover span { background-image: url(../../Images/jQueryUI/ui-icons_ffffff_256x240.png); }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { border: 1px solid transparent; }
.daterangepicker .calendar-table { border: 1px solid #fff; background-color: #fff; }
.daterangepicker .calendar-table table { color: #5A5A5A; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #0082C6; border-color: transparent; color: #FFFFFF; }
.daterangepicker td.week, .daterangepicker th.week { color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }
.daterangepicker .calendar-table.warning .in-range { background-color: lightyellow; border-color: transparent; color: #000; }
.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #FFFFFF; }
.daterangepicker .calendar-table.warning td.active { background-color: #FFD800; color: inherit; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; background-color: #f0cccc; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { background: #eee; border: 1px solid #eee; }
.daterangepicker .calendar-time select.disabled { color: #ccc; }
.daterangepicker .drp-buttons { border-top: 1px solid #ddd; }
.daterangepicker .aside.dateDefBlock {background-color: #DEECFF; color: #5A5A5A; }
.daterangepicker .aside.dateDefBlock.daterangeWarning { background-color: lightyellow; }
.daterangepicker .aside.dateDefBlock.daterangeCritical { background-color: #f0cccc; }
.daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; }
.daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; }
.daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; }
.daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; }
.daterangepicker .ranges li { color: #5A5A5A; }
.daterangepicker .ranges li:hover { background-color: #eee; }
.daterangepicker .ranges li.active { background-color: #08c; color: #fff; }

/* stuff that needs the blue jQuery UI icons*/
.ui-selectmenu-button .ui-icon, .footerTools .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png"); }

/*filters */
.filtersContainer .ui-button.ui-selectmenu-button.ui-widget, .ui-widget-content .filtersContainer .ui-button.ui-selectmenu-button, 
.filtersContainer input, .filtersContainer .ui-button.ui-selectmenu-button.ui-widget:hover, .filtersContainer .customerFinder .tagBox,
.filtersContainer .finder .tagBox, .FormBlock .filtersContainer input { background-color:#DEECFF; color:black; }

.filtersContainer .ui-selectmenu-button:hover .ui-icon, .filtersContainer .ui-state-hover .ui-icon { background-image: url(../../Images/jQueryUI/ui-icons_0085D2_256x240.png); } 

/* header select */
.widgetHeader.dashboardHeader.headerRow .ui-button.ui-selectmenu-button-closed,
.widgetHeader.dashboardHeader.headerRow .ui-widget-content .ui-button.ui-selectmenu-button-closed { border-width: 0 }

/* highlight the range on the jQuery UI slider and add an inset shadow to match design */
.ui-slider.ui-slider-horizontal { box-shadow: 0 2px 2px #ccc inset; height:1em;}
.ui-slider.ui-slider-horizontal .ui-slider-handle { height: 1.4em; }
.ui-slider-range { background-color:#3595C9; }

/* disabled select menu*/
.ui-selectmenu-disabled { background-color: #E6E6E6; color: #000; }
.ui-selectmenu-disabled.ui-selectmenu-button .ui-icon{ background-image: url("../../Images/jQueryUI/ui-icons_cccccc_256x240.png"); }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {color:#FFFFFF; background-color:#A9A9A9; }

.statusOK, a.statusOK:link, a.statusOK:active, a.statusOK:visited { color: #009900; }
.statusWarn, a.statusWarn:link, a.statusWarn:active, a.statusWarn:visited { color: #FF9900; }
.statusCritical, a.statusCritical:link, a.statusCritical:active, a.statusCritical:visited { color: #B20000; }

.FormBlock .orderStat, .currentStatus .orderStat { background-image: url(../../Images/CRM/Shadow/Status.png); color: #A3A3A3; border-bottom-color:#eee;}
.FormBlock .orderStat[disabled], .currentStatus .orderStat[disabled] { color: #A3A3A3; }
.FormBlock .orderStat.active, .currentStatus .orderStat.active { color: #000000; background-position: 0 -87px; border-bottom-color: #000; }
.FormBlock .orderStat.active:hover, .currentStatus .orderStat.active:hover { color: #FFF; background-position: 0 -182px; }
.FormBlock .orderStat.complete, .currentStatus .orderStat.complete { color: #008C00; background-position: 0 -273px; }
.FormBlock .orderStat.complete:hover, .currentStatus .orderStat.complete:hover { color: #FFF; background-position: 0 -360px; }
.FormBlock .orderStat.canceled, .FormBlock .orderStat.canceled.active, .FormBlock .orderStat.canceled.active:hover {
    color: #B20000; background-position: 0 -447px; }
.FormBlock .orderStat.canceled.active, .FormBlock .orderStat.canceled.active:hover { border-bottom-color: #B20000; }
.FormBlock .orderStat.canceled:hover { color: #FFF; background-position: 0 -536px; }


/* Footer Bars */
.footerTools .icons { background-color:#535353; }
.footerTools .options { background-color: #666666; display:none; color:#ffffff; }
.footerTools .options a, .footerTools .options a:link, .footerTools .options a:active, .footerTools .options a:hover,
.footerTools .options a:visited { color:#ffffff; text-decoration:none; }
.footerTools .options a[disabled] { color: #ccc; }
.footerTools .options  .optionGroup > .optionBlock a::before{
    content: ' '; display:inline-block; height:12px; width:12px; vertical-align:top; margin-right:0.5em;
    background-image: url(../../Images/CRM/Shadow/PlusSignInCircle.svg); background-size:cover;}
.footerTools .options  .optionGroup > .optionBlock a[disabled]::before{height:1em; background-image: url(../../Images/CRM/Shadow/CheckMark-LightGreen.svg); }

/* Line Items */
.LineItemsHeader, .POLineItemsHeader { background-color: #eee; color: #000000; }
.LineItemGroup > .contents .SequenceSpacer, .LineItemGroup > .OutputContents .SequenceSpacer,
    .PODetailGroup .sequenceBlock, .OrderLineItemStatusGroup .sequenceBlock,.LineItemGroup .GroupToggle { background-color:#ddd; }

.GroupToggle{ border-top:0.2em solid #ddd }
.LineItemGroup[data-state='open'] .GroupToggle, .LineItemSummary ~ .LineItemDetails + .LineItemDetailToggleContainer .LineItemDetailToggle,
.summaryWidget[data-state='open'] .DashboardToggleContainer .DashboardToggle, .PODetailLineItemDetails + .LineItemDetailToggleContainer .LineItemDetailToggle,
.RequiredProductSummary.Open .LineItemDetailToggle {
    background-image: url("../../Images/CRM/shadow/UpArrowBlue.svg")
}
.LineItemGroup[data-state='closed'] .GroupToggle, .LineItemSummary ~ .LineItemDetailToggleContainer .LineItemDetailToggle,
.summaryWidget[data-state='closed'] .DashboardToggleContainer .DashboardToggle,
.RequiredProductSummary .LineItemDetailToggle {
    background-image: url("../../Images/CRM/shadow/DownArrow-Blue.svg")
}
.LineItemDetailToggleContainer, .DashboardToggleContainer{ background-color:#fff; border-top:1px solid #ddd; }

.GroupSequence { display:block; font-size:170%; }
.GroupSequence a,.LineItemSummary a, .LineItemGroup .LineItemOutput a {color:#0082c6}
.LineItemGroupHeader{background-color:#ddd; line-height:3em}
.LineItemGroup .GroupTitle,.LineItemGroup .GroupTitle input{color:#000; font-weight:600}
.LineItemGroupHeader .expandRightToggle {margin-left: 1em;}
.LineItemGroupHeader .expandRightToggle, .LineItemGroupHeader .expandRightOptions {background-color: #ededed;}
.LineItemGroup .contents .LineItem,.LineItemDetailToggle, .GroupItems .GroupOption, .PODetailGroup .contents { background-color: #F5F5F5; }
.LineItemGroup .contents .LineItem.IsMaterial, .LineItem.IsMaterial .LineItemDetailToggleContainer .LineItemDetailToggle { background-color: #E6E6E6 }
.LineItemGroup .contents .LineItem.IsMaterial .optionContainer .expandRightToggle, .LineItem.IsMaterial .optionContainer .expandRightOptions { background-color: #F5F5F5 }
.DashboardToggle { background-color: #EEE; }
.subCard h6, .PODetailLineItemDetails .subCard > h6 {color:#0082C6;}
.subCard { background-color: #eee; }
.subCard .subCard{background-color:#ddd}
.subCard .subCard .Calendar{background-color:#ffffff;}
.subCard .rush{color:#BA2025}
.subCard.InComplete.collapsed{background-color:#FEFFEF;}
.OrderDetailSurvey.FormBlock, .subCard.surveySummary{background-color:#ddd; }
.subCard.collapsed:hover { background-color: #ddd}

.productDetailCard.BasicInfo {background-color:#fff}
/*mobile view line item section*/
@media only screen and (max-width:750px) {
    .LineItemSummary > div{color:#000}
    .LineItemSummary > div::before{content:attr(data-header);display:block; color:#565656}
}
.talkBubbleContent.PriceAllocationDetail,.talkBubbleContent.SubStandardImageSummary, 
    .talkBubbleContent.SurveyWarning, .talkBubbleContent.ItemSyncOptions,
    .talkBubbleContent.QuantitySyncDetail {background-color:#535353; color:#FFF;}

.optionContainer.close .expandRightToggle{background-image:url("../../Images/CRM/shadow/NextArrowBlue.svg") }
.optionContainer.open .expandRightToggle{background-image:url("../../Images/CRM/shadow/PrevArrowBlue.svg")}

@media only screen and (max-width:750px) {
    /*reverse the arrow*/
.optionContainer.open .expandRightToggle{background-image:url("../../Images/CRM/shadow/NextArrowBlue.svg") }
.optionContainer.close .expandRightToggle{background-image:url("../../Images/CRM/shadow/PrevArrowBlue.svg")}
}
.ui-button.expandToggle .ui-icon, .ui-button.expandToggle:active .ui-icon { 
    background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png"); }

/* upload fields */
.thumbset { background-color:white; }
.fieldBlock .thumbset .headshot .msg  { background-color: #0082C6; color:white; }

/* Add Item dialog */
.ui-dialog .LineItemAddDialog.ui-dialog-content{background-color:#eee; padding:0;}
.LineItemAddDialog .FormBlock{background-color:#f5f5f5}
.LineItemAddDialog .FormBlock.catalogSidebar{background-color:#eee; }
.ProductSearch {background-color: #ccc; }
.ProductSearch button { background-color: #0082C6; color:white; font-weight:bold;}
.ProductSearch button[disabled]{background-color:#ddd;}
.ProductSearch input { border:none; background-color:white; }
.ProductSearch input[disabled]{background-color: #eee;}
.ProductSearch .ui-selectmenu-button { border:none; }
.ViewMode .GridView.active{background-image:url("../../Images/CRM/shadow/ApplicationSwitcher-Gray.svg")}
.ViewMode .GridView{background-image:url("../../Images/CRM/shadow/ApplicationSwitcher-Blue.svg")}
.ViewMode .ListView.active{background-image:url("../../Images/CRM/shadow/ListViewIcon-Gray.svg")}
.ViewMode .ListView{background-image:url("../../Images/CRM/shadow/ListViewIcon-Blue.svg")}
.ViewMode .CardView.active{background-image:url("../../Images/CRM/shadow/CardViewIcon-Gray.svg")}
.ViewMode .CardView{background-image:url("../../Images/CRM/shadow/CardViewIcon-Blue.svg")}
.ViewMode .FullCardView.active{background-image:url("../../Images/CRM/shadow/CardViewIcon-Gray.svg")}
.ViewMode .FullCardView{background-image:url("../../Images/CRM/shadow/CardViewIcon-Blue.svg")}
.ViewMode .CompactCardView.active{background-image:url("../../Images/CRM/shadow/ApplicationSwitcher-Gray.svg")}
.ViewMode .CompactCardView{background-image:url("../../Images/CRM/shadow/ApplicationSwitcher-Blue.svg")}

.catalogSidebar h6 { font-weight:600; color: #0082C6;}
.catalogSidebar ul { margin-left:1em; color: #0082C6; font-size:90%; list-style-type:none;}

.catalogContent .breadcrumb { color: #0082C6; font-weight:600; }
.catalogContent .options{background-color:white}
.catalogContent .options td { color: #0082C6; font-size:85%; }
.orderHeaderInfo > span, .headerInfo >span { color: #000000;}

.catalogContent .options > div .ItemSKU { color: #0082C6;  }
.catalogContent .options > div .ItemName span { color: #0082C6;  }

.ReturnBar { background-color: #000000; color:#1586c2; }
.ReturnBar span { font-weight: bold; }

@media only screen and (max-width: 750px) {
    .ZoneBoxHolder.AddItemDialog { background-color: white; }
}

/* Add Custom Item */
.customProductDefinition td input { border-left:1px solid white; border-top:1px solid white; border-bottom:1px solid white; }

.customProductDefinition textarea::-moz-placeholder,.customProductDefinition input::-moz-placeholder{ color: #0082C6;}
.customProductDefinition textarea::-webkit-input-placeholder, .customProductDefinition input::-webkit-input-placeholder{ color: #0082C6; }
.customProductDefinition textarea:-ms-input-placeholder,.customProductDefinition input:-ms-input-placeholder { color: #0082C6;}
.customProductDefinition .FormLabel { font-weight:bold; color:#0082C6;}
.customProductDefinition #txtCustName::-moz-placeholder{ font-size:1.2em}
.customProductDefinition #txtCustName::-webkit-input-placeholder{ font-size:1.2em }
.customProductDefinition #txtCustName:-ms-input-placeholder{ font-size:1.2em}

.customProductDefinition .dropZone { text-align:center;}

.customProductDefinition .ui-selectmenu-button{border:none;}
.customProductDefinition .ui-selectmenu-button.ui-state-focus .ui-icon,

.customProductDefinition .tinyText { color: #0082C6;  font-weight:600; float:right;}
.customProductDefinition .systemIcon { float:right; }


/*add stock item */
.LineItemDialog, .LineItemDialog .PanelHeader { color: #565656; }
.lowestPrice { color: red; font-weight: 600; }
#MatrixTableViewSelection input[type="radio"] + label { background-color: #ffffff; border-color: #ffffff; color: black; }
#MatrixTableViewSelection input[type="radio"]:checked + label { background-color: #0082c6; border-color: #0082c6; color: white; }
.LineItemDialog .selected { background-color: #fffec2; }
.SlideTable button.ui-button, .SlideTable ui-button[disabled] { background-color: inherit; }
.LineItemDialog .SlideTableColumns td { color: initial; }
.LineItemDialog .SlideTableLegend td { color: inherit; }
.LineItemDialog .SlideTableColumns th, .LineItemDialog .SlideTableColumns td > div:first-child  { color: #0082c6; }
.LineItemDialog .SlideTableColumns td > div { color: #565656; }
.LineItemDialog .StockDescription { background-color: #ffffff; }
.PriceLevelDetail  .closeButton { background-image: url("../../Images/CRM/shadow/BlueCancelButton.svg"); background-repeat: no-repeat; }


/*PO formatting*/
.POContents { border-color: white;}

/* survey summary display */
.surveySummary .question { border-bottom-color: #B4B4B4; }
.surveySummary .question span { font-weight:600; }
.surveySummary .question span + span { color:#0082C6; font-weight:normal  }

/* async iframe contents */
.asyncContent { background-color:#eee; color: #5A5A5A; }

/* order analysis */
.AnalysisGrid tbody { border-bottom-color: white; background-color:#FAFAFA; }
.AnalysisGrid tbody td { background-color:#FAFAFA; }
.AnalysisGrid tr.SubtotalRow td { border-color: #565656;}

/* totals + charts for analysis */
.totalsSection  > div { background-color:#666; color: #FFF; }
.totals div.amountDue span:first-child { font-weight:bold }
.opportunityTotalsSection .totalCharts { color: #FFF }

/* price / margin chart */
.totalCharts .priceChart { background-color: #D90000; }
.totalCharts .priceChart div { background-color: #FFB900; }
/* Cost / Profit chart */
.totalCharts .costChart {background-color: #2DB200;}
.totalCharts .costChart div { background-color: #00BFFF; }
/* PODetail - Analysis tab - Bill Chart*/
.totalCharts .billChart {background-color: #FFC926; margin-top:2em;}
.totalCharts .billChart div { background-color: #00BFFF}
/*CreditUsed/CreditAvailable chart*/
.totalCharts .creditChart, .totalCharts .licenseChart {background-color: #FFF;}
.totalCharts .creditChart div, .totalCharts .licenseChart div  { background-color: #FFC926; }
/* Opportunity Detail - Sales Order Analysis */
.totalCharts .forecastActualChart { background-color: #D90000 }
.totalCharts .forecastActualChart div { background-color: #00BFFF }
/* Bill Detail - Analysis */
.totalCharts .billRatioChart { background-color: #ffc100 }
.totalCharts .billRatioChart div { background-color: #00bfff  }

/*z-index cannot set to 999 or the select menu options wont show*/
.talkBubbleContent{ background-color:white; border-color:black;color: #565656;  z-index:102}

/* clock display */
.flip-display .flip-separator { color: #0082C6; }
.flip-display .digit { background-color: #0082C6; color:white; }
.flip-display .digit::after { content: ' ';  border-top:1px solid silver; }
.flip-amset span { background-color:#0082C6; color:#0082C6;  }
.flip-amset span.active { color:white !important; }
.flip-amset label { background-color:white; color:black;  }
.flip-amset input:checked + label { background-color: #0082C6; color:white; }

.flip-display[disabled] .digit { background-color: gray }
.flip-display[disabled] .flip-amset span { background-color:gray; color: gray }
.flip-display[disabled] .flip-separator { color: gray }

/*Save and Cancel buttons*/
button.cancelItem {background-image:url("../../Images/CRM/shadow/yellowcancelbutton.svg");}
button.saveItem {background-image:url("../../Images/CRM/shadow/greencheckbutton.svg");}
button.saveItem[disabled] {background-image:url("../../Images/CRM/shadow/greencheckbutton-gray.svg"); background-color:inherit}
button.resetItem {background-image:url("../../Images/CRM/shadow/GeneralJournal-ReverseBlue.svg"); }

/*Address Manager expand toggle buttons*/
.AddressManagerDialog .SectionHeader .expandToggle { background-color: transparent; border: none}
.sidebarFinder .expandAll { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; background-image: url("../../Images/CRM/shadow/DownArrow-Blue.svg"); }
.sidebarFinder .expandAll.open { background-image: url("../../Images/CRM/shadow/UpArrowBlue.svg"); }

.sidebarFinder .AddressDetail .twoColForm:nth-child(2) .fieldBlock:first-child {border-top: solid #d2d2d2 1px; }

/* Add Stock Product Dialog */
.LineItemDialog .InventoryLocations tr.checkSupplier td { color: #0085d2; font-style: italic; }
tr.insufficientQuantity td { color: red; }
tr.inventoryRow.insufficientQuantity td { color: red; }
.LineItemDialog .InventoryLocations th, .LineItemDialog .InventoryLocations .SupplierSourceHeader, .LineItemDialog .LinkedServices th { color: #aaa; }
.LineItemDialog .InventoryLocations td { color: #000000; }
.InventoryLocationFooter .TransparentButton, .LineItemDialog .LinkedServices .TransparentButton { color: #0082C6; font-style: italic; }
.InventoryLocationFooter .WIPInventoryInfo > span { color: #aaa; font-style: italic; }
.InventoryLocationFooter .WIPInventoryInfoPopup { background-color: #d4f7ff; box-shadow: 2px 2px 3px grey; }
.InventoryLocationFooter .WIPInventoryInfoPopup::before { border-bottom-color: #d4f7ff; }

/* Status/info block */
.infoBlock { background-color: #d4f7ff; }

a.button.cta { background: #ffc926; }
a.button.cta:hover { text-decoration:none; }
a.button.cta::after {content: "\00BB"; margin-left:0.3em; }

/*Receive Payment Dialog*/
.ReceivePayment{background-color:#eee}

/*panel client finder*/
.ClientFinderWrapper {background-color:white;border-radius:0.4em;box-shadow: 0 0.1em 0.1em 0.1em #ddd;}
.ClientFinderWrapper .statusBlock .count {background-color:#eee;font-size:140%;}
.ClientFinderWrapper .statusBlock > *:nth-child(2) {color:white;}
.ClientFinderWrapper .ADTP .count {color:gray;}
.ClientFinderWrapper .ADTP > *:nth-child(2) {background-color:gray;}
.ClientFinderWrapper .Balance .count {color:#33cc33;}
.ClientFinderWrapper .Balance > *:nth-child(2) {background-color:#33cc33;}
.ClientFinderWrapper .PastDue .count {color:#990000;}
.ClientFinderWrapper .PastDue > *:nth-child(2) {background-color:#990000;}
.ClientFinderWrapper .Info .AcctNum, .ClientFinderWrapper .Info .OrgName {color:#0082c6; font-weight:bold;}
.ClientFinderWrapper .clientFinder {width:50%;border:1px solid #ccc;}
.ClientFinderWrapper.ClientSearch .CalendarWrap div.DateCalendar {background-color:#F5F5F5;}

/*search filter search icon*/
input.SearchIcon, a.SearchIcon {background-image: url("../../Images/CRM/shadow/MagnifyingGlass-Blue.svg");}

/*Order Holds*/
.HoldsDetail > div, .switchSection > div, .CreditHoldDetail > div#CreditHold { background-color: #555; color:white;}
.ReleaseHoldDetail {background-color: #666;}

/*managers + general status blocks*/
.objectSummaryCard .statusBlock.rank .count { color: #008EC7; }
.objectSummaryCard .statusBlock.rank .count + span { background-color: #008EC7; color:#FFFFFF; }
.objectSummaryCard .statusBlock.totalYTD .count,
.objectSummaryCard .statusBlock.totalMTD .count{ color: #00BD00; }
.objectSummaryCard .statusBlock.totalYTD .count + span,
.objectSummaryCard .statusBlock.totalMTD .count + span { background-color: #00BD00; color:#FFFFFF; }
.objectSummaryCard .statusBlock.numYTD .count + span { background-color: #565656; color:#FFFFFF; }
.objectSummaryCard .objectStats .statusBlock { height:70px; background-color:#F5F5F5; }
.objectSummaryCard .primaryInfo .site { font-size: 90%; font-weight:600; color:#0082c6; }
.objectSummaryCard .primaryInfo .status .errorIcon { background-color:#B20000; color: white; }

/* warning message blocks for sumamry cards */
.objectSummaryCard .statusInfoMessage.statusCritical { background-color:#B20000; color: white; }
.objectSummaryCard .statusInfoMessage.statusWarn { background-color:#ffd62f; color: black; }

@keyframes lazyload { from { opacity:1} to { opacity: 0.15 }  }
.lazyLogo { background-color: #ddd; animation: lazyload 700ms linear alternate infinite; }
.lazyData { background-color: #ddd; animation: lazyload 700ms linear alternate infinite; }

/*Line Item Status*/
.LineItemStatus .statusOK { background-color:#008C00;}
.LineItemStatus .statusWarn { background-color:#FFDD00;}
.LineItemStatus .statusCritical { background-color:#B20000;}

.LineItemStatus .statusWarn + span { color: black; }

/*Grid table*/
.GridTable th, .cardSortBar span, .divTableHeader > span, .matchHeader { color: #777; font-weight: 600; }
.GridTable th.SortingOption,  .cardSortBar .SortingOption, .divTableHeader .SortingOption { color:#0082c6; }
.GridTable tbody:not(.ui-sortable) > tr:nth-child(odd), .ui-sortable tr:first-child.controlsRow { background-color: #ddd }
.OrderDetailBody .GridTable tbody tr.selected{background-color:lightyellow}
.GridTable th { border: #aeaeae; }

.GridTable tbody.ui-sortable tr:not(.controlsRow){background-color:#ddd; border-bottom:3px solid #eee }

.cardSortBar { background-color: #eee; border-bottom:1px solid #ddd; }

.RecordDetail,.RecordDetail .FormBlock { background-color: #f6f6f6 !important}

/*Invoicing tables*/
.invoiceGroupSeparator tr td { background-color: #EEE; }

/*Div table*/
.divTable .divTableBody > div:nth-child(odd) { background-color: #ddd; }

/*Catalogs - Item Managers*/
.divTable .divTableBody > a:nth-child(odd) { background-color: #ddd; }
.divTable .divTableBody > a { display: table-row; }
.divTable .divTableBody > a > span { display: table-cell; padding: 0.5em; line-height: 1.3em; }

/*check*/
.check.FormBlock{background-color:#ffe6cc; background-image: url(../../Images/CRM/shadow/CheckBackgroundColor.png); }
.check.FormBlock .ui-selectmenu-button{background-color:#ffcc99}
.ManualAddress{background-color:white;}

/*Different colors for different deposit types in Payment Detail*/
.PaymentForm.FormBlock.Check { background-color:#e3f4ff; background-image: url(../../Images/CRM/shadow/CheckBackgroundColor.png); }
.PaymentForm.FormBlock.Cash { background-color:#e8ffe9; background-image: url(../../Images/CRM/shadow/CheckBackgroundColor.png); }
.PaymentForm.FormBlock.Electronic { background-color:#ffefc1; background-image: url(../../Images/CRM/shadow/CheckBackgroundColor.png); }
.PaymentForm.FormBlock.GiftCert { background-color:#ffe0c2; background-image: url(../../Images/CRM/shadow/CheckBackgroundColor.png); }

/*posting summary section*/
.PostingSummary.FormBlock, .PostingSummary.FormBlock .GridTable tbody tr.PostingEntryDetail{background-color:#E9F4E5}
.PostingSummary.FormBlock .GridTable tbody tr:nth-child(odd):not(.PostingEntryDetail){background-color:#D5EBCE}
.PostingSummary.FormBlock .GridTable tbody tr.PostingEntryDetail div{background-color:#D5EBCE}
a.codingTag { margin-right:1em; background-color: #3f87c9; color:white; border-color: transparent; border-width: 0 0 2px 0; border-style: solid; border-image-source: url("../../Images/CRM/shadow/BlueTag-Tip.svg");
    border-image-width:55px 30px 0 0; border-image-outset:0 10px;}
a.codingTag.inactive{ background-color: #777777; color:#FFF; cursor:default; border-image-source: url("../../Images/CRM/shadow/GrayTag-Tip.svg")}
.GridTable .PostingEntryDetail div:after{border-bottom-color: #D5EBCE}
.GridTable .CodingDetail {background-color: #D5EBCE}

.DepositHeaderSummary.FormBlock { background-color: #f8f5e1; }
.DepositHeaderSummary.FormBlock .GridTable tbody > tr:nth-child(odd) { background-color: transparent; }

/* Cash Flow */
.GLDashCashflow .CashIn { color: #52AE00; }
.GLDashCashflow .CashOut { color: #D90000; }

/* income statement */
.summaryWidget.hierarchicalDashInfo .Revenue { color: #52AE00; }
.summaryWidget.hierarchicalDashInfo .COGS { color: #23AED8; }
.summaryWidget.hierarchicalDashInfo .GrossProfit { color: #336600; }
.summaryWidget.hierarchicalDashInfo .Expenses { color: #028CB7; }
.summaryWidget.hierarchicalDashInfo .OperatingProfit { color: #204000; }
.summaryWidget.hierarchicalDashInfo .TaxExpenses { color: #0080AD; }

/* Balance Sheet */
.summaryWidget.largeSet .Assets { color: #52AE00; }
.summaryWidget.largeSet .Liabilities { color: #D90000; }
.summaryWidget.largeSet .Equity { color: #028CB7; }

.barchart .loadscreen {  background-color: rgba(238,238,238,0.8); }

.barchart .loadscreen::after {
    content: " ";
    display:inline-block; width:50px; height:50px;
    border-width:10px;
    border-radius:100%;
    border-style:solid; 
    border-color:#EAE9E9 #EAE9E9 #EAE9E9 #0581C2;
    animation: throbber 700ms linear infinite;
}

/*Transaction tags in Payment Detail*/
.PaymentTransactionTag { color: white }
.DepositTag { background-color: #269700 }
.VoidedTag { background-color: #d90000 }
.ReconciledTag { background-color: #444 }
.ExpiredTag { background-color: #ff8000}
.DepositTag:after {
    border-left: solid 4px #104000;
    border-top: solid 4px #104000;
}
.VoidedTag:after {
    border-left: solid 4px #8c0000;
    border-top: solid 4px #8c0000;
}
.ReconciledTag:after {
    border-left: solid 4px #000;
    border-top: solid 4px #000;
}
.ExpiredTag:after {
    border-left: solid 4px #b25900;
    border-top: solid 4px #b25900;
}

 
.TransparentButton, .TransparentButton span  { color: black;  text-transform: capitalize; font-weight:600; }
.fieldBlock .TransparentButton  { background-color:transparent; color: #565656; font-size: 90%; }
.TransparentButton:disabled { opacity:0.65; }
.TransparentButton.confirm {
    background-color:transparent;
}
/* General Journal Detail */
.linkedTransaction span { color: #0085D2; }

/*Arrow icons for sort options*/
.SortingOption[data-sortascending]::after { content: " "; display: inline-block; width: 16px; height: 16px; vertical-align:middle;
                                            background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png");}
.SortingOption[data-sortascending=true]::after { background-position: 0 -16px;  }
.SortingOption[data-sortascending=false]::after { background-position: -65px -16px; }

.ACHTransactionsTable .Circle { border-color: #098f09 }
.TableDetailForm { background-color: #006699 }
.TableDetailForm.Inactive { background-color: #888888; }
.TableDetailForm:after {	
    border-color: rgba(246, 246, 246, 0);
	border-bottom-color: #006699;
}
.TableDetailForm.Inactive:after {border-bottom-color: #888888; }
.Overlay, .TableDetailOverlay { background-color: rgba(0,0,0, 0.35)}

.TableDetailForm .detailHeaderWithLink > * { color:white; font-size: 11pt; }
.TableDetailForm .detailHeaderWithLink a:after { content: ' \00bb';}

.DetailForm { background-color: #006699 }
.DetailForm:after {	border-color: transparent; border-bottom-color: #006699; }
.TableDetailForm .ActiveInfo span{color:white;}
.FormSection > .detailButtons .ActiveInfo span, #divScheduledLiabilityDetail .detailButtons .ActiveInfo span, #PageDetailButtons .detailButtons .ActiveInfo span { color: black; } 

.tableForm { background-color: #eee }

/* generic progress bar styles */
.progress { background-color: gray; color: #FFFFFF; }
.progress > .statusOK { background-color: #009900; }
.progress > .statusWarn  { background-color: #ff9900; }
.progress > .statusCritical  { background-color: #b20000; }

/* Readjust font sizes for small screens with less available space */
@media only screen and (max-width:750px) {
    .FormBlock .SectionHeader h2 { font-size:12pt; }
    .FormBlock .SectionHeader h3,.FormBlockContainer .SectionHeader h3 { font-size:9pt;  }
    .FormBlock .SectionHeader h5 {  font-size:9pt;  }
    .FormBlock .SectionHeader h6 { font-size:8.5pt; }
    a.newButton, button{ font-size: 9.5pt;}
    .widgetHeader .newButton { font-size: 12pt;}
    
    h1.widgetHeader, .widgetHeader H1 { font-size:16pt; }
    .widgetHeader h3 { font-size: 11pt;  }    
    .widgetHeader h2 { font-size: 17pt;  }
    .MenuBar a[disabled], .MenuBar a[disabled].selected, .MenuBar a[disabled]:hover {  font-size: 13pt;}

    .widgetHeader .detailHeaderLinkSummary { display: none; }

    .GroupHeader, .GroupHeader a {font-size: 13pt;}
    .Group .Action { font-size: 8.5pt;  }
    .chartKey span { font-size:8.2pt; }
    
    .ui-widget {  font-size: 9pt; }
    .ui-widget-header a { font-size: 9pt; }

    .GridTable.tableToCard tbody > tr:nth-child(2n+1), .GridTable.tableToCard tbody > tr:nth-child(2n) { background-color:white; border-radius: 0.35em; box-shadow: gray 1px 1px 0px; }
    .GridTable.tableToCard .cardLabel { font-weight: 600; }

    .GridTable.tableToCard tbody > tr.newRecord.controlsRow { background-color:transparent; box-shadow:none; }
}

.objectSummaryCard, .objectSummaryCard:visited, .objectSummaryCard:link, .objectSummaryCard:active, .objectSummaryCard:hover { 
    border-bottom: 1px solid #ddd; color: #565656; text-decoration:none; background-color:white }

/* critical status styles for orders */
.objectSummaryCard.statusCritical, .objectSummaryCard.statusCritical:visited, .objectSummaryCard.statusCritical:link, 
.objectSummaryCard.statusCritical:active, .objectSummaryCard.statusCritical:hover { 
    color: #565656; border-bottom: 2px solid #B20000; border-top: 2px solid #B20000; border-collapse:collapse;}
.objectSummaryCard.statusCritical + .objectSummaryCard.statusCritical { border-top: 0px none; }

/*Warning status for orders*/
.objectSummaryCard.statusWarn, .objectSummaryCard.statusWarn:visited, .objectSummaryCard.statusWarn:link, 
.objectSummaryCard.statusWarn:active, .objectSummaryCard.statusWarn:hover { 
    color: #565656; border-bottom: 2px solid #000; border-top: 2px solid #000; border-collapse:collapse;}

.objectSummaryCard.statusWarn + .objectSummaryCard.statusWarn,
.objectSummaryCard.statusCritical + .objectSummaryCard.statusCritical { border-top-width: 0; }
.objectSummaryCard.statusWarn:first-child, .objectSummaryCard.statusCritical:first-child { margin-top:1em; }

.objectSummaryCard:last-child{border-bottom:none; }
.objectSummaryCard .objectIdentifier, .labelListEntry .objectIdentifier { color:#0082c6; }

/*Style out the card expander*/
.expandCard { border-radius: 50%; padding:0.25em 0.2em; margin:0; line-height:0.5em; 
              -ms-transform: rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transition: transform 500ms;}

.expandCard::after {  
    content: ' '; background-image: url("../../Images/CRM/shadow/DownArrow-White.svg"); background-repeat:no-repeat;    
    display: inline-block;  background-size: 100% 100%; height: 0.5em; width: 0.7em; vertical-align:middle;    
}

.expanded .expandCard { -ms-transform: rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); transition: transform 500ms;}

/*save indicator*/
.saveBlock {  background-color:#eeeeee; border-color:#ccc;  font-weight:600; color: #000;  }
.saveIndicator.saved .SavedTime { font-style: italic; font-weight:400; }
.saveIndicator.saved::before { background-image: url(../../Images/CRM/Shadow/Vouched-Yes-Green.svg); }
.saveIndicator.saving::before { background-image: url(../../Images/CRM/Shadow/Reoccurence-Blue.svg); }
.saveIndicator.dirty::before { background-image: url(../../Images/CRM/Shadow/Pending-Gray.svg); }
.saveIndicator.warn::before { background-image: url(../../Images/CRM/Shadow/YellowWarningExclamation.svg); }
.saveIndicator.error::before { background-image: url(../../Images/CRM/Shadow/StopSymbol.svg); }

/*Commission Due widget*/
.FormBlock.CommissionDueTotals { background-color: transparent }
.FormBlock.CommissionDueTotals .twoColForm { background-color: #555; color: white }

.BillAnalysis .AnalysisGrid .SubtotalRow td { background-color:#ddd }


.HoldsDetail .OnHold, .CreditHoldDetail .OnHold { background-color: #b20000}
.HoldsDetail .NotOnHold, .CreditHoldDetail .NotOnHold { background-color:#2db200 }

/*Activity Detail*/
a.linkTag { background-color: #3286cc; }
a:link.linkTag, a:visited.linkTag { color:white; }
.linkTag::before { background:url('../../Images/CRM/shadow/WhiteChain-Diagonal.svg') no-repeat; background-size: cover;}
.linkTag::after { background: url('../../Images/CRM/shadow/BlueTag-Tip.svg') no-repeat; background-size: cover; }
#selRecurIntervalType-button {border-color: transparent;}
#selRecurIntervalType-button .ui-selectmenu-text {font-size: 10.5pt; font-weight: 600;}

/*Reminder*/
.ReminderSnoozeOptions span { color: #0082C6 }

/*password Strength Meter*/
.StrengthMeter span{background-color:#EEE;}
.StrengthMeterInfo span::after{font-family: "Times New Roman", serifs; background-color:#0082C6; color:white;}
.StrengthMeter span.poor{background-color:#B20000;}
.StrengthMeter span.ok{background-color:#FFA64D;}
.StrengthMeter span.excellent{background-color:#008C00;}

.StrengthMeterInfo span.poor{color:#B20000;}
.StrengthMeterInfo span.ok{color:#FFA64D;}
.StrengthMeterInfo span.excellent{color:#008C00;}

/*Feature Billboards*/
aside.billboard { border:2px solid #0082c6; background-color:white; background-image: linear-gradient(#b2d9ee, white); }
aside.billboard h6 { color: #0082c6; }
aside.billboard a, aside.billboard a:link, aside.billboard a:active, aside.billboard a:hover, aside.billboard a:visited {
    text-transform:uppercase; background-color: #ffb900; color: #ffffff; }

/*Detail Triggers*/
.detailTrigger { cursor:pointer; color:#0082C6; }
.detailTrigger:hover { text-decoration: underline; }

/*Weekday Selector*/
.WeekDaysSelector input[type="checkbox"] + label { background: white; }
.WeekDaysSelector input[type=checkbox]:checked + label { background: #069fe6; color: white }

/*validator*/
.validator { border:none; border-radius:0; }
.validator > button { background-color:transparent; color:#0082c6; }
/*Document generation lockscreens */
.ReportLoadMessage, .pdfGenerate .LoadMessage { color: #808080; background-color:rgba(3,3,3,0.8); text-shadow: 1px 1px 0 #000; }


/*  Reports  */
.ReportPage .criteria li span { color: #0082C6; }
.ReportPage { color: #000000; }
.ReportPage th { color: #0082C6; }
.ReportPage tbody tr:nth-child(odd) { background-color: #EFFAFF; }

.ReportControls button, .ReportControls button[disabled] { background-color:transparent; } 
.ReportControls button[disabled] { opacity: 0.65; }

/*Completion*/
.Incomplete {background-color: #FF0000; color: #FFFFFF;}
.Complete {background-color: #006400; color: #FFFFFF;}

/*skills*/
.SkillRating .Star{background:url("../../Images/CRM/shadow/Star-NoFill.svg") no-repeat;}
.SkillRating .Star.Active{background:url("../../Images/CRM/shadow/Star-FilledYellow.svg") no-repeat;}

.LineItemStatus .chart { background-color: #aaa; }
.Warning { background-image:url('../../Images/CRM/shadow/Triangle.svg'); background-repeat:no-repeat; background-position:center; }
.Completed{ background-image:url('../../Images/CRM/shadow/CheckMark-Green.svg'); background-repeat:no-repeat; background-position:center;}

.OrderHealthImage { background-image:url(../../Images/CRM/shadow/BlueHeart.svg); background-repeat:no-repeat; background-position:center; }

.ShipmentDetail .LineItemSummary .chart { background-color: #aaa; }
.ShipmentDetail .LineItemSummary input[disabled] { background-color: #E6E6E6; }

.ShipmentDetail #divLineItemWarning { background-color: #333; color: white; }
.ShipmentDetail #divLineItemWarning > span { color: #ffdd61 }

.inputTimeIcon { background-image:url("../../Images/CRM/shadow/Clock-Blue.svg"); }

button.expandAll { padding-left:0; padding-right: 0; }
.sidebarWrapper .finderNewButton { background: #eee }
.sidebarWrapper .finderNewButton button, .expandAll { background-color:transparent; color: #0082C6; text-transform:none; font-style:italic; }
.sidebarWrapper .finderNewButton button::before { content:' '; display:inline-block; height:0.9em; width:0.9em; 
    vertical-align:baseline; background-image:url("../../Images/CRM/shadow/PlusSignInCircle-Blue-WhiteCross.svg"); 
    background-size:contain; margin-right: 0.5em;
}
.sidebarWrapper .addMode .finderNewButton button::before { transform: rotate(45deg); }
.sidebarWrapper .addMode .newItem {background-color: #d2d2d2; padding-bottom: 15px;}

/*Catalogs module*/
.OfferingsContent { color: white; font-size: 9.8pt; }

.LineItemManager #hlBreadcrumbPath span:first-child { color: #0082C6; }
.LineItemManager #hlBreadcrumbPath span.detailTrigger { color: #0082C6; }
.LineItemManager .ViewModeBlock { background-color: white; }
.LineItemManager .catalogContent.divTable .options { background-color: transparent; }

@media only screen and (max-width: 1024px) {
    .MenuBar .OfferingsContent ul { background-color: transparent; }
    .OfferingsContent ul li.Selected, .OfferingsAdvanced.Selected { background-color: black; background-image: none; }
}

.SortableTable tbody tr { background-color: #ddd; }
.GridTable.SortableTable tbody tr.newRecord { background-color: #eee; }

.WIPShipmentStatus.talkBubbleContent{background-color:#444444; color:White;}
.WIPShipmentStatus #lblPendingShipmentID{color:#0592de;}

.StatusBlock .changeConfirm { cursor: pointer; }

.Holds { color: #fff; }
.Holds::after, .Health::after, .RecurrencePauseBtn::after { background-color: #ccc; border-top-color: #b3aba6; border-left-color: #b3aba6; }

.RecurrencePauseBtn { background-color: transparent; background-image: url('../../Images/CRM/shadow/PauseBlue.svg'); }

/*Product Detail - Bill of Material*/
.materialGroups > div { background-color: #ddd; }
.materialGroups .GridTable tbody tr:nth-child(odd) { background-color: #eee; }
.materialGroups .GridTable .TableDetailForm { border-top-color: #ddd; border-bottom-color: #ddd; }

div.twoColForm.formCol.ItemAvailability { background-color: #DDD; }
.ItemThumbnail { background-color: #FFFFFF; }

/*Avalara item detail*/
#pnlExternalSalesTaxCodes div.twoColForm.formCol .TwoInnerCol:nth-child(2) label {font-weight:600; }

/*******************************    TUTORIALS    *******************************/

.welcomeMat { background-color: #238C00; color:white; box-shadow: 5px 5px 10px #333; }
.welcomeMat .imageBorder {  box-shadow: inset 3px 3px 5px #333; background-image:url('../../Images/crm/shadow/Service-NoImage.svg'); }
.welcomeMat footer button { text-transform:capitalize; font-weight: 400; min-width: 6.5em; }
.welcomeMat button.continue { background-color:#FFBF00; color:black }
.welcomeMat button.endTutorial { background-color:#2DB200; color:white }
.welcomeMat .closeButton {  background-color:black; background-image:url('../../Images/crm/shadow/White-X.svg');  }
.overlay { background-color: rgba(0,0,0,0.2); }
.stepBox { background-color: #238C00; color:white;  box-shadow: 1px 1px 1px #155400; }
.stepBox > div { z-index: 51; position:relative; background-color:#238C00; }
.stepBox::before { background-color: #238C00; }
.stepBox button { background-color:#2DB200; color:white; text-transform:capitalize; }

.ManagerFilterWrapper { background-color: #cccccc }
.PostingEntryDetail div:after{border-bottom-color: #D5EBCE}
.GridTable .PostingEntryDetail div {background-color: #D5EBCE}
.ReversePostingSummary.FormBlock .GJTransaction:nth-child(odd), .PostingSummary.FormBlock .GJTransaction:nth-child(odd){background-color:#D5EBCE}
/*mobile view line item section*/
@media only screen and (max-width:750px) {
/*posting summary section div structure*/
.PostingSummary.FormBlock{background-color:#E9F4E5}
.PostingSummary.FormBlock .GJTransaction{background-color:#D5EBCE; margin: .5em 0em;}
.PostingSummary.FormBlock .edit{background-color:#D5EBCE;}
}
/*Price Table finder result structure*/
#ulPriceTableFinderOrganizations .finderResultListEntry .labelFrame:hover{ background-color:#459dda; }
#ulPriceTableFinderOrganizations .ModelName{ font-style:italic; font-size:0.9em; }

/*New Item button in Autocomlete*/
.ui-widget-content .newItem.ui-menu-item.ui-state-focus { background-color: #deecff }
.ui-widget-content .newRow.ui-button { background-color: transparent; color: #0082C6; text-transform:capitalize; font-style:italic; border:none }
.ui-widget-content .ui-button.ui-menu-item-wrapper.ui-state-active {background-color:#0082C9; color: #FFFFFF; width: 100%; text-align: left;}

.finderResultListEntry .labelFrame { cursor: pointer; }

.moreButton{color:#62a6da; font-weight: 600;}
.finderResultListEntry .labelFrame { cursor: pointer; }
.finderResultListEntry .ReferenceName { font-size:85%; font-style: italic; }

/*Quantity Sync*/
.ItemSyncOptions { background-color: #aaaaaa; }
.ItemSyncOptions:not(.talkBubbleContent):after, .ItemSyncOptions:not(.talkBubbleContent):before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

@media only screen and (max-width: 750px) {
    .ItemSyncOptions:not(.talkBubbleContent):after, .ItemSyncOptions:not(.talkBubbleContent):before { left: 23.5%; }
}

.ItemSyncOptions:not(.talkBubbleContent):after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #aaaaaa;
	border-width: 15px;
	margin-left: -15px;
}
.ItemSyncOptions:not(.talkBubbleContent):before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #aaaaaa;
	border-width: 15px;
	margin-left: -15px;
}

/*Catalogs Manager*/
.CatalogsManager .numberOfItems span:last-child { background-color: #555555 }
.CatalogsManager .numberOrdersYTD span:last-child { background-color: #555555 }
.CatalogsManager .totalSalesYTD span:first-child { color: #00bd00 }
.CatalogsManager .totalSalesYTD span:last-child { background-color: #00bd00 }

/*Customer Return Detail*/
.CustomerReturnDetail .widgetHeader.headerRow > .detailHeaderLeft h3 { color: #0082C6 }
.ReturnItemDialog .AvailableToReturn { font-size: 14pt; }
.ReturnItemDialog .AvailableToReturn span:last-child, .TotalCredit { font-weight: bold; }
.ReturnItemDialog .TotalCredit { font-size: 16pt; }
.ReturnItemDialog .ContentPanel > div:first-child { background-color: #777777; color: white; }
.ReturnItemDialog .HeaderPanel { background-color: #000000; }
.ReturnItemDialog .HeaderPanel .Return button { background-color: transparent; border: none; color: #1586c2; }
.ReturnItemDialog .HeaderPanel .Return .ui-button .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png"); }

/*Quick Add*/
.FormBlock.QuickAddDialog { background-color: #EEE; }
.FormBlock.QuickAddDialog a { color: #565656; font-weight: 600; font-size: 110%; border-bottom: none; }
.FormBlock.QuickAddDialog a:before { content: url("../../Images/CRM/shadow/PlusSignInCircle-Blue.svg"); width: 1em; height: 1em; }
.FormBlock.QuickAddDialog a:hover { color: #0082C6; text-decoration: none; border-bottom: none; }
.QuickAddContainer::after { border-color: #000000 transparent transparent transparent; }
.QuickAddContainer .QuickAddDialog { box-shadow: 2px 2px 10px grey; }

@media only screen and (max-width: 750px) { .FormBlock.QuickAddDialog a { font-size: 9pt; } }

/*Full Page Dialog*/
.FullPageDialog .HeaderPanel { background-color: #000000; }
.FullPageDialog .HeaderPanel .Return .ui-button { text-transform: capitalize; }
.FullPageDialog .HeaderPanel .Return button { background-color: transparent; border: none; color: #1586c2; }
.FullPageDialog .HeaderPanel .Return .ui-button .ui-icon { background-image: url("../../Images/jQueryUI/ui-icons_0085D2_256x240.png"); }

/*Catalog Detail*/
.CatalogStats .catalogItemCount, .CatalogStats .catalogYTDOrders { background-color: #555555 }
.CatalogStats .catalogYTDSales { background-color: #00bd00 }
.CatalogStats label { color: #eee; }
.ProductGroupList li > div { background-color: #dddddd; }
.ProductGroupList li.Selected > div { background-color: #eeeeee; }
.ProductGroupList .ui-state-highlight { background-color: transparent; }


/*Charting*/
.ChartLegend { font-weight:bold; }

.OrganizationSummary .AccountNumber { font-size: 120%; }
.OrganizationSummary .Name { font-size: 120%; }

/*Transaction History Log*/
.TransactionDate{ font-weight:bold; background-color:white; color:black; }
.TransactionLog .TransactionName, .TransactionLog .TransactionTime { font-weight:bold; }
.TransactionsInDate .TransactionLog .TransactionImage { background-color:#FFFFFF; }

/* The actual timeline (the vertical ruler) */
.Timeline::after { background-color: #888888; }
.threeColSection .blank { background-color: #FFFFFF }
.PaymentAppliedTo .threeColSection .blank { background-color: #EEEEEE }
/*for use with html editors*/
body[contenteditable=true] { background-color:white; color:#565656; font-size: 10.5pt; }

.PaymentAppliedTo .threeColSection .blank { background-color: #EEEEEE }

.CustomSequenceList li > div:first-child { background-color: #dddddd; }
.CustomSequenceList li.Selected > div { background-color: #eeeeee; }
.CustomSequenceList .ui-state-highlight { background-color: transparent; }
.CustomSequenceList.EvenLevel > li > div:first-child { background-color: #eeeeee; }

/*customer chat*/
.clientChat { background-color:#dddddd; background-repeat: no-repeat; background-position: top right; background-size: 30px; 
    background-position: top 25px right 25px; background-image:url(../../Images/CRM/shadow/ChatBubbles.svg); }

.FormBlock .clientChat { background-color:transparent; background-position: top 0 right 15px; }
.clientChat .attribution { font-style:italic; font-size:95%; }
.clientChat .userImage.noImage { background-image: url("../../Images/CRM/shadow/NoUserPhoto.svg"); }
.clientChat .ChatSubmit { text-transform: capitalize;  }

.presentationStatus.itemApproved { background-color: #daeed4; }
.presentationStatus.itemRejected { background-color: #f0cccc; }
.presentationStatus.itemReset { background-color: #deecfe; }

.quotePresentation .itemDetail .approval label.approve, .LineItemDetails .ItemDetailWrapper .approval label.approve {  background-image: url(../../Images/crm/shadow/ThumbsUp-DefaultState.svg); }
.quotePresentation .itemDetail .approval input[type="radio"]:checked +label.approve, 
.LineItemDetails .ItemDetailWrapper .approval input[type="radio"]:checked +label.approve {  background-image: url(../../Images/crm/shadow/ThumbsUp-Selected.svg); }
.quotePresentation .itemDetail .approval label.reject, .LineItemDetails .ItemDetailWrapper .approval label.reject {  background-image: url(../../Images/crm/shadow/ThumbsDown-DefaultState.svg); }
.quotePresentation .itemDetail .approval input[type="radio"]:checked +label.reject, 
.LineItemDetails .ItemDetailWrapper .approval input[type="radio"]:checked +label.reject {  background-image: url(../../Images/crm/shadow/ThumbsDown-Selected.svg); }
.quotePresentation .itemDetail .approval label.null, .LineItemDetails .ItemDetailWrapper .approval label.null { display: none; }

/* Customer Portal */
.OneClientPortal .headerZone { background-color:white; color: #000000; }
.OneClientPortal .Masthead {  color: #000000; }
.portalLogin button.recoverPassword { background-color:transparent; color:#0082c6; text-transform:capitalize;font-weight:400;
    float: left; padding-left:0; padding-right:0;
}

/*Portal HTTP errors*/
.httpStatusErr { background-color: #565656; color: #FFFFFF; } 
.httpStatusErr > div { background-color: #FFFFFF;color: #000000; }

/*EssentOne document*/
.DocumentSectionHeader { background-color: #808080; color: white; }
.Document .FormBlock { background-color: transparent; }
.Document .LineItemsHeader > span { color: #aeaeae; }
.PackingList thead tr { background-color: #eee; }
.PackingList table th { color: #7b8285; }
.Document .Title, .Document .Due { background-color: black; color: white; }
.Document .Title.Rush { background-color: #c22200; }
.ProductHeader:before { background: url(../../Images/CRM/shadow/Products-Box-White.svg) no-repeat; }
.ServiceHeader::before { background: url(../../Images/CRM/shadow/Service-White.svg) no-repeat; }
.sidebarDocument::before { background-image: url(../../Images/CRM/shadow/WIP-PageIcon-White.svg); }
.sidebarHistory::before { background-image: url(../../Images/CRM/shadow/HistoryIconScroll-White.svg); }
.Action.sidebarTransactions::before { background-image: url(../../Images/CRM/shadow/TransactionsIcon-White.svg); }
.Action.merge::before { background-image: url(../../Images/CRM/shadow/Merge-White.svg); }
.subDocument.presentation .Action::before { background-image: url(../../Images/CRM/shadow/PresentationIcon-White.svg); }
.sidebarInvoices::before { background-image: url(../../Images/CRM/shadow/Invoices.svg); }

@media print { 
    body{ background:#FFFFFF; color:#000000; } 
    .Document .LineItemsHeader, .PackingList thead tr, .DocumentSectionHeader { background-color: transparent; border-color: black; }
    .Document .Title, .Document .Due { background-color: transparent; color: black; border-color: black; }
    .DocumentSectionHeader { color: black; }
    /*Pick list*/
    .PickList .Title.Rush { background-color: transparent; color: #c22200; border-color: #c22200;  }
}

/*EssentOne - Order Detail - ProForma Invoicing*/
.FormBlock .fieldBlock .GridTable .summaryRow { background-color: #565656; color: white; }

/*Styles of detail form matching latest standard*/
.FormBlock .formSubsection .GridTable .detailRow { background-color: #EEE; }

/*Fulfillment Manager*/
.FulfillmentManager .orderNumber { font-size: 90%; font-weight: 700; }
.FulfillmentManager .client { font-size: 90% }
.FulfillmentManager .shipVia { font-size: 90% }
.FulfillmentManager .shipmentTotal > span:first-child { font-size: 1.75em; font-weight: 600; }

/* Background color of tagBox */
.filtersContainer .tagBox.disabled, .filtersContainer .multiSelectDropdownBox.disabled { background-color: #e6e6e6; }

/*Notification Engine*/
.notificationViewToggleWrapper .notificationViewToggle { background-image: url("../../Images/CRM/shadow/DownArrow-White.svg"); background-repeat: no-repeat; }
.notificationViewToggleWrapper .notificationViewToggle.open { background-image:url(../../Images/CRM/shadow/UpArrowWhite.svg); }
.notification.statusOK.group .notificationViewToggleWrapper .notificationViewToggle { background-color: #008C00 }
.notification.statusWarn.group .notificationViewToggleWrapper .notificationViewToggle { background-color: #FFDD00; background-image: url("../../Images/CRM/shadow/DownArrow-Black.svg") }
.notification.statusWarn.group .notificationViewToggleWrapper .notificationViewToggle.open { background-image: url("../../Images/CRM/shadow/UpArrowBlack.svg") }
.notification.statusCritical.group .notificationViewToggleWrapper  .notificationViewToggle{ background-color: #B20000 }

.notifications .notificationIndicator:not([data-severityid="0"]), .LineItem .CostNotification .notificationIndicator { cursor: pointer; }
.bubbleStatusWarn.LineItemGroup .LineItemGroupHeader, .bubbleStatusWarn.LineItemGroup .GroupToggle,
.bubbleStatusWarn.LineItemGroup .SequenceSpacer, .bubbleStatusWarn.LineItemGroup .OutputContents { background-color:#ffffd9; }
.bubbleStatusWarn.LineItemGroup .GroupToggle { border-top: 0.2em solid #ffffd9;}
.bubbleStatusCritical.LineItemGroup .LineItemGroupHeader, .bubbleStatusCritical.LineItemGroup .GroupToggle,
.bubbleStatusCritical.LineItemGroup .SequenceSpacer, .bubbleStatusCritical.LineItemGroup .SequenceSpacer { background-color:#f0cccc; }
.bubbleStatusCritical.LineItemGroup .GroupToggle { border-top: 0.2em solid #f0cccc;}
.notifications .bubbleStatusOK.notificationIndicator, .bubbleStatusOK.LineItemGroup .LineItemGroupHeader .notificationIndicator { background-image: url("../../Images/CRM/shadow/CheckMark-Green.svg") }
.notifications .bubbleStatusWarn.notificationIndicator, .bubbleStatusWarn.LineItemGroup .LineItemGroupHeader .notificationIndicator { background-image: url("../../Images/CRM/shadow/YellowWarningExclamation.svg") }
.notifications .bubbleStatusCritical.notificationIndicator, .bubbleStatusCritical.LineItemGroup .LineItemGroupHeader .notificationIndicator { background-image: url("../../Images/CRM/shadow/Octagon.svg") }
.notificationIndicator.Cost, .notificationIndicator.Description { background-image:url(../../Images/CRM/shadow/InformationIcon-Blue.svg);}
.notification.statusWarn .notificationTitle { color: #fcd04d; font-weight:600; }
.notification.statusOK .notificationTitle { color: #248c02; font-weight: 600}
.notification.statusCritical .notificationTitle { color: #bf3636; }
.notificationBubble.Cost .notification .costWrapper .notificationTitle.statusReminder { color: #66c4ff;}
.notification .Ignore.notificationAction, .notification .IgnoreAll.notificationAction { background-color: #fcd04d; color: #000000;}
.notification .Update.notificationAction, .notification .UpdateAll.notificationAction, .Use.notificationAction, .notification .Verify.notificationAction { background-color: #1f8a00; color: #FFFFFF}
.notification .notificationActions { text-transform:uppercase; }
.notificationBubble .notification { color: #FFFFFF; }
.notificationBubble .notification:nth-child(odd), .notificationBubble.Cost { background-color: #333333; }
.notificationBubble .notification:nth-child(even) { background-color: #444444 }
.notificationBubble .notificationMessage .DownArrow { color: #238c03 }
.notificationBubble .notificationMessage .UpArrow { color: #fc3636 }
.notificationBubble .locked { content:url("../../Images/CRM/shadow/LockBlue.svg") }
.infoNotification .notificationBubble .notification { color: #333333; background-color: #d4f7ff; }
.infoNotification .notificationBubble::before { background: #d4f7ff; }
.AddressVerificationDetail .verifiedAddressHeader {color: #1f8a00; }
.AddressVerificationDetail .verificationButton .verifiedAddressButton, .AddressVerificationDetail .findVerifiedAddressesButton .findVerifiedAddresses {background-color: #1f8a00; }
#exitAddressVerification { background-color: rgba(0,0,0,0);color: #0082C6;text-transform: none;font-weight: 700; margin-top:1em;}
.AddressVerificationDetail .termsAndConditions {font-size:8pt; line-height:1.2em; }
.AddressVerificationDetail .verificationNotes { margin-top:0.5em; }
.address.warning { background-color:#ffffdb; }
.AddressVerificationDetail .addressWrapper .noVerifiedAddresses { font-style:italic; font-size:initial; }
div.formCol .fieldBlock.tripartiteCol .button{ background-color: white; color: black; cursor: pointer; }
div.formCol .fieldBlock.tripartiteCol .button.selected{ font-weight:800; }
div.formCol .fieldBlock.tripartiteCol #btnWeak.selected{ background-color: #B20000; color: white; }
div.formCol .fieldBlock.tripartiteCol #btnMedium.selected{ background-color: #FFBC00; }
div.formCol .fieldBlock.tripartiteCol #btnStrong.selected{ background-color: #008C00; color: white; }
div.formCol .fieldBlock.tripartiteCol .button.selected:after{border: 7px solid transparent; border-bottom-color: #eee; }

div.formCol .fieldBlock.tripartiteCol .button:hover:not(.selected){ background-color: #069ee7; color: white; }
.compactInput.AccessControlNotice { font-weight: 800; }


.fieldBlock input + .DisplayLabel{ font-size:smaller; font-weight:400; font-style:italic; }
.fieldBlock label + .DisplayLabel { font-weight:600; color:#5A5A5A; }

.groupSummary .notificationBubble .notification { background-color: #333333; }
.groupSummary .notificationBubble .groupNotificationWrapper { background-color: #333333; }

/* Required Purchasing widget */
.RequiredPurchasing .PurchaseModeMessage { font-style:italic; }
.RequiredProductSummary { background-color: #EEE; }
.RequiredProductSummary .FormBlock.Generate { background-color: transparent; }
.RequiredProductSummary .LineItemDetailToggle { background-color: #EEE; }
.RequiredProductSummary .GridTable th { color: #535353 }
.RequiredProductSummary .FormBlock { background-color: #ddd; }
.RequiredPurchasingDetail .GridTable tr:nth-child(even) { background-color: #cccccc; }
.PurchasingModeMessage { font-weight: 600; }

aside.defBlock::before { background-size: cover; }
aside.defBlock.Info::before { background-image: url(../../Images/CRM/Shadow/InformationIcon-Blue.svg); }
aside.defBlock.Warn::before { background-image: url(../../Images/CRM/Shadow/YellowWarningExclamation.svg); }
aside.defBlock.Stop::before { background-image: url(../../Images/CRM/Shadow/StopSymbol.svg); }
aside.defBlock.Locked::before { background-image: url(../../Images/CRM/Shadow/LockGray.svg); }
aside.defBlock.OK::before { background-image: url(../../Images/CRM/Shadow/CheckMark-LightGreen.svg); }

.defBlock button.inlineButton { display:inline; margin: 0 0.2em; padding:0; font-size:inherit; color:#0082c6; background:transparent; font-style:italic; text-transform:none; }
.defBlock button.inlineButton::after { content: '\00bb'; margin-left:0.2em; }

aside.defBlock.Info { background-color: #deecff; }
aside.defBlock.Warn { background-color: #ffffd9; }
aside.defBlock.Stop { background-color: #FFE4E1; }
aside.defBlock.OK { background-color: #daeed4; }

/*Multiselect dropdown box*/
.multiSelectDropdownBox { background-color: #DEECFF; color: black; font-weight: 600; }

/*customer portal*/
div.pleaseWait::before {
    display: block; content: " "; border-width: 5px; border-color: gray gray gray #0082c6; height: 35px; width: 35px;
    border-style: solid; border-radius: 30px; margin:2em auto;
    animation-name: throbber;animation-duration: 700ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
div.barchart.pleaseWait canvas{ display:none; }
.objectSummaryCard .homeLink { color:#0082c6 }

/*Client Statement*/
.ClientStatement { background-color: #F8F8F8; font-size: 10pt; }
.ClientStatement .wrapper { background-color: #FFF; }
.ClientStatement .address label { font-weight: 600; color: #aeaeae;  }
.ClientStatement .StatementInfo { font-size: 120%; }
.ClientStatement .Detail { border-top: solid 1px #000000; border-bottom: solid 1px #000000; }
.ClientStatement .FormBlock { background-color: transparent; }
.ClientStatement .Aging table, .ClientStatement .Aging th, .ClientStatement .Aging td { border: 1px solid #000000; }
.ClientStatement .Aging th { font-weight: 600; line-height: 1.2em; color: #777; font-size: 90%; }
.ClientStatement .Transactions thead tr { background-color: #EEE }
.ClientStatement .FormSection.preview .GridTable tbody tr { background-color: transparent; }
.ClientStatement .Total { font-weight: 700; }
.ClientStatement .AmountDue span { color: white; background-color: #000000; }

/*Portal dashboards*/
.formStats .previous, .formStats .change{ color: #707070;}
.formStats .current { color: #00af4f;}

.clientSales.formStats .change .increasing { color:#00af4f;}
.clientSales.formStats .change .increasing::after { content: ' '; display:inline-block; height:0.75em; width:0.6em;
    background-image: url("../../Images/CRM/shadow/arrow-UpGreen.svg"); background-size:cover;
    background-repeat:no-repeat; background-position:center; margin-left:0.2em;
}
.clientSales.formStats .change .decreasing { color:#990000; }
.clientSales.formStats .change .decreasing::after { content: ' '; display:inline-block; height:0.75em; width:0.6em;
    background-image: url("../../Images/CRM/shadow/arrow-DownRed.svg"); background-size:cover;
    background-repeat:no-repeat; background-position:center; margin-left:0.2em;
}

/*Delete Panel in Customer Group Detail*/
.FormBlock.CriticalBlock { background-color: #f0cccc; }

/*ListExpandToggle used in Customer Groups*/ 
.ListExpandToggle button { color: #0082C6; background: transparent; }
.ListExpandToggle button:last-child, .ListExpandToggle.Expanded button:first-child { color: #cccccc; cursor: initial; }
.ListExpandToggle.Expanded button:last-child { color: #0082C6; cursor: pointer; }

/*Print COnfirmation*/
.PrintComplete { background-color: #dddddd; }
.PrintComplete .dialogContents { border-color: #0082c6;}
.PrintComplete .followUpIcon { background-color: #0082c6; color:#FFFFFF; }

#txtNewStart { background-color: white;}

/*sidebar settings*/
.sidebarSettings.FormBlock { background-color:transparent; }
.sidebarSettings .actionButton, .sidebarSettings .detailActions { padding: 0.3em 0; clear:both; }
.sidebarSettings .detailActions::after { content: ' '; display:block; height:0; clear:both;  }

.sidebarSettings .PrintButton::before {
    content: ' '; display:inline-block; vertical-align:middle; margin-right:0.5em; height:1.2em; width:1.2em; 
    background-image: url(../../Images/CRM/Shadow/PrinterIcon-White.svg); background-size:cover;background-repeat:no-repeat;
}

/*Recurring Invoice Detail*/
.newRecurring:after { content: "+"; margin-left: 0.25em; }
.RecurrenceSummaryAction label { color: #0592de; font-size: 7pt; }
.RecurrenceSummaryButton { background-image: url('../../Images/CRM/shadow/PlayButton-Blue.svg'); }
.RecurrenceSummaryButton.Paused { background-image: url('../../Images/CRM/shadow/PauseButton-Blue.svg'); }
.RecurrenceSummary label { font-size: 8pt; }
.RecurrenceSummaryStatus { color: #1a6600; }
.RecurrenceSummaryStatus.Paused { color: #B20000; }
.RecurrenceSummary label + span { font-weight: 600; font-size: 14pt; }
.RecurrenceSummaryStatus label { font-size: 14pt; }
.Document .GridTable tbody:not(.ui-sortable) > tr:nth-child(odd) { background-color: transparent; }
.RecurringInvoice .Years button { font-size: 12pt; color: #0082C6; }
.RecurringInvoice .Years button:disabled { background-color: transparent; color: #565656; cursor: default; }

/*Line Item Sourcing*/
.sourcing .subCardDesc span { color: #2db200; }
.sourcing .subCardDesc span.insufficientQuantity { color: red; }

/*Styling for search input*/
.sidebarFinder .SearchBox { background-color: white; }
.sidebarFinder .SearchBox::-webkit-input-placeholder { color: #ddd; font-style:italic; }
.sidebarFinder .SearchBox::-moz-placeholder { color: #ddd; font-style:italic; }
.sidebarFinder .SearchBox:-ms-input-placeholder { color: #ddd; font-style:italic; }
.sidebarFinder .SearchBox:-moz-placeholder { color: #ddd; font-style: italic; }
.sidebarFinder .MetaData { cursor:default; }
.sidebarFinder .MetaData::before { content: ' '; display: inline-block; height: 1.2em; width: 1.2em;
    background-image: url("../../Images/CRM/shadow/2Gears-Gray.svg"); margin-right: 0.5em;
    background-size: cover; background-repeat: no-repeat; background-position: center; vertical-align: middle;
}

.AddressManagerDialog.addMode .TableDetailForm { background-color: #eeeeee; top:0; padding-bottom: 15px;}

.finder .clearData { display: none; margin-left: 0.15em; height:15px; width:15px; border-radius: 15px;
    text-indent:-15em; padding:0; margin:0; overflow: hidden; flex-grow:0; cursor:pointer; flex-shrink:0;
    background-image: url(../../Images/CRM/shadow/PlusSignInCircle-Grey-WhiteCross.svg); background-repeat: no-repeat;
    background-position: center; background-size:130%; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);
    transform: rotate(45deg); position: absolute; right: 0.4em; top: 0.55em;
}

/*AR Payment Detail*/
.detailRow .NoticeContainer { background-color: #ccc; }
.PaymentVoidForm { background-color: #ccc; }
.PaymentVoidForm:after { border-bottom-color: #ccc; }
.ARPayment .ApplyBalanceBlock {background-color: #ddd;}
.ARPayment .ApplyBalanceBlock .total { font-weight: bold; }

/*Employee Detail*/
.EmployeeDetail .UpdateAllEmails { color: white; }
.PasswordChange.PopupContainer .Popup { background-color: #006699; }
.PasswordChange.PopupContainer .Popup::before { border-bottom-color: #006699; }
.PasswordChange .TransparentButton { color: #0082C6; }
.BreachedPasswordMsg span { color: #B20000; }

/*General style for info popup*/
.PopupContainer .Popup, .notificationBubble .notification { background-color: #d4f7ff; box-shadow: 2px 2px 3px grey; }
.PopupContainer .Popup::before, notificationBubble .notification::before { border-bottom-color: #d4f7ff; }

/*Inventory Movement Manager*/
.InventoryMovementManager .Available { background-color: #F5F5F5; }

/*Receive Payment page*/
.NewPayment .SummaryBlock { background-color: #666; }
.NewPayment .SummaryBlock .SectionHeader h3 { color: #00a3c6; }
.NewPayment .StepCount { font-weight: bold; background-color: #0082C6; color: white; }
.NewPayment .GridTable tbody:not(.ui-sortable) > tr:nth-child(odd), .ui-sortable tr:first-child.controlsRow { background-color: transparent; }

/*Price Table*/
.PricingTablePricing .codedPricingWrapper { background-color: #a2a2a2; color: #FFFFFF; }
.PricingTablePricing .GridTable td, .PricingTablePricing .GridTable th { border-color: #a2a2a2 }
.PricingTablePricing th .ui-selectmenu-button.ui-button, #selProfitabilityRet-menu.ui-menu .ui-menu-item-wrapper { background-color: #EEE; color: #565656; border-color: #565656; }
.PricingTablePricing th .ui-selectmenu-button.ui-button:hover, .PricingTablePricing th .ui-selectmenu-button.ui-button.ui-selectmenu-button-open,
#selProfitabilityRet-menu.ui-menu .ui-state-active { background-color: #565656; color: #EEE; border-color: #EEE; font-weight: initial }
.PricingTablePricing th .ui-selectmenu-button .ui-selectmenu-icon { background-image: url("../../Images/jQueryUI/ui-icons_454545_256x240.png"); opacity:0.8;}
.PricingTablePricing th .ui-selectmenu-button:hover .ui-selectmenu-icon { background-image: url("../../Images/jQueryUI/ui-icons_cccccc_256x240.png")}
.PricingTablePricing tr:nth-child(odd) input:disabled { background-color: #ddd}
.PricingTablePricing tr:nth-child(even) input:disabled { background-color: #eee}
.PricingTablePricing th{ color: #565656 }
.PriceBreak.tailControl::after {border-color: transparent transparent #EEE transparent;}
.PriceLevelDetail .closeButton { background-color: transparent;}

/*Badges*/
.Badge { border-color: #565656;}

/*posting summary section*/
.RecordSummary.FormBlock{background-color:#f8f5e2}
.RecordSummary.FormBlock .GridTable tbody tr:nth-child(odd){background-color:#f3eed3}

.finderResultListEntry .addressInfo { font-weight: bold; }

/* Cost Center Finder */
.finderResultListEntry .labelFrame.CostCenterFinderRecord .FormLabel { font-weight: 600; }
.CostCenterFinderRecord .Name, .CostCenterFinderRecord .Description { font-size: 90%; }
.CostCenterFinderRecord .Frequency { font-size: 75%; }

/*About Header*/
.AboutHeader .widgetHeader { background-color: transparent; }
.AboutHeader .widgetHeader h1 { color: #565656; font-weight: bold; }

.CheckNumberDetail {background-color: #006699;}
.CheckLink { color: #0082C6; }

/*Contact Detail*/
.ContactDetail .detailHeaderLeft .headshot, .ContactDetail .detailHeaderLeft .headshot img { background-color: transparent; }
.ContactDetail .Files .AttachmentNoDescription { color: #aeaeae; font-style: italic; }
.ContactDetail .Files .AttachmentCount { font-weight: bold; }
.ContactDetail .Files .Description div { background-color: white; }
.ContactDetail tr.Focused { background-color: #EEE; }
.ContactDetail .ContactAddresses a { font-weight: 600; } 
.ContactDetail aside.billboard { font-weight: bold; }
.ContactDetail aside.billboard h6 { font-size: 18pt; font-weight: bold; }

.contactImageInitials, .customerAcronym { color: white; font-size: 2.5em; font-weight: bold; text-transform: uppercase; cursor:default; }
.filtersContainer input[type=text]::placeholder { color: #aeaeae; font-style: italic; opacity: 1; }
.filtersContainer input[type=text]:-ms-input-placeholder { color: #aeaeae; font-style: italic; }
.filtersContainer input[type=text]::-ms-input-placeholder { color: #aeaeae; font-style: italic; }
.contactLinks .labelFrame.placeholder { background: transparent; border: 1px dashed; box-shadow: none; }
.contactLinks .labelFrame.placeholder button { background-color: transparent; color: #0082C6; text-transform: none; font-weight: 400; }
.contactLinks .labelFrame.placeholder button::after { content: ' '; display: block; height: 1em; width: 1em;
    background-image: url('../../Images/CRM/shadow/MagnifyingGlass-Blue.svg'); background-size:cover; background-repeat:no-repeat; 
    background-position:center; margin-left: 0.5em;}
.FormBlock.activeLinks { background-color: #ddeefe; }
.contactLinks .SectionHeader .summary::before { content: '\00a0'; display: inline-block; width: 2em; background-image: url('../../Images/CRM/shadow/GrayChain.svg');
    background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0 0.5em;}
.FormBlock.activeLinks  .SectionHeader .summary::before {background-image: url('../../Images/CRM/shadow/BlueChain.svg') }



/*Contact Manager*/
.ContactManager .ObjectInfo .ContactParty { background: #eeeeee; }
.ContactManager .LinkedObject h4 { font-size: 10pt; }
.ContactManager .LinkedObject { font-size: 80%; font-weight: 600; }
.ContactManager .ObjectInfo { font-size: 90%; font-weight: 600; }
.ContactManager .ObjectInfo .DisplayName { font-size: 140%; }
.ContactManager .ObjectInfo, .ContactManager .ObjectInfo > span, .ContactManager .ObjectInfo a { line-height: 1.25em; }
.ContactManager .filtersContainer input[type=text] { background-color: white; }
.ContactManager .pagination span.PageLinks:not(:nth-last-child(2)) { background-color: #6b6b6b; color: white; }
.ContactManager .GridTable .LinkedObjectTable tbody > tr:nth-child(odd) { background-color: transparent; }
.ContactManager td.ContactLinkedObjectsSummary > div.selected { background-color: white; }
.ContactManagerTable .detailRow > td:nth-child(2) { background-color: white; }
.ContactLinkedObjectsSummary .FormLabel { font-size: 70%; }
.Action.addNew.Contact::after { content: "+"; }

.thumbnail .guest {  color: white; background: #565656; }

/*New Activity Table*/
.ActivityRecord { background-color: white; }
.ActivityRecord .Priority div { font-size: 0.75em; color: white; font-weight: bold; text-transform: uppercase; }
.ActivityRecord .Priority div.Low { background-color: #767777; }
.ActivityRecord .Priority div.Normal { background-color: #ffc000; }
.ActivityRecord .Priority div.High { background-color: #c22100; }
.ActivityRecord .Info > span:first-child { font-weight: bold; }
.ActivityRecord .EntityImage { border-left: 2px solid #d3d3d3; }
.ActivityRecord .EntityImage span { font-size: 0.75em; }
.ActivityRecord .Status { border-left: 2px solid #d3d3d3; }
.ActivityRecord .Reminder { border-left: 2px solid #d3d3d3; }
.ActivityRecord .Progress > div { background-color: #cccccd; }
.ActivityRecord .Progress .Critical { background-color: #c12100; }
.ActivityRecord .Progress .Normal { background-color: #ffc100; }
.ActivityRecord .Progress .Good { background-color: #00b04e; }
.ActivityRecord .DueDate { font-weight: bold; font-size: 1em; }
.customerPortalFooter > .subInfo { font-size: 10pt; }
button.revokeLicense.confirm { background-color: #a82d10; }
.ContactDetailForm .Header { color: #ffffff; }
.ContactDetailForm .Header a { font-weight: 600; font-style: italic; color: #ffffff; }

.ContactMerge .StatusBlock > .fieldBlock > div { border-bottom: 10px solid transparent; }
.ContactMerge .StatusBlock > .fieldBlock > div.current { border-bottom-color: #777777; }

/*Credit Memo*/
.CreditMemo .Transactions thead tr { background-color: #EEE; }
.CreditMemo .CreditNumber { font-weight: bold; }
.CreditMemo .FormBlock { background-color: transparent; border-top-color: #7f7f7f; }
.CreditMemo .GridTable tbody:not(.ui-sortable) > tr:nth-child(odd) { background-color: transparent; }
.CreditMemo .CreditIssued div { background-color: black; color: white; font-weight: bold; }
.CreditMemo .CreditIssued span { font-size: 16pt; }
.CreditMemo .Total { font-weight: 700; }
.CreditDetail label { color: #777; }

/*Transaction Viewer*/
#pnlTransactions #divSales, #pnlTransactions #divNetPurch, #pnlTransactions #divActiveQuoteTotal, #pnlTransactions .summaryInventory #divInventoryIn,
#pnlTransactions #divPaid { color: #52AE00; }
#pnlTransactions #divReturns, #pnlTransactions #divExpiredQuoteTotal, #pnlTransactions #divInventoryOut { color: #0082C6; }
#pnlTransactions #divUnpaid { color: #d80100; }
#pnlTransactions .highlighted > span{ background-color: rgba(250,250,250,0.3); }

#divAssignTo .employeeInfo span:first-child {color: #0082C6; font-weight: bold;}

/* Contact Merge */
.ContactMerge .ContactDisplayName { font-weight: bold; }