/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* ITJONI WHMCS BLACK THEME START */
body {
    background: #050505 !important;
    color: #e5e7eb !important;
}
.header,
.navbar-main,
.main-navbar-wrapper,
section#header,
section#main-menu,
#main-body {
    background: #050505 !important;
}
.navbar-main {
    border-bottom: 1px solid #1f2937 !important;
}
.navbar-main .navbar-nav > li > a,
.navbar-main .navbar-nav > li > a:hover,
section#header a,
section#main-menu a {
    color: #ffffff !important;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li.active > a {
    background: #111827 !important;
    color: #00aeef !important;
}
.main-content,
.card,
.panel,
.list-group-item,
.sidebar .panel,
.sidebar .list-group-item,
.product,
.product header,
.products .product {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: #243145 !important;
}
.card-header,
.panel-heading,
.product header {
    background: #0b1220 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}
h1, h2, h3, h4, h5, h6,
.product-title,
.product header span {
    color: #ffffff !important;
}
p, div, span, li {
    border-color: #243145;
}
a {
    color: #00aeef;
}
.btn-success,
.btn-primary,
.btn-order-now,
button.btn-success {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}
.btn-success:hover,
.btn-primary:hover {
    background: #22c55e !important;
    border-color: #22c55e !important;
}
.form-control,
input,
select,
textarea {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}
.breadcrumb,
.breadcrumb li,
.breadcrumb a {
    background: #0b1220 !important;
    color: #cbd5e1 !important;
}
footer.footer,
section#footer {
    background: #050505 !important;
    color: #cbd5e1 !important;
    border-top: 1px solid #1f2937 !important;
}
.navbar-brand img,
.logo img,
section#header img {
    max-height: 70px !important;
}
/* ITJONI WHMCS BLACK THEME END */

/* ITJONI WHMCS BODY FONT DARK FIX START */
html,
body {
    background: #050505 !important;
    color: #e5e7eb !important;
    font-family: Inter, "Segoe UI", "Noto Sans Bengali", Arial, sans-serif !important;
}

/* Main white body area */
#main-body,
.main-body,
section#main-body,
.main-content,
.container,
.container-fluid {
    background: transparent !important;
}

