/** SAP Font 72 **/

@font-face {
  font-family: SAP-icons-fiori;
  src: url('SAP-icons.eot'), /* IE9+ */
       url('SAP-icons.ttf'),
       url('SAP-icons.woff') format("woff");
  font-weight: 400;
  font-style: normal
}

[class*=sap-icon]::before {
  font-family: SAP-icons-fiori;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none
}
.sap-icon--s::before,
.sap-icon--small::before {
  font-size: .85714rem;
  line-height: 1
}
.sap-icon--m::before,
.sap-icon--medium::before {
  font-size: 14px;
  line-height: 1
}
.sap-icon--l::before,
.sap-icon--large::before {
  font-size: 1.42857rem;
  line-height: 1
}
.sap-icon--xl::before,
.sap-icon--xlarge::before {
  font-size: 1.71429rem;
  line-height: 1
}

.sap-icon--customer::before {
  content: ""
}

.sap-icon--action-settings::before {
  content: ""
}

.sap-icon--sys-help::before {
  content: ""
}

.sap-icon--world::before {
  content: ""
}

.sap-icon--notification-2::before {
  content: ""
}

.sap-icon--log::before {
  content: ""
}

.sap-icon--visits::before {
  content: ""
}

.sap-icon--request::before {
  content: ""
}

.sap-icon--notification::before {
    content: ""
}

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

.sap-icon--comment::before{
    content:"";
    color:#D6E8FF;
}
.sap-icon--overflow::before {
  content: "";
}

.sap-icon--slim-arrow-right:before {
    content: "";
}

.sgnhelpcenterlinkexpandtext .sap-icon--slim-arrow-right:before {
    font-size:28px;
    width: 13px;
}

.sap-icon--message-information::before {
    content: "\e202";
}

.sap-icon--animate-spin {
  display: inline-block;
  -webkit-animation: sap-icon-spin 2s infinite linear;
  animation: sap-icon-spin 2s infinite linear
}
.sap-icon--animate-pulse {
  display: inline-block;
  -webkit-animation: sap-icon-spin 2s infinite steps(8);
  animation: sap-icon-spin 2s infinite steps(8)
}
@-webkit-keyframes sap-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes sap-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.shellBarGroupMiddle {
    display:inline-flex;
}


.shellBarGroupMiddle  .upgradeToFAButton {
    padding-top:5px;
    padding-bottom:5px;
    color: #D6E8FF;
}


.supp-SGNC-userName,.supp-SGNC-companySettingCompanyName,.buyer-userNameStyle {
    line-height: 30px;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
    cursor:auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color:#fff !important;
}

.supp-SGNC-userId, .supp-SGNC-companySettingANID,.buyer-userIdStyle{
    line-height: 16px;
    font-size: 12px;
    color: #6A6D70;
    padding-left: 24px;
    padding-right: 24px;
    cursor:auto;
}

.fd-menu__title{
    line-height:16px;
}
.fd-menu__list .supp-SGNC-linked-userName {
    line-height: 20px;
    font-size: 14px;
    color: #32363A;
}

.supp-SGNC-linked-userId{
    line-height: 16px;
    font-size: 12px;
    color: #6A6D70;
    cursor:auto;
}

.fd-menu__list .fd-menu__item , .fd-user-menu .fd-menu__item ,.w-pm-menu .fd-mega-menu__link, .w-pm-menu .fd-mega-menu__sublink{
   color: #32363A;
   text-transform: capitalize;
  }

.w-pm-menu .fd-menu__title,.fd-user-menu .profileItemHeaderClass {
    color: #6a6d70;
    text-transform: uppercase;
    cursor:auto;
    margin-top: 6px;
    padding-bottom:8px;
    padding-top:8px;
    margin-bottom: 6px;
    background-color:#FAFAFA;
    line-height:16px;
    font-size:12px;
}

.fd-menu__list .fd-menu__item .is-hover, .fd-menu__list .fd-menu__item:hover, .fd-user-menu .fd-menu__item .is-hover, .fd-user-menu .fd-menu__item:hover {
    color: #32363a;

}
.fd-popover__body .fd-menu .fd-menu__list .current-app-link,.fd-menu__list .fd-menu__item_disabled {
    color:#74777A;
    opacity:0.6;
    cursor:default;
}
.pts-test-mode-td {
    background: #354a5f;
    white-space: nowrap;
    text-transform: uppercase;
}

