theme.park/CSS/themes/mylar3/mylar3-base.css

@import url("https://theme-park.dev/css/defaults/placeholders.css");

* {
    outline: none !important;
}

/* Variables */
/* Mixins */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    color: var(--text);
    font-size: 12px;
    line-height: 1.5;
}

body {
    background: var(--main-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
    background-size: auto, cover;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    color: var(--text);
    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
}

a {
    color: var(--link-color);
    text-decoration: none;
    outline: none;
}

a:hover {
    color: var(--link-color-hover);
    -text-decoration: underline;
}

a.blue {
    color: blue;
}

a .ui-icon {
    display: inline-block;
    position: relative;
    top: 3px;
}

.links a {
    color: var(--link-color);
    clear: both;
    display: inline-block;
    float: left;
}

.links a:hover {
    color: var(--link-color-hover);
}

.links a .ui-icon {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

p.center {
    text-align: center;
}

p.tab {
    margin-left: 40px;
}

hr {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

small {
    font-size: 100%;
}

norm {
    font-size: 115%;
}

big {
    font-size: 135%;
}

td.thickborder {
    border: solid #000 3px;
}

img.albumArt {
    float: left;
    min-height: 100%;
    min-width: 100%;
    max-width: 300px;
    max-height: 300px;
    position: relative;
}

img.editArt {
    float: left;
    min-height: 50%;
    min-width: 50%;
    max-width: 300px;
    max-height: 300px;
    position: relative;
}

.className {
    width: 500px;
    height: 400px;
    overflow: scroll;
}

.title {
    margin-bottom: 20px;
    margin-top: 10px;
}

.title h1 img {
    float: left;
    margin-right: 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(0, 0, 0, 0.25) !important;
}

table th {
    background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
    background-image: linear-gradient(#fafafa, #eaeaea) !important;
    background-image: -webkit-linear-gradient(#2e333844, #2e33382d) !important;
    background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 1px 0 0 #1c1e22;
    -webkit-box-shadow: 1px 0 0 #1c1e22;
    -o-box-shadow: 1px 0 0 #1c1e22;
    box-shadow: 0px 0 0 #1c1e22;
    -text-shadow: 1px 1px 0 #1c1e22;
    color: var(--text-hover) !important;
}

table th input[type="checkbox"] {
    vertical-align: middle;
}

table th:first-child {
    border-left: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

table th.sorting_desc,
table th.sorting_asc {
    background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important;
    background-image: linear-gradient(#fafbfd, #dce6ef) !important;
    background-image: -webkit-linear-gradient(#484e551a, #3a3f442a) !important;
    background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -color: #4183c4;
}

table td {
    vertical-align: top;
    background: transparent !important;
    color: var(--text-hover);
}

table td a {
    color: var(--link-color);
}

/* datatables */

.paging_full_numbers .paginate_button,
.paging_full_numbers .paginate_active,
.paging_simple_numbers .paginate_button,
.paging_simple_numbers .paginate_active {
    background: var(--button-color);
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 0 4px;
    font-size: 15px;
    padding: 2px 5px;
    color: var(--button-text);
    cursor: pointer;
    *cursor: hand;
}

.paging_full_numbers .paginate_button:hover,
.paging_simple_numbers .paginate_button:hover {
    background-color: var(--button-color-hover);
    color: var(--button-text-hover);
}

.paging_full_numbers .paginate_active,
.paging_simple_numbers .paginate_active {
    background-color: var(--button-color-hover);
    color: var(--button-text-hover);
}


.dataTables_filter input {
    background: none repeat scroll 0 0 rgb(255 255 255 / 10%);
    border: 1px solid rgb(255 255 255 / 10%);
    font-size: 15px;
    padding: 2px 4px;
    color: var(--text);
}

table.display thead th {
    padding: 3px 5px 3px 5px;
    background-color: rgba(0, 0, 0, 0);
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom-width: 3px;
    text-align: center;
}

/* table.display tr.odd {
	background-color: rgba(255, 255, 255, 0.15) !important;
}

table.display tr.even {
	background-color: rgba(255, 255, 255, 0.05) !important;
} */

/* DataTables row classes */
table.display tr.odd.gradeA {
    background-color: rgba(255, 255, 255, 0.15);
}

table.display tr.even.gradeA {
    background-color: rgba(255, 255, 255, 0.05);
}

table.display tr.odd.gradeB {
    background-color: #61925f55;
}

table.display tr.even.gradeB {
    background-color: #61925f55;
}

table.display tr.odd.gradeC {
    background-color: #1a497755;
}

table.display tr.even.gradeC {
    background-color: #1a497755;
}

table.display tr.even.gradeE {
    background-color: #444b5455;
}

table.display tr.odd.gradeE {
    background-color: #444b5455;
}

table.display tr.even.gradeG {
    background-color: #0A0A0A55;
}

table.display tr.odd.gradeG {
    background-color: #0A0A0A55;
}

table.display tr.even.gradeH {
    background-color: #ae343155;
}

table.display tr.odd.gradeH {
    background-color: #ae343155;
}

table.display tr.odd.gradeI {
    background-color: #216f7055;
}

table.display tr.even.gradeI {
    background-color: #216f7055;
}

table.display tr.even.gradeL {
    background-color: #1c518855;
}

table.display tr.odd.gradeL {
    background-color: #ebf5ff55;
}

table.display tr.odd.gradeX {
    background-color: #64171655;
}

table.display tr.even.gradeX {
    background-color: #64171655;
}

table.display tr.odd.gradeU {
    background-color: #382f6455;
}

table.display tr.even.gradeU {
    background-color: #382f6455;
}

table.display tr.odd.gradeP {
    background-color: #68FC6855;
}

table.display tr.even.gradeP {
    background-color: #68FC6855;
}

table.display tr.odd.gradeD {
    background-color: #29813855;
}

table.display tr.even.gradeD {
    background-color: #29813855;
}

table.display tr.odd.gradeZ {
    background-color: #353a4155;
}

table.display tr.even.gradeZ {
    background-color: #2e333855;
}

table.display tr.odd.gradeT {
    background-color: #bd915a55;
}

table.display tr.even.gradeT {
    background-color: #bd915a55;
}

table.display tr.odd.gradeF {
    background-color: #FF585855;
}

table.display tr.even.gradeF {
    background-color: #FF585855;
}

table.display tr.odd.gradeT1 {
    background-color: #FFDDDD55;
}

table.display tr.even.gradeT1 {
    background-color: #FFDDDD55;
}

table.display tr.odd.gradeT2 {
    background-color: #A97D7B55;
}

table.display tr.even.gradeT2 {
    background-color: #A97D7B55;
}


table.display tr.gradeA td,
table.display tr.gradeB td,
table.display tr.gradeC td,
table.display tr.gradeE td,
table.display tr.gradeG td,
table.display tr.gradeH td,
table.display tr.gradeI td,
table.display tr.gradeL td,
table.display tr.gradeX td,
table.display tr.gradeU td,
table.display tr.gradeP td,
table.display tr.gradeD td,
table.display tr.gradeT td,
table.display tr.gradeF td,
table.display tr.gradeT1 td,
table.display tr.gradeT2 td,
table.display tr.gradeZ td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

table.display_no_select tr.gradeA td,
table.display_no_select tr.gradeC td,
table.display_no_select tr.gradeE td,
table.display_no_select tr.gradeG td,
table.display_no_select tr.gradeH td,
table.display_no_select tr.gradeI td,
table.display_no_select tr.gradeL td,
table.display_no_select tr.gradeX td,
table.display_no_select tr.gradeU td,
table.display_no_select tr.gradeP td,
table.display_no_select tr.gradeD td,
table.display_no_select tr.gradeT td,
table.display_no_select tr.gradeF td,
table.display_no_select tr.gradeT1 td,
table.display_no_select tr.gradeT2 td,
table.display_no_select tr.gradeZ td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

table.display_no_select thead th {
    padding: 3px 18px 3px 10px;
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
    font-size: 16px;
}

table.display tr:last-child td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

select,
input,
textarea,
button {
    font: 99%;
}

select {
    background: rgba(255, 255, 255, 0.15);
    color: var(--text);
}

select:focus {
    background: #1f1f1f;
    color: var(--text);
}


#more {
    display: none;
}

textarea {
    overflow: auto;
}

input {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: var(--text);
    padding: 2px 4px;
}

#tabs-1>table>tbody>tr>td:nth-child(1)>form>fieldset {
    margin-left: 5px;
}

input:invalid,
textarea:invalid {
    -moz-box-shadow: 0 0 5px #ff0000;
    -webkit-box-shadow: 0 0 5px #ff0000;
    -o-box-shadow: 0 0 5px #ff0000;
    box-shadow: 0 0 5px #ff0000;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd;
}

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
    cursor: pointer;
}

button,
input,
select,
textarea {
    margin: 0;
}

button {
    overflow: visible;
    width: auto;
}

input,
select,
form .checkbox input,
.configtable td#middle {
    vertical-align: middle;
    text-align: left;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

::-moz-selection,
::selection {
    background: grey;
    color: #fff;
    text-shadow: none;
}

input[type="submit"],
input[type="button"] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: var(--button-color);
    border: 0;
    border-bottom: 1px solid var(--button-color);
    color: var(--button-text);
    cursor: pointer;
    display: inline-block;
    margin-right: 3px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0);
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:active,
input[type="button"]:active {
    background: var(--button-color-hover);
    border-bottom: 1px solid var(--button-color-hover);
    color: var(--button-text-hover);
}

form legend,
form h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

form table {
    width: 100%;
}

form fieldset {
    margin-bottom: 20px;
}

form fieldset small.heading {
    color: var(--text-hover);
    display: block;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: -15px;
}

form .fieldset-auto-width {
    display: inline-block;
}

form .row {
    font-family: Helvetica, Arial;
    margin-bottom: 10px;
}

form .row label {
    display: block;
    float: left;
    font-size: 12px;
    line-height: normal;
    padding-top: 7px;
    width: 175px;
}

form .row input {
    margin-right: 5px;
}

form .row input[type=text],
form .row input[type=password] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid transparent;
    -moz-box-shadow: 0 1px 0 transparent;
    -webkit-box-shadow: 0 1px 0 transparent;
    -o-box-shadow: 0 1px 0 transparent;
    box-shadow: 0 1px 0 transparent;
    -moz-box-shadow: inset 0 1px 1px transparent;
    -webkit-box-shadow: inset 0 1px 1px transparent;
    -o-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent;
    color: var(--text);
    font-size: 14px;
    height: auto;
    line-height: normal;
    max-width: 230px;
    margin-right: 5px;
    padding: 3px 5px;
    background: rgba(255, 255, 255, 0.1);
}

form .row input[type=text]:focus,
form .row input[type=password]:focus {
    background: rgba(255, 255, 255, 0.25);
}

form .row small {
    color: var(--text-muted);
    display: block;
    font-size: 11px;
    line-height: 12px;
    margin-left: 175px;
    margin-top: 3px;
}

form .left label {
    float: none;
    line-height: normal;
    margin-bottom: 10px;
    padding-top: 1px;
    width: auto;
}

form .left input {
    float: left;
    margin-bottom: 10px;
}

form .radio label {
    float: none;
    line-height: normal;
    margin-bottom: 10px;
    padding-top: 1px;
    width: auto;
}

form .radio input {
    float: left;
    margin-bottom: 10px;
}

form .radio small {
    display: inline !important;
    line-height: normal !important;
    margin: 0 !important;
    width: auto;
}

form .checkbox small {
    display: inline !important;
    line-height: normal !important;
    margin: 0 !important;
    width: auto;
}

ul,
ol {
    margin-left: 2em;
}

ol {
    list-style-type: decimal;
}

nav ul,
nav li {
    list-style: none;
    list-style-image: none;
    margin: 0;
}

ul#nav {
    float: right;
    margin: 0;
    padding: 0 0 0 10px;
    border-left: 1px solid #1c1e2200;
    -moz-box-shadow: -1px 0 0 #e0e0e0;
    -webkit-box-shadow: -1px 0 0 #e0e0e0;
    -o-box-shadow: -1px 0 0 #e0e0e0;
    box-shadow: -1px 0 0 #1c1e2200;
    height: 58px;
}

ul#nav li {
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0 0 0;
    text-align: center;
}

ul#nav li a {
    color: rgb(var(--accent-color));
    display: block;
    padding: 7px 15px;
    -text-shadow: 1px 1px 0px #FFF;
    text-transform: capitalize;
    border: 1px solid transparent;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

ul#nav li a:hover {
    background: transparent !important;
    color: var(--accent-color-hover);
    filter: none !important;
    -ms-filter: none !important;
    -border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 transparent;
    -webkit-box-shadow: 0 1px 0 transparent;
    -o-box-shadow: 0 1px 0 transparent;
    box-shadow: 0 1px 0 transparent;
    -moz-box-shadow: 0 1px 0 transparent inset;
    -webkit-box-shadow: 0 1px 0 transparent inset;
    -o-box-shadow: 0 1px 0 transparent inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0) inset;
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}

