:root{
  --spx-green:#2ca946;
  --spx-green-light:#7ed321;
  --spx-yellow:#f8e71c;

  --spx-bg:#2f2f2f;
  --spx-surface:#232323;
  --spx-surface-2:#1b1b1b;
  --spx-surface-3:#101010;

  --spx-sidebar:#0d0d0d;
  --spx-sidebar-hover:#1a1a1a;
  --spx-sidebar-active:#2ca946;

  --spx-white:#ffffff;
  --spx-max:1140px;
  --spx-line:rgba(255,255,255,0.08);
  --spx-border:rgba(255,255,255,0.10);
  --spx-text:#ffffff;
  --spx-text-soft:rgba(255,255,255,0.90);
  --spx-text-muted:rgba(255,255,255,0.72);

  --spx-input:#2a2a2a;
  --spx-input-focus:#1d1d1d;
}

body.spix-hf-body{
  background:var(--spx-bg);
  color:var(--spx-text);
  font-family:"Poppins",sans-serif;
  background-image:none !important;
}

.spix-hf-shell,
.spix-hostfact-page{
  background:var(--spx-bg);
}

.spix-hostfact-page{
  padding:30px 0 40px;
  min-height:400px;
}

.spix-hostfact-container{
  width:100%;
  max-width:var(--spx-max);
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
}

.spix-hostfact-content{
  width:100%;
  box-sizing:border-box;
  color:var(--spx-text);
}

.spix-hostfact-content *,
.spix-hostfact-content *::before,
.spix-hostfact-content *::after{
  box-sizing:border-box;
}

.spix-hostfact-content .container,
.spix-hostfact-content .container-fluid{
  width:100%;
  max-width:100%;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}

.spix-hostfact-content .row{
  margin-left:-15px;
  margin-right:-15px;
}

.spix-hostfact-content .row::before,
.spix-hostfact-content .row::after,
.spix-hostfact-content::before,
.spix-hostfact-content::after{
  content:"";
  display:table;
}

.spix-hostfact-content .row::after,
.spix-hostfact-content::after{
  clear:both;
}

.spix-hostfact-content h1,
.spix-hostfact-content h2,
.spix-hostfact-content h3,
.spix-hostfact-content h4,
.spix-hostfact-content h5,
.spix-hostfact-content h6,
.spix-hostfact-content .panel-title,
.spix-hostfact-content .card-title,
.spix-hostfact-content .box-title,
.spix-hostfact-content .modal-title,
.spix-hostfact-content legend{
  font-family:"Poppins",sans-serif;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  margin-top:0;
  background:linear-gradient(90deg,var(--spx-green-light) 0%, var(--spx-yellow) 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  color:transparent !important;
}

.spix-hostfact-content h1{font-size:28px;line-height:1.2;}
.spix-hostfact-content h2{font-size:24px;line-height:1.25;}
.spix-hostfact-content h3{font-size:20px;line-height:1.3;}

.spix-hostfact-content p,
.spix-hostfact-content li,
.spix-hostfact-content td,
.spix-hostfact-content th,
.spix-hostfact-content label,
.spix-hostfact-content input,
.spix-hostfact-content select,
.spix-hostfact-content textarea,
.spix-hostfact-content dt,
.spix-hostfact-content dd,
.spix-hostfact-content strong,
.spix-hostfact-content small{
  font-family:"Poppins",sans-serif;
  font-size:16px;
  line-height:1.55;
  color:var(--spx-text);
}

.spix-hostfact-content div,
.spix-hostfact-content span{
  color:var(--spx-text);
}

.spix-hostfact-content small,
.spix-hostfact-content .text-muted,
.spix-hostfact-content .muted{
  color:var(--spx-text-muted) !important;
}

/* basisblokken */
.spix-hostfact-content .panel,
.spix-hostfact-content .card,
.spix-hostfact-content .box,
.spix-hostfact-content .widget,
.spix-hostfact-content .module,
.spix-hostfact-content .tilebox,
.spix-hostfact-content .contentbox,
.spix-hostfact-content .panel-body,
.spix-hostfact-content .card-body,
.spix-hostfact-content .box-body,
.spix-hostfact-content .widget-body,
.spix-hostfact-content .panel-footer,
.spix-hostfact-content .card-footer,
.spix-hostfact-content .box-footer,
.spix-hostfact-content .main-content,
.spix-hostfact-content .content-block,
.spix-hostfact-content .ticket-company,
.spix-hostfact-content .login-box,
.spix-hostfact-content .well,
.spix-hostfact-content .modal-content,
.spix-hostfact-content .modal-footer,
.spix-hostfact-content .bg-white,
.spix-hostfact-content .white-bg,
.spix-hostfact-content .bg-light{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(0,0,0,0.05) 100%),
    var(--spx-surface) !important;
  border:1px solid var(--spx-border) !important;
  border-radius:0;
  box-shadow:none;
  color:var(--spx-text) !important;
}

.spix-hostfact-content .panel-heading,
.spix-hostfact-content .card-header,
.spix-hostfact-content .box-header,
.spix-hostfact-content .widget-header,
.spix-hostfact-content .modal-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.06) 100%),
    var(--spx-surface-2) !important;
  color:var(--spx-text) !important;
  border-bottom:1px solid var(--spx-border) !important;
}

