/**
 * Dark CSS Theme - ych.dev
 */

body, html {
    color: #d8d8d8;
    background: #2d2d2d;
}

a {
    color: #ff3d2e;
}

select {
    border: 1px solid #000;
    background-color: #636363;
    color: #fff;
}

input[disabled],
.disabled {
    background-color: #141414 !important;
    color: #323232 !important;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
}

button, .submit, .upload-label,
input[type=submit] {
    border: none;
    color: #FFF;
}

button[data-color=blue],
input[type=submit][data-color=blue] {
    background-color: #1da1f2 !important;
}

button[data-color=blue-fade],
input[type=submit][data-color=blue-fade] {
    background-color: #afcaff !important;
}

button[data-color=red],
input[type=submit][data-color=red] {
    background-color: #ff3d2e !important;
}

button[data-color=disabled],
input[type=submit][data-color=disabled],
.upload-label.disabled {
    background-color: #9aa4a7 !important;
}

hr {
    border: 0;
    background-color: #ff3d2e;
}

.code-box {
    border:  1px solid lightgrey;
}

.bbcode-controls i:hover {
    background-color: #eee;
}

@media (max-width: 599px) {
    #dot-welcome .speech-bubble,
    #dot-welcome .speech-bubble:before,
    #dot-welcome .speech-bubble:after { border: none !important; }
}


/*
 * Header
 */

header {
    border-bottom: 4px solid #ff3d2e;
}

#header {
    border-bottom: 4px solid #ff3d2e;
}

#user-menu img {
    border: none;
}

#search-box {
    background-color: #1c1c1c
}

#notifications {
    background-color: #ff3d2e;
    color: #2d2d2d;
}

#dropdown {
    background-color: #414141;
    color: #FFF;
    border-top: 3px solid #ff3d2e;
}

#dropdown li a {
    color: inherit;
}

#dropdown li:first-child {
    background-color: #1c1c1c;
}

#dropdown li:last-child {
    color: #ff3d2e;
}

#dropdown li:not(:first-child):hover {
    background-color: #3e3e3e;
}

#login-link {
    color: inherit;
}

#search-icon {
    color: #FFF;
}


/*
 * Footer
 */

footer {
    border-top: 1px solid #0f0f0f;
}

#footer {
    color: #636363;
}

#footer #links a {
    border-bottom: 2px solid rgba(153, 174, 185, 0);
    color: #fff;
}

#footer #links a:hover {
    border-bottom: 2px solid rgba(153, 174, 185, 1);
}

.input-label {
    color: #9aa4a7;
}

.input-field {
    border: 1px solid #000;
    background-color: #636363;
    color: #fff;
}

.submit {
    background-color: #ff3d2e;
}

.toggle-inner {
    border: 2px solid #9aa4a7;
}

.toggle-inner:before {
    background-color: #9aa4a7;
}

input:checked + .toggle-inner {
    border: 2px solid #ff3d2e;
}

input:checked + .toggle-inner:before {
    background-color: #ff3d2e;
}

.switch input:checked + .toggle-inner:before {
    background-color: #ff3d2e;
}

.currency {
    color: #999;
    border: 1px solid #000;
    border-right: 0;
    background-color: #636363;
}

.currency-input {
    border: 1px solid #000;
    border-left: 0;
    color:#fff;
    background-color: #636363;
}

.price input[type=number]::-webkit-inner-spin-button,
.price input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#tabs .active {
    color: #2d8eff;
}

#tabs .active::after {
    background-color: #2d8eff;
}

#tabs .inactive {
    color: #b8c1cb;
}


/*
 * Status Messages
 */

.success-message,
.error-message,
.system-message {
    box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.16),
                0 0.5em 4em 0 rgba(0, 0, 0, 0.1);
}

.success-message {
    border-color: #16db62;
    background-color: #525254;
}

.error-message {
    border-color: #ff3d2e;
    background-color: #37383c;
    color: #ff3d2e;
}