ul#nav li a.config {
    height: 28px;
    width: 10px;
}

ul#nav li a.config img {
    position: relative;
    top: -7px;
    left: -7px;
}

ul#nav li a.log {
    font-size: 13px;
    padding: 10px 15px 11px;
}

header {
    background: var(--main-bg-color) !important;
    background-repeat: repeat, no-repeat !important;
    background-attachment: fixed, fixed !important;
    background-position: center center, center center !important;
    background-size: auto, cover !important;
    -webkit-background-size: auto, cover !important;
    -moz-background-size: auto, cover !important;
    -o-background-size: auto, cover !important;

    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    border-bottom: 3px solid transparent;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    height: 58px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

header .wrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}

header #logo {
    float: left;
    margin-right: 20px;
    position: relative;
    top: -3px;
    margin-left: 10px;
    opacity: 0.8;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
}

footer {
    display: table;
    margin: 60px auto 50px auto;
    width: 960px;
    padding-top: 10px;
    border-top: 1px solid #EEE;
}

footer div em,
footer div {
    color: var(--text-muted) !important;
}

#main {
    line-height: 24px;
    margin: 0 auto;
    padding: 75px 0 0;
    width: 960px;
}

.message {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
    background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
    background-image: -webkit-linear-gradient(#8c8c8c, #727272) !important;
    background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
}

.message .ui-icon {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

#ajaxMsg {
    -border: 1px solid #000;
    background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
    background-image: linear-gradient(#ffffff, #eeeeee) !important;
    background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
    background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: none;
    font-size: 14px;
    right: 10px;
    -moz-box-shadow: 0px 0px 2px #aaaaaa;
    -webkit-box-shadow: 0px 0px 2px #aaaaaa;
    -o-box-shadow: 0px 0px 2px #aaaaaa;
    box-shadow: 0px 0px 2px #fff;
    padding: 7px 10px;
    position: fixed;
    text-align: center;
    bottom: 10px;
    min-height: 22px;
    width: 250px;
    z-index: 9999;
    filter: alpha(opacity=85);
    -moz-opacity: 0.8 !important;
    -khtml-opacity: 0.8 !important;
    -o-opacity: 0.8 !important;
    opacity: 0.8 !important;
}

#ajaxMsg .msg {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    line-height: normal;
    padding-left: 20px;
}

#ajaxMsg .loader {
    position: relative;
    top: 2px;
}

