/*** FANCY TEST CSS ***/

body {
    background-image: url(/images/layout_planet_3.png), url(/images/layout_planet_2.png), url(/images/layout_planet_1.png),
        url(/images/layout_background_tile_nebula.png), url(/images/layout_background_tile_nebula.png), url(/images/layout_background_tile_space.jpg);
    background-attachment: fixed, scroll, scroll, scroll, scroll, fixed;
    background-position: left bottom, right center, top left, left center, right center, top left;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat;
    background-color: #000000;
    color: #c7c7c7;
    text-shadow: 1px 1px 1px #000000;
}

a:link {
    color: #6babbd !important;
}

a:visited {
    color: #6babbd !important;
}

a:active {
    color: #ae81ff !important;
}

a:hover {
    color: #ae81ff !important;
}

#header {
    background-image: url(/images/layout_header_banner.png);
    background-repeat: no-repeat;
    background-position: center;
}

#dateuser {
    background: #2f2f2f;
    background-image: url(/images/layout_space_fribble.png), linear-gradient(to bottom, #0a070f 0%, transparent 91px);
    background-repeat: no-repeat, repeat-x;
    border: 5px #9f9452 double;
}

#currency {
    background: #2f2f2f;
    background-image: linear-gradient(to bottom, #0a070f 0%, transparent 91px);
    background-repeat: repeat-x;
    border: 5px #9f9452 double;
}

#sidemenu {
    position: relative;
    background: #2f2f2f;
    background-image: linear-gradient(to bottom, #0a070f 0%, transparent 91px);
    background-position: top;
    border: 5px #9f9452 double;
    padding: 9px 9px 300px 9px;
}

#sidemenu::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px;

    background-image: linear-gradient(to top, transparent 0%, transparent 203px, rgba(2, 2, 3, 1) 203px, transparent 300px), url(/images/layout_pumaprise.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, bottom;

    content: '';

    mask-image: linear-gradient(to top, black 50%, transparent 100%);
    mask-position: bottom;
    mask-repeat: no-repeat;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-left: inherit;
    border-right: inherit;
    border-bottom: inherit;
}

#sidemenu ul li ul li:not(:last-child) {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(128, 128, 128, 1) 0%, rgba(128, 128, 128, 0) 90%) 1;
}

#sidemenu > ul > li > a {
    background-color: #191919 !important;
    color: #c7c7c7 !important;
    border: 1px solid rgba(128, 128, 128, 0.25);
}

#sidemenu > ul > li:not(:last-child) {
    margin-bottom: 2px;
}

#main {
    background: #2f2f2f;
    background-image: url(/images/layout_starry_fade.png);
    background-repeat: repeat-x;
    border: 1px solid;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: #c7c7c7;
    width: 1000px !important;

    font-size: 8pt;
}

.loggedOut #main.loginIndex {
    background-color: #2f2f2f;
    background: url(/images/layout_background_tile_nebula.png) repeat, radial-gradient(circle at right 0 top 0, #2f2f2f 0%, black 100%) no-repeat;
}

#main2 {
    background-color: #2f2f2f !important;
    background-image: url(/images/layout_starry_fade.png) !important;
    background-repeat: repeat-x !important;
    border: 1px solid #191919 !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    color: #c7c7c7 !important;
}

#main2 hr {
    border: none;
    background-color: #191919;
    height: 1px;
}

#main2 .selectHeader {
    background-color: #191919 !important;
    color: #c7c7c7 !important;
}

#main2 .select {
    background-color: #363636 !important;
}

#main2 .select > div {
    color: #c7c7c7 !important;
}

#main2 .select > div:hover {
    background-color: #202020 !important;
}

#footer {
    background: #2f2f2f;
}

#login {
    background-color: #2f2f2f;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    color: #c7c7c7;
    border-color: #191919;
}

#register {
    background-color: #2f2f2f;
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    color: #c7c7c7;
    border-color: #191919;
}

