body{
	background-color: white;
	margin: 0;
    padding: 0;
    height: 100%;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#container-view-port {
    min-height: 100%;
    height:100%;
    /*position: relative;*/
}

#main-body {
    padding: 10px 0 44px 0;
}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    min-height: 36px;
    padding: 10px 16px;
    box-sizing: border-box;
    background-color: #fafafa;
    border-top: 1px solid #d9dee3;
    color: #66707a;
    font-size: 12px;
    line-height: 1.2;
}

.MainHeader{
    background: #ffffff;
    border-bottom: 1px solid #d9e2ec;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.app-nav-shell {
    width: calc(100% - 16px);
    max-width: 1288px;
    margin: 0 auto;
    padding: 8px 0 10px;
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr) 196px;
    column-gap: 10px;
    row-gap: 0;
    align-items: center;
    box-sizing: border-box;
}

.app-nav-shell__brand,
.app-nav-shell__home {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 76px;
}

.app-nav-shell__home {
    justify-self: end;
    align-items: flex-end;
}

.app-nav-shell__company-logo {
    width: 124px;
    max-width: 100%;
    height: 68px;
    object-fit: contain;
    display: block;
}

.app-nav-shell__company-placeholder {
    width: 124px;
    min-height: 68px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #c8d5e5;
    border-radius: 10px;
    background: #f8fbff;
    color: #1f4f86;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

button.app-nav-shell__company-placeholder {
    cursor: pointer;
}

button.app-nav-shell__company-placeholder:hover,
button.app-nav-shell__company-placeholder:focus {
    outline: none;
    border-color: #98b8d8;
    background: #eef5fc;
}

.app-nav-shell__company-placeholder.is-static {
    cursor: default;
}

.app-nav-shell__home-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
}

.app-nav-shell__home-logo {
    width: 196px;
    max-width: 100%;
    height: auto;
    display: block;
}

.app-nav {
    position: relative;
    padding-top: 0;
    min-width: 0;
    z-index: 15;
}

.app-nav__sections {
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px;
    padding: 0 18px 0 8px;
    background: linear-gradient(180deg, #2968a7 0%, #1f5fa8 100%);
    border: 1px solid #1b4f89;
    border-radius: 8px;
    box-shadow: 0 12px 22px rgba(35, 54, 74, 0.16);
    overflow: visible;
}

.app-nav__section {
    position: relative;
    display: flex;
    align-items: stretch;
}

.app-nav__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 6px;
    white-space: nowrap;
    flex: 0 0 auto;
}

.app-nav__action-link,
.app-nav__logout-link {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    min-height: 44px;
    padding: 0 5px;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.app-nav__logout-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
}

.app-nav__logout-icon svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: currentColor;
}

.app-nav__action-link:hover,
.app-nav__action-link:focus,
.app-nav__logout-link:hover,
.app-nav__logout-link:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    text-decoration: none;
}

.app-nav__section-toggle {
    border: 1px solid transparent;
    background: transparent;
    color: #ffffff;
    border-radius: 4px;
    min-height: 44px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.app-nav__section-toggle:hover,
.app-nav__section-toggle:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
}

.app-nav__section-toggle.is-expanded {
    background: rgba(16, 49, 84, 0.34);
    border-color: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    box-shadow: inset 0 -2px 0 #ffffff;
}

.app-nav__section-toggle.is-current {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.app-nav__section-toggle.is-current:not(.is-expanded) {
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.72);
}

.app-nav__section-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
}

.app-nav__section-icon svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: currentColor;
}

.app-nav__section-label {
    line-height: 1;
}

.app-nav__section-chevron {
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.2s ease;
    margin-left: 2px;
}

.app-nav__section-toggle.is-expanded .app-nav__section-chevron {
    transform: rotate(225deg) translateY(-1px);
}

.app-nav__panel {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 250px;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #c8d5e5;
    border-top: 3px solid #1f5fa8;
    box-shadow: 0 12px 22px rgba(35, 54, 74, 0.16);
    border-radius: 0 0 8px 8px;
    z-index: 40;
}

.app-nav__panel.is-active {
    display: flex;
}

.app-nav__link {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 16px;
    border-top: 1px solid #dbe4ee;
    background: #ffffff;
    color: #1f3f63;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.app-nav__panel .app-nav__link:first-child {
    border-top: none;
}

.app-nav__link:hover,
.app-nav__link:focus {
    outline: none;
    background: #edf4fb;
    color: #1f3f63;
}

.app-nav__link.is-active {
    background: #f7f9fc;
    color: #1f3f63;
    box-shadow: inset 3px 0 0 #1f5fa8;
}

@media (max-width: 1040px) {
    .app-nav-shell {
        grid-template-columns: 1fr;
        gap: 14px;
        width: calc(100% - 24px);
    }

    .app-nav-shell__brand,
    .app-nav-shell__home {
        align-items: center;
    }

    .app-nav__sections,
    .app-nav__panel {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .app-nav__sections {
        flex-direction: column;
        align-items: stretch;
    }

    .app-nav__section {
        width: 100%;
    }

    .app-nav__section-toggle {
        width: 100%;
        justify-content: space-between;
    }

    .app-nav__actions {
        margin-left: 0;
        padding-left: 0;
    }

    .app-nav__panel {
        position: static;
        min-width: 0;
        width: 100%;
        box-shadow: none;
    }
}

#centerme{  
	border-width: 0;
	border-spacing:0;
    border-collapse:collapse;
    padding: 0 0 0 0;
}


#companylogobox{
	position:relative;
	height: 174px;
	width: 210px;
	float: left;
	padding-top: 27px;
}

#complogo{	
	width: 195px;	
	text-align: center;
}
#mmdetails{
	float:left;
	padding-right: 10px;	
	list-style-type:none;
}

#mmdetails a {
	text-decoration: none;	
	color: #7E7E7E;	
	font-size: 10pt;
}

#mmdetails a:visited {
	text-decoration: none;
	color: #7E7E7E;	
}

.blursHeader{
	font-size: 12pt;
	font-weight: bold;
	position: relative;
	top: -60px;
	color: white; 
}
.blursDetail{	
	font-size: 10pt;
	font-weight: normal;
	position: relative;
	top: -60px;
	color: white; 
}
.blursbox{
	font-size: 10pt;
	font-weight: normal; 
	 
	color: white;
	 
}

#MainMenu{ 
	position:relative;
	width: 690px;
	height: 80px;
	float: left;
	padding-top: 27px;
}
#topMenue{
	width: 100%; 
	border-width: 0 0 0 0;
	table-layout: fixed;	
	border-spacing:0;
  border-collapse:collapse;
}
#mm_Message{
	
}
#mm_Supplier{
	
}
#mm_Reports{
	
}
#mm_Release{
	
}
#mm_Admin{
	
}
.mainMenuButton{
	border: 0;
	cursor:hand;
    border-top-left-radius: 15px;  /* Top-left corner radius */
    border-top-right-radius: 15px; /* Top-right corner radius */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effect */
}

.mainMenuButton:hover {
    background-color: #1A82C2; /* Slightly lighter blue on hover */
    transform: scale(1.05); /* Slight zoom effect */
}

