@font-face {
    font-family: 'mavenpro'; /*a name to be used later*/
    src: url('../fonts/Maven Pro Regular.otf'); /*URL to font*/
}

body {
    font-family: 'mavenpro';
    background: url('../images/pattern.png');
}

.bg-primary {
    background-color: #2b2d2f !important;
}

.list-group-item.active {
    background-color: #2b2d2f;
    border-color: #2b2d2f;
}






/* ===== SPIX quick dark overrides (simple) ===== */
:root{
  --spix-bg: #404040;
  --spix-fg: #ffffff;
  --spix-table: #333333;
  --spix-table-strong: #1A1A1A;
  --spix-btn: #2CA946;
  --spix-btn-hover: #99C336;
  --spix-field: #808080;
}

/* Base */
html, body{
  background: var(--spix-bg) !important;
  color: var(--spix-fg) !important;
  background-image: none !important;
}

/* Tables */
table, .table{
  background-color: var(--spix-table) !important;
  color: var(--spix-fg) !important;
  border-color: var(--spix-table-strong) !important;
}
table th, .table thead th{
  background-color: var(--spix-table-strong) !important;
  color: var(--spix-fg) !important;
  border-color: var(--spix-table-strong) !important;
}
.table td, table td, .table th, table th{
  border-color: var(--spix-table-strong) !important;
}
.table-striped tbody tr:nth-of-type(odd){
  background-color: var(--spix-table) !important;
}
.table-striped tbody tr:nth-of-type(even){
  background-color: #2b2b2b !important; /* subtle alt */
}

/* List groups / panels (common in HostFact skins) */
.list-group-item{
  background-color: var(--spix-table) !important;
  color: var(--spix-fg) !important;
  border-color: var(--spix-table-strong) !important;
}
.list-group-item.active,
.bg-primary{
  background-color: var(--spix-table-strong) !important;
  border-color: var(--spix-table-strong) !important;
  color: var(--spix-fg) !important;
}

/* Buttons */
button, .btn, .button, input[type="submit"], input[type="button"], .btn-primary, .btn-success{
  background-color: var(--spix-btn) !important;
  border-color: var(--spix-btn) !important;
  color: #fff !important;
  box-shadow: none !important;
}
button:hover, .btn:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn-primary:hover, .btn-success:hover,
button:focus, .btn:focus, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, .btn-primary:focus, .btn-success:focus{
  background-color: var(--spix-btn-hover) !important;
  border-color: var(--spix-btn-hover) !important;
  color: #1b1b1b !important;
  outline: none !important;
}

/* Form fields */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea{
  background-color: var(--spix-field) !important;
  color: #fff !important;
  border: 1px solid var(--spix-table-strong) !important;
  box-shadow: none !important;
}
input::placeholder, textarea::placeholder{
  color: rgba(255,255,255,.85) !important;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--spix-btn) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(44,169,70,.25) !important;
}

