/* Voice-Server branding on the current WHMCS Bootstrap 4 foundation. */
:root { --voice-dark: #191b20; --voice-blue: #0788d5; }
body.primary-bg-color { font-family: Arial, Helvetica, sans-serif; background: #22252b; color: #41464d; }
a { color: #087dbb; }
#header.header { background: linear-gradient(135deg,#252932,#111318); border-bottom: 1px solid #3d424b; }
#header .navbar-light { padding-top: 22px; padding-bottom: 22px; }
#header .navbar-brand { color: #fff; font-weight: 700; }
#header .voice-logo { max-width: 260px; max-height: 66px; width: auto; height: auto; }
#header .topbar { background: #111318; color: #ddd; border-bottom-color: #383c44; }
#header .topbar a, #header .topbar button, #header .toolbar a { color: #e8ebef; }
#header .main-navbar-wrapper { background: repeating-linear-gradient(135deg,#181b20,#181b20 3px,#1c1f25 3px,#1c1f25 5px); border-top: 1px solid #30353e; }
#header .main-navbar-wrapper .navbar-nav > .nav-item > a { color: #f2f3f5; text-transform: uppercase; font-size: 13px; padding-top: 18px; padding-bottom: 18px; }
#header .main-navbar-wrapper .nav-item.active > a, #header .main-navbar-wrapper .nav-item > a:hover { background: #263039; color: #fff; }
#header .dropdown-menu { border-color: #343b44; }
#main-body.primary-bg-color { background: #f7f8fa; padding-top: 32px; padding-bottom: 48px; min-height: 55vh; }
.header-lined h1 { font-weight: 700; color: #3c4149; }
.card { border-color: #dce1e7; border-radius: 5px; }
.btn-primary { background-color: #087fc4; border-color: #0875b4; }
.btn-primary:hover { background-color: #066ca9; border-color: #066ca9; }
.voice-footer { background: #1c1f25; color: #cdd0d5; padding: 42px 0 26px; }
.voice-footer h5 { color: #fff; font-size: 16px; font-weight: 700; }
.voice-footer a { color: #cdd0d5; }
.voice-footer li { margin: 7px 0; }
.voice-footer .copyright { border-top: 1px solid #343942; padding-top: 22px; }
.voice-payment-method { display: flex; align-items: flex-start; gap: 12px; padding: 15px; background: #f6f8fa; border: 1px solid #dce1e7; border-radius: 5px; cursor: pointer; }
.voice-payment-method input { margin-top: 7px; }
.voice-payment-logo { display: block; max-width: 100%; max-height: 64px; margin-bottom: 8px; }
#order-standard_cart .products .product { border-radius: 5px; border-color: #dce1e7; }
/* Compatibility layout for bespoke non-core pages pending their backend migration. */
.voice-legacy-page .col30 { width: 30%; float: left; }
.voice-legacy-page .col70 { width: 70%; float: left; }
.voice-legacy-page .col40 { width: 40%; float: left; }
.voice-legacy-page .col60 { width: 60%; float: left; }
.voice-legacy-page .col2half { width: 50%; float: left; }
.voice-legacy-page .internalpadding { padding: 15px; }
.voice-legacy-page .textcenter { text-align: center; }
.voice-legacy-page .textright { text-align: right; }
.voice-legacy-page .clear, .voice-legacy-page .clearfix { clear: both; }
.voice-legacy-page .center80 { width: 80%; margin: auto; }
.voice-legacy-page .form-actions { margin-top: 20px; }
@media (max-width: 767px) {
 #header .voice-logo { max-width: 190px; }
 .voice-legacy-page .col30, .voice-legacy-page .col70, .voice-legacy-page .col40, .voice-legacy-page .col60, .voice-legacy-page .col2half, .voice-legacy-page .center80 { width: 100%; float: none; }
}
/* Match the previous dark shell and white, full-width billing panel. */
body.primary-bg-color { background: #23262c url("../img/noise50.png") repeat; font-family: "Helvetica Neue", Arial, sans-serif; }
#main-body.primary-bg-color { background: transparent; padding-top: 0; padding-bottom: 0; }
#main-body > .container { background: #fff; padding-top: 35px; padding-bottom: 45px; min-height: 480px; }
#header #voice-primary-nav > li > a, #header .main-navbar-wrapper .navbar-nav > li > a { color: #eee; text-transform: uppercase; font-size: 13px; padding: 16px 12px; }
#header #voice-primary-nav > li > a:hover, #header .main-navbar-wrapper .navbar-nav > li > a:hover { background: #283039; color: #fff; }
#header .main-navbar-wrapper .navbar-collapse { min-height: 62px; }
footer#footer.voice-footer { background: transparent; color: #d4d6da; border: 0; }
footer#footer.voice-footer h5 { color: #fff; }
footer#footer.voice-footer a { color: #d4d6da; }
footer#footer.voice-footer .container { background: transparent; }
#order-standard_cart .products > .row > .col-md-6 { flex: 0 0 100%; max-width: 100%; }
#order-standard_cart .products .product { margin-bottom: 18px; }
#order-standard_cart .products .product header { background: #f5f5f5; font-size: 18px; }
#order-standard_cart .products .product .product-desc { width: 75%; }
#order-standard_cart .products .product footer { width: 25%; }
#order-standard_cart .products .product .product-desc table { width: 100%; }
@media (max-width: 767px) {
 #main-body > .container { padding-top: 22px; padding-bottom: 25px; }
 #order-standard_cart .products .product .product-desc, #order-standard_cart .products .product footer { width: 100%; float: none; }
}

#header #voice-primary-nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 12px; }
#header .main-navbar-wrapper .dropdown-item { color: #3b4149; font-size: 14px; }
@media(min-width:1200px){#header #voice-primary-nav{flex-wrap:wrap}}

#header .main-navbar-wrapper > .container { max-width: 1440px; }
#header .main-navbar-wrapper .navbar-nav { align-items: center; }
@media(max-width:1199px){#header .main-navbar-wrapper .navbar-nav{align-items:stretch}}
body.primary-bg-color { background: #23262c; background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0, rgba(255,255,255,.012) 1px, transparent 1px, transparent 4px); }