/* Perfect Blend theme: the shell around every page, and the menus. Page styles come from the design boards (css/p-*.css). */
#pb-top{font-family:'Roboto',system-ui,sans-serif;color:#1C1C1C;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-x:clip;min-height:100vh;display:flex;flex-direction:column}
#pb-top > main{flex:1 0 auto}
.pb-shell-public{background:#FFFFFF}
.pb-shell-app{background:#F4F7FB}
.pb-shell-auth{background:#FFFFFF}
body.pb-public,body.pb-auth{background:#FFFFFF}
body.pb-app{background:#F4F7FB}
body{margin:0}
.pb-page{display:block;width:100%}

/* App bar menus */
.pb-menu{position:relative}
.pb-menu-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:240px;background:#FFFFFF;border:1px solid #E4E8EE;border-radius:14px;box-shadow:0 24px 60px rgba(16,24,40,.16);padding:8px;display:flex;flex-direction:column;font-family:'Roboto',system-ui,sans-serif;font-size:14px}
.pb-menu-pop[hidden]{display:none}
.pb-menu-wide{min-width:320px;max-width:min(380px,calc(100vw - 32px))}
.pb-menu-pop > a,.pb-menu-only-sm > a{display:block;padding:10px 12px;border-radius:8px;color:#1C1C1C;text-decoration:none}
.pb-menu-pop > a:hover,.pb-menu-only-sm > a:hover,.pb-menu-pop > a:focus-visible{background:#F1F4F8;color:#0062CC;outline:none}
.pb-menu-h{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;padding:8px 12px 6px}
.pb-menu-who{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;border-bottom:1px solid #ECEEF2;margin-bottom:6px}
.pb-menu-who strong{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px}
.pb-menu-who span{font-size:13px;color:#5A6270;word-break:break-all}
.pb-menu-sep{display:block;height:1px;background:#ECEEF2;margin:6px 4px}
.pb-menu-only-sm{display:none}
.pb-menu-empty{padding:10px 12px 14px;color:#5A6270;font-size:14px;line-height:1.5}
.pb-alert{display:flex !important;gap:10px;align-items:flex-start;line-height:1.45}
.pb-alert-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:#0072EF}
.pb-alert-danger .pb-alert-dot{background:#E5484D}.pb-alert-warning .pb-alert-dot{background:#E3A008}.pb-alert-success .pb-alert-dot{background:#2E9A55}
.pb-menu-btn:focus-visible,.pb-tabbar a:focus-visible,.pb-tabbar button:focus-visible{outline:3px solid rgba(0,114,239,.35);outline-offset:2px}
.pb-app-link:focus-visible{outline:3px solid rgba(0,114,239,.35);outline-offset:1px}
@media (max-width:1024px){
  .pb-menu-only-sm{display:block}
  .pb-tabbar{position:fixed !important;left:0;right:0;bottom:0;z-index:55}
  body.pb-app #pb-top{padding-bottom:64px}
  .pb-menu-pop.pb-sheet{position:fixed;left:12px;right:12px;top:auto;bottom:calc(72px + env(safe-area-inset-bottom));max-height:70vh;overflow:auto;min-width:0}
}

/* Generic WHMCS pages inside the shell */
.pb-generic .pb-gen-wrap{max-width:1280px;margin:0 auto;padding:28px 24px 120px;box-sizing:border-box}
.pb-shell-public .pb-generic .pb-gen-wrap{max-width:1200px;padding-bottom:88px}
.pb-crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13px;color:#5A6270;margin:0 0 14px}
.pb-crumbs a{color:#5A6270;text-decoration:none}.pb-crumbs a:hover{color:#0062CC}
.pb-crumbs [aria-current]{color:#1C1C1C;font-weight:500}
.pb-gen-head{margin:0 0 24px}
.pb-gen-head h1{margin:0;font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,38px);letter-spacing:-0.02em;line-height:1.15;color:#1C1C1C;text-wrap:balance}
.pb-gen-head p{margin:8px 0 0;font-size:16px;color:#444B57;line-height:1.6}

.pb-admin-pill{position:fixed;left:16px;bottom:16px;z-index:70;background:#2E323B;color:#FFFFFF !important;font:600 13px 'Poppins',sans-serif;padding:10px 16px;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px rgba(16,24,40,.25)}

/* Flash and error messages on the designed pages */
.pb-note{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;border:1px solid}
.pb-note-err{background:#FFF1F2;border-color:#F6C9CD;color:#8E2A24}
.pb-note-ok{background:#F1FAF4;border-color:#CDEBD7;color:#1D6B3A}
.pb-note-info{background:#EEF5FF;border-color:#C9DCF5;color:#0B4FA8}

/* Captcha inside designed forms */
.pb-captcha{display:flex;flex-direction:column;gap:10px}
.pb-captcha .row{display:flex;flex-wrap:wrap;gap:10px;margin:0;align-items:center;justify-content:flex-start}
.pb-captcha .col-6,.pb-captcha .col-md-8{flex:1 1 140px;max-width:none;padding:0}
.pb-captcha p{margin:0;font-size:14px;color:#444B57;flex:1 1 100%}
.pb-captcha input{width:100%;box-sizing:border-box;font:400 16px 'Roboto',sans-serif;color:#1C1C1C;border:1px solid #D5DAE2;border-radius:8px;padding:12px 14px;background:#FAFBFC}
.pb-captcha img{border-radius:8px;border:1px solid #E4E8EE;max-width:100%}

/* Never leave a word or a pair alone on the last line */
#pb-top p,#pb-top li,#pb-top h1,#pb-top h2,#pb-top h3{text-wrap:pretty}
#pb-top h1,#pb-top h2{text-wrap:balance}
@media (min-width:2400px){#pb-top{zoom:1.333}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
html{scroll-behavior:smooth}
#pb-top [hidden]{display:none !important}
/* WHMCS dialogs stay hidden until WHMCS opens them, also on pages without Bootstrap */
.modal{display:none}
.w-hidden{display:none !important}
#fullpage-overlay.w-hidden{display:none !important}
.pb-menu-btn:focus:not(:focus-visible){outline:none}