/* Links on dark background */
a{ color: #fff; }
a:hover{ color: #e5ffe5; }

/* Cards / panels (fallback) */
.card, .panel, .panel-body, .panel-default, .panel-heading{
  background-color: var(--spix-table) !important;
  color: var(--spix-fg) !important;
  border-color: var(--spix-table-strong) !important;
}


/* ===== Additional overrides: make all content blocks dark (#404040) and headings white ===== */
:root{
  --spix-bg: #404040;
  --spix-fg: #ffffff;
  --spix-table: #333333;
  --spix-table-strong: #1A1A1A;
}

/* Generic containers / content blocks */
.panel, .panel-body, .panel-default, .panel-heading,
.card, .card-body, .card-header, .card-footer,
.well, .thumbnail, .jumbotron,
.box, .box-body, .box-header, .box-footer,
.widget, .widget-body, .widget-title,
.content-box, .content, .content-panel, .portlet, .portlet-body, .portlet-title,
.bg-white, .white-bg, .bg-light {
  background-color: var(--spix-bg) !important;
  color: var(--spix-fg) !important;
  border-color: var(--spix-table-strong) !important;
}
.panel-heading, .card-header, .box-header, .widget-title, .portlet-title{
  border-bottom: 1px solid var(--spix-table-strong) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.panel-title, .card-title, .box-title, .widget-title{
  color: var(--spix-fg) !important;
}

/* Tabs (if used) */
.nav-tabs{
  border-bottom-color: var(--spix-table-strong) !important;
}
.nav-tabs > li > a{
  background: var(--spix-bg) !important;
  color: var(--spix-fg) !important;
  border: 1px solid var(--spix-table-strong) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
  background: var(--spix-table) !important;
  color: var(--spix-fg) !important;
  border-color: var(--spix-table-strong) !important;
}

/* Make sure common "white text" helpers don't invert on dark */
.text-dark{ color: var(--spix-fg) !important; }
.text-muted{ color: rgba(255,255,255,.7) !important; }

/* HR */
hr{ border-color: var(--spix-table-strong) !important; }


/* ===== v3: Targeted HostFact classes seen in templates ===== */

/* Layout containers */
.main-content,
.sidebar,
.sidebar-column,
.scrollable-list,
.list-group.full-width {
  background-color: #404040 !important;
  color: #ffffff !important;
  border-color: #1A1A1A !important;
}

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

/* Lists & list items (sidebar and content) */
.list-group-item {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #1A1A1A !important;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #1A1A1A !important;
  color: #ffffff !important;
  border-color: #1A1A1A !important;
}

/* Definition lists */
.dl-horizontal,
.dl-horizontal dt,
.dl-horizontal dd {
  color: #ffffff !important;
}
.dl-horizontal dt { opacity: .9; }

/* Cards used around ticket messages */
.card,
.card-block,
.card-body,
.panel,
.panel-body,
.panel-default,
.panel-heading {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #1A1A1A !important;
}
.panel-heading, .card-header { border-bottom: 1px solid #1A1A1A !important; }

/* Inline style override in template */
.ticket-company {
  background-color: #333333 !important;
  color: #ffffff !important;
}

/* Modals */
.modal-content,
.modal-header,
.modal-footer {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #1A1A1A !important;
}
.modal-title { color: #ffffff !important; }
.modal-header .close, .close {
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: .8;
}
.modal-header .close:hover, .close:hover { opacity: 1; }

/* Badges/Tags */
.tag, .tag-default, .badge, .badge-default {
  background-color: #1A1A1A !important;
  color: #ffffff !important;
  border-color: #1A1A1A !important;
}

/* Forms */
.form-control,
input.form-control,
select.form-control,
textarea.form-control {
  background-color: #808080 !important;
  color: #ffffff !important;
  border: 1px solid #1A1A1A !important;
  box-shadow: none !important;
}
.form-control:focus {
  border-color: #2CA946 !important;
  box-shadow: 0 0 0 2px rgba(44,169,70,.25) !important;
}
.form-list-search input#list-search.form-control {
  background-color: #808080 !important;
}

/* Generic text helpers */
.text-muted { color: rgba(255,255,255,.6) !important; }
.text-dark  { color: #ffffff !important; }

/* Horizontal rules */
hr { border-top: 1px solid #1A1A1A !important; }

/* Remove the patterned background if any remains */
body { background-image: none !important; }


/* ===== v4: HostFact client area exact classes ===== */

/* Base */
html, body { background-color:#404040 !important; color:#fff !important; }
body { background-image:none !important; }

/* Primary content containers that are white by default */
.main-content,
.content-block,
.sidebar-column {
  background-color:#404040 !important;
  color:#ffffff !important;
  border-color:#1A1A1A !important;
}

/* Lists & items */
.list-group-item { background-color:#333333 !important; color:#ffffff !important; border-color:#1A1A1A !important; }
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover { background-color:#1A1A1A !important; color:#ffffff !important; border-color:#1A1A1A !important; }

/* Tables */
.table, table { background-color:#333333 !important; color:#ffffff !important; border-color:#1A1A1A !important; }
.table th, table th, .table thead th { background-color:#1A1A1A !important; color:#ffffff !important; border-color:#1A1A1A !important; }
.table td, table td { border-color:#1A1A1A !important; }
.table-striped tbody tr:nth-of-type(odd){ background-color:#333333 !important; }
.table-striped tbody tr:nth-of-type(even){ background-color:#2b2b2b !important; }

/* Headings & dividers */
h1, h2, h3, h4, h5, h6 { color:#ffffff !important; }
h1 { border-bottom-color:#1A1A1A !important; }
hr { border-top:1px solid #1A1A1A !important; }

/* Buttons */
button, .btn, .button, input[type="submit"], input[type="button"], .btn-primary, .btn-success {
  background-color:#2CA946 !important;
  border-color:#2CA946 !important;
  color:#fff !important;
  box-shadow:none !important;
}
button:hover, .btn:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn-primary:hover, .btn-success:hover,
button:focus, .btn:focus, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, .btn-primary:focus, .btn-success:focus{
  background-color:#99C336 !important;
  border-color:#99C336 !important;
  color:#1b1b1b !important;
  outline:none !important;
}

/* Forms */
.form-control, input.form-control, select.form-control, textarea.form-control,
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="tel"], select, textarea {
  background-color:#808080 !important;
  color:#ffffff !important;
  border:1px solid #1A1A1A !important;
  box-shadow:none !important;
}
.form-control:focus { border-color:#2CA946 !important; box-shadow:0 0 0 2px rgba(44,169,70,.25) !important; }
input::placeholder, textarea::placeholder { color:rgba(255,255,255,.85) !important; }

/* Modals */
.modal-content, .modal-header, .modal-footer { background-color:#333333 !important; color:#ffffff !important; border-color:#1A1A1A !important; }
.modal-title { color:#ffffff !important; }
.close { color:#ffffff !important; opacity:.8; text-shadow:none !important; }
.close:hover { opacity:1; }

/* Specific ticket-company background */
.ticket-company { background-color:#333333 !important; color:#ffffff !important; }


/* v4.1 additions */
.login-box { background-color:#333333 !important; color:#ffffff !important; border-color:#1A1A1A !important; }
.navbar, .navbar-default, .navbar-light { background-color:#404040 !important; border-color:#1A1A1A !important; }
.navbar a, .navbar .nav-link { color:#ffffff !important; }


/* ===== SPIX palette + flat dark mapping for HostFact client area ===== */

/* Palette */
:root{
  --spix-green:#2CA946;
  --spix-green-600:#234F23;
  --spix-green-hover:#99C336;
  --spix-orange:#D98129;
  --spix-orange-hover:#F2A65A;

  --txt:#e6e9ef;
  --muted:#cbd3dd;

  --table-bg:#161616;
  --row:#1b1b1b;
  --sep:#2a2a2a;

  --hdr-bg:#222;
  --hdr-border:#2c2c2c;

  --btn-remove:#ff4d4d;
  --btn-remove-active:#cc3c3c;

  --maybe-bg:#1E2531;
  --maybe-border:#3A4252;

  --link:#e6e9ef;
}

/* Base */
html, body{
  background:#404040 !important;
  color:var(--txt) !important;
  background-image:none !important;
}
a{ color:var(--link); }
a:hover{ opacity:.9; }

/* Major containers */
.main-content,
.content-block,
.sidebar-column{
  background:var(--row) !important;
  color:var(--txt) !important;
  border:1px solid var(--sep) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.panel-title, .card-title{
  color:#fff !important;
}
h1{ border-bottom:1px solid var(--sep) !important; }
hr{ border-top:1px solid var(--sep) !important; }

/* Tables */
.table, table{
  background:var(--table-bg) !important;
  color:var(--txt) !important;
  border-color:var(--sep) !important;
}
.table th, table thead th{
  background:var(--hdr-bg) !important;
  color:#bfc7d2 !important;
  border-bottom:1px solid var(--hdr-border) !important;
}
.table td, .table th{
  border-color:var(--sep) !important;
}
.table-striped tbody tr:nth-of-type(odd){ background:var(--row) !important; }
.table-striped tbody tr:nth-of-type(even){ background:var(--table-bg) !important; }

/* List groups / widgets */
.list-group-item{
  background:var(--row) !important;
  color:var(--txt) !important;
  border-color:var(--sep) !important;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover{
  background:var(--hdr-bg) !important;
  color:#fff !important;
  border-color:var(--hdr-border) !important;
}

/* Cards / panels / modals */
.card, .card-block, .card-header, .card-body,
.panel, .panel-body, .panel-heading, .panel-default,
.modal-content, .modal-header, .modal-footer,
.well, .thumbnail{
  background:var(--row) !important;
  color:var(--txt) !important;
  border-color:var(--sep) !important;
}
.card-header, .panel-heading, .modal-header{
  border-bottom:1px solid var(--sep) !important;
}

/* Badges / tags */
.tag, .tag-default, .badge, .badge-default{
  background:var(--hdr-bg) !important;
  color:#fff !important;
  border:1px solid var(--hdr-border) !important;
}

/* Buttons */
button, .btn, .button, input[type="submit"], input[type="button"],
.btn-primary, .btn-success{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:0 !important;
  background:var(--spix-green-600) !important;
  border:2px solid var(--spix-green) !important;
  color:#fff !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
button:hover, .btn:hover, .button:hover,
input[type="submit"]:hover, input[type="button"]:hover,
.btn-primary:hover, .btn-success:hover{
  background:var(--spix-green) !important;
  border-color:var(--spix-green) !important;
}
button:active, .btn:active, .button:active,
input[type="submit"]:active, input[type="button"]:active,
.btn-primary:active, .btn-success:active{
  background:var(--spix-green-hover) !important;
  border-color:var(--spix-green-hover) !important;
}

/* Warning button (orange) */
.btn-warning, .button-warning{
  background:#4A2E1F !important;
  border:1px solid var(--spix-orange) !important;
  color:#fff !important;
}
.btn-warning:hover{ background:var(--spix-orange) !important; border-color:var(--spix-orange) !important; }
.btn-warning:active{ background:var(--spix-orange-hover) !important; border-color:var(--spix-orange-hover) !important; }

/* Forms */
.form-control, input.form-control, select.form-control, textarea.form-control,
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], input[type="tel"], select, textarea{
  background:#808080 !important;
  color:#fff !important;
  border:1px solid var(--sep) !important;
  box-shadow:none !important;
}
.form-control:focus{
  border-color:var(--spix-green) !important;
  box-shadow:0 0 0 2px rgba(44,169,70,.25) !important;
}
::placeholder{ color:rgba(255,255,255,.85) !important; }

/* Specific ticket block from template */
.ticket-company{ background:var(--table-bg) !important; color:#fff !important; }

/* Navbar / login */
.navbar, .navbar-default, .navbar-light{ background:#404040 !important; border-color:var(--sep) !important; }
.navbar a, .navbar .nav-link{ color:#fff !important; }
.login-box{ background:var(--row) !important; color:var(--txt) !important; border-color:var(--sep) !important; }


/* ===== v6: color-only approach, restore original layout & fonts ===== */

/* 1) Restore original button layout */
.btn, button, .button, input[type="submit"], input[type="button"]{
  display:inline-block !important;       /* undo inline-flex from earlier */
  border-radius:inherit !important;       /* don't force squared corners */
  font-weight:inherit !important;         /* keep theme default */
  text-transform:inherit !important;      /* no forced lowercase/uppercase */
}

/* 2) Neutralize old custom font (mavenpro) and keep theme defaults */
body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 3) Keep all color theming from v5 but without layout changes (already present).
   Below are only color declarations if any selector above reintroduced layout. */

/* Buttons – colors only */
button, .btn, .button, input[type="submit"], input[type="button"], .btn-primary, .btn-success{
  background:var(--spix-green-600) !important;
  border:2px solid var(--spix-green) !important;
  color:#fff !important;
}
button:hover, .btn:hover, .button:hover,
input[type="submit"]:hover, input[type="button"]:hover,
.btn-primary:hover, .btn-success:hover{
  background:var(--spix-green) !important;
  border-color:var(--spix-green) !important;
}
button:active, .btn:active, .button:active,
input[type="submit"]:active, input[type="button"]:active,
.btn-primary:active, .btn-success:active{
  background:var(--spix-green-hover) !important;
  border-color:var(--spix-green-hover) !important;
}

/* Secondary/neutral buttons should not be forced green; keep palette only when they already are primary/success */
.btn-secondary{
  background:var(--row) !important;
  border:1px solid var(--sep) !important;
  color:#fff !important;
}

/* Home counters tile (.total-btn uses .btn.btn-secondary.content-block) – keep stacked layout */
.total-btn a.btn{ display:block !important; }  /* ensure <br> works and content stacks */

/* Optional: ensure the line-break shows as intended */
.total-btn a.btn span.fa-2x{ display:block !important; line-height:1.1; }
.total-btn a.btn div{ display:block !important; }