/** SAP Font 72 **/

@font-face {
  font-family: '72';
  src: url(72-Regular.woff2) format("woff2"),url(72-Regular.woff) format("woff"),url(72-Regular.ttf) format("truetype");
}

html *:not([class^="help4"]) {
    font-family: '72',Arial,Helvetica,sans-serif !important;
}
.w-wizard-layout-bottom-right {
    padding: 15px;
}

.bodyText, .ANBodyText, td.extTable, body,.changeIndicator,
.scrollTableWrapper td.tableBodyClass,.vrheader, .vrheaderLarge,
.vrheaderXLarge,.previousValue,.remittanceDetailSubHeading,
.mainContentRow, .pageHeadingText {
    font-family: '72',Arial,Helvetica,sans-serif !important;
}

.footerSeparator {
    border-left: solid 1px #6F7275 !important;
}

.emailLink button.w-btn, .emailLink {
    color: #0A6ED1 !important;
    border: none !important;
    font-size: medium !important;
    border-radius: 0px !important;
    padding: 0px !important;
    margin-left: 0px !important;
}

.emailLink button.w-btn:focus:not(:focus-visible) , .emailLink button.w-btn:hover{
    color: #0A6ED1 !important;
    background-color: #FFFFFF;
}

.emailLink button.w-btn:focus:focus-visible {
    outline-style: dotted;
    outline-color: black;
    outline-width: thin;
    background-color: #FFFFFF !important;
}

.sap-icon--navigation-left-arrow::before {
    content: "";
}

#BPR_Body {
    display:inline-table;
    width: 100%;
}
.an-role-perm-checkbox-label{
    padding-bottom: 10px;
    padding-top: 30px;
}

.buyer-end-content-nav .fd-shellbar__action{
    vertical-align: top;
}

.hcContentWhite .hover-content{
color: #505050;
}

.role-delete-disabled{
color:#0074CE;
opacity:40%;
}

.ancx-INSGA-limitMsg {
   color: #6A6D70;
}

.align-contact-toggle-center{
    position: relative;
    left: 55px;
}

.icon-message-warning-contact{
    font-size: 16px;
}

.align-toggle-center {
    position: relative;
    left: 35px;
}
.supp-SGNC-menuOptions{
     line-height: 30px;
     font-size: 14px;
     white-space: nowrap;
     color: #515559;
 }

.sbp-add-usr-dialogCancel{
     position: absolute;
     top: 15px;
     right: 4px;
     height: 26px;
     width: 26px;
     line-height: 23px;
     font-size: 15px;
}

.sbp-add-usr-txt-hdr{
    margin-top: 20px;
    margin-bottom: 15px;
}
.sbp-add-usr-wrapper{
    margin-bottom: 80px;
}
.ah-popover-anid {
	color: #767676;
	font-size: 12px;
	line-height: 4px;
}
.sbp-popover-role{
    color: #767676;
	font-size: 12px;
	line-height: 4px;
	text-transform: none;
}

.ah-popover-name {
    font-size: 13px;
    padding-bottom: 8px;
    font-weight: bolder;
    color: #414146;
}

.an-profile-subtab .w-pmi-item {
    padding-left: 20px;
}

.w-pm-menu span.firstHeaderClass{
    margin-top: 0px;
}

.navigator{
    background-color:#FFFFFF;
    width: 100%;
}

.sbp-roles-filters-dropdown{
    padding-bottom: 15px;
}

.sbp-roles-filters-dropdown .w-dropdown-items{
    max-height: 178px;
    width:100% !important;
}

/* Login page changes starts*/
.a-login-form-bg{
	background-image: none !important;
}

div.w-login-page-form-txt:first-child{
    background-image: url('header_SAP_Ariba_pos_blugld_2x.png');
    background-repeat: no-repeat;
    height: 32px;
    width: 164px;
    background-size: contain;
}
.anprofilecontent .anrole-header{
padding-bottom: 53px;
}
.anprofilecontent .anrole-text{
padding-top: 7px;
}

div.w-login-page-form-txt{
    height: 27px;
 	width: 491px;
 	color: #74777A;
 	font-size: 24px;
 	font-weight: 300;
 	line-height: 28px;
 	padding-top: 10px;
 }

.w-login-form-input-user, .w-login-form-input-pwd{
     border: solid 1px;
     margin-bottom: 5px;
     margin-top: 10px;
     color: #89919A;
 }
 .w-login-form-input-user .pfc label.ph, .w-login-form-input-pwd .pfc label.ph {
    margin-top: 6px;
 }

 .w-login-form-input-error .w-login-form-input-user,
 .w-login-form-input-error .w-login-form-input-pwd{
    border: 2px solid #BB0000;
 }
 .w-login-form-input-user .w-txt-dsize, .w-login-form-input-pwd .w-psw{
    background-color  : #fff !important;
    margin-bottom: 0px;
    margin-top: 5px;
    color: #32363A !important;
    padding: 0 10px 0 30px !important;
}

.w-login-page-form-btn{
    height: 42px;
	width: 130px;
	background-color: #0A6ED1 !important;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.06);
	border-radius: 4px;
}

.w-login-page-form-forget, a.loginPagePanelLink,
.w-login-page-register-link-a, .w-login-page-register-link, .buyer-footerItem-loginText{
	color: #0A6ED1 !important;
}

.w-login-new-to-ariba{
	color : #32363A;
}

.w-btn:focus,
app-upload-download .an-button-secondary:focus,
.an-button-primary,
.an-button-primary, .an-button-primary:focus,
.w-btn-primary:focus {
  background: #0A6ED1;
  border: 1px solid #0A6ED1;
}

.w-btn.w-btn-active,
.w-btn:active,
.w-btn-primary.w-btn-active,
.w-btn-primary:active {
  background: #0A6ED1;
  border: 1px solid #0A6ED1;
}

.w-btn,
.w-btn:visited,
app-upload-download .an-button-secondary,
app-upload-download .an-button-secondary:visited,
app-upload-download .an-button-primary,
.an-button-primary, .an-button-primary:visited,
app-upload-download .an-button-primary:not(:disabled):hover,
.an-button-secondary, .an-button-secondary:visited
 {
  color: #0854A0;
  border: 1px solid #0854A0;
  font-size: 14px;
  border-radius: 4px;
}

.w-btn-primary,
.w-btn-primary:visited,
app-upload-download .an-button-primary,
.an-button-primary, .an-button-primary:visited,
.ui-widget-header .ui-button, .ui-widget-content .ui-button,
.ui-widget.ui-button, .ui-button
 {
  background:  #0A6ED1;
  color: #FFFFFF;
  border: 1px solid #0A6ED1;
}

.btnBack{
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
    align-content: left;
  }

.w-btn:hover,
w-btn.w-btn-hover,
app-upload-download .an-button-secondary:not(:disabled):hover{
    background: #EBF5FE;
    border: 1px solid #0854A0;
    color: #0854A0;
}

.w-btn-primary:hover,
.w-btn-primary.w-btn-hover,
.an-button-primary:hover{
    background: #0854A0;
    border: 1px solid #0854A0;
    color: #FFFFFF;
}

.saw-sdub-uploadbtn{
    color: #878A8C;
}

.an-anpopui-deliveryChooser,.scm-upload-select,
.uiext-create-panel .scm-job-select,.scm-page-select,
.an-input-type-text, .ui-inputtext,
.ui-radiobutton-box,.ui-chkbox-box,.form-control,
.ui-paginator-pages .paginator-select,.w-txt.w-txt-disabled
{
   border: 1px solid #89919a !important;
}

.ui-dropdown .ui-dropdown-trigger {
    border-color: #89919a #89919a #89919a transparent !important;
}

.IsLogin{
    background-color: #EDEFF0;
}

.a-login-form-page {
padding-top : 55px;
}

td.a-login-panel-padding-top {
padding-top : 50px;
}

.a-login-form-bg .a-login-page-center{
    background-color: #FFFFFF;
    height: auto;
    margin-top: 50px;
}

.a-login-page-center .login-footer-left-align{
    padding-top: 55px;
}

.a-login-page-center {
    width: 1372px;
}

.IsLogin .w-md-ct-error{
    padding: 0px;
    width: auto;
    background: none;
    border: none;
}

.sawapp-SSLP .buyerFooter-separator-login{
    border-color: #E5E5E5;
}

.ies-external-links .buyerFooter-separator-login {
    border-left: unset;
    padding-left: 0px;
}

.ies-external-links .buyerFooter-separator-login:not(:first-child){
    border-left: solid 1px #E5E5E5;
    padding-left: 8px;
}

.ANContinueBtnText .sap-icon--search::before {
  content: ""
}
.icon-activity-individual{
   font-size: 18px;
   color: #6A6D70;
}

.sap-icon--search-position{
    color:rgb(102, 102, 102);
    top: 5px;
    position: relative;
    left: 5px;
}

.DashboardField .w-txt.w-txt-placeholder {
    border-right: none;
}

.SupplierDashboardSearchBtn {
    background-color: white;
    border: 1px solid #89919A;
    border-left: none;
    height: 30px !important;
}

.sap-icon--error::before {
  content: ""
}

.supplier-tax-banner-remind-later button.w-btn:hover, .supplier-tax-banner-remind-later button.w-btn:focus:not(:focus-visible)  {
    color: #0A6ED1 !important;
    background-color: #EBF5FE !important
}

.supplier-tax-banner-remind-later button.w-btn:focus:focus-visible, .fp-buttons-container .fp-cancel button.w-btn:focus:focus-visible {
    outline: 1px dotted #000000 !important;
    outline-offset: -3px;
    background-color: #FFFFFF;
}

.profile-add-commodity-location-addBtn button.w-btn:hover, .profile-add-commodity-location-addBtn button.w-btn:focus {
    color: #0A6ED1 !important;
    background-color: #EBF5FE !important
}

.sawapp-SSLP .buyer-footerItemColor a{
    color: #0A6ED1;
}

.regi-RGAC-header-logo{
    background-image: url('header_SAP_Ariba_pos_blugld_2x.png');
    background-repeat: no-repeat;
    height: 32px;
    width: 164px;
    background-size: contain;
}

a.supportedBrowsersPopup {
    font-size: 13px;
    margin: 0 0 0 4px;
    color:#0A6ED1;
    text-decoration: none;
}

.supported-browsers-container {
    margin-top: 4px;
}


.sawa-LFE-span{
    height: 14px;
    width: 324px;
    color: #BB0000;
    font-size: 12px;
    font-style: italic;
    line-height: 14px
}

.IsLogin .w-md-icon-error-m{
    height: 16px;
    width: 8px;
    color: #BB0000;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding-right: 2px;
}

.a-login-page-footer .supp-SGNF-mainPanelFooter{
    margin: 0px;
}
/* Login page changes ends*/

.tab-list-popup-icon{
    vertical-align: middle;
    display: inline-flex;
    padding-left:6px;
    font-size:11px;
    color : #6A6D70;
}