#shellbar .fd-shellbar__title {
    line-height: inherit;
}

.app-menuitem-text{
    text-transform:capitalize;
}

#ZY3AY276, #ZY3AY28567 {
    z-index: 1000;
}

#ZY3AY276 {
    width: max-content;
}

.sap-icon--sys-help, .sap-icon--world, .sap-icon--customer,.sap-icon--action-settings,.sap-icon--notification-2,
.sap-icon--log, .sap-icon--visits, .sap-icon--request,.sap-icon--sys-help:before, .sap-icon--world:before,
.sap-icon--visits:before,.sap-icon--request:before, .sap-icon--log:before, .sap-icon--customer:before,
.sap-icon--action-settings:before, .sap-icon--notification-2:before {
    color:#D6E8FF !important;
    font-size: 18px !important;
    font-weight: 100 !important;
}


.sgnIconClass{
    box-sizing: content-box;
    padding-top:8px;
    height: 24px;
}

.sgnHelpIcon {
    height: 24px;
}

.sgnHelpSpan,.sgnHelpSpan::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #0A6ED1 !important;
    font-size: 14px !important;
}

.help-text-invite {
    cursor: pointer;
    float: right;
    line-height: 24px;
    font-size: 14px;
    color: #0a6ed1 !important;
}

.an-include-buyer .fd-shellbar__group--start .fd-shellbar__title{
    font-size: 14px;
}

.fd-shellbar__group{
    height: 100%;
}

.fd-user-menu .fd-menu__list .extendedOrgHeaderClass{
    margin-top:0px;
}

.menuItemBlock {
    padding-bottom:16px;
}
.extendedMenuDevider {
    border-left: 1px solid #eeeeef;
}

.iestooltip{
    position: inherit;
}

.toggle-iestooltip {
    position: absolute;
}

.iestooltip .iestooltiptext {
  visibility: hidden;
  padding: 5px 10px 0px 10px;
  position: absolute;
  transform: translateX(-57%);
  top: 78%;
  background-color: #23303E;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-size: 14px;
  height: 26px;
  line-height: 20px;
  z-index: 1;
  text-transform: capitalize;
}

.fd-shellbar .iestooltiptext-regional-icon-data-center .iestooltiptext {
 height: auto;
 max-width: 230px;
 text-transform: none;
 text-align: left;
 font-size: 12px;
}

.link-class {
 text-decoration: underline !important;
 font-size: 12px !important;
 color: #fff !important;
}

.toggle-iestooltip .iestooltiptext {
  visibility: hidden;
  position: absolute;
  box-sizing: border-box;
  height: 75px;
  width: 355px;
  border: 1px solid #E3E2E2;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1);
  transform: translateX(-57%);
  top: 78%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  z-index: 1;
  opacity: 1;
  padding: 15px;
  text-align: left;
}

.iestooltip:hover .iestooltiptext, .toggle-iestooltip:hover .iestooltiptext {
  visibility: visible;
}

.account-type {
    padding-left: 10px;
    height: 16.5px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin-bottom:4px;
    white-space: nowrap;
}

.vertical-separator {
    width: 1px;
    background: #D8D8D8;
    height: 16px;
    margin-left: 11px;
}

.upgrade-button {
    background: white !important;
    margin-left: 12px !important;
    padding: 4px 10px 4px 12px !important;
    border: 1px;
    color: #e9730c !important;
    text-align: center;
}


.fd-shellbar__title .shellbar-account, .an-include-buyer .shellbar-account {
    font-size: 14px;
    background-color: #0F828F;
}

.upgrade-button-label {
    min-width: 57px;
    width: auto;
    color: #e9730c !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    white-space: nowrap;
}

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

.test-mode-button {
    border-radius:2px;
    background: #BB0000;
    margin-left:10px;
    padding-right: 0;
    padding-left: 12px;
}

.test-mode-label {
	height: 11px;
    min-width: 58px;
    width: auto;
    color: #FFFFFF;
    padding: 2px 5.5px 4px 5.5px;
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
    margin: auto;
    white-space: nowrap;
}


.back-to-classic-wrapper {
    background:#283848;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    white-space: nowrap;
    display: inline-flex;
    padding-bottom: 2px;
    padding-top: 4px;
    margin-bottom: 20px;
}

.ies-left-arrow-container {
    display: inline-flex;
    padding-left: 20px;
}

