/* ui65 marketing extract of prahost-bridge.css (WHMCS/Leaseweb/CA rules omitted).
   Full file: prahost-bridge.css (CA/login). Backup: prahost-bridge.css.bak-pre-ui65 */
/* Live prahost.com is Bootstrap 3: .container is 1170px at ≥1200px, not BS4's 1140. */
@media (min-width: 768px) {
    body.prahost-nexus .container {
        width: 750px;
        max-width: 750px;
    }

}

@media (min-width: 992px) {
    body.prahost-nexus .container {
        width: 970px;
        max-width: 970px;
    }

}

@media (min-width: 1200px) {
    body.prahost-nexus .container {
        width: 1170px !important;
        max-width: 1170px !important;
    }

}

/* WHMCS 9 / Bootstrap 4 compatibility for PraHost chrome and legacy markup */
img.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-0 { display: none; }

[class*="col-xs-"] {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

/* These col-xs widths load after v2main, so they beat .col-md-* / .col-sm-* / .col-lg-*
   at every breakpoint (homepage industries is col-md-2 col-sm-4 col-xs-6;
   NL advantages cards are col-lg-4 col-md-6). Re-assert BS3 sm/md/lg so six-across
   industries and three-across feature cards match live prahost.com. */
@media (min-width: 768px) {
    .col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 { float: left; }

    .col-sm-12 { width: 100%; }

    .col-sm-11 { width: 91.66666667%; }

    .col-sm-10 { width: 83.33333333%; }

    .col-sm-9 { width: 75%; }

    .col-sm-8 { width: 66.66666667%; }

    .col-sm-7 { width: 58.33333333%; }

    .col-sm-6 { width: 50%; }

    .col-sm-5 { width: 41.66666667%; }

    .col-sm-4 { width: 33.33333333%; }

    .col-sm-3 { width: 25%; }

    .col-sm-2 { width: 16.66666667%; }

    .col-sm-1 { width: 8.33333333%; }

}

@media (min-width: 992px) {
    .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 { float: left; }

    .col-md-12 { width: 100%; }

    .col-md-11 { width: 91.66666667%; }

    .col-md-10 { width: 83.33333333%; }

    .col-md-9 { width: 75%; }

    .col-md-8 { width: 66.66666667%; }

    .col-md-7 { width: 58.33333333%; }

    .col-md-6 { width: 50%; }

    .col-md-5 { width: 41.66666667%; }

    .col-md-4 { width: 33.33333333%; }

    .col-md-3 { width: 25%; }

    .col-md-2 { width: 16.66666667%; }

    .col-md-1 { width: 8.33333333%; }

}

@media (min-width: 1200px) {
    .col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 { float: left; }

    .col-lg-12 { width: 100%; }

    .col-lg-11 { width: 91.66666667%; }

    .col-lg-10 { width: 83.33333333%; }

    .col-lg-9 { width: 75%; }

    .col-lg-8 { width: 66.66666667%; }

    .col-lg-7 { width: 58.33333333%; }

    .col-lg-6 { width: 50%; }

    .col-lg-5 { width: 41.66666667%; }

    .col-lg-4 { width: 33.33333333%; }

    .col-lg-3 { width: 25%; }

    .col-lg-2 { width: 16.66666667%; }

    .col-lg-1 { width: 8.33333333%; }

}

.hidden-xs { display: none !important; }

@media (min-width: 768px) {
    .hidden-xs { display: block !important; }

    .hidden-xs.btn,
.hidden-xs.btn-block { display: inline-block !important; }

}

.visible-xs { display: block !important; }

@media (min-width: 768px) {
    .visible-xs { display: none !important; }

}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.panel-default > .panel-heading,
.panel-heading {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.panel-body { padding: 15px; }

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .form-horizontal .control-label { text-align: right; }

}

.input-group-addon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.navbar-right { margin-left: auto; }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.glyphicon { display: inline-block; }

/* Match BS3 .hidden without !important so WHMCS order JS can .show() / fadeIn. */
.hidden { display: none; }

.w-hidden { display: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Marketing stays white. WHMCS CA/cart use Nexus --bg-muted (revert via .bak-pre-nexus-bg). */
html {
    background: #fff !important;
    background-color: #fff !important;
}

html body.prahost-nexus.prahost-marketing,
body.prahost-nexus.prahost-marketing,
body.prahost-marketing #main-body {
    background: #fff !important;
    background-color: #fff !important;
    color: #333;
}

/* Marketing: PraHost mega only. WHMCS (incl. login): mega + compact WHMCS nav. */

body.prahost-marketing header.nexus-client-header,
body.prahost-marketing .master-breadcrumb,
body.prahost-nexus footer.nexus-client-footer {
    display: none !important;
}

/* Login is a WHMCS page: keep mega; hide home slider only. Keep the sub-banner
   image + title/description (same chrome as clientarea / cart). */

/* No extra gap under the banner, but keep a white page (not transparent/black) */
body.prahost-marketing #main-body > .container,
body.prahost-marketing #main-body {
    width: 100%;
    max-width: none;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow-x: hidden;
    background: #fff !important;
    background-color: #fff !important;
}