.w-pm-menu .fd-menu__item {
    line-height:normal;
    height:auto;

}

.cmdBar .w-tabitem {
  text-transform: none;
  color:#74777A;
  font-size:14px;
}

.w-dashboard-tabs .w-tablist a,
.w-dashboard-tabs .w-tabitem-a-dsbld {
  line-height: 17px;
}

.w-dashboard-tabs .w-tablist a:hover{
    color: #0854A0;
}

.navigator .w-dashboard-tabs .w-tablist a,
.w-dashboard-tabs .w-tabitem-a-dsbld {
  padding-top:16px;
}

.w-dashboard-tabs .w-tablist a, .w-tabitem-a-dsbld {
      padding: 16px;
      line-height: 20px;
      height: 20px;
  }

#overflow-menu .w-tabitem-a-dsbld {
    padding: 10px 20px;
}

.w-dashboard-tabs .w-tabitem-a.w-tabitem-a-slctd a,
.w-dashboard-tabs .w-tabitem-a.w-tabitem-a-slctd a:hover,
.w-dashboard-tabs .w-tabitem-a.w-tabitem-a-slctd a:focus,
.w-dashboard-tabs .w-tabitem-a-dsbld.w-tabitem-a-dsbld-slctd {
  border-bottom: 0px solid;
 }
#idDiv.an-profile-subtab .w-dashboard-tabs {
 border-top: 1px solid #d9d9d9;
 }

.an-profile-subtab .w-dashboard-tabs .w-tablist a{
padding: 15px 60px 15px 0px;
}

.active-marker {
    height: 3px;
    width: calc(100% - 32px);
    border-radius: 2px 2px 0 0;
    background-color: #0A6ED1;
    margin:auto;
}

.w-tablist .w-tabitem-a-slctd {
    color:#016AD0;
}

.adprofiletabs .w-tablist .w-tabitem-a-slctd {
    color:#363636;
}



.navigator .w-dashboard-tabs .w-tabitem-selected a {
    font-weight: 400;
    padding-bottom:13px;
}

.w-dashboard-tabs {
    min-height:52px;
}

/** NS-9975 Adjusting supplier navigation **/
.SupplierTabPaddingAdj .w-dashboard-tabs {
    padding-left:0px;
}

.login-panel-shellbar {
    background: #354a5f;
}

.w-txt,
.w-psw,
.w-chk,
.w-chk:visited,
.w-dropdown,
.w-dropdown-active,
.w-rdo,
.w-rdo:visited,
.w-txt:focus,
.w-psw:focus,
.w-txt:focus:hover,
.w-psw:focus:hover,
.w-dropdown:focus .w-dropdown-selected,
.w-dropdown:focus .w-dropdown-pic-ct,
.w-chk:focus,
.w-chk.w-chk-hover,
.w-chk:hover:not(.w-chk-disabled),
.w-rdo:focus,
.w-rdo.w-rdo-hover,
.w-rdo:hover:not(.w-rdo-disabled),
.w-chWrapLeft,
.w-chWrapRight,
.summaryTableBody,
.greyInfoBoxBorder,
.w-chk.w-chk-disabled,
.sawa-ADC-chWrapLeft .w-chWrapLeft,
input[type="text"], input[type="number"],
select.seg-select,.IsSaf select,
.ANSearchCriteriaStyle an-locale-calendar .ui-state-default,
div.summary-box,.an-input-type-text, .ui-inputtext,
.ui-widget-header .ui-button, .ui-widget-content .ui-button,
.ui-widget.ui-button, .ui-button,.ui-grid-row textarea,
.docv-IOSCPL-table-inline-help,.buye-CBLU-logoInfoMsg1,
.htmlarea,.htmlarea .toolbar
{
    border-color: #89919A;
}

input[type=radio]:checked + label.w-rdo-block:before{
    background-color: #006BD4;
}

.w-chk .w-chk-block{
    color: #006BD4;
}
.w-txt-icon-right-calendar:before {
    content: "";
    color: #0A6ED1;
}

.ANTileSelected {
    border-bottom-color: #0A6ED1;
}

.ANProfileMeterDiv,.dash-refresh-btn,.vis-item {
    background-color: #0A6ED1;
}

.tz_tooltip_link{
    border-bottom: .15rem dotted rgba(10,110,209,0.4);
}
/** NP-20194 **/
.w-tabitem-a-dsbld, .w-tabitem-a-dsbld .tab-list-popup-icon, #overflow-menu .w-tabitem-a-dsbld {
    color: #B6B8B9;
}

.SupplierCreateCmd .supplier-documents-option {
       color:#74777A;
       padding-bottom:2px;
       padding-left:15px;
}

.awmenu .fd-menu__item {
    padding-top:10px;
    padding-bottom:10px;
}

.SupplierSubtab {
    display:  none;
}


td.navigator .w-tablist .w-tabitem {
    min-height: 47px !important;
}


.cmdBar table,.scrollTableWrapper tr.tableRowHover,
.scrollTableWrapper tr.tableRowSelected {
    background-color:#fff !important;
}



/* UI Preference Banner changes Starts */
.w-banr-open-optout{
    background-color: #EEEEEF;
}

.w-banr-open-optout-text{
    font-size: 14px;
    line-height: 16px;
    color: #515559;
}

.w-banr-optout-arrow{
    background-color: #EEEEEF;
}

.w-banr-optout-arrow-icon{
    color: #74777A;
    font-size: 16px;
    line-height: 18px;
}
/* UI Preference Banner changes Ends */

td.w-tabitem-a td {
    white-space: nowrap;
}

.w-banr-optout-arrow-cntr {
   background-color: #EEEEEF;
   border-radius: 0 0 50px 50px;
}

.fdml-table-layout .tableFooter{
  background-color:transparent;
}


.rssBody {
   background-color: #FAFAFA;;
   opacity: 1;
}

.rssTitle {
   color: #32363A;
   font-size: 24px;
   font-weight: 300;
   line-height: 28px;
   opacity: 0.7;
}

.rssDescription {
   color: #515559;
   font-size: 16px;
   line-height: 20px;
   opacity: 1;
}

.rssLinks {
    color: #0854A1 !important;
    border: 1px solid #0854A1;
    padding: 10px 15px;
    font-size: 14px;
}

.rssLinks:hover {
    border: 1px solid #0854A1;
}

/** NS-13317 - Changing the text color to red based on TG10 guidelines*/
.ANOverdue{
    color: #BB0000;
}

.tax-banner {
    background-color: #FEF7F1;
}


.a-login-page-footer a:link,a:link, a:visited,
.inbo-INSPOA-linkWrap a:link,.ANLink a:link,.ANLink a:visited,
.ADFN-fontStyle,.ANTileLinkColor,.linkAccountClass,
.daLinks,.activeLink,.vendorUploadsCol2.activeLink,.actionTileNumber,.actionTileText,
.seg-moreLessColor,.SELink a:link,.SELink a:hover,.SELink a:visited,
.tz_tooltip_link,.SELink a:link,.SELink a:hover,
#ADFooterContent a:link,.BlueColor,
app-main p-tabView .ui-tabview .ui-tabview-nav > li a,
app-upload-download a:link, app-upload-download a:visited,
.daylable,.daycount,.ui-column-title,
.ui-datatable .ui-datatable-thead > tr > th.tableHead a,
.ui-datatable .ui-datatable-thead > tr > th.tableHead a:hover,
.an-profile-subtab .w-tbl-wrapper .w-tbl-hd a,
.an-profile-subtab th.tableHead{
    color: #0A6ED1;
}

.w-tabitem-a,
.linkAccountClass{
    font-size: 14px;
}

.docTableStyle .trans-TXWCT-header,
{
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    background-color: #F2F2F2;
}

table.blueRoundedCornerBoxComplete,
.w-tbl-hd{
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    background-color: #EFEFEF;
    height: 36px;
}

/**
 NS-10784:This is overriding the modal page wrapper padding:30px,
so, we are adding one more child element (.w-dlg-panel)
to resolve overriding.
**/
.w-dlg-content-wrapper .w-dlg-panel .w-dlg-inner-wrapper{
    padding: 0px;
}

.w-dlg-content-wrapper .stepNavTop
{
    border-bottom: 1px solid #FFFFFF;
    padding: 0px 0px 20px 0px;
    background-color: #EDEFF0;
}

.paddingLeft10{
    padding-left: 10px;
}

.paddingLeft36{
   padding-left: 36px;
}

.w-dlg-content-wrapper .stepNavBottom{
    background-color: #EDEFF0 !important;
}

.prof-CSPP-div-margin{
    margin: 20px 20px 20px auto;
}

.margin-20{
    margin: 20px;
}

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

.line-height-22{
    line-height: 22px;
}

.visibility-hidden{
    visibility: hidden;
}

.scrollTableWrapper tr.tableRowSelected > td:first-of-type,
.awtWrapperTable tr.tableRowSelected > td:first-of-type,
.an-usr-gui-nav .wizStepCurrent {
    border-left-color: #D8E9F8;
}

.ADLink a:link,
.ADLink a:visited,
.RGFormLink a:link,
.RGFormLink a:visited,
.ADPostingLinkText a:link,
.ADPostingLinkText a:visited,
#ADFooterContent  a:link,
span.RGFormLink a:link,
.linkClass,.inbo-INSPOA-popupMenuLink,
.w-dashboard-tabs .w-tabitem-selected a .tab-list-popup-icon,
.w-tabitem-selected a:hover
{
    color: #0A6ED1 !important;
}

.ADLink a:hover,
.RGFormLink a:hover,
.ADPostingLinkText a:hover,
#ADFooterContent   a:hover, a:focus,
.w-tbl-hd a:hover,
.w-tbl-hd a:focus,
span.RGFormLink a:hover{
    color: #0854A0 !important;
}

#browseLink a:focus-visible {
    outline: 1px dotted #000000;
}

.docv-IOSRDH-space{
    border-bottom: 1px solid #D9D9D9;
}

.vis-item.vis-line,.vis-item.vis-box {
    border-color: #0A6ED1 !important;
}

.quicklink-button {
     background-color: #0A6ED1;
     padding: 4px 10px 4px 12px;
     border: 1px;
     border-radius: 4px;
     color:#fff;
     font-weight: 700;
     height: 36px;
 }

.quicklink-label {
    font-size: 14px;
    line-height: 20px;
    color: #0854A0;
}

.dashed-border {
    box-sizing: border-box;
    height: 17px;
    width: 1px;
    border: 1px dashed #B4B4B4;
    transform: rotate(180deg);
    padding-bottom: 5px;
}

.sap-icon--forward::before {
    content: "\e1f1";
    color: #0A6ED1;
}

.fd-menu__item.delimiter{
    border-top: 1px solid #e4e4e4;
}

.sap-icon--arrow-left::before {
  content: "";
  color: #515559;
}

.sap-icon--flight:before {
  content:"\e075"
}
.sap-icon--shipping-status:before {
  content:"\e0b3"
}

