/* ==================================================================
   HITEX CLIENT AREA — "NEBULIX" STYLE THEME
   Left sidebar + top bar layout, built on the existing WHMCS 5
   "portal" markup/classes so every .tpl file keeps working.
   ================================================================== */

:root{
  --hx-primary:#6c5ce7;
  --hx-primary-dark:#5b4bd6;
  --hx-primary-light:#efecfd;
  --hx-primary-lighter:#f6f4fe;
  --hx-navy:#1f2129;
  --hx-bg:#ececf3;
  --hx-surface:#ffffff;
  --hx-border:#ececf3;
  --hx-text:#1f2129;
  --hx-text-muted:#8a8ca3;
  --hx-success:#1a9c5f;
  --hx-success-bg:#e5f8ee;
  --hx-success-border:#c3ecd6;
  --hx-danger:#e5484d;
  --hx-danger-bg:#fdecec;
  --hx-danger-border:#f8c9ca;
  --hx-warning:#b78103;
  --hx-warning-bg:#fff6e0;
  --hx-warning-border:#ffe6a3;
  --hx-info-bg:#eef0f6;
  --hx-radius-sm:8px;
  --hx-radius-md:12px;
  --hx-radius-lg:18px;
  --hx-shadow-sm:0 1px 2px rgba(31,33,41,.05);
  --hx-shadow-md:0 8px 24px rgba(31,33,41,.08);
  --hx-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --hx-sidebar-w:250px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}

body{
  background:var(--hx-bg);
  color:var(--hx-text);
  font-family:var(--hx-font);
  font-size:14px;
  line-height:1.55;
  margin:0;
  padding:0;
}
body,td,th{font-family:var(--hx-font);font-size:14px;color:var(--hx-text);}
a,a:visited{color:var(--hx-primary);text-decoration:none;}
a:hover{color:var(--hx-primary-dark);text-decoration:underline;}

h1{color:var(--hx-navy);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px;padding:0;border:0;}
h2{color:var(--hx-navy);font-size:18px;font-weight:600;margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--hx-border);}
h3{color:var(--hx-navy);font-size:15px;font-weight:600;margin:16px 0 10px;padding:0;}
hr{border:0;border-top:1px solid var(--hx-border);margin:16px 0;}
p{margin:0;padding:4px 0 8px;}
.absmiddle{vertical-align:middle;}
.clear{clear:both;}
.small{font-size:12px;}
.green,.textgreen{color:var(--hx-success);}
.red,.textred{color:var(--hx-danger);}

.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle;}

/* ------------------------------------------------------------
   SHELL — sidebar (rendered by footer.tpl) + main column
   ------------------------------------------------------------ */
#hx_shell{display:flex;align-items:stretch;min-height:100vh;}

#hx_sidebar{
  order:-1;
  flex:0 0 var(--hx-sidebar-w);
  width:var(--hx-sidebar-w);
  background:var(--hx-surface);
  border-right:1px solid var(--hx-border);
  padding:20px 16px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
#hx_logo{
  display:flex;align-items:center;gap:10px;
  color:var(--hx-navy);font-weight:700;font-size:17px;
  padding:6px 4px 18px;
}
#hx_logo .icon{width:28px;height:28px;color:var(--hx-primary);}
#hx_logo img{border-radius:6px;}

#hx_home_btn,#hx_home_btn:visited{
  display:flex;align-items:center;gap:10px;
  background:var(--hx-primary);color:#fff !important;
  font-weight:600;font-size:13.5px;
  padding:11px 14px;border-radius:var(--hx-radius-sm);
  margin-bottom:18px;text-decoration:none;
}
#hx_home_btn:hover{background:var(--hx-primary-dark);text-decoration:none;}

.hx_nav_label{
  color:var(--hx-text-muted);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  margin:14px 4px 6px;padding:0;
}
.hx_nav{display:flex;flex-direction:column;gap:1px;}
.hx_nav a{
  display:flex;align-items:center;gap:11px;
  color:var(--hx-text);font-size:13.5px;font-weight:500;
  padding:9px 12px;border-radius:var(--hx-radius-sm);
  text-decoration:none;
}
.hx_nav a:hover{background:var(--hx-primary-lighter);color:var(--hx-primary);text-decoration:none;}
.hx_nav a.active{background:var(--hx-primary-light);color:var(--hx-primary-dark);font-weight:600;}
.hx_nav a .icon{color:var(--hx-text-muted);}
.hx_nav a:hover .icon,.hx_nav a.active .icon{color:var(--hx-primary);}

