/*------------------------------------------------------------------------------
  Global pseudo-classes and pseudo-elements
------------------------------------------------------------------------------*/
::selection {
    background: #6b9543;
    color: #fff;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000;
}
:focus {
    outline: none !important;
}
/*------------------------------------------------------------------------------
  CSS Variables
------------------------------------------------------------------------------*/
:root {
    --font-sans-serif: 'Open Sans', Verdana, sans-serif;
    --font-monospace: 'Inconsolata', 'Cascadia Mono', 'Consolas', 'Lucida Console', 'Courier New', Courier, monospace;
    --font-size-small: 11px;
    --font-size-medium: 12px;
    --font-size-large: 14px;

    --default-spacing: 10px;
}
/*------------------------------------------------------------------------------
  Pre Data Pages
------------------------------------------------------------------------------*/
/* Common Styles */
.box-content-inner:has(.grid-container) {
    padding: 0;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 5px;
    padding: 5px;
    user-select: none;
}
.grid-container:has(.day-box) {
    grid-template-columns: repeat(7, 1fr);
}
@media (min-width: 979px) {
    .grid-container:has(.month-box) {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* Pre-Box (Shared Base Class) */
.pre-box {
    background: linear-gradient(to bottom, rgba(220, 225, 255, 0.05) 0%, rgba(220, 225, 255, 0.1) 100%);
    border: 1px solid rgba(220, 225, 255, 0.1);
    text-align: center;
    border-radius: 1px;
    padding: 10px 0;
}
.pre-box:has(a:hover) {
    background: linear-gradient(to bottom, rgba(220, 225, 255, 0.1) 0%, rgba(220, 225, 255, 0.2) 100%);
    border: 1px solid rgba(220, 225, 255, 0.2);
}
.pre-box a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}
.pre-box .year,
.pre-box .month,
.pre-box .day {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -1px;
    color: rgba(255, 255, 255, 0.866);
}
.pre-box .pre {
    color: rgba(255, 255, 255, 0.533);
}
/* Specific Adjustments for Year, Month, and Day Boxes */
.day-box.day-name {
    font-size: 14px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.866);
    padding: 5px 0;
}
.empty-month,
.empty-day {
    opacity: 0.66;
}
.empty-month span,
.empty-day span {
    opacity: 0.5;
}
.day-after,
.day-before {
    opacity: 0.33;
}
.day-after span,
.day-before span {
    opacity: 0.5;
}
.day-box.week-end {
    background: linear-gradient(to bottom, rgba(220, 120, 110, 0.07) 0%, rgba(220, 120, 110, 0.14) 100%);
    border: 1px solid rgba(220, 120, 110, 0.16);
}
.day-box.week-end:has(a:hover) {
    background: linear-gradient(to bottom, rgba(220, 120, 110, 0.14) 0%, rgba(220, 120, 110, 0.28) 100%);
    border: 1px solid rgba(220, 120, 110, 0.32);
}
.day-box.today {
    background: linear-gradient(to bottom, rgba(107, 149, 67, 0.14) 0%, rgba(107, 149, 67, 0.28) 100%);
    border: 1px solid rgba(107, 149, 67, 0.6);
    box-shadow: inset 0px 0px 3px 0px rgba(107, 149, 67, 0.6);
}
.day-box.today:has(a:hover) {
    background: linear-gradient(to bottom, rgba(107, 149, 67, 0.28) 0%, rgba(107, 149, 67, 0.56) 100%);
    border: 1px solid rgba(107, 149, 67, 1);
}
@media (max-width: 979px) {
    .day-box.day-name .suffix {
        display: none;
    }
}
/*----------------------------------------------------------------------------*/
.page-pre #main > .row-fluid > .span10 > .content,
.page-adds #main > .row-fluid > .span10 > .content,
.page-admin #main > .row-fluid > .span10 > .content,
.page-tools #main > .row-fluid > .span10 > .content,
.page-browse #main > .row-fluid > .span10 > .content {
    color-scheme: dark;
}
.showcase::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
.showcase::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.showcase::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e3b519;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.showcase::-webkit-scrollbar-thumb:window-inactive {
    background-color: #be9c27;
}
html,
body {
    min-height: 100%;
}
body {
    font-family: var(--font-sans-serif);
    font-size: var(--font-size-medium);
    margin: 0;
    padding: 74px 0 20px;
    background: url(/content/gfx/bg-noise.png), url(/content/gfx/bg-checkers.png);
    background-color: #435a2e;
}
@media (max-width: 767px) {
    body {
        padding: 0 0 20px;
    }
}
body#site-alt {
    background-color: #75204a;
}
a:hover,
a:focus {
    color: #7fd8ff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.nav a:hover,
.nav a:focus {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}
.footer a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.footer a:hover {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.clickable {
    cursor: pointer;
}
input:focus {
    box-shadow: 0 0 3px rgb(82, 168, 236), 0 0 4px rgb(82, 168, 236);
}
.color-0 input:focus,
.color-1 input:focus,
.color-2 input:focus {
    box-shadow: 0 0 3px #fff, 0 0 4px #fff;
}
/* Links on dupe compare pop-up (and maybe other pop-ups?) */
body > table a:hover,
body > table a:focus {
    color: #33f;
    text-shadow: none;
    background-color: #cce;
    border-radius: 3px;
}
p {
    margin: 0;
}
hr {
    border: 1px solid #3a3a3a;
    margin: 2px 0 2px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}
form {
    margin: 0;
}
textarea {
    color: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom, rgba(220, 225, 255, 0.01) 0%, rgba(220, 225, 255, 0.05) 100%);
    border: 1px solid rgba(220, 225, 255, 0.25);
    font-family: var(--font-monospace);
    font-size: var(--font-size-large);
}
optgroup {
    font-style: normal;
    font-family: inherit;
}
optgroup option {
    padding-left: 10px;
}
/* Relations Dialog { */
#relateform select,
#relateform option,
#relateform input {
    font-family: var(--font-monospace);
    font-size: var(--font-size-medium);
    height: 30px;
}
#relateform input {
    width: 100%;
}
#relateform #relation-verb {
    width: 55px;
}
#relateform #relation-type {
    width: 160px;
}
#relateform #relation-for {
    width: 40px;
    text-align: center;
}
#relateform input[type="submit"] {
    display: none;
}
/* } Relations Dialog */
/* All Dialogs { */
.ui-dialog-titlebar span,
.ui-dialog-buttonpane button {
    font-family: var(--font-sans-serif);
}
/* } All Dialogs */
.hidden-form {
    display: none;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    content: none;
}
.account-settings .form-horizontal {
    margin-top: 20px;
}
.account-settings .form-horizontal:first-child {
    margin-top: 0;
}
.topbar {
    color: #aeb0af;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.25);
    background: linear-gradient(to bottom, #101415 0%, #181d21 13%, #121619 100%);
    position: fixed;
    height: 54px;
    z-index: 1000;
    top: 0;
}
@media (max-width: 767px) {
    .topbar {
        position: relative;
        height: auto;
    }
}
#topbar-content {
    float: none;
    margin: 0 auto;
}
#site-title {
    padding-top: 5px;
    margin: 0;
    user-select: none;
}
#filter-box a:hover,
#site-title a:hover {
    text-decoration: none;
}
#upload {
    padding-top: 15px;
    min-width:140px;
    display: inline-block;
    height: 22px;
    font-weight: bold;
    font-size: 22px;
    user-select: none;
}
#site-title a,
#upload a {
    color: #eee;
    text-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 1px 2px #000, 0 1px 3px #000;
    text-decoration: none !important;
}
#site-title a:hover,
#upload a:hover {
    text-shadow:
        0    1px 0   #444,
        0   -1px 0   #444,
        1px  0   0   #444,
       -1px  0   0   #444,
        0    0   2px #fff,
        0    0   3px #fff;
}
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-bar-success {
    background-color: #5cb85c;
    color: #000;
    text-align: left;
}
.progress-bar-success span {
    padding-left: 5px;
}
.infobox {
    margin-bottom: 20px;
    border: 1px solid #141e1d;
    color: #aeb0af;
    border-radius: 5px;
    min-height: 100px;
    background: linear-gradient(to bottom, #343f45 0%, #101113 100%);
}
.infobox-inner {
    border-top: 1px solid #525b6a;
    border-radius: 5px;
}
.infobox-box:first-child .infobox-box-inner {
    border-left: 0;
}
.infobox-box:last-child .infobox-box-inner {
    border-right: 0;
    overflow: hidden;
    position: relative;
}
.infobox-inner a {
    color: #6b9543;
}
.infobox-box {
    float: left;
    width: 33%;
}
.infobox-box-inner {
    position: relative;
    padding: 15px 10px 15px 10px;
    border-right: 1px solid #131919;
    border-left: 1px solid #393e41;
    height: 70px;
    text-align: center;
}
.infobox-box-inner .infobox-headline {
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}
.infobox-bar-container {
    border-radius: 8px;
    padding: 2px;
    background-color: #0c1011;
    margin-top: 8px;
    margin-bottom: 4px;
    border: 1px solid #000;
    height: 8px;
}
.infobox-bar-meter {
    border-radius: 5px;
    background-color: #e3b519;
    height: 100%
}
.irc-info {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
}
.bitcoin-donation {
    position: absolute;
    right: 10px;
    border-radius: 12px;
}
#main {
    color: #aeb0af;
}
.left-box {
    border: 1px solid #474c50;
    border-radius: 8px;
    margin-bottom: 10px;
}
.navigation {
    border-bottom: 1px solid #000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: linear-gradient(to bottom, #354046 0%, #2f3a3e 100%);
}
.navigation h3 {
    margin: 0;
    padding-left: 10px;
    font-size: var(--font-size-large);
}
.nav li a {
    color: #fff;
    padding: 3px 3px 3px 8px;
    border-bottom: 1px solid #424649;
    background: linear-gradient(to bottom, #1b2023 0%, #0b0c0e 100%);
}
.nav > li > a:hover,
.site-tabs ul .active a {
    color: #000;
    background: linear-gradient(to bottom, #c2960f 0%, #fac310 100%);
}
#search-button {
    color: #fff;
    background-color: #515151;
    border-radius: 15px;
    margin-top: 12px;
    border: 1px solid #111;
    padding-left: 10px;
    padding-right: 10px;
}
.box-content-inner #search-button {
    margin-top: 2px;
}
.leftmenu {
    margin-left: 0;
}
.leftmenu ul {
    margin-bottom: 0;
}
.leftmenu li:last-child a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 0;
}
.leftmenu ul li ul li:last-child a { /*no rounded corners on nested ul's*/
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #424649; /*same as for regular (above)*/
}
.leftmenu ul li ul li a {
    padding-left: 25px;
}
.box .box-content {
    border-radius: 0 0 6px 6px;
}
.box + .box {
    margin-top: 10px;
}
.box-header {
    background: linear-gradient(to bottom, #24292c 0%, #030303 100%);
    padding: 6px 10px;
    font-size: 13px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #0f1417;
    border-bottom: 1px solid #1a1b1d;
    min-height: 20px;
    position: relative;
}
.box-header h4 {
    font-size: 14px;
    margin: 0;
}
.box-header .item-container {
    position: absolute;
    right: 5px;
    top: 5px;
}
.box-header .item {
    background-color: #000900;
    background-image: url('/content/gfx/items.png?42');
    background-repeat: no-repeat;
    border: 1px solid #171717;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    float: left;
    margin-left: 4px;
}
.item-add      { background-position:   4px   4px; }
.item-edit     { background-position:   2px -16px; }
.item-relate   { background-position: -51px   2px; }
.item-remove   { background-position: -16px   4px; }
.item-add-imdb { background-position: -18px -14px; }
.item-google   { background-position: -36px   2px; }
.item-report   { background-position: -36px -15px; }
.box-content {
    background-color: #0d1112;
    padding: 0;
    color: #aeb0af;
    border-bottom: 1px solid #2a2e30;
}
.box-content-inner {
    /* border-bottom: 1px solid #070c10; */
    padding: 6px;
}
.box-content p {
    margin: 0;
}
.content {
    padding: 10px 10px;
    border: 1px solid #474c50;
    border-radius: 8px;
    background: linear-gradient(to bottom, #354046 0%, #161616 100%);
}
.profile-page {
    overflow: hidden;
}
.profile-box {
    padding: 10px;
    text-align: center;
}
.profile-table {
    float: left;
    width: 80%;
}
.profile-table tr td:first-child {
    text-align: right;
    width: 85px;
    padding-right: 5px;
}
.profile-box div {
    text-align: left;
}
.profile-photo {
    border: 1px solid #2e3235;
    width: 64px;
    background-color: #0e1213;
    height: 63px;
    padding: 7px;
}
.profile-info {
    margin-left: 5px;
    line-height: 15px;
}
.profile-status {
    color: #d2a903;
    font-style: italic;
}
.profile-uploads {
    font-size: 11px;
}
.profile-divider {
    display: inline-block;
    height: 73px;
    width: 0;
    border-left: 1px solid #171c1f;
    border-right: 1px solid #313737;
}
.profile-right {
    padding-top: 6px;
    padding-right: 14px;
}
.profile-right a { /*inbox link*/
    color: #fff;
    padding-right: 3px;
}
@media (min-width: 768px) and (max-width: 979px), (max-width: 336px) {
    .profile-right .message-inbox {
        display: none;
    }
}
.message-icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 14px;
    background-image: url('/content/gfx/envelope.gif?42');
    vertical-align: middle;
}
#message-popup {
    position: absolute;
    top: -10px;
    right: -13px;
}
.showcase {
    overflow-x: scroll;
}
.poster-show-container {
    padding: 5px 5px 10px 5px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.poster-show {
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.poster-show img {
    width: 100px;
    height: 150px;
}
.footer {
    color: #bbb;
    text-align: center;
    margin-top: 20px;
    line-height: 14px;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: var(--default-spacing);
}
.disclaimer {
    margin-top: 5px;
    font-size: var(--font-size-small);
    font-style: italic;
}
/*
    just put (div) in front of the word (category) to get a visible bar like prisjakt.nu
    (specify height inline)
 */
.result-bar {
    width: 8px;
    background-color: #F00;
    margin-bottom: -3px;
    display: inline-block;
}
#filter-box {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 5px !important; /*override bootstrap*/
}
#filter-box div {
    margin: 2px 0 2px 0;
}
#filter-box select {
    width: 100%;
    margin-bottom: 5px !important;
}
#filter-box span {
    display: block;
    position: static;
}
#filter-box .btn {
    font-size: 10px;
    padding: 4px 0;
}
#filter-showhide {
    display: none;
    font-size: 9px;
}
@media (max-width: 767px) {
    #filter-showhide {
        display: initial;
    }
    #filter-box,
    .left-box:has(> #filter-box) {
        display: none;
    }
}
#filter-box li > i,
#filter-box li > svg {
    margin-right: 5px;
}
#filter-box .release-upload-date {
    letter-spacing: -0.5px;
}
/*important to override hovering effect from bootstrap*/
body:not(.page-pre) .color-0,
body:not(.page-pre) .color-no {
    background-color: #b42018 !important;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
body:not(.page-pre) .color-1,
body:not(.page-pre) .color-yes {
    background-color: #206e2e !important;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
body:not(.page-pre) .color-2,
body:not(.page-pre) .color-broken {
    background-color: #cc530c !important;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.color-striped td {
    background-size: 29px 29px; /* Controls the size of the stripes */
    background-color: rgba(40, 40, 40, 0.25);
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
}
a.cleanup-add {
    color: #fff;
}
body:not(.page-pre) [class*="color-"] a,
body:not(.page-pre) [class*="color-"] span {
    color: #fff; /*white urls when a colored background*/
}
.page-pre .releasename span {
    color: rgb(240, 64, 64);
}
.cleanup-add {
    background-color: #206e2e;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1px;
    line-height: 16px;
    border-radius: 3px;
    margin-right: 1px;
}
.cleanup-add:hover { background-color: #398845; }
.extract-sfv       { background-color: #cc530c; }
.extract-sfv:hover { background-color: #eb7027; }
.bold {
    font-weight: bold;
}
.red {
    color: #f00;
}
.green {
    color: #080;
}
.table {
    margin-bottom: 6px;
}
.table-releases {
    table-layout: fixed;
    width: 100%;
}
.table-releases td { /*wrap long urls*/
    padding: 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-releases .release-name {
    padding-right: 8px;
}
table thead tr th.no-border {
    border: none;
}
.table-releases thead a,
.table-release thead a {
    display: inline;
}
table input.check-all { /*must have "table input" to override other setting*/
    margin-top: 0;
    margin-left: 2px;
}
.table input { /*first column, checkboxes*/
    margin: 0 0 0 2px; /*when td have padding...*/
}
.table input[type="checkbox"]:disabled {
    opacity: 0.5;
}
.table-releases input { /*first column, checkboxes*/
    margin: -2px 0 0 7px; /*when td have 0 padding...*/
}
.table-releases span {
    display: block;
    padding: 4px;
}
.table-releases i + span,
.table-releases span > span {
    display: inline;
    padding: 4px;
}
.table-releases .release-size span {
    text-align: right;
}
.table-releases .releases-size i {
    cursor: pointer;
    color: #d2a903;
}
.table-releases .release-size .size-v1.size-unit-b  { font-weight:400; opacity:0.6; }
.table-releases .release-size .size-v1.size-unit-kb { font-weight:400; opacity:0.8; }
.table-releases .release-size .size-v1.size-unit-mb { font-weight:600; }
.table-releases .release-size .size-v1.size-unit-gb { font-weight:600; }
.table-releases .release-size .size-v1.size-unit-tb { font-weight:800; }

.table-releases .release-size .size-v2.size-unit-b  { font-weight:400; opacity:0.6; }
.table-releases .release-size .size-v2.size-unit-kb { font-weight:400; opacity:0.8; }
.table-releases .release-size .size-v2.size-unit-mb { font-weight:600; }

.table-releases .release-size i {
    font-style: normal;
}
.table-releases .release-size .zero-pad {
    display: none;
}
.table-releases .release-size .dot:has(+ .zero-pad) {
    display: none;
}
.table-releases.show-size-v2 .release-size .size-v1 {
    display: none;
}
.table-releases.show-size-v1 .release-size .size-v2 {
    display: none;
}
.table-releases .zero-size span {
    opacity: 0.25;
    user-select: none;
}
.table-releases .total-size span {
    text-align: right;
    font-weight: bold;
}
.table-releases a {
    padding: 4px;
}
.table-release,
.table-nbm { /*NoBottomMargin*/
    margin-bottom: 0; /*override bootstrap*/
}
.table-release .sortable a {
    display: inline;
}
.table-release table {
    table-layout: fixed !important; /*override bootstrap*/
    width: 100%;
}
.table-release table td,
.table-release table td > div {
    padding: 0;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no-ellipsis table td,
.no-ellipsis table td > div {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-wrap: anywhere;
}
.table-release td,
.table-release thead th {
    vertical-align: top;
}
.table a {
    text-decoration: none;
    line-height: 20px;
}
.table-release a {
    text-decoration: none;
    line-height: 20px;
}
.table-release .sortable {
    table-layout: auto;
}
.sortable tbody {
    width: 100%;
}
.table-bordered tbody:first-child tr:first-child > td {
    border-radius: 0 !important;
}
.table th,
.table td,
.table-bordered,
.table-bordered th,
.table-bordered td,
.pagination ul > li > a,
.pagination ul > li > span {
    border-color: #444;
    border-radius: 0 !important;
}
.table-adds .release-name,
.table-suggestions .release-name {
    background-color: rgba(0, 0, 0, 0.75);
}
.table-adds td,
.table-adds th,
.table-suggestions td,
.table-suggestions th {
    vertical-align: middle;
}
.table-release td > div,
.table-adds td > div,
.table-suggestions td > div {
    position: relative;
}
.table-adds .note,
.table-suggestions .note {
    color: #000;
    background-color: #fe8;
    text-shadow: none;
    /*background-color: rgba(255, 255, 255, 0.15);
    color: #fe8;*/
    padding: 0 2px;
    /*margin-left: 3px;*/
    border-radius: 3px;
    white-space: nowrap;
}
.table-adds a.user {
    white-space: nowrap;
}
/* -----------------------------------------------------------------------------
    Filter Stored Files
----------------------------------------------------------------------------- */
#filter-stored-files {
    position: absolute;
    padding-bottom: 28px;
    font-size: 10px;
    /*border-radius: 4px;*/
    top: 44px;
    left: -5px;
    right: -5px;
    background-color: rgb(0, 0, 0);
    border: 4px solid rgba(0, 0, 0, 0.25);
}
#filter-stored-files :hover a {
    text-shadow: none !important;
}
#filter-stored-files input {
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 0;
    border: 0 none;
    width: 84px;
    padding: 0 2px;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    color: #ddd;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2);
}
#filter-stored-files input:focus {
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4);
    border: 0 none;
}
#filter-stored-files span {
    position: absolute;
    top: 4px;
    right: 2px;
}
#filter-stored-files ul {
    padding: 0 0 2px 2px;
    margin: 26px -5px 0 0;
}
#filter-stored-files li {
    list-style: none;
    margin: 2px 2px 0 0;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2);
    float: left;
    font-size: 10px;
}
#filter-stored-files li a {
    float: left;
    width: 30px;
    padding: 0 2px;
    text-align: center;
}
#filter-stored-files li:hover {
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4);
}
#filter-stored-files .statusbar {
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    color: #ddd;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2);
}
.toggle-all-visible-files,
.toggle-visible-files {
    margin-right: 5px;
}
.stored-files-sample-filesize,
.unconfirmed-sample-filesize {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 10px;
    line-height: 14px;
    white-space: nowrap;
    padding: 0 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
}
.uploader {
    display: none;
}
.subhover tr:hover .uploader {
    display: inline;
}
.group {
    float: right;
    background-color: #354046;
    padding: 0 3px;
    border-radius: 3px;
}
.group a {
    color: #aeb0af;
}