.green {
    color: #30ff00;
}
.red {
    color: #ff0000;
}
.yellow {
    color: #ffb00f;
}
.orange {
    color: #ff6600;
}

.warning {
    color: #ff0000;
}
.online {
    color: #13ad54;
}
.offline {
    color: #636363;
}
.idle {
    color: #a15d2f;
}

table {
    color: #c7c7c7;
    background-color: #2f2f2f;
    border: 2px #191919 solid;
}

td {
    background-color: #2f2f2f;
    border-top: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
}

td.blank {
    border-top: none !important;
    border-bottom: none !important;
}

th {
    background-color: #191919;
    border-bottom: 1px #191919 solid;
}

select {
    background-color: #2f2f2f;
    color: #c7c7c7;
}

td.sticky {
    background-color: #302038;
}

td.newsbody {
    background-color: #2f2f2f;
    border: 1px #191919 solid;
}

td.newsauthor {
    background-color: #242424;
    border-bottom: 1px #191919 solid;
}

td.newscomments {
    background-color: #2f2f2f;
    border-bottom: 1px #191919 solid;
}

td.newstitle {
    background-color: #191919;
}

td.commentauthor,
td.commentdate {
    background-color: #191919;
}

td.commentbody {
    background-color: #2f2f2f;
    border-top: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
}

table.firstpost {
    color: #c7c7c7;
    background-color: #2b2b2b;
    border: 2px #070707 solid;
    max-width: 1000px;
}

td.firstauthor {
    max-width: 160px;
    background-color: #191919;
    border-right: 1px #070707 solid;
}

td.firstbody {
    background-color: #242424;
    border-right: 1px #070707 solid;
    border-bottom: 1px #070707 solid;
}

td.firstdate {
    background-color: #191919;
    border-bottom: 1px #070707 solid;
}

td.firstsignature {
    background-color: #191919;
}

table.officialfirstpost {
    color: #c7c7c7;
    background-color: #bac65d;
    border: 2px #191919 solid;
    max-width: 1000px;
}

td.officialfirstauthor {
    max-width: 160px;
    background-color: #331c1b;
    border-right: 1px #191919 solid;
}

td.officialfirstbody {
    background-color: #3e1d1a;
    border-right: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
}

td.officialfirstdate {
    background-color: #331c1b;
    border-bottom: 1px #191919 solid;
}

td.officialfirstsignature {
    background-color: #331c1b;
}

table.posts {
    max-width: 1000px;
    color: #c7c7c7;
    background-color: #2f2f2f;
    border: 2px #191919 solid;
}

td.postsauthor {
    max-width: 160px;
    background-color: #242424;
    border-right: 1px #191919 solid;
}

td.postsbody {
    background-color: #2f2f2f;
    border-right: 1px #191919 solid;
}

td.postsdate {
    background-color: #242424;
    border-bottom: 1px #191919 solid;
}

td.postssig {
    background-color: #242424;
}

table.officialposts {
    color: #c7c7c7;
    background-color: #bac65d;
    border: 2px #191919 solid;
    max-width: 1000px;
}

td.officialpostsauthor {
    background-color: #331c1b;
    border-right: 1px #191919 solid;
    max-width: 160px;
}

td.officialpostsbody {
    background-color: #3e1d1a;
    border-right: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
}

td.officialpostsdate {
    background-color: #331c1b;
    border-bottom: 1px #191919 solid;
}

td.officialpostssig {
    background-color: #331c1b;
}

table.stafftable {
    color: #c7c7c7;
    background-color: #acb756;
    border: 2px #191919 solid;
}

td.staffcell {
    background-color: #242424;
    border-top: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
}

th.staffheader {
    background-color: #191919;
    border-bottom: 1px #191919 solid;
    color: #c7c7c7;
}

table.buddylist {
    color: #c7c7c7;
    background-color: #acb756;
    border: 2px #191919 solid;
}