.sap-icon--navigation-right-arrow:before{
  content: "\e066";
  margin-right: 5px;
}

.sap-icon--navigation-down-arrow:before{
  content: "\e1e2";
  margin-right: 5px;
}

.sap-icon--message-information:before{
   content: "\e202";
   color: #0A6ED1;
   margin: 5px;
 }

 .sap-icon--message-error-icon:before{
   content: "\e0b1";
   color: #BB0000;
   margin: 5px;
 }

 .sap-icon--decline{
    content: "\e03e";
    color: #0A6ED1;
    float: right;
    margin-right:10px;
    line-height:2;
 }

.sap-icon-center {
    margin: 6px;
}

/** icon used for quick links **/
.icon-slim-arrow-down:before {
	content: "\e1ef";
}

.icon-slim-arrow-down-blue {
    color: #O854A0;
}

.ies-button-container{
    height: 42px;
    display: table-cell;
    min-width: 130px;
    border-radius: 4px;
    background-color: #0A6ED1;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.06);
    text-align: center;
    vertical-align: middle;
}

.next-button-text {
    height: 20px;
    min-width: 40px;
    color: #FFF;
    font-family: '72';
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    display: inline-block;
    white-space: nowrap;
    padding: 0px 20px;
}

.ies-login-button {
    background: transparent;
    border: transparent;
    color: #FFFFFF;
    font-family: '72';
    font-size: 18px;
    font-weight: bold !important;
    line-height: 21px;
    height: inherit;
    width: inherit;
}

.ies-back-arrow-container {
    width: 28px;
    height: 28px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
}

.message-bubble {
    min-height: 60px;
    width: 70%;
    border: 1px solid #BB0000;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    background-color: #FFE9E9;
    word-wrap: break-word;
    margin-top: 10px;
}

.login-field-padding {
    height: 100px;
}

.login-field-padding-height {
    height: 94px;
}

.login-field-padding-with-error {
    height: 50px;
}

.ies_login_top_padding{
   height: 26px;
}

.ies-back-button-padding {
    width:  7%;
}

.ies-login-error-msg-padding {
    margin: 2% 5%;
}

.ies-login-error-msg-display-container {
    display: inline-flex;
}

.ies-login-error-msg-icon-position{
    top: 1px;
    position: relative;
}


.ies-forgot-links-padding {
    padding-top: 1.9%;
}


.ies-menu-dropdown-container {
    padding: 4px 0px 4px 0px;
}

#ies-tab .w-tabitem-a a{
    box-sizing: content-box;
}

.w-login-header-links,.login-panel-shellbar {
    padding: 0px;
}

a.toggleOn .fd-toggle__switch::before, div.toggleOn .fd-toggle__switch::before{
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
    background: #0854a1;
    border-color: #0854a1;
    pointer-events: none;
    left: -10px;
}
a.toggleOn .fd-toggle__switch, div.toggleOn .fd-toggle__switch{
    background-color: rgba(10,110,209,0.6);
}

.fd-toggle__switch {
    border: 1px solid #89919a;
}

.fd-toggle--xs .fd-toggle__switch::before{
    border: 1px solid #89919a;
    top: -4px;
    left: -3px;
}

.fd-counter--notification{
    background-color: #BB0000;
}

.tabhint .tab-tooltip {
    color: #767676;
    height: 16px;
    width: 76px;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 16px;
    text-align: left !important;
    background: none;
    border-radius: 0px;
    width: 0px;
    }

.anprf-SBPUAM-action-col .w-btn, .an-profile-subtab .action_column .w-btn {
    background: #FFFFFF;
    color: #0A6ED1;
    border: none;
    font-weight: 700;
    min-width: 20px;
    padding: 0px 0px;
}

.anprf-SBPUAM-crt-usr-btn{
float: right;
 margin-right: 40px;
 color: #01679e;
}
.anprf-SBPUAM-crt-usr-btn-grayed{
float: right;
 margin-right: 40px;
}

.anprf-SBPUAM-excl-atchmt-btn{
float: right;
 margin-right:20px;
 color: #01679e;
}

.anprf-SBPUAM-fltr-cnt {
float: left;
}

.sap-icon--add::before{
content:""
}
.sap-icon--alert::before{
content:"";
color: #E9730C;
}

.sbp-usr-two-factor-chkbox{
    font-family: '72',Arial,Helvetica,sans-serif;
    color: #767676
}

.role-external-chk-box .checkBoxTextMargin{
    margin-left: 0px !important;
}

.sap-icon--excel-attachment::before{
content:""
}

.sap-icon--hint::before{
content:""
}
.sap-icon--delete:before{
content:"";
position:relative;
left:12px;
}
.sap-icon--sys-enter::before{
    content:""
}

.sap-icon--sys-cancel::before{
    content:""
}

.sap-icon--contacts::before{
content:""
}

.sap-icon--decline::before {
  content: "";
}

.sap-icon--locked::before {
  content: "";
  color: #13566f !important;
}
.sap-icon--settings::before {
  content: ""
}

.sbere-success-content-close{
  padding-left:10px;
}

.sbere-success-content-text{
  padding-left:10px;
}

.sbere-success-content-enter{
  color:#00679E;
  float:right;
}
.sbpaurp-filters-dropdown .sbp-roles-filters-dropdown .w-dropdown-slide-down {
    height: 200px !important;
}


.sbpaurp-filters-dropdown .sbp-roles-filters-dropdown .w-dropdown-items .w-dropdown-slide-down {
    height: 200px !important;

}
.ANMainSearch {
    margin-bottom: 15px;
    padding-bottom: 0px;
}

.main-section-margin {
    margin-top:10px;
}

.an-profile-subtab .anprofilecontent, .an-profile-subtab .w-dashboard-tabs,
 .an-profile-subtab #profilemgttabs {
    margin-left: 0px;
    padding-left: 0px;
    overflow:inherit;
    overflow-x: inherit;
}

.linked-child-account-header {
    height: 22px;
    width: 261px;
    color: #2D2D2D;
    font-size: 20px;
    letter-spacing: 0.19px;
    line-height: 23px;
    margin: 40px 0px 35px 0px;
}

.an-profile-subtab .comm-CCCK-keywordText {
    width: 100%;
}

.an-profile-subtab .comm-SB-personLocationText {
    width: 100%;
}

.an-profile-subtab .tableRow1 {
    height: 50px;
}

.filter-container {
    display: inline-flex;
}

.filter-child {
    width: 480px;
}


.anid-customer-drop-down{
    max-height: 200px;
    word-wrap: inherit;
    overflow-y: auto;
}

.toggle-disable {
    opacity: 0.6;
}

.an-profile-subtab .tableFooterRight
{
text-align: right;
}

.an-profile-subtab #profilemgttabs td{
font-size: 14px;
}


.an-profile-subtab .DataTableTitle {
    padding-top: 40px;
    padding-bottom: 40px;
}

.an-profile-subtab .DataTableTitle .DataTableHeaderFont {
    font-size: 20px;
}

.sbptabs{
 margin-top: 20px;
 padding-left: 0;
 background-color: #FFFFFF;
 text-transform: none;
 width: inherit;
}

.sbp-add-usr-data-table{
    padding-top: 30px;
    padding-bottom: 20px;
}
.sbp-add-usr-data-table .tableRow1{
    height: 40px;
}

.sbp-add-usr-data-table .tableHead{
    background-color: #FAFAFA;
    height: 30px;
}
.sbp-add-usr-wrapper a.ADXTagClose{
    color: #199de0;
}

.sbp-edit-usr .locationIDText {
    width: 100%;
}

.cr-group-by-spacing{
    margin-right:12px;
}

.sgnhelpcenterlinkexpandtext {
    margin-left: 40px;
}

.anpo-TXNCC-warningTextStyle{

    font-size: 14px;
    color: #32363a;
    background-color: #FEF7F1;
    border: 1px solid #E9730C;
    border-radius: 4px;
}

.anpo-TXNCC-warningIconStyle{
    color: #E9730C;
    font-size: 16px;
    padding-right: 10px;
    float: left;
}

.poHeaderLegendStyle,.w-tbl-wrapper,.w-stw-header,.w-sh-tbl,.inbo-INSLIS-show-asn-info .innerTableBorder,
.horizontalDivSubHeader, .separator,td.profileSectionHeader,
.ANTileHeaderTop,.ANDwldHeaderTopLeft,.ANDwldAppText-leftAlign,.ANTaskHeaderTopLeft,
.w-stepnavbar-top-bar,.w-page-tab-separator,.scm-anp-SCMTXNSH-spacer,
.scm-cus-SCMNCFMST-warn-msg,.w-ob-hdr,.base-NCFGV-separator,.subsectionHdrBuyer,
.subsectionHdrKnowledge,app-main p-tabView .ui-tabview.ui-tabview-top > .ui-tabview-nav,
.nav-tabs,td.tableGroupBy,.poHeaderDivider,.auditStyleThinLightBorderBottom, .remittanceUIDivider
{
    border-bottom: 1px solid #D9D9D9;
}

.ui-tabview .ui-tabview-nav,.soh .gray {
    border-bottom-color: #D9D9D9 !important;
}

.w-page-tabs .w-tabitem-a.w-tabitem-a-slctd a,
.w-page-tabs .w-tabitem-a.w-tabitem-a-slctd a:hover,
.w-page-tabs .w-tabitem-a.w-tabitem-a-slctd a:focus,
.w-page-tabs .w-tabitem-a-dsbld-slctd,
.w-tabitem-a.w-tabitem-a-slctd a, .w-tabitem-a.w-tabitem-a-slctd a:hover,
.w-tabitem-a.w-tabitem-a-slctd a:focus, .w-tabitem-a-dsbld-slctd,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    border-color: #D9D9D9 #D9D9D9 transparent;
}

.ANTaskOuterBoundary, .ANDownloadMobileApp,
.ANRightSection .ANTaskOuterBoundary,
.ANProfileMeterWithoutDescriptionTable,
app-main p-tabView .ui-tabview .ui-tabview-nav > li.ui-state-active,
.ui-widget-content,.an-button-secondary:disabled,.vis-foreground .vis-group,
.vis-panel.vis-bottom, .vis-panel.vis-center, .vis-panel.vis-left,
.vis-panel.vis-right, .vis-panel.vis-top,
.ui-state-default,.an-button-primary-disabled, .an-button-primary-disabled:visited,
.ui-comment-list .horizontal-line,.ui-attachment-view .document,.dotted
{
    border-color: #D9D9D9;
}


.w-btn-disabled, .w-btn:disabled,.ui-state-disabled, .ui-widget:disabled,
.quality-review-table, .quality-review-table th, .quality-review-table td,
.ui-table .ui-table-thead > tr > th,.ui-table .ui-table-tbody > tr > td,
p-paginator .ui-paginator.ui-widget-header,.ui-table .ui-table-tfoot > tr > td
{
    border-color: #D9D9D9 !important;
}

div.btnSeparator,.VerticalBar {
    color: #D9D9D9;
}