body.prahost-marketing #main-body,
body.prahost-marketing section#main-body {
    background-color: #fff !important;
}

/* skipMainBodyContainer leaves #main-body > div > .row with no container padding;
   BS4 .row { margin-left/right: -15px } then sticks 15px past the viewport */
body.prahost-marketing #main-body > .row,
body.prahost-marketing #main-body > div > .row {
    margin-left: 0;
    margin-right: 0;
}

body.prahost-marketing #main-body .primary-content {
    padding: 0 !important;
    max-width: 100%;
    flex: 0 0 100%;
}

body.prahost-marketing .main-content {
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* WHMCS nav — live prahost bar height (15px type, ~48px), #2d2d2d as live custom.css */

/* v2main is Bootstrap 3: primary floats left, .navbar-right floats right (Hello). */

/* Live/old prahost uses only <b class="caret">. Nexus .dropdown-toggle::after is a second arrow. */

/* Hello, Name: hover slab as wide as the account dropdown. */

/* Live v2main: .navbar-main .dropdown-menu > li > a:hover is #006687, not white-then-red. */

/* Live dark bar: primary links left, Hello/account right. Notifications live in ul.top-nav. */

/* Breadcrumb left + Notifications/Logout right on one row */

/* WHMCS CA color schema (not marketing mega) */

/* Live computed: Update/success and panel header actions #b43842; primary/logout #0e5077. Not #ff0000. */

/* Live CA cards: dark heading, title left, action button floated right (button is last in the h3). */

/* Orderform cart-body cards (not the store/configure/checkout side menu). */

/* CA home: keep My Services at original btn-xs size; enlarge footer “View More...” only. */

body.prahost-nexus:not(.prahost-marketing) #main-body {
    padding-top: 10px;
    padding-bottom: 2rem;
    min-height: 0;
}

/* Sidebar action buttons (Update, etc.) — same compact chrome as header pills. */

/* Sidebar titles: 1px smaller + gap before minimise arrow (CA + cart/store). */

/* Live WHMCS 7 uses col-md-3 sidebar (~25%). Nexus used col-lg-4 until xl. */

/* Cart / store under dual chrome: drop extra top gap from Nexus orderform. */

/* Live tiles: 24% + 4px margin, icon watermark, maroon stat */

/* One PraHost top bar: left cluster + right cluster, never a second strip */
body.prahost-nexus .header-top-block {
    background: #323232;
}

body.prahost-nexus .header-top-block .prahost-topbar,
body.prahost-nexus .header-top-block .header-top {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    width: 100%;
    min-height: 34px;
}

body.prahost-nexus .prahost-topbar-left,
body.prahost-nexus .prahost-top-user,
body.prahost-nexus .prahost-topbar-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