#mainLogo{
	width: 233px;
	height: 135px;
	float: left;
}
.mainMenuLogo{
	border-width: 0;
	position: relative;
	top: -2px;
}
.mainMenuLogoChange{
	border-width: 0;
	position: relative;
	top: -2px;
}

.menu_text{
    align-items: center;
    font-size: 12pt;
    font-weight: normal;
    color: white;
}

#dvFullLogin{
    margin:0;
    padding:0;
    height:100%;
    background: #566573;
    /* background-image: url(""), linear-gradient(#EAEAEA, #566573); /* W3C */
    background-image: url(""), linear-gradient(#ffffff, #566573); /* W3C */
}

#frontPageViewPort {
    min-height:100%;
    height: 100%;
    position:relative;
}

#fpHeader {
    padding:3px;
    background-color: #ffffff;
}
#fpContent {
    padding:0 0 44px 0;
}
#fpFooter {
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
    background:#566573 ;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    color: #ffffff;
 }

.fpText {
    font-family: Helvetica, Arial, sans-serif;
    color: #ffffff;
}
.fpText h3 {
    font-size: larger;
    font-weight: 300;
}

#autoEdiLogo {
    height: 350px;
    width: auto;
}

#logmainTable{
	width: 100%;
	/* height: 100%; */
	border-width: 0;
	background-color: #EAEAEA;
	table-layout: fixed;	
	border-spacing:0;
  border-collapse:collapse;
}

#logTL{
	background-color: #5A8BC6;
}
#logTM{
	background-color: #5A8BC6;
}
#logTR{
	background-color: #5A8BC6;
}

#logML{
    background: url("./img/new/loginWhitBorder.png") repeat-x top;
    height: 350px;
}
#logMM{
    background: url("./img/new/loginWhitBorder.png") repeat-x top;
    height: 350px;
	width: 600px;
}
#logMR{
    background: url("./img/new/loginWhitBorder.png") repeat-x top;
    height: 350px;
}
#logBL{
	background-color: #EAEAEA;
}
#logBM{
	background-color: #EAEAEA;
}
#logBR{
	background-color: #EAEAEA;
}


.lg_Text{
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: black;
}
.lg_userInput{
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: black;
	width: 250px;
	border-width: 0;
}
#dvLoginWelcome{
    font-family: Helvetica, Arial, sans-serif;
	font-size: 20pt;
	font-weight: normal;
	color: white;	
	position: relative;
	top: -55px;
}
.lg_loginHead{
    font-family: Helvetica, Arial, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	color: white;
	float: right;
	position: relative;
	top: -50px;
}
.loginBox{
	position: relative;
	top: -50px;	
}
#dvLoginText{
    font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: white; 
}

.pageheader {
    margin: 0;
    background-color: #00478e;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
    text-align: center;      /* Center text inside the div */
    font-size: 28px;
    color: white;
    }

/*** Basic defaults **/

input  {
    border: 0 solid black;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: black;
}

button  {
    border: 0 solid black;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	background-color: #1570A6;
	color: #FFFFFF;
	text-align: center;
	width: 160px;
	height: 27px;
	padding: 0;



}

input[type=text]{
    border: 1px solid black;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: black; 
}
input[type=button]{
	min-width: 115px;
	height: 30px;
	background-color: #2B5797;
	color: #FFFFFF;
	border-width: 0;
	padding: 2px 10px 2px 10px;
	font-size: 10pt;
	text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}

input[type=button]:disabled{
    background-color: #cacaca;
    color: #eaeaea;
}
input[type=submit]{
	width: 145px;
	height: 30px;
	background-color: #2B5797;
	color: #FFFFFF;
	border: 0;
	padding: 0;
	font-size: 10pt;
	text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}
input[type=radio]{
    border: 0 solid black;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: black;
	width: 50px;
}

input:invalid {

	border-color: #C70039;
	background-color: #F5B7B1;
}

.sectionHeader
{
    
    text-align: left;
    height: 50px;
    background-color: #2D89EF;
    font-family: Helvetica, Arial, sans-serif;
    vertical-align: central;
}

.sectionDetails
{
    background-color: #F5F5F5;
/*    border: solid 1px;*/
    font-family: Helvetica, Arial, sans-serif;
}

.sectionButtons
{
/*    background-color: #CCCCCC;*/
}


.tblContents
{
    width:75%;
    alignment-adjust: central;
}

.sectionLoginBox
{
    margin-left: 20%;
    margin-right: 20%;
    alignment-adjust: central;
    position:absolute;
    top: 30%;
    left: 20%;
    width: 300px;
    height: 150px;
    
    
}

/*input:valid {
 background-color: #adff2f;
 }
input:invalid {
 background-color: #f08080;
}
input:out-of-range {
 background-color: #808080;
}
input:in-range {
 background-color: #8a2be2;
}*/

.sectionTopHeader
{
    width: 100%;
    height: 50px;
    text-align: right;
    background-color: #2C4566;
    
}

h1.h1Login
{
    color:white;
}

h2.h2TopHeader
{
    color: white;
}

h4
{
    padding: 5px;
}

.tblSideHeaders
{
    font-weight: bold;
    padding-right: 10px;
    vertical-align: top;
}

table.tblStriped {
  border-collapse: collapse;
  border-spacing: 0;
}

table.tblStriped {
  background-color: #f9f9f9;
    font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 14pt;
  padding: 3px 10px;
    border: 1px solid transparent;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    box-sizing: border-box;
}
  
table.tblStriped tbody tr td.right {
  text-align: right;
}
table.tblStriped tbody tr td.rightHeader {
  text-align: right;
  font-weight: bold;
  background-color: #001E4E;
}
table.tblStriped tbody tr td.center {
  text-align: center;
}
table.tblStriped tbody tr td.last {
  border-right: 1px transparent solid;
}
table.tblStriped tbody tr td:last-child {
  border-right: 1px transparent solid;
}


.thASNCustomerSupplierInfo
{
    
}

.tdLeftASNCustomerSupplierInfo
{
    
}

.tdRightASNCustomerSupplierInfo
{
    
}

.tblASNCustomerSupplierInfo
{
     height: 25px; color: black; font:10pt Tahoma, Arial; font-weight:bold;
}
.tblhead {
    background-color:#2B5797; 
    height: 35px; 
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:bold; /*text-indent: 5px;*/
}

.tblhead2 {
    background-color:#2B5797;
    height: 35px;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size:13pt;
    font-weight:bold; /*text-indent: 5px;*/

}


.tblhead a {color: white;text-decoration: none;cursor: hand;}
.tblhead a:visited {color: white;text-decoration: none;cursor: hand;}
.highlight{
    height: 16px; text-indent: 5px;
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
    font-size:10px;
    background-color:#FFFF00
}
.altrow1{
	background-color: #ffffff; height: 16px; text-indent: 5px;
    font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
}
.altrow2{
	background-color: #bdc2cb; height: 16px; text-indent: 5px;
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
        font-size:14px;
}
.frmback{
    border:1px solid #ddd;
    -webkit-box-shadow: 0 0 3px 0 rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(180, 180, 180, 0.2);
    box-shadow: 0 0 3px 0 rgba(180, 180, 180, 0.2);
}

.frmback table {
    margin: 0 0 0 0;
    text-align: left;

    background-color: #D6F0FF;
}
.frmitem{
	font-size:10pt ;
    font-family: Helvetica, Arial, sans-serif;
        font-weight:bold;text-align:left}

