@import "items.css?";
@import "gnome.css?";
@import "ntable.css?1";
@import "zones.css?";
@import "forums.css?";
@import "jquery-ui.css?";
:root {
	--font-awesome: "Font Awesome 6 Solid";
	--font-awesome-duo: "Font Awesome 6 Duotone";	
}
.item.greyed {
  opacity: 0.6;
}
.white {
    color: white;
}
BODY {
	margin-left: 0pt;
	margin-right: 0pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
	background-color: var(--main-bg-color);
	color: var(--primary-text-color);
	background-image: var(--main-bg-image);
	font-family: var(--primary-font,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial);
}
@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu,
	.navbar .nav-item .dropdown-large {
		display:block;
		opacity: 0;
		visibility: hidden;
		transition:.3s;
		margin-top:0;
	}
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up,
	.navbar .dropdown-large.fade-up {
		top:180%;
	}
	.navbar .nav-item:hover .dropdown-menu,
	.navbar .nav-item:hover .dropdown-large {
		transition: .3s;
		opacity:1;
		visibility:visible;
		top:93%;
		left: 0px;
		transform: rotateX(0deg);
		border: 2px solid var(--primary-text-color);
		background-color: var(--tab-bg-color);
		border-radius: 0 6px 6px 6px;
		overflow: hidden;
	}
}
.link {
	cursor: pointer;
}
.f120,
.f120 input {
    font-size: 120%;
}
.footer {
    rposition: fixed;
    rbottom: 0;
}
.footer .footer {
    rwidth: 100%;
}
.reoccur {
    font-size: 80%;
    color: #0cf;
    position: relative;
    top: -2px;
    text-shadow: 2px 2px 3px #f00;
}
.reoccur.gold {
    color: #ff0;
}
.reoccur.purple {
    color: #f370ec;
    text-shadow: 2px 2px 2px #e5ff0a;
}

.nav-link {
    padding: 0rem 1rem;
}
.footer.ntable {
    
}
.dropdown-large .breakdown,
.dropdown-large .wish,
.dropdown-large .quests {
    font-size: 20px;
    color: #77F;
    top: 3px;
    position: relative;
}
.dropdown-large .quests {
    color: #0F0;
}
.dropdown-large .wish {
    color: #E0E;
}
.dropdown-large .achieve {
    font-size: 20px;
    top: 4px;
    position: relative;
}
.toast .text-muted {
    color: var(--primary-text-color) !important;
}
.toast {
    box-shadow: 4px 4px 8px rgb(var(--primary-text-color) / 88%);
}
.dropdown-menu {
    z-index: 1000;
}
.nav-item .notices {
    position: relative;
    top: 10px;
}
i.disabled {
    color: var(--disabled-text-color);
}
.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: .50rem;
    border-radius: 0.2rem;
    line-height: 0.4rem;
}
.buttons .btn {
    margin-right: 10px;
}
input.readonly {
	border: 0;
	background-color: transparent;
	color: rgb(var(--primary-text-color));
}
i.fas {
    cursor: pointer;
}
.modal .modal-content {
    background-color: var(--popup-bg-color);
}
.modal .search_results {
    list-style-type: none;
    text-align: left;
    height: 200px;
    overflow: auto;
}
.fas.fa-trash,
.delete {
    color: var(--delete-color);
}
.edit {
    color: var(--edit-color);
}
.modal .search_results li {
    cursor: pointer;
    display: flex;
}
.grid {
  display: grid;
}
.search_results li div {
    padding-right: 5px;
}
ul.achieve {
	margin: 2px 5px;
	column-count: 2;
}
ul.achieve li {
	text-align: left;
}
.modal .spinner {
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.navbar {
    padding: 0;
}
ul {
    list-style-type: none;
}
.navbar .gutter {
    font-size: 80%;
    position: absolute;
    line-height: 17px;
    left: 120px;
    bottom: 2px;
}
.navbar .navbar-collapse {
    height: 60px;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: var(--primary-text-color);
}
.navbar-dark .navbar-nav .nav-link {
    color: var(--primary-text-color);
}
.modal .search_results li:hover {
    background-color: var(--bg-highlight-color);
}
.highlight {
	background-color: rgba(0,0,0,0.7);
}
.btn-light {
	background-image: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(150,150,150,1) 98%);
 	font-weight: bold;
	text-shadow: none;
}
.dropdown-menu {
    background-color: var(--tab-bg-color);
    padding-left: 5px
}
.middle_info,
.middle_info td {
    font-size: 9px;
}
#stats {
    font-size: 9px;
}
#stats input[type=text] {
    width: 20px;
    font-size: 80%;
}
.login .error {
    min-height: 38px;
    color: #f00;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    font-size: 120%;
}
.toast {
    background-color: rgba(var(--content-bg-color));
}
.toast .toast-header {
    background-color: rgba(var(--row-highlight-bg));
    color: var(--primary-text-color);
}
.toast .toast-body {
    
}
#stats input[type=button] {
    width: 7px;
    font-size: 9px;
    padding: 0;
    border: 1px outset;
    background-color: #222;
}
#stats input[type=button]:disabled {
    background-color: #555;
    color: #888;
}
#stats input[type=submit] {
    width: 46px;
}
.banner {
    text-align: center;
    background-color: var(--banner-bg-color) !important;
}
.main_content {
    min-width: 700px;
    max-width: 90%;
    min-height: 400px;
    text-align: center;
    padding: 0px;
    margin: auto;
    margin-bottom: 100px;
}
.item.small {
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px;
    left: -2px;
}
.item.mini {
    width: 19px;
    height: 19px;
    position: relative;
    top: -2px;
    left: -2px;
}
.slot .aug:not(.empty) {
    color: #e2e;
    cursor: pointer;
}
a {
    text-decoration: none;
    color: var(--primary-link-color);
    font-weight: 500;
}
a:hover {
    color: #fff;
}
.char_icons {
    display: flex;
    margin-bottom: 10px;
	white-space: nowrap;
}
.char_icons div {
    margin-right: 5px;
}
.mgb {
    background: rgba(0,0,0,0.5);
}
.mgb .title2 {
    background: rgba(3,3,0,0.5);
}
.card-body {
    background-color: var(--popup-bg-color);
}
.card {
    background-color: transparent;
    border: 2px solid #9C9;
    margin-bottom: 10px;
}
.card.sm {
    width: 70%;
    border-radius: 6px;
    text-align: left;
    padding: 10px;
    border: 2px solid;
    box-shadow: 2px 2px 4px #777;
    background-color: var(--popup-bg-color);
}