.an-anpopui-carrierChooser {
    border-color: #D8E9F8 !important;
}

.w-wizard-layout-bottom-left,.ui-datatable .ui-datatable-thead>tr>th,
.ui-datatable .ui-datatable-data>tr>td,
.ui-datatable .ui-datatable-thead > tr > th.hasBoldRightBorder,
.ui-datatable .ui-datatable-data > tr > td.hasBoldRightBorder
 {
    border-right-color:#D9D9D9;
}

.ui-datatable .ui-datatable-thead > tr > th.hasBoldLeftBorder,
.ui-datatable .ui-datatable-data > tr > td.hasBoldLeftBorder {
    border-left-color:#D9D9D9;
}

.ui-tabview .ui-tabview-nav li.ui-tabview-selected {
    border-color:  #0A6ED1 #D9D9D9 transparent #D9D9D9;
}

.w-tbl-footer, .scrollTableWrapper th.tableHead,.poDetailViewCellBorder,
.fdml-sesv-address-divider,.fdml-sesv-address-divider,
app-upload-download .ui-datatable .ui-datatable-thead > tr > th,.horizontalpaddedgreyline,
.show-base-sect-separator, .base-NCDGC-divider,.horizontalnopaddedgreyline,
.fdml-table-layout .tableFooter, .serv-SESI-rowDividerStyle
{
    border-top: 1px solid #D9D9D9;
}

.ui-datatable-footer,.ui-datatable-thead,
.quality-review-main-horizontal-line,.accordion-btn
 {
    border-top-color:  #D9D9D9 !important;
}

.scrollTableWrapper td.tableBody,.scrollTableWrapper td.tableBodyClass,
app-upload-download .ui-datatable .ui-datatable-data > tr > td
{
    border-top: 1px solid #E5E5E5;
}

.fdml-ov-liai-add-info, .extTableBody {
    border-color: #E5E5E5;
}
.scrollTableWrapper th.tableHead ,.buyer-CBSESRS-table .tableHead,.ui-state-default,
app-upload-download .ui-datatable .ui-datatable-thead > tr > th,
table.fdml-ov-liai-add-info > tbody > tr > td, table.extTableBody td,
.ui-datatable .ui-datatable-thead>tr>th, .ui-datatable .ui-datatable-data>tr>td
{
    border-bottom: 1px solid #E5E5E5;
}

div.noBoxPortlet {
    border-color: transparent #E5E5E5 #E5E5E5 #E5E5E5;
}

th.tableHead,.a-dashbrd-page-bg .scrollTableWrapper th.tableHead,
.buyer-CBSESRS-table .tableHead,.ui-datatable th.ui-state-default,
.ui-table .ui-table-tfoot>tr > td,.htmlarea .toolbar .button,.htmlarea .toolbar
{
    background-color: #EFEFEF;
}

.htmlarea .toolbar .button {
    border-color: #EFEFEF;
}

.ui-datatable th.ui-state-default,
.ui-table .ui-table-thead > tr > th
{
    background-color: #EFEFEF !important;
}

.uber-banner{
    background-color: #FEF7F1;
}

.ancx-INSDS-dashboardStyle{
    color: #BB0000;
}
.ancx-INSMA-msgTitleStyle{
    border-radius: 4px;
    background-color: #F5FAFF;
    border: 1px solid #296FCA;
}
.inv-chooser{
    border: 1px solid #89919A;
}

.txnb-TXNPOOIS-header{
    color: #6A6D70 !important;
}

.txnb-TXNPOOIS-serviceSheet{
    color: #74777A;
}

.w-tbl-footer,.txnb-TXNA-table-actions-div,
.docv-IOSDActions-table-actions-div,.a-dashbrd-page-bg .w-tbl-footer,
.customTableWrapper td.tableHeader,.ui-tabview .ui-tabview-nav > li.ui-state-default,
.ui-table .ui-table-tfoot>tr > td,.smiu-SMIUEA-contactBillingStyle,
.an-txnga-greySection
{
    background-color: #F2F2F2;
}

.an-SE-SupplierLink,.buyer-CBSESRS-table .tableHead,
.ui-datatable-footer,.projected-bars li.grey {
    background-color: #F2F2F2 !important;
}

hr,.anpo-TXNSH-shippingLine,.ui-accordion-content hr {
   background-color: #D9D9D9;
}

.vertical-line {
    background-color: #D9D9D9 !important;
}

.fdml-sesv-summaryLabel {
    border-top-color: #EFEFEF;
}

.bodyText, .ANBodyText, td.extTable, body, .scrollTableWrapper td.tableBodyClass,
.vrheader, .vrheaderLarge, .vrheaderXLarge, .remittanceDetailSubHeading,
td.profileSectionHeader,.ADXTag, .w-dlg-content-wrapper .pageHead,.DataTableTitle .DataTableHeaderFont,
.cus-ncdv-formpadvalue.ANXLabel,.po-INSSAddr-addr-details.ANXLabel,.poHeaderSectionTitleStyle,
.fdml-ov-st-gf-ss-label, .fdml-ov-ohd-btn-gf-ss-label, .fdml-ov-ohd-dt-gf-ss-label,.po-INSPON-std-money,
.poHeaderAddressStyle3, .poHeaderAddressStyle2, .poHeaderAddressStyle1,.w-tbl-cell,
.w-hint,.poHeaderSectionTitleStyle,.w-stw-header h2,.ANTileColor,
.adProfileMtrTable,.ANTaskHeaderTopLeftDwld,.ANDwldHeaderTopLeft,
.fdml-ov-ohd-poh-pohp-aal-ba-bad-gf-bill-to + table .fdml-ov-bill-to-gf-addr-name-val,
.docv-IOSOSRC-label-search, .docv-IOSPPC-label-search, .docv-IOSISF-label-search,
.docv-IOSPISC-label-search, .docv-IOSQRC-label-search, .docv-IOSRC-label-search,
.docv-IOSRAAC-label-search, .docv-IOSSOC-label-search, .docv-IOSSEC-label-search,
.docv-IOSSNCriteria-label-search, .docv-IOSPRRC-label-search, .coll-CRSC-searchFilters,
.docv-IOSBBL-label-search, .doc-dl-INSASNDLSC-label-search, .doc-csv-IOSCRB-label-search,
.docv-IOSCFC-label-search, .docv-INSPOSC-label-search, .scm-dl-INSCDLSC-label-search,
.scms-SCMINSPOSC-label-search, .docv-IOSCC-label-search, .search-label,.supp-CSPLA-header,
.txnb-oc-subHdrStyle,.anpo-ANTXNLISR-quantityStyle, .anpo-ANTXNLISDU-quantityStyle,
.anpo-ANTXNLISR-statusStyle,.anpo-ANTXNLISDU-orderStatusStyle, .anpo-SB-itemQuantityStyle,
.wizStepCurrent .w-stepbysteptoc-step-link,.w-wizard-toc-header,.poHeaderSubSectionLabelHeading, .bodyBold,
.w-dropdown-item,.w-dropdown,.tableText,.w-txt, .w-txt:visited, .w-psw, .w-psw:visited,
.sawapp-SSLP .buyer-footerItem-loginText,.w-tabitem-a.w-tabitem-a-slctd a, .w-tabitem-a.w-tabitem-a-slctd a:hover,
.w-tabitem-a.w-tabitem-a-slctd a:focus, .w-tabitem-a-dsbld-slctd,
.subsectionHdrBuyer,.subsectionHdrKnowledge,.w-sh-title,.cont-CH-cHomeParaAW6,.supp-SSMPAC-blackBoldFont,
.w-toc-panel-title,.w-box-hdr,.w-srch-box-title h2,.w-twotonebox-top h2,.w-stw-header-ext,.pageHead, .w-page-head,
.w-ob-title, .w-ob-title a,.w-ob-title-hint,.w-md-ct-ntf,.w-md-ct-wrng,.w-md-ct-error,.w-md-ct-conf,
.w-field-req,.w-olm-item, .w-olm-sub-item ,.w-page-tabs .w-tabitem-a-dsbld-slctd,.w-spotlightText,.w-pm-head,
.subFormHeader,.bodyLarge,.linkPageTitlesBold,.chInput,.RGtouText,.comm-SSMPAC-titleText,
.w-ob-title a:link,a.greySectionHeadingExpanded,.w-dlg-wrapper .w-dlg-header,a.greySectionHeadingCollapsed:link,
.w-page-tabs .w-tabitem-a.w-tabitem-a-slctd a, .w-page-tabs .w-tabitem-a.w-tabitem-a-slctd a:hover,
.w-page-tabs .w-tabitem-a.w-tabitem-a-slctd a:focus, .w-page-tabs .w-tabitem-a-dsbld-slctd,.w-srch-pw-title,
.ancx-INSGA-attch-hdr, .base-sub-sub-sect-label h3, .base-NCDGC-headerSection, .base-sub-sect-label,
.txnb-TXNB-shippingForm h3,.txnBoxHeading,.txnb-TXNB-shippingForm h3,.anpo-ANTXNLIU-orderStatusStyle,
.anpo-ANTXNIRLIU-orderStatusStyle,.anpo-ANTXNLIU-statusHdrStyle,th.tableHead,.w-tbl-wrapper .w-tbl-hd a,
h3, .h3,.tableHeader h3,.stan-SESSPIDAD-desc,.fdml-sesv-vfc-fc-gf-ss-label-contrctr,
.fdml-sesv-vr-r-gf-ss-app-label-approver,.fdml-sesv-vfe-fe-gf-ss-label-engr,
.fdml-sesv-grp-contactinfo-name, .fdml-sesv-grp-contactinfo,div.w-dlg-wrapper,
.w-stepnavbar-top-bar,.darkText,.an-SE-SupplierGrp,.ANUserGuide-text,.ANUserGuide-header,
.an-usr-gui-nav .w-stepbysteptoc-step-link,.sesHeaderTitleStyle, .poHeaderTitleStyle,.ui-state-default,
.fullEnablementH,.lightEnablementH,.supplierCountTextTile,.enablementColumnTextTile,.ADTitleFont,
.ui-widget-content,app-main p-tabView .ui-tabview .ui-tabview-nav > li.ui-state-active a,
app-main p-tabView .ui-tabview .ui-tabview-nav > li.ui-state-active a:hover,
.tableHeader .div-cell h2,#sectionTabSearch ul li a,.bodyHeading2,.subsectionHdr1,.ANBodyTextInvoice,
.bodyHeading5,.bodyText1,.inv-det-heading,.inv-det-heading1,.inv-sub-heading,.inv-label,.vis-item,
.summary-box-title-text,tr.summary-box-item,td.summary-box-highlighted-item-label,
td.summary-box-highlighted-item-value,div.summary-box,.detail-section-label,.fdml-cxmlv-contact-name,
.inbo-INSLIS-paymts h3, .inbo-INSLIS-bpo-itm-attrs h3,.bodyHeading6,
.inbo-INSLIS-invoiceSumamry h3, .inbo-INSLIS-show-asn-info h3,.an-SE-HeaderFont,h2, .h2,
div .sawapp-ANASP-header,.auditStyleThinLightBorder h2, .tableHead h3, .buyer-discount h3,
.quality-notification-title,.ui-radiobutton-label,.an-priority-level-label,.ui-widget-header,
.quality-review-title,.sub-title,.main-title,
.btn-default,qi-filter h1,.ui-tabview .ui-tabview-nav li.ui-tabview-selected a:link,
.ui-tabview .ui-tabview-nav li.ui-tabview-selected a:visited,an-message .ui-messages-error,
.ui-grid-row .comment-text,.ui-grid-row .owner,.ui-grid-row .org-name,
.ui-accordion .ui-accordion-header a,.ui-datatable .ui-datatable-thead > tr > th.tableHead div,
.smi-legend,.soh-enabled,.search-SESMF-lbl,.stan-INSLII-showLineIndicator h3,td.summary-box-document-number,
.anpo-ANTXNIRLIU-orderStatusStyle,.anpo-ANTXNLIU-statusHdrStyle,
th.tableHead,.w-tbl-wrapper .w-tbl-hd a,
.cr-content-title, .boldGrayFont, .anpo-TXNSH-shippingTextBold, .anpo-TXNSH-shippingText,
.rem-rd-Additional,.an-usr-gui-nav .w-stepbysteptoc-step-link a,
.an-usr-gui-nav .w-stepbysteptoc-step-link a:link,.an-usr-gui-title{
    color: #32363A;
}

 .ANTileHeaderTopLeft, .ANTileHeaderTopRight, .ANTaskHeaderTopLeft,.pageHeadingText,.w-pmi-item,
 .w-tabitem-selected a,.w-nested-tabs .w-tabitem-selected a,.empty, .w-tbl-empty,#sectionTabSearch ul li a,
 p-dropdown .ui-inputtext,.ui-cell-data,.quality-review-main-title,.quality-review-title,
 .qiSearch .ui-accordion-header a:link,.mainTitle,.quality-review-search-title,.ci-search-title,
 .document-type-title,.label-value,.smi-main-header h4,.ui-table .ui-table-thead > tr > th,
 .ui-accordion-header-text,.ADSubsectionTitle,.sawapp-SSOD-profile-subsection-header,.ruleAppliedStyle
 {
    color: #32363A !important;
 }