.ies-left-arrow-container .sap-icon--arrow-left::before {
    color: white;
}

.back-to-classic-text {
    height: 20px;
    color: white;
    padding-right:31px;
}

#SupplierGlobalNavContentDiv .fd-shellbar__group--middle, .an-include-buyer .fd-shellbar__group--middle {
    width: auto;
}

#shellbar {
    height:44px;
    padding: 0px 47px;
}

.ies-footer-end-container {
    padding-top: 4px;
    float: right;
}

.ies-footer-start-container {
    display: inline-flex;
    float: left;
}

.ies-footer-item {
    padding-top: 4px;
}

.sap-icon--action::before {
  content: ""
}

#idDiv .sap-icon--action {
color: #1a9de0;
position: relative;
top: 10px;
left: 70px;
right: 70px;
}

.back-to-classic-wrapper a:not(:first-child) {
    border-left: 1px solid white;
}

.back-to-classic-wrapper a {
    height: 20px;
    margin-bottom: 4px;
}

.back-to-classic-wrapper .sap-icon--arrow-left {
    margin-top: 2px;
}

.fd-mega-menu__sublist {
    left:-252px;
    width:250px;
    border: solid 1px #89919a;
    border-radius: 4px;
    background-color: #fff;
}

#overflow-menu .fd-mega-menu__sublist {
    left:250px;
}

#overflow-menu .fd-mega-menu__subitem {
    padding: 0px;
}

#overflow-menu ul {
    margin: 0px;
}

#overflow-menu .fd-mega-menu__link a:link, #overflow-menu .fd-mega-menu__link a:visited {
    color: rgb(81, 85, 89);
}

#overflow-menu .fd-mega-menu__link, #overflow-menu  .fd-mega-menu__sublink {
    font-size: 13px;
}

#overflow-menu{
    top: 96px !important;
}

a:focus + ul.fd-mega-menu__sublist[aria-hidden=true] {
    display: flex;
}

#overflow-menu .fd-mega-menu__link[aria-expanded="true"] {
    font-weight: 1;
}

.fd-mega-menu__subitem {
    padding:12px 24px;
}

.fd-mega-menu__subitem:hover {
    background-color: #eeeeef;
}

.fd-mega-menu__item .fd-mega-menu__link {
    font-size: 14px;
}

.iestooltip-dropdown {
    outline: 0;
}
.iestooltip-dropdown:focus:hover .iestooltiptext {
    visibility: hidden;
}

.ies-footer-end-container .footerSeparator {
    border-left: solid 0px !important;
}

.a-login-page-footer #SupplierGlobalNavFooterDiv .supp-SGNF-mainPanelFooter {
    padding: 0px;
}

#SupplierGlobalNavFooterDiv .supp-SGNF-mainPanelFooter{
    padding:0 25px 0 35px;
}

.buyer-mainPanelFooter {
    padding: 64px 25px 70px 52px;
}

.a-login-page-center .w-login-sup-browsers {
    padding-left:0px;
}

.help-center-expanded {
    float: right;
    margin-top:10px;
}

.help-icon-wrapper {
    padding-left: 0px;
}

.help-icon-wrapper #helpmenulink,.help-icon-wrapper #sgninsitucollapseddiv {
    padding-left: 12px;
}

#SupplierGlobalNavContentDiv .fd-shellbar__group--end {
     box-sizing: content-box;
 }

 #sgninsituexpandeddiv {
     display: inline-flex;
 }

.disabled-dropdown-icon::after {
   height: 0;
   width: 0;
   border-style: solid;
   border-width: 5px 5px 0 5px;
   border-top-color: var(--fd-color-shell-2);
   border-left-color: transparent;
   border-right-color: transparent;
   content: "";
   position: absolute;
   top: calc(50% - 2.5px);
   margin-left: 8px;
   margin-right: 8px;
   opacity: .4;
 }

 .fd-mega-menu__sublist__top {
    transform:translate(-100%, -50%);
    width:max-content!important;
    left: 0px!important;
 }

 .account_settings_border {
 border-top: solid;
 border-bottom: solid;
 border-width: thin;
 border-color: #9DA0A491;
 }

 .disabled_dropdown_wrapper {
     padding-right: 28px;
 }

 .regional_icon {
    margin-left: 11px;
    padding-right: 16px;
    padding-left: 0px;
 }