.card .card-body {
    background-color: rgba(var(--button-primary-bg));
}
.card .card-title {
    font-size: 120%;
    background: var(--forum-header-image);
    font-weight: bold;
    padding: 2px 5px;
    margin-bottom: 2px;
}

::placeholder,
::placeholder-shown {
    color: var(--primary-text-color);
    opacity: 1;
}
#raiders tr.highlight,
.row.highlight {
    background-color: rgba(var(--row-highlight-bg)) !important;
    border: 2px solid;
}

.row.subtle {
    background-color: var(--popup-bg-color) !important;
    color: rgba(var(--forum-row-subtle)) !important;
}
.row.subtle a {
    color: var(--disabled-text-color) !important;
}
.remove {
    color: var(--delete-color);
}
.colorwheel.disabled {
    color: var(--disabled-text-color);
}
.inactive {
    color: var(--inactive-text-color);
}
.colorwheel.active {
    color: var(--primary-text-color);
}
option {
    background-color: rgba(var(--input-bg-color));
}
.btn-primary {
    color: var(--primary-text-color);
    background-color: rgba(var(--button-primary-bg));
    border-color: rgba(var(--button-primary-border));
}
.btn.btn-primary:hover {
    background-color: rgba(var(--button-primary-hover));
}
.btn.btn-secondary:hover {
    background-color: rgba(var(--button-secondary-hover));
}
.btn.btn-primary.disabled {
    color: var(--disabled-text-color);
    background-color: rgba(var(--button-primary-border));
    border-color: rgba(var(--button-primary-border));
}
.btn-secondary {
    color: var(--primary-text-color);
    background-color: rgba(var(--button-secondary-bg));
    border-color: rgba(var(--button-secondary-border));
}
.btn.btn-primary:hover {
    background-color: rgba(var(--button-secondary-hover));
}
.btn.btn-primary.disabled,
.btn.btn-secondary.disabled {
    color: var(--disabled-text-color);
    background-color: rgba(var(--button-secondary-border));
    border-color: rgba(var(--button-secondary-border));
}
.row.grey,
.row.tier1,
.row.tier2 {
    background-color: #222 !important;
    color: #555 !important;
    text-decoration: line-through;
	position: relative;
}
.row.tier1:before,
.row.tier2:before {
	content: '1';
	text-decoration: none;
	width: 20px;
	height: 20px;
	border-radius: 8px;
	border: 1px solid rgba(200,200,200,0.7);
	font-weight: bold;
	line-height: 16px;
	position: absolute;
	left: 30px;
	top: 8px;
	color: rgba(255,255,255,0.7);
}
.row.tier2:before {
	content: '2';
	color: rgba(255,0,0,0.7);

}

.row.grey a,
.row.tier1 a,
.row.tier2 a {
    color: #555 !important;
}
.playermade,.playermade:visited {
        COLOR: orange;
}
.brown {
	color: #de7636;
}
.gold {
	color: gold;
}
.silver {
	color: silver;
}
.form-control {
    color: #553;
}
.card-body label {
    color: #553;
}
.mtba {
	margin-top: auto;
	margin-bottom: auto;
}
.card-body .form-check-label {
    color: var(--primary-text-color);
}

.flag {
    background-color: #777777;
    COLOR: #111111;
    border: 1px outset #AAAAAA;
    TEXT-DECORATION: underline;
    PADDING-LEFT: 5px;
}
.underline {
    TEXT-DECORATION: underline;
}
.flag_done {
    background-color: #444444;
    border: 1px outset #888888;
    TEXT-DECORATION: none;
    COLOR: #555555;
    PADDING-LEFT: 5px;
}
.flag_main {
    BACKGROUND-COLOR: #999999;
    FONT-SIZE: 16px;
    FONT-FAMILY: arial;
    BORDER: 1px outset #FFFFFF;
    FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000',startColorstr='#AAAAAA',gradientType='0');
    TEXT-ALIGN: left;
    PADDING: 5px;
    FONT-WEIGHT: BOLD;
    PADDING-LEFT: 10px;
    COLOR: #FFFFFF;
}
.flag_tab,
.flag_tab_sel {
    BACKGROUND-COLOR: #333333;
    FONT-SIZE: 10px;
    FONT-FAMILY: arial;
    BORDER: 1px outset;
    FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#444444',startColorstr='#999999',gradientType='0');
    TEXT-ALIGN: center;
    COLOR: #CCCCCC;
    display: block;
}
.flag_tab:hover,
.flag_tab_sel {
    BACKGROUND-COLOR: #555555;
    FONT-WEIGHT: bold;
    BORDER: 1px outset;
    BORDER-BOTTOM: 0px;
    FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#111111',startColorstr='#666666',gradientType='0');
    COLOR: #FFFFFF;
}
.hide {
    display: none !important;
}
.tabs {
    display: inline-flex;
    width: 100%;
}
.inv_bg {
    background-color: transparent;
}
.inv_bg tr {
    border-bottom: none;
}
.tabs .tab {
    width: inherit;
    background-color: var(--tab-bg-color);
    border: 2px solid transparent;
    border-bottom-color: var(--tab-selected-color);
}
.tabs .tab.selected,
.tabs .tab:hover {
    background-color: var(--tab-selected-color);
    border-bottom-color: var(--tab-selected-color);
}
.tabs .tab a {
    width: 100%;
    display: block;
}

.wineq {
  padding-right: 3px;
  color: #d6ee31;
  text-shadow:3px 3px 3px #f00,-3px -3px 3px #00f,3px -3px 3px #00f,-3px 3px 3px #f00;
}

.megadeath {
  padding-right: 3px;
  color: #007281;
 // text-shadow:2px 2px 3px #f00,-2px -2px 3px #f00;
}

.unlocktrophy {
  padding-right: 3px;
  color: #ca8000;
  //text-shadow:2px 2px 3px #000,-2px -2px 3px #000;
}

.wrapper {
    width: 800px;
    height: 800px;
    overflow: hidden;
}
.map_frame {
    width: 800px;
    height: 800px;
    overflow: hidden;
    transition: transform .3s;
    background-color: #210;
}
.map_image {
  width: 2000px;
  height: 2000px;
  lpointer-events: none;
}
.add {
    color: #eec;
    font-weight: bold;
}
ul.list.c2,ol.list.c2 {
    column-count: 2;
}
.list.horizontal {
    padding: 0;
    column-count: 1;
    text-align: left;
    padding-left: 10px;
    margin: 0;
    display: inline-flex;
}
.list .icon {
    margin-left: 10px;
}
.list.sub {
	padding-left: 6%;
}
i.favorite {
    color: #cc0;
}
i.essential {
    color: #F80;
}
.left {
    text-align: left;
}
.shotdata2.main_details {
    min-height: 50px;
}
.list lh {
    margin-top: 5px;
    border-bottom: 1px solid;
    color: #FCA;
    display: flex;
}
img.item,.itemImage,.effectImage {
    balckground-color: rgba(0,0,0,0.4);
    width: 40px;
    height: 40px;
}

