#pldt>header#core-header .mainnav,#pldt>#main>#core-subheader .mainnav,#pldt>footer#core-footer .mainnav{width:100%;margin-right:auto;margin-left:auto;padding-left:8px;padding-right:8px}@media(min-width: 768px){#pldt>header#core-header .mainnav,#pldt>#main>#core-subheader .mainnav,#pldt>footer#core-footer .mainnav{padding-left:12px;padding-right:12px}}@media(min-width: 576px){#pldt>header#core-header .mainnav,#pldt>#main>#core-subheader .mainnav,#pldt>footer#core-footer .mainnav{max-width:540px}}@media(min-width: 768px){#pldt>header#core-header .mainnav,#pldt>#main>#core-subheader .mainnav,#pldt>footer#core-footer .mainnav{max-width:720px}}@media(min-width: 992px){#pldt>header#core-header .mainnav,#pldt>#main>#core-subheader .mainnav,#pldt>footer#core-footer .mainnav{max-width:960px}}@media(min-width: 1200px){#pldt>header#core-header .mainnav,#pldt>#main>#core-subheader .mainnav,#pldt>footer#core-footer .mainnav{max-width:1140px}}#pldt>header#core-header{height:72px;background-color:#fff;padding-top:14px;padding-bottom:14px}#pldt>header#core-header .mainnav{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#pldt>header#core-header .mainnav [class^=btn-]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#pldt>header#core-header .mainnav .logo{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:absolute;top:0;left:0;bottom:0;width:100%;text-align:center}#pldt>header#core-header .mainnav .logo img{width:115px}@media(max-width: 767px){#pldt>header#core-header .mainnav .logo img{width:83.65px}}#pldt>header#core-header .mainnav .btn-back{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;font-size:16px;font-weight:700;line-height:1.5;padding-left:28px;background-color:rgba(0,0,0,0);background-image:url("../images/_core-pldt/ico/back-bk.png");background-position:left center;background-repeat:no-repeat;background-size:20px}#pldt>header#core-header .mainnav .btn-back,#pldt>header#core-header .mainnav .btn-back:hover{color:#333540;text-decoration:none}@media(max-width: 767px){#pldt>header#core-header{height:56px;padding-top:12px;padding-bottom:12px}#pldt>header#core-header .mainnav{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}#pldt>header#core-header .mainnav .logo{text-align:left;left:48px}#pldt>header#core-header .mainnav .btn-back{background-position:center;background-size:24px;color:rgba(0,0,0,0);font-size:0;line-height:0;width:32px;height:32px;margin-right:8px}}#pldt>#main>#core-subheader{height:60px;background-color:#601f1f;background-image:url("../images/_core-pldt/header/wavebg2.png");background-position:left center;background-repeat:no-repeat;background-size:cover}#pldt>#main>#core-subheader .mainnav{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#pldt>#main>#core-subheader .heading{color:#fff;font-size:14px;font-weight:400;letter-spacing:.28px}#pldt>#main>#core-subheader .heading span{display:block}#pldt>#main>#core-subheader .heading span:first-child{line-height:1.5}#pldt>#main>#core-subheader .heading span:last-child{line-height:1.2;font-weight:600}@media(max-width: 767px){#pldt>#main>#core-subheader{height:54px}}#pldt>#main{background-color:#f7f7f7;min-height:calc(100vh - 85px);padding-top:102px}#pldt>#main:has(#core-subheader){padding-top:162px}@media(max-width: 767px){#pldt>#main{padding-top:86px}#pldt>#main:has(#core-subheader){padding-top:140px}}#pldt>header#core-header,#pldt>#main>#core-subheader{position:fixed;left:0;width:100%}#pldt>header#core-header{top:0;z-index:9991}#pldt>header#core-header .mainnav .logo{z-index:998}#pldt>header#core-header .mainnav .logo>img,#pldt>header#core-header .mainnav .btn-back,#pldt>header#core-header .mainnav .account{z-index:999}#pldt>#main>#core-subheader{top:72px;z-index:9990}@media(max-width: 767px){#pldt>#main>#core-subheader{top:56px}}#pldt[data-block=true] header#core-header,#pldt.modal-open header#core-header{z-index:999}#pldt>footer#core-footer{background-color:#f7f7f7;padding-top:32px;padding-bottom:32px}#pldt>footer#core-footer .mainnav{display:-webkit-box;display:-ms-flexbox;display:flex}#pldt>footer#core-footer .mainnav>*{font-size:14px;line-height:1.5;letter-spacing:.28px}#pldt>footer#core-footer .mainnav .cnotice{margin-left:auto;color:#525566;font-weight:600;text-align:center}@media(max-width: 767px){#pldt>footer#core-footer .mainnav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#pldt>footer#core-footer .mainnav .cnotice{margin:auto}}#pldt>header#core-header,#pldt>header#core-header>*,#pldt>footer#core-footer,#pldt>footer#core-footer>*,#pldt>#main>#core-subheader,#pldt>#main>#core-subheader>*{font-family:"Montserrat",Helvetica,Arial,sans-serif}body{height:100%;margin:0;padding:0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}#pldt>#main{position:relative;max-width:100%}#pldt>#main select.form-select{-webkit-box-sizing:border-box;box-sizing:border-box}#pldt>#main select.form-select{margin:0}#pldt>#main select.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#pldt>#main select.form-select:disabled{background-color:#e9ecef;cursor:default;opacity:1}#pldt>#main select.form-select:-webkit-autofill,#pldt>#main select.form-select:-webkit-autofill:hover,#pldt>#main select.form-select:-webkit-autofill:focus{-webkit-filter:none;filter:none;-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0px 40rem #fff inset}#pldt>#main input:-internal-autofill-selected{color:#333 !important}#pldt>#main .form-select{display:block;width:100%;padding:14px 36px 14px 15px;background-color:#fff;background-image:url("../images//ott/ico/arrow.svg");background-position:right 15px center;background-repeat:no-repeat;background-size:16px 12px;border:solid 1px #c2c2c2;border-radius:25px;color:#333;font-weight:400;font-size:14px;line-height:1}#pldt>#main .form-select:focus{outline:0;border-color:#c2c2c2;-webkit-box-shadow:none;box-shadow:none}#pldt>#main .form-select:disabled,#pldt>#main .form-select.disabled{color:#999a9f;background-color:#e9ecef}#pldt>#main .form-select:disabled[readonly],#pldt>#main .form-select:disabled [readonly=readonly],#pldt>#main .form-select:disabled.readonly,#pldt>#main .form-select.disabled[readonly],#pldt>#main .form-select.disabled [readonly=readonly],#pldt>#main .form-select.disabled.readonly{color:#333540;background-color:#e9ecef}#pldt>#main .form-select[readonly],#pldt>#main .form-select [readonly=readonly],#pldt>#main .form-select.readonly{color:#333540;background-color:#fff}#pldt>#main .div-home-account .form-select{text-align:center;margin:auto;max-width:275px}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}#pldt.modal-open:has(.blockUI.blockOverlay) .modal,#pldt.modal-open:has(.blockUI.blockOverlay) .modal-backdrop.show{z-index:999}#pldt.modal-open:has(.blockUI.blockOverlay) #core-header,#pldt.modal-open:has(.blockUI.blockOverlay) #core-subheader,#pldt.modal-open:has(.blockUI.blockOverlay) #core-footer{z-index:1000 !important}