body.prahost-nexus .prahost-topbar-left {
    min-width: 0;
    flex: 1 1 auto;
}

body.prahost-nexus .prahost-topbar-right {
    margin-left: 12px;
    flex: 0 0 auto;
}

body.prahost-nexus .prahost-top-notifications {
    display: flex;
    align-items: center;
}

body.prahost-nexus .prahost-logged-in-as {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    color: #b5b1b1;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
    white-space: nowrap;
}

body.prahost-nexus .prahost-logged-in-as span {
    margin-right: 6px;
    color: #b5b1b1;
}

body.prahost-nexus .prahost-logged-in-as a {
    color: #e8e8e8;
}

body.prahost-nexus .prahost-logged-in-as a:hover {
    color: #fff;
}

body.prahost-nexus .prahost-logged-in-as .prahost-switch-account {
    margin-left: 8px;
}

body.prahost-nexus .prahost-view-cart {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.prahost-nexus .prahost-view-cart i {
    font-size: 13px;
}

body.prahost-nexus .prahost-cart-count {
    display: inline-block;
    min-width: 16px;
    padding: 0 5px;
    border-radius: 8px;
    background: #c11129;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}

body.prahost-nexus .prahost-notify-btn {
    background: transparent !important;
    border: 0 !important;
    color: #b5b1b1 !important;
    font-size: 11px;
    text-transform: uppercase;
    padding: 8px 9px;
    line-height: 1.2;
    box-shadow: none !important;
}

body.prahost-nexus .prahost-notify-btn:hover,
body.prahost-nexus .prahost-notify-btn:focus {
    color: #fff !important;
}

.popover-user-notifications {
    color: #333;
    background: #fff;
}

.popover-user-notifications .popover-content,
.popover-user-notifications .client-alerts a {
    color: #333;
}

body.prahost-nexus .header-top-block .head-top-right-block,
body.prahost-nexus .header-top-block .head-top-right-menu,
body.prahost-nexus .header-top-block .col-md-8 {
    margin-left: auto;
    text-align: right;
    max-width: 100%;
}

body.prahost-nexus .header-top-block .head-top-right-menu ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

/* Restore original logo + nav band height */
body.prahost-nexus section#header .header-main {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .22);
}

body.prahost-nexus section#header .header-main .logo {
    padding: 12px 0;
}

body.prahost-nexus section#header .header-main .logo img {
    width: auto;
    max-width: 241px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

body.prahost-nexus section#header .main-menu > ul.menu-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.prahost-nexus section#header .main-menu > ul.menu-list > li {
    display: inline-block;
    padding: 29px 13px;
    position: static !important;
    float: none;
}

/* Mega menu: BS4 .dropdown { position:relative } was pinning it to the nav item */
body.prahost-nexus section#header .header-main > .container,
body.prahost-nexus section#header .header-div {
    position: relative;
}

/* Mega menu: stay above WHMCS nav; hover works without marketing main.js */
body.prahost-nexus section#header {
    position: relative;
    z-index: 10050;
    overflow: visible !important;
}

body.prahost-nexus section#header .header-main,
body.prahost-nexus section#header .header-main > .container,
body.prahost-nexus section#header .header-div,
body.prahost-nexus section#header .menu-block,
body.prahost-nexus section#header .menu-div,
body.prahost-nexus section#header .main-menu {
    overflow: visible !important;
}

body.prahost-nexus section#header .mega-div {
    display: none !important;
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10060;
    text-align: left;
    overflow: visible;
    pointer-events: auto;
}

/* Open only while the item (or .hoverClass for touch) is active.
   !important on the closed state beats leftover jQuery slideToggle
   inline display:block, which kept the panel stuck open. */
body.prahost-nexus section#header .main-menu > ul > li:hover > .mega-div,
body.prahost-nexus section#header .main-menu > ul > li.hoverClass > .mega-div {
    display: block !important;
}