.highlight{
    height: 16px; text-indent: 5px;
    color:  #000000;
    font-family: Helvetica, Arial, sans-serif;
    font-size:10px;background-color:#FFFF00
}

/* TaskID 2268 */
.dataGrid {

}

#WeekExport {
    table-layout: fixed;
}


.grid{
    padding: 5px 4px;
    font-size: 9pt;
    /*font-family: Helvetica, Arial, sans-serif; */
    border: 1px solid black;
    border-top-style: none;
    width: 85px;
}

/* TaskID 2268 */
/*
 * A request was given to place the border around the individual cells. This is not as simple as requested
 * and a width property actually needed to be set. Original line below.
 */
/* .gridhead{font: 7pt Helvetica, Arial, sans-serif;border:0.5pt;border-color:black;border-style:solid;border-bottom:none;border-left:none;} */
.gridhead {
    font-size: 9pt;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: 1px solid black;
    padding: 0 3px; /* Padding set to 3px for left and right */
    /* width: 85px; */ /* Width commented out */
}

.coolButton {
    width: 170px;
    height: 27px;
    background-color: #2B5797;
    color: #FFFFFF;
    border: none;
    border-radius: 6px; /* Rounded corners for a modern look */
    padding: 0;
    font-size: 10pt;
    text-align: center;
    cursor: pointer; /* Changes the cursor to a pointer on hover */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effect */
}

.coolButton:hover {
    background-color: #1A82C2; /* Slightly lighter blue on hover */
    transform: scale(1.05); /* Slight zoom effect */
}
}
.btnObject{
	width: 160px;
	height: 27px;
	background-color: #1570A6;
	color: #FFFFFF;
	border: 0;
	padding: 0;
	font-size: 10pt;
	}
.buttons {
	width: 170px;
	height: 27px;
	background-color: #1570A6;
	color: #FFFFFF;
	border: 0;
	padding: 0;
	font-size: 10pt;
}

h1 {  
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 42pt;
  letter-spacing: 0.00em;
  line-height: 44pt;
  margin: 0; /* Removes default margin of H1 */

  
}

h2 {
    font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20pt;
  letter-spacing: 0.01em;
  line-height: 22pt;
  color: white;
  padding: 5px;
}

table.bordered {
  border-collapse: separate !important;
  border: 1px #ccc solid !important;
}

.btnDeleteASNLine
{
    
    float: right;
    width: 30px;
    height: 25px;
    background-color: #006AC1;
    color: #FFFFFF;
    border: 0;
    padding: 2px 2px 2px 2px;
    font-size: 10pt;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}

.sadc_PartTableHeader
{
    border : thin solid black;
    background-color:#2B5797; 
    height: 35px; 
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size:8pt;
}

.sadc_PartTableDetail
{
    
}

.sadcPrintMainTable
{
    border : thin solid black;
}

.tdLines:hover
{
	background-color : #E7F7FC;
}

#rulesetContainer
{
	width: 50%;
	margin-left:25%;
	margin-right:25%;
}

.withBorder
{
    border: 1px solid #000000;
}

.withTopSpacing20 {
    margin-top: 20px;
}

.withPadding2em {
    padding: 2em;
}

#rulesetContainer>table
{
	border: 1px solid #0000FF;
}

.rsCTable
{
	border: 1px solid #0000FF;
}

#rulesetContainer .Errors
{
	background-color: #FFCCCC;
	border: 1px solid #FF0066;
	color: #FF0066;
}

/**************************************************************************************
 *
 * INBOUND ASN STYLING
 *
 *************************************************************************************/

.inbound_asn  {

    margin-left: 0;
    margin-right: 0;
}

.fl-right {

    float: right;
}

#tableASNPartDetails td {

	width: 150px;
    font-family: Helvetica, Arial, sans-serif;
	height: 25px;
	font-size: 9pt;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}

#tableASNPartDetails th {

	width: 150px;
    font-family: Helvetica, Arial, sans-serif;
	height: 25px;
	font-size: 9pt;
}

#tableASNPartDetails h4 {

	font-weight: bold;
	font-size: 11pt;
}

.asn_feedback_okay {

	background-color: #33FF33;
	border: 1px solid #336600;
	color: #000000;
	height: 25px;
	width: 150px;
}

.asn_feedback_error {

	background-color: #FF6699;
	border: 1px solid #FF0000;
	color: #ffffff;
	height: 25px;
	width: 150px;
}

.asn_feedback_waiting {

	background-color: #FFFF99;
	border: 1px solid #FF9900;
	color: #000000;
	height: 25px;
	width: 150px;
}

.asn_feedback_disabled {

	background-color: #A0A0A0 ;
	border: 1px solid #404040 ;
	color: #ffffff;
	height: 25px;
	width: 150px;
}




.meter {
    height: 20px;  /* Can be anything */
    width: 90%;
    position: relative;
    margin: 20px 15px 20px 0; /* Just for demo spacing */
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
    -webkit-border-radius: 20px 8px 8px 20px;
    -moz-border-radius: 20px 8px 8px 20px;
    border-radius: 20px 8px 8px 20px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(43,194,83)),
        color-stop(1, rgb(84,240,84))
    );
    background-image: -moz-linear-gradient(
        to bottom,
        rgb(43,194,83) 37%,
        rgb(84,240,84) 69%
    );
    -webkit-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image:
        -webkit-gradient(linear, 0 0, 100% 100%,
        color-stop(.25, rgba(255, 255, 255, .2)),
        color-stop(.25, transparent), color-stop(.5, transparent),
        color-stop(.5, rgba(255, 255, 255, .2)),
        color-stop(.75, rgba(255, 255, 255, .2)),
        color-stop(.75, transparent), to(transparent)
        );
    background-image:
        -moz-linear-gradient(
            135deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent
        );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-radius: 20px 8px 8px 20px;
    -moz-border-radius: 20px 8px 8px 20px;
    border-radius: 20px 8px 8px 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

.sectionHeader h2 {
    text-align: left;
}

td.rightHeader {
    min-width: 150px;
}

.right {
    text-align: right;
}

#tableDCIPartDetails td {

    width: 150px;
    font-family: Helvetica, Arial, sans-serif;
    height: 25px;
    font-size: 9pt;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

#tableDCIPartDetails th {

    width: 150px;
    font-family: Helvetica, Arial, sans-serif;
    height: 25px;
    font-size: 9pt;
}

#tableDCIPartDetails h4 {

    font-weight: bold;
    font-size: 11pt;
}

.browserList a {
    color: white;
    font-weight: bold;
}

.overRideSettingsHidden
{
    display : none;
}

.highlight {
    font-size: 14px;
}



.styled-table-4 table {
     margin: 0 0 0 0;
     text-align: left;
     border:1px solid #ddd;
 }