#ajaxMsg.success {
    background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
    background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
    background-image: -webkit-linear-gradient(#113010, #1c521a) !important;
    background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    padding: 15px 10px;
    text-align: left;
}

#ajaxMsg.error {
    background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
    background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
    background-image: -webkit-linear-gradient(#7a0f0f, #a61212) !important;
    background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    padding: 15px 10px;
    text-align: left;
}

#ajaxMsg .ui-icon {
    display: inline-block;
    margin-left: -20px;
    top: 2px;
    position: relative;
    margin-right: 3px;
}

#updatebar {
    border: 1px solid #1c1e22;
    background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
    background-image: linear-gradient(#ffffff, #eeeeee) !important;
    background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
    background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: none;
    font-size: 14px;
    right: 10px;
    -moz-box-shadow: 0px 0px 2px #aaaaaa;
    -webkit-box-shadow: 0px 0px 2px #aaaaaa;
    -o-box-shadow: 0px 0px 2px #aaaaaa;
    box-shadow: 0px 0px 2px #1c1e22;
    padding: 7px 10px;
    position: fixed;
    text-align: center;
    bottom: 10px;
    min-height: 22px;
    width: 250px;
    z-index: 9999;
    filter: alpha(opacity=85);
    -moz-opacity: 0.8 !important;
    -khtml-opacity: 0.8 !important;
    -o-opacity: 0.8 !important;
    opacity: 0.8 !important;
    display: block;
    background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
    background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
    background-image: -webkit-linear-gradient(#484e55, #3a3f44) !important;
    background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
}

#updatebar .msg {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    line-height: normal;
    padding-left: 20px;
}

#updatebar .loader {
    position: relative;
    top: 2px;
}

#updatebar.success {
    background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
    background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
    background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
    background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    padding: 15px 10px;
    text-align: left;
}

#updatebar.error {
    background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
    background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
    background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
    background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    padding: 15px 10px;
    text-align: left;
}

#updatebar .ui-icon {
    display: inline-block;
    margin-left: -20px;
    top: 2px;
    position: relative;
    margin-right: 3px;
}

#subhead .back {
    float: left;
    margin-top: -25px;
}

#subhead #subhead_container {
    float: right;
    height: 30px;
    list-style-type: none;
    width: 100%;
    z-index: 998;
}

#subhead #subhead_container #subhead_menu {
    float: right;
    margin-top: 5px;
    position: relative;
    z-index: 99;
}

#subhead #subhead_container #subhead_menu a {
    background: var(--button-color) !important;
    color: var(--button-text);
    filter: none !important;
    -ms-filter: none !important;
    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

#subhead #subhead_container #subhead_menu a:hover {
    background: var(--button-color-hover) !important;
    filter: None !important;
    -ms-filter: None !important;
    color: var(--button-text-hover);
    border: inherit !important;
}

div#searchbar {
    border-left: 1px solid transparent;
    -moz-box-shadow: -1px 0 0 #e0e0e0;
    -webkit-box-shadow: -1px 0 0 #e0e0e0;
    -o-box-shadow: -1px 0 0 #e0e0e0;
    box-shadow: -1px 0 0 transparent;
    padding: 17px 0 14px 7px;
    position: absolute;
    left: 90px;
    top: 1px;
}

div#searchbar input[type=text] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid transparent;
    -moz-box-shadow: None;
    -webkit-box-shadow: None;
    -o-box-shadow: None;
    box-shadow: None;
    color: var(--text);
    float: left;
    font-size: 14px;
    height: auto;
    line-height: normal;
    margin-right: 10px;
    padding: 4px 5px 4px 25px;
    width: 150px;
    background: rgba(255, 255, 255, 0.1);
}

div#searchbar .mini-icon {
    height: 20px;
    width: 20px;
    background: url("../../../images/icon_search.gif") left top no-repeat;
    position: absolute;
    display: block;
    margin-left: 6px;
    margin-top: 6px;
}

.checkbox.inline {
    padding: 5px;
}

.checkbox.inline>input {
    margin-right: 5px;
    margin-left: 0;
    color: #ffffff;
}

.Skipped {
    background-color: #353a41;
    height: 30px;
}

.Downloaded {
    background-color: #0d4a0b;
    height: 30px;
}

.Archived {
    background-color: #0d4a0b;
    height: 30px;
}

.Wanted {
    background-color: #641716;
    height: 30px;
}

.WantedTier {
    background-color: #A97D7B;
    height: 30px;
}

.Snatched {
    background-color: #1a4977;
    height: 30px;
}

.Failed {
    background-color: #ff5858;
    height: 30px;
}

.Ignored {
    background-color: #353a41;
    height: 30px;
}

.comictable legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    -text-shadow: 1px 1px 0 #FFFFFF;
}