th.buddyheader {
    background-color: #191919;
    border-bottom: 1px #191919 solid;
    color: #c7c7c7;
}

td.buddycell {
    background-color: #242424;
    border-top: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
}

#error {
    background-color: #2f2f2f;
    color: #c7c7c7;
    border: 2px #b3ad9a solid;
}

#success {
    background-color: #424721;
    color: #c7c7c7;
    border: 2px #666d33 solid;
}

#randomevent {
    background-color: #5e3d00;
    color: #c7c7c7;
    border: 2px #d07d00 solid;
}

.newsnotif {
    background-color: #4c0300;
    color: #c7c7c7;
    border: 2px #b84c44 solid;
}

.transfernotif {
    background-color: #4c0068;
    color: #c7c7c7;
    border: 2px #853ca0 solid;
}

.salesnotif {
    background-color: #682400;
    color: #c7c7c7;
    border: 2px #a85913 solid;
}

.breedingnotif {
    background-color: #003747;
    color: #c7c7c7;
    border: 2px #22697a solid;
}

.statusnotif {
    background-color: #644d00;
    color: #c7c7c7;
    border: 2px #a1891b solid;
}

.venturenotif {
    background-color: #073c2f;
    color: #c7c7c7;
    border: 2px #3d9b66 solid;
}

#pumademo {
    color: #3c2524;
}

#tooltip {
    border: 1px solid 191919;
    background-color: #2f2f2f;
}

#tooltip.pumapride {
    border: 1px solid #191919;
    background-color: #2f2f2f;
}

#tooltip.transfer {
    border: 1px solid #191919;
    background-color: #2f2f2f;
}

#tooltip.truncatename {
    border: 1px solid #191919;
    background-color: #2f2f2f;
}

#tooltip.parentimage {
    border: 1px solid #191919;
    background-color: #2f2f2f;
}

#tooltip.usershop {
    border: 1px solid #191919;
    background-color: #2f2f2f;
}

#tooltip.info {
    border: 1px solid #191919;
    background-color: #2f2f2f;
}

.pride {
    border: 1px solid #191919 !important;
    background-color: #191919 !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.pride hr {
    display: none;
}

.pride img {
    padding-top: 5px;
    padding-bottom: 5px;
}

span.pumabreed img {
    padding-top: 0px;
    padding-bottom: 0px;
}

span.pumabreed {
    font-size: 10px;
}

.pride form {
    padding-top: 7px;
}

.pumaname {
    background-color: #191919 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.shopdesc {
    background: #2f2f2f;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

a.forum_category {
    color: #c7c7c7;
}

.forum_desc {
    color: #c7c7c7;
}

.last_post {
    color: #c7c7c7;
}

#cpanelbookmarks {
    min-height: 337px;
    width: 630px;
    border: 1px solid #191919;
    background-image: url(/images/layout_starry_fade_inverted.png);
    background-repeat: repeat-x;
    background-position: right bottom;
}

div#cpaneleyrie {
    min-height: 327px;
    border: 1px solid #191919 !important;
    background-image: url(/images/layout_starry_fade_inverted.png);
    background-repeat: repeat-x;
    background-position: right bottom;
}

#cpaneluserinfo,
#cpanelh3meters {
    border: 1px solid #191919;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    min-height: 280px;
    padding: 10px 10px 10px 10px;
    width: 370px;
}

#cpaneluserinfo table {
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 300px;
}
#cpaneluserinfo table tr td {
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 150px;
}

#cpaneluserinfo {
    background-image: url(/images/layout_crab_moon.png), url(/images/layout_starry_fade_inverted.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right bottom, right bottom;
}

#cpanelh3meters {
    background-image: url(/images/layout_starry_fade_inverted.png);
    background-repeat: repeat-x;
    background-position: right bottom;
    width: 530px;
}

#cpanelh3meters table {
    width: 530px;
}