@media screen and (max-width: 990px) {
    /* Cloned mobile accordion uses slideDown; do not !important-hide those. */
    body.prahost-nexus section#header .mobile-menu .mega-div {
        display: none;
        position: static;
    }

}

/* Store title + Categories heading on one line */

body.prahost-nexus section#header .mega-cont-1 h5,
body.prahost-nexus section#header .mega-cont-menu > h3 {
    white-space: nowrap;
}

/* Home hero: keep original slider height so slides 2/3 are not collapsed */
body.prahost-nexus .banner-wrapper,
body.prahost-nexus .banner-wrapper ul.main-slider > li {
    min-height: 456px;
}

/* Inner-page title band: sitting under the nav, tighter than the first pass */
body.prahost-nexus .sub-banner-wrapper {
    display: block;
    min-height: 360px;
    padding-top: 56px;
    padding-bottom: 40px;
    box-sizing: border-box;
    overflow: hidden;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

body.prahost-nexus .sub-banner-wrapper span.sub-banner-bg {
    display: none;
}

body.prahost-nexus .sub-banner-wrapper > .container {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
}

body.prahost-nexus .sub-banner-wrapper .sub-banner-left {
    position: relative;
    z-index: 2;
}

body.prahost-nexus .sub-banner-wrapper .sub-banner-left > h2,
body.prahost-nexus .sub-banner-wrapper .sub-banner-left > h1 {
    margin-top: 0;
    padding-top: 0;
    line-height: 1.25;
    position: relative;
    z-index: 2;
    overflow: visible;
    color: #fff;
}

body.prahost-nexus .sub-banner-wrapper .sub-banner-left > p.prahost-subbanner-tagline,
body.prahost-nexus .sub-banner-wrapper .sub-banner-left > p:not(.breadcrumb) {
    display: block;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    line-height: 1.5;
    margin: 8px 0 0;
    max-width: 46em;
}

body.prahost-nexus .sub-banner-wrapper .sub-banner-left > p.breadcrumb {
    display: block;
    float: none;
    flex-wrap: unset;
    margin-top: 22px;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    position: relative;
    z-index: 2;
}

body.prahost-nexus .sub-banner-wrapper .sub-banner-left .banner-buttons {
    margin-bottom: 0;
}

body.prahost-nexus .banner-wrapper ul.main-slider {
    margin: 0;
    padding: 0;
    display: block;
}

body.prahost-nexus .banner-wrapper ul.main-slider > li {
    display: list-item;
}

/* Nexus .footer { background: var(--bg-inverted) } must not paint PraHost footer */
body.prahost-nexus footer.footer:not(.nexus-client-footer) {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
    color: inherit;
}

body.prahost-nexus footer.footer:not(.nexus-client-footer) .footer-about p,
body.prahost-nexus footer.footer:not(.nexus-client-footer) .footer-links ul li,
body.prahost-nexus footer.footer:not(.nexus-client-footer) .footer-links ul li a {
    font-size: 13px;
    line-height: 1.55;
}

body.prahost-nexus footer.footer:not(.nexus-client-footer) .footer-links h3 {
    font-size: 15px;
}

body.prahost-nexus footer.footer:not(.nexus-client-footer) .footer-bottom li,
body.prahost-nexus footer.footer:not(.nexus-client-footer) .footer-bottom li a {
    font-size: 13px;
}

/* FAQ accordion used on dedicated-server-netherlands (and any shared .faq-toggle widget) */
body.prahost-nexus .faq-toggle {
    cursor: pointer;
}

body.prahost-nexus .faq-item.open > .faq-content,
body.prahost-nexus .faq-content.loaded {
    display: block !important;
    opacity: 1 !important;
}

body.prahost-nexus .logo-blocks {
    margin: 0;
}

a.blink {
    animation: prahost-blink 1.2s linear infinite;
}

@keyframes prahost-blink {
    50% { opacity: 0.45; }
}

/* Store / configure / checkout / view-cart: keep WHMCS orderform sidebar visible and themed. */

/* SPA cart: no extra page h1; titles live in the box. Match stock Nexus card heading alignment. */

/* v2main .form-control { background-image:none } strips the BS4 custom-select caret. */

/* Services table: Show entries select sized to the label (not the tall custom-select). */

/* Services pager: light WHMCS/live chips. Screenshot showed Previous/Next unreadable on a dark slab. */

/*
 * v2main.min.css is Bootstrap 3: .fade { opacity:0 } + .fade.in { opacity:1 }.
 * Nexus tabs use BS4 .fade.show. Result: product details (and other CA tab panes)
 * stay opacity:0 / visibility:hidden while still occupying space — empty-looking page.
 */

/*
 * v2main .fade is opacity-only. Inactive Nexus panes (#tabDownloads,
 * #tabAddons, #tabChangepw, leftover #ssl-info) stay in-flow at opacity:0
 * and leave a blank band after Server Information. Hide them; do not
 * collapse the active pane or module cards.
 */

/* Ticket step 2: BS4 .custom-file inside leftover BS3 .input-group { display:table }
 * collapses the file pick / Add more control. Native input is opacity:0. */

/* CA sidebar hover = cart/store sidebar hover (live maroon). */

/*
 * v2main (BS3) loads after theme.min.css and breaks Nexus/BS4 controls:
 *   .input-group { display:inline-table; float:left }
 *   .input-group > .form-control { width:100% }  → addon + field stack
 *   .form-control { height:34px; background-image:none }
 * Restore BS4 flex input-groups / 38px fields / select caret on all WHMCS pages.
 * Do not touch marketing (no body.prahost-whmcs) or DataTables length (more specific).
 */

/* BS4 .form-check-input is position:absolute; v2main has no .form-check padding
   so Remember me / TOS checkboxes sit on the label text. */

/* intl-tel-input flag + leftover .field-icon overlap the number. */

/* Mailing-list bootstrap-switch: data-size=small makes Yes/No unreadable. */

/* Default image captcha: v2main row/float + 38px form-control overlap the submit. */

/* v2main .fade { opacity:0 } + .modal { display:none } beat Nexus .show — Generate password. */

/* ui34: hide WHMCS popover copy of notifications (custom panel only). */

/* Email prefs: one wrapping .form-check + absolute .form-check-input stacked every box on the first. */

/* Services: keep product / price / due / status on one row; status matches cell type. */

/* Tickets DataTables search: center in the dark info/header bar. */

/* Tickets list: subject gets the leftover width; dept / status / date stay compact. */

/* View ticket: Nexus 0.9rem on 10px html made posted-by ~9px. */

/* Markdown preview visible only while the pane exists (do not !important display). */

/* View-cart / checkout SPA: put Browse / title / breadcrumb inside a cart card. */

/* ui36: compact CA header/sidebar pills. Later .btn:not(.dropdown-toggle) set min-height:38px / 14px. */

/* Sidebar hover: square ends (Nexus rounds first/last list-group items). */

/* Ticket CC Recipients: Add on the same row as the email field. */

/* View-ticket Reply / Close: 1–2px smaller than default btn-sm. */

/*
 * Product details: Overview is a full-width .card. Job Status was narrower
 * because leftover Six/v2main `.module-client-area { padding: 15px }`
 * (css/2.css) inset the Leaseweb cards 15px each side. Zero that inset;
 * keep even 15px card-body padding. Do not flatten inner col-md-6 rows.
 */

/*
 * Product details inset: titles + body share the same left pad on Overview,
 * Hardware, Server Actions, Access Credentials. Do not pad .module-client-area
 * (that re-narrows Job Status vs Overview).
 */

/* Access Credentials: last password row more prominent than the first two. */

/* NEW badge: smaller than ui45, brand alert #b43842, white text. */

/* Module templates used to print a second Home → Rescue/Reinstall trail. */

/* Credit balance amount + currency: stand out vs surrounding copy. */