.itemImage,.effectImage {
    display: inline-block;
    margin: 6px;
	position: relative;
    background-position: var(--xycoord,0);
    background-image: var(--item-url);
	vertical-align: middle;
}
.effectImage {
    width: 25px;
    height: 25px;
    zoom: 200%;
	margin: 0;
}
.effectName {
	width: 60%;
	background-color: none;
	font-size: 120%;
}
ol li .itemImage {
	top: 30px
}
.inv.itemImage {
    margin: -4px;
}
img.item.small {
    width: 30px;
    height: 30px;
}
.itemImage.small {
    zoom: 60%;
    margin: 0;
}
.effectImage.small {
    zoom: 100%;
    margin: 0;
}
.effectImage.md {
    zoom: 150%;
    margin: 0;
}
.effectImage.mini {
    zoom: 50%;
    margin: 0;
}
.itemImage.md {
    zoom: 80%;
    margin: 0;
}
.itemImage.mini {
    zoom: 40%;
    margin: 0;
}
.itemImage.lg {
    zoom: 140%;
    margin: 0;
}
.shotbgb .item {
    display: block;
    margin: 10px 10px 5px 0;
}
.sub_footer .sub_pages {
    display: inline-flex;
    background-color: #333;
}
.sub_footer .sub_pages .page {
    border: 1px solid #555;
    padding: 0px 6px;
    margin: 1px;
}
.sub_footer .sub_pages .page:hover,
.sub_footer .sub_pages .page.selected {
    background-color: #555;
    cursor: pointer;
}
.sub_footer .sub_pages .page.selected {
    color: #FFF;
}

.aa_alt1 {
}
.tab_line {
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000',startColorstr='#666666',gradientType='0');

}
.aa_alt2 {
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000',startColorstr='#151515',gradientType='0');
}
.aa_alt3 {
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#222222',startColorstr='#333333',gradientType='0');
	BACKGROUND: #333333;
}
.playermade:hover {
        COLOR: #FFFFFF;
}

.recipes {
        font-size: 12px;
}

.arecipes {
        font-size: 10px;
}

.shotbg {
  width: 451px;
  height: 275;
  background-image: url(/images/itemshot2.gif);
  text-align: left;
}

.shotbgb {
  width: 405px;
  background-image: url(/images/itembg-top.gif);
  background-repeat: no-repeat;
  text-align: left;
}

.shottitle,.shottitle:link,.shottitle:visited {
  font: Arial;
  font-size: 12px;
  color: #c0c0c0;
  text-align: center;
  width: 100%;
  text-decoration: none;
}

.shotdata,.shotdata:link,.shotdata:visited {
  font: Arial;
  font-size: 12px;
  color: #ffffff;
  padding-top: 2px;
  padding-left: 3px;
  text-decoration: none;
}
td.shottop {
  background-image: url(/images/item_topper.png);
  background-size: cover;
}

.completed {
	COLOR: #00c22e;
	text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: rgba(0, 0, 0, 0.7);
}
.completed a {
	COLOR: #00c22e;
}
.ntable .shotbgb td {
    padding: 0;
}
.shotdata2,.shotdata2:link,.shotdata2:visited {
  font-family: arial;
  font-size: 12px;
  background-repeat: repeat;
 /* background-size: cover; */
  color: #ffffff;
  text-decoration: none;
}


.main,.main:link,.main:visited {  
        color: #EEEEEE;
}
.main:hover {       
        color: #FFFFFF;       
}

.focus:link,.focus:visited,.focus:active {
        TEXT-DECORATION: none;
        COLOR: #CCCC33;
}

.focus:hover {
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
}

BODY {
	SCROLLBAR-BASE-COLOR: #888888;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
}

div::-webkit-scrollbar,
td::-webkit-scrollbar,
ul::-webkit-scrollbar,
ol::-webkit-scrollbar,
results::-webkit-scrollbar {
    width: 8px;
	cursor: pointer;
}
div::-webkit-scrollbar-track,
td::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
results::-webkit-scrollbar-track {
    background: #111;
    border-radius: 4px;
    width: 10px;
}
div::-webkit-scrollbar-thumb,
td::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
results::-webkit-scrollbar-thumb {
    background-color: var(--bg-highlight-color);
    border: 3px solid #111;
    border-radius: 4px;
    width: 10px;
}
i.fas.sm {
  font-size: 90%;
}

.inv_bg::-webkit-scrollbar {
    width: 12px;
}
.inv_bg::-webkit-scrollbar-track {
    background: #111;
    border-radius: 4px;
}
.inv_bg::-webkit-scrollbar-thumb {
    background-color: var(--bg-highlight-color);
    border: 3px solid #111;
    border-radius: 4px;
}

.tab {     
  font-size: 0.7vw;
  font-weight:bold;
  text-align:center;
  padding:0px;   
  padding-left:3px;
  FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#AAAAAA',startColorstr='#666666',gradientType='0');
  padding-right:3px;
  width: 90px;
}

.tab_sel,.tab_sel:link,.tab_sel:visited {
  color: #FFFFFF;
  font-weight:bold;
  text-align:center;
  padding-left:3px;
  padding-right:3px;
}

.tab_bot {
  BORDER: 1px solid;
  FONT-SIZE:11px;
  PADDING-LEFT: 5px;
  PADDING-RIGHT: 5px;
  COLOR: #FFFFFF;
  FONT-WEIGHT: bold;
  BORDER-COLOR: #BBBBBB #BBBBBB #CCCCCC #CCCCCC;
  BACKGROUND-COLOR: #BBBBBB;
}

.account_tab {
        BORDER: 1px solid;
        FONT-SIZE:11px;
        FONT-WEIGHT: bold;
        BORDER-COLOR: #FFFFFF #DDDDDD #FFFFFF #DDDDDD;
        BACKGROUND-COLOR: #AAAAAA;
	COLOR: #FFFFFF;
}