/* Page content cards */
.card,
.panel,
.tiles .tile,
.client-home-panels .panel,
.home-kb-search,
.marketing-email-optin,
.domain-checker-container,
.product,
.products .product,
.sidebar .panel,
.list-group-item {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: #243145 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.card-title,
.panel-title,
.product-title {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Paragraph and normal text */
p, div, span, li, label,
.form-group,
.product-desc,
.product-pricing,
.marketing-email-optin p {
    color: #d1d5db !important;
}

/* Breadcrumb / grey strip */
.breadcrumb,
.breadcrumb li,
.breadcrumb a,
.breadcrumb-container,
.header-lined {
    background: #0b1220 !important;
    color: #cbd5e1 !important;
    border-color: #243145 !important;
}

/* WHMCS homepage custom hero if light */
.itjoni-hero,
.itjoni-hosting-hero,
.hero,
.jumbotron,
.landing-page,
.home-banner,
section,
main {
    background-color: #050505 !important;
}

/* Input/search */
input,
select,
textarea,
.form-control {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

input::placeholder {
    color: #94a3b8 !important;
}

/* Buttons */
.btn-primary,
.btn-success,
.btn-info,
button.btn {
    border-radius: 10px !important;
    font-weight: 700 !important;
}

/* Links */
a {
    color: #00aeef;
}

/* Footer */
footer,
.footer,
section#footer {
    background: #050505 !important;
    color: #cbd5e1 !important;
    border-top: 1px solid #1f2937 !important;
}
/* ITJONI WHMCS BODY FONT DARK FIX END */


/* ITJONI WHMCS BLACK AREA WHITE FONT FIX START */

/* Top header / menu black area text */
section#header,
section#header *,
section#main-menu,
section#main-menu *,
.navbar-main,
.navbar-main *,
.main-navbar-wrapper,
.main-navbar-wrapper *,
.navbar,
.navbar *,
.navbar-nav,
.navbar-nav *,
.header,
.header *,
.topbar,
.topbar * {
    color: #ffffff !important;
}

/* Menu links */
section#main-menu a,
.navbar-main a,
.navbar-nav > li > a,
.navbar-nav > li > a span,
.dropdown-toggle,
.dropdown-toggle * {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Hover / active menu */
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li.open > a {
    color: #00aeef !important;
    background: #111827 !important;
}

/* Search input text */
section#header input,
section#header .form-control,
.header input,
.header .form-control {
    color: #ffffff !important;
    background: #050816 !important;
    border-color: #334155 !important;
}

section#header input::placeholder,
.header input::placeholder {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

/* Cart/account icons */
section#header i,
section#header .fa,
section#header .fas,
section#header .far,
section#header .badge,
.header i,
.header .fa,
.header .fas,
.header .far,
.header .badge {
    color: #ffffff !important;
}

/* Breadcrumb black/blue strip */
.breadcrumb,
.breadcrumb *,
.breadcrumb-container,
.breadcrumb-container *,
.header-lined,
.header-lined * {
    color: #ffffff !important;
}

/* ITJONI WHMCS BLACK AREA WHITE FONT FIX END */


/* ITJONI WHMCS CARD BODY DARK FIX START */

/* All white cards / boxes */
.card,
.panel,
.panel-default,
.panel-body,
.panel-heading,
.tile,
.tiles .tile,
.client-home-panels .panel,
.home-shortcuts,
.home-shortcuts .lead,
.home-shortcuts .col-md-4,
.home-kb-search,
.marketing-email-optin,
.domain-checker-container,
.product,
.products .product,
.sidebar .panel,
.sidebar .list-group,
.sidebar .list-group-item,
.list-group-item,
.alert,
.well,
.jumbotron,
.itjoni-card,
.quick-actions,
.quick-actions *,
[class*="quick"],
[class*="action"] {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: #243145 !important;
}

/* Card header/title */
.card-header,
.panel-heading,
.panel-title,
.card-title,
.tile .title,
.quick-actions h1,
.quick-actions h2,
.quick-actions h3,
.quick-actions h4,
.quick-actions strong,
.quick-actions b,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.card h1,
.card h2,
.card h3,
.card h4 {
    background: #0b1220 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* Card body normal text */
.card p,
.card div,
.card span,
.card li,
.panel p,
.panel div,
.panel span,
.panel li,
.list-group-item,
.list-group-item *,
.tile,
.tile *,
.well,
.well *,
.jumbotron,
.jumbotron * {
    color: #dbeafe !important;
}

/* Buttons inside cards */
.card .btn,
.panel .btn,
.quick-actions .btn,
.tile .btn {
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
}

/* Light grey button fix */
.btn-default,
.btn-secondary,
.btn-light,
.panel .btn-default,
.card .btn-default {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

/* Green/blue buttons readable */
.btn-primary,
.btn-success,
.btn-info {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Input/search box inside white cards */
.card input,
.card select,
.card textarea,
.panel input,
.panel select,
.panel textarea,
.form-control {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

.form-control::placeholder,
input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Disable faded/opacity text */
.card *,
.panel *,
.tile *,
.well *,
.jumbotron * {
    opacity: 1 !important;
}

/* ITJONI WHMCS CARD BODY DARK FIX END */


/* ITJONI WHMCS WHITE SIDE / STRIP FIX START */

/* full page wrappers */
body,
.wrapper,
.contentarea,
#main-body,
section#main-body,
.main-body,
.main-content,
.container,
.container-fluid,
.row,
div[role="main"] {
    background: #050505 !important;
}

/* breadcrumb strip side white fix */
.breadcrumb,
.breadcrumb-container,
.breadcrumb-area,
.header-lined,
div.breadcrumb,
section.breadcrumb,
.bg-light,
.bg-white {
    background: #0b1220 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* WHMCS cart page outside area */
#order-standard_cart,
#order-standard_cart .container,
#order-standard_cart .row,
#order-standard_cart .view-cart-items,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .products,
#order-standard_cart .products .product {
    background: #050505 !important;
}

/* keep product/card dark */
#order-standard_cart .products .product,
#order-standard_cart .categories-collapsed,
#order-standard_cart .secondary-cart-body,
.panel,
.card,
.list-group-item {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: #243145 !important;
}

/* top grey/white strip */
section#main-menu + section,
section#header + section,
.main-navbar-wrapper + section {
    background: #050505 !important;
}

/* text */
#order-standard_cart *,
.breadcrumb *,
.header-lined * {
    color: #ffffff !important;
}

/* ITJONI WHMCS WHITE SIDE / STRIP FIX END */


/* ITJONI WHMCS FULL DARK THEME START */

html,
body {
    background: #000000 !important;
    color: #e5e7eb !important;
}

/* Full page wrappers */
.wrapper,
.bodyContent,
.contentarea,
.main-content,
.main-body,
#main-body,
section#main-body,
.container,
.container-fluid,
.row,
main,
section,
article,
div[role="main"] {
    background-color: #000000 !important;
}

/* Header / menu */
section#header,
section#main-menu,
.header,
.navbar,
.navbar-main,
.main-navbar-wrapper,
.topbar {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #1f2937 !important;
}

section#header *,
section#main-menu *,
.navbar *,
.navbar-main *,
.main-navbar-wrapper * {
    color: #ffffff !important;
}

/* Breadcrumb / strips */
.breadcrumb,
.breadcrumb-container,
.breadcrumb-area,
.header-lined,
.bg-light,
.bg-white,
.alert-light {
    background: #0b1220 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

.breadcrumb *,
.breadcrumb-container *,
.header-lined * {
    color: #ffffff !important;
}

/* Cart/orderform full dark */
#order-standard_cart,
#order-standard_cart *,
#order-standard_cart .container,
#order-standard_cart .row,
#order-standard_cart .products,
#order-standard_cart .products .product,
#order-standard_cart .sidebar,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .secondary-cart-body,
#order-standard_cart .view-cart-items,
#order-standard_cart .cart-body,
#order-standard_cart .cart-sidebar {
    background-color: #000000 !important;
    color: #e5e7eb !important;
}

/* Cards, panels, boxes */
.card,
.card-body,
.card-header,
.panel,
.panel-body,
.panel-heading,
.panel-footer,
.list-group,
.list-group-item,
.tile,
.tiles .tile,
.product,
.products .product,
.sidebar .panel,
.sidebar .list-group-item,
.well,
.jumbotron,
.alert,
.dropdown-menu,
.modal-content,
.table,
.table td,
.table th {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: #243145 !important;
}

/* Product card headers */
.product header,
.products .product header,
#order-standard_cart .products .product header,
.card-header,
.panel-heading {
    background: #0b1220 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* Headings and text */
h1, h2, h3, h4, h5, h6,
p, div, span, li, label,
strong, b, small,
.product-title,
.panel-title,
.card-title {
    color: #ffffff !important;
}

.text-muted,
.help-block,
small,
.small {
    color: #cbd5e1 !important;
}

/* Forms */
input,
select,
textarea,
.form-control,
.input-group-text {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

input::placeholder,
textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Buttons */
.btn,
button,
input[type="submit"] {
    border-radius: 10px !important;
    font-weight: 800 !important;
}

.btn-primary,
.btn-success,
.btn-info,
button.btn-primary,
button.btn-success {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover {
    background: #22c55e !important;
    border-color: #22c55e !important;
    color: #ffffff !important;
}

.btn-default,
.btn-secondary,
.btn-light {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

/* Links */
a,
a:hover,
a:focus {
    color: #38bdf8 !important;
}

/* Tables */
table,
.table {
    background: #111827 !important;
    color: #ffffff !important;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* Dropdowns */
.dropdown-menu {
    background: #111827 !important;
    border-color: #243145 !important;
}

.dropdown-menu a,
.dropdown-menu li a {
    color: #ffffff !important;
}

.dropdown-menu a:hover {
    background: #1f2937 !important;
    color: #38bdf8 !important;
}

/* Footer */
footer,
.footer,
section#footer {
    background: #000000 !important;
    color: #cbd5e1 !important;
    border-top: 1px solid #1f2937 !important;
}

/* Remove white side gaps */
body > .container,
body > .container-fluid,
section > .container,
section > .container-fluid {
    background: transparent !important;
}

/* Keep logo visible */
.navbar-brand img,
.logo img,
section#header img {
    max-height: 75px !important;
}

/* ITJONI WHMCS FULL DARK THEME END */


/* ITJONI FORCE FULL BLACK + DARK CARDS START */

html,
body,
body > *,
.wrapper,
.contentarea,
#main-body,
section#main-body,
.main-body,
.main-content,
.container,
.container-fluid,
main,
section,
article {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Force all white/light boxes to dark */
.card,
.card-body,
.card-header,
.panel,
.panel-body,
.panel-heading,
.panel-footer,
.well,
.jumbotron,
.tile,
.product,
.products .product,
.box,
.alert,
.list-group,
.list-group-item,
[class*="card"],
[class*="box"],
[class*="panel"],
[class*="plan"],
[class*="feature"],
[class*="pricing"],
[class*="quick"],
[class*="action"] {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}

/* Inline white/light background override */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background: rgb(255"],
[style*="background-color: rgb(255"] {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #ffffff !important;
}

/* Hosting custom page cards */
.itjoni-hero,
.itjoni-hero *,
.itjoni-card,
.itjoni-card *,
.itjoni-hosting-card,
.itjoni-hosting-card *,
.hosting-card,
.hosting-card *,
.plan-card,
.plan-card *,
.feature-card,
.feature-card *,
.quick-actions,
.quick-actions * {
    color: #ffffff !important;
}

/* Only card containers dark */
.itjoni-card,
.itjoni-hosting-card,
.hosting-card,
.plan-card,
.feature-card,
.quick-actions {
    background: #111827 !important;
    background-color: #111827 !important;
    border: 1px solid #243145 !important;
}

/* Text force */
h1, h2, h3, h4, h5, h6,
p, div, span, li, label,
strong, b, small {
    color: #ffffff !important;
}

/* Muted text */
.text-muted,
small,
.small {
    color: #cbd5e1 !important;
}

/* Keep page sections dark */
#main-body .container,
#main-body .container-fluid,
#main-body .row,
#main-body [class*="col-"] {
    background: transparent !important;
}

/* Buttons */
.btn,
button,
input[type="submit"] {
    border-radius: 10px !important;
    font-weight: 800 !important;
}

.btn-primary,
.btn-success,
.btn-info {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

.btn-default,
.btn-secondary,
.btn-light {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

/* Forms */
input,
select,
textarea,
.form-control {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

input::placeholder,
textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Header and breadcrumb */
section#header,
section#main-menu,
.navbar,
.navbar-main,
.header,
.breadcrumb,
.breadcrumb-container,
.header-lined {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* White side gap remove */
body:before,
body:after {
    background: #000000 !important;
}

/* ITJONI FORCE FULL BLACK + DARK CARDS END */


/* ITJONI QUICK ACTION FRAME DARK FIX START */

/* force white/glass inline backgrounds to dark */
[style*="rgba(255"],
[style*="rgb(255"],
[style*="#fff"],
[style*="#ffffff"],
[style*="white"],
[style*="linear-gradient"] {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* quick actions right box */
.quick-actions,
.quick-actions *,
[class*="quick"],
[class*="quick"] *,
[class*="action"],
[class*="action"] *,
[class*="glass"],
[class*="glass"] *,
[class*="hero"] [class*="card"],
[class*="hero"] [class*="box"],
[class*="hero"] [class*="action"] {
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* right side frame/card */
[class*="right"],
[class*="right"] *,
[class*="side"],
[class*="side"] * {
    color: #ffffff !important;
}

/* buttons readable */
.quick-actions .btn,
.quick-actions button,
[class*="quick"] .btn,
[class*="action"] .btn {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
    font-weight: 800 !important;
}

/* green notice inside quick card */
.quick-actions [style*="green"],
.quick-actions [style*="rgba"],
[class*="quick"] [style*="green"],
[class*="quick"] [style*="rgba"] {
    background: #064e3b !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
}

/* ITJONI QUICK ACTION FRAME DARK FIX END */


/* ITJONI FULL BLACK FINAL FIX START */

/* Main full page */
html,
body,
body *,
.wrapper,
.contentarea,
#main-body,
section#main-body,
.main-body,
.main-content,
.container,
.container-fluid,
main,
section,
article {
    background-color: #000000 !important;
}

/* remove white sides */
body,
#main-body,
section#main-body,
.main-content,
.container,
.container-fluid {
    background: #000000 !important;
}

/* force all white/light inline background to dark */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="rgb(255"],
[style*="rgba(255"],
[style*="#f8"],
[style*="#f9"],
[style*="#fafafa"],
[style*="#f1f5f9"],
[style*="#eef"] {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* FAQ white bars / cards / boxes */
.card,
.card-body,
.card-header,
.panel,
.panel-body,
.panel-heading,
.panel-footer,
.well,
.jumbotron,
.alert,
.box,
.tile,
.list-group,
.list-group-item,
.accordion,
.accordion-item,
.accordion-header,
.accordion-body,
.collapse,
.faq,
.faq *,
[class*="faq"],
[class*="accordion"],
[class*="question"],
[class*="answer"],
[class*="card"],
[class*="box"],
[class*="panel"],
[class*="cta"],
[class*="feature"],
[class*="plan"],
[class*="pricing"],
[class*="quick"],
[class*="action"] {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* page headings and text */
h1, h2, h3, h4, h5, h6,
p, div, span, li, label,
strong, b, small,
a {
    color: #ffffff !important;
}

/* muted text */
.text-muted,
small,
.small {
    color: #cbd5e1 !important;
}

/* footer */
footer,
.footer,
section#footer,
#footer {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #1f2937 !important;
}

/* forms */
input,
select,
textarea,
.form-control {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

/* buttons */
.btn,
button,
input[type="submit"] {
    font-weight: 800 !important;
    border-radius: 10px !important;
}

.btn-primary,
.btn-success,
.btn-info {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

.btn-default,
.btn-secondary,
.btn-light {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

/* ITJONI FULL BLACK FINAL FIX END */


/* ITJONI FINAL BLACK PAGE + WHITE FONT FORCE START */

/* Full browser/page background */
html,
body,
body::before,
body::after,
#main-body,
section#main-body,
.main-body,
.main-content,
.contentarea,
.wrapper,
.bodyContent,
.container,
.container-fluid,
.row,
main,
section,
article {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Remove left/right white side frame */
body > div,
body > section,
#main-body > div,
section#main-body > div,
.main-content > div,
.contentarea > div,
.wrapper > div {
    background-color: #000000 !important;
}

/* Any white/light inline background = dark */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="rgb(255"],
[style*="rgba(255"],
.bg-white,
.bg-light {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* Cards/FAQ/table boxes dark */
.card,
.card-body,
.card-header,
.panel,
.panel-body,
.panel-heading,
.panel-footer,
.well,
.jumbotron,
.alert,
.box,
.tile,
.list-group,
.list-group-item,
.table,
table,
thead,
tbody,
tr,
td,
th,
.accordion,
.accordion-item,
.accordion-header,
.accordion-body,
[class*="card"],
[class*="box"],
[class*="panel"],
[class*="faq"],
[class*="question"],
[class*="answer"],
[class*="feature"],
[class*="plan"],
[class*="pricing"],
[class*="comparison"],
[class*="compare"] {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #243145 !important;
}

/* All text white */
html body,
html body *,
h1, h2, h3, h4, h5, h6,
p, div, span, li, label,
strong, b, small,
table, table *,
td, td *,
th, th *,
tr, tr *,
a, a *,
.text-muted,
.small {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Force dark-blue inline color to white */
[style*="color:#0"],
[style*="color: #0"],
[style*="color:#1"],
[style*="color: #1"],
[style*="color:rgb(0"],
[style*="color: rgb(0"],
[style*="color:rgba(0"],
[style*="color: rgba(0"] {
    color: #ffffff !important;
}

/* Buttons stay readable */
.btn,
button,
input[type="submit"] {
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
}

.btn-primary,
.btn-success,
.btn-info {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

.btn-default,
.btn-secondary,
.btn-light {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

/* Forms */
input,
select,
textarea,
.form-control {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

input::placeholder,
textarea::placeholder {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

/* Header/footer */
section#header,
section#main-menu,
.navbar,
.navbar-main,
.header,
footer,
.footer,
section#footer,
#footer {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ITJONI FINAL BLACK PAGE + WHITE FONT FORCE END */

/* ITJONI SIDE WHITE MARGIN REMOVE START */
html,
body {
    background: #000000 !important;
    background-color: #000000 !important;
}

#main-body,
section#main-body,
.main-body,
.main-content,
.contentarea,
.wrapper {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* make WHMCS content area full dark width */
#main-body > .container,
section#main-body > .container,
.main-content > .container,
.contentarea > .container {
    background: #000000 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* inner custom page can stay centered but outside black */
#main-body .container .container,
section#main-body .container .container {
    max-width: 1200px !important;
}

/* top/header area full black */
section#header,
section#main-menu,
.navbar,
.navbar-main,
.header,
.breadcrumb,
.breadcrumb-container {
    background: #000000 !important;
    background-color: #000000 !important;
}
/* ITJONI SIDE WHITE MARGIN REMOVE END */


/* ITJONI FORCE BLACK BODY EDGE */
html, body, body > *, #main-body, section#main-body, .main-body, .main-content, .contentarea, .wrapper {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* ITJONI ONE COLOR DARK FINAL START */
html,
body,
body *,
.wrapper,
.contentarea,
#main-body,
section#main-body,
.main-body,
.main-content,
.container,
.container-fluid,
.row,
main,
section,
article,
.card,
.card-body,
.card-header,
.panel,
.panel-body,
.panel-heading,
.panel-footer,
.well,
.jumbotron,
.alert,
.box,
.tile,
.list-group,
.list-group-item,
.table,
table,
thead,
tbody,
tr,
td,
th,
.accordion,
.accordion-item,
.accordion-header,
.accordion-body,
[class*="card"],
[class*="box"],
[class*="panel"],
[class*="faq"],
[class*="question"],
[class*="answer"],
[class*="feature"],
[class*="plan"],
[class*="pricing"],
[class*="comparison"],
[class*="compare"],
[class*="quick"],
[class*="action"] {
    background: #0b1220 !important;
    background-color: #0b1220 !important;
    color: #ffffff !important;
    border-color: #1e293b !important;
    opacity: 1 !important;
}

h1,h2,h3,h4,h5,h6,p,div,span,li,label,strong,b,small,a,
table,table *,td,td *,th,th *,tr,tr * {
    color: #ffffff !important;
    opacity: 1 !important;
}

input,
select,
textarea,
.form-control {
    background: #050816 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

.btn-primary,
.btn-success,
.btn-info {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

.btn-default,
.btn-secondary,
.btn-light {
    background: #1f2937 !important;
    border-color: #334155 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}
/* ITJONI ONE COLOR DARK FINAL END */

/* ITJONI BILLING LOGO FORCE START */
section#header .logo img,
section#header .navbar-brand img,
.logo img,
.navbar-brand img {
    content: url("/assets/img/itjoni-billing-logo.svg?v=billing-final") !important;
    width: 360px !important;
    max-width: 360px !important;
    height: auto !important;
    max-height: 90px !important;
    object-fit: contain !important;
}
/* ITJONI BILLING LOGO FORCE END */

/* ITJONI BILLING LOGO CLEAN SIZE FIX START */
section#header .logo img,
section#header .navbar-brand img,
.logo img,
.navbar-brand img {
    content: url("/assets/img/itjoni-billing-logo.svg?v=cleanlogo1") !important;
    width: 390px !important;
    max-width: 390px !important;
    height: auto !important;
    max-height: 125px !important;
    object-fit: contain !important;
    display: block !important;
}

section#header .logo,
.navbar-brand {
    height: auto !important;
    min-height: 125px !important;
    overflow: visible !important;
}
/* ITJONI BILLING LOGO CLEAN SIZE FIX END */

/* ITJONI LOGO BACKGROUND MATCH FIX START */
section#header .logo,
section#header .navbar-brand,
.logo,
.navbar-brand {
    background: transparent !important;
    background-color: transparent !important;
    overflow: visible !important;
}

section#header .logo img,
section#header .navbar-brand img,
.logo img,
.navbar-brand img {
    background: transparent !important;
    background-color: transparent !important;
    content: url("/assets/img/itjoni-billing-logo.svg?v=bgmatch1") !important;
}
/* ITJONI LOGO BACKGROUND MATCH FIX END */







/* ITJONI CART ALIGN WITH LOGO START */

/* left sidebar hide */
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .row > .col-md-3:first-child,
#order-standard_cart .row > .col-sm-3:first-child {
    display: none !important;
}

/* cart whole area same level as logo/header content */
#order-standard_cart {
    max-width: 1120px !important;
    width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* main content not full left */
#order-standard_cart .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#order-standard_cart .col-md-9,
#order-standard_cart .col-sm-9,
#order-standard_cart .col-md-8,
#order-standard_cart .col-sm-8,
#order-standard_cart .main-content {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

/* domain page form better position */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart .domain-selection-options,
#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-input-group {
    margin-left: 0 !important;
}

/* mobile fix */
@media screen and (max-width: 768px) {
    #order-standard_cart {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* ITJONI CART ALIGN WITH LOGO END */

/* ITJONI BREADCRUMB CART TOP CLEAN FIX START */

/* grey horizontal bar remove */
.breadcrumb,
.breadcrumb-container,
section#main-body .breadcrumb,
section#main-body .breadcrumb-container {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    color: #ffffff !important;
}

/* breadcrumb text clean */
.breadcrumb li,
.breadcrumb li a,
.breadcrumb .active {
    color: #ffffff !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* remove any grey strip under menu */
section#main-body,
.main-body,
.main-content,
.contentarea {
    border-top: 0 !important;
}

/* cart page content stay logo level and not too low */
#order-standard_cart {
    max-width: 1120px !important;
    width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
}

/* title/content top spacing reduce */
#order-standard_cart h1,
#order-standard_cart h2 {
    margin-top: 10px !important;
}

/* if any grey divider appears */
hr,
.page-header {
    border-color: #1e293b !important;
    background: transparent !important;
}

/* ITJONI BREADCRUMB CART TOP CLEAN FIX END */

/* ITJONI CART POSITION FINAL START */
#order-standard_cart {
    margin-top: -22px !important;
}

#order-standard_cart h1,
#order-standard_cart h2 {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
}

.breadcrumb,
.breadcrumb-container {
    margin-bottom: 35px !important;
}

#order-standard_cart .domain-selection-options,
#order-standard_cart .domain-checker-container {
    margin-top: 0 !important;
}
/* ITJONI CART POSITION FINAL END */



/* ITJONI HIDE SHOPPING CART BREADCRUMB START */
.breadcrumb,
.breadcrumb-container,
section#main-body .breadcrumb,
section#main-body .breadcrumb-container,
ol.breadcrumb,
ul.breadcrumb {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#order-standard_cart {
    margin-top: 0 !important;
}
/* ITJONI HIDE SHOPPING CART BREADCRUMB END */

/* ITJONI CLEAN BILLING HOME START */
.itjoni-billing-home {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 45px 18px 70px;
    color: #fff;
}

.itjoni-billing-hero {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 34px;
    align-items: center;
    background: linear-gradient(135deg, #0b1220 0%, #101827 50%, #08111d 100%);
    border: 1px solid rgba(80,110,150,.35);
    border-radius: 28px;
    padding: 45px;
    box-shadow: 0 30px 80px rgba(0,0,0,.35);
}

.itjoni-badge {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(25,200,255,.08);
    border: 1px solid rgba(25,200,255,.22);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
}

.itjoni-billing-left h1 {
    font-size: 48px;
    line-height: 1.08;
    font-weight: 900;
    margin: 0 0 18px;
    color: #fff;
}

.itjoni-sub {
    font-size: 18px;
    line-height: 1.75;
    color: rgba(255,255,255,.82);
    max-width: 700px;
    margin-bottom: 24px;
}

.itjoni-feature-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0 28px;
}

.itjoni-feature-row span {
    padding: 10px 15px;
    border-radius: 999px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}

.itjoni-home-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.itjoni-btn {
    display: inline-block;
    padding: 13px 22px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.04);
    color: #fff !important;
    font-weight: 800;
    text-decoration: none !important;
    text-align: center;
}

.itjoni-btn-primary {
    background: linear-gradient(135deg, #12b76a, #0ea5e9);
    border-color: transparent;
}

.itjoni-full {
    width: 100%;
    margin-top: 12px;
}

.itjoni-login-card {
    background: rgba(8,13,25,.82);
    border: 1px solid rgba(80,110,150,.45);
    border-radius: 22px;
    padding: 30px;
    color: #fff;
}

.itjoni-login-card h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    margin: 0 0 8px;
}

.itjoni-login-card p {
    color: rgba(255,255,255,.75);
    margin-bottom: 20px;
}

.itjoni-login-form label {
    display: block;
    color: #fff;
    font-weight: 800;
    margin: 14px 0 7px;
}

.itjoni-login-form input[type="email"],
.itjoni-login-form input[type="password"] {
    width: 100%;
    height: 46px;
    background: #070b17;
    border: 1px solid rgba(120,150,190,.38);
    border-radius: 10px;
    color: #fff;
    padding: 0 14px;
}

.itjoni-login-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.itjoni-login-row a,
.itjoni-create a {
    color: #35c7ff !important;
    font-weight: 800;
}

.itjoni-remember {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    color: rgba(255,255,255,.85) !important;
}

.itjoni-create {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.78);
}

.itjoni-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 28px;
}

.itjoni-info-card {
    background: #101827;
    border: 1px solid rgba(80,110,150,.35);
    border-radius: 20px;
    padding: 26px;
    color: #fff;
}

.itjoni-info-card h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    margin: 12px 0 8px;
}

.itjoni-info-card p {
    color: rgba(255,255,255,.75);
    line-height: 1.65;
}

.itjoni-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(25,200,255,.08);
    border: 1px solid rgba(25,200,255,.20);
    font-size: 22px;
}

@media (max-width: 900px) {
    .itjoni-billing-hero {
        grid-template-columns: 1fr;
        padding: 28px;
    }
    .itjoni-billing-left h1 {
        font-size: 34px;
    }
    .itjoni-info-grid {
        grid-template-columns: 1fr;
    }
}
/* ITJONI CLEAN BILLING HOME END */

/* ITJONI HIDE DOMAIN SEARCH HOME START */
.home-domain-search,
.domain-search,
.domain-checker-container,
.domainchecker-homepage-captcha,
section.domain-search,
section.home-domain-search,
div[class*="domain-search"],
div[class*="domainchecker"],
form[action*="domainchecker"],
form[action*="cart.php?a=add&domain"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* ITJONI HIDE DOMAIN SEARCH HOME END */

/* ITJONI HIDE TOP ACCOUNT MENU START */
.navbar-nav.navbar-right,
ul.nav.navbar-nav.navbar-right,
.header .navbar-right,
.main-navbar .navbar-right,
a[href*="login.php"].dropdown-toggle,
a[href*="clientarea.php"].dropdown-toggle {
    display: none !important;
}
/* ITJONI HIDE TOP ACCOUNT MENU END */

/* ITJONI HOME CARD BUTTON COLOR START */
.itjoni-info-grid .itjoni-info-card:nth-child(1) {
    background: linear-gradient(145deg, #071f2f, #0d1322) !important;
    border-color: rgba(0, 194, 255, .45) !important;
}
.itjoni-info-grid .itjoni-info-card:nth-child(2) {
    background: linear-gradient(145deg, #1a1430, #0d1322) !important;
    border-color: rgba(168, 85, 247, .45) !important;
}
.itjoni-info-grid .itjoni-info-card:nth-child(3) {
    background: linear-gradient(145deg, #102314, #0d1322) !important;
    border-color: rgba(34, 197, 94, .45) !important;
}

.itjoni-info-grid .itjoni-info-card {
    box-shadow: 0 18px 45px rgba(0,0,0,.25) !important;
}
.itjoni-info-grid .itjoni-info-card h3 {
    color: #ffffff !important;
}
.itjoni-info-grid .itjoni-info-card p {
    color: rgba(255,255,255,.82) !important;
}

.itjoni-home-actions .itjoni-btn:nth-child(1),
.itjoni-login-card .itjoni-btn-primary {
    background: linear-gradient(135deg, #00b7ff, #006dff) !important;
    border-color: rgba(0, 183, 255, .65) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(0, 183, 255, .22) !important;
}
.itjoni-home-actions .itjoni-btn:nth-child(2) {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    border-color: rgba(34, 197, 94, .65) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(34, 197, 94, .18) !important;
}
.itjoni-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}
/* ITJONI HOME CARD BUTTON COLOR END */

/* ITJONI TOP MENU COLOR BUTTON START */
.navbar-main .navbar-nav > li > a,
.navbar-nav > li > a,
nav a {
    color: #ffffff !important;
    background: rgba(0, 183, 255, .08) !important;
    border: 1px solid rgba(0, 183, 255, .22) !important;
    border-radius: 12px !important;
    padding: 9px 16px !important;
    margin: 0 4px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all .18s ease !important;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-nav > li > a:hover,
nav a:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #00b7ff, #006dff) !important;
    border-color: rgba(0, 183, 255, .75) !important;
    box-shadow: 0 10px 24px rgba(0, 183, 255, .20) !important;
    text-decoration: none !important;
}

.navbar-main .navbar-nav > li.active > a,
.navbar-nav > li.active > a {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    border-color: rgba(34, 197, 94, .75) !important;
    color: #ffffff !important;
}

.dropdown-menu {
    background: #0b1220 !important;
    border: 1px solid rgba(0, 183, 255, .25) !important;
    border-radius: 14px !important;
}

.dropdown-menu > li > a {
    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
    margin: 2px 6px !important;
    border-radius: 10px !important;
}

.dropdown-menu > li > a:hover {
    background: rgba(0, 183, 255, .18) !important;
    color: #ffffff !important;
}
/* ITJONI TOP MENU COLOR BUTTON END */

/* ITJONI HIDE STORE + HEADER CART START */
.navbar a[href*="cart.php?a=view"],
.navbar a[href*="cart.php?a=checkout"],
.header a[href*="cart.php?a=view"],
#header a[href*="cart.php?a=view"],
a[href*="cart.php?a=view"] .fa-shopping-cart,
a[href*="cart.php?a=view"] .glyphicon-shopping-cart {
    display: none !important;
}
/* ITJONI HIDE STORE + HEADER CART END */

/* ITJONI_HIDE_WHMC_CART_ROUND_LOGO_FINAL */
/* Hide round/product image inside WHMCS cart/domain/order form only.
   Do not touch main billing header logo. */

#order-standard_cart .product-icon,
#order-standard_cart .product-logo,
#order-standard_cart .product-image,
#order-standard_cart .store-product-image,
#order-standard_cart .cart-product-image,
#order-standard_cart .domain-selection-options img,
#order-standard_cart .field-container > img,
#order-standard_cart .panel-body > img.rounded,
#order-standard_cart img.rounded-circle,
#order-standard_cart img.img-circle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep normal header billing logo visible */
header img,
#header img,
.navbar-brand img,
.logo img {
    display: inline-block !important;
    visibility: visible !important;
}
/* END ITJONI_HIDE_WHMC_CART_ROUND_LOGO_FINAL */


/* ITJONI_POS_CONFIG_SELECT_BOX_FIX_FINAL */
/* Fix WHMCS product configurable options select/dropdown height cut issue */
#order-standard_cart select,
#order-standard_cart .form-control,
#order-standard_cart .field,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"] {
    min-height: 52px !important;
    height: auto !important;
    line-height: 1.35 !important;
    padding: 13px 18px !important;
    font-size: 18px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}

#order-standard_cart select.form-control,
#order-standard_cart select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    overflow: visible !important;
}

#order-standard_cart .form-group,
#order-standard_cart .field-container,
#order-standard_cart .sub-heading,
#order-standard_cart .product-configurable-options {
    overflow: visible !important;
}

#order-standard_cart label,
#order-standard_cart .control-label {
    display: block !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
    font-size: 14px !important;
}

/* Fix native dropdown text on Mac/Chrome */
#order-standard_cart option {
    font-size: 18px !important;
    line-height: 1.5 !important;
    padding: 8px 12px !important;
}
/* END ITJONI_POS_CONFIG_SELECT_BOX_FIX_FINAL */