.comictable tr td:last-child {
    border-left: 1px dotted #ddd;
    padding-left: 20px;
}

.comictable td {
    padding-right: 15px;
}

.configtable legend {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    -text-shadow: 1px 1px 0 #FFFFFF;
}

.configtable tr td:last-child {
    border-left: 1px dotted #ddd;
    padding-left: 20px;
}

.configtable td {
    padding-right: 15px;
    width: 50%;
}

.table_wrapper {
    _height: 302px;
    -background-color: #FFF;
    clear: both;
    margin: 30px auto 0;
    min-height: 100px;
    position: relative;
    width: 100%;
    zoom: 1px;
}

.manage_wrapper {
    _height: 302px;
    clear: both;
    margin: 20px auto 0;
    min-height: 150px;
    padding: 25px;
    width: 88%;
    zoom: 1px;
}

#paddingheader {
    position: relative;
    top: 0px;
}

#paddingheader h1 {
    line-height: 33px;
    /* width: 450px; */
}

#paddingheader h1 img {
    float: left;
    margin-right: 5px;
}

div#nopaddingheader {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

div#seriesheader {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

div#artistheader {
    margin-top: 50px;
    min-height: 200px;
}

div#artistheader #artistImg {
    background: #ffffff url("../../../images/loader_black.gif") center no-repeat;
    border: 5px solid #FFF;
    -moz-box-shadow: 1px 1px 2px 0 #555555;
    -webkit-box-shadow: 1px 1px 2px 0 #555555;
    -o-box-shadow: 1px 1px 2px 0 #555555;
    box-shadow: 1px 1px 2px 0 #555555;
    float: left;
    height: 368px;
    margin-bottom: 50px;
    margin-right: 40px;
    overflow: hidden;
    text-indent: -3000px;
    width: 240px;
}

div#artistheader #artistDetails {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

#artistBio_table {
    padding: 5px;
    width: 650px;
}

#artistBio_table td#bio {
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}

div#artistheader h1 a {
    font-size: 32px;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

div#artistheader h2 a {
    font-style: italic;
    font-weight: bold;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#scheduler_detail th#job {
    width: 50px;
    text-align: center;
}

#scheduler_detail th#nextrun {
    width: 100px;
    text-align: center;
}

#scheduler_detail th#prevrun {
    width: 100px;
    text-align: center;
}

#scheduler_detail th#options {
    width: 100px;
    text-align: center;
}

#scheduler_detail td#job {
    width: 50px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
}

#scheduler_detail td#nextrun {
    width: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#scheduler_detail td#prevrun {
    width: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#scheduler_detail td#options {
    width: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#read_detail th#options {
    min-width: 150px;
    text-align: center;
}

#read_detail th#comicname {
    min-width: 290px;
    text-align: center;
}

#read_detail th#issue {
    max-width: 27px;
    text-align: center;
}

#read_detail th#status {
    max-width: 90px;
    text-align: center;
}

#read_detail th#issuedate {
    max-width: 50px;
    text-align: center;
}

#read_detail th#select {
    max-width: 10px;
    text-align: center;
    vertical-align: middle;
}

#read_detail td#comicname {
    min-width: 290px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#read_detail td#issue {
    max-width: 20px;
    text-align: center;
    vertical-align: middle;
}

#read_detail td#status {
    max-width: 90px;
    text-align: center;
    vertical-align: middle;
}

#read_detail td#issuedate {
    max-width: 50px;
    text-align: center;
    vertical-align: middle;
}

#read_detail td#options {
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
}

#read_detail td#select {
    max-width: 10px;
    text-align: center;
    vertical-align: middle;
}

#storyarcs th#options {
    max-width: 100px;
    text-align: center;
}

#storyarcs th#storyarc {
    max-width: 375px;
    text-align: left;
}

#storyarcs th#years {
    max-width: 60px;
    text-align: center;
}

#storyarcs th#have {
    max-width: 70px;
    text-align: center;
}

#storyarcs td#storyarc {
    min-width: 375px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
}

#storyarcs td#years {
    max-width: 60px;
    text-align: center;
    vertical-align: middle;
}

#storyarcs td#options {
    max-width: 100px;
    text-align: left;
    vertical-align: middle;
}

#storyarcs td#have {
    max-width: 70px;
    text-align: center;
    vertical-align: middle;
}

#arc_detail th#options {
    max-width: 200px;
    text-align: center;
}

#arc_detail th#comicname {
    min-width: 280px;
    text-align: left;
}

#arc_detail th#issue {
    max-width: 25px;
    text-align: center;
}

#arc_detail th#status {
    max-width: 85px;
    text-align: center;
}

#arc_detail th#issuedate {
    max-width: 58px;
    text-align: center;
}

#arc_detail th#readingorder {
    max-width: 15px;
    text-align: right;
    vertical-align: middle;
}

#arc_detail td#comicname {
    min-width: 280px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
}

#arc_detail td#issue {
    max-width: 25px;
    text-align: right;
    vertical-align: middle;
}

#arc_detail td#status {
    max-width: 85px;
    text-align: center;
    vertical-align: middle;
}

#arc_detail td#issuedate {
    max-width: 58px;
    text-align: center;
    vertical-align: middle;
}

#arc_detail td#options {
    max-width: 200px;
    text-align: left;
    vertical-align: middle;
}

#arc_detail td#readingorder {
    max-width: 15px;
    text-align: right;
    vertical-align: middle;
}

#weekly_pull th#publisher {
    min-width: 150px;
    text-align: left;
}

#weekly_pull th#comicname {
    min-width: 250px;
    text-align: left;
}

#weekly_pull th#comicnumber,
#weekly_pull th#status,
#weekly_pull th#series {
    min-width: 50px;
    text-align: center;
}

#weekly_pull td#comicname {
    min-width: 275px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
}

#weekly_pull td#status,
#weekly_pull td#series,
#weekly_pull td#comicnumber {
    min-width: 50px;
    text-align: left;
    vertical-align: middle;
}

#weekly_pull td#publisher {
    min-width: 150px;
    text-align: left;
    vertical-align: middle;
}

#pull_table th#publisher {
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
}

#pull_table th#comicname {
    min-width: 300px;
    text-align: center;
    vertical-align: middle;
}

#pull_table th#comicnumber {
    max-width: 25px;
    text-align: center;
    vertical-align: middle;
}

#pull_table th#status {
    min-width: 30px;
    text-align: center;
    vertical-align: middle;
}

#pull_table th#options {
    min-width: 90px;
    text-align: center;
    vertical-align: middle;
}

#pull_table td#publisher {
    min-width: 100px;
    text-align: left;
    vertical-align: middle;
}

#pull_table td#comicname {
    min-width: 300px;
    text-align: left;
    vertical-align: middle;
}