.system-message {
    border-color: #1da1f2;
    background-color: #525254;
}

.error {
    color: #ff3d2e;
}

.success {
    color: #399c1d;
}

.error-message a {
    color: #2d8eff;
}


/*
 * Modal Styles
 */

#backdrop {
    background-color: rgba(0,0,0,.25);
}

#modal {
    background-color: #333;
    border-top: 4px solid #ff3d2e;
    color: #FFF;
}

#modal button {
    background-color: #1c1c1c;
    color: #FFF;
}

.modal-link input {
    border: 1px solid #000000;
    border-right: none;
}

.modal-link a {
    color: white;
    border: 1px solid #998ede;
    border-left: none;
    background: #998ede;
}

.modal-link a:hover {
    background: #9e93e4;
}

.modal-link a:active {
    background: #9085d4;
}

.modal-link .status {
    color: #53cc58;
}


/*
 * Dot Styles
 */

.speech-bubble {
    border: 2px solid #1e1e1e;
    background-color: #424242;
}

.speech-bubble.top-right:before {
    border-left: 10px solid #1e1e1e;
    border-right: 10px solid transparent;
    border-top: 10px solid #1e1e1e;
    border-bottom: 10px solid transparent;
}

.speech-bubble.top-right:after {
    border-left: 10px solid #424242;
    border-right: 10px solid transparent;
    border-top: 10px solid #424242;
    border-bottom: 10px solid transparent;
}

#sidebar-l {
    background-color: #1e1e1e;
    border-right: 1px solid #191919;
}

#sidebar-r {
    background-color: #1e1e1e;
    border-left: 1px solid #191919;
}

.icon {
    color: #999;
    border: 1px solid #000;
    border-left: 0;
    background: white;
}

#login-tools a {
    border-bottom: 2px solid rgba(153, 174, 185, 0);
}

#login-tools a:hover {
    border-bottom: 2px solid rgba(153, 174, 185, 1);
}

#sign-up a{
    color: inherit;
}

#forgot a {
    color: #9aa4a7;
}

#user-controls a {
    color: inherit;
}

#edit-profile h3 {
    color: #778f9b;
}

#settings h3 {
    color: #FFF;
}

.category {
    border: 1px solid #191919;
}

.category {
    background-color: #1d1d1d;
}

.upload-label {
    background-color: #ff3d2e;
}

#artist a {
    color: inherit;
}

#bid-overview {
    color: #778f9b;
}

#autobuy {
    background-color: #ff3d2e;
}

.bid-remove i {
    color: #ffada6;
}

.bid-remove i:hover {
    color: #ff3d2e;
}

.bid-user a {
    color: inherit;
}

#tag-input-list .tag,
.tag-list .tag {
    background-color: #1e1e1e;
}

#tag-input-list .remove {
    color: #ff3d2e;
}

#category-list {
    background: #2d2d2d;
    border: 1px solid #9aa4a7;
}

#category-list:before,
#category-list:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid transparent;
}

#category-list:before {
    border-bottom: 15px solid #9aa4a7;
}

#category-list:after {
    border-bottom: 15px solid #2d2d2d;
}

.auction-summary {
    border: 1px solid #000;
    background-color: #1d1d1d;
}

.summary-title .paid {
    color: inherit;
}

#bids-overview a {
    color: inherit;
}

.bid-group {
    border: 1px solid #000;
    background-color: #1d1d1d;
}

.bid-group .winning {
    color: #3dcc2e;
}

.bid-group .outbid {
    color: #ff3d2e;
}

.bid-group .user-bid {
    border: 2px solid lightblue;
}

.bid-group .bid-status {
    color: #9aa4a7;
}

#convo-reply textarea {
    border: 1px solid #000;
    background-color: #656565;
    color: #FFF;
}

#convo-preview {
    border: 2px solid #ff3d2e;
}

.msg-content img.attachment {
    border: 1px solid #000;
}

.convo-msg > ul {
    border-left: 1px solid #000000;
}

.msg-username a {
    color: inherit;
}