#hx_sidebar_spacer{flex:1 1 auto;}

.hx_side_card{
  background:var(--hx-primary-lighter);
  border-radius:var(--hx-radius-md);
  padding:16px;text-align:center;
  margin-top:16px;
}
.hx_side_card .icon-wrap{
  width:40px;height:40px;border-radius:50%;
  background:var(--hx-primary-light);color:var(--hx-primary);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;
}
.hx_side_card h4{margin:0 0 4px;font-size:13.5px;color:var(--hx-navy);}
.hx_side_card p{font-size:12px;color:var(--hx-text-muted);padding:0 0 10px;}
.hx_side_card .hx_btn,.hx_side_card .hx_btn:visited{
  display:block;background:var(--hx-primary);color:#fff !important;
  border-radius:var(--hx-radius-sm);padding:8px 10px;font-size:12.5px;font-weight:600;text-decoration:none;
}
.hx_side_card .hx_btn:hover{background:var(--hx-primary-dark);text-decoration:none;}
.hx_side_card form p{padding:3px 0;text-align:left;}
.hx_side_card input[type="text"],.hx_side_card input[type="password"],.hx_side_card select{width:100%;margin-top:3px;}
.hx_side_card input[type="submit"]{width:100%;margin-top:4px;}

#hx_user_card{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--hx-border);}
#hx_user_card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;}
#hx_user_card summary::-webkit-details-marker{display:none;}
.hx_avatar{
  width:34px;height:34px;border-radius:50%;background:var(--hx-primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none;
}
.hx_user_meta{overflow:hidden;flex:1 1 auto;}
.hx_user_meta strong{display:block;font-size:13px;color:var(--hx-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hx_user_meta span{display:block;font-size:11.5px;color:var(--hx-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#hx_user_card .hx_dropdown{margin-top:8px;display:flex;flex-direction:column;gap:2px;}
#hx_user_card .hx_dropdown a{padding:7px 10px;border-radius:var(--hx-radius-sm);font-size:13px;color:var(--hx-text);}
#hx_user_card .hx_dropdown a:hover{background:var(--hx-primary-lighter);color:var(--hx-primary);text-decoration:none;}

/* ------------------------------------------------------------
   MAIN COLUMN / TOPBAR
   ------------------------------------------------------------ */
#hx_main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;}
#hx_topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:22px 32px 18px;
  width:100%;max-width:1120px;
}
#hx_topbar h1{margin:0;}
#hx_topbar .breadcrumb{background:none;padding:2px 0 0;margin:0;color:var(--hx-text-muted);font-size:12.5px;}
#hx_topbar_actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hx_search{
  display:flex;align-items:center;gap:8px;
  background:var(--hx-info-bg);border-radius:999px;
  padding:8px 16px;min-width:200px;
}
.hx_search input{border:0;background:none;padding:0;font-size:13px;flex:1 1 auto;width:100%;}
.hx_search input:focus{box-shadow:none;}
.hx_search .icon{color:var(--hx-text-muted);}
.hx_icon_btn{
  position:relative;
  width:38px;height:38px;border-radius:50%;
  background:var(--hx-info-bg);color:var(--hx-text);
  display:flex;align-items:center;justify-content:center;
}
.hx_icon_btn:hover{background:var(--hx-primary-light);color:var(--hx-primary);}
.hx_icon_badge{
  position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 3px;
  background:var(--hx-danger);color:#fff;border-radius:999px;
  font-size:9.5px;font-weight:700;line-height:16px;text-align:center;
}
#hx_content{padding:0 32px 40px;flex:1 1 auto;width:100%;max-width:1120px;box-sizing:border-box;}

@media (max-width:900px){
  #hx_shell{flex-direction:column;}
  #hx_sidebar{order:2;width:100%;flex:none;border-right:0;border-top:1px solid var(--hx-border);}
  #hx_topbar,#hx_content{padding-left:16px;padding-right:16px;}
}

/* ------------------------------------------------------------
   FLOATING HELP WIDGET (top-right of the page)
   ------------------------------------------------------------ */
#hx_floating_help{
  position:fixed;
  top:86px;
  right:24px;
  width:260px;
  background:var(--hx-primary-lighter);
  border:1px solid var(--hx-primary-light);
  border-radius:var(--hx-radius-md);
  box-shadow:var(--hx-shadow-md);
  padding:16px;
  text-align:center;
  z-index:40;
}
#hx_floating_help .icon-wrap{
  width:40px;height:40px;border-radius:50%;
  background:var(--hx-primary-light);color:var(--hx-primary);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;
}
#hx_floating_help h4{margin:0 0 4px;font-size:13.5px;color:var(--hx-navy);}
#hx_floating_help p{font-size:12px;color:var(--hx-text-muted);padding:0 0 10px;}
#hx_floating_help .hx_btn{
  display:block;background:var(--hx-primary);color:#fff !important;
  border-radius:var(--hx-radius-sm);padding:8px 10px;font-size:12.5px;font-weight:600;text-decoration:none;
}
#hx_floating_help .hx_btn:hover,#hx_floating_help .hx_btn:visited{color:#fff !important;background:var(--hx-primary-dark);text-decoration:none;}
#hx_floating_help .hx_help_contacts{
  margin-top:12px;padding-top:2px;
  border-top:1px solid var(--hx-primary-light);
}
#hx_floating_help .hx_help_contact_row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 0;border-bottom:1px solid var(--hx-primary-light);
  font-size:12px;text-align:left;
}
#hx_floating_help .hx_help_contact_row:last-child{border-bottom:0;}
#hx_floating_help .hx_help_contact_label{
  display:flex;align-items:center;gap:6px;color:var(--hx-text-muted);white-space:nowrap;
}
#hx_floating_help .hx_help_contacts a{
  color:var(--hx-navy);font-weight:600;white-space:nowrap;text-align:right;
}
#hx_floating_help .hx_help_contacts a:hover{color:var(--hx-primary);text-decoration:none;}
@media (max-width:1200px){
  #hx_floating_help{position:static;width:auto;margin:0 32px 20px;top:auto;right:auto;box-shadow:var(--hx-shadow-sm);}
}
@media (max-width:900px){
  #hx_floating_help{margin:0 16px 20px;}
}

