/* CSP shared fixes generated for ATTPurchasing HTML pages. */
/* Do not use inline style= attributes; add classes here instead. */

/* ===== Extracted from ABCSupplier-pwdreset(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abc-slm-supplier(1).html <style> #1 ===== */
.marquee {
            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #94d8f6;
            overflow: hidden;
            position: relative;
            height: 50px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
        }

        .marquee p {
            position: absolute;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 20s linear infinite;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(-100%);
            }
        }

/* ===== Extracted from abc-slm-supplier(1).html <style> #2 ===== */
.container {
  display: flex;           /* Enable flex layout */
  justify-content: space-between; /* Optional: space between columns */
  align-items: flex-start; /* Align items at the top */
  gap: 20px;               /* Optional: space between columns */
}

.column {
  flex: 1;                 /* Each column takes equal width */
  /* Optional: add min-width if you want */
  min-width: 0;            /* Prevent overflow if content is too wide */
}

/* ===== Extracted from abc-slm-supplier-announcement(1).html <style> #1 ===== */
/* --- Announcement component --- */
    .announcement{
      display:flex; align-items:flex-start; gap:.75rem;
      padding:1rem 1.25rem; margin:2rem auto; max-width:900px;
      background:#fff; border-left:6px solid #2563eb; border-radius:8px;
      box-shadow:0 4px 16px rgba(0,0,0,.1);
    }
    .announcement-icon{
      font-size:1.5rem; line-height:1; color:#2563eb;
    }
    .announcement-content{
      flex:1;
    }
    .announcement-title{
      margin:0; font-size:1.125rem; font-weight:600; color:#111827;
    }
    .announcement-text{
      margin:.25rem 0 0; color:#374151; font-size:.95rem;
    }
    .announcement-link{
      display:inline-block; margin-top:.5rem;
      color:#2563eb; font-weight:500; text-decoration:none;
    }
    .announcement-link:hover{ text-decoration:underline; }
	
	
	
        .marquee {
            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #94d8f6;
            overflow: hidden;
            position: relative;
            height: 50px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
        }

        .marquee p {
            position: absolute;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 20s linear infinite;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(-100%);
            }
        }

/* ===== Extracted from abc-slm-supplier-announcement(1).html <style> #2 ===== */
.container {
  display: flex;           /* Enable flex layout */
  justify-content: space-between; /* Optional: space between columns */
  align-items: flex-start; /* Align items at the top */
  gap: 20px;               /* Optional: space between columns */
}

.column {
  flex: 1;                 /* Each column takes equal width */
  /* Optional: add min-width if you want */
  min-width: 0;            /* Prevent overflow if content is too wide */
}

/* ===== Extracted from abcSupplier-access-request(1).html <style> #1 ===== */
#extraDiv {
      display: none;
    }

/* ===== Extracted from abcSupplier-ap-support(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcSupplier-invoice-help(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcSupplier-login-issues(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcSupplier-misc(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcSupplier-po-help(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcSupplier-requestform-help(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcSupplier-update-info(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from abcsupplier(1).html <style> #1 ===== */
.marquee {
            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #94d8f6;
            overflow: hidden;
            position: relative;
            height: 50px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
        }

        .marquee p {
            position: absolute;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 20s linear infinite;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(-100%);
            }
        }

/* ===== Extracted from abcsupplier(1).html <style> #2 ===== */
.container {
  display: flex;           /* Enable flex layout */
  justify-content: space-between; /* Optional: space between columns */
  align-items: flex-start; /* Align items at the top */
  gap: 20px;               /* Optional: space between columns */
}

.column {
  flex: 1;                 /* Each column takes equal width */
  /* Optional: add min-width if you want */
  min-width: 0;            /* Prevent overflow if content is too wide */
}

/* ===== Extracted from iSupplier-access-request-auto-2026.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-ap-support.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-invoice-help.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-login-issues.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-misc.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-po-help.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-pwdreset.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-requestform-help.html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from iSupplier-update-info(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from s2cSupplier-misc - Copy(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from s2cSupplier-misc(1).html <style> #1 ===== */
li{
	margin: 10px 0;
}