.msg-date {
    color: #535353;
}

.pm-convo:nth-child(even) {
    background-color: #242424;
}

.pm-type i:hover:before {
    color: #ff3d2e;
}

.pm-subject a {
    color: #fff;
}

.pm-partner a {
    color: inherit;
}

.site-info h2 {
    border-bottom: 2px solid #000000;
}

.site-info h3 {
    border-bottom: 2px solid #000000;
}

.site-info .summary {
    border: 1px solid #000000;
}


/*
 * Auction Tiles
 */

.auction-tile {
    color: inherit;
    box-shadow: 0 0 0 1px #000;
}

.auction-tile .tile-status,
.auction-tile .tile-desc {
    background-color: rgba(21, 21, 21, 0.8);
}

.auction-tile .tile-slots {
    background-color: rgba(255, 61, 46, .75);
    color: #fff;
}

.auction-tile .ending-soon,
.auction-tile .no-bids {
    color: #ff3d2e;
}

.auction-tile .nsfw-censor {
    color: #FFFFFF;
}

.auction-tile .nsfw-bg {
    background-color: #2d2d2d;
}

.tooltip.tt-hint {
    background-color: #2d2d2d;
    border: 1px solid #000;
    color: #d8d8d8;
}

.tooltip.top::before,
.tooltip.top::after,
.tooltip.bottom::before,
.tooltip.bottom::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.tooltip.top::before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid #484040;
}

.tooltip.top::after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid #4a98ff;
}

.tooltip.bottom::before {
    border-top: 5px solid #000;
    border-bottom: 5px solid transparent;
}

.tooltip.bottom::after {
    border-top: 5px solid #2d2d2d;
    border-bottom: 5px solid transparent;
}

.user-card {
    border: 1px solid #000;
    background-color: #2d2d2d;
    color: #939393;
}

.id-name {
    background-color: #ff3d2e;
    color: #fff;
    border-bottom: 1px solid #000;
}

.id-badges {
    background-color: #1e1e1e;
}

.id-social {
    border-top: 1px solid #000;
}

.id-stats {
    border-top: 1px solid #000;
}

.id-social .deviantart  { background: url(/icons/deviantart_white.svg)  no-repeat; }
.id-social .discord     { background: url(/icons/discord_white.svg)     no-repeat; }
.id-social .furaffinity { background: url(/icons/furaffinity_white.svg) no-repeat; }
.id-social .patreon     { background: url(/icons/patreon_white.svg)     no-repeat; }
.id-social .picarto     { background: url(/icons/picarto_white.svg)     no-repeat; }
.id-social .tumblr      { background: url(/icons/tumblr_white.svg)      no-repeat; }
.id-social .twitter     { background: url(/icons/twitter_white.svg)     no-repeat; }

#dot-bubble {
    border: 2px solid #9aa4a7;
    background-color: #2d2d2d;
}

#dot-bubble:before {
    border-right: 10px solid #9aa4a7;
    border-left: 10px solid transparent;
    border-top: 10px solid #9aa4a7;
    border-bottom: 10px solid transparent;
}

#dot-bubble:after {
    border-right: 10px solid #2d2d2d;
    border-left: 10px solid transparent;
    border-top: 10px solid #2d2d2d;
    border-bottom: 10px solid transparent;
}

#dot-bubble span {
    color: #ff3d2e;
}

@media (max-width: 599px) {
    #profile-banner {
        border-bottom: 1px solid #000;
    }
    #user-tabs .tab {
        border-right: none !important;
    }
    #user-tabs .inactive {
        box-shadow: inset 0 4px 0 0 #bebcbc;
    }
}


/* Large */

@media (min-width:1367px) {
    #user-profile {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
    #user-tabs {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
    #profile-info {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
}

#edit-profile {
    background: #2d2d2d;
    border: 1px solid #000;
}

#save-profile {
    background: #ff3d2e;
    color: #000;
    border: 1px solid #000;
}