.cpanelmisc {
    border: 1px solid #191919;
    background-image: url(/images/layout_starry_fade_inverted.png);
    background-repeat: repeat-x;
    background-position: right bottom;

    width: 370px;
}

.cpanelmiscwide {
    border: 1px solid #191919;
    background-image: url(/images/layout_starry_fade_inverted.png);
    background-repeat: repeat-x;
    background-position: right bottom;

    width: 530px;
}

#currency,
#main,
#footer,
#dateuser,
#sidemenu {
    border: 1px solid #191919;
}

#dateuser {
    border: 1px solid #191919;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 1000px !important;
}

#flyout li a {
    border: 1px solid #191919;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#footer {
    border: 1px solid #191919;

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 1000px !important;
}

#leftsidebar #currency,
#sidemenu {
    border: 1px solid #191919;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.color-green {
    background: #4a72a0;
}

#energybar {
    margin: 0 auto;
    padding: 0;
    width: 120px;
    height: 8px;
    border: 1px solid #191919 !important;
    border-radius: 5px;
    overflow: hidden;
}

#container {
    width: 1170px !important;
}

div.shops {
    min-width: 22%;
    background-color: #242424;
    border: 1px solid #000000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 1px;
}

div.shops img {
    height: 60px;
    width: 60px;
}

div.shops h2 {
    font-size: 15px !important;
}

div.shop {
    max-height: 300px !important;
    min-height: 265px !important;
    min-width: 0px !important;
    max-width: 12.2% !important;
    width: 12.2% !important;
    border: 2px solid #191919;
    background-color: #242424;
    margin: 2px;
}

div.shop hr {
    border: none;
    background-color: #191919;
    height: 1px;
}

div.shop img {
    height: 100px;
    width: 100px;
}

div.inventory {
    max-height: 100px;
    display: inline-block;
    width: 45%;
    border: 2px solid #191919;
    background-color: #242424;
    border: 1px solid #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.inventory img {
    float: left;
    width: 100px;
    height: 100px;
    position: relative;
    top: -22px;
}

div.inventory hr {
    display: none;
}

div.itemname {
    margin-bottom: 10px;
    max-width: 100% !important;
}

.itemcat {
    display: block;
    margin-top: 2px;
    margin-bottom: 10px;
}

.inventory form {
    margin-top: 10px;
    margin-bottom: 10px;
}

form#inventorypages,
form#cellarpages,
form#shoppages {
    width: 170px;
}

#inventorycontainer {
    width: 1170px !important;
}

.status {
    max-width: 160px;
}

.games {
    background-color: #242424;
    min-height: 310px;
    min-width: 225px;
    margin-bottom: 5px;
    border: 1px solid #000000 !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#dragnshoardboard {
    max-width: 760px;
}

.usershop {
    min-height: 300px;
    border: 2px solid #191919;
    background-color: #242424;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

div.shop {
    min-height: 300px;
    min-width: 175px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

div.usershop {
    min-height: 300px;
    min-width: 165px;
    border: 2px solid #191919;
}

div#cpanelh3meters th {
    background: #191919;
}

input,
button {
    background-color: #191919;
    color: #c7c7c7;
    border: 1px solid #000000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 3px;
    min-width: 24px;
}

input[type='button'],
input[type='submit'],
button {
    box-shadow: inset 0 0 2px 0px rgba(15, 217, 179, 0.6);
    padding: 5px;
}

input[type='button']:hover:enabled,
input[type='submit']:hover:enabled,
button:hover {
    cursor: pointer;
    text-decoration: underline;
    box-shadow: inset 0 0 2px 0px rgba(15, 217, 179, 1);
}

input[type='button']:disabled,
input[type='submit']:disabled,
button:disabled {
    box-shadow: inset 0 0 2px 0px #5e5e5e;
}

input:disabled,
button:disabled {
    color: #5e5e5e;
}

.warning {
    color: #d80c0c;
}

form dt,
dd {
    color: #c7c7c7;
}

form select {
    background-color: #191919;
    border: 1px solid #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px;
}

.bonecollector {
    background-color: #242424;
    border: 1px solid #000000 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

textarea {
    color: #c7c7c7;
    background-color: #191919;
    border: 1px solid #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px;
}

#clowdercontainer,
#tagscontainer {
    border: 1px solid #191919 !important;
}

div#envirocollectortext,
div#excavation_header,
div#enviro_delivery {
    color: #2f2f2f;
    text-shadow: none;
}