/* dashboard en groene actieblokken */
.spix-hostfact-content .dashboard-stat,
.spix-hostfact-content .stats-box,
.spix-hostfact-content .counter-box,
.spix-hostfact-content .overview-tile,
.spix-hostfact-content .tile,
.spix-hostfact-content .statbox,
.spix-hostfact-content .buttonbox,
.spix-hostfact-content .shortcut,
.spix-hostfact-content .service-button{
  background:linear-gradient(180deg, #35b54a 0%, #2ca946 100%) !important;
  border:1px solid #23863a !important;
  color:#fff !important;
  border-radius:0;
  box-shadow:none;
}

.spix-hostfact-content .dashboard-stat *,
.spix-hostfact-content .stats-box *,
.spix-hostfact-content .counter-box *,
.spix-hostfact-content .overview-tile *,
.spix-hostfact-content .tile *,
.spix-hostfact-content .statbox *,
.spix-hostfact-content .buttonbox *,
.spix-hostfact-content .shortcut *,
.spix-hostfact-content .service-button *{
  color:#fff !important;
}

/* zijbalk en domeinlijst */
.spix-hostfact-content .sidebar,
.spix-hostfact-content .left-column,
.spix-hostfact-content .overview-list,
.spix-hostfact-content .domain-sidebar,
.spix-hostfact-content .domain-list,
.spix-hostfact-content .invoice-sidebar,
.spix-hostfact-content .sidebar-column,
.spix-hostfact-content .scrollable-list,
.spix-hostfact-content .list-group{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.06) 100%),
    var(--spx-surface) !important;
  color:#ffffff !important;
  border:1px solid var(--spx-border) !important;
  border-left:0 !important;
  box-shadow:none !important;
}

.spix-hostfact-content .sidebar::before,
.spix-hostfact-content .left-column::before,
.spix-hostfact-content .overview-list::before,
.spix-hostfact-content .domain-sidebar::before,
.spix-hostfact-content .domain-list::before,
.spix-hostfact-content .invoice-sidebar::before,
.spix-hostfact-content .sidebar-column::before,
.spix-hostfact-content .scrollable-list::before,
.spix-hostfact-content .list-group::before,
.spix-hostfact-content .sidebar::after,
.spix-hostfact-content .left-column::after,
.spix-hostfact-content .overview-list::after,
.spix-hostfact-content .domain-sidebar::after,
.spix-hostfact-content .domain-list::after,
.spix-hostfact-content .invoice-sidebar::after,
.spix-hostfact-content .sidebar-column::after,
.spix-hostfact-content .scrollable-list::after,
.spix-hostfact-content .list-group::after{
  display:none !important;
  content:none !important;
}

.spix-hostfact-content .sidebar .panel,
.spix-hostfact-content .left-column .panel,
.spix-hostfact-content .overview-list .panel,
.spix-hostfact-content .domain-sidebar .panel,
.spix-hostfact-content .domain-list .panel,
.spix-hostfact-content .invoice-sidebar .panel{
  background:transparent !important;
  color:#ffffff !important;
  border:0 !important;
}

.spix-hostfact-content .sidebar .panel-heading,
.spix-hostfact-content .left-column .panel-heading,
.spix-hostfact-content .overview-list .panel-heading,
.spix-hostfact-content .domain-sidebar .panel-heading,
.spix-hostfact-content .domain-list .panel-heading,
.spix-hostfact-content .invoice-sidebar .panel-heading,
.spix-hostfact-content .list-group .bg-primary,
.spix-hostfact-content .list-group-item.bg-primary,
.spix-hostfact-content .sidebar .bg-primary,
.spix-hostfact-content .sidebar-column .bg-primary{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.06) 100%),
    var(--spx-surface-2) !important;
  color:#ffffff !important;
  border-bottom:1px solid var(--spx-border) !important;
  border-color:var(--spx-border) !important;
}

.spix-hostfact-content .sidebar a,
.spix-hostfact-content .left-column a,
.spix-hostfact-content .overview-list a,
.spix-hostfact-content .domain-sidebar a,
.spix-hostfact-content .domain-list a,
.spix-hostfact-content .invoice-sidebar a,
.spix-hostfact-content .list-group-item a{
  color:#f2f2f2 !important;
  text-decoration:none !important;
}

.spix-hostfact-content .sidebar a:hover,
.spix-hostfact-content .left-column a:hover,
.spix-hostfact-content .overview-list a:hover,
.spix-hostfact-content .domain-sidebar a:hover,
.spix-hostfact-content .domain-list a:hover,
.spix-hostfact-content .invoice-sidebar a:hover,
.spix-hostfact-content .list-group-item a:hover{
  color:var(--spx-green-light) !important;
}