#cancel-profile {
    background: #ff3d2e;
    color: #000;
    border: 1px solid #000;
}

#edit-banner,
#preview-description,
#edit-description {
    background: #a1a1a1;
    color: #2d2d2d;
    border: 1px solid #2d2d2d;
}

#profile-banner {
    border-bottom: 1px solid #000;
}

#profile-banner #banner-overlay {
    background: rgba(255,255,255,.5);
}

#profile-avatar {
    background-color: #2d2d2d;
    border: 1px solid #000;
    box-shadow: 10px 0 0 0 rgba(0, 0, 0, .06);
}

#profile-avatar #avatar-overlay {
    background: rgba(255,255,255,.5);
}

#profile-avatar .icon-edit {
    background-color: #2d2d2d;
    border: 1px solid #707070;
}

#profile-info input {
    border: 1px solid #000;
}

#profile-info #user-title {
    color: #5d5d5d;
}

#profile-tabs {
    border-top: 4px solid #420000;
    border-bottom: 1px solid #000;
    background-color: #1e1e1e;
}

#user-tabs .tab:not(:last-child) {
    border-right: 1px solid #000;
}

#user-tabs .inactive {
    box-shadow: inset 0 4px 0 0 #570000;
    border-bottom: 1px solid #000;
    color: #535353;
    background-color: #1d1d1d;
}

#user-tabs .active {
    box-shadow: inset 0 4px 0 0 #ff3d2e;
    color: #535353;
    background-color: #2d2d2d;
}

.profile-header {
    color: #8b8484;
}

.profile-box {
    background-color: #1e1e1e;
}

#profile-socials-box a.site-url {
    color: #8b8484;
}

#profile-socials-box-edit #edit-links > div {
    color: #ff3d2e;
}

#profile-socials-box-edit .link,
#profile-socials-box-edit .unlink {
    color: #2d2d2d;
}

#profile-socials-box-edit .link {
    background-color: #ff3d2e;
}

#profile-socials-box-edit .unlink {
    background-color: #ff3d2e;
}

#desc-box h1,
#active-auction-box h1,
#finished-auction-box h1,
#auction-portfolio-box h1,
#profile-portfolio #folio-overview h1 {
    color: #2d2d2d;
}

#desc-box-test hr,
#active-auction-box hr,
#finished-auction-box hr,
#auction-portfolio-box hr,
#profile-portfolio #folio-overview hr {
    background: #191919;
}

#stat-box .stat-name {
    color: #a29d9d;
}

#stat-box .stat-value.red,
#stat-box-edit .stat-value.red{
    color: #ff3d2e;
}

#stat-box-edit #edit-stats .stat-name {
    color: #a29d9d;
}

#desc-edit textarea {
    border: 1px solid #a9a9a9;
    color: inherit;
}

@media (max-width: 599px) {
    .slot-button {
        border: 1px solid #bebcbc;
    }
}

@media (min-width: 600px) {
    .slot-button {
        border: 1px solid #bebcbc;
    }
    .slot-button:hover {
        border: 1px solid #ff3d2e;
    }
}

/* General */
#auction-wrapper {
    background-color: #1e1e1e;
}

.toolbar-buttonholder {
    background-color: #2d2d2d;
    border-top: 4px solid #ff3d2e;
}


.toolbar-button {
    background-color: #1e1e1e;
    color: white;
}

.toolbar-button.toolbar-active {
    background-color: #ff3d2e !important;
}

.toolbar-button.toolbar-active.redbutton {
    background-color: #ff3d2e !important;
}

.toolbar-button:hover {
    background-color: #ff3d2e;
}

.redbutton:hover {
    background-color: #ff3d2e;
}

.zoomie {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #000;
    color: #fff;
}

#auction-main #auction-image {
    background-color: #2d2d2d;
    border-top: 4px solid #ff3d2e;
}

#auction-main #auction-image img:first-child,
#auction-main #auction-image video:first-child {
    border: 1px solid #000;
}