.download-srr td {
    word-wrap: break-word;
}
select.compact {
    padding: 1px;
    height: 21px;
    line-height: initial;
    font-family: inherit;
    font-size: 11px;
    border-radius: 2px;
}
select.filter-in-use {
    border: 1px solid #7fd8ff;
    background-color: #08c;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
select.filter-in-use option {
    text-shadow: 1px 1px 0 #000 !important;
}
span.filter-in-use {
    border: 1px solid #7fd8ff !important;
    background-color: #08c !important;
}
span.filter-in-use label {
    color: #fff !important;
    text-shadow: 1px 1px 0 #000 !important;
}
.filter-container {
    display: inline-block;
    position: relative;
    padding: 3px;
    height: 13px;
    top: 3px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
}
.filter-container input {
    float: left;
    margin: 0;
}
.filter-container label {
    float: left;
    font-size: 11px;
    line-height: 13px;
    padding-left: 3px;
    color: #555;
}
.user-profile {
    position: absolute;
    padding: 0;
    top: -4px;
    right: -5px;
    width: 40px;
    height: 26px;
}
.user-profile a {
    position: absolute;
    padding: 1px 4px;
    width: 16px;
    height: 16px;
    top: 4px;
    right: 0;
    text-align: right;
}
.user-profile span {
    position: absolute;
    top: 2px;
    left: 2px;
}
.color-1 .user-profile {
    background: linear-gradient(to right, rgba(32, 110, 46, 0) 0%, rgba(32, 110, 46, 1) 50%, rgba(32, 110, 46, 1) 100%);
}
.color-2 .user-profile {
    background: linear-gradient(to right, rgba(204, 83, 12, 0) 0%, rgba(204, 83, 12, 1) 50%, rgba(204, 83, 12, 1) 100%);
}
.table-imdb {
    width: 100%;
}
.table-imdb td {
    vertical-align: top;
}
input.select-all-input {
    font-family: var(--font-monospace);
    font-weight: bold;
    width: 275px;
    background-color: transparent;
    border: 0;
    color: #aeb0af;
    padding: 0;
    margin: 0;
    cursor: pointer;
    max-width: 100%;
}
.missing {
    font-weight: bold;
    color: red;
}
.release-col1 {
    width: 108px;
}
.release-filesize {
    width: 90px;
    font-family: var(--font-monospace);
    font-size: 9pt;
    text-align: right !important; /*why does bootstrap set this fucker?*/
    padding-right: 4px !important; /*why does bootstrap set this fucker?*/
}
.release-crc {
    width: 56px;
    font-family: var(--font-monospace);
    font-size: 9pt;
    text-align: right !important; /*why does bootstrap set this fucker?*/
    padding: 0 5px;
}
.stored-files      .release-crc,
.unconfirmed-files .release-crc,
.suggested-files   .release-crc {
    letter-spacing: -3px;
}
.table-release .disabled {
    opacity: 0.25; /* TODO: Remove once the buttons are functional */
}

.releases-date {
    width: 64px;
}
.releases-size {
    width: 64px;
    /* text-align: right; */
}
.releases-property {
    width: 18px;
    text-align: center;
    font-size: 8px;
}
/* .releases-datetime {
    width: 122px;
} */
table:has(.releases-datetime) td:first-child {
    white-space: nowrap;
}
.alert {
    font-weight: bold;
    margin-bottom: 10px;
}
.alert a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert a:hover,
.alert a:focus {
    color: #005695;
}
.related-releases td {
    word-break: break-all;
}
.login-form {
    position: relative;
}
.login-form * {
    box-sizing: border-box;
}
.login-form .login-username,
.login-form .login-password {
    width: auto;
    height: 32px;
    margin: 5px 75px 4px 0;
    display: block;
}
.login-form .login-username > div,
.login-form .login-password > div {
    margin-left: 70px;
    width: auto;
    height: 32px;
}
.login-form label {
    text-align: right;
    padding-right: 5px;
    font-size: 11px;
    margin: 0;
    width: 70px;
    float: left;
    height: 32px;
    line-height: 30px;
}
.login-form .input-login {
    color: #fff;
    background-color: #515151;
    border-radius: 15px;
    border: 1px solid #111;
    padding: 4px 10px;
    height: 30px;
    width: 100%;
}
.login-form #login-username,
.login-form #login-password {
    width: 100%;
}
.login-form .login-actions {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    overflow: hidden;
}
.login-form .login-actions > div {
    width: 70px;
    height: 32px;
    float: left;
    margin: 0 0 2px;
}
.login-form .login-actions input {
    width: 100%;
}
.login-form .login-actions a {
    float: left;
    padding-left: 5px;
    line-height: 16px;
}
.logged-in-links {
    font-size: 11px;
}
.poll-table {
    width: 100%;
    table-layout: fixed;
}
.stats-bar {
    height: 18px;
    border-radius: 10px;
    background-color: #e3b519;
}
.stats-bar-green {
    background-color: #0d6409;
}
.stats-content {
    position: absolute;
    color: #fff;
    padding-left: 3px;
}
.poll-col1 {
    width: 50%;
}
.poll-col3 {
    text-align: right;
    width: 5%
}
.poll-text-results {
    font-weight: bold;
}
.poll-num-results {
    border-top: 1px solid #fff;
}
.information-list {
    list-style: none;
    margin: 0;
}
#add-file {
    display: inline;
}
[class^="icon-"],
[class*=" icon-"] {
    margin: 0; /*override bootstrap settings*/
}
.icon-13 {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url('/content/gfx/icons-13.gif?42');
}
/* 16x16 Icons
------------------------------------------------------------------------------*/
.icon-16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -1px;
    background-image: url('/content/gfx/icons-16.png?42');
}
.icon-add               { background-position:    0px 0; }
.icon-remove            { background-position:  -16px 0; }
.icon-settings          { background-position:  -32px 0; }
.icon-warning           { background-position:  -48px 0; }
.icon-trash             { background-position:  -64px 0; }
.icon-rename            { background-position:  -80px 0; }
.icon-cross             { background-position:  -96px 0; }
.icon-accept            { background-position: -112px 0; }
.icon-reject            { background-position: -128px 0; }
.icon-save              { background-position: -144px 0; }
.icon-reorder-one       { background-position: -160px 0; }
.icon-reorder-multiple  { background-position: -176px 0; }
.icon-reorder-smart     { background-position: -192px 0; }
.icon-cleanup           { background-position: -208px 0; }
.icon-cleanup-disabled  { background-position: -224px 0; }
.icon-approve           { background-position: -240px 0; }
.icon-checkboxes        { background-position: -256px 0; }
.icon-cancel            { background-position: -272px 0; }
.icon-accept-all        { background-position: -288px 0; }
.icon-reject-all        { background-position: -304px 0; }
.icon-diff              { background-position: -320px 0; }
.icon-replace           { background-position: -336px 0; }
.icon-arrow-transition  { background-position: -352px 0; }
.icon-toggle-expand     { background-position: -368px 0; }
.icon-toggle-collapse   { background-position: -384px 0; }
.icon-to-suggestions    { background-position: -400px 0; }
.icon-download          { background-position: -416px 0; }
.icon-replace-all       { background-position: -432px 0; }
.icon-ellipsis          { background-position: -448px 0; }
.icon-ellipsis-disabled { background-position: -464px 0; }