.spix-hostfact-content .list-group-item{
  position:relative !important;
  background:var(--spx-sidebar) !important;
  color:#ffffff !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--spx-border) !important;
  box-shadow:none !important;
  transition:background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.spix-hostfact-content .list-group-item:hover,
.spix-hostfact-content .list-group-item:focus{
  background:var(--spx-sidebar-hover) !important;
  color:#ffffff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

.spix-hostfact-content .list-group-item.active,
.spix-hostfact-content .list-group-item.active:hover,
.spix-hostfact-content .list-group-item.active:focus,
.spix-hostfact-content .list-group-item.current,
.spix-hostfact-content .list-group-item.current:hover,
.spix-hostfact-content .list-group-item.current:focus,
.spix-hostfact-content .list-group-item.selected,
.spix-hostfact-content .list-group-item.selected:hover,
.spix-hostfact-content .list-group-item.selected:focus{
  background:linear-gradient(180deg, #35b54a 0%, #2ca946 100%) !important;
  color:#ffffff !important;
  border-color:#2ca946 !important;
  box-shadow:inset 4px 0 0 #7ed321, inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

.spix-hostfact-content .list-group-item.active *,
.spix-hostfact-content .list-group-item.current *,
.spix-hostfact-content .list-group-item.selected *{
  color:#ffffff !important;
}

.spix-hostfact-content .sidebar input[type="text"],
.spix-hostfact-content .domain-sidebar input[type="text"],
.spix-hostfact-content .invoice-sidebar input[type="text"],
.spix-hostfact-content .sidebar .form-control,
.spix-hostfact-content .sidebar-column .form-control,
.spix-hostfact-content .scrollable-list .form-control,
.spix-hostfact-content .list-group.full-width .form-control,
.spix-hostfact-content input#list-search,
.spix-hostfact-content .form-list-search input{
  background:var(--spx-surface-2) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  box-shadow:none !important;
}

.spix-hostfact-content .list-group .badge,
.spix-hostfact-content .sidebar .badge,
.spix-hostfact-content .sidebar-column .badge,
.spix-hostfact-content .badge,
.spix-hostfact-content .badge-default,
.spix-hostfact-content .tag,
.spix-hostfact-content .tag-default,
.spix-hostfact-content .label,
.spix-hostfact-content .label-default{
  background:var(--spx-surface-2) !important;
  color:#ffffff !important;
  border:1px solid var(--spx-border) !important;
}

/* detailpanelen */
.spix-hostfact-content .bg-black,
.spix-hostfact-content .dark-panel,
.spix-hostfact-content .detail-panel,
.spix-hostfact-content .service-detail,
.spix-hostfact-content .domain-detail,
.spix-hostfact-content .invoice-detail,
.spix-hostfact-content .my-account-box,
.spix-hostfact-content .profile-box,
.spix-hostfact-content .contact-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(0,0,0,0.05) 100%),
    var(--spx-surface) !important;
  color:#f2f2f2 !important;
  border:1px solid var(--spx-border) !important;
}

.spix-hostfact-content .bg-black h1,
.spix-hostfact-content .bg-black h2,
.spix-hostfact-content .bg-black h3,
.spix-hostfact-content .dark-panel h1,
.spix-hostfact-content .dark-panel h2,
.spix-hostfact-content .dark-panel h3,
.spix-hostfact-content .detail-panel h1,
.spix-hostfact-content .detail-panel h2,
.spix-hostfact-content .detail-panel h3,
.spix-hostfact-content .service-detail h1,
.spix-hostfact-content .service-detail h2,
.spix-hostfact-content .service-detail h3,
.spix-hostfact-content .domain-detail h1,
.spix-hostfact-content .domain-detail h2,
.spix-hostfact-content .domain-detail h3,
.spix-hostfact-content .invoice-detail h1,
.spix-hostfact-content .invoice-detail h2,
.spix-hostfact-content .invoice-detail h3{
  background:linear-gradient(90deg,var(--spx-green-light) 0%, var(--spx-yellow) 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  color:transparent !important;
}

/* gewone links */
.spix-hostfact-content a{
  color:#ffffff;
  text-decoration:none;
}

.spix-hostfact-content a:hover,
.spix-hostfact-content a:focus{
  color:var(--spx-green-light);
  text-decoration:none;
}

/* formulieren */
.spix-hostfact-content .form-control,
.spix-hostfact-content input[type="text"],
.spix-hostfact-content input[type="password"],
.spix-hostfact-content input[type="email"],
.spix-hostfact-content input[type="number"],
.spix-hostfact-content input[type="search"],
.spix-hostfact-content input[type="tel"],
.spix-hostfact-content select,
.spix-hostfact-content textarea{
  width:100%;
  min-height:42px;
  padding:8px 12px;
  border:1px solid var(--spx-border) !important;
  border-radius:0;
  box-shadow:none;
  background:var(--spx-input) !important;
  color:#ffffff !important;
}

.spix-hostfact-content .form-control:focus,
.spix-hostfact-content input:focus,
.spix-hostfact-content select:focus,
.spix-hostfact-content textarea:focus{
  background:var(--spx-input-focus) !important;
  color:#ffffff !important;
  border-color:var(--spx-green) !important;
  box-shadow:0 0 0 2px rgba(44,169,70,0.18) !important;
  outline:none !important;
}

.spix-hostfact-content input::placeholder,
.spix-hostfact-content textarea::placeholder{
  color:rgba(255,255,255,0.72);
}

.spix-hostfact-content textarea{
  min-height:120px;
}

/* buttons */
.spix-hostfact-content .btn,
.spix-hostfact-content button,
.spix-hostfact-content input[type="submit"],
.spix-hostfact-content input[type="button"],
.spix-hostfact-content .btn-primary,
.spix-hostfact-content .btn-success{
  border-radius:0;
  box-shadow:none;
  font-family:"Poppins",sans-serif;
  background-color:var(--spx-green) !important;
  border-color:var(--spx-green) !important;
  color:#ffffff !important;
  text-shadow:none !important;
}

.spix-hostfact-content .btn:hover,
.spix-hostfact-content button:hover,
.spix-hostfact-content input[type="submit"]:hover,
.spix-hostfact-content input[type="button"]:hover,
.spix-hostfact-content .btn-primary:hover,
.spix-hostfact-content .btn-success:hover,
.spix-hostfact-content .btn:focus,
.spix-hostfact-content button:focus,
.spix-hostfact-content input[type="submit"]:focus,
.spix-hostfact-content input[type="button"]:focus,
.spix-hostfact-content .btn-primary:focus,
.spix-hostfact-content .btn-success:focus{
  background-color:var(--spx-green-light) !important;
  border-color:var(--spx-green-light) !important;
  color:#222222 !important;
}

.spix-hostfact-content .btn-secondary,
.spix-hostfact-content .btn-default{
  background-color:var(--spx-bg) !important;
  border-color:var(--spx-border) !important;
  color:#ffffff !important;
}

.spix-hostfact-content .btn-secondary:hover,
.spix-hostfact-content .btn-default:hover{
  background-color:var(--spx-surface-2) !important;
  border-color:var(--spx-green) !important;
  color:#ffffff !important;
}

.spix-hostfact-content .btn-warning{
  background-color:#8c5a20 !important;
  border-color:#d98129 !important;
  color:#ffffff !important;
}

.spix-hostfact-content .btn-warning:hover,
.spix-hostfact-content .btn-warning:focus{
  background-color:#d98129 !important;
  border-color:#d98129 !important;
  color:#ffffff !important;
}

.spix-hostfact-content .btn-danger{
  background-color:#a63e3e !important;
  border-color:#c94b4b !important;
  color:#ffffff !important;
}

.spix-hostfact-content .btn-danger:hover,
.spix-hostfact-content .btn-danger:focus{
  background-color:#c94b4b !important;
  border-color:#c94b4b !important;
  color:#ffffff !important;
}

/* tabellen */
.spix-hostfact-content table,
.spix-hostfact-content .table,
.spix-hostfact-content .table-responsive,
.spix-hostfact-content .table-striped,
.spix-hostfact-content .table-hover{
  width:100%;
  border-collapse:collapse;
  background-color:var(--spx-surface) !important;
  color:#fff !important;
  border-color:var(--spx-border) !important;
}

.spix-hostfact-content .table-responsive{
  background:transparent !important;
}

.spix-hostfact-content table thead,
.spix-hostfact-content .table thead,
.spix-hostfact-content table th,
.spix-hostfact-content .table th,
.spix-hostfact-content table thead th,
.spix-hostfact-content .table thead th{
  background-color:var(--spx-surface-2) !important;
  color:#fff !important;
  border-bottom:1px solid var(--spx-border) !important;
  border-color:var(--spx-border) !important;
}

.spix-hostfact-content table th,
.spix-hostfact-content table td,
.spix-hostfact-content .table th,
.spix-hostfact-content .table td{
  vertical-align:top;
  border-color:var(--spx-border) !important;
}

.spix-hostfact-content table tbody,
.spix-hostfact-content .table tbody,
.spix-hostfact-content table tr,
.spix-hostfact-content .table tr{
  background-color:transparent !important;
}

.spix-hostfact-content table td,
.spix-hostfact-content .table td{
  background-color:var(--spx-surface) !important;
  color:#ffffff !important;
}

.spix-hostfact-content .table-striped tbody tr:nth-of-type(odd),
.spix-hostfact-content .table-striped tbody tr:nth-of-type(odd) td{
  background-color:var(--spx-surface) !important;
}

.spix-hostfact-content .table-striped tbody tr:nth-of-type(even),
.spix-hostfact-content .table-striped tbody tr:nth-of-type(even) td,
.spix-hostfact-content tbody tr:nth-child(even){
  background-color:var(--spx-bg) !important;
}

.spix-hostfact-content .table-hover tbody tr:hover,
.spix-hostfact-content .table-hover tbody tr:hover td{
  background-color:var(--spx-surface-2) !important;
  color:#ffffff !important;
}

/* tabs */
.spix-hostfact-content .nav-tabs{
  border-bottom-color:var(--spx-border) !important;
}

.spix-hostfact-content .nav-tabs > li > a{
  background:var(--spx-bg) !important;
  color:#ffffff !important;
  border:1px solid var(--spx-border) !important;
}

.spix-hostfact-content .nav-tabs > li > a:hover{
  background:var(--spx-surface) !important;
  color:#ffffff !important;
}

.spix-hostfact-content .nav-tabs > li.active > a,
.spix-hostfact-content .nav-tabs > li.active > a:hover,
.spix-hostfact-content .nav-tabs > li.active > a:focus{
  background:var(--spx-surface-2) !important;
  color:#ffffff !important;
  border-color:var(--spx-border) !important;
}

/* iconen en icoonfonts herstellen */
.spix-hostfact-content .fa,
.spix-hostfact-content .fas,
.spix-hostfact-content .far,
.spix-hostfact-content .fal,
.spix-hostfact-content .fab,
.spix-hostfact-content .fa-solid,
.spix-hostfact-content .fa-regular,
.spix-hostfact-content .fa-light,
.spix-hostfact-content .fa-brands,
.spix-hostfact-content .glyphicon,
.spix-hostfact-content [class^="icon-"],
.spix-hostfact-content [class*=" icon-"],
.spix-hostfact-content i{
  color:inherit !important;
  font-style:normal;
}

.spix-hostfact-content .fa,
.spix-hostfact-content .fas,
.spix-hostfact-content .fa-solid,
.spix-hostfact-content .glyphicon,
.spix-hostfact-content [class^="icon-"],
.spix-hostfact-content [class*=" icon-"]{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 6 Pro","FontAwesome","Glyphicons Halflings" !important;
  font-weight:900 !important;
}

.spix-hostfact-content .far,
.spix-hostfact-content .fa-regular{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 6 Pro","FontAwesome" !important;
  font-weight:400 !important;
}

.spix-hostfact-content .fab,
.spix-hostfact-content .fa-brands{
  font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
  font-weight:400 !important;
}

.spix-hostfact-content svg{
  color:inherit !important;
}

.spix-hostfact-content hr{
  border-color:var(--spx-border) !important;
}

/* horizontale navigatie in klantpaneel niet onderstrepen */
.spix-hostfact-content .nav a,
.spix-hostfact-content .navbar a,
.spix-hostfact-content .menu a,
.spix-hostfact-content .subnav a,
.spix-hostfact-content .nav-tabs > li > a,
.spix-hostfact-content .nav-pills > li > a,
.spix-hostfact-content .pagination a,
.spix-hostfact-content .breadcrumb a{
  text-decoration:none !important;
  box-shadow:none !important;
}

.spix-hostfact-content .nav a:hover,
.spix-hostfact-content .navbar a:hover,
.spix-hostfact-content .menu a:hover,
.spix-hostfact-content .subnav a:hover,
.spix-hostfact-content .nav-tabs > li > a:hover,
.spix-hostfact-content .nav-pills > li > a:hover,
.spix-hostfact-content .pagination a:hover,
.spix-hostfact-content .breadcrumb a:hover{
  text-decoration:none !important;
}

/* footer ongemoeid laten */
.spx-footer,
.spx-footer *,
footer,
footer *{
  box-sizing:border-box;
}

@media (max-width:1140px){
  .spix-hostfact-container{
    max-width:100%;
  }
}

@media (max-width:768px){
  .spix-hostfact-page{
    padding:20px 0 28px;
  }

  .spix-hostfact-container{
    padding:0 12px;
  }

  .spix-hostfact-content h1{font-size:24px;}
  .spix-hostfact-content h2{font-size:21px;}
  .spix-hostfact-content h3{font-size:18px;}
}

/* SPIX header/menu ongemoeid laten */
.spx-header a,
.spx-header a:hover,
.spx-header a:focus,
.spx-header a:active,
.spx-header .spx-item > a,
.spx-header .spx-item > a:link,
.spx-header .spx-item > a:visited,
.spx-header .spx-item > a:hover,
.spx-header .spx-item > a:focus,
.spx-header .spx-item > a:active,
.spx-header .spx-mega-links a,
.spx-header .spx-mega-links a:link,
.spx-header .spx-mega-links a:visited,
.spx-header .spx-mega-links a:hover,
.spx-header .spx-mega-links a:focus,
.spx-header .spx-mega-links a:active,
.spx-header .spx-mobile-links a,
.spx-header .spx-mobile-links a:hover,
.spx-header .spx-mobile-links a:focus,
.spx-header .spx-mobile-links a:active,
.spx-header .spx-mobile-parent,
.spx-header .spx-mobile-parent:hover,
.spx-header .spx-mobile-parent:focus,
.spx-header .spx-mobile-parent:active,
.spx-header .spx-mega-text p,
header a,
header a:hover,
header a:focus,
header a:active{
  color:#ffffff !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

footer a,
footer a:hover,
footer a:focus,
footer a:active,
.spx-footer a,
.spx-footer a:hover,
.spx-footer a:focus,
.spx-footer a:active{
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* zwarte zijlijn neutraliseren zonder hele kolommen te slopen */
.spix-hostfact-content .sidebar,
.spix-hostfact-content .left-column,
.spix-hostfact-content .overview-list,
.spix-hostfact-content .domain-sidebar,
.spix-hostfact-content .domain-list,
.spix-hostfact-content .invoice-sidebar,
.spix-hostfact-content .sidebar-column,
.spix-hostfact-content .scrollable-list,
.spix-hostfact-content .list-group,
.spix-hostfact-content .panel-group,
.spix-hostfact-content .panel-group .panel,
.spix-hostfact-content .menu-panel,
.spix-hostfact-content .service-list,
.spix-hostfact-content .invoice-list{
  box-shadow:none !important;
  border-left-color:transparent !important;
  outline:0 !important;
  background-clip:padding-box !important;
}

.spix-hostfact-content .sidebar::before,
.spix-hostfact-content .left-column::before,
.spix-hostfact-content .overview-list::before,
.spix-hostfact-content .domain-sidebar::before,
.spix-hostfact-content .domain-list::before,
.spix-hostfact-content .invoice-sidebar::before,
.spix-hostfact-content .sidebar-column::before,
.spix-hostfact-content .scrollable-list::before,
.spix-hostfact-content .list-group::before,
.spix-hostfact-content .panel-group::before,
.spix-hostfact-content .menu-panel::before,
.spix-hostfact-content .service-list::before,
.spix-hostfact-content .invoice-list::before,
.spix-hostfact-content .sidebar::after,
.spix-hostfact-content .left-column::after,
.spix-hostfact-content .overview-list::after,
.spix-hostfact-content .domain-sidebar::after,
.spix-hostfact-content .domain-list::after,
.spix-hostfact-content .invoice-sidebar::after,
.spix-hostfact-content .sidebar-column::after,
.spix-hostfact-content .scrollable-list::after,
.spix-hostfact-content .list-group::after,
.spix-hostfact-content .panel-group::after,
.spix-hostfact-content .menu-panel::after,
.spix-hostfact-content .service-list::after,
.spix-hostfact-content .invoice-list::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* algemene tellers leesbaar */
.spix-hostfact-content .badge,
.spix-hostfact-content .badge-default,
.spix-hostfact-content .label,
.spix-hostfact-content .label-default,
.spix-hostfact-content .counter,
.spix-hostfact-content .count,
.spix-hostfact-content .amount,
.spix-hostfact-content .number{
  background:var(--spx-surface-2) !important;
  color:#ffffff !important;
  border:1px solid var(--spx-border) !important;
  text-shadow:none !important;
}

.spix-hostfact-content .badge *,
.spix-hostfact-content .badge-default *,
.spix-hostfact-content .label *,
.spix-hostfact-content .label-default *,
.spix-hostfact-content .counter *,
.spix-hostfact-content .count *,
.spix-hostfact-content .amount *,
.spix-hostfact-content .number *{
  color:#ffffff !important;
}

/* v5 gerichte fixes: sidebar breedte, 1px lijn en result-count */
.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar{
  padding-left:0 !important;
  padding-right:0 !important;
  background:transparent !important;
  border-left:0 !important;
  box-shadow:none !important;
}

.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar > .sidebar-column.p-t-1{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding-left:15px !important;
  padding-right:15px !important;
  box-sizing:border-box !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.06) 100%),
    var(--spx-surface) !important;
  border-left:1px solid rgba(255,255,255,0.10) !important;
  box-shadow:none !important;
}

.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar::before,
.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar::after,
.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar > .sidebar-column.p-t-1::before,
.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar > .sidebar-column.p-t-1::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.spix-hostfact-content .sidebar-column #list-items,
.spix-hostfact-content .sidebar-column .list-group{
  border-left:1px solid rgba(255,255,255,0.10) !important;
}

.spix-hostfact-content .sidebar-column .list-group-item,
.spix-hostfact-content .sidebar-column .list-group a,
.spix-hostfact-content .sidebar-column #list-items > *{
  border-left:0 !important;
}

.spix-hostfact-content .sidebar-column .list-group-item{
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

.spix-hostfact-content .sidebar-column .tag.tag-default.tag-pill.pull-xs-right.result-count{
  background:#1f1f1f !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}

.spix-hostfact-content .sidebar-column .tag.tag-default.tag-pill.pull-xs-right.result-count,
.spix-hostfact-content .sidebar-column .tag.tag-default.tag-pill.pull-xs-right.result-count *{
  color:#ffffff !important;
}

.spix-hostfact-content .sidebar-column .hidden-md-down,
.spix-hostfact-content .sidebar-column .hidden-sm-down,
.spix-hostfact-content .sidebar-column .hidden-xs-down{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:inherit !important;
}

/* v6 kleine layout-fixes: linker lijn start lager en ruimte onder lijst */
.spix-hostfact-content > .col-xl-3.col-lg-4.sidebar > .sidebar-column.p-t-1{
  padding-top:14px !important;
}

.spix-hostfact-content .sidebar-column #list-items,
.spix-hostfact-content .sidebar-column .list-group{
  margin-top:10px !important;
  margin-bottom:12px !important;
}

/* linker 1px lijn niet door laten lopen tot helemaal bovenaan */
.spix-hostfact-content .sidebar-column #list-items,
.spix-hostfact-content .sidebar-column .list-group{
  position:relative !important;
}

.spix-hostfact-content .sidebar-column #list-items::before,
.spix-hostfact-content .sidebar-column .list-group::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:1px !important;
  background:rgba(255,255,255,0.10) !important;
  display:block !important;
}

/* oude border-left op container neutraliseren zodat pseudo-element het overneemt */
.spix-hostfact-content .sidebar-column #list-items,
.spix-hostfact-content .sidebar-column .list-group{
  border-left:0 !important;
}

/* v7: geen linker lijn meer naast sidebar-titel */
.spix-hostfact-content .sidebar-column > h1,
.spix-hostfact-content .sidebar-column > h2,
.spix-hostfact-content .sidebar-column > h3,
.spix-hostfact-content .sidebar-column > h4,
.spix-hostfact-content .sidebar-column .bg-primary,
.spix-hostfact-content .sidebar-column .panel-heading,
.spix-hostfact-content .sidebar-column .list-group-header,
.spix-hostfact-content .sidebar-column .overview-title{
  border-left:0 !important;
  box-shadow:none !important;
  position:relative !important;
}

.spix-hostfact-content .sidebar-column > h1::before,
.spix-hostfact-content .sidebar-column > h2::before,
.spix-hostfact-content .sidebar-column > h3::before,
.spix-hostfact-content .sidebar-column > h4::before,
.spix-hostfact-content .sidebar-column .bg-primary::before,
.spix-hostfact-content .sidebar-column .panel-heading::before,
.spix-hostfact-content .sidebar-column .list-group-header::before,
.spix-hostfact-content .sidebar-column .overview-title::before{
  content:none !important;
  display:none !important;
}

/* v8: lijn op #list-items::before definitief uitzetten */
.spix-hostfact-content .sidebar-column #list-items::before{
  content:none !important;
  display:none !important;
  background:none !important;
  width:0 !important;
}

/* linker lijn alleen nog op de echte lijst, niet op wrapper erboven */
.spix-hostfact-content .sidebar-column .list-group::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:1px !important;
  background:rgba(255,255,255,0.10) !important;
  display:block !important;
}

.spix-hostfact-content .sidebar-column .list-group{
  position:relative !important;
}

/* v9: result-count tekst definitief wit */
.spix-hostfact-content .sidebar-column .tag.tag-default.tag-pill.pull-xs-right.result-count{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.spix-hostfact-content .sidebar-column .tag.tag-default.tag-pill.pull-xs-right.result-count::before,
.spix-hostfact-content .sidebar-column .tag.tag-default.tag-pill.pull-xs-right.result-count::after{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body.spix-hf-body .spix-hostfact-content .panel,
html body.spix-hf-body .spix-hostfact-content .card,
html body.spix-hf-body .spix-hostfact-content .box,
html body.spix-hf-body .spix-hostfact-content .widget,
html body.spix-hf-body .spix-hostfact-content .module,
html body.spix-hf-body .spix-hostfact-content .content-block,
html body.spix-hf-body .spix-hostfact-content .main-content,
html body.spix-hf-body .spix-hostfact-content .well,
html body.spix-hf-body .spix-hostfact-content .bg-white,
html body.spix-hf-body .spix-hostfact-content .white-bg,
html body.spix-hf-body .spix-hostfact-content .bg-light,
html body.spix-hf-body .spix-hostfact-content .bg-black,
html body.spix-hf-body .spix-hostfact-content .dark-panel,
html body.spix-hf-body .spix-hostfact-content .detail-panel,
html body.spix-hf-body .spix-hostfact-content .invoice-detail,
html body.spix-hf-body .spix-hostfact-content .domain-detail,
html body.spix-hf-body .spix-hostfact-content .my-account-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(0,0,0,0.10) 100%),
    #232323 !important;
  border-color:rgba(255,255,255,0.10) !important;
}

html body.spix-hf-body{
  background:#2f2f2f !important;
}

html body.spix-hf-body .spix-hostfact-page{
  background:#232323 !important;
}

/* v11: alleen meldingen leesbaar maken */
.spix-hostfact-content .alert,
.spix-hostfact-content .notification,
.spix-hostfact-content .notice,
.spix-hostfact-content .message,
.spix-hostfact-content .system-message,
.spix-hostfact-content .status-message,
.spix-hostfact-content .flash-message{
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.spix-hostfact-content .alert *,
.spix-hostfact-content .notification *,
.spix-hostfact-content .notice *,
.spix-hostfact-content .message *,
.spix-hostfact-content .system-message *,
.spix-hostfact-content .status-message *,
.spix-hostfact-content .flash-message *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.spix-hostfact-content .alert-success,
.spix-hostfact-content .notification-success,
.spix-hostfact-content .notice-success,
.spix-hostfact-content .message-success,
.spix-hostfact-content .alert.alert-success{
  background:#41563c !important;
  border-color:#6d9563 !important;
}

.spix-hostfact-content .alert-info,
.spix-hostfact-content .notification-info,
.spix-hostfact-content .notice-info,
.spix-hostfact-content .message-info,
.spix-hostfact-content .alert.alert-info{
  background:#334853 !important;
  border-color:#5d889b !important;
}

.spix-hostfact-content .alert-warning,
.spix-hostfact-content .notification-warning,
.spix-hostfact-content .notice-warning,
.spix-hostfact-content .message-warning,
.spix-hostfact-content .alert.alert-warning{
  background:#5b4b2f !important;
  border-color:#b98d3c !important;
}

.spix-hostfact-content .alert-danger,
.spix-hostfact-content .alert-error,
.spix-hostfact-content .notification-danger,
.spix-hostfact-content .notification-error,
.spix-hostfact-content .notice-danger,
.spix-hostfact-content .notice-error,
.spix-hostfact-content .message-danger,
.spix-hostfact-content .message-error,
.spix-hostfact-content .alert.alert-danger,
.spix-hostfact-content .alert.alert-error{
  background:#5a3a3a !important;
  border-color:#b86a6a !important;
}

.spix-hostfact-content .alert a,
.spix-hostfact-content .notification a,
.spix-hostfact-content .notice a,
.spix-hostfact-content .message a{
  color:#ffffff !important;
  text-decoration:underline !important;
}

.spix-hostfact-content .alert .close,
.spix-hostfact-content .notification .close,
.spix-hostfact-content .notice .close,
.spix-hostfact-content .message .close{
  color:#ffffff !important;
  opacity:1 !important;
}


/* v12: hover-effect op dashboard tegels op beginpagina */
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block{
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:hover,
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:focus,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:hover,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:focus{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.08) 100%),
    #1b1b1b !important;
  border:1px solid #23863a !important;
  color:#ffffff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06) !important;
  text-decoration:none !important;
}

html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:hover *,
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:focus *,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:hover *,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:focus *{
  color:#ffffff !important;
}

/* v12: witte verticale balk rechts voorkomen */
html,
body{
  background:#2f2f2f !important;
}

html{
  overflow-x:hidden !important;
}

body.spix-hf-body{
  overflow-x:hidden !important;
}


/* v17: beginpagina-tegels standaard gelijk aan andere donkere actieblokken */
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(0,0,0,0.05) 100%),
    #232323 !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center *,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block *{
  color:#ffffff !important;
}