#auction-data {
    background-color: #2d2d2d;
    border-top: 4px solid #ff3d2e;
}

#portfolio-bar {
    background-color: #ff3d2e;
}

.portfolio-title {
    color: #b0b0b0;
}

.portfolio-nav {
    color: #2d2d2d;
}

.portfolio-nav span{
    color: #ff3d2e;
}


#nav-right {
    background: radial-gradient(farthest-side at 100% 50%, rgba(255,61,46,0.3),rgba(0,0,0,0));
}

#nav-left {
    background: radial-gradient(farthest-side at 0 50%, rgba(255,61,46,0.3),rgba(0,0,0,0));
}

#portfolio-viewer {
    background-color: #1e1e1e;
}

.viewer-image img {
    background-color: #2d2d2d;
    box-shadow: 0 4px 10px #000;
}

#slot-select {
    background-color: #1e1e1e;
}

.highlight:not(.slot-price) {
    border-color: #ff3d2e !important;
    color: #ff3d2e !important;
}
.highlight .slot-price {
    background-color: #ff3d2e !important;
}
.slot-closed {
    color: #575757 !important;
    border-color: #000 !important;
    background-color: #151515 !important;
}
.slot-closed .slot-price {
    background-color: #353535;
    color: #fff;
}
.highlight.slot-closed {
    border-color: #ff3d2e !important;
}

#slot-header {
    color: #535353;
}
.slot-button {
    color: #fff;
    background-color: #2d2d2d;
    border: 1px solid #474747;
}
.slot-price {
    background-color: #474747;
    color: #fff;
}

#auction-artist a {
    color: inherit;
}

#artist-avatar {
    background-color: #2d2d2d;
    border: 1px solid #000;
    box-shadow: 0 2px 0 0 #2a0000;
}

.auction-slots {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid transparent;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #2d2d2d;
}

.auction-slots::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ff3d2e;
    border-bottom: 0 solid transparent;
}

.auction-slots select {
    color: inherit;
    background: none;
    border: 1px solid transparent;
}

.max-notifier {
    background-color: #00b0f4;
    color: #fff;
}

.max-outbid {
    background-color: #ff3d2e;
}

#bid-amount {
    background: #2d2d2d;
}

#bid-amount:not(.auction-over) {
    border: 1px solid #ff3d2e;
}

#bid-amount.auction-over {
    border: 1px solid #000;
}

#bid-amount.autobuy {
    border: 1px solid #2eb5ff;
}

#bid-amount:not(.auction-over):before {
    color: #c0c0c0;
}

#bid-amount input {
    border: 1px solid transparent;
    color: #FFF;
    background-color: #1e1e1e;
}

#place-bid,
#place-bid-test {
    color: #FFF;
}
#place-bid.max-bid:not(.auction-over),
#place-bid-test.max-bid:not(.auction-over) {
    background-color: #00b0f4;
    border: 1px solid #00b0f4;
}

#place-bid .bidshine,
#place-bid-test .bidshine {
    background-image: linear-gradient(to bottom,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,1) 20%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,1) 100%
    );
}

#place-bid:not(.auction-over),
#place-bid-test:not(.auction-over) {
    background-color: #ff3d2e;
    border: 1px solid #ff3d2e;
}

#place-bid.auction-over,
#place-bid-test.auction-over {
    background-color: #9aa4a7;
    border: 1px solid #9aa4a7;
}

#place-bid.autobuy,
#place-bid-test.autobuy {
    background-color: #2eb5ff;
    border: 1px solid #2eb5ff;
}

#auction-bidding #max-bid .details,
.tooltip-text .details {
    color: #ff3d2e;
}

/* Description */

#auction-details {
    background-color: #2d2d2d;
}

#auction-tabs .tab:not(:last-child) {
    border-right: 1px solid #000;
}

#auction-tabs .active {
    box-shadow: inset 0 4px 0 0 #ff3d2e;
    color: #FFF;
    background-color: #2d2d2d;
}