.ANXLabel, .ANXFormLabel,.an-chart-warning,.tableTextKey,.po-INSPOD-rel-po-date,
.adprofiletabs a, .adprofiletabs a:visited, .adprofiletabs a:link,.w-txt.w-txt-placeholder,.vr-italic-Class,.grayText,
.requiredFieldHintText,.docTableStyle .trans-TXWCT-header,.an-popui-TXNLS-headtext,table.notificationTitleStyle th,
.incidentalLightText,td.vr-RGFormLabelNormal,.RGPageTitleText,.RGgreyInformationText, .RGgreyInformationTextFloatSection,
.ph,.w-ct-icon,.anpo-ANTXNLISR-orderStatusStyle, .anpo-TXNLIUR-hdrStyle, .anpo-ANTXNLISDU-orderStatusTitleStyle,
.anpo-TXNLIUR-orderStatusStyle,.docv-IOSRD-label-related-docs,.SearchDateRange,
.inlineDescriptionText,.ADProfileRequired2,.inlineHelpText,.footerCopyright,select.seg-select,
.vendorUploadsCol1,.vendorUploadsCol2,.daLinksTableColSplit,.enablementActivityStatusRow,
.an-doc-IOSSFcheckboxtext,.darkerGrayText,.chartHeadersText,.w-login-form-input-user .pfc label.ph,
.w-login-form-input-pwd .pfc label.ph,.an-button-secondary:disabled,td.tableGroupBy,.optionalFormItemLabelText,
.ui-chkbox-label,.an-button-primary-disabled, .an-button-primary-disabled:visited,
.text-muted,.ui-grid-row .date-time,.ui-grid-row .file-size,.slider-labels,.inv-INSLIMP-line-itm-opts,
.stock-on-hand-popup span.title-inventory,.stock-on-hand-popup .heading,.soh-disabled,.base-NCFBV-view,
.sawapp-SSOD-cancel-lbl, .sawapp-SSOD-Relationship-lbl,.sawapp-SSOD-routing-lbl, .sawapp-SSOD-pay-lbl,
.sawapp-SSOD-tableColumn1,.sawapp-SSSG-label,
.text-muted,.ui-grid-row .date-time,.ui-grid-row .file-size,.slider-labels,
.stock-on-hand-popup span.title-inventory,.stock-on-hand-popup .heading,.soh-disabled,
.ADProfileRequired2,.inlineHelpText,
.darkerGrayText, .w-tbl-hd, .fdml-sesh-add-gf-label-text,
.anpo-TXNSH-lineItem
{
    color: #6A6D70;
}

.rem-rd-Additional {
    font-family: '72' !important;
}

div.summary-box {
    background-color: #F5FAFF;
}


.inlineDescriptionText h3{
    color:#32363A !important;
}

.vr-grayFontArial,.vr-grayFontBold ,.w-dashboard-tabs .w-tabitem a,
.buyer-CBSESRS-table .tableHead,.w-btn-disabled, .w-btn:disabled,.an-label,
p-dropdown .ui-state-disabled .ui-dropdown-label,.text-disabled,.gray,
.ui-tabview .ui-tabview-nav li a:link, .ui-tabview .ui-tabview-nav li a:visited,
.w-pmi-disabled
{
    color: #6A6D70 !important;
}

.w-dropdown-item-disabled {
    color: #CECECE;
    cursor: not-allowed;
}

.w-ct-icon{
    font-size:14px;
}

a:hover .w-ct-icon, a:focus .w-ct-icon{
    color: #085CAF;
}

.poHeaderStatusStyle,.anse-SEAT-activityTaskAchivedIconStyle {
    color: #107E3E;
}

.vis-current-time {
    background-color: #107E3E;
}

.inlineErrorText, .inlineErrorTextIcon, .errorText,
.vr-errorColor,.w-md-ct-error,.inbo-INSPODS-dashboardStatus,
.needAttentionNumber,.needAttentionText,.seg-error,.docv-IOSSESR-status,
an-message .ui-messages-error .fa-remove:before, an-message .fa-close:before,
.docv-INSIDS-inv-status,.remi-RSR-column-span,.redStatusText,
.error-icon,.alertWarning,.anse-SEAT-activityTaskEscalatedIconStyle {
    color: #BB0000;
}

.docv-IOSIDL-formatter-document,.EALinkSup2,
.scm-in-SCMINSPOL-routing-status, .scm-docv-SCMIOSIDL-str-sts-frmtr {
    color: #BB0000 !important;
}

an-message .ui-messages-error {
    border-color: #BB0000 !important;
}


.sesHeaderAddressStyle3, .sesHeaderAddressStyle2, .sesHeaderAddressStyle1,.poHeaderLegendStyle,
.poHeaderAddressStyle3, .poHeaderAddressStyle2, .poHeaderAddressStyle1,.seFilterSection,
.summaryTableBody,.vendorUploadDiv,.lightEnabledSuppliersFusionChart,.portletContentArea,
 .ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd,
 .smi-main-search .ui-accordion .ui-accordion-header,
 .w-page-tabs .w-tablist
 {
    background-color: #f4f4f4;
}


#enable-now-webassistant-h4-carousel-mn {
    margin-left: 0px;
}

#enable-now-webassistant-h4-carousel-fd,#enable-now-webassistant-h4-carousel-stg {
    height: 44px;
}

.supplier-dropdown-options {
    vertical-align: top;
    padding-top: 8px;
}

.sap-icon--print::before {
  content: ""
}

.sap-icon--download::before {
  content: ""
}

.sap-icon--overflow::before {
  content: ""
}

.termsDiv b {
    font-weight: 900;
    font-size: 14px;
}

.txnb-TXNA-actions-IES {
    width:100%;
    padding-bottom: 0;
    padding-top: 4px;
}

table.txnb-TXNA-actions-IES .w-btn-disabled,
table.txnb-TXNA-actions-IES .w-btn:disabled {
  opacity: .4!important;
}

.sap-po-ses-icon-width{
	width: 50px;
}

.w-btn-disabled,
.w-btn:disabled {
  color: #0854A0!important;
  border: 1px solid #0854A0!important;
  font-size: 14px;
  border-radius: 4px;
  cursor: default!important;
  box-shadow: none!important;
  opacity: 0.4;
}

/** overriding border color of trends table **/
.ANChartMainSection{
  border-right: 1px solid #EFEFEF;
}

/** overriding border color of highlighted sub tab in PO Screen **/
.wizStepCurrent{
    border-color: #D9D9D9 #FFFFFF #D9D9D9 #0A6ED1;
}

/** overriding font color for Confirming PO - left side sub tab - highlighted **/
.w-stepbysteptoc-step-link{
    color: #0A6ED1;
}

/** overriding border color for Confirming PO - circle around number **/
.wizStepCurrent .w-stepbysteptoc-step-number{
    border-color: #32363A;
}

/** overriding border color for Confirming PO - circle around number - highlighted **/
.w-stepbysteptoc-step-number,
.ui-paginator .ui-paginator-page.ui-state-active
{
    border-color: #0A6ED1;
}


/** overriding the font-size for subtabs to 14px **/
.w-tabitem,
.anprofilecontent .w-tabitem,
.requiredFieldHintText,
.darkerGrayText{
    font-size: 14px;
}

/** overriding for Upload/download Create Job button **/
.btnFonts {
    font-size: 14px !important;
    font-family: '72' !important;
}

/** overriding pagination > icon for all the data tables **/
.w-batch-nav{
    color:#0A6ED1;
}

/** overriding table menu option icon for all the data tables **/
.w-tbl-customize-view{
    color:#0A6ED1;
}

/** TRR Landing Page Username and password **/
.login{
    font-size:14px;
}

/** overriding background color for the calendar **/
.w-calendar-days{
    background-color: #F7F7F7;
}

/** font color for the calender **/
.w-calendar-days a:link{
    color: #32363A;
}

/** Overriding background color for hover on calendar **/
.w-calendar-days a:hover,
.w-calendar-days a:focus {
  background-color: #D9D9D9;
}

/** overriding color for today date  **/
.w-calendar-days td.w-calendar-today,
.w-calendar-days td.w-calendar-today a,
.w-calendar-days td.w-calendar-today a:hover,
.w-calendar-days td.w-calendar-today a:focus,
.w-calendar-days td.w-calendar-today a:active {
  background-color: #C0399F; /** pink **/
  color: #FFF;
}

/** overriding color for selected date **/
.w-calendar-days td.w-calendar-selected-day,
.w-calendar-days td.w-calendar-selected-day a,
.w-calendar-days td.w-calendar-selected-day a:hover,
.w-calendar-days td.w-calendar-selected-day a:focus,
.w-calendar-days td.w-calendar-selected-day a:active {
  background-color: #0854A0; /** blue **/
  color: #FFF;
}