.account_sel {
        BORDER: 1px solid;
        background-color: #444444;
        border: 1px outset;
	border-bottom:0px;
        font-size: 12px;
        font-weight: bold;
}
.account_sel:link,.account_sel:visited,.account_tab:link,.account_tab:visited {
        BORDER: 0px;
}
.account_unsel {
        border: 1px inset;
        font-size: 12px;
        border-right: 0px;
        FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#AAAAAA',startColorstr='#666666',gradientType='0');
}
.account_unsel:link,.account_unsel:visited {
        BORDER: 0px;
        FONT-WEIGHT: bold;
        COLOR: #CCCCCC;
        TEXT-DECORATION: none;
}
.account_unsel:hover {
        COLOR: #FFFFFF;
}
.account_dis {
        BORDER: 0px solid;
        COLOR: #666666;
        FONT-SIZE:11px;
        BORDER-COLOR: #CCCCCC #999999 #999999 #CCCCCC;
        BACKGROUND-COLOR: #BBBBBB;
}

.account_dis:link,.account_dis:visited {
        BORDER: 0px;
        TEXT-DECORATION: none;
}

.aquest {
	FONT-SIZE: 13px;
	PADDING-LEFT: 3px;
}

.rquest,.rquest:link,.rquest:visited {
        FONT-SIZE: 10px;
        PADDING-LEFT: 3px;    
}

#logo {
    content: var(--logo-image);
    filter: hue-rotate(var(--logo-hue)) brightness(var(--logo-brightness));
}
INPUT,TEXTAREA,SELECT,.select {
COLOR: #EEEEEE;
    BACKGROUND-COLOR: rgba(var(--input-bg-color));
    BORDER: 1px inset;
    PADDING-LEFT: 2px;
    border-radius: 3px;
    margin-left: 10px;
}



.spellchecks {
	COLOR: #666666;
}
.htmlarea {
    background: var(--input-bg-color) !important;
    color: var(--primary-text-color) !important;
}
.updated {
	COLOR: #FF4488;
	FONT-SIZE: 9px;
	PADDING-LEFT: 5px;
}
.quest {
	COLOR: #FFFF00;
	FONT-SIZE: 9px;
	PADDING-LEFT: 5px;
}
.new {
	COLOR: #FF0000;
	FONT-SIZE: 9px;
	PADDING-LEFT: 5px;
}
.research {
	COLOR: #FF8800;
	FONT-SIZE: 9px;
	PADDING-LEFT: 5px;
}
.treasury { FONT-SIZE: 22; FONT-WEIGHT: bold }
.tclass { FONT-SIZE: 7pt; }
.trace { FONT-SIZE: 7pt; }

.small_desc {
        FONT-SIZE: 10px;
        LINE-HEIGHT: 10px;
        BORDER: 1px solid;
        PADDING: 2px;
        PADDING-LEFT: 4px;
        BORDER-COLOR: #CCCCCC #222222 #888888 #CCCCCC;
}
.medium_desc {
        FONT-SIZE: 12px;
        LINE-HEIGHT: 12px;
        BORDER: 1px solid;
        PADDING: 5px;
        BORDER-COLOR: #CCCCCC #222222 #888888 #CCCCCC;
}
.medium_desc2 {
        FONT-SIZE: 11px;
        LINE-HEIGHT: 12px;
        BORDER: 1px solid;
        PADDING: 5px;
        BORDER-COLOR: #222222 #CCCCCC #CCCCCC #888888;
}
.char_class {
	font-size: 90%;
	white-space: nowrap;
}
.char_class.addChar {
    border-top: 1px solid;
    margin-top: 5px;
}
.title {
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
	COLOR: var(--primary-link-color);
}

.table_title {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	BORDER: 1px outset #999999;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000',startColorstr='#CCCCCC',gradientType='0');
}

.table_sub_title {
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	BORDER: 1px outset #EEEEEE;
	BORDER-BOTTOM: 0px;
	PADDING-LEFT: 3px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#555555',startColorstr='#777777',gradientType='0');
}

.table_body {
	FONT-SIZE: 120%;
	COLOR: #FFFFFF;
	width: 80%;
}

.table_sub_body {
	FONT-SIZE: 11;
	COLOR: #EEEEEE;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#888888',startColorstr='#000000',gradientType='0');
}
.input {
	BORDER: 1px solid #555555;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#222222',endColorstr='#AAAAAA',gradientType='0');
}
.title2 {
	FONT-SIZE: 24;
	FONT-WEIGHT: bold;
	COLOR: #EEEEEE;
	BORDER: 1px outset #DDDDDD;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000',startColorstr='#DDDDDD',gradientType='0');
}
.button {
	COLOR: #EEEEEE;
	BACKGROUND-COLOR: #888888;
	BORDER: 1px outset #DDDDDD;
	PADDING: 1px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#444444',startColorstr='#cccccc',gradientType='0');
}
.button:hover { 
	BACKGROUND-COLOR: #999999;
	BORDER-COLOR: #777777 #FFFFFF #FFFFFF #777777;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#cccccc',startColorstr='#444444',gradientType='0');
}

.title2:link { FONT-SIZE: 24; FONT-WEIGHT: bold; COLOR: #FFFFFF }
#noticeMsg,#response {
    width: 100%;
}
#sendNotice #response {
    opacity: 0.9;
    display: none;
    color: var(--primary-text-color);
    position: relative;
    padding: 25px 0 0 4px;
    font-size: 90%;
    line-height: 100%;
}
#sendNotice .previous {
    padding: 1px 12px;
    color: #bbb;
    font-size: 90%;
}
#sendNotice .search .dropdown,
.search .dropdown {
    list-style-type: none;
    right: auto;
    left: 10px;
    top: 58px;
    z-index: 1;
}
.search .dropdown a,
.search .dropdown li {
    pointer: cursor;
    white-space: nowrap;
}
.search .dropdown a:hover,
.search .dropdown li:hover,
.search .dropdown a.selected,
.search .dropdown li.selected {
    background-color: var(--tab-selected-color);
}
pl5 {
  padding-left: 5px;
}
pr5 {
  padding-right: 5px;
}
p5 {
  padding: 5px;
}
#sendNotice .btn-reply {
    display:none;
}
#noticeMsg {
    background-color: rgba(var(--input-bg-color));
}
.notice {
    cursor: pointer;
}
.vendors:link {
	FONT-WEIGHT: bold;
	COLOR: #EEBBEE;
	TEXT-DECORATION: none;
}
.vendors:visited {
	FONT-WEIGHT: bold;
	COLOR: #FFCC00;
	TEXT-DECORATION: none;
}
.vendors:hover {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}