/* ------------------------------------------------------------
   STAT CARDS (dashboard)
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   THIRD-PARTY ORDER FORM ("Modern") — give it the same card look
   without touching its own template files.
   ------------------------------------------------------------ */
#order-modern{
  background:#f4f4f8;
  border:0;
  border-radius:var(--hx-radius-lg);
  box-shadow:var(--hx-shadow-md);
  padding:32px 40px;
  margin-bottom:20px;
}
/* Fully hand control of everything inside the third-party order form
   back to its own stylesheet — stop our theme's CSS reaching in. */
#order-modern input,
#order-modern select,
#order-modern textarea,
#order-modern button,
#order-modern a,
#order-modern h1,#order-modern h2,#order-modern h3{
  all:revert;
}
#order-modern input[type="submit"],
#order-modern input[type="button"],
#order-modern button,
#order-modern .button,
#order-modern .submitbutton,
#order-modern .buttongo,
#order-modern .ordernow{
  all:unset;
  display:inline-block;
  box-sizing:border-box;
  background:var(--hx-primary);
  color:#fff;
  border:0;
  border-radius:var(--hx-radius-sm);
  padding:10px 20px;
  font-family:var(--hx-font);
  font-weight:600;
  font-size:13px;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:background .15s ease;
}
#order-modern input[type="submit"]:hover,
#order-modern input[type="button"]:hover,
#order-modern button:hover,
#order-modern .button:hover,
#order-modern .submitbutton:hover,
#order-modern .buttongo:hover,
#order-modern .ordernow:hover{
  background:var(--hx-primary-dark);
  color:#fff;
}