/* hover iets donkerder, maar met groene belijning zoals nu goed is */
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:hover,
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:focus,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:hover,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:focus{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.08) 100%),
    #1b1b1b !important;
  border:1px solid #23863a !important;
  color:#ffffff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06) !important;
  text-decoration:none !important;
}

html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:hover *,
html body.spix-hf-body .spix-hostfact-content a.btn.btn-secondary.content-block.p-t-1.p-b-1.text-xs-center:focus *,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:hover *,
html body.spix-hf-body .spix-hostfact-content .total-btn > a.btn.btn-secondary.content-block:focus *{
  color:#ffffff !important;
}

/* LIGHT THEME HOSTFACT CONTENT ONLY - MENU COLORS UNTOUCHED */
body.light-theme.spix-hf-body,
body.light-theme .spix-hf-shell,
body.light-theme .spix-hostfact-page{
  background:#eef2f4 !important;
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-page{
  background:#eef2f4 !important;
}

body.light-theme .spix-hostfact-content,
body.light-theme .spix-hostfact-content div,
body.light-theme .spix-hostfact-content span,
body.light-theme .spix-hostfact-content p,
body.light-theme .spix-hostfact-content li,
body.light-theme .spix-hostfact-content td,
body.light-theme .spix-hostfact-content th,
body.light-theme .spix-hostfact-content label,
body.light-theme .spix-hostfact-content input,
body.light-theme .spix-hostfact-content select,
body.light-theme .spix-hostfact-content textarea,
body.light-theme .spix-hostfact-content dt,
body.light-theme .spix-hostfact-content dd,
body.light-theme .spix-hostfact-content strong,
body.light-theme .spix-hostfact-content small{
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-content small,
body.light-theme .spix-hostfact-content .text-muted,
body.light-theme .spix-hostfact-content .muted{
  color:#5b6570 !important;
}

body.light-theme .spix-hostfact-content .panel,
body.light-theme .spix-hostfact-content .card,
body.light-theme .spix-hostfact-content .box,
body.light-theme .spix-hostfact-content .widget,
body.light-theme .spix-hostfact-content .module,
body.light-theme .spix-hostfact-content .tilebox,
body.light-theme .spix-hostfact-content .contentbox,
body.light-theme .spix-hostfact-content .panel-body,
body.light-theme .spix-hostfact-content .card-body,
body.light-theme .spix-hostfact-content .box-body,
body.light-theme .spix-hostfact-content .widget-body,
body.light-theme .spix-hostfact-content .panel-footer,
body.light-theme .spix-hostfact-content .card-footer,
body.light-theme .spix-hostfact-content .box-footer,
body.light-theme .spix-hostfact-content .main-content,
body.light-theme .spix-hostfact-content .content-block,
body.light-theme .spix-hostfact-content .ticket-company,
body.light-theme .spix-hostfact-content .login-box,
body.light-theme .spix-hostfact-content .well,
body.light-theme .spix-hostfact-content .modal-content,
body.light-theme .spix-hostfact-content .modal-footer,
body.light-theme .spix-hostfact-content .bg-white,
body.light-theme .spix-hostfact-content .white-bg,
body.light-theme .spix-hostfact-content .bg-light,
body.light-theme .spix-hostfact-content .bg-black,
body.light-theme .spix-hostfact-content .dark-panel,
body.light-theme .spix-hostfact-content .detail-panel,
body.light-theme .spix-hostfact-content .service-detail,
body.light-theme .spix-hostfact-content .domain-detail,
body.light-theme .spix-hostfact-content .invoice-detail,
body.light-theme .spix-hostfact-content .my-account-box,
body.light-theme .spix-hostfact-content .profile-box,
body.light-theme .spix-hostfact-content .contact-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(245,247,248,1) 100%),
    #ffffff !important;
  border:1px solid rgba(31,41,51,.10) !important;
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-content .panel-heading,
body.light-theme .spix-hostfact-content .card-header,
body.light-theme .spix-hostfact-content .box-header,
body.light-theme .spix-hostfact-content .widget-header,
body.light-theme .spix-hostfact-content .modal-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%),
    #f5f7f8 !important;
  color:#1f2933 !important;
  border-bottom:1px solid rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content table,