/* 10x10 Icons
------------------------------------------------------------------------------*/
.icon-10 {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 4px;
    background-image: url('/content/gfx/icons-10.png?42');
}
.icon-10-overlay {
    /* not used yet */
    position: absolute;
    top: 6px;
    left: 7px;
}
.icon-offset-available     { background-position:    0px 0; }
.icon-offset-not-available { background-position:  -10px 0; }

/* Extension Icons (16x16)
------------------------------------------------------------------------------*/
.icon-extension {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -1px; /*find another solution?*/
    background-image: url('/content/gfx/extensions.png?42');
}

/* Images */
.icon-jpeg,
.icon-jpg { background-position:  -20px  -20px; }
.icon-gif,
.icon-png { background-position:  -40px  -20px; }
.icon-bmp { background-position:  -60px  -20px; }

/* Archives */
.icon-rar { background-position:  -20px  -40px; }
.icon-zip { background-position:  -40px  -40px; }
.icon-tar { background-position:  -60px  -40px; }
.icon-7z,
.icon-ace,
.icon-arj,
.icon-lha { background-position:  -80px  -40px; }

/* ASCII Files */
.icon-nfo { background-position:  -20px  -60px; }
.icon-sfv { background-position:  -40px  -60px; }
.icon-m3u { background-position:  -60px  -60px; }
.icon-cue { background-position:  -80px  -60px; }
.icon-diz,
.icon-log,
.icon-txt { background-position: -100px  -60px; }