#pull_table td#comicnumber {
    max-width: 25px;
    text-align: right;
    vertical-align: middle;
}

#pull_table td#status {
    min-width: 30px;
    text-align: center;
    vertical-align: middle;
}

#pull_table td#options {
    min-width: 90px;
    text-align: left;
    vertical-align: middle;
}

#manage_comic th#name {
    min-width: 275px;
    text-align: center;
}

#manage_comic th#latest {
    min-width: 150px;
    text-align: center;
}

#manage_comic th#status,
#manage_comic th#albumart,
#manage_comic th#lastupdated {
    min-width: 50px;
    text-align: center;
}

#manage_comic th#stat_icon {
    max-width: 15px;
    text-align: center;
}

#manage_comic th#have,
#manage_comic th#publisher {
    text-align: center;
}

#manage_comic td#name {
    min-width: 275px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#manage_comic td#status,
#manage_comic td#lastupdated,
#manage_comic td#publisher {
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

#manage_comic td#stat_icon {
    max-width: 15px;
    text-align: center;
    vertical-align: middle;
}

#manage_comic td#latest {
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
}

#manage_comic td#have {
    min-width: 50px;
    text-align: left;
    vertical-align: middle;
}

#manage_issues th#name {
    min-width: 275px;
    text-align: center;
}

#manage_issues th#options {
    min-width: 150px;
    text-align: center;
}

#manage_issues th#select {
    min-width: 10px;
    text-align: center;
    vertical-align: middle;
}

#manage_issues th#status,
#manage_issues th#issue,
#manage_issues th#pubdate,
#manage_issues th#releasedate,
#manage_issues th#int_issue {
    min-width: 50px;
    text-align: center;
}

#manage_issues td#name {
    min-width: 275px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#manage_issues td#select {
    min-width: 10px;
    text-align: center;
    vertical-align: middle;
}

#manage_issues td#status,
#manage_issues td#issue,
#manage_issues td#pubdate,
#manage_issues td#releasedate,
#manage_issues td#int_issue {
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

#manage_issues td#options {
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
}

#manage_failed th#series {
    min-width: 175px;
    text-align: center;
}

#manage_failed th#select {
    min-width: 10px;
    text-align: center;
    vertical-align: middle;
}

#manage_failed th#issue,
#manage_failed th#site,
#manage_failed th#datefailed {
    min-width: 50px;
    text-align: center;
}

#manage_failed th#link {
    min-width: 100px;
    text-align: center;
}

#manage_failed td#series {
    min-width: 175px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
}

#manage_failed td#select {
    min-width: 10px;
    text-align: left;
    vertical-align: middle;
}

#manage_failed td#issue,
#manage_failed td#site,
#manage_failed td#datefailed {
    min-width: 50px;
    text-align: left;
    vertical-align: middle;
}

#manage_failed td#link {
    min-width: 100px;
    text-align: left;
    vertical-align: middle;
}

#series_table {
    background-color: rgba(0, 0, 0, 0);
    padding: 20px;
    width: 100%;
}

#series_table th#publisher {
    max-width: 120px;
    text-align: center;
}

#series_table th#name {
    min-width: 290px;
    text-align: center;
}

#series_table th#year {
    max-width: 25px;
    text-align: center;
}

#series_table th#havepercent,
#series_table th#totalcount {
    max-width: 1px;
    text-align: left;
    display: none;
}

#series_table th#activestatus {
    max-width: 1px;
    text-align: left;
    display: none;
}

#series_table th#active {
    max-width: 35px;
    text-align: center;
}

#series_table th#issue {
    max-width: 30px;
    text-align: center;
}

#series_table th#status {
    max-width: 50px;
    text-align: center;
}

#series_table th#published {
    max-width: 55px;
    text-align: center;
}

#series_table th#have {
    max-width: 80px;
    text-align: center;
    vertical-align: middle;
}

#series_table td#publisher {
    max-width: 120px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    background-color: #353a41;
}

#series_table td#name {
    min-width: 290px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#series_table td#year {
    max-width: 25px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#series_table td#havepercent,
#series_table td#totalcount {
    max-width: 1px;
    text-align: left;
    vertical-align: middle;
    display: none;
}

#series_table td#activestatus {
    max-width: 1px;
    text-align: left;
    vertical-align: middle;
    display: none;
}

#series_table td#active {
    max-width: 35px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#series_table td#issue {
    max-width: 30px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#series_table td#status {
    max-width: 50px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#series_table td#published {
    max-width: 55px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#series_table td#have {
    max-width: 80px;
    text-align: center;
    vertical-align: middle;
    background-color: #353a41;
}

#manageheader {
    margin-top: 45px;
    margin-bottom: 0;
}

#history_table {
    background-color: #FFF;
    font-size: 13px;
    width: 100%;
}

#history_table td#dateadded {
    font-size: 12px;
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
}

#history_table td#filename {
    font-size: 12px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
}

#history_table td#size {
    font-size: 12px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle;
}

#history_table td#status {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

#history_table td#action {
    font-size: 12px;
    max-width: 30px;
    text-align: center;
    vertical-align: middle;
}

#log_table {
    background-color: #FFF;
}

#log_table th#timestamp {
    min-width: 125px;
    text-align: left;
}

#log_table th#level {
    max-width: 60px;
    text-align: left;
}

#log_table th#message {
    min-width: 600px;
    text-align: left;
}

#searchresults_table th#name {
    min-width: 525px;
    text-align: left;
}

#searchresults_table th#comicyear {
    min-width: 50px;
    text-align: left;
}

#searchresults_table th#issues {
    min-width: 50px;
    text-align: left;
}

#searchresults_table th#add {
    min-width: 75px;
    text-align: left;
}

#searchresults_table #artistImg {
    background: url("../../../images/loader_black.gif") no-repeat scroll center center #ffffff;
    border: 3px solid #FFFFFF;
    box-shadow: 1px 1px 2px 0 #555555;
    float: left;
    height: 50px;
    overflow: hidden;
    text-indent: -3000px;
    width: 50px;
}

#searchresults_table td#name {
    min-width: 500px;
    text-align: left;
    vertical-align: middle;
}

#searchresults_table td#comicyear {
    min-width: 50px;
    text-align: left;
    vertical-align: middle;
}

#searchresults_table td#issues {
    min-width: 50px;
    text-align: left;
    vertical-align: middle;
}

#searchresults_table td#add {
    min-width: 75px;
    vertical-align: middle;
}

#searchresults_table td#score .bar {
    width: 100px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    padding: 1px;
    background-color: #FFF;
}

#searchresults_table td#score .bar .score {
    height: 14px;
    color: #343434;
    color: #FFF;
    font-size: 11px;
    vertical-align: middle;
    line-height: normal;
    background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
    background-image: linear-gradient(#a3e532, #90cc2a) !important;
    background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
    background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
}