.have_aas {
        COLOR: #888888;
	FONT-WEIGHT: bold;
}
.nonsuff {
        COLOR: #994444;
}
.max_aa {
        COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
}
.norm_aa {
	COLOR: #CCCCCC;
}
.alt_tab {
	BACKGROUND-COLOR: #333333;
	FONT-SIZE: 9px;
	FONT-FAMILY: arial;
	BORDER: 1px solid;
	BORDER-COLOR: #555555 #000000 #000000 #555555;
	TEXT-ALIGN: center;
	COLOR: #CCCCCC;
	WIDTH: 49px;
}
.alt_tab:hover {
	BACKGROUND-COLOR: #333333;
	FONT-SIZE: 9px;
	FONT-FAMILY: arial;
	BORDER: 1px solid;
	BORDER-COLOR: #111111 #444444 #111111 #444444;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	COLOR: #FFFFFF;
	WIDTH: 49px;
}
.alt_tab_sel {
	BACKGROUND-COLOR: #000000;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
	BORDER: 0px;
	TEXT-ALIGN: center;
	COLOR: #FFFFFF;
	WIDTH: 49px;
}
.alt_box,.alt_box:INPUT,.alt_box:TEXTAREA {
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #111111;
	BORDER: 0px;
	COLOR: #F5F5F5;
	TEXT-ALIGN: center;
	TEXT-VALIGN: top;
	WIDTH: 13px;
	HEIGHT: 11px;
	LINE-HEIGHT: 11px;
}
.alt_box_text {
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #111111;
	BORDER: 0px;
	COLOR: #F5F5F5;
	TEXT-ALIGN: left;
}
.alt_button {
	FONT-SIZE: 10px;
	BORDER: 1px solid;
	BORDER-COLOR: #555555 #111111 #111111 #555555;
	COLOR: #F0F0F0;
	BACKGROUND-COLOR: #333333;
}
.alt_button_disabled {
	FONT-SIZE: 10px;
	BORDER: 1px solid;
	BORDER-COLOR: #111111 #666666 #666666 #111111;
	COLOR: #888888;
	BACKGROUND-COLOR: #444444;

}
.skin0{
position:absolute;
width:165px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:14px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}
.notices_list,.patches {
    width: 50%;
    margin-bottom: 10px;
    display: inline-block;
}
.notices_list .title, .title {
    font-size: 14px;
    background: rgba(3,3,0,0.5);
}
.footer .note {
    padding: 10px;
    box-shadow: 0px 2px 8px;
}
.navbar,
.container.quests {
    background: rgba(var(--navbar-bg,0,0,0,0.8));
}
.notices_list .notice_line {
    text-align: left;
    width: 100%;
    display: inline-flex;
    border-bottom: 1px solid;
}
.nowrap {
    white-space: nowrap;
}

.notices_list .notice_line:nth-child(odd),
.patches .line:nth-child(odd)
{
    background: rgba(var(--row-bg-color-odd));
}
.notices_list .notice_line:nth-child(even),
.patches .line:nth-child(even) {
    background: rgba(var(--row-bg-color-even));
}
.patches .line {
    padding: 2px;
}
.notices_list .cell {
    padding: 1%;
    width: 25%;
    font-size: 12px;
}
.notices_list .cell.right,.notices_list .table_footer.right {
    text-align: right;
    padding-right: 2px;
}
.right {
    text-align: right;
}
.fright {
    float: right;
}
.fleft {
    float: left;
}
.footer .col.left {
    text-align: left;
}
.cell {
    padding-left: 10px;
    width: auto;
}
.title .cell,
.cell.title {
    font-size: 120%;
}