.hx_stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
@media (max-width:1100px){.hx_stats{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.hx_stats{grid-template-columns:1fr;}}
.hx_stat_card{
  background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-lg);
  box-shadow:var(--hx-shadow-sm);padding:18px 20px;
}
.hx_stat_card .hx_stat_icon{
  width:36px;height:36px;border-radius:var(--hx-radius-sm);
  background:var(--hx-primary-light);color:var(--hx-primary);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.hx_stat_card .hx_stat_label{font-size:12.5px;color:var(--hx-text-muted);font-weight:600;margin-bottom:2px;}
.hx_stat_card .hx_stat_value{font-size:26px;font-weight:700;color:var(--hx-navy);line-height:1.2;}
.hx_stat_card .hx_stat_sub{font-size:12px;color:var(--hx-text-muted);margin-top:2px;}

/* ------------------------------------------------------------
   CONTENT CARDS / PANELS
   ------------------------------------------------------------ */
.hx_card{
  background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-lg);
  box-shadow:var(--hx-shadow-sm);padding:22px;margin-bottom:20px;
}
.hx_card_head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;}
.hx_card_head h2{border:0;margin:0;padding:0;font-size:16px;}
.hx_card_head p{color:var(--hx-text-muted);font-size:12.5px;padding:2px 0 0;}
.hx_grid_2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media (max-width:860px){.hx_grid_2{grid-template-columns:1fr;}}

/* ------------------------------------------------------------
   FORM ELEMENTS
   ------------------------------------------------------------ */