#impresults_table th#select {
    min-width: 10px;
    text-align: left;

}

#impresults_table th#select input {
    vertical-align: middle;
    min-width: 10px;
}

#impresults_table th#comicname {
    min-width: 325px;
    text-align: left;
}

#impresults_table th#comicyear {
    min-width: 75px;
    text-align: center;
}

#impresults_table th#issues {
    min-width: 25px;
    text-align: center;
}

#impresults_table th#status {
    min-width: 110px;
    text-align: center;
}

#impresults_table th#importdate {
    min-width: 100px;
    text-align: center;
}

#impresults_table th#addcomic {
    min-width: 100px;
    text-align: left;
}

#impresults_table td#select {
    min-width: 10px;
    text-align: middle;
    vertical-align: middle;
}

#impresults_table td#select input {
    min-width: 10px;
    vertical-align: middle;
}

#impresults_table td#comicname {
    min-width: 325px;
    text-align: left;
    vertical-align: middle;
}

#impresults_table td#comicyear {
    min-width: 75px;
    text-align: left;
    vertical-align: middle;
}

#impresults_table td#issues {
    min-width: 25px;
    text-align: left;
    vertical-align: middle;
}

#impresults_table td#status {
    min-width: 110px;
    text-align: left;
    vertical-align: middle;
}

#impresults_table td#importdate {
    min-width: 100px;
    text-align: left;
    vertical-align: middle;
}

#impresults_table td#addcomic {
    min-width: 100px;
    vertical-align: middle;
    text-align: left;
}

#downloads_table th#title {
    max-width: 150px;
    vertical-align: middle;
    text-align: center;
}

#downloads_table th#size {
    max-width: 35px;
    vertical-align: middle;
    text-align: center;
}

#downloads_table th#kind {
    max-width: 20px;
    vertical-align: middle;
    text-align: center;
}

#downloads_table th#provider {
    max-width: 30px;
    vertical-align: middle;
    text-align: center;
}

#downloads_table td#title {
    max-width: 150px;
    vertical-align: middle;
    text-align: left;
}

#downloads_table td#size {
    max-width: 35px;
    vertical-align: middle;
    text-align: left;
}

#downloads_table td#kind {
    max-width: 20px;
    vertical-align: middle;
    text-align: left;
}

#downloads_table td#provider {
    max-width: 30px;
    vertical-align: middle;
    text-align: center;
}

#searchmanage_table th#comicname {
    min-width: 325px;
    text-align: left;
}

#searchmanage_table th#comicpub {
    min-width: 100px;
    text-align: left;
}

#searchmanage_table th#comicissues {
    min-width: 75px;
    text-align: left;
}

#searchmanage_table th#addcomic {
    min-width: 95px;
    text-align: left;
}

#searchmanage_table td#comicname {
    min-width: 325px;
    text-align: left;
    vertical-align: middle;
}

#searchmanage_table td#comicpub {
    min-width: 100px;
    text-align: left;
    vertical-align: middle;
}

#searchmanage_table td#comicissues {
    min-width: 75px;
    text-align: left;
    vertical-align: middle;
}

#searchmanage_table td#addcomic {
    min-width: 95px;
    vertical-align: middle;
}

#queue_table th#qcomicid {
    max-width: 10px;
    text-align: center;
}

#queue_table th#qseries {
    max-width: 475px;
    text-align: center;
}

#queue_table th#qsize {
    max-width: 30px;
    text-align: center;
}

#queue_table th#qprogress {
    max-width: 25px;
    text-align: center;
}

#queue_table th#qstatus {
    max-width: 50px;
    text-align: center;
}

#queue_table th#qdate {
    max-width: 90px;
    text-align: center;
}

#queue_table th#qoptions {
    min-width: 160px;
    text-align: center;
}

#queue_table td#qcomicid {
    max-width: 10px;
    text-align: left;
}

#queue_table td#qseries {
    max-width: 475px;
    text-align: left;
}

#queue_table td#qsize {
    max-width: 30px;
    text-align: center;
}

#queue_table td#qprogress {
    max-width: 25px;
    text-align: center;
}

#queue_table td#qstatus {
    max-width: 50px;
    text-align: center;
}

#queue_table td#qdate {
    min-width: 90px;
    text-align: center;
}

#queue_table td#qoptions {
    min-width: 160px;
    text-align: center;
}

#exceptions_table th#date {
    text-align: center;
    max-width: 20px;
}

#exceptions_table th#line_num {
    text-align: center;
    width: 5px;
}

#exceptions_table th#func_name {
    text-align: center;
    width: 15px;
}

#exceptions_table th#filename {
    text-align: center;
    max-width: 15px;
}

#exceptions_table th#error {
    text-align: center;
    max-width: 40px;
}

#exceptions_table th#times {
    text-align: center;
    max-width: 5px;
}

#exceptions_table th#error_text {
    text-align: center;
    max-width: 50px;
}

#exceptions_table th#options {
    text-align: center;
    max-width: 15px;
}

#exceptions_table td#date {
    vertical-align: middle;
    text-align: left;
    max-width: 20px;
}

#exceptions_table td#line_num {
    vertical-align: middle;
    text-align: left;
    width: 5px;
}

#exceptions_table td#func_name {
    vertical-align: middle;
    text-align: left;
    width: 15px;
}

#exceptions_table td#filename {
    vertical-align: middle;
    text-align: center;
    max-width: 15px;
}

#exceptions_table td#error {
    vertical-align: middle;
    text-align: left;
    max-width: 40px;
}

#exceptions_table td#times {
    vertical-align: middle;
    text-align: left;
    max-width: 5px;
}

#exceptions_table td#error_text {
    vertical-align: middle;
    text-align: left;
    max-width: 50px;
}

#exceptions_table td#options {
    vertical-align: middle;
    text-align: center;
    max-width: 15px;
}

DIV.progress-container {
    position: relative;
    width: 100px;
    height: 18px;
    margin: 2px 5px 2px 2px;
    -border: 1px solid #ccc;
    background-color: #272b30;
    background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9));
    background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9);
    background-image: linear-gradient(to bottom, whiteSmoke, #F9F9F9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #000;
}

DIV.progress-container>DIV {
    background-color: #0EBEED;
    height: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    z-index: 900;
}