.styled-table-4 tr:nth-child(even) { background: #d8d8d8; }
.styled-table-4 tr:nth-child(odd) { background: #ffffff; }

.styled-table-4 tr {border-bottom: 1px solid #E5E5E5;}
.styled-table-4 tr:last-child {border-bottom:0;}
.styled-table-4 th,
.styled-table-4 td {
    padding: 2px 10px;
    vertical-align: middle;
    border-right: 1px solid #EEE;
    word-wrap:break-word;
}

.styled-table-4 thead th{
    font-size:16px;
    font-weight:700;
    color:#FFFFFF;
    border-bottom:1px solid #ddd;
    padding:10px 15px;
    border-right: 1px solid #ccc;
    background: #2B5797;
}
.styled-table-4 th:last-child,
.styled-table-4 td:last-child {
    border-right:0;
}

.styled-table-5 table {
    margin: 0 0 0 0;
    text-align: left;
    border:1px solid #ddd;
    -webkit-box-shadow: 0 0 3px 0 rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(180, 180, 180, 0.2);
    box-shadow: 0 0 3px 0 rgba(180, 180, 180, 0.2);
}

.styled-table-5 tr:nth-child(even) { background: #D8D8D8; }
.styled-table-5 tr:nth-child(odd) { background: #ffffff; }

.styled-table-5 tr {border-bottom: 1px solid #E5E5E5;}
.styled-table-5 tr:last-child {border-bottom:0;}
.styled-table-5 th,
.styled-table-5 td {
    padding: 3px 5px;
    vertical-align: middle;
    border-right: 1px solid #EEE;
    word-wrap:break-word;
}

.styled-table-5 thead th{
    font-size:16px;
    font-weight:700;
    color:#FFFFFF;
    border-bottom:1px solid #ddd;
    padding:3px 5px;
    border-right: 1px solid #ccc;
    background: #2B5797;
}

/* Legacy page normalization */
#MainContence,
.MainContent {
    box-sizing: border-box;
}

#MainContence > table,
.MainContent > table,
#MainContence > .styled-table-4,
.MainContent > .styled-table-4,
#MainContence > #apdp_Dashboard,
.MainContent > #apdp_Dashboard {
    width: min(1180px, 100%);
    margin-left: auto;
    margin-right: auto;
}

table.styled-table-4,
#apdp_Dashboard,
table.Tables {
    width: min(1180px, 100%);
    margin: 0 auto 18px;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid #c9d9ee;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(25, 69, 120, 0.08);
    overflow: hidden;
}

table.styled-table-4 tr:nth-child(even),
#apdp_Dashboard tr:nth-child(even),
table.Tables tr:nth-child(even) {
    background: #f9fbfe;
}

table.styled-table-4 tr:nth-child(odd),
#apdp_Dashboard tr:nth-child(odd),
table.Tables tr:nth-child(odd) {
    background: #ffffff;
}

table.styled-table-4 tr,
#apdp_Dashboard tr,
table.Tables tr {
    border-bottom: 1px solid #dbe6f2;
}

table.styled-table-4 th,
table.styled-table-4 td,
#apdp_Dashboard th,
#apdp_Dashboard td,
table.Tables th,
table.Tables td {
    padding: 10px 14px;
    vertical-align: middle;
    border-right: 1px solid #dbe6f2;
    color: #24476f;
    word-wrap: break-word;
}

table.styled-table-4 thead th,
#apdp_Dashboard thead th,
table.Tables thead th,
.tblhead,
.tblhead2 {
    background: #4d80b8;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #c9d9ee;
}

.tblhead,
.tblhead2 {
    height: auto;
    padding: 12px 16px;
    text-indent: 0;
}

.tblhead a,
.tblhead a:visited {
    color: #ffffff;
}

.sectionHeader {
    min-height: 44px;
    padding: 0 14px;
    background: #edf4fb;
    border-top: 1px solid #dbe6f2;
    border-bottom: 1px solid #dbe6f2;
    color: #214b7a;
    display: flex;
    align-items: center;
}

.sectionHeader h2 {
    margin: 0;
    padding: 0;
    color: #214b7a;
    font-size: 22px;
    line-height: 1.2;
}

table.styled-table-4 th:last-child,
table.styled-table-4 td:last-child,
#apdp_Dashboard th:last-child,
#apdp_Dashboard td:last-child,
table.Tables th:last-child,
table.Tables td:last-child {
    border-right: 0;
}
.styled-table-5 th:last-child,
.styled-table-5 td:last-child {
    border-right:0;
}

.styled-table-1 table {
    border: 1px solid #CCCCCC;
    margin: 0 0 20px;
    text-align: left;
}
.styled-table-1 tr:nth-child(2n) {
    background: none repeat scroll 0 0 #F5F5F5;
}
.styled-table-1 tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #FFFFFF;
}
.styled-table-1 tr {
    border-bottom: 1px solid #E5E5E5;
}
.styled-table-1 tr:last-child {
    border-bottom: 0 none;
}
.styled-table-1 th, .styled-table-1 td {
    width: 50px;
    border-right: 1px solid #E5E5E5;
    padding: 0;
    vertical-align: middle;
    word-wrap:break-word;
}
.styled-table-1 thead th {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #CCCCCC;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px;
}
.styled-table-1 th:last-child, .styled-table-1 td:last-child {
    border-right: 0 none;
}

.gradientTable, .gradientTable table {
    text-align: center;
}

.release-detail-panel {
    display: inline-block;
    width: 100%;
    max-width: 560px;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #cfcfcf;
    background: #f7f7f7;
    text-align: left;
}

.release-detail-summary {
    margin-bottom: 6px;
    font-weight: bold;
    color: #333333;
}

.release-detail-meta {
    margin-bottom: 8px;
    color: #444444;
}

.release-detail-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.release-detail-table th,
.release-detail-table td {
    padding: 4px 6px;
    border: 1px solid #d7d7d7;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
}

.release-detail-table th {
    background: #ececec;
    color: #333333;
}

.release-detail-loading,
.release-detail-error {
    display: inline-block;
    width: 100%;
    max-width: 560px;
    box-sizing: border-box;
    padding: 8px 10px;
    text-align: left;
}

.release-detail-loading {
    border: 1px solid #d0d0d0;
    background: #f7f7f7;
    color: #444444;
}

.release-detail-error {
    border: 1px solid #d9b3b8;
    background: #fff4f4;
    color: #8a1f2d;
}

textarea {
    font-family: Helvetica, Arial, sans-serif;
}

.yellow-box {
    display: inline-block; /* Centers the box horizontally */
    background-color: #f3f524; /* Light yellow background */
    padding: 5px 15px; /* Adds space inside the box */
    border-radius: 4px; /* Rounds the corners */
    font-weight: bold; /* Makes text bold */
    font-size: 14px; /* Adjust font size as needed */
    text-align: center; /* Centers the text */
    border: 1px solid #d6d600; /* Optional: adds a border for better visibility */
}

body .ui-dialog.autoedi-dialog {
    border: 1px solid #9fb7d4;
    border-radius: 7px;
    box-shadow: 0 14px 28px rgba(17, 37, 68, 0.16);
    overflow: hidden;
}

body .ui-dialog.autoedi-dialog .ui-dialog-titlebar {
    border: 0;
    background: #4f81bd;
    color: #ffffff;
    padding: 8px 12px;
}

body .ui-dialog.autoedi-dialog .ui-dialog-title {
    float: none;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
}

body .ui-dialog.autoedi-dialog .ui-dialog-content {
    padding: 0;
    background: #ffffff;
}

body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane {
    margin: 0;
    padding: 0 12px 12px;
    border: 0;
    background: #ffffff;
}

body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane button,
body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane button.ui-button {
    margin: 0;
    min-width: 92px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #9db5d2;
    background: #f7f9fc;
    color: #244a78;
    font-size: 12px;
    font-weight: 600;
    padding: 0 14px;
    line-height: 28px;
}

body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane button:last-child,
body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane button.ui-button:last-child {
    border-color: #4f81bd;
    background: #4f81bd;
    color: #ffffff;
}

body .ui-dialog.autoedi-dialog .ui-dialog-buttonpane .ui-button .ui-button-text {
    display: block;
    padding: 0;
    line-height: 28px;
}

.autoedi-company-dialog {
    padding: 12px 12px 8px;
}

.autoedi-company-dialog__hint {
    margin: 0 0 10px;
    color: #4f6178;
    font-size: 12px;
    line-height: 1.4;
}

.autoedi-company-dialog__label {
    display: block;
    margin-bottom: 5px;
    color: #31465f;
    font-size: 12px;
    font-weight: 700;
}

.autoedi-company-dialog__select {
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    border: 1px solid #a8b9cf;
    border-radius: 4px;
    background: #ffffff;
    color: #17365f;
    font-size: 13px;
    font-weight: 400;
    padding: 0 7px;
    outline: none;
    box-shadow: none;
}

.autoedi-company-dialog__select:focus {
    border-color: #4f81bd;
    box-shadow: 0 0 0 2px rgba(79, 129, 189, 0.18);
}

.ui-dialog-titlebar-close{
    display: none;
}

.ui-dialog-titlebar-close{
    position: fixed;
}
.txtbox {
    width: 250px;
}

.widetxtbox {
    width: 100%;
}

.wide {
    width: 250px;
}

.inboundasn {
    border: 1px solid;

}

.not-allowed
{
	cursor : not-allowed;
}

.pointer
{
	cursor : pointer;
}

.hidden {
	display: none;
}

/* Tooltips helpers */
.item .tooltip{ float:left; top:2px; left:7px; position:relative; z-index:2; }
.item .tooltip:hover{ z-index:3; }
.item .tooltip > span{ display:inline-block; width:15px; height:15px; line-height:15px; font-size:0.9em; font-weight:bold; text-align:center; color:#FFF; cursor:help; background-color:#00AEEF; position:relative; border-radius:10px; }
.item .tooltip .content{ filter: alpha(opacity=0);opacity:0; width:200px; background-color:#333; color:#FFF; font-size:0.9em; position:absolute; top:0; left:20px; padding:8px; border-radius:6px; pointer-events:none; transition:0.2s cubic-bezier(0.1, 0.1, 0.25, 2); -webkit-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); -moz-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); }
.item .tooltip p{ padding:0; }
.item .tooltip.down .content{ left:auto; right:0; top:30px; }
.item .tooltip:hover .content{ filter: alpha(opacity=100);opacity:1; left:36px; }
.item .tooltip .content b{filter: alpha(opacity=0); height:0; width:0; border-color:#333 #333 transparent transparent; border-style:solid; border-width:9px 7px; position:absolute; left:-14px; top:8px; }
.item .tooltip.down .content b{filter: alpha(opacity=100); left:auto; right:6px; top:-10px; border-width:5px; border-color:transparent #333 #333 transparent; }

/* alerts (when validation fails) */
.item .alert{ float:left; margin:0 0 0 20px; padding:3px 10px; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; max-width:190px; white-space:pre; position:relative; left:-15px; opacity:0; z-index:1; transition:0.15s ease-out; }
.item .alert::after{ content:''; display:block; height:0; width:0; border-color:transparent #CE5454 transparent transparent; border-style:solid; border-width:11px 7px; position:absolute; left:-13px; top:1px; }
.item.bad .alert{ left:0; opacity:1; }

/* Admin Tools Menu Items */
/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}



/* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu {
    background:#005555;
    padding:0;
    margin:0;
    list-style-type:none;
    height:30px;
}
.drop_menu li { float:left; }
.drop_menu li a {
    padding:9px 20px;
    display:block;
    color:#fff;
    text-decoration:none;
    font:12px arial, verdana, sans-serif;
}

/* Submenu */
.drop_menu ul {
    position:absolute;
    left:-9999px;
    top:-9999px;
    list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#5FD367; }
.drop_menu li:hover ul {
    left:0;
    top:30px;
    background:#5FD367;
    padding:0;
}

.drop_menu li:hover ul li a {
    padding:5px;
    display:block;
    width:168px;
    text-indent:15px;
    background-color:#5FD367;
}
.drop_menu li:hover ul li a:hover { background:#005555; }

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}
.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}
.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

body .ui-datepicker,
body .ui-datepicker.ui-widget,
body .ui-datepicker.ui-widget-content {
    z-index: 1200 !important;
    width: 280px;
    padding: 10px 10px 12px;
    border: 1px solid #cfdbe8 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 34px rgba(24, 40, 58, 0.18) !important;
    font-family: Helvetica, Arial, sans-serif !important;
}
body .ui-datepicker .ui-datepicker-header,
body .ui-datepicker .ui-widget-header {
    border: 0 !important;
    border-radius: 10px !important;
    background: #edf4fb !important;
    background-image: none !important;
    color: #1f3f63 !important;
    padding: 8px 34px;
}
body .ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 700;
}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
    top: 50%;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border-radius: 999px;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
body .ui-datepicker .ui-datepicker-prev {
    left: 6px;
}
body .ui-datepicker .ui-datepicker-next {
    right: 6px;
}
body .ui-datepicker .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-next:hover {
    background: #ffffff !important;
    border-color: #c0d1e2 !important;
}
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
    background-image: none !important;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    overflow: visible;
    color: #2d4d72;
    font-size: 0;
}
body .ui-datepicker .ui-datepicker-prev span::before,
body .ui-datepicker .ui-datepicker-next span::before {
    font-size: 16px;
    line-height: 1;
}
body .ui-datepicker .ui-datepicker-prev span::before {
    content: "<";
}
body .ui-datepicker .ui-datepicker-next span::before {
    content: ">";
}
body .ui-datepicker table {
    margin: 10px 0 0;
    font-size: 13px;
}
body .ui-datepicker th {
    padding: 6px 0;
    color: #6e8299;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.04em;
}
body .ui-datepicker td {
    padding: 2px;
}
body .ui-datepicker td span,
body .ui-datepicker td a {
    padding: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-image: none !important;
    color: #23364a !important;
}
body .ui-datepicker td a:hover {
    background: #eef4fb !important;
    border-color: #d6e1ee !important;
    color: #1f3f63 !important;
}
body .ui-datepicker .ui-state-default,
body .ui-datepicker .ui-widget-content .ui-state-default,
body .ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid transparent !important;
    background: transparent !important;
    background-image: none !important;
    color: #23364a !important;
}
body .ui-datepicker .ui-state-highlight,
body .ui-datepicker .ui-widget-content .ui-state-highlight,
body .ui-datepicker .ui-widget-header .ui-state-highlight {
    background: #f3f7fb !important;
    background-image: none !important;
    border-color: #d7e2ee !important;
    color: #27486a !important;
}
body .ui-datepicker .ui-state-active,
body .ui-datepicker .ui-widget-content .ui-state-active,
body .ui-datepicker .ui-widget-header .ui-state-active {
    background: #2c5c94 !important;
    background-image: none !important;
    border-color: #2c5c94 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(44, 92, 148, 0.2) !important;
}
body .ui-datepicker .ui-state-disabled span,
body .ui-datepicker .ui-widget-content .ui-state-disabled span {
    opacity: 0.35;
    background: transparent !important;
}
body .ui-datepicker .ui-datepicker-buttonpane {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #e5edf6 !important;
    background: transparent !important;
    background-image: none !important;
}
body .ui-datepicker .ui-datepicker-current,
body .ui-datepicker .ui-datepicker-close {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px !important;
    border: 1px solid #c7d5e4 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #27486a !important;
    font-weight: 700;
    cursor: pointer;
}

.app-date-control {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.app-date-control input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
}
.app-date-control .ui-datepicker-trigger {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 1px solid #b8c8db;
    border-radius: 8px;
    background: #f5f8fc;
    color: #2d4d72;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    position: relative;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.app-date-control .ui-datepicker-trigger:hover {
    background: #ebf2fa;
    border-color: #9cb1c9;
}
.app-date-control .ui-datepicker-trigger:focus {
    outline: none;
    border-color: #4a6f98;
    box-shadow: 0 0 0 3px rgba(74, 111, 152, 0.14);
}
.app-date-control .ui-datepicker-trigger::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='2.5' width='13' height='12' rx='2' fill='none' stroke='%232d4d72' stroke-width='1.5'/%3E%3Cpath d='M1.5 6.5h13' stroke='%232d4d72' stroke-width='1.5'/%3E%3Cpath d='M5 1.5v3M11 1.5v3' stroke='%232d4d72' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

/* Unified theme overrides */
:root {
    --autoedi-font-stack: Helvetica, Arial, sans-serif;
    --autoedi-text: #1f2d3d;
    --autoedi-muted: #617182;
    --autoedi-surface: #ffffff;
    --autoedi-surface-alt: #f6f9fc;
    --autoedi-surface-muted: #f4f8fc;
    --autoedi-header-fill: #e8f0f9;
    --autoedi-border: #c8d5e5;
    --autoedi-border-strong: #9db3c7;
    --autoedi-primary: #1f3f63;
    --autoedi-primary-alt: #24476d;
    --autoedi-accent: #8ea8c0;
}

body,
input,
select,
textarea,
button {
    font-family: var(--autoedi-font-stack);
    color: var(--autoedi-text);
}

body input[type="button"],
body input[type="submit"],
body input[type="reset"],
body button:not(.app-nav__section-toggle):not(.app-nav-shell__company-placeholder):not(.login-text-button):not(.login-btn) {
    border-radius: 0;
    box-shadow: none;
    background: var(--autoedi-header-fill);
    border: 1px solid var(--autoedi-accent);
    color: var(--autoedi-primary);
    font-family: var(--autoedi-font-stack);
    font-weight: 700;
}

body input[type="button"]:hover,
body input[type="submit"]:hover,
body input[type="reset"]:hover,
body button:not(.app-nav__section-toggle):not(.app-nav-shell__company-placeholder):not(.login-text-button):not(.login-btn):hover {
    background: var(--autoedi-surface-muted);
    border-color: var(--autoedi-accent);
    color: var(--autoedi-primary);
}

#footer,
.app-footer,
.footer {
    color: #66707a;
    font-family: var(--autoedi-font-stack);
}

.coolButton,
input.coolButton,
button.coolButton,
.btn {
    border-radius: 0;
    box-shadow: none;
    background: var(--autoedi-header-fill);
    border: 1px solid var(--autoedi-accent);
    color: var(--autoedi-primary);
    font-family: var(--autoedi-font-stack);
    font-weight: 700;
}

.coolButton:hover,
input.coolButton:hover,
button.coolButton:hover,
.btn:hover {
    background: var(--autoedi-surface-muted);
    border-color: var(--autoedi-accent);
    color: var(--autoedi-primary);
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea,
.txtBox {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--autoedi-border);
    font-family: var(--autoedi-font-stack);
}

#MainContence > .styled-table-4,
.MainContent > .styled-table-4,
#MainContence > #apdp_Dashboard,
.MainContent > #apdp_Dashboard,
table.styled-table-4,
#apdp_Dashboard,
table.Tables {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--autoedi-border);
    overflow: visible;
}

table.styled-table-4 tr:nth-child(even),
#apdp_Dashboard tr:nth-child(even),
table.Tables tr:nth-child(even) {
    background: var(--autoedi-surface-alt);
}

table.styled-table-4 tr:nth-child(odd),
#apdp_Dashboard tr:nth-child(odd),
table.Tables tr:nth-child(odd) {
    background: var(--autoedi-surface);
}

table.styled-table-4 th,
table.styled-table-4 td,
#apdp_Dashboard th,
#apdp_Dashboard td,
table.Tables th,
table.Tables td {
    border-right: 1px solid var(--autoedi-border);
    color: var(--autoedi-text);
    border-radius: 0;
    box-shadow: none;
}

table.styled-table-4 thead th,
#apdp_Dashboard thead th,
table.Tables thead th,
.tblhead,
.tblhead2,
.sectionHeader {
    background: var(--autoedi-header-fill);
    color: var(--autoedi-primary);
    font-family: var(--autoedi-font-stack);
}

.required-deliveries-header,
.required-deliveries-filter-card thead th,
.required-deliveries-actions .coolButton,
.required-deliveries-report table.styled-table-4 thead th {
    background: var(--autoedi-header-fill);
    color: var(--autoedi-primary);
}

.required-deliveries-report table.styled-table-4,
.required-deliveries-report table.styled-table-4 th,
.required-deliveries-report table.styled-table-4 td {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.login-page {
    font-family: var(--autoedi-font-stack);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 7vw 80px;
    box-sizing: border-box;
    position: relative;
    overflow-x: hidden;
    isolation: isolate;
    background:
        linear-gradient(90deg, rgba(0, 15, 37, 0.28) 0%, rgba(0, 25, 61, 0.14) 44%, rgba(0, 13, 32, 0.76) 100%),
        linear-gradient(180deg, rgba(0, 9, 24, 0.2) 0%, rgba(0, 16, 42, 0.7) 100%),
        url("../loginbackground.png") center center / cover no-repeat,
        #061f43;
}

.login-page::before,
.login-page::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -2;
}

.login-page::before {
    background:
        radial-gradient(circle at 72% 42%, rgba(82, 157, 255, 0.2), transparent 26%),
        linear-gradient(90deg, rgba(2, 18, 45, 0.08), rgba(2, 18, 45, 0.62));
    z-index: -1;
}

.login-page::after {
    inset: auto 0 0 0;
    height: 42%;
    background:
        linear-gradient(180deg, transparent 0%, rgba(0, 8, 22, 0.5) 100%);
    z-index: -1;
}

.login-shell {
    width: min(900px, 100%);
    display: grid;
    grid-template-columns: minmax(260px, 0.84fr) minmax(340px, 1fr);
    justify-self: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    background: rgba(4, 21, 48, 0.6);
    border: 1px solid rgba(171, 211, 255, 0.28);
    border-radius: 8px;
    box-shadow: 0 34px 86px rgba(0, 9, 24, 0.42);
    overflow: hidden;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.login-brand-panel {
    padding: 34px;
    background:
        linear-gradient(180deg, rgba(13, 48, 92, 0.82), rgba(6, 25, 56, 0.82));
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-right: 1px solid rgba(171, 211, 255, 0.22);
}

.login-brand-lockup {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    gap: 0;
}

.login-logo-band {
    width: 100%;
    margin: 0 0 26px;
    padding: 18px 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    align-self: stretch;
    box-shadow: 0 16px 32px rgba(0, 10, 28, 0.18);
}

.login-brand-summary {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 0 0;
    text-align: left;
}

.login-page header {
    display: block;
    padding: 0;
}

.login-page #haldan-logo {
    width: min(230px, 100%);
    max-width: 230px;
    height: auto;
}

.login-eyebrow,
.login-kicker,
.login-highlight-title {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 11px;
    font-weight: 700;
}

.login-eyebrow {
    color: rgba(189, 222, 255, 0.78);
    text-align: left;
}

.login-brand-panel h1,
.login-form-panel h2 {
    margin: 0;
    line-height: 1.05;
}

.login-brand-panel h1 {
    color: #ffffff;
    font-size: clamp(2.25rem, 4vw, 3.05rem);
    text-align: left;
    text-shadow: 0 10px 28px rgba(0, 9, 24, 0.36);
}

.login-intro,
.login-form-header p,
.login-support p {
    margin: 0;
    line-height: 1.6;
}

.login-intro {
    max-width: 24rem;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.02rem;
}

.login-brand-highlights {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    padding-top: 22px;
    margin-top: 8px;
}

.login-highlight-title {
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 12px;
}

.login-highlight-list {
    margin: 0;
    padding-left: 18px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.8;
}

.login-form-panel {
    padding: 42px 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    background:
        linear-gradient(180deg, rgba(6, 28, 62, 0.86), rgba(3, 18, 43, 0.9));
    color: rgba(236, 247, 255, 0.86);
}

.login-form-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.login-kicker {
    color: #85c7ff;
}

.login-form-panel h2 {
    color: #ffffff;
    font-size: clamp(2rem, 3vw, 2.45rem);
    text-shadow: 0 10px 24px rgba(0, 9, 24, 0.3);
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.login-form.is-submitting {
    opacity: 0.84;
}

.login-form-panel .form-group {
    margin: 0;
}

.login-form-panel .form-group label {
    display: block;
    margin-bottom: 8px;
    color: rgba(232, 246, 255, 0.92);
    font-weight: 700;
}

.login-input-wrap {
    position: relative;
}

.login-form-panel .form-group input {
    width: 100%;
    min-height: 50px;
    padding: 12px 15px;
    border: 1px solid rgba(164, 211, 255, 0.36);
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(3, 15, 36, 0.46);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.login-form-panel .form-group input::placeholder {
    color: rgba(210, 231, 250, 0.48);
}

.login-form-panel .form-group input:focus {
    border-color: rgba(133, 199, 255, 0.9);
    box-shadow:
        0 0 0 3px rgba(50, 152, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background: rgba(3, 17, 42, 0.7);
    outline: none;
}

.login-input-wrap input {
    padding-right: 88px;
}

.login-input-wrap .login-input-action {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

.login-form-panel .login-btn {
    width: 100%;
    min-height: 52px;
    padding: 12px 20px;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #4db3ff 0%, #1476d4 100%);
    color: #ffffff;
    box-shadow:
        0 16px 28px rgba(0, 80, 170, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.26);
    transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.login-form-panel .login-btn:hover,
.login-form-panel .login-btn:focus {
    transform: translateY(-1px);
    box-shadow:
        0 20px 34px rgba(0, 96, 200, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.login-form-panel .login-btn:focus {
    outline: none;
}

.login-text-button {
    padding: 0;
    border: none;
    background: transparent;
    color: #8ed0ff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.login-input-action {
    min-height: auto;
    padding: 0;
    font-size: 0.83rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.login-text-button:hover,
.login-text-button:focus,
.login-support a:hover,
.login-support a:focus {
    text-decoration: underline;
}

.login-text-button:focus,
.login-support a:focus {
    outline: none;
}

.login-text-button-support {
    align-self: center;
}

.login-support {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 20px;
    border-top: 1px solid rgba(164, 211, 255, 0.22);
    color: rgba(219, 239, 255, 0.72);
}

.login-support a {
    color: #bde6ff;
    font-weight: 700;
}

.login-caps-warning {
    min-height: 18px;
    margin: 8px 0 0;
    color: #ffd27d;
    font-size: 12px;
    font-weight: 700;
}

.login-no-script {
    padding: 12px 14px;
    border-left: 4px solid #ffd27d;
    background: rgba(255, 210, 125, 0.12);
    color: #fff1cf;
    line-height: 1.5;
}

.footer {
    text-align: center;
    padding: 10px 0;
}

.login-page .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: transparent;
    color: rgba(213, 232, 250, 0.68);
    text-shadow: 0 1px 3px rgba(0, 8, 22, 0.65);
}

.login-loading {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 12px 16px;
    border: 1px solid rgba(164, 211, 255, 0.28);
    border-radius: 6px;
    background: rgba(4, 24, 56, 0.92);
    color: #ffffff;
    font: 700 12px/1.4 var(--autoedi-font-stack);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: 0 16px 28px rgba(0, 9, 24, 0.32);
    z-index: 999;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

@media (max-width: 860px) {
    .login-page {
        padding: 24px 16px 72px;
        background-position: 42% center;
    }

    .login-shell {
        grid-template-columns: 1fr;
        align-self: center;
        margin: 0;
        width: min(520px, 100%);
    }

    .login-brand-panel,
    .login-form-panel {
        padding: 32px 24px;
    }

    .login-brand-panel {
        border-right: none;
        border-bottom: 1px solid rgba(171, 211, 255, 0.22);
    }

    .login-logo-band {
        width: 100%;
        margin: 0 0 18px;
        padding: 20px 24px 16px;
        min-height: 104px;
    }

    .login-brand-summary {
        align-items: center;
        text-align: center;
    }

    .login-eyebrow,
    .login-brand-panel h1 {
        text-align: center;
    }
}

@media (max-width: 520px) {
    .login-brand-panel,
    .login-form-panel {
        padding: 28px 20px;
    }

    .login-logo-band {
        width: 100%;
        margin: 0 0 16px;
        padding: 18px 20px 14px;
        min-height: 96px;
    }

    .login-loading {
        right: 16px;
        left: 16px;
        bottom: 16px;
        text-align: center;
    }
}

.apdpBox,
.apdpBoxRightOnly,
.apdpBoxLeftOnly,
.apdpBoxLeft1,
.apdpBoxRight1 {
    border-color: #000000;
}

.apdpBox_Table {
    border-collapse: collapse;
    background-color: #ffffff;
    font-family: var(--autoedi-font-stack);
}

.apdp_userInput,
.apdp_userInput_width,
.apdp_userInput_width_70,
.apdp_userInput_width_90,
.apdp_userInput_width_150,
.apdp_userInput_Left_width_150,
.apdp_userInput_Left_width_200,
.apdp_userImport_long,
.apdppretty,
.numeric {
    background: #fff7bf;
    border: 1px solid #000000;
}

.pageheader,
.pageheader td {
    background: var(--autoedi-header-fill);
    color: var(--autoedi-primary);
    font-family: var(--autoedi-font-stack);
}

#wrap {
    width: min(1180px, calc(100% - 36px));
    margin: 20px auto;
    padding: 16px 18px;
    box-sizing: border-box;
    border: 1px solid var(--autoedi-border);
    border-radius: 0;
    box-shadow: none;
    background: var(--autoedi-surface);
}

#buttons {
    border: 1px solid var(--autoedi-border);
    border-radius: 0;
    box-shadow: none;
    background: var(--autoedi-surface);
}

.options {
    border-left: 1px solid var(--autoedi-border);
    border-bottom: 1px solid var(--autoedi-border);
    background: var(--autoedi-surface-muted);
}

.item .tooltip > span,
.item .tooltip .content,
.item .alert,
.asn-log-overlay-card,
.asn-capture-overlay-card {
    border-radius: 0;
    box-shadow: none;
}

.sectionHeader,
.sectionHeader h2 {
    color: var(--autoedi-primary);
}

.sectionHeader {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--autoedi-border);
    background: var(--autoedi-header-fill);
}

.sectionHeader h2 {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
}

.sectionDetails {
    border: 1px solid var(--autoedi-border);
    border-top: 0;
    padding: 12px;
    background: var(--autoedi-surface);
}

.tblContents,
#tblFormTable {
    width: 100%;
    background: var(--autoedi-surface);
}

.customers-admin-header,
.customers-admin-card,
.customers-admin-linkage,
.customers-admin-dialog,
.customers-admin-message-dialog,
.inbound-admin-header,
.inbound-admin-card,
.inbound-admin-section,
.inbound-admin-errors,
.supplier-demand-header,
.supplier-demand-card,
.supplier-demand-results,
.backlog-filter-card,
.backlog-results-card,
.step-chart-header,
.step-chart-filter-card,
.step-chart-results-card,
.email-log-header,
.email-log-statusbar,
.release-history-filter-card,
.client-settings-card,
.edi-settings-card,
.edi-settings-panel,
.addnotes-section-card,
.addnotes-selector-card,
.addnotes-details-shell,
.asn-dashboard-card,
.asn-accuracy-v2-filter-card,
.asn-accuracy-v2-results-card,
.supplier-config-section-card,
.supplier-config-selector-card,
.users-admin-card,
.release-detail-header,
.release-detail-toolbar,
.release-detail-legend-panel,
.release-detail-grid-panel,
.asn-log-toolbar-strip,
.asn-capture-header,
.asn-capture-workflow,
.asn-capture-panel,
.asn-capture-summary-card {
    border-radius: 0 !important;
    box-shadow: none !important;
    border-color: var(--autoedi-border) !important;
}

.customers-admin-header,
.customers-admin-card,
.customers-admin-linkage,
.inbound-admin-header,
.inbound-admin-card,
.inbound-admin-section,
.supplier-demand-header,
.supplier-demand-card,
.supplier-demand-results,
.backlog-filter-card,
.backlog-results-card,
.step-chart-header,
.step-chart-filter-card,
.step-chart-results-card,
.email-log-header,
.email-log-statusbar,
.release-history-filter-card,
.client-settings-card,
.edi-settings-card,
.edi-settings-panel,
.addnotes-section-card,
.addnotes-selector-card,
.addnotes-details-shell,
.asn-dashboard-card,
.asn-accuracy-v2-filter-card,
.asn-accuracy-v2-results-card,
.supplier-config-section-card,
.supplier-config-selector-card,
.users-admin-card,
.release-detail-header,
.release-detail-toolbar,
.release-detail-legend-panel,
.release-detail-grid-panel,
.asn-log-toolbar-strip,
.asn-capture-header,
.asn-capture-workflow,
.asn-capture-panel,
.asn-capture-summary-card {
    background: var(--autoedi-surface) !important;
}

.customers-admin-card-head,
.customers-admin-linkage-head,
.supplier-demand-card-header,
.supplier-demand-results-header,
.backlog-filter-heading,
.backlog-results-header,
.step-chart-results-header,
.client-settings-card-head,
.edi-settings-header,
.addnotes-header,
.asn-dashboard-header,
.asn-accuracy-v2-header,
.users-admin-card-head,
.release-detail-title,
.release-detail-panel-title,
.asn-log-panel-head,
.asn-capture-panel-head {
    color: var(--autoedi-primary);
}

/* Flat sweep overrides for remaining live route wrappers and controls. */
.addnotes-header,
.addnotes-company-note,
.addnotes-workflow-shell,
.addnotes-details-shell,
.addnotes-selector-card,
.addnotes-detail-table,
.edi-settings-header,
.edi-settings-form-wrap,
.edi-settings-form-table,
.asn-dashboard-header,
.asn-dashboard-results,
.asn-dashboard-table-wrap,
.supplier-config-header,
.supplier-config-message,
.supplier-config-empty,
.customers-admin-table,
.customers-admin-dialog .ui-dialog-titlebar,
.customers-admin-dialog .styled-table-4,
.customers-admin-message-dialog .ui-dialog-titlebar,
.users-admin-header,
.users-admin-table-wrap,
.users-admin-form,
.middle-screen,
.alert-header,
.release-detail-grid-shell,
.release-detail-select,
.ui-tooltip {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.addnotes-page select.txtBox,
.addnotes-page textarea.txtBox,
.addnotes-page input.txtBox[type="text"],
.addnotes-tab,
.addnotes-actions .btnObject,
.edi-settings-card select,
.edi-settings-form-table input[type="text"],
.edi-settings-form-table input[type="email"],
.edi-settings-form-table select,
.edi-settings-form-table textarea,
.edi-settings-actions .btnObject,
.asn-dashboard-filter-group select,
.customers-admin-dialog input[type="text"],
.customers-admin-dialog input[type="email"],
.customers-admin-dialog select,
.customers-admin-dialog textarea,
.supplier-config-field input[type="text"],
.supplier-config-field input[type="email"],
.supplier-config-field input[type="tel"],
.supplier-config-field input[type="number"],
.supplier-config-field select,
.supplier-config-selection-actions .coolbutton,
.supplier-config-form-actions .coolbutton,
.release-detail-page .coolButton,
.release-detail-page input[type="button"],
.release-detail-page input[type="submit"],
.release-detail-page button,
.users-admin-search input[type="text"],
.users-admin-actions .coolButton,
.users-admin-toolbar .coolButton,
.users-admin-table .btnObject,
.users-admin-form .txtBox,
.users-admin-form-actions .btnObject,
.users-admin-form-actions .coolButton {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.addnotes-header,
.edi-settings-header,
.asn-dashboard-header,
.supplier-config-header,
.users-admin-header,
.customers-admin-header {
    background: var(--autoedi-surface) !important;
    border-color: var(--autoedi-border) !important;
}

.addnotes-selector-card,
.addnotes-detail-table,
.edi-settings-form-table,
.customers-admin-table,
.release-detail-grid-shell {
    border-color: var(--autoedi-border) !important;
}