.cell.w5 {
    width: 5%;
}
.cell.w10 {
    width: 10%;
}
.cell.w15 {
    width: 15%;
}
.cell.w20 {
    width: 20%;
}
.cell.w25 {
    width: 25%;
}
.cell.w30 {
    width: 30%;
}
.cell.w33 {
    width: 33%;
}
.cell.w40 {
    width: 40%;
}
.cell.w45 {
    width: 45%;
}
.cell.w50 {
    width: 50%;
}
.cell.w60 {
    width: 60%;
}
.cell.w70 {
    width: 70%;
}
.cell.w75 {
    width: 75%;
}
.cell.w80 {
    width: 80%;
}
.cell.w85 {
    width: 85%;
}
.cell.w90 {
    width: 90%;
}
.cell .edit {
    bottom: 2px;
    position: relative;
}
.f80 {
    font-size: 80%;
}
.f70 {
    font-size: 70%;
}
.cell.center {
    margin: auto;
}
.col-md-6 {
    width: 46%;
}
.if {
    display: inline-flex;
}
.mr-1 {
    margin-right: 1em;
}
.form-check input.ml-1,
.ml-1 {
    margin-left: 1em;
}
btn-login {
    margin: auto;
    wifth: 60%;
}
.form-floating label {
    color: #333;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.form-title {
    font-size: 14px;
}
select[name="tz"] {
  width: 87px;
}
.htmlarea {
    background-color: #996;
}
.htmlarea select {
    background-color: #FFF;
}
.container {
    text-align: center;
}
nav .container-fluid {
    width: 97%;
}
.news.container {
    max-width: 850px;
}
.newItem,.reqItem,.updateItem {
    color: #cc0000;
    font-size: 4px;
    top: -2px;
	padding-right: 2px;
    position: relative;
}
.reqItem,.updateItem {
	color: #ffcc00;
}
.updateItem {
    font-size: 2px;
}
.news.post {
    background-color: rgba(var(--row-bg-color-even));
    margin-bottom: 10px;
    padding: 5px;
}
.navbar-dark .navbar-brand {
    color: var(--primary-link-color);
}
.line {
    display: flex;
}
.era_tabs {
    width: 96%;
}
.content_footer {
    background-color: #333;
    font-size: 110%;
    text-align: right;
    padding: 2px;
    padding-right: 10px;
}
.page_line {
    width: 100%;
}
.page_line .cell {
    display: inline-flex;
}
.pages {
    padding: 0px 0px 7px 0px;
    margin: auto;
    background-color: rgba(var(--content-bg-color));
    display: inline-table;
    width: 100%;
    position: relative;
}
.pages .page {
    display: inline-flex;
}
.pages buttons {
	position: absolute;
	left: 5px;
}
.pages buttons .btn {
	font-size: 70%;
}
.page_total {
	display: inline-flex;
    float: right;
    padding-right: 10px;	
}
.page_total num {
	font-weight: bold;
}
.cell a.icon {
    top: 1px;
    position: relative;
}
select:disabled {
    color: var(--disabled-text-color);
    background-color: rgba(var(--button-primary-bg));
}
.pages .page,.cell .page.selected {
    font-weight: bold;
    font-family: verdana;
    font-size: 12px;
    padding: 1px 5px;
    text-align: center;
    cursor: pointer;
    filter: brightness(85%);
}
.page:not(.prev):not(.next) {
    background-color: var(--tab-bg-color);
    border: 1px solid var(--bg-highlight-color);
}
.page.selected {
   background-color: rgba(var(--group-tabs-bg-selected));
}
#perpage {
    font-size: 85%;
    top: 2px;
    position: relative;
}
.pages .page.disabled:not(.prev):not(.next) {
    background-color: #999;
}
.pages .page:not(.prev):not(.next):hover,
.pages .page.selected {
    border: 1px solid;
    background-color: var(--bg-higlight-color);
    filter: brightness(100%);
}
.pages .page.skip:hover {
    background-color: initial;
}
.pages .page.disabled:hover {
    border: 1px outset #EEEEEE;
    background-color: #999;
}
.page:not(.prev):not(.next).disabled i {
    border: solid #444;
    color: #664;
    background-color: #111;
    filter: brightness(60%);
    cursor: not-allowed;
}
.page.next i,
.page.prev i {
    border: none;
    font-size: 160%;
    position: relative;
    top: 3px;
    padding: 0;
}
.pages > .page:first-child + .page {
    border-radius: 6px 0 0 6px;
}
.pages > .page:nth-last-child(2) {
    border-radius: 0 6px 6px 0;
}
.pages > .page.nb:first-child + .page,
.pages > .page.nb {
    border-radius: 0;
}
.page.next i:hover,
.page.prev i:hover {
    border: none;
    background: none;
    filter: brightness(100%);
}
.page.next.disabled i,
.page.prev.disabled i {
    color: #664;
    cursor: not-allowed;
}
.page a.first,
.page span.first {
   border-radius: 6px 0 0 6px; 
}
.page a.last,
.page span.last {
   border-radius: 0 6px 6px 0; 
}
.eq_container {
    min-height: 70px;
    background-color: #333;
    border: 1px solid #772;
    border-top: 0;
    margin: 10px;
}
.eq_container .title {
    text-align: center;
    font-size: 50%;
    color: #ddd;
}
.eq_container .title.left {
    text-align: left;
    padding-left: 10px;
}
.eq_container.s5 {
    width: 315px;
}
.eq_container.s4 {
    width: 255px;
}
.f90 {
    font-size: 90%;
}
.eq_container.s3 {
    width: 190px;
}
.eq_container.s2 {
    width: 128px;
}
.eq_container .slots .slot {
    width: 50px;
    height: 50px;
    margin: 2px;
    background-color: #111;
    display: inline-flex;
}
.footer .links {
    box-shadow: 0 4px 20px;
}
.postIt.minimize {
  min-width: 200px;
  width: 200px;
  transition: min-width 300ms linear, width 300ms linear;
}
.pointer {
  cursor: pointer;
}
.break {
	line-height: 20px;
	content: '';
	display: inline-flex;
}
.itemView.embedded {
    display: inline-block;
    position: unset;
}
.itemView.embedded .title {
    margin-top: 0;
}
#itemViewTemplate .modal-content,
.itemView .modal-content,
.keyring .modal-content {
    background-color: transparent;
    border: 1px solid #777;
    border-top: none;
}
#itemViewTemplate .modal-header,
.itemView .modal-header,
.keyring .modal-header {
    dbackground-image: url('/images/itembg-top.gif');
    padding: 0;
    border: none;
    background-position: -6px 0;
    cursor: grab;
}
#itemViewTemplate .modal-body,
.itemView .modal-body,
.keyring .modal-body {
    padding: 5px;
    padding-top: 0;
    border: 1px solid #555;
    background-color: #000;
}
#itemViewTemplate .modal-header .btn-close,
.itemView .modal-header .btn-close {
    
}
#itemViewTemplate .itemName,
.itemView .itemName,
.keyring .keyName {
    width: 100%;
    color: #ddd;
	display: inline;
}
.itemView .loreInfo {
	display: none;
	background-color: #333;
	border: 1px solid #999;
	margin-left: 10px;
	color: #999;
	cursor: default;
	padding: 0 5px;
}
.itemView .loreInfo:hover {
	background-color: #444;
}
.itemView .augged .itemImage {
	position: absolute;
}
.itemView .rightBorder,
.keyring .righBorder {
    bbackground-image: url(/images/rightTitle.jpg);
	background-color: #000;	
    #background-position: -4px -4px;
}
.itemView .minimize,
.keyring .minimize {
    top: 6px;
    left: 11px;
}
.itemView .itemName.title,
.keyring .keyName.title {
    text-align: center;
    font-size: 12px;
    color: #AAA;
    border-top: 1px solid #ffe;
    border-bottom: 1px solid #ffe;
    background-color: rgb(25,25,15);
}
.itemView .item-content {
    border: 1px solid #555;
    padding: 5px;
    color: #eee;
    font-size: 12px;
    line-height: 14px;
}
.itemView .item-details {
    border: 1px solid #555;
    height: 100px;
    padding: 5px;
    color: #eee;
    font-size: 12px;
    overflow: auto;
}
.itemView .item-bottom {
    height: 5px;
    width: 100%;
}
.itemView .itemInfo {
    display: inline-block;
    width: 250px;
}
.itemView .icon {
    display: inline-block;
    width: 58px;
    height: 65px;
    vertical-align: top;
}
.itemView .first-section {
    padding: 3px;
}
.itemView .cols {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}
.itemView .cols div {
    width: 100%;
    position: relative;
}
.itemView .cols data {
    position: absolute;
    left: 50px;
    width: 60%;
    text-align: right;
    white-space: nowrap;
}
.itemView .secondaryStats data,
.itemView .secondCol data {
    left: 20px;
}
.itemView .first-section .cols:not(:first-child):not(:last-child),
.itemView .second-section .cols:not(:first-child):not(:last-child) {
    padding-left: 12px;
}
.itemView .first-section span {
    vertical-align: top;
}
.itemView .heroic {
    color: #DB0;
    padding-left: 2px;
}
.itemView .ratio {
    color: #BB8866;
}
.itemView .primaryStats data {
    text-align: left;
    left: 83px;
}
.itemView .second-section {
    margin-top: 10px;
}
.itemView .modified {
    padding-top: 10px;
}
.itemView .modified input {
    margin-left: 1px;
}
.itemView .slot-section: {
    margin-top: 10px;
}
.itemView .slots {
    height: 24px;
}
.itemView .slot-section .slot {
    text-wrap: nowrap;
}
.itemView .slotbox {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px inset #222;
    position: relative;
    top: 4px;
    margin-right: 5px;
    background-color: #222;
    box-shadow: 1px 1px 5px #000 inset;
}
.itemView luck {
    color: #0CF;
}
#navbar_top {
    background-image: linear-gradient(to bottom, rgba(var(--main-gradient-start)), rgba(var(--main-gradient-end)));
}

