/* PortWall portal theme: the portwall.net look over HostBill's nextgen_clean (loaded after main.css). */
:root{--pw-ink:#07111f;--pw-ink2:#0b1728;--pw-blue:#2e7cf6;--pw-blue-d:#1769e0;--pw-blue2:#67a4ff;--pw-text:#172437;
  --pw-muted:#66758a;--pw-line:#dce4ef;--pw-light:#f4f7fb;--pw-green:#14a37f;--pw-red:#d84a5c;--pw-radius:14px;
  --pw-shadow:0 12px 36px rgba(9,24,45,.07)}

/* Base */
body.pw-theme{background:var(--pw-light) !important;color:var(--pw-text);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.pw-theme h1,.pw-theme h2,.pw-theme h3,.pw-theme h4{font-family:Manrope,'DM Sans',sans-serif;color:var(--pw-text);letter-spacing:-.02em;text-shadow:none}
.pw-theme h1{font-weight:800}.pw-theme h2,.pw-theme h3{font-weight:750}
.pw-theme a{color:#226fe0}.pw-theme a:hover{color:var(--pw-blue-d)}
.pw-theme p,.pw-theme .muted{color:var(--pw-muted)}
.pw-container{width:940px;max-width:calc(100% - 32px);margin:0 auto}
#wrapper .container{width:940px;max-width:calc(100% - 32px);padding-top:28px}

/* Site header */
.pw-header{background:rgba(7,17,31,.97);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:2000}
.pw-header-row{display:flex;align-items:center;gap:26px;min-height:70px}
.pw-brand{display:inline-flex;align-items:center;gap:10px;color:#fff !important;font:800 1.3rem Manrope,sans-serif;letter-spacing:-.04em;text-decoration:none !important;white-space:nowrap}
.pw-brand img{display:block;filter:drop-shadow(0 4px 12px rgba(21,156,139,.35))}
.pw-sitenav{display:flex;gap:22px;margin-left:8px}
.pw-sitenav a{color:#b9c6d8 !important;font-size:.86rem;text-decoration:none !important}
.pw-sitenav a:hover{color:#fff !important}
.pw-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.pw-actions .btn-group{margin:0}
.pw-actions .btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#fff;text-shadow:none;box-shadow:none;border-radius:9px;padding:7px 13px;font-weight:600;font-size:.84rem}
.pw-actions .btn:hover,.pw-actions .open .btn{background:rgba(255,255,255,.12);color:#fff}
.pw-actions .btn .caret{border-top-color:#fff}
.pw-actions .btn-primary,.pw-actions .btn-primary:hover{background:var(--pw-blue) !important;border-color:var(--pw-blue) !important}
.pw-actions .dropdown-menu{border-radius:10px;border:1px solid var(--pw-line);box-shadow:var(--pw-shadow)}
.pw-actions .dropdown-menu a{color:var(--pw-text) !important}

/* Portal menu (Portal home / Order / Support / Client area) as clean tabs */
#mainmenu-container{height:auto;margin-bottom:22px}
#mainmenu{background:#fff !important;border:1px solid var(--pw-line) !important;border-radius:12px !important;box-shadow:none !important}
#mainmenu .nav-tabs{margin:0;border:none}
#mainmenu .nav-tabs>li>a{border:none !important;color:#40516a !important;font-weight:600;font-size:.9rem;padding:9px 18px;background:none !important;box-shadow:none !important;text-shadow:none !important;border-radius:0 !important}
#mainmenu .nav-tabs>li>a:hover,#mainmenu .dropdown.open .dropdown-toggle{color:var(--pw-blue-d) !important;background:#eef4ff !important}
#mainmenu .nav-tabs>.active>a,#mainmenu .nav-tabs>.active>a:hover{color:#fff !important;background:var(--pw-ink) !important}
#mainmenu .nav-tabs>li:first-child>a{border-radius:12px 0 0 12px !important}
#mainmenu .dropdown-menu .cntn,.cart-dropdown .cntn{background:var(--pw-ink2);border-radius:10px}

/* Panels, boxes, tables */
.wbox,.con-inner-middle{background:#fff;border:1px solid var(--pw-line);border-radius:var(--pw-radius);box-shadow:var(--pw-shadow);overflow:hidden}
.wbox_header{background:#f8fbff !important;background-image:none !important;border-bottom:1px solid var(--pw-line);text-shadow:none;color:var(--pw-text);font-family:Manrope,sans-serif;font-weight:750;font-size:1.02rem;padding:15px 20px;border-radius:0}
.wbox_content{box-shadow:none;padding:16px 20px}
.box-feature{background:#fff;border:1px solid var(--pw-line);border-radius:var(--pw-radius);box-shadow:none;transition:transform .2s,box-shadow .2s}
.box-feature:hover{transform:translateY(-3px);box-shadow:var(--pw-shadow);border-color:#bfd5f8}
.box-feature h1,.box-feature h4{color:var(--pw-text)}
table.fullscreen,.table{border-color:var(--pw-line)}
table.fullscreen tr th,.table th{background:#f2f6fb !important;color:#24364c;text-shadow:none;font-weight:700}
.table td,.table th{border-top-color:#e7edf4}

/* Buttons and forms */
.pw-theme .btn{font-family:'DM Sans',sans-serif;border-radius:9px;text-shadow:none;box-shadow:none;background-image:none;font-weight:600}
.pw-theme .btn-primary,.pw-theme .btn-success,.pw-theme input.btn-primary,.pw-theme .btn-info{background:var(--pw-blue) !important;border-color:var(--pw-blue) !important;color:#fff !important;background-image:none !important}
.pw-theme .btn-primary:hover,.pw-theme .btn-success:hover,.pw-theme .btn-info:hover{background:var(--pw-blue-d) !important;border-color:var(--pw-blue-d) !important}
.pw-theme input[type=text],.pw-theme input[type=password],.pw-theme input[type=email],.pw-theme select,.pw-theme textarea{border:1px solid #ccd7e5;border-radius:9px;box-shadow:none;min-height:34px}
.pw-theme input:focus,.pw-theme select:focus,.pw-theme textarea:focus{border-color:#5594f7;box-shadow:0 0 0 3px rgba(46,124,246,.12);outline:none}
.pw-theme .alert{border-radius:10px;text-shadow:none}

/* Order pages (cart) */
.pw-theme #cart .cart-item,.pw-theme #cart .product,.pw-theme .orderbox,.pw-theme #cart .newbox1{border-radius:var(--pw-radius)}
.pw-theme #cart h2,.pw-theme #cart h3{font-family:Manrope,sans-serif}
.pw-theme #cart .price,.pw-theme #cart .prices,.pw-theme .cart-summary .total{color:var(--pw-text);font-family:Manrope,sans-serif;font-weight:800}
.pw-theme #sidemenu,.pw-theme #floater{border-radius:var(--pw-radius)}

/* Site footer */
#wrapper footer{display:none}
.pw-footer{background:#06101d;color:#8da0b8;margin-top:56px;padding:46px 0 18px;font-size:.84rem}
.pw-footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:30px}
.pw-footer-brand p{color:#8193ab;max-width:260px;margin-top:14px}
.pw-footer-col{display:flex;flex-direction:column;gap:9px}
.pw-footer-col h4{color:#fff;font-size:.85rem;margin:0 0 4px}
.pw-footer a{color:#8da0b8 !important;text-decoration:none !important}
.pw-footer a:hover{color:#fff !important}
.pw-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pw-footer-legal{display:flex;gap:18px}

/* Narrow screens */
@media (max-width:860px){.pw-sitenav{display:none}.pw-footer-main{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pw-header-row{flex-wrap:wrap;padding:10px 0}.pw-actions{margin-left:0}}

/* Footer: the stock theme puts a white text-shadow on every footer; and keep it at the bottom of short pages */
.pw-footer,.pw-footer *{text-shadow:none !important}
body.pw-theme{display:flex;flex-direction:column;min-height:100vh}
body.pw-theme #wrapper{flex:1 0 auto}

/* Feature icons in the site's blue */
.pw-theme .box-feature .silver,.pw-theme .box-feature [class*="iconfont"]:before,.pw-theme .iconwrap i{color:var(--pw-blue) !important}

/* Order page product list (orderpages/default cart.css loads after this file, hence the body prefix and !important) */
body.pw-theme .product-list-header.serv_head1{display:none !important}
body.pw-theme .orderpage h3,body.pw-theme #cart h3{font-family:Manrope,sans-serif;font-size:1.25rem;text-align:left}
body.pw-theme .orderbox.sh1a{background:#fff !important;background-image:none !important;border:1px solid var(--pw-line) !important;border-radius:var(--pw-radius) !important;box-shadow:none !important;margin:0 0 14px !important;transition:box-shadow .2s,border-color .2s}
body.pw-theme .orderbox.sh1a:hover{border-color:#bfd5f8 !important;box-shadow:var(--pw-shadow) !important}
body.pw-theme .product.orderboxpadding{padding:20px 22px !important;background:none !important}
body.pw-theme .product-name{font-family:Manrope,sans-serif !important;font-size:1.08rem !important;font-weight:800 !important;color:var(--pw-text) !important;margin-bottom:6px}
body.pw-theme .product-description{color:var(--pw-muted) !important;font-size:.92rem;line-height:1.55;max-width:640px}
body.pw-theme .product-price{margin-top:12px;color:var(--pw-muted)}
body.pw-theme .product-price select{font-weight:700;color:var(--pw-text);border:1px solid #ccd7e5;border-radius:9px;padding:4px 8px;height:auto;background:#f8fbff}
body.pw-theme .product-order .btn,body.pw-theme .product-order input.btn,body.pw-theme input.padded.btn,body.pw-theme .padded.btn{background:var(--pw-blue) !important;background-image:none !important;border:1px solid var(--pw-blue) !important;color:#fff !important;border-radius:10px !important;padding:9px 20px !important;font-weight:700 !important;text-shadow:none !important;box-shadow:0 8px 20px rgba(46,124,246,.2) !important}
body.pw-theme .product-order .btn:hover,body.pw-theme .padded.btn:hover{background:var(--pw-blue-d) !important;border-color:var(--pw-blue-d) !important}

/* Cart steps: summary box and progress */
body.pw-theme #sidemenu,body.pw-theme #floater{background:#fff !important;border:1px solid var(--pw-line) !important;border-radius:var(--pw-radius) !important;box-shadow:var(--pw-shadow) !important}
body.pw-theme #progress,body.pw-theme .cart-progress{border-radius:12px}
body.pw-theme .orderpage .wbox,body.pw-theme #cart .wbox{border-radius:var(--pw-radius)}

/* Cart progress: the stock image track becomes a thin line, done steps in the site's blue */
body.pw-theme ul#progress{background:none !important;height:auto !important;margin:6px 0 22px !important;padding:0 !important;border-top:3px solid var(--pw-line)}
body.pw-theme ul#progress li{background:none !important;position:relative;padding:14px 5px 0 !important;color:var(--pw-muted);font-weight:700;font-size:.9rem}
body.pw-theme ul#progress li.firstone,body.pw-theme ul#progress li.ison1,body.pw-theme ul#progress li.ison2,body.pw-theme ul#progress li.fison2,body.pw-theme ul#progress li.lison2{color:var(--pw-text)}
body.pw-theme ul#progress li.firstone:before,body.pw-theme ul#progress li.ison1:before,body.pw-theme ul#progress li.ison2:before,body.pw-theme ul#progress li.fison2:before,body.pw-theme ul#progress li.lison2:before{content:'';position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--pw-blue);border-radius:3px}
/* The Continue panel under the configuration */
body.pw-theme #cont .orderbox,body.pw-theme #cont .orderboxpadding{background:#fff !important;background-image:none !important;border-color:var(--pw-line) !important;border-radius:var(--pw-radius) !important;box-shadow:none !important}
body.pw-theme #cart_contents,body.pw-theme #cartSummary{font-size:.9rem}
body.pw-theme .wbox{border-radius:var(--pw-radius) !important}
body.pw-theme ul#progress{display:flex !important;justify-content:space-between;margin-bottom:26px !important}
body.pw-theme ul#progress li{float:none !important}

/* Client area: stock dark section bars ("Quick Links") become the site's section labels; side menus as cards */
body.pw-theme h3.darkheader{background:none !important;background-image:none !important;color:#2b72d8 !important;text-shadow:none !important;font:800 .74rem 'DM Sans',sans-serif !important;letter-spacing:.14em;text-transform:uppercase;padding:0 0 10px !important;margin:10px 0 14px !important;border-bottom:1px solid var(--pw-line);border-radius:0 !important}
body.pw-theme ul.nice-sidemenu li a{font-family:Manrope,sans-serif;font-weight:700}
body.pw-theme .wbox .wbox_header h1,body.pw-theme .wbox .wbox_header h2{margin:0}