#auction-tabs .inactive {
    box-shadow: inset 0 4px 0 0 #570000;
    border-bottom: 1px solid #000;
    color: #535353;
    background-color: #1d1d1d;
}

#auction-tabs .inactive:hover {
    background-color: #2d2d2d;
}

.auction-tags .a-tag {
    background-color: #565656;
    color: #FFF;
}

.auction-tags .a-tag:hover {
    background-color: #ff3d2e;
}

.bid-announce {
    color: #c1c1c1;
}

#top-bid {
    color: #fff;
    border-bottom: 3px solid #d40000;
    background-color: #ff3d2e;
}

.bid:nth-child(odd) {
    background-color: #1e1e1e;
}

.info-header {
    color: #8b8484;
}

.info-box {
    background-color: #1e1e1e;
}

#auction-stats-box .red {
    color: #ff3d2e;
}

/*
 * COMMENTS
 */

#comment-wrapper {
    color: #FFF;
    background-color: transparent;
}

.comment-header {
    color: #414141;
}

.form-submit {
    background-color: #ff3d2e;
}


.comment-form textarea {
    border: 1px solid #000;
    color: #FFF;
    border-top: 0.3em solid #ff3d2e;
    background-color: #4d4d4d;
}

.comment {
    background-color: #1e1e1e;
}

.comment-content.op {
    background-color: #352f22 !important;
    border-top: 0.3em solid #ffb32e !important;
}

.comment-content.comment-deleted {
    background-color: #321313 !important;
    border-top: 0.3em solid #ff3d2e !important;
}

.comment-avatar img {
    border: 1px solid #000;
    border-bottom: 0;
}

.comment-content {
    background-color: #2d2d2d;
    border: 1px solid #000;
}

.comment-time {
    color: #5d5d5d;
}

.comment-name {
    color: #c1c1c1;
}

.comment-name {
    color: #585858;
}

.reply-bumper {
    color: #ded7d7;
}

.bump-spacer {
    background: linear-gradient(to right, #3c3c3c 1px,rgba(60, 60, 60,0) 2px, rgba(60, 60, 60,0) 100%);
}

.bump-spacer span {
    color: #3c3c3c;
}

.comment a {
    color: #7a000c;
}

.comment-functions span {
    color: #545454;
}

.comment-functions span:hover,
.comment-functions span:hover span{
    color: #ff3d2e !important;
}

@media (max-width: 599px) {
    #report-fields textarea {
        border: 1px solid #cacaca;
    }
}

#report-fields .submit {
    background-color: #ff3d2e;
}

#report-fields textarea {
    border: 1px solid #cacaca;
}

#modal.quick-reg {
    background-color: #2d2d2d;
}
#modal.quick-reg #modal-title {
    color: #6b6b6b;
}
#sign-in {
    color: #9aa4a7;
}

.notification {
    color: #fff;
}

.notification.error {
    background-color: #ff3d2e;
    border-bottom: 1px solid #ff8383;
}

.notification.success {
    background-color: #00aeff;
    border-bottom: 1px solid #266cc1;
}

.notification .close {
    color: #fff;
}

.auction-tile2 {
    background: #232323;
    border: 1px solid #000;
}

.auction-tile2.upvoted {
    border: 1px solid #00a5ff !important;
}

.auction-tile2.downvoted {
    border: 1px solid #FF3d2e !important;
}

.auction-tile2 .nsfw-censor {
    color: #FFFFFF;
}

.auction-tile2 .nsfw-bg {
    background-color: #2d2d2d;
}

.tile-titlebar {
    color: #FFF;
}

.tile-upvote:hover {
    background-color: rgb(20, 20, 20);
}

.tile-downvote:hover {
    background-color: rgb(20, 20, 20);
}

.tile-upvote {
    background-color: rgba(235, 243, 255, 0);
    color: #4a98ff;
}

.tile-upvote .icon-thumbs-up {
    color: #9d9d9d;
}

.tile-upvote.upvoted .icon-thumbs-up {
    color: #4a98ff;
}