/* ===== Extracted from s2csupplier(1).html <style> #1 ===== */
.marquee {
            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #94d8f6;
            overflow: hidden;
            position: relative;
            height: 50px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
        }

        .marquee p {
            position: absolute;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 20s linear infinite;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(-100%);
            }
        }

/* ===== Extracted inline style attributes ===== */
.csp-inline-0001 { position:absolute;TOP:32px;LEFT:10px; }
.csp-inline-0002 { position:absolute;TOP:132px;LEFT:750px; }
.csp-inline-0003 { background: url('/images/updated-main.jpg') no-repeat; background-size: cover; }
.csp-inline-0004 { padding-top: 28%; font-size: 35px; font-weight:bold; }
.csp-inline-0005 { color:white; }
.csp-inline-0006 { color:black; padding: 5%; }
.csp-inline-0007 { font-size: 25px; }
.csp-inline-0008 { font-size: 14px; }
.csp-inline-0009 { background-color: rgb(0,159,219);color: white; font-size: 14px; }
.csp-inline-0010 { font-size: 25px; padding-top: 5%; }
.csp-inline-0011 { font-size:14px; }
.csp-inline-0012 { position: relative; top: 2px; }
.csp-inline-0013 { padding-left: 50px; }
.csp-inline-0014 { font-size: 10px; }
.csp-inline-0015 { background: url('/images/updated-cre-3.jpg') no-repeat; background-size: cover; }
.csp-inline-0016 { padding-top: 28%; font-size: 45px; font-weight:bold; }
.csp-inline-0017 { font-size:14px;font-weight=normal; }
.csp-inline-0018 { color:red; }
.csp-inline-0019 { background: url('/images/updated-additional-info.jpg') no-repeat; background-size: cover; }
.csp-inline-0020 { padding-top: 8%; font-size: 45px; font-weight:bold; }
.csp-inline-0021 { padding-bottom: 5%; }
.csp-inline-0022 { font-size:25px; }
.csp-inline-0023 { background: rgb(144,99,205) no-repeat top center; font-size: 14px; }
.csp-inline-0024 { height:450px; }
.csp-inline-0025 { background: rgb(0,122,62) no-repeat top center; }
.csp-inline-0026 { background: rgb(0,159,219) no-repeat top center; }
.csp-inline-0027 { background: url('/images/new-updated-ariba.jpg') no-repeat; background-size: cover; }
.csp-inline-0028 { padding-top: 8%; font-size: 45px; }
.csp-inline-0029 { display: inline-block; width:100%; }
.csp-inline-0030 { width: 100%; display: block; margin-left: auto; margin-right:auto; float: left; }
.csp-inline-0031 { padding-top: 18%; font-size: 40px; }
.csp-inline-0032 { height:197px; }
.csp-inline-0033 { font-size:18px; }
.csp-inline-0034 { font-size:12px; }
.csp-inline-0035 { color: rgb(113,197,232); }
.csp-inline-0036 { background: rgb(113,197,232); }
.csp-inline-0037 { font-size:11px; }
.csp-inline-0038 { color: rgb(0,159,219); }
.csp-inline-0039 { background: rgb(0,159,219); }
.csp-inline-0040 { background: rgb(5,104,174); }
.csp-inline-0041 { color: rgb(5,104,174); }
.csp-inline-0042 { font-size: 25px; line-height: 1.3; }
.csp-inline-0043 { padding: 40px; width: 70%; position: relative; }
.csp-inline-0044 { position: relative; }
.csp-inline-0045 { background: url(/images/y2.jpg) no-repeat; width: 1250px; }
.csp-inline-0046 { font-size: 25px; font-weight:bold; }
.csp-inline-0047 { font-size: 14px; font-weight:lighter; }
.csp-inline-0048 { position: relative; top: 2px; font-size: 14px; }
.csp-inline-0049 { font-size:20px; }
.csp-inline-0050 { font-weight:lighter; font-size: 14px; }

/* ===== Shared CSP-safe helpers ===== */
.csp-hidden { display: none; }
.slider-element,
.slider-inner,
.vertical-middle,
.slider-element-fade { pointer-events: none; }
#summary,
#summary2,
#faqs,
.redirect-menu { position: relative; z-index: 10; }