/** Loader styles */

    .fd-loading-dots {
        font-size: 14px;
        line-height: 1.42857;
        position: relative;
        width: 60px;
        height: 18px;
        display: block;
        font-size: 0;
        color: #0A6ED1;
        margin: 12px auto;
    }

    .fd-loading-dots > div {
        position: relative;
        width: 8px;
        height: 8px;
        margin: 6px;
        display: inline-block;
        border-radius: 100%;
        background-color: currentColor;
        border: 0 solid currentColor;
        -webkit-animation: fd-loading-dots-pulse 1s ease infinite;
        animation: fd-loading-dots-pulse 1s ease infinite;
    }

    .fd-loading-dots > div:nth-child(1) {
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s;
    }

    .fd-loading-dots > div:nth-child(2) {
        -webkit-animation-delay: -.1s;
        animation-delay: -.1s;
    }

    .fd-loading-dots > div:nth-child(3) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .fd-loading-dots.is-hidden,
    .fd-loading-dots[aria-hidden=true] {
        display: none;
    }

    @-webkit-keyframes fd-loading-dots-pulse {
        0%,
        100%,
        60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        }
        30% {
        -webkit-transform: scale(2);
        transform: scale(2);
        }
    }

    @keyframes fd-loading-dots-pulse {
        0%,
        100%,
        60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        }
        30% {
        -webkit-transform: scale(2);
        transform: scale(2);
        }
    }

    .bn-loader-button-container[showLoader=true] .sbn-login-button {
        background-color: rgba(10,110,209,.4);
    }

    .bn-loader-button-container[showLoader=true] .bn-loader-text {
        display: none;
    }

    .bn-loader-button-container[showLoader=false] .fd-loading-dots {
        display: none;
    }

    .bn-loader-button-container .fd-loading-dots > div {
        width: 4.4px;
        height: 4.4px;
        margin: 4px;
        color: #0854A1;
    }

/* --- loader styles end here -- */



/* Spinner styles */

    .fd-loading-spinner {
      --fd-spinner-background-color: var(--fd-color-neutral-2);
      --fd-spinner-ring-color: var(--fd-color-action-1);
      font-size: 14px;
      line-height: 1.42857;
      color: #32363a;
      color: var(--fd-color-text-1);
      font-family: '72',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
      position: relative;
      width: 40px;
      height: 40px;
      display: block;
      font-size: 0;
      color: var(--fd-spinner-background-color);
      color: #ededed;
      margin: 10px auto;
    }
    .fd-loading-spinner::after,
    .fd-loading-spinner::before {
      width: 100%;
      height: 100%;
      content: "";
      display: inline-block;
      float: none;
      border: 0 solid currentColor;
      border-width: 4px;
      border-radius: 100%;
    }
    .fd-loading-spinner::after {
      border-color: var(--fd-spinner-ring-color);
      border-color: #0a6ed1;
      border-top-color: transparent;
      border-right-color: transparent;
      border-left-color: transparent;
      margin-top: -40px;
      -webkit-animation: fd-loading-spinner-spin 1s linear infinite;
      animation: fd-loading-spinner-spin 1s linear infinite;
    }
    .fd-loading-spinner--small {
      width: 24px;
      height: 24px;
    }
    .fd-loading-spinner--small::after {
      margin-top: -24px;
    }
    .fd-loading-spinner--large {
      width: 64px;
      height: 64px;
    }
    .fd-loading-spinner--large::after {
      margin-top: -64px;
    }
    .fd-loading-spinner.is-hidden,
    .fd-loading-spinner[aria-hidden=true] {
      display: none;
    }
    @-webkit-keyframes fd-loading-spinner-spin {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }
      50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes fd-loading-spinner-spin {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }
      50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }

    .bn-loader-button-container[showLoader=false] .fd-loading-spinner {
        display: none;
    }


/* -- spinner styles end here */


.sbn-cp-submit {
    position: relative;
    background-color: #0A6ED1;
    border-radius: 4px;
}

.fp-buttons-container .bn-loader-button-container {
    margin-right: 8px;
    border-radius: 4px;
}

.sbn-cp-submit .w-btn {
    height: 35.03px;
    min-width: 69px !important;
    border-radius: 4px;
    border-color: transparent;
    background-color: #0A6ED1;
    color: #FFFFFF;
    padding: 0px 8px;
    min-width: unset;
}

.sbn-cp-submit .fd-loading-spinner {
    margin: auto;
    white-space: normal;
    position: absolute;
    top: 5.5px;
    left: 0;
    right: 8px;
}

.sbn-cp-submit .fd-loading-spinner::after {
   border-color: #FFFFFF;
   border-top-color: transparent;
   border-right-color: transparent;
   border-left-color: transparent;
}

.sbn-cp-submit .fd-loading-spinner--small {
    width: 16px;
    height: 16px;
}

.bn-loader-button-container[showLoader=true] .sbn-cp-submit .w-btn {
    visibility: hidden;
}