div#envirocollectortext input {
    color: #2f2f2f;
    text-shadow: none;
    background-color: #ffffff;
}

.quests,
.bonecollector {
    position: relative;
    background-image: linear-gradient(to bottom, #0a070f 0%, transparent 91px);
    background-repeat: repeat, repeat-x;
    isolation: isolate;
}

.quests::before,
.bonecollector::before {
    z-index: -2;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
}

#bc_item_area {
    width: 900px !important;
    padding-left: 110px !important;
}

h2 {
    font-size: 22px;
}

.customorb {
    color: #c7c7c7;
    background-color: #191919 !important;
    border: 1px solid #000000 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px;
}

div.widget-head {
    background-color: #101010 !important;
    color: #c7c7c7 !important;
}

div.widget-content {
    background-color: #242424 !important;
    color: #c7c7c7 !important;
}

div.widget-content hr,
div.paradigm_box hr {
    border: none;
    background-color: #191919;
    height: 1px;
}

div.widget-content hr,
div.admin_paradigm_box hr {
    border: none;
    background-color: #191919;
    height: 1px;
}

.color-green {
    background: #191919 !important;
}

#clowderdisplaybox {
    background: #191919 !important;
}

#pridedescription {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    max-height: 500px !important;
}

.paradigm_box {
    color: #c7c7c7;
    background-color: #191919 !important;
    border: 1px solid #000000 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px;
    width: 23.2% !important;
}

.admin_paradigm_box {
    color: #c7c7c7 !important;
    background-color: #191919 !important;
    border: 1px solid #000000 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px !important;
    width: 23.2% !important;
}

.paradigm_title {
    background-color: #191919 !important;
}

.block_color_title {
    display: inline-block;
    width: 100%;
    background-color: #191919 !important;
}

.merch_store_box a:link {
    color: #c7c7c7 !important;
}

.merch_store_box a:visited {
    color: #c7c7c7 !important;
}

.merch_store_box a:hover {
    color: #ae81ff !important;
}

.merch_store_box {
    border-color: #191919 !important;
}

table#puma_share_table hr {
    border: none;
    background-color: #191919;
    height: 1px;
}

#fortune_result {
    background-color: #191919 !important;
}

#resource_title {
    background-color: #202020;
}
#resource_box {
    background-color: #363636;
}
#prism_col_title {
    background-color: #202020;
    padding: 2px;
}
#mix_selector {
    width: 400px !important;
}

#eyrie_display td {
    border-color: #202020 !important;
    border-width: 1px !important;
}

#portalpumas {
    width: 96% !important;
    text-align: center;
    border-color: #202020 !important;
    border-width: 1px !important;
}

#premiumstatus td,
table {
    border-color: #202020 !important;
    border-width: 3px !important;
}

#newsletterbox,
#birthdayprivacy,
#stayloggedin,
#changepassword,
#changeemail,
#changepin,
#sitelayoutstyle,
#changeforumsig,
#alwaysshowads,
#skippumaanimations,
#changeuserstatus {
    border-color: #202020 !important;
    border-width: 3px !important;
}

#eyrie_nest {
    border: 1px solid #191919 !important;
    background-color: #242424 !important;
}

#dragn_name {
    background-color: #191919 !important;
    padding: 5px;
}