/* Binary Files */
.icon-exe { background-position:  -20px  -80px; }
.icon-com, /* use bat icon without gears */
.icon-bat { background-position:  -40px  -80px; }
.icon-dll { background-position:  -60px  -80px; }
.icon-dvd { background-position:  -80px  -80px; }
.icon-svf,
.icon-ppf { background-position: -100px  -80px; }
.icon-ips { background-position: -120px  -80px; }
.icon-pdf { background-position: -140px  -80px; }

/* srrDB Specific */
.icon-srr       { background-position: -20px -100px; }
.icon-srs       { background-position: -40px -100px; }
.icon-srs-video { background-position: -60px -100px; }
.icon-mp3,
.icon-srs-audio { background-position: -80px -100px; }
/*----------------------------------------------------------------------------*/
.table-hover tbody tr:hover .subhover,
.table-hover tbody tr:hover .subhover td {
    background-color: transparent;
}
.table-condensed .subhover {
    padding: 0;
}
.subhover tr:hover td {
    background-color: #222 !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.subhover tr.color-0:hover td,
.subhover tr.color-1:hover td,
.subhover tr.color-2:hover td {
    background-color: rgba(0, 0, 0, 0.25) !important;
}
.subhover table {
    min-height: 28px; /*with padding and stuff it will be too small otherwise*/
}
.subhover table td {
    padding-left: 5px;
    vertical-align: middle;
}
.subhover table td.has-folder {
    padding-left: 21px;
}

.table-release .subhover table tr:first-child td {
    padding-top: 4px;
}
.table-release .subhover table tr:last-child td {
    padding-bottom: 4px;
}
.table-release .subhover table tr td:last-child {
    padding-right: 5px;
}

.last-control-group { /*registration form*/
    margin-bottom: 0 !important; /*override bootstrap*/
}
/*----------------------------------------------------------------------------*/
.site-tabs ul {
    width: 100%;
    text-align: center;
}
.site-tabs ul li {
    width: 23%;
    display: inline-block;
    margin-left: 2%
}
.site-tabs ul li:first-child {
    margin-left: 0;
}
.site-tabs ul li a {
    border: 1px solid #fff;
    border-radius: 10px;
}
/*----------------------------------------------------------------------------*/
.view-file::selection {
    background: #069;
    color: #fff;
    text-shadow: none;
}
.view-file {
    font-family: var(--font-monospace);
    line-height: 12.5pt;
    color: #000;
}
.view-nfo,
.view-sfv,
.view-m3u,
.view-cue,
.view-log {
    white-space: nowrap;
}
.view-srs,
.view-srr,
.view-rar,
.view-tar,
.view-zip {
    white-space: pre;
}
/*----------------------------------------------------------------------------*/
.textarea_tool {
    width: 100%;
    height: 300px;
    resize: none;
    margin: 0;
    box-sizing: border-box;
}
#listsort,
#listsearch,
#imdbrating { /*tool buttons*/
    margin-top: 4px;
    margin-bottom: 4px;
}
#releaselist,
#memberlist {
    margin-bottom: 0;
}