form{margin:0;padding:0;}
input,select,textarea{
  font-family:var(--hx-font);font-size:13px;color:var(--hx-text);
  background:var(--hx-surface);border:1px solid var(--hx-border);
  border-radius:var(--hx-radius-sm);padding:7px 10px;margin:0;
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hx-primary);box-shadow:0 0 0 3px var(--hx-primary-light);}
input[type="checkbox"],input[type="radio"]{border-radius:0;padding:0;width:auto;}
input[type="submit"],input[type="button"],.button,.button:visited,.submitbutton,.submitbutton:visited,.buttongo,.buttongo:visited{
  background:var(--hx-primary);color:#fff;border:0;border-radius:var(--hx-radius-sm);
  padding:9px 18px;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease;
}
input[type="submit"]:hover,input[type="button"]:hover,.button:hover,.submitbutton:hover,.buttongo:hover{background:var(--hx-primary-dark);}
.buttonwarn,.buttonwarn:visited{background:var(--hx-danger);color:#fff !important;border:0;border-radius:var(--hx-radius-sm);padding:9px 18px;font-weight:600;cursor:pointer;}
.buttonwarn:hover{background:#c92e33;}
.hx_btn_ghost,.hx_btn_ghost:visited{background:var(--hx-primary-light) !important;color:var(--hx-primary-dark) !important;}
.hx_btn_ghost:hover{background:var(--hx-primary-light) !important;}

/* ------------------------------------------------------------
   BOXES / ALERTS
   ------------------------------------------------------------ */
.warning{background:var(--hx-warning-bg);border:1px solid var(--hx-warning-border);border-radius:var(--hx-radius-md);margin:0 0 14px;padding:12px 16px;}
.contentbox{padding:14px;margin:0 0 12px;text-align:center;border-radius:var(--hx-radius-md);}
.errorbox{background:var(--hx-danger-bg);border:1px solid var(--hx-danger-border);color:var(--hx-danger);border-radius:var(--hx-radius-md);padding:12px 16px;margin:0 0 14px;text-align:center;font-weight:600;}
.successbox{background:var(--hx-success-bg);border:1px solid var(--hx-success-border);color:var(--hx-success);border-radius:var(--hx-radius-md);padding:12px 16px;margin:0 0 14px;text-align:center;font-weight:600;}
.creditbox{background:var(--hx-warning-bg);border:1px dashed #d9a441;border-radius:var(--hx-radius-md);padding:14px;margin:0 0 14px;}

/* ------------------------------------------------------------
   STATUS PILLS
   ------------------------------------------------------------ */
.status-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700;
  background:var(--hx-info-bg);color:var(--hx-text-muted);white-space:nowrap;
}
.status-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.status-pill.status-active,.status-pill.status-paid{background:var(--hx-success-bg);color:var(--hx-success);}
.status-pill.status-pending,.status-pill.status-awaiting-fulfillment{background:var(--hx-warning-bg);color:var(--hx-warning);}
.status-pill.status-unpaid,.status-pill.status-overdue{background:var(--hx-danger-bg);color:var(--hx-danger);}
.status-pill.status-suspended{background:var(--hx-warning-bg);color:var(--hx-warning);}
.status-pill.status-terminated,.status-pill.status-cancelled,.status-pill.status-collections{background:var(--hx-danger-bg);color:var(--hx-danger);}
.status-pill.status-refunded,.status-pill.status-closed{background:var(--hx-info-bg);color:var(--hx-text-muted);}
.status-pill.status-open,.status-pill.status-in-progress,.status-pill.status-customer-reply,.status-pill.status-answered{background:var(--hx-primary-light);color:var(--hx-primary-dark);}

/* ------------------------------------------------------------
   TABLES / PANELS
   ------------------------------------------------------------ */
table.frame{width:100%;margin:0 0 16px;padding:0;border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);overflow:hidden;border-spacing:0;}
table.frame table td{background:var(--hx-surface);border-bottom:1px solid var(--hx-border);padding:10px 14px;}
table.frame table tr:last-child td{border-bottom:0;}
table.frame table td.fieldarea{background:#fafafd;color:var(--hx-text-muted);font-weight:600;text-align:right;border-right:1px solid var(--hx-border);white-space:nowrap;}

table.data{width:100%;margin:0 0 16px;padding:0;border-collapse:separate;border-spacing:0;}
table.data th{
  background:none;color:var(--hx-text-muted);font-weight:700;font-size:11px;text-transform:uppercase;
  letter-spacing:.05em;border-bottom:1px solid var(--hx-border);padding:0 12px 10px;text-align:left;
}
table.data th a{color:var(--hx-text-muted);}
table.data td{background:none;border-bottom:1px solid var(--hx-border);padding:14px 12px;}
table.data tr:last-child td{border-bottom:0;}
table.data tr:hover td{background:#fbfbfd;}
table.data tr.clientareatableactive td,table.data tr.clientareatablepending td,table.data tr.clientareatablesuspended td,table.data tr.clientareatableterminated td{background:none !important;}

.clientareatableactive{background:var(--hx-success-bg);}
.clientareatablepending{background:var(--hx-info-bg);}
.clientareatablesuspended{background:var(--hx-warning-bg);}
.clientareatableterminated{background:var(--hx-danger-bg);}

.custom-section{font-family:var(--hx-font);}
.traffic-stats-link{margin:8px 0 20px;padding:14px;border:1px solid var(--hx-primary-light);border-radius:var(--hx-radius-md);background:var(--hx-primary-lighter);text-align:center;}
.traffic-stats-link a{font-weight:700;font-size:15px;color:var(--hx-primary);}
.traffic-stats-link a:hover{color:var(--hx-primary-dark);text-decoration:none;}

.paid,.status-pill.status-paid{color:var(--hx-success);}
.unpaid{color:var(--hx-danger);font-weight:700;}
.refunded,.cancelled,.collections{color:var(--hx-text-muted);font-weight:700;}

/* ------------------------------------------------------------
   LIST ROWS (invoices / tickets style rows used on dashboard)
   ------------------------------------------------------------ */
.hx_row_list{display:flex;flex-direction:column;gap:4px;}
.hx_row{display:flex;align-items:center;gap:14px;padding:12px 6px;border-bottom:1px solid var(--hx-border);}
.hx_row:last-child{border-bottom:0;}
.hx_row_icon{
  width:36px;height:36px;border-radius:var(--hx-radius-sm);background:var(--hx-info-bg);color:var(--hx-text-muted);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.hx_row_main{flex:1 1 auto;min-width:0;}
.hx_row_main strong{display:block;font-size:13.5px;color:var(--hx-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hx_row_main span{display:block;font-size:11.5px;color:var(--hx-text-muted);}
.hx_row_end{display:flex;align-items:center;gap:12px;flex:none;text-align:right;}
.hx_row_amount{font-weight:700;font-size:13.5px;color:var(--hx-navy);}

/* ------------------------------------------------------------
   TICKETS (dedicated ticket reply styling)
   ------------------------------------------------------------ */
.clientticketreplyheader{background:var(--hx-info-bg);color:var(--hx-text);border:1px solid var(--hx-border);border-bottom:0;border-radius:var(--hx-radius-md) var(--hx-radius-md) 0 0;padding:10px 14px;}
.clientticketreply{background:var(--hx-surface);margin:0 0 14px;padding:14px;border:1px solid var(--hx-border);border-top:0;border-radius:0 0 var(--hx-radius-md) var(--hx-radius-md);}
.adminticketreplyheader{background:var(--hx-primary-lighter);color:var(--hx-primary-dark);border:1px solid var(--hx-primary-light);border-bottom:0;border-radius:var(--hx-radius-md) var(--hx-radius-md) 0 0;padding:10px 14px;}
.adminticketreply{background:#fbfaff;padding:14px;margin:0 0 14px;border:1px solid var(--hx-primary-light);border-top:0;border-radius:0 0 var(--hx-radius-md) var(--hx-radius-md);}
.networkissueaffected{background:var(--hx-info-bg);border-radius:var(--hx-radius-md);padding:12px;margin:0 0 12px;}

/* ------------------------------------------------------------
   KNOWLEDGEBASE / MISC
   ------------------------------------------------------------ */
.kbarticle{padding:4px 6px 6px 16px;}
.kbviews{color:var(--hx-text-muted);font-size:11px;}
.kbalsoread{padding:8px 10px;background:var(--hx-info-bg);border-radius:var(--hx-radius-sm);border-bottom:0;font-weight:700;margin:12px 0;}
.searchinput{font-size:12px;padding:6px 8px;}
#twitterfeed ul{list-style:none;padding:0;margin:15px 0 20px;}
#twitterfeed li{background-image:url(../../images/twittericon.png);background-repeat:no-repeat;background-position:0;margin:0 20px 10px;padding-left:25px;}
#twitterfeed p{text-align:center;margin:15px;}
.tweetbutton{float:right;margin:0 15px 15px;}

/* --------------------------------------------------------------
   QUOTES
-------------------------------------------------------------- */
.quotecontainer{border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);background:var(--hx-surface) url('../../images/quote.png') no-repeat 14px 15px;color:var(--hx-text);margin:0 0 12px;box-shadow:var(--hx-shadow-sm);transition:box-shadow .15s ease;}
.quotecontainer:hover{background-color:#fbfbfd;box-shadow:var(--hx-shadow-md);cursor:pointer;}
.quotecontainer .quoteid{float:left;width:80px;padding:17px 0 0 44px;text-align:center;font-size:24px;font-weight:700;color:var(--hx-navy);}
.quotecontainer .quoteleft{float:left;padding:14px 0;font-size:12px;color:var(--hx-text-muted);}
.quotecontainer .quoteleft .subject{font-weight:700;font-size:14px;padding-bottom:4px;color:var(--hx-text);width:350px;}
.quotecontainer .quoteright{float:right;padding:14px 18px 0 0;text-align:right;}
.quotecontainer .quoteright .stage{font-weight:700;font-size:12px;padding-bottom:4px;color:var(--hx-primary-dark);}

/* ------------------------------------------------------------
   SITE FOOTER
   ------------------------------------------------------------ */
#hx_footer{
  background:var(--hx-surface);border-top:1px solid var(--hx-border);
  padding:20px 32px;font-size:12px;color:var(--hx-text-muted);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
}
#hx_footer .hx_footer_legal p{padding:1px 0;}
#hx_footer .hx_footer_links{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:flex-end;}
#hx_footer .hx_footer_links a{color:var(--hx-text-muted);}
#hx_footer .hx_footer_links a:hover{color:var(--hx-primary);}
#hx_footer_pay{width:100%;text-align:center;padding:0 0 16px;border-bottom:1px solid var(--hx-border);margin-bottom:16px;}
#hx_footer_pay img{max-width:100%;height:auto;}