/* ============================================
   ALERT SSO LOGIN CHANGES - Start
   Scheduled Upgrade Alert Banner for SSO Login Pages
   ============================================ */

/* Show header for SSO login pages to display alert banner */
/* Header has no background so only .sso-upgrade-alert-content shows the orange strip */
#pldt header[data-identity=sso-login] {
    display: block !important;
    background: transparent;
}

/* Hide main navigation for SSO login pages */
#pldt header[data-identity=sso-login] .mainnav {
    display: none;
}

/* Content area below banner stays white - banner background only on the alert strip */
#pldt:has(header[data-identity=sso-login]) #main.no-header {
    background-color: #fff;
}

/* Alert content container - light orange background, full width */
/* Main div with background color #fff7ed */
/* Desktop: padding matches .home-row>.col:first-child (100px) */
/* Text aligns with "Welcome back!" heading */
/* Icon goes to complete left side */
#pldt header[data-identity=sso-login] .sso-upgrade-alert-content {
    background-color: #f8e9d9;
    border-bottom: solid 1px #f5f3f1;
    padding: 6px 70px;
    padding-left: 40px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 12px; /* Gap between icon div and text div */
    text-align: left;
    box-sizing: border-box;
}

/* Stack 1: Icon container - fixed width box, icon centered within */
/* More space on left (padding-left), less on right (padding-right) */
/* Icon box top aligns with first line of text "Scheduled Upgrade" */
/* Light yellowish background behind icon */
#pldt header[data-identity=sso-login] .sso-upgrade-alert-icon-stack {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    min-height: 45px; /* Two line heights (15px * 1.5 * 2 = 45px) */
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
}

/* Alert icon - image sized to match two lines of text height */
/* max-width/max-height prevent large source images (e.g. 1024px) from rendering huge */
#pldt header[data-identity=sso-login] .sso-upgrade-alert-icon {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    display: block;
    object-fit: contain;
}

/* Stack 2: Text container - flexible width, text wraps naturally */
/* Text aligns with "Welcome back!" heading, starts below "S" of "Scheduled" */
#pldt header[data-identity=sso-login] .sso-upgrade-alert-text-stack {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #333540;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 0;
    padding-left: 0; /* Removed left padding since gap handles spacing */
    padding-bottom: 0;
    margin: 0;
}

/* Bold text for key phrases (dates and title) */
#pldt header[data-identity=sso-login] .sso-upgrade-alert-text-stack strong {
    font-weight: 700;
}

/* Tablet styles for SSO Upgrade Alert */
/* Matches .home-row>.col:first-child tablet padding (50px) */
@media (max-width: 991px) {
    #pldt header[data-identity=sso-login] .sso-upgrade-alert-content {
        padding: 6px 50px;
    }

    #pldt header[data-identity=sso-login] .sso-upgrade-alert-icon-stack {
        width: 30px;
        min-height: 45px;
        padding-left: 6px;
        padding-right: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #pldt header[data-identity=sso-login] .sso-upgrade-alert-icon {
        width: 26px;
        height: 26px;
        max-width: 26px;
        max-height: 26px;
    }
}

/* Mobile styles for SSO Upgrade Alert */
/* Matches .home-row>* mobile padding (12px) - aligns with form-container */
@media (max-width: 767px) {
    #pldt header[data-identity=sso-login] .sso-upgrade-alert-content {
        padding: 4px 12px;
    }

    #pldt header[data-identity=sso-login] .sso-upgrade-alert-icon-stack {
        width: 30px;
        min-height: 39px; /* Two line heights (14px * 1.4 * 2 = 39.2px) */
        padding-left: 4px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #pldt header[data-identity=sso-login] .sso-upgrade-alert-icon {
        width: 28px;
        height: 28px;
        max-width: 28px;
        max-height: 28px;
    }

    #pldt header[data-identity=sso-login] .sso-upgrade-alert-text-stack {
        font-size: 14px;
        line-height: 1.4;
    }
}

/* ============================================
   ALERT SSO LOGIN CHANGES - End
   ============================================ */