/*override bootstrap stuff*/
.table-hover tbody tr:hover td,
.table-hover thead tr:hover th {
    background-color: #222;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.table-hover tbody tr.color-0:hover td,
.table-hover tbody tr.color-1:hover td,
.table-hover tbody tr.color-2:hover td {
    background-color: rgba(0, 0, 0, 0.2);
}
.pagination {
    margin: 0 0 -6px;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #0AF;
    background-color: #222;
}
.pagination ul > li > a,
.pagination ul > li > span {
    background-color: transparent;
}
.pagination a {
    border-color: #666;
}
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #fff;
    background-color: #222;
}

#main > .row-fluid > .span2 {
    width: 140px;
}
#main > .row-fluid > .span10 {
    width: auto;
    float: none;
    margin-left: 160px;
}
@media (max-width: 767px) {
    body .topbar,
    body > .container {
        padding: 0 10px;
    }
    #topbar-content > .span3,
    #topbar-content > .span2 {
        width: 50%;
        float: left;
    }
    .topbar,
    .infobox {
        margin-bottom: 10px;
    }
    #main > .row-fluid > .span2 {
        width: 100%;
    }
    #main > .row-fluid > .span10 {
        width: 100%;
        margin: 0;
    }
}

/*news / popup*/
.ui-dialog-content * {
    box-sizing: border-box;
}
.full-height {
    height: 100%;
}
.dialog-form,
.dialog-form textarea,
.diglog-form input {
    width: 100%;
}
.ui-dialog {
    font-family: var(--font-sans-serif);
    font-size: var(--font-size-medium);
}
.ui-dialog input {
    font-family: var(--font-monospace);
    font-size: var(--font-size-large);
}
.ui-dialog-title {
    font-size: var(--font-size-large);
}
.ui-dialog a:hover,
.ui-dialog a:focus {
    color: #000;
    text-shadow: none;
}
.ui-dialog form {
    margin-top: 10px;
}