/** SAP Business Network Auth page styles **/

    .sbn-login-container {
        display: flex;
        flex-direction: column;
        width:260px;
        min-height: 333px;
        margin-top: 14px;
    }

    .sbn-input-label {
          display: block;
          color: #6A6D70;
          font-size: 14px;
          letter-spacing: 0;
          line-height: 16px;
          padding-bottom: 6px;
    }

    .sbn-password-container .w-psw,.sbn-input-field .w-txt {
        margin: 0px;
    }

    .sbn-input-field .w-txt.w-txt-placeholder {
        color: #74777A;
    }

    .sbn-input-field input, .sbn-password-container input {
        height: 30px;
        width: 244px !important;
        color: #32363A;
        border: 1px solid #89919A;
        border-radius: 2px;
        line-height: 20px;
        padding: 2px 2px 2px 12px;
        font-size: 14px;
        background-color: #FFFFFF;
    }

    .sbn-sign-in-text {
          color: #32363A;
          font-size: 24px;
          letter-spacing: 0;
          line-height: 28px;
          padding-top: 28px;
          float: right;
    }

    .sbn-login-button {
        display: inline-block;
        height: 36px;
        min-width: 244px;
        background-color: #0A6ED1;
        box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);
        border-radius: 4px;
        border: 0px;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        line-height: 34px;
        text-align: center;
        padding: 0px 8px;
        white-space: nowrap;
    }

    .sbn-login-sso-button {
        display: inline-block;
        height: 36px;
        color: #0A6ED1;
        min-width: 244px;
        box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);
        border-radius: 4px;
        border-color: #0A6ED1;
        font-size: 14px;
        font-weight: bold;
        line-height: 34px;
        text-align: center;
        padding: 0px 8px;
        white-space: nowrap;
        margin: 24px 0px 48px 0px;
    }

    .sbn-login-sso-button-ulp {
        margin-bottom: 40px;
    }

    .sbn-forgot-link {
      display: block;
      line-height: 16px;
      text-decoration: none;
      padding-top: 13px;
      color: #0854A1 !important;
      font-size: 14px;
      margin-bottom: 20px;
    }

    .sbn-or-text {
        display: block;
        font-size: 14px;
        color: #6A6D70;
        text-align: center;
    }

    .sbn-end-content {
        border-top: 1px solid #D9D9D9;
        padding-top: 18px;
        margin-top:auto;
        font-size: 16px;
        line-height: 20px;
    }

    .sbn-register-link {
        padding-top: 6px;
        font-size: 14px;
    }

    .sbn-header {
        display: flex;
        margin-top: 16px;
    }

    .sbn-login-button:hover {
        background-color: #0854A0;
    }

    .sbn-header-text {
        color: #32363A;
        font-size: 36px;
        letter-spacing: 0;
        margin-left: 10px;
        line-height: 44px;
    }

    .sbn-body-container {
        display: flex;
        margin: 200px auto 80px auto;
        width: max-content;
        padding: 0px 47px;
    }

    .sbn-body-container-ulp {
        justify-content: space-between;
        width: auto !important;
    }

    .sbn-start-content-ulp {
        flex-basis: calc(50% - 88.5px);
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .sbn-header-ulp {
        white-space: nowrap;
    }

    .login-form-ulp {
        flex-basis: calc(50% - 88.5px);
        display: flex;
    }

    .sbn-vertical-divider {
        border-left: 1px solid #d9d9d9;
        margin: 0px 88px;
        height: 360px;
    }

    .sbn-vertical-divider-long {
        border-left: 1px solid #d9d9d9;
        margin: 0px 88px;
        height: 412px;
    }

    .sbn-user-name-container {
       display: flex;
       color: #74777A;
       font-size: 14px;
       line-height: 16px;
       padding-bottom: 23px;
       word-break: break-all;
    }

    .sbn-input-error-container input, .sbn-input-error-container input:focus {
        border: 2px solid #bb0000 !important;
        padding: 1px 1px 1px 11px !important;
    }

    .sbn-user-name-container .sap-icon--navigation-left-arrow::before {
        font-size: 14px;
        color: #0A6ED1;
        padding-right: 12px;
    }

    .sbn-feeder-container {
        margin-top: 28px;
    }

    .sbn-error-container {
        border: 1px solid #BB0000;
        border-radius: 4px;
        display: inline-flex;
        align-items: center;
        background-color: #FFE9E9;
        word-wrap: break-word;
        padding: 10px 12px;
        margin: 0px 0px 30px 0px;
        width: 234px;
    }


    .sbn-error-container .sap-icon--notification {
        color: #E00000;
        line-height: 20px;
    }

    .sbn-error-container .sap-icon--notification::before {
        font-size: 16px;
    }

    .sbn-error-container .sawa-LFE-span {
        width: unset;
        color: #32363A;
        font-size: 14px;
        font-style: normal;
        display: block;
        height: unset;
        margin-left: 10px;
        line-height: 20px;
    }

    .sbn-input-field .ph {
        padding-left: 6px;
        margin-top: 6px;
        font-size: 14px;
    }

/** Auth page style ends here **/


.an-exception-container {
    display: block;
}


.sbn-cp-input-container.fp-input-container {
    padding-bottom: 2px;
}

.sbn-cp-end-containner {
    width: 390px;
    padding-bottom: 32px;
    font-size: 14px;
    line-height: 20px;
}

.sbn-cp-item-text {
    padding-top: 16px;
}

.sbn-checkbox {
    margin-right: 5px;
}

.sbn-checkbox .w-chk.w-chk-dsize {
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

.sbn-checkbox label {
    width: 14px;
    height: 14px;
}

.sbn-checkbox [data-icon]:before {
    color: #0854A0;
    font-size: 11px;
    position: absolute;
    top: -3.5px;
    right: 8px;
}


.cp-inline-text .vr-displayInlineFlex{
    margin-top: 6px;
}

.sbn-banner .fd-alert{
    border: 0;
    font-size: 13px;
    line-height: 13px;
    padding: 10px;
    background-color: #FEF7F1;
    margin: 8px 0px;
}


.sbn-banner .fd-alert__close::before {
    font-size: 12px;
}

.sbn-banner .sbn-learn-more, .sbn-learn-more a:hover {
    text-decoration: underline !important;
}


.po-ses-actions {
    float: right;
    margin-top: 8px;
}

/** Forgot Links Refresh styles begins here **/
.fp-half-width {
    width: 50%;
}

.fp-layout-body {
    display: inline-flex;
    width: 100%;
}

.ep-layout-body {
    display: inline-flex;
    width: 100%;
    flex-direction: column;

}
.fp-root-paddingLeft83 {
    padding-left: 83px;
}

div.fp .w-txt, .fp-passwd-container .w-psw.w-psw-width{
  box-sizing: border-box;
  height: 36px;
  width: 100%;
  border: 1px solid #89919A;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin: unset;
}

.fp-passwd-container, .fp-input-container {
    position: relative;
    width: 330px
}

.fp-password-icon {
  position: absolute;
  top: 9px;
  right: 8px;
  height: 17px;
  width: 18px;
  color: #0276CB;
  font-size: 16px;
  letter-spacing: 0.27px;
  line-height: 18px;
}

.sap-icon--hide::before {
  content: ""
}

.sap-icon--show::before {
  content: ""
}

.fp-paddingTop111 {
    padding-top: 111px;
}

.fp-paddingTop110 {
    padding-top: 110px;
}

.fp-paddingTop121 {
    padding-top: 121px;
}

.fp-paddingTop119 {
    padding-top: 119px;
}

.ep-paddingTop67 {
    padding-top: 67px;
}

.fp-description, .fp-reason {
  color: #393E42;
  font-family: 72;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 9px;
  margin-bottom: 44px;
}

.fp-label {
  color: #74777A;
  font-family: 72;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.fp-buttons-container .fp-submit .w-btn {
    height: 35.03px;
    min-width: 69px !important;
    border-radius: 4px;
    background-color: #0A6ED1;
    color: #FFF;
    padding: 0px;
    min-width: unset;
    margin-right: 8px;
}

.fp-buttons-container .fp-submit button.w-btn:focus:focus-visible, .business-role-selector-banner-button button.w-btn:focus:focus-visible {
    outline: 1px dotted #FFFFFF !important;
    outline-offset: -3px;
}

.fp-buttons-container .fp-cancel button.w-btn {
    border: none;
    color: #0A6ED1;
    background-color: #FFF;
    min-width: 69px !important;
    padding: 0px;
}


.fp-buttons-container .fp-cancel button.w-btn:focus:not(:focus-visible) , .fp-buttons-container .fp-cancel button.w-btn:hover{
    border: solid 1px #0A6ED1;
    color: #0A6ED1;
    background-color: #EBF5FE !important;
    min-width: 69px !important;
}

.fp-buttons-container .fp-back-to-signin button.w-btn {
    border: none;
    min-width: 0px;
    padding: 0px;
    height: 20px;
    background-color: #FFF;
    color: #0685DC;
    font-family: 72;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}

.fp-buttons-container .fp-learn-more-link a {
    border: none;
    min-width: 0px;
    padding: 0px;
    height: 20px;
    background-color: #FFF;
    color: #0685D1;
    font-family: 72;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}

.ep-back-to-signin button.w-btn {
    background-color: #FAFAFA;
    border: none;
    min-width: 0px;
    padding: 0px;
    height: 20px;
    color: #0685DC;
    font-family: 72;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}

.fp-buttons-container {
    display: inline-flex;
}

.fp-input-container {
    padding-bottom: 43px;
}

.fp-done-description {
  color: #36363A;
  font-family: 72;
  font-size: 18px;
  max-width: 540px;
  letter-spacing: 0;
  line-height: 21px;
}

.fp-picker-container {
    margin-top: 42px;
    margin-bottom: 73px;
}

.fp-radio-text {
  color: #32363A;
  font-family: 72;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.fp .w-rdo.w-rdo-dsize {
    width: 16px;
    height: 16px;
}

.fp div.w-rdo + label {
    top: -5px;
    position: relative;
}

.fp-title {
  color: #36363A;
  font-family: 72;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 44px;
  max-width: 540px;
}

.fp-invalid-title {
  max-width: 571px;
  color: #41464B;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 44px;
}

.ep-title {
  color: #32363A;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  font-family: '72-Light' !important;
}

.ep-description {
    max-width: 595px;
    color: #74777A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin: 0 auto;
}

.ep-exp-description {
    max-width: 595px;
    color: #74777A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin: 0 auto;
    font-family: '72-Light' !important;
}

.fp-user-id {
  color: #393E42;
  font-family: 72;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
}

.fp-body-container {
  display: flex;
  flex-direction: column;
}

.fp-body-container .w-dropdown-selected {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding-right: 30px;
  min-width: 320px;
  border: 1px solid #89919A;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin: 0;
}

.fp-body-container .w-dropdown {
  height: 36px;
  min-width: 320px;
  border: none
}

.fp-body-container .w-dropdown-pic-ct {
  top: 12px;
  color: #0276CB;
  right: 11px;
}

.fp-textarea-container {
    width: 540px;
}

.fp-dropdown-label {
  height: 20px;
  color: #6A6D70;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

div.fp .w-txt.w-txtarea {
  box-sizing: border-box;
  height: 171px;
  width: 540px !important;
  border: 1px solid #89919A;
  border-radius: 4px;
}

.fp-reason-img-dimensions {
  float: right;
  right: 169px;
  top: 120px;
  position: relative;
  margin-left: 300px;
}

.fp-feedback-submission-img-dimensions {
  height: 234px;
  width: 234px;
}

.fp-feedback-submission-img-container {
    float: right;
    right: 172px;
    top: 70px;
    position: relative;
}

.fp-feedback-submitted-description {
  width: 571px;
  color: #4A5055;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.fp-reason-img-dimensions .fp-img-dimensions {
  height: 265px;
  width: 353.33px;
}

.fp-invalid-link-img-dimensions {
  float: right;
  right: 267px;
  top: 120px;
  position: relative;
}

.fp-invalid-link-img-dimensions .fp-img-dimensions {
  height: 161px;
  width: 138px;
}

.fp-reason {
    width: 576px
}

.spacer26 {
    margin-top: 26px;
}

.spacer24 {
    margin-top: 24px;
}

.spacer18 {
    margin-top: 18px;
}

.spacer4 {
    margin-top: 4px;
}

.spacer8 {
    margin-top: 8px;
}

.spacer22 {
    margin-top: 22px;
}

.spacer31 {
    margin-top: 31px;
}

.spacer33 {
    margin-top: 33px;
}

.spacer111 {
    margin-top: 111px;
}

.spacer137 {
    margin-top: 137px;
}

.spacer25 {
    margin-top: 25px;
}

.spacer5 {
    margin-top: 5px;
}

.spacer30 {
    margin-top: 30px;
}

.spacer60 {
    margin-top: 60px;
}

.spacer92 {
    margin-top: 92px;
}

.spacer62 {
    margin-top: 62px;
}

.spacer28 {
    margin-top: 28px;
}

.spacer142 {
    margin-top: 142px;
}

.ep-navbar {
    float: right;
    right: 40px;
    position: absolute;
    top: 20px;
}

.fp-img-container {
    float: right;
    right: 174px;
    top: 144px;
    position: relative;
}

.fp-passwd-img-container {
    float: right;
    right: 174px;
    top: 146px;
    position: relative;
}

.fp-reset-img-container {
    float: right;
    right: 198px;
    top: 114px;
    position: relative;
}

.fp-mail-sent-container {
    float: right;
    right: 76px;
    top: 46px;
    position: relative;
}

.fp-password-reset-container {
    float: right;
    right: 198px;
    top: 65px;
    position: relative;
}

.fp input[type="password"]
{
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 900;
}

.fp-img-dimensions {
    height: 240px;
    width: 357px;
}

.ep-img-dimensions {
  height: 214px;
  width: 320px;
  margin: 0 auto;
}

.ep-generic-img-dimensions {
    margin: 0 auto;
    height: 240px;
    width: 320px;
}

.ep-generic .ep-info {
    color: #32363A;
    font-family: 72;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

.ep-back-to-signin {
    width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
}

.fp-img-sent-dimensions {
    height: 338px;
    width: 449px;
}

.fp-img-reset-success-dimensions {
    height: 333px;
    width: 362px;
    position: relative;
}

.fp-psw-reset-img-dimensions {
    height: 285px;
    width: 333px;
    position: relative;
}

div.fp-input-container .fd-popover__body.fd-popover__body--no-arrow {
    box-sizing: border-box;
    display: table;
    border: 1px solid #EDE8E8;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.1);
    color: #36363A;
    font-family: 72;
    font-size: 14px;
    -webkit-transition: none;
    transition: none;
    letter-spacing: 0;
    line-height: 20px;
    left: 104%;
}

.aw-hyperlink-clickable-text,
.aw-hyperlink-clickable-text:hover,
.aw-hyperlink-clickable-text:focus,
.aw-hyperlink-clickable-text:active,
.aw-hyperlink-clickable-text:visited {
    color: #32363A !important;
    font-family: "SAP-icons" !important;
}

.info-box{
    background-color: #F5FAFF;
    border: 1px solid #0A6ED1;
    border-radius: 4px;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
}

.error-box{
    background-color: #FFEBEB;
    border: 1px solid #BB0000;
    border-radius: 4px;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
}

.fp-password-validations {
    display: inline-flex;
    flex-direction: column;
}

.fp-password-validations > * {
    display: inline-flex;
}

.break-at-space {
  white-space: pre-line;
}

.fp-arrow-right {
    border: 1px solid rgb(228, 232, 232);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 25%;
    position: absolute;
    left: -5px;
    background: #FFF;
}

div.fp-input-container .sap-icon--S {
    margin-right: 8.5px;
    font-size: 9px;
    min-width: 10px;
    margin-top: 6px;
}

div.fp-input-container .sap-icon--M {
    margin-right: 7px;
    min-width: 11px;
    margin-top: 3px
}

div.fp-input-container  .sap-icon--circle-task-2::before {
    font-size: 8px;
}

.sap-icon--circle-task-2::before {
  content: ""
}

.sap-icon--accept::before {
  content: ""
}

.fp-password-validations {
    margin: 16.5px 26.5px 16.5px 26px;
    width: 233px;
}

.fp-invalid, .fp-invalid .sap-icon--decline {
    color: #DE071C;
}

.fp-valid {
    color: #107E3E;
}

.fp-default {
    color: #32363A;
}

.fp-input-container.is-invalid .w-txt,
.fp-passwd-container.is-invalid .w-psw,
.fp-textarea-container.is-invalid .w-txt.w-txtarea,
.fp-dropdown-container.is-invalid .w-dropdown-selected{
    border: 2px solid #BB0000;
}

.ep-reset-button {
    height: 26px;
    width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 160px;
    border-radius: 4px;
    background-color: #0A6ED1;
    margin: 0 auto
}

.ep-back-to-login {
    height: 20px;
    display: inline-block;
    width: 100%;
    color: #0A6ED1;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    font-family: '72-Light' !important;
}

.ep-reset-button a, .ep-reset-button a:visited, .ep-reset-button a:active {
    color: #FFF;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
}

.fp-bold {
    font-weight: 900;
}

/** Forgot Links Refresh styles Ends here **/

.fd-form__message--error {
    background: #ffebeb;
    border-radius: 0 0 4px 4px;
    font-style: italic;
}

.fd-form__message--error::before {
    display: none;
}

.logo-title {
    vertical-align: baseline;
    max-width: 260px;
}

.logo-table {
    width: 89%;
    color: #767676;
}

.logo-info {
    font-size: 11px;
    padding-left: 15px!important;
}

.no-logo-upload {
    border: 1px dashed;
    border-radius: 4px;
    text-align: center!important;
    padding: 30% 11% 30% 11%;
    width: 90%;
}

.logo-sample {
    height: 160px;
    width: 200px;
    padding-left: 4%;
}

.error-msg {
    padding-right: 5px;
    margin-top: -10px;
}

.hover-message {
    padding: 10px 6px 0px 15px;
}

.hover-text {
    width: 220px;
    white-space: normal!important;
    text-align: left;
    font-size: 12px;
}

.sold-to-logo-popover {
    top: -97px !important;
    left: 75px !important;
    border: solid 1px #f2f2f2 !important;
}

.fd-popover-position {
    position: absolute !important;
}

.example-link {
    color: #0A6ED1;
}

.logo-style {
    padding: 1%;
    margin-left: -4px;
}

.logo-missing-info {
    padding-left: 75%;
    color: #BB0000 !important;
}

.logo-missing-hover {
    top: -21px !important;
    left: 30px !important;
    border: none !important;
}

.hover-message-info {
    padding: 12px 4px 12px 14px
}

.hover-text-info {
    width: 210px;
    white-space: normal!important;
    text-align: left;
    font-size: 14px;
}

.fp-arrow-right-logo {
    border: 1px solid #f2f2f2;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    top: 46%;
    position: absolute;
    left: -5px;
    background: #FFF;
}

.fd-form__message {
    clear: both;
    display: block;
    font-weight: 400;
    padding: 8px;
    position: relative;
    color: #32363A;
    font-family: 72;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 1px;
}

.pl-banner-container {
    display: inline-flex;
    width: 100%;
    margin-top: 89px;
    margin-bottom: 239px;
}

.pl-banner-text-container, .pl-banner-img-container {
    width: 50%;
    min-width: 500px;
}

.pl-banner-title {
    color: #32363A;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
    margin-top: 26px;
    margin-bottom: 24px;
}

.pl-banner-content {
  color: #363636;
  font-family: 72;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.BPMDD-content-footer {
    margin-bottom: 34px;
}

.BPMDD-banner-img {
    position: relative;
    right: 32px;
    float: right;
}

.banner-submit-button .w-btn{
    height: 35.03px;
    min-width: 71px !important;
    border-radius: 4px;
    background-color: #0A6ED1;
    color: #FFF;
    padding: 0px;
    min-width: unset;
    margin-right: 8px;
}

.pl-banner-content ul {
    padding: 17px 0 37px 15px;
    margin: 0px;
    list-style-type: square
}

.pl-banner-content ul li {
    color: #363636;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.pl-banner-button-content {
    display: inline-flex;
}

.fp-dropdown-container .w-dropdown {
    margin-bottom: 0;
}

.fp-dropdown-container {
    width: 320px;
}

/* missing logo UI for vendor details and vendor list page Starts */
.logo-missing-info.vendor {
    padding-left: 0;
}

.fd-product-menu.vendor {
    padding-right: 0;
    margin-right: 15px;
}

.logo-missing-hover.vendor {
    top: -16px !important;
    left: 20px !important;
}

.address_name {
    font-weight: bold;
}

.hover-text-info.vendor {
    width: 88px;
}

.buyer_address {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 7.5px 0 8px 0;
}

.address_logo {
    height: 35px;
    width: 40px;
    margin-bottom: 12px;
}
/* missing logo UI for vendor details and vendor list page Ends */

.contact-warning-container {
    margin-top: 10px;
    width: 550px;
    font-size: 14px;
}

.contact-warning-container-header {
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 16px;
}

.contact-warning-ul {
    margin: 0px 0px 0px 0px;
    color: #32363A;
    line-height: 24px;
}

.contact-body {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    min-height: 48px;
    margin: 7.5px 0 8px 0;
}

.w-dropdown-min-width .w-dropdown {
    min-width: 300px !important;
}

.w-dropdown-min-width .w-dropdown-items.w-dropdown-slide-up,
.w-dropdown-min-width .w-dropdown-items.w-dropdown-slide-down{
    min-width: 272px !important;
}

.w-txt-min-width .w-txt {
    width: 284px !important;
}

.w-dropdown-min-width .w-dropdown-selected {
    min-width: 265px !important;
}

.lineHeight24 {
    line-height: 24px;
}

.paddingRight13 {
    padding-right: 13px;
}

.cueTipContact {
  vertical-align: middle;
  margin: -6px;
}

 .customizeContentTitle .tableHeader .w-ob-title {
    padding-left : 20px;
}

.account-exists-popup-container .w-btn.w-btn-primary {
    border-radius: 4px;
    background-color: #0A6ED1;
    color: #FFF;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.06);
    min-width: 131px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
}

.account-exists-popup-container .w-btn,
.account-exists-popup-container .w-btn:focus {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    color: #0276CB;
    background: #FFF;
    padding: 10px 8px;
    margin-left: 0;
    border: none;
}

.rglw-display-flex {
    display: inline-flex;
}

.rglw-left-3 {
    margin-left: 3px;
}

.account-merge-search__container {
    padding: 33px 52px 44px 40px;
}

.account-merge-search__header {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 44px;
}

.account-merge-search__container
.w-tabitem-a.w-tabitem-a-slctd a {
    border: 0;
}

.merge-search-fields__container {
    table-layout: fixed;
}

.merge-search-fields__label {
    white-space: pre-wrap;
    line-height: 0px;
    padding-right: 20px;
}

.merge-account-search-button__container .w-btn {
    min-width: 66px;
    height: 36px;
    background: #0A6ED1;
    color: white;
    margin-right: 10px;
}

.merge-account-reset-button__container .w-btn {
    min-width: 56px;
    height: 36px;
}

.merge-search-fields__container .w-dropdown {
    width: 169px;
    min-width: 0 !important;
}

.merge-search-fields__container .w-dropdown-selected {
    width: 140px;
    min-width: 0 !important;
}

.ep-navbar-ulp {
    float: right;
    right: 20px;
    position: absolute;
    top: 5px;
}

#profileMgmtSubTabs {
    background-color: #f4f4f4;
     margin-left: 0px;
     padding-left: 0px;
     text-transform: none;
}

.report-drop-down-action {
    color: #0A6DD1 !important;
    font-size: 20px;
}


.invoice-rejection-detail-container {
    display: flex;
}

.simplify-error-button {
    display: inline-block;
    padding-left: 25px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 30px;
    color: #0A6ED1;
}

.simplified-invoice-rejection-comments .rejection-comments-header{
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif !important;
}

.simplified-invoice-rejection-comments .reference-number{
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif !important;
}

.simplified-invoice-rejection-comments .reference-number .reference-number-key {
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif !important;
    display: inline-block;
}

.simplified-invoice-rejection-comments .reference-number .reference-number-key::after {
    content: '\00A0';
}

.simplified-invoice-rejection-comments .reference-number .reference-number-text{
    display: inline-block;
    text-decoration: underline;
}

.simplified-invoice-rejection-comments .generic-level-item {
    padding: 6px 0px;
}

.simplified-invoice-rejection-comments .level-header {
    padding: 6px 0px;
    font-family: Arial,Helvetica,sans-serif !important;
    font-weight: bold;
}

.simplified-invoice-rejection-comments .level-item-container {
    padding: 6px 0px;
}

.simplified-invoice-rejection-comments .level-item-container .header-level-item {
    padding: 3px 0px;
}

.simplified-invoice-rejection-comments .error_message {
    padding: 30px 0px;
    font-weight: bold;
}

.simplified-invoice-rejection-comments .level-item-container .reason-detail-panel{
    display: flex
}

.simplified-invoice-rejection-comments .level-item-container label.subsectionHdr1{
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif !important;
}

.simplified-invoice-rejection-comments .level-item-container .reason-detail-value {
    max-width: 650px;
}

.simplified-invoice-rejection-comments .level-item-container label.subsectionHdr1::after {
    content: '\00A0';
}

.ai-popup-container {
    position: fixed; 
    width: 100%; 
    height: 100%; 
    background:rgba(0,0,0,0.3); 
    top: 0px; 
    left: 0px; 
    z-index: 99; 
    display: flex; 
    justify-content: center;
}

.ai-popup-container .dialog-container {
    position: relative; 
    width: 450px; 
    height: 420px; 
    background-color: white; 
    margin-top: 170px; 
    border-radius: 25px; 
    border: 1px solid gray; 
}

.ai-popup-container .dialog-container .popup-content {
    padding: 0 35px;
    height: 342px;
}

.ai-popup-container .dialog-container .popup-content .image {
    margin-top: 30px;
    text-align: center;
}

.ai-popup-container .dialog-container .popup-content .image > img {
    width: 120px;
    height: 120px;
}

.ai-popup-container .dialog-container .popup-content .title {
    text-align: center;
    font-size: 20px;
    padding-top: 18px;
}

.ai-popup-container .dialog-container .popup-content .message {
    text-align: center;
    padding-top: 13px;
    font-size: 15px;
}

.ai-popup-container .dialog-container .popup-content .do-not-show {
    text-align: center;
    margin-top: 55px;
}

.ai-popup-container .dialog-container .popup-content .message > span{
    line-height: 17px;
    font-family: serif !important;
}


.ai-popup-container .dialog-container .popup-footer{
    height: 40px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top: 1px solid gray;
    text-align: right;
    padding-right: 25px;
    padding-top: 8px;
}

.ai-popup-container .dialog-container .popup-footer > div{
    display: inline-block;
}

.ai-popup-container .dialog-container .popup-footer .okButton button.w-btn {
    display: inline-block;
}

.ai-popup-container .dialog-container .popup-footer .cancelButton button.w-btn {
    display: inline-block;
    border: 0px !important;
}

.ai-popup-container .dialog-container .popup-footer button.w-btn, .w-btn:visited {
    padding: 0px !important;
    min-width: 60px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.ai-popup-container .dialog-container .popup-content .do-not-show .w-chk.w-chk-dsize {
    width: 15px !important;
    height: 15px !important;
}

.ai-popup-container .dialog-container .popup-content .do-not-show .w-chk-block {
    margin: 0px !important;
    font-size: 14px !important;
}