@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url(dropdown.css);
@import url(tooltip.css);
@font-face {
	font-display: swap;
	font-family: 'Agave';
	src: url('Agave-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-display: swap;
	font-family: 'Agave';
	src: url('Agave-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: bold;
}
@font-face {
	font-display: swap;
	font-family: 'EngeEtienne';
	src: url('OPTIEngeEtienne.otf') format('opentype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-display: swap;
	font-family: 'Exorcista';
	src: url('Exorcista.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
* { padding: 0; margin: 0; }
body {
  background: #0d1117;
  color: rgba(250,250,250,1);
  font-family: "Titillium Web", sans-serif;
  text-align: center;
}
a { text-decoration: none; }
code,tt {
  background-color: rgba(110,118,129,0.4);
  font-family: 'Agave', monospace;
  padding: 0.1em 0.2em;
  margin: 0;
  white-space: break-spaces;
}
pre {
  padding: 16px;
  margin: 1ch;
  overflow: auto;
  line-height: 1.45;
  background-color: #28313D;
  border-radius: 6px;
}
h1 {
  color: rgba(250,250,250,1);
  font-family: "Exorcista", sans-serif;
  font-size: 64pt;
  line-height: 1;
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(153,153,153,1), 0 2px 0 rgba(119,119,119,1), 0 3px 0 rgba(85,85,85,1), 0 4px 0 rgba(51,51,51,1), 0 5px 4px rgba(0,17,53,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
  margin: 0.5ch 0 1ch 0;
}
h1 > img { position: relative; left: 30px; }
h1 > span {
  /*color: rgba(0,206,209,1);*/
  color: #3CB6F3;
  text-shadow: 0 1px 0 rgba(0,173,175,1), 0 2px 0 rgba(0,129,131,1), 0 3px 0 rgba(0,85,87,1), 0 4px 0 rgba(0,51,53,1), 0 5px 4px rgba(0,17,53,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
h3.ffxi {
  color: rgba(96,96,96,1);
  text-shadow: 0 1px 0 rgba(63,63,63,1), 0 2px 0 rgba(43,43,43,1), 0 3px 0 rgba(35,35,35,1), 0 4px 0 rgba(21,21,21,1), 0 5px 4px rgba(0,17,13,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
  font-family: "EngeEtienne", sans-serif;
  font-size: 32pt;
  line-height: 36pt;
  font-weight: normal;
  padding-right: 12ch;
}
h2 {
  cursor: default;
  color: rgb(255,140,0);
  font-size: 16pt;
  margin: 4px 0 0;
  text-shadow: 0 1px 0 rgba(128,70,0,1), 0 2px 0 rgba(99,54,0,1), 0 3px 0 rgba(77,42,0,1), 0 4px 0 rgba(60,33,0,1), 0 5px 4px rgba(47,26,0,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
h2 > a {
  color: rgba(250,250,250,1);
  text-shadow: 0 1px 0 rgba(153,153,153,1), 0 2px 0 rgba(119,119,119,1), 0 3px 0 rgba(85,85,85,1), 0 4px 0 rgba(51,51,51,1), 0 5px 4px rgba(0,17,53,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
h2 > a:hover {
  color: rgb(255,140,0);
  text-shadow: 0 1px 0 rgba(128,70,0,1), 0 2px 0 rgba(99,54,0,1), 0 3px 0 rgba(77,42,0,1), 0 4px 0 rgba(60,33,0,1), 0 5px 4px rgba(47,26,0,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
#version {
  position: absolute;
  text-align: center;
  top: 10.5ch;
  width: 100%;
  z-index: -1;
}
#version > span {
  color: rgba(128,128,128,1);
  text-shadow: 0 1px 0 rgba(87,87,87,1), 0 2px 0 rgba(70,70,70,1), 0 3px 0 rgba(53,53,53,1), 0 4px 0 rgba(36,36,36,1), 0 5px 4px rgba(0,17,53,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
  padding-right: 19ch;
}
/* General Formatting */
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.vtop { vertical-align: top; }
.indent { padding-left: 16px !important; }
.indent2 > a::before, .indent > a::before { content: '\2022  '; color: rgba(250,250,250,1); }
.indent2 > a, .indent > a { color: rgba(119,170,255,1); }
.indent2 { padding-left: 32px !important; }
.small { font-size: 12pt; font-family: "Agave", monospace; }
/* Colors */
.red { color: rgba(180,0,0,1); }
.green { color: rgba(91,217,97,1); }
.yellow { color: rgba(180,180,0,1); }
.lightgray { color: rgba(160,160,160,1); }
.blue { color: rgb(119,170,255); }
.white { color: rgba(230,230,230,1); }
.textshadow { text-shadow: 0 1px 0 rgba(153,153,153,1), 0 2px 0 rgba(119,119,119,1), 0 3px 0 rgba(85,85,85,1), 0 4px 0 rgba(51,51,51,1), 0 5px 4px rgba(0,17,53,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }
.darktextshadow { text-shadow: 0 1px 0 rgba(87,87,87,1), 0 2px 0 rgba(70,70,70,1), 0 3px 0 rgba(53,53,53,1), 0 4px 0 rgba(36,36,36,1), 0 5px 4px rgba(0,17,53,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }
/* Crystals */
.fire { color: rgba(222,136,125,1) !important; font-weight: bold; }
.ice { color: rgba(98,146,198,1) !important; font-weight: bold; }
.wind { color: rgba(117,176,94,1) !important; font-weight: bold; }
.earth { color: rgba(220,200,97,1) !important; font-weight: bold; }
.lightning { color: rgba(173,159,221,1) !important; font-weight: bold; }
.water { color: rgba(116,144,201,1) !important; font-weight: bold; }
.light { color: rgba(240,242,246,1) !important; font-weight: bold; }
.dark { color: rgba(128,129,129,1) !important; font-weight: bold; }
/* Content Containers */
#stretch {
  background: #05648c;
  position: fixed;
  width: 100%;
  height: 100%;
}
#logo {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#content { z-index: 50; position: absolute; top: 200px; bottom: 27ch; width: 100%; overflow-y: auto; }
#content > h3 { text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1); }
#toTop {
  font-size: 18pt;
  text-shadow: 0 1px 0 rgba(128,70,0,1), 0 2px 0 rgba(99,54,0,1), 0 3px 0 rgba(77,42,0,1), 0 4px 0 rgba(60,33,0,1), 0 5px 4px rgba(47,26,0,1), 0 0 4px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
  color: rgb(255,140,0) !important;
  display: inline-block;
  margin-left: 50px;
  vertical-align: bottom;
  cursor: pointer;
  position: fixed;
  bottom: 232px;
}
/* In-Game Chat */
#chatbox {
  position: fixed;
  bottom: 8ch;
  width: 100%;
}
#chat {
  opacity: 0.9;
  text-align: left;
  font-size: 12pt;
  width: 1024px;
  margin: 0 auto;
  padding: 5px;
  color: rgba(238,238,238,1);
  background-color: #161b22;
  border: 1px solid rgba(43,43,43,1);
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  display: none;
}
/*
#chat > div.say> a { color: rgba(119,170,255,1); }
#chat > div.say {
  color: #EEE;
*/
#chat > div.say> a { color: #f7cfe1; }
#chat > div.say {
  color: #f7cfe1;
  padding-bottom: 2px;
  clear: both;
}
#chat > div.say:hover { background-color: #28313D; cursor: default; }
#chat > div.say > span.chat-time { color: rgba(209,95,238,1); }
#chat > div.say > span.servermsg { color: rgba(91,217,97,1); }
#chat > div.say > span.at-o { color: rgba(64,135,87,1); }
#chat > div.say > span.at-c { color: rgba(131,47,47,1); }
/* Tables */
.tbl {
  display: inline-block;
  text-align: left;
  margin: 2px;
  border-collapse: collapse;
  font-size: 12pt;
  vertical-align: top;
  border: 1px solid rgba(43,43,43,1);
  /*background-color: #303030;*/
  background-color: #161b22;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  cursor:default;
}
.tbl > thead > tr > th {
  height: 24px;
  /*background-color: rgba(49,115,52,1);*/
  background-color: #497F76;
  text-align: center;
  font-weight: bold;
  color: rgba(230,230,230,1);
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1);
  border-bottom: 3px solid rgba(60,60,60,1);
}
.tbl > thead > tr.tbl-subhead > td {
  height: 22px;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  color: rgba(230,230,230,1);
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1);
  border-bottom: 1px solid rgba(60,60,60,1);
}
.tbl > tbody > tr > td {
  padding: 0 1ch;
  border: 0;
  font-size: 12pt;
  border: none;
  text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,1);
}
.tbl .right {
  text-align: right;
  text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,1);
}
td.icon { width: 16px; }
.tbl span.capped { color: rgba(119,170,255,1); }
/* Tables - onHover TR Highlight */
.tbl.tbl-hover > tbody > tr { background-color: #161b22; }
.tbl.tbl-hover > tbody > tr:hover {background-color: #28313D; cursor: default;}
.tbl.tbl-hovertd > tbody > tr > td { background-color: #161b22; }
.tbl.tbl-hovertd > tbody > tr > td:hover {background-color: #28313D; cursor: default;}
/* Misc Custom Tables */
.tbl h3 { margin: 0 auto; padding: 0; }
.tbl .w100p { width: 100%; }
.tbl .separator { height: 4px; }
.tbl-mission, .tbl-mission > thead > tr > th { min-width: 243px; }
.tbl-crafts, .tbl-crafts > thead > tr > th { min-width: 120px; }
.tbl-jobs, .tbl-jobs > thead > tr > th { min-width: 109px; }
.tbl-stats, .tbl-stats > thead > tr > th { min-width: 150px; text-align: center; }
.tbl.text, .tbl-text > tbody > tr > td,
.tbl.text, .tbl-text > thead > tr > th { min-width: 320px; max-width: 640px; }
.tbl-mission a { color: rgb(119,170,255); }
.tbl-ahcats, .tbl-ahcats > thead > tr > th { width: 420px; }
.tbl-stats #auto_linkshell > img { vertical-align: text-bottom; position: relative; top: -1px; }
.tbl-stats h3#auto_name {  color: rgb(255,140,0); }
.tbl-stats h3.linkshell { font-weight: normal; }
.tbl-stats #auto_zone { 
  color: rgba(150,150,150,1);
  font-style: italic;
}
.tbl-stats td, .tbl-ah td { padding: 1px !important; }
.tbl-users > tbody > tr > td:first-child,
.tbl-crafts > tbody > tr > td:first-child,
.tbl-mission > tbody > tr > td:first-child,
.tbl-jobs > tbody > tr > td:first-child { padding-right: 1ch; padding-left: 2ch }
#tbl-online > tbody > tr > td:nth-child(3),
.tbl-users > tbody > tr > td:nth-child(4),
.tbl-crafts > tbody > tr > td:not(:first-child),
.tbl-mission > tbody > tr > td:not(:first-child),
.tbl-jobs > tbody > tr > td:not(:first-child) { padding-left: 1ch; padding-right: 2ch }
.tbl-ah td:first-child { padding-right: 1px !important; padding-left: 6px !important; }
.tbl-bazaar td:first-child { padding-right: 1px !important; padding-left: 6px !important; }
.tbl-bazaar { display: none; }
.recipe-hide { display: none; }
.bazaar-hide { display: none; }
.tbl-ahcathead td { padding: 2px 6px !important; }
.tbl-item, .tbl-item thead, .tbl-item > tbody, .tbl-item > tbody > tr { width: 420px; }
.tbl-item td.item { padding: 0.5ch 2px 0.5ch 2px !important; }
.tbl-item td { padding: 0 0 0 1ch !important; }
.tbl-item td.width { width: 420px; }
.tbl-ah > tbody#auctions > tr { background-color: #303030; }
.tbl-ah > tbody#auctions > tr:hover {background-color: #434343; cursor: default;}
.tbl > tbody#bazaar a,
.tbl > tbody#auctions a { color: rgba(230,230,230,1); }
.tbl-ah .ah-item { text-align: left !important; width: 180px;}
.tbl-ah .ah-date { text-align: center !important; width: 110px; }
.tbl-ah .ah-who { text-align: center !important; width: 85px; }
.tbl-ah .ah-price { text-align: center !important; width: 75px; }
.tbl-ah .ah-highlight { color: rgba(119,170,255,1) !important; }
.tbl-recipes > thead > tr.tbl-head > td,
.tbl-ahcat > thead > tr.tbl-head > td {
  height: 24px;
  /*background-color: rgba(49,115,52,1);*/
  background-color: #497F76;
  text-align: center;
  font-weight: bold;
  color: rgba(230,230,230,1);
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1);
  border-bottom: 3px solid rgba(60,60,60,1);
}
.tbl-recipes > thead > tr.tbl-subhead > td,
.tbl-recipes > thead > tr.tbl-subhead > th,
.tbl-ahcat > thead > tr.tbl-subhead > td,
.tbl-ahcat > thead > tr.tbl-subhead > th {
  background: transparent;
  height: 18px;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  color: rgba(230,230,230,1);
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1);
  border-bottom: 1px solid rgba(60,60,60,1);
  cursor: pointer;
}
.tbl-recipes > tbody#recipes > tr,
.tbl-ahcat > tbody#auctions > tr { background-color: #161b22; }
.tbl-recipes > tbody#recipes > tr:hover,
.tbl-ahcat > tbody#auctions > tr:hover {background-color: #28313D; cursor: default;}
.tbl-recipes a, .tbl-ahcat a { color: rgba(230,230,230,1); }
.tbl-ahcats a { color: rgba(119,170,255,1); }
.tbl-ahcats > tbody > tr:hover {background-color: transparent;}
.tbl-recipes > tbody#recipes > tr:not(:last-child) {
	border-bottom: 2px solid rgba(60,60,60,1);
}
img.mini-icon { vertical-align: middle; position: relative; top: -1px; margin-right: 0.25ch; }
.tbl-ah img.mini-icon { vertical-align: text-bottom; position: relative; top: -1px; }
/* Character Gil */
.tbl-gil img { vertical-align: text-bottom; position: relative; }
.tbl-gil td { padding: 2px 8px !important;}
.tbl-text > tbody > tr > td { color: rgba(200,200,200,1); padding: 0 2ch; }
.tbl-text > tbody > tr > td.list { padding: 0 2ch 0 4ch; }
.tbl-text > tbody > tr > td > b { color: rgba(250,250,250,1); }
.tbl-text a { color: #78AE99; text-decoration: none; }
.tbl-text td > ul > li > span { color: rgba(71,166,75,1); }
.tbl-users a, .tbl-users a:active, .tbl-users a:visited, .tbl-users {
  color: rgba(250,250,250,1);
  text-decoration: none;
}
.tbl-users th, .tbl-users td { font-size: 14pt !important; }
/*.tbl-users td { padding: 2px 8px !important;}*/
.tbl-users td { text-align: center; }
.tbl-users .nation { vertical-align: middle; position: relative; top: -1px; }
/* Character Equipment */
.player-equipbox {
  display: inline-block;
  width: 128px;
  margin: 2px 6px;
  border-collapse: collapse;
  font-size: 14pt;
  background-color: #EEE;
  border-collapse: collapse;
  border: 1px solid rgba(43,43,43,1);
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,1);
}
.player-equipbox-head {
  height: 24px;
  /*background-color: rgba(49,115,52,1);*/
  background-color: #497F76;
  text-align: center;
  font-size: 12pt;
  font-weight: 700;
  color: rgba(230,230,230,1);
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1);
}
.player-equipbox-footer {
  text-align: center;
  background-color: #161b22;
  font-size: 12pt;
  color: rgba(230,230,230,1);
  text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,1);
}
.equipslot {
  float: left;
  width: 32px;
  height: 32px;
  background-image: url(../images/equip_box.gif);
}
/* Footer */
#footer {
  background-color: #161b22;
  position: fixed;
  bottom: 0;
  padding: 4px 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 75;
  color: #e9e6da;
  font-size: 12pt;
  line-height: 14pt;
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 2px 3px rgba(0,0,0,1);
  height: 6ch;
}
#footer > #closed {
  position: absolute;
  left: 10px;
  top: 1px;
}
#footer > #attribution {
  position: absolute;
  right: 10px;
  top: 10px;
}
#footer > #attribution > a > img { vertical-align: middle; }
#footer > #attribution > a > span { color: #78AE99; text-decoration: none; position: relative; top: 2px; }
#footer img.clock {
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
/* Searchbox */
.searchBox { position: relative; width: 300px; margin: 0 auto; }
.searchBox input[type="text"] {
  border: 1px solid black;
  color:rgba(0,0,0,1);
  font-size: 14pt;
  font-family: "Titillium Web", sans-serif;
  padding: 4px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
}

.searchBox input[type="text"]:focus {
  border: 1px solid rgba(255,140,0,1) !important;
  outline: 0 none;
}
.searchBox select {
  padding:5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  color:#000000;
}
.searchBox > i.submit {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  bottom: 13px;
  right: 0;
  width: 24px;
  border:0;
  color: rgba(150,150,150,1);
  text-shadow: 0 0 1px rgba(19,19,19,1), 0 1px 2px rgba(0,0,0,1);
}
/* Items & Tooltips */
.item-icon {
  vertical-align: top;
  width: 40px;
}
.item-icon .t_mainicon,
.item-icon .i_mainicon {
  position: relative;
  top: 9px;
  border: 1px solid #313131;
}
.item {
  color: #bbbbbb;
  cursor: default;
  padding: 0 10px !important;
  position: relative;
}
.item img { vertical-align: text-bottom; }
.item .i_stack,
.item .t_raex,
.item .i_raex {
  right: 1ch;
  position: absolute;
  top: 0;
  margin-right: 3px;
}
.item .i_stack > a { color: rgba(119,170,255,1); }
.item .t_signature {
  color: rgba(250,250,250,1);
  float: right;
  position: relative;
  bottom: 4px;
  margin-right: 3px;
}
.item .t_rare, .item .t_ex,
.item .i_rare, .item .i_ex {
  margin: 0 1px;
}
.item .t_item,
.item .i_item {
  color: rgba(119,170,255,1);
  font-size: 14pt;
}
.item .t_icon {
  position: relative;
  top: 1px;
  border: 1px solid #313131;
}
.item .t_stats,
.item .i_stats {
  color: rgba(230,230,230,1);;
  padding-right: 22px;
  width: 350px;
}
.item .t_stats .stat,
.item .i_stats .stat { white-space: nowrap; padding-right: 4px; }
.item .t_jobs,
.item .i_jobs {
  color: rgba(230,230,230,1);;
  padding-right: 22px;
}
.item .t_statsicon,
.item .i_statsicon {
  position: relative;
  top: -2px;
}
.item-ahcat { color: rgba(119,170,255,1) !important; }
.catlink, .shoplink, .recipelink { cursor: pointer; }
.categories { margin-left: 2px; }
.categories > tbody > tr > td:not(:last-child) { padding-right: 8px; }
.tablesorter th { outline: none; }
.tablesorter-header-inner { cursor: pointer; }
.tbl-items { padding: 0 !important;}
/* Mobile */
@media only screen and (max-width: 400px) {
  #closed { display: none;}
  #chat { width: 300px; max-height: 156px; overflow-y: hidden; }
}