/* ==================================================
   HOSTFLOW COLOR SKIN FOR WHMCS TWENTY
   (NO LAYOUT CHANGES)
================================================== */

/* ===== GLOBAL BACKGROUND ===== */
body {
    background: #000;
    color: #cbd5e1;
}

/* ===== HEADER / NAVBAR ===== */
.header,
.navbar,
.main-navbar-wrapper,
.master-breadcrumb {
    background-color: #050510 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #0e0e24;
}    

.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: #050510;
}

.breadcrumb {
    background-color: #050510
}

.tiles .tile {
    background-color: #0e0e24;
}

.modal-content {
    background-color: #0e0e24;
}

.btn-default {
    color: #ffffff;
    background-color: #369;
}    

.progress {
    background-color: #369;
}

.alert-success {
    color: #ffffff;
    background-color: #0e0e24;
}

.primary-bg-color {
    background-color: #050510;
}

.client-home-cards .card-header {
    background-color: #0e0e24;
}

.list-group-item {
    background-color: #0e0e24;
}

.dropdown-menu {
    background-color: #050510;
}

.navbar a,
.nav-link {
    color: #cbd5e1 !important;
}

.navbar a:hover,
.nav-link:hover {
    color: #00f3ff !important;
}

/* ===== SEARCH BAR ===== */
.navbar .form-control,
.navbar .input-group-text,
.navbar .btn-default {
    background: #0e0e24 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* ===== CARDS / PANELS ===== */
.panel,
.card,
.sidebar,
.well {
    background: #0e0e24 !important;
    border: 1px solid rgba(255,255,255,0.08);
    color: #cbd5e1;
}

/* ===== LOGIN / AUTH BOX ===== */
.login-container,
.auth-container {
    background: #0e0e24 !important;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
}

/* ===== INPUTS ===== */
input,
select,
textarea {
    background: #050510 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.15) !important;
}

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

/* ===== BUTTONS ===== */
.btn-primary,
.btn-success {
    background: linear-gradient(135deg, #0b00ff, #00c2cc) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
}

/* ===== TEXT ===== */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* ===== FOOTER (COLOR ONLY) ===== */
.footer {
    background: #020207 !important;
    color: #cbd5e1;
}

.footer a {
    color: #00f3ff;
}

.footer a:hover {
    color: #ffffff;
}

.input-group-text {
    background-color: #050510;
    border: 1px solid #0e0e24;
}

.products .product {
 {
    background-color: #0e0e24;
}

/* ==============================
   BLACK HOVER OVERRIDE (FINAL)
============================== */

/* NAVBAR + MENU */
.navbar a:hover,
.nav-link:hover,
.navbar-nav li a:hover {
    background-color: #050510 !important;
    color: #00f3ff !important;
}

/* DROPDOWN ITEMS */
.dropdown-menu a:hover {
    background-color: #050510 !important;
    color: #00f3ff !important;
}

/* SIDEBAR LINKS */
.sidebar a:hover {
    background-color: #050510 !important;
    color: #00f3ff !important;
}

/* SEARCH ICON / BUTTON */
.input-group-text:hover,
.btn-default:hover {
    background-color: #050510 !important;
    color: #00f3ff !important;
}

/* =========================================
   CLIENT AREA DASHBOARD HOVER FIX
   (WHMCS Twenty)
========================================= */

/* DASHBOARD TILES */
.client-home-panels .panel-body:hover,
.client-home-panels .panel-body a:hover,
.client-home-panels .tile:hover,
.client-home-panels .tile a:hover {
    background-color: #050510 !important;
    color: #ffffff !important;
}

/* TILE ICONS + TEXT */
.client-home-panels .tile:hover i,
.client-home-panels .tile:hover span,
.client-home-panels .tile:hover strong {
    color: #00f3ff !important;
}

/* ACTIVE TILE (SELECTED) */
.client-home-panels .tile.active,
.client-home-panels .tile.active:hover {
    background-color: #0e0e24 !important;
}

/* SERVICES / LIST ROW HOVER */
.list-group-item:hover,
.list-group-item:focus {
    background-color: #050510 !important;
    color: #ffffff !important;
}

#tableServicesList tbody tr:hover > td {
    background-color: rgba(0, 243, 255, 0.06) !important;
}

.fa-inverse {
    color: #050510;
}

/* VIEW DETAILS / VIEW MORE BUTTON HOVER */
a.btn:hover,
.btn-view-details:hover {
    background-color: #050510 !important;
    color: #00f3ff !important;
}

/* SIDEBAR LINKS */
.sidebar a:hover,
.client-home-sidebar a:hover {
    background-color: #050510 !important;
    color: #00f3ff !important;
}

/* REMOVE WHMCS DEFAULT LIGHT OVERLAY */
.client-home-panels a:hover::before,
.client-home-panels a:hover::after {
    display: none !important;
}

.md-editor>.md-preview, .md-editor>textarea.markdown-editor {
    background-color: #050510 !important;
}

.md-editor>.btn-toolbar {
    background-color: #050510 !important;
}

.md-editor .md-footer, .md-editor>.md-header {
    background: #050510;
}

.tiles .tile:hover {
    background-color: #212529;
}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}