.tile-downvote {
    background-color: rgba(255, 235, 235, 0);
    color: #ff3d2e;
}

.tile-downvote .icon-thumbs-down {
    color: #9d9d9d;
}

.tile-downvote.downvoted .icon-thumbs-down {
    color: #ff3d2e;
}

.tile-hintwrapper {
    background-color: rgba(15,8,0,0);
}

.tile-infohint {
    background: linear-gradient(rgba(255, 61, 46, 0), rgba(255, 61, 46, 0.6) 80%, rgba(255, 61, 46, 1));
}

.tile-gotohint {
    background: linear-gradient(rgba(255, 61, 46, 1), rgba(255, 61, 46, 0.6) 20%, rgba(255, 61, 46, 0));
}

.tile-info {
    background-color: #232323;
}

.tile-title a, .tile-hintwrapper a {
    color: #FFF;
}

.tile-hintwrapper.open {
    background-color: rgba(0,0,0,1);
}

.tile-namebar {
    background-color: #1c1c1c;
}

.tile-artistname {
    color: #FF3d2e;
}

.ending-soon {
    color: #ff3d2e;
}

.tile-slotlink {
    border: 1px solid rgba(255, 61, 61, 0);
    background-color: rgba(255, 74, 74, 0);
}

.tile-slotlink:hover {
    border: 1px solid rgba(255, 61, 61, 0.7);
    background-color: rgba(255, 74, 74, 0.1);
}

.tile-highlight {
    color: #ff3d2e;
}

.tile-liked {
    background-color: #effeff;
    border-color: #258cff;
}
.tile-disliked {
    background-color: #ffecec;
    border-color: #ff7e7e;
}

.tile-bidscroll {
    background:
            linear-gradient(#232323 30%, rgba(35, 35, 35,0)),
            linear-gradient(rgba(35, 35, 35,0), white 70%) 0 100%,

            radial-gradient(50% 0, farthest-side, rgba(255, 61, 46,.2), rgba(255, 61, 46,0)),
            radial-gradient(50% 100%, farthest-side, rgba(255, 61, 46,.2), rgba(255, 61, 46,0)) 0 100%;
    background:
            linear-gradient(#232323 30%, rgba(255,255,255,0)),
            linear-gradient(rgba(35, 35, 35,0), #232323 70%) 0 100%,

            radial-gradient(farthest-side at 50% 0, rgba(255, 61, 46,.2), rgba(255, 61, 46,0)),
            radial-gradient(farthest-side at 50% 100%, rgba(255, 61, 46,.2), rgba(255, 61, 46,0)) 0 100%;
    background-color: #232323;
}

.tile-bids {
    border: 0 hidden;
}

.tile-bidsheader {
    background-color: #1c1c1c;
}
.tile-watch {
    color: #9d9d9d;
    background-color: rgba(235, 243, 255, 0);
}
.tile-watch:hover {
    color: #fff;
    background-color: rgb(21, 21, 21);
}
.tile-watch .icon-plus,
.tile-watch .icon-minus {
    color: #4a98ff;
}

.tile-hide {
    color: #9d9d9d;
    background-color: rgba(255, 235, 235, 0);
}

.tile-hide:hover {
    color: #fff;
    background-color: rgb(21, 21, 21);
}
.tile-hide .icon-minus,
.tile-hide .icon-plus {
    color: #ff3d2e;
}


/*
 * Debug Stats
 */

#debug-stats {
    color: #399c1d;
}



/*
 * Table of Contents
 */

.toc .section {
    color: #d8d8d8
}



/*
 * Scroll to Top
 */
.scroll-to-top {
    background-color: #d8d8d8;
}

.scroll-to-top i {
    color: #2d2d2d;
}



/*
 * FAQ Stuff
 */
.faq-header {
    background-color: #1d1d1d;
    box-shadow: 0 0.5em 1em -0.1em rgba(0, 0, 0, 0.16),
                0 0.5em 1em -0.1em rgba(0, 0, 0, 0.1);
}