#dragn_status {
    background-image: url(/images/dragns/eyrie_fade_bg_grey.png);
}
.dragn_text {
    background-color: #2f2f2f !important;
    width: 100%;
    border: 1px solid #191919 !important;
}

.dragn_images img {
    filter: drop-shadow(0px 0px 5px rgba(255, 247, 220, 255.5));
    animation: magic 7s infinite;
}

@keyframes magic {
    50% {
        filter: drop-shadow(0px 0px 2px rgba(255, 247, 220, 255.5));
    }
}

#empty_eyrie_title {
    background-color: #2f2f2f !important;
    width: 100%;
    line-height: 24px;
}

#empty_eyrie_text {
    background-image: url(/images/dragns/eyrie_fade_bg_grey.png) !important;
    width: 100%;
}

.eyrie_interaction {
    display: inline-block !important;
    width: 33%;
}

#interaction_select {
    background-color: #191919 !important;
}

#splatter_table {
    border-right: 2px solid #202020 !important;
}

#quickstock {
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

#quickstock input {
    max-width: 75px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#quickstock:nth-of-type(2) {
    border-top: 1px solid #000000 !important;
}

.quickstock_inv {
    background-color: #252525;
}
.quickstock_inv div {
    left: 35px;
}

.quickstock_shop b {
    left: 48px;
}

.quickstock_cellar {
    background-color: #252525;
}

.quickstock_cellar b {
    left: 26px !important;
}

.quickstock_shadowbox b {
    left: 40px;
}

.quickstock_lower {
    position: relative;
    top: 3px;
}
.table_reminder {
    background-color: #252525;
    border-color: black;
}
.table_reminder_dark {
    background-color: #191919;
}
.quickstock_item_info div {
    min-width: 300px;
}
#quickstock_inv_select {
    border-color: black;
}

div.campaign_goal_unmet {
    background-color: #191919;
}

div.campaign_goal_met {
    background-color: #6babbd;
}

div.campaign_summary_progress {
    background-color: #191919;
}
div.campaign_summary_progress > div:first-child {
    color: white;
    background-color: #6babbd;
}
div.campaign_summary_progress > div:last-child {
    color: white;
}

.openable_msg_quote {
    background-color: #404040;
    color: white;
}

div#crafting_slots > div {
    background-color: #2f2f2f;
}

div#crafting_info {
    background-position-x: 100%;
    width: 1000px;
}

div#crafting_info > div {
    width: 550px !important;
}

div#crafting_more_info {
    width: 80%;
    margin-left: 10%;
}

.modalContent {
    background-color: #2f2f2f;
    border: 2px #191919 solid;
}

.FancySelectorInfoLine {
    text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px #000, 0 0 8px #000;
}

a.LootAvailableText:link:not(:hover),
a.LootAvailableText:visited:not(:hover) {
    color: transparent !important;
    text-shadow: none;
}

.FancySelectorInfoLine {
    text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px #000, 0 0 8px #000;
}

.rpgWeeklyRewardPrize .quantity {
    color: #c7c7c7;
    text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px #000, 0 0 8px #000;
}

#ventureFeeLabel.notmet,
#ventureFeeLabel .notmet,
.ventureCreateSkillList.notmet,
.ventureCreateSkillList .notmet {
    color: #db4949;
    font-weight: bold;
}

.tabGroup > a.tabActive {
    box-shadow: inset 0 2px 2px 0px rgba(15, 217, 179, 0.6);
}

.cookie-consent-banner {
    background: rgba(47, 47, 47, 0.95);
}

#indexAnonLogin .button:link,
#indexAnonLogin .button:active,
#indexAnonLogin .button:visited,
#indexAnonLogin .button {
    color: #ffffff !important;
}

#indexAnonLogin .button:hover {
    color: #ffffff !important;
}

.hasItemInfo:hover,
.hasItemInfo:active {
    --drop-shadow-color: aqua;
}