.danger>DIV {
    background-color: #DD514C;
    background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#C43C35));
    background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35);
    background-image: -o-linear-gradient(top, #EE5F5B, #C43C35);
    background-image: linear-gradient(to bottom, #EE5F5B, #C43C35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.warning>DIV {
    background-color: #FAA732;
    background-image: -moz-linear-gradient(top, #FBB450, #F89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406));
    background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
    background-image: -o-linear-gradient(top, #FBB450, #F89406);
    background-image: linear-gradient(to bottom, #FBB450, #F89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.complete>DIV {
    background-color: #5EB95E;
    background-image: -moz-linear-gradient(top, #62C462, #57A957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957));
    background-image: -webkit-linear-gradient(top, #62C462, #57A957);
    background-image: -o-linear-gradient(top, #62C462, #57A957);
    background-image: linear-gradient(to bottom, #62C462, #57A957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.missing>DIV {
    background-color: #4BB1CF;
    color: #000;
    background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9));
    background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: -o-linear-gradient(top, #5BC0DE, #339BB9);
    background-image: linear-gradient(to bottom, #5BC0DE, #339BB9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.have {
    font-size: 12px;
    line-height: normal;
    margin-left: 36px;
    padding-bottom: 30px;
    vertical-align: middle;
}

.progressbar-back-text {
    font-size: 12px;
    vertical-align: text-bottom;
    background-color: transparent;
    position: absolute;
    text-align: center;
    width: 100%;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    z-index: 800;
}

.progressbar-front-text {
    font-size: 12px;
    vertical-align: text-bottom;
    background-color: transparent;
    display: block;
    width: 100%;
    position: absolute;
    color: #000000;
    overflow: hidden;
}

#version {
    color: var(--text-muted);
    font-size: 10px;
    position: relative;
    z-index: 999;
    margin: 0px auto;
    text-align: center;
    width: 400px;
}

#backendstatus {
    color: var(--text-muted);
    font-size: 10px;
    position: relative;
    z-index: 999;
    margin: 0px auto;
    text-align: center;
    width: 400px;
}

#donate {
    float: left;
    text-align: left;
}

#actions {
    float: right;
    text-align: right;
    margin-right: 10px;
    margin-top: -5px;
    color: #cccccc;
}

#actions .ui-icon {
    position: relative;
    top: 4px;
    background-image: url("../../../images/ui-icons_70b2e1_256x240.png");
}

#toTop {
    background: url("../../../images/toTop.gif") no-repeat scroll 10px center #1c1e22;
    border-radius: 5px 0 0 0;
    bottom: 0;
    display: none;
    padding: 10px 10px 10px 40px;
    position: fixed;
    right: 0;
}

#shutdown {
    text-align: center;
    vertical-align: middle;
}

#shutdown h1 img {
    position: relative;
    top: 7px;
}

.cloudtag {
    font-size: 16px;
}

.cloudtag #cloud {
    line-height: 1.5em;
    margin: 0;
    padding: 2px;
    text-align: center;
}

.cloudtag #cloud a {
    padding: 0;
}

.cloudtag #cloud a.tag1 {
    font-size: 0.7em;
    font-weight: 100;
}

.cloudtag #cloud a.tag2 {
    font-size: 0.8em;
    font-weight: 200;
}

.cloudtag #cloud a.tag3 {
    font-size: 0.9em;
    font-weight: 300;
}

.cloudtag #cloud a.tag4 {
    font-size: 1em;
    font-weight: 400;
}

.cloudtag #cloud a.tag5 {
    font-size: 1.2em;
    font-weight: 500;
}

.cloudtag #cloud a.tag6 {
    font-size: 1.4em;
    font-weight: 600;
}

.cloudtag #cloud a.tag7 {
    font-size: 1.6em;
    font-weight: bold;
}

.cloudtag #cloud a.tag8 {
    font-size: 1.8em;
    font-weight: 800;
}

.cloudtag #cloud a.tag9 {
    font-size: 2.2em;
    font-weight: 900;
}

.cloudtag #cloud a.tag10 {
    font-size: 2.5em;
    font-weight: 900;
}

.cloudtag #cloud li {
    display: inline-block;
    margin: 5px 10px;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix {
    zoom: 1px;
}

.clearfix:after {
    clear: both;
}

#upcoming_table th#comicname,
#wanted_table th#comicname {
    min-width: 150px;
    text-align: center;
}

#upcoming_table td#select,
#upcoming_table td#status,
#wanted_table td#select,
#wanted_table td#status {
    text-align: center;
    vertical-align: middle;
}

#upcoming_table th#type,
#wanted_table th#type,
#wanted_table th#tier,
#searchresults_table th#score {
    min-width: 75px;
    text-align: center;
}

#wanted_table th#albumart {
    min-width: 50px;
    text-align: center;
}

#upcoming_table th#issuenumber,
#wanted_table th#issuenumber {
    min-width: 50px;
    text-align: center;
}

#upcoming_table th#reldate,
#wanted_table th#reldate {
    min-width: 50px;
    text-align: center;
}

#upcoming_table td#albumart,
#wanted_table td#albumart {
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

#upcoming_table td#comicname,
#wanted_table td#comicname {
    min-width: 200px;
    text-align: center;
    vertical-align: middle;
}

#upcoming_table td#issuenumber,
#wanted_table td#issuenumber {
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

#upcoming_table td#reldate,
#wanted_table td#reldate {
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

#upcoming_table td#type,
#wanted_table td#type,
#wanted_table td#tier,
#searchresults_table td#score {
    min-width: 75px;
    text-align: center;
    vertical-align: middle;
}

table tr td#status a {
    color: #4183c4;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

.ie7 legend {
    margin-left: -7px;
}

/* Mask for background, by default is not display */
#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

/* You can customize to your needs  */
.issue-popup {
    width: 600px;
    display: none;
    background: var(--modal-bg-color);
    padding: 5px;
    border: 2px solid rgba(221, 221, 221, 0);
    color: white;
    font-size: 1.2em;
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 99999;
    text-align: left;
    box-shadow: 0px 0px 20px transparent;
    /* CSS3 */
    -moz-box-shadow: 0px 0px 20px transparent;
    /* Firefox */
    -webkit-box-shadow: 0px 0px 20px transparent;
    /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
    -webkit-border-radius: 3px;
    /* Safari, Chrome */
    ;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

img.btn_close {
    /* Position the close button */
    float: right;
    margin: -28px -28px 0 0;
}

fieldset {
    border: none;
}

img.highqual {
    -ms-interpolation-mode: bicubuic;
}

table#issue_table {
    width: 100%;
    padding: 10px;
}

table#issue_table th#select {
    vertical-align: middle;
    text-align: center;
    max-width: 5px;
}

table#issue_table th#int_issuenumber {
    text-align: left;
    max-width: 10px
}

table#issue_table th#issuenumber {
    text-align: center;
    max-width: 20px;
}

table#issue_table th#issuename {
    text-align: center;
    max-width: 200px;
}

table#issue_table th#reldate {
    text-align: center;
    max-width: 45px;
}

table#issue_table th#status {
    text-align: center;
    max-width: 55px;
}

table#issue_table th#options {
    text-align: center;
    max-width: 120px;
}