.navbar .navbar-nav .nav-item {
    border: 1px solid transparent;
}
.navbar .navbar-nav .nav-item.dropdown.selected {
    border-bottom: 2px solid;
}
.navbar .navbar-nav .nav-item:hover {
    background-color: rgba(var(--main-gradient-end));
    border-radius: 6px;
    border: 1px inset;
}
.navbar .navbar-nav .dropdown-menu {
    border: 1px solid;
}
.navbar .navbar-nav .dropdown-menu li:not(.btn) {
    padding: 2px 4px;
    margin: 0 4px;
}
.navbar .navbar-nav .dropdown-menu li.selected,
.navbar .navbar-nav .dropdown-menu li:hover {
    background-color: rgba(var(--main-gradient-end));
    border-radius: 6px;
} 
.ntable .row.links a {
    padding: 4px;
    margin: 4px;
    display: block;
}
.ntable .row.links a:hover {
    border-radius: 6px;
}
.modal-content .label {
    
}
.modal-content .label.error + .input input,
.modal-content .label.error + .input textarea {
    font-weight: bold;
}
.modal-content .label.error + .input input,
.modal-content .label.error + .input textarea {
    border: 3px solid #d00;
}
.modal-content .label.error:after {
    content: ' * (Required)';
}
posts {
  margin: 20px auto;
  display: block;
}
#postItTemplate {
  display: none;
}
.postIt .modal-header {
  border: 0;
  padding: 0.5rem 0.5rem;
}
.postIt .modal-title {
  width: 100%;
}
.postIt input,
.postIt textarea {
  background-color: rgba(0,0,0,0.2);
  border: 1px inset rgba(0,0,0,0.4);
}
.postIt input:disabled,
.postIt textarea:disabled {
  background: transparent;
  border-color: transparent; 
  color: #444;
}
.postIt .modal-content {
  background-color: #FFc;
  box-shadow: 3px 3px 10px #333;
}
.postIt #noteTitle {
  font-weight: bold;
  top: -5px;
  width: 81%;
  position: relative;
}
.postIt .buttons {
  width: 100%;
  text-align: right;
}
.postIt .buttons i {
  margin-right: 10px;
}
.postIt .stateButtons {
  width: 55px;
}
.postIt.minimize .stateButtons {
  width: 9px;
}
.postIt .modal-body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.postIt .modal-footer {
  padding: 0.5rem;
  border: 0;
  position: relative;
}
.postIt .noteMsg {
  width: 96%;
}
.postIt.minimize .modal-header .btn-min {
  top: auto;
  right: 13px;
}
.postIt .color {
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #000;
}
.postIt .postDropdown {
  display: inline-block;
  position: relative;
}
.postIt .postDropdown .dropdown-menu {
  background-color: #eee;
  width: 20px;
  min-width: 20px;
  padding: 0;
}
.postIt .modal-header {
  cursor: move;
}
.postIt .modal-header .close {
  background-color: transparent;
  border: 0;
  margin: -1rem -0.5rem -0.5rem auto;
}
.postIt .modal-header .btn-min {
  margin: -1rem -0.5rem -0.5rem auto;
  position: relative;
  top: -2px;
  border: 0;
  background-color: transparent;
}
.postIt.minimize .modal-body,
.postIt.minimize .modal-footer {
  display: none;
}
.postIt .btn-min {
  content: '-';
}
.postIt.minimize .btn-min {
  content: '+';
}
.postIt .color.blue,
.postIt.blue .modal-content {
  background-color: #CCF;
}
.postIt .color.purple,
.postIt.purple .modal-content {
  background-color: #EAF;
}
.postIt .buttons .pin {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #ccc;
}
.postIt .drop-pin {
  position: absolute;
  left: 20px;
  top: -22px;
  border: 2px solid rgb(255, 255, 255);
  background-color: #eee;
}
.postIt .pin:hover {
  background-color: #FFF;
  cursor: pointer;
}
.postIt .color.red,
.postIt.red .modal-content {
  background-color: #FBB;
}
.postIt .color.green,
.postIt.green .modal-content {
  background-color: #DFD;
}
.postIt .buttons .fa-thumbtack {
  color: #777;
}
.postIt.grey .buttons .fa-thumbtack {
  color: #666;
}
.postIt .pin.gold {
  color: #FF0;
}
.postIt .pin.selected {
  font-weight: bold;
  background-color: #CCF;
}
nav .dropdown-menu li i {
  color: white;
}
.postIt .color.yellow,
.postIt.yellow .modal-content {
  background-color: #FFC;
}
.postIt.yellow .modal-content i {
  color: #996;
}
.postIt .color.white,
.postIt.white .modal-content {
  background-color: #FFF;
}
.postIt.white .modal-content i {
  color: #333;
}
.postIt .color.black,
.postIt.black .modal-content {
  background-color: #111;
}
.postIt.black .modal-content i {
  color: #CCC;
}
.postIt.black input,
.postIt.black textarea {
  color: #999;
}
.postIt.black .stateButtons button {
  color: #999;
}
.postIt .color.grey,
.postIt.grey .modal-content {
  background-color: #CCC;
}
.postIt .Select i {
  color: #000;
  top: -2px;
  left: 6px;
  position: absolute;
}
.postIt .btn-delete {
  display: none;
}
.postIt.minimize .postDropdown {
  display: none;
}
.postIt.minimize .modal-header {
  padding: 0.2rem 0.5rem;
}
.postIt.minimize #noteTitle {
  top: -1px;
}
.postIt.minimize .close {
  display: none;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  25% {
    transform: rotate(80deg)
  }
  50% {
    transform: rotate(160deg)
  }
  75% {
    transform: rotate(240deg)
  }
  100% {
    transform: rotate(320deg)
  }
}
.ps {
  font-size: 80%;
  text-decoration: italics;
}
#itemSearch .buttons {
   padding: 5px;
   display: none;
}
#literally {
	display: none;
}
data::-webkit-scrollbar,
.augs::-webkit-scrollbar {
    width: 8px;
	cursor: pointer;
}
data::-webkit-scrollbar-track,
.augs::-webkit-scrollbar-track {
    background: #111;
    border-radius: 4px;
}
data::-webkit-scrollbar-thumb,
.augs::-webkit-scrollbar-thumb {
    background-color: var(--bg-highlight-color);
    border: 3px solid #111;
    border-radius: 4px;
	cursor: n-resize;
}
.partial {
	color: rgba(100,180,255,1);
}
.ui-widget-content {
	background: rgba(200,200,200,0.3);
	color: #333;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	background: rgba(220,250,220,0.8);
}
.ui-state-default.ui-slider-handle {
	top: 0.3em;
	margin-left: -0.1em;
}
.ui-widget {
	font-size: 1em;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider-handle.custom-handle {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -0.8em;
	text-align: center;
	line-height: 1.6em;
}
.raiders {
	min-width: 700px;
    max-width: 1200px;
    margin: auto;
    width: 85%;
}
#viewer {
    padding: 13px 15px;
    background-color: #444;
	text-align: center;
    width: 50px;
    height: 50px;
    border: 1px solid #999;
}
#clear {
    position: absolute;
    top: -16px;
    right: -13px;
}
#lootClear {
    position: absolute;
    bottom: -16px;
    left: -21px;
	display: none;
}
.Loot ul {
    columns: 2;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.p5 {
	padding: 5px;
}
.p10 {
	padding: 10px;
}
.pc {
	padding: var(--padding);
}
.error {
	color: var(--error-color);
	font-weight: bold;
}
.loading {
    display: none;
}
.blurBackground {
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 500;
    background-color: rgba(0,0,0,0.8);
}
.blurBackground.load {
    z-index: 50000;
}
.blurBackground .loading {
    display: none;
    margin: auto;
    position: relative;
    top: 400px;
    text-align: center;
    font-size: 40px;
}
.blurBackground .loading .msg {
    font-size: 80%;
}
/* for custom auto complete */
.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-input {
}
.ui-widget.ui-widget-content {
  border: inherit;
}
.ui-widget-content {
  background-color: rgba(var(--input-bg-color));
  color: inherit;
}
.ui-autocomplete {
  max-height: 25vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.fa-question {
  font-size: 60%;
  background-color: #55D;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #ccc;
  padding-top: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
}
.cdivs:not(.selected) {
  color: #999; 
}
.max1000,.mw1000 {
	max-width: 1000px;
}
.mw1440 {
	max-width: 1440px;
}
.dropdown-menu-large {
	display: inline-flex;
	background-color: var(--tab-bg-color);
	padding: 5px;
}
.navbar .nav-item:hover .dropdown-menu-large {
	transition: 0.3s;
	opacity: 1;
	visibility: visible;
	top: 99%;
	transform: rotateX(0deg);	
}
.dropdown-menu-large ul {
	padding: 0;
}
.navbar .navbar-nav .dropdown-menu-large li:not(.btn) {
	border: 2px solid rgba(40,40,0,0.9);
	border-radius: 6px;
	margin: 4px;
	padding: 2px 10px;
}
.navbar .navbar-nav .dropdown-menu-large .char_icons li {
	border: 0;
	display: inline-flex;
	margin: 2px;
	padding: 0;
}
.navbar .navbar-nav .dropdown-menu-large .char_icons li:hover {
	text-shadow: 2px 2px 2px #000;	
}
.navbar .navbar-nav .dropdown-menu-large li:hover {
	background-color: var(--popup-bg-color);
}
.navbar .nav-item .dropdown-menu,
.navbar .nav-item .dropdown-large {
	position: absolute;
	margin: 0;
	padding: 10px;
	z-index: 1000;
}
.navbar .nav-item.dropdown:hover {
	border: none;
}
.navbar .nav-item.dropdown .nav-link {
	border: 2px transparent;
}
.navbar .nav-item.dropdown .nav-link:hover {
	border: 2px solid var(--primary-text-color);
	border-radius: 6px 6px 0 0;
	position: relative;
	border-bottom: 0;
	z-index: 1001;
	background-color: var(--tab-bg-color);
}
.navbar .navbar-nav .dropdown-menu-large li.link {
	border: 0;
	background: transparent;
}
.primary {
	color: var(--primary-text-color);
}
.pin {
	color: gold;
}
.rating-wrapper {
	font-size: 80%;
}
.rating-box {
	position: relative;
	vertical-align: middle;
	font-size: 0.9em;
	display: inline-block;
	top: -3px;
	color: #f1aa1d;
}
.rating-box:hover {
	color: #7c5;
}
.rating-box:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	content: "\f005 \f005 \f005 \f005 \f005";
}
.rating-box .rating {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #F1AA1D;
}
.rating-total {
	font-size: 75%;
	background-color: var(--forum-header-color);
	text-align: center;
	line-height: normal;
	padding: 0 7px;
	border: 1px solid;
	position: relative;
	border-radius: 50%;
}
.rating-yours {
	font-size: 75%;
	opacity: 0.7;
}
.rating-box .rating:hover {
	color: #7c5;
}
.rating-all {

}
.rating-box .rating:before {
	font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f005 \f005 \f005 \f005 \f005";
}
.addGuide.btn-primary {
	line-height: 17px;
	vertical-align: top;
	font-size: 85%;
}
.sub {
	font-size: 70%;
	font-style: italic;
}
.toast.text-bg-danger {
	background-color: rgba(150,0,0,0.8);
}
.eqlog {
	color: rgba(100,200,250,0.9);
}
i.fad:not(:disabled):hover,
i.fadr:not(:disabled):hover,
i.fads:not(:disabled):hover {
	--fa-primary-color: var(--fa-secondary-color,inherit);
	--fa-secondary-color: var(--fa-primary-color,inherit);
	--fa-primary-opacity: 0.8;
	--fa-secondary-opacity: 1;
}
.statIcon {
  display: inline-block;
  border: 2px inset #333;
  width: 50px;
  height: 50px;
}
.raid_ready {
  font-size: 50%;
  padding: 3px;
  position: relative;
  top: 5px;
}
.top {
  z-index: 11000;
}

.legend .btn.btn-sm {
	padding: 0.05rem 0.5rem;
}
.fa-coin.sold {
  text-shadow: 1px 1px 1px #000000;
}