body.light-theme .spix-hostfact-content .table,
body.light-theme .spix-hostfact-content .table-striped,
body.light-theme .spix-hostfact-content .table-hover{
  background:#ffffff !important;
  color:#1f2933 !important;
  border-color:rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content table thead,
body.light-theme .spix-hostfact-content .table thead,
body.light-theme .spix-hostfact-content table th,
body.light-theme .spix-hostfact-content .table th,
body.light-theme .spix-hostfact-content table thead th,
body.light-theme .spix-hostfact-content .table thead th{
  background:#f5f7f8 !important;
  color:#1f2933 !important;
  border-color:rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content table td,
body.light-theme .spix-hostfact-content .table td{
  background:#ffffff !important;
  color:#1f2933 !important;
  border-color:rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content .table-striped tbody tr:nth-of-type(odd),
body.light-theme .spix-hostfact-content .table-striped tbody tr:nth-of-type(odd) td{
  background:#ffffff !important;
}

body.light-theme .spix-hostfact-content .table-striped tbody tr:nth-of-type(even),
body.light-theme .spix-hostfact-content .table-striped tbody tr:nth-of-type(even) td,
body.light-theme .spix-hostfact-content tbody tr:nth-child(even){
  background:#f7f9fa !important;
}

body.light-theme .spix-hostfact-content .table-hover tbody tr:hover,
body.light-theme .spix-hostfact-content .table-hover tbody tr:hover td{
  background:#eef2f4 !important;
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-content .form-control,
body.light-theme .spix-hostfact-content input[type="text"],
body.light-theme .spix-hostfact-content input[type="password"],
body.light-theme .spix-hostfact-content input[type="email"],
body.light-theme .spix-hostfact-content input[type="number"],
body.light-theme .spix-hostfact-content input[type="search"],
body.light-theme .spix-hostfact-content input[type="tel"],
body.light-theme .spix-hostfact-content select,
body.light-theme .spix-hostfact-content textarea{
  background:#ffffff !important;
  color:#1f2933 !important;
  border:1px solid rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content .form-control:focus,
body.light-theme .spix-hostfact-content input:focus,
body.light-theme .spix-hostfact-content select:focus,
body.light-theme .spix-hostfact-content textarea:focus{
  background:#ffffff !important;
  color:#1f2933 !important;
  border-color:#2ca946 !important;
  box-shadow:0 0 0 2px rgba(44,169,70,.16) !important;
}

body.light-theme .spix-hostfact-content .btn-secondary,
body.light-theme .spix-hostfact-content .btn-default{
  background:#f5f7f8 !important;
  border-color:rgba(31,41,51,.10) !important;
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-content .btn-secondary:hover,
body.light-theme .spix-hostfact-content .btn-default:hover{
  background:#eef2f4 !important;
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-content .nav-tabs > li > a{
  background:#f5f7f8 !important;
  color:#1f2933 !important;
  border-color:rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content .nav-tabs > li.active > a,
body.light-theme .spix-hostfact-content .nav-tabs > li.active > a:hover,
body.light-theme .spix-hostfact-content .nav-tabs > li.active > a:focus{
  background:#ffffff !important;
  color:#1f2933 !important;
  border-color:rgba(31,41,51,.10) !important;
}

body.light-theme .spix-hostfact-content a{
  color:#1f2933 !important;
}

body.light-theme .spix-hostfact-content a:hover,
body.light-theme .spix-hostfact-content a:focus{
  color:#2ca946 !important;
}

/* keep panel menu/header strip colors untouched */
body.light-theme .spix-hf-menu-wrap,
body.light-theme .spix-hf-submenu,
body.light-theme .spix-hf-nav-panel{
  color:inherit;
}