/*sorting*/

/* should override: .table-hover thead tr:hover th */
.tablesorter-headerDesc,
.tablesorter-headerAsc {
    background-color: #1d4a6d;
}

.admin-ajax * {
    box-sizing: border-box;
}
.admin-ajax label {
    float: left;
    font: inherit;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 0;
    margin: 0;
    width: 100px;
    text-align: right;
}
.admin-ajax div.input {
    margin: 0 0 0 100px;
}
.admin-ajax input {
    display: block;
    font: inherit;
    border-radius: 2px;
    width: 400px;
    max-width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 1px 3px;
}
.link-button {
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000 !important;
    border-radius: 2px;
    padding: 0 10px 1px;
}
#start.link-button {
    border: 1px solid hsl(93, 82%, 20%);
    background: #5a1 linear-gradient(to top, hsl(93, 82%, 37%) 0%, hsl(87, 100%, 37%) 100%);
}
#start.link-button:active,
#start.link-button:hover {
    background: #5a1 linear-gradient(to top, hsl(93, 82%, 32%) 0%, hsl(87, 100%, 42%) 100%);
}
#stop.link-button {
    border: 1px solid hsl(0, 90%, 20%);
    background: #b00 linear-gradient(to top, hsl(0, 100%, 37%) 0%, hsl(0, 100%, 40%) 100%);
}
#stop.link-button:active,
#stop.link-button:hover {
    background: #5a1 linear-gradient(to top, hsl(0, 100%, 32%) 0%, hsl(0, 100%, 45%) 100%);
}
.link-button + .link-button {
    margin-left: 10px;
}
.admin-ajax > div + div {
    margin-top: 10px;
}
#log-container {
    height: 500px;
    width: 100%;
    line-height: 14px !important;
    overflow: auto;
    background-color: #ff9;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
#log-container b,
#log-container span {
    line-height: 13px !important;
    padding: 0 3px;
    display: inline-block;
    border-radius: 2px;
}
#log-container a.release-name:active,
#log-container a.release-name:focus,
#log-container a.release-name:hover {
    color: #000;
    text-shadow: none;
}
#log-container #log {
    padding: 5px;
    height: 100%;
    color: #000;
    white-space: nowrap;
}
.j-tooltip {
    text-decoration: underline;
    cursor: help;
}
.pre-date-details-list .time {
    white-space: nowrap !important;
}
.pre-date-details-list .section {
    white-space: nowrap !important;
}
.pre-date-details-list .releasename {
    width:100%;
    word-break: break-word;
}
.pre-date-details-list .srr-size {
    white-space: nowrap !important;
    text-align: right;
}