table#issue_table td#select {
    vertical-align: middle;
    text-align: center;
    max-width: 5px;
}

table#issue_table td#int_issuenumber {
    vertical-align: middle;
    text-align: left;
    max-width: 10px;
}

table#issue_table td#issuenumber {
    vertical-align: middle;
    text-align: center;
    max-width: 20px;
}

table#issue_table td#issuename {
    vertical-align: middle;
    text-align: center;
    max-width: 250px;
}

table#issue_table td#reldate {
    vertical-align: middle;
    text-align: center;
    max-width: 45px;
}

table#issue_table td#status {
    vertical-align: middle;
    text-align: center;
    max-width: 55px;
}

table#issue_table td#options {
    vertical-align: middle;
    text-align: center;
    max-width: 120px;
}

table#annual_table {
    width: 100%;
    padding: 10px;
}

table#annual_table th#select {
    vertical-align: middle;
    text-align: center;
    max-width: 5px;
}

table#annual_table th#aint_issuenumber {
    text-align: left;
    max-width: 1px
}

table#annual_table th#aissuenumber {
    text-align: center;
    max-width: 20px;
}

table#annual_table th#aissuename {
    text-align: center;
    max-width: 200px;
}

table#annual_table th#areldate {
    text-align: center;
    max-width: 45px;
}

table#annual_table th#astatus {
    text-align: center;
    max-width: 55px;
}

table#annual_table th#aoptions {
    text-align: center;
    max-width: 120px;
}

table#annual_table td#select {
    vertical-align: middle;
    text-align: center;
    max-width: 5px;
}

table#annual_table td#aint_issuenumber {
    vertical-align: middle;
    text-align: left;
    max-width: 1 px;
}

table#annual_table td#aissuenumber {
    vertical-align: middle;
    text-align: center;
    max-width: 20px;
}

table#annual_table td#aissuename {
    vertical-align: middle;
    text-align: center;
    max-width: 200px;
}

table#annual_table td#areldate {
    vertical-align: middle;
    text-align: center;
    max-width: 45px;
}

table#annual_table td#astatus {
    vertical-align: middle;
    text-align: center;
    max-width: 55px;
}

table#annual_table td#aoptions {
    vertical-align: middle;
    text-align: center;
    max-width: 120px;
}

#btn_container {
    float: right;
    height: 30px;
    list-style-type: none;
    width: 100%;
    z-index: 998;
}

#btn_container #btn_menu {
    float: right;
    margin-top: 5px;
    position: relative;
    text-align: right;
    z-index: 99;
}

#btn_container_center {
    float: center;
    height: 30px;
    list-style-type: none;
    width: 100%;
    z-index: 1;
}

#btn_container_center #btn_menu {
    float: center;
    margin-top: 5px;
    position: relative;
    z-index: 1;
}

#btn_menu a {
    background: var(--button-color) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    filter: none !important;
    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: var(--button-text)
}

#btn_container #btn_menu a:hover,
#btn_container_center #btn_menu a:hover {
    background: var(--button-color-hover) !important;
    filter: none !important;
    color: var(--button-text-hover) !important;
    border-color: var(--button-color-hover) !important;
}

input[type="checkbox"]+label.series_metadata_local::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 2ex;
    width: 2ex;
    background-color: white;
    border: 1px solid rgb(166, 166, 166);
    border-radius: 4px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.25);
    margin-right: 0.5em;
}

.outerglow {
    font-family: Helvetica, Arial;
    font-size: 10pt;
    font-weight: bold;
    /* line-height: 2em; */
    /* padding: 0.5em; */
}

.outerglow_shadow_yellow {
    color: #FFFF66;
    text-shadow: 0 0 0.9em #FFFF00;
}

.outerglow_shadow_red {
    color: #FF6666;
    text-shadow: 0 0 0.9em #FF0000;
}

.outerglow_text {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

fieldset.fieldset_header {
    margin: 5px;
    padding: 0px 5px 5px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0);
    padding-top: 5px;
}

figure.item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 100px;
}

.caption.caption {
    display: block;
}


/* ALPHABET SEARCH */

div.alphabet {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 1em;
}

div.alphabet span {
    display: table-cell;
    color: rgb(var(--accent-color));
    cursor: pointer;
    text-align: center;
    width: 3.5%;
}

div.alphabet span:hover {
    text-decoration: underline;
}

div.alphabet span.active {
    color: var(--accent-color-hover);
}

div.alphabet span.empty {
    color: #f44336;
}

div.alphabetInfo {
    display: block;
    position: absolute;
    background-color: #111;
    border-radius: 3px;
    color: white;
    top: 2em;
    height: 1.8em;
    padding-top: 0.4em;
    text-align: center;
    z-index: 1;
}

/* JQUERY UI */
.ui-tabs .ui-tabs-panel {
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgb(var(--accent-color), .2);
    border-color: rgba(255, 255, 255, 0.1);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: rgb(var(--accent-color));
}

.ui-tabs .ui-tabs-nav li {
    background: rgba(255, 255, 255, 0.25);
    color: var(--text);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: var(--text);
}

#tabs .ui-state-default,
#tabs .ui-widget-content .ui-state-default,
#tabs .ui-widget-header .ui-state-default {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#tabs .ui-state-hover,
#tabs .ui-widget-content .ui-state-hover,
#tabs .ui-widget-header .ui-state-hover,
#tabs .ui-state-focus,
#tabs .ui-widget-content .ui-state-focus,
#tabs.ui-widget-header .ui-state-focus {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    background: transparent;
}


.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: var(--modal-bg-color);
    overflow: auto;
    zoom: 1;
}

.ui-widget-header {
    border: 1px solid transparent;
    background: var(--modal-bg-color);
    color: var(--text-hover);
}

body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    border: 2px solid transparent;
    background: var(--modal-bg-color);
    color: var(--text);
}

.ui-state-default .ui-icon {
    background-image: url('data:image/png;base64,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
}

/* LOGIN PAGE */

.bar i, .bar {
    background: transparent !important;
}

.wrap input {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 7px !important;
    margin-bottom: 10px;
}

.wrap button {
    width: 100%;
    border-radius: 7px;
    background: var(--button-color);
    text-decoration: center;
    border: none;
    color: var(--button-text);
    margin-top: 5px;
    padding-top: 14px;
    padding-bottom: 14px;
    outline: none;
    font-size: 13px;
    border-bottom: 3px solid var(--button-color);
    cursor: pointer;
}

.wrap button:hover,
.wrap button:active  {
    background: var(--button-color-hover);
    color: var(--button-text-hover);
    border-bottom: 3px solid var(--button-color-hover);
}

.avatar {
    background: transparent;
}

.avatar img {
    border: 3px solid rgb(var(--accent-color));
}