.admin {
	padding: 4px;
	border-radius: 4px;
	background: green;
	margin: 6px;
	width: 200px;
	display: inline-block;
}
.admin.protected {
	background: red;
}
.admin INPUT[type="submit"] {
	width: 100%;
}
.admin.protected INPUT[type="submit"] {
	width: 90%;
}



CODE {
	background: #DEDEDE;
	font-size: 0.8em;
}
BLOCKQUOTE {
	border: 1px solid black;
	padding: 8px;
	background: #DDD;
}
.anchor A.alink {
	visibility: hidden;
}
.anchor:hover A.alink {
	visibility: visible;
}


.comment {
	text-align: left;
	position: relative;
	word-wrap: break-word;
}
.comment IMG {
	max-width: 100%;
}
.comment .info {
	visibility: hidden;
	text-align: center;
	padding: 8px;
	background: #DDD;
	border: 1px solid #CCC;
	position: absolute;
	top: 0;
	left: -195px;
	width: 180px;
	z-index: 1;
	box-shadow: 0 0 4px #000;
	border-radius: 4px;
}
.comment:hover .info {
	visibility: visible;
}

.comment_add TEXTAREA {
	width: 100%;
}
.comment_add INPUT {
	width: 100%;
}

#comment-list-list .blockbody,
#comment-list-recent .blockbody,
#comment-list-image .blockbody,
#comment-list-user .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.command_example {
	margin: 12pt;
	padding-left: 16pt;
}

.command_example pre {
    padding:4pt;
    border: dashed 2px black;
}

.command_example p {
    padding-left: 16pt;
}

@media (min-width: 750px) {
    .command_example pre {
        display: table-cell;
        width: 256px;
    }

    .command_example p {
        display: table-cell;
    }
}


/*noinspection CssRedundantUnit*/
#image-list .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

.setupblocks {
	column-width: 400px;
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
	max-width: 1200px;
	margin: auto;
}
.setupblocks > .setupblock:first-of-type { margin-top: 0; }

.setupblock {
	break-inside: avoid;
	-moz-break-inside: avoid;
	-webkit-break-inside: avoid;
	column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	text-align: center;
	width: 90%;
}
.setupblock TEXTAREA {
	width: 100%;
	font-size: 0.75em;
	resize: vertical;
}

.helpable {
	border-bottom: 1px dashed gray;
}

.ok {
	background: #AFA;
}
.bad {
	background: #FAA;
}

#Setupmain .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}


ARTICLE SELECT {width: 150px;}
INPUT, TEXTAREA {box-sizing: border-box;}
TD>INPUT[type="button"],
TD>INPUT[type="submit"],
TD>INPUT[type="text"],
TD>INPUT[type="password"],
TD>INPUT[type="email"],
TD>SELECT,
TD>TEXTAREA,
TD>BUTTON {width: 100%;}

TABLE.form {width: 300px;}
TABLE.form TD, TABLE.form TH {vertical-align: middle;}
TABLE.form TBODY TD {text-align: left;}
TABLE.form TBODY TH {text-align: right; padding-right: 4px; width: 1%; white-space: nowrap;}
TABLE.form TD + TH {padding-left: 8px;}

*[onclick],
H3[class~="shm-toggler"],
.sortable TH {
	cursor: pointer;
}
IMG {border: none;}
FORM {margin: 0;}
IMG.lazy {display: none;}

#flash {
	background: #FF7;
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px solid #882;
}

#installer {
	background: #EEE;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	width: 512px;
	margin: 16px auto auto;
	border: 1px solid black;
	border-radius: 16px;
}
#installer P {
	padding: 5px;
}
#installer A {
	text-decoration: none;
}
#installer A:hover {
	text-decoration: underline;
}
#installer H1, #installer H3 {
	background: #DDD;
	text-align: center;
	margin: 0;
	padding: 2px;
}
#installer H1 {
	border-radius: 16px 16px 0 0;
}
#installer H3 {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#installer TH {
	text-align: right;
}
#installer INPUT,
#installer SELECT {
	width: 100%;
	box-sizing: border-box;
}

/* Only need to change the file/url inputs */
#large_upload_form INPUT.wid {
	width: 100%;
}
#radio_button {
	width: auto;
}
#wrapper {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

/* This is needed since the theme style.css forcibly sets vertical align to "top". */
TABLE.vert TD, TABLE.vert TH {vertical-align: middle;}
.mini_upload INPUT {
	width: 100%;
}

.setupblocks {
	column-width: 400px;
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
	max-width: 1200px;
	margin: auto;
}
.setupblocks > .setupblock:first-of-type { margin-top: 0; }

.setupblock {
	break-inside: avoid;
	-moz-break-inside: avoid;
	-webkit-break-inside: avoid;
	column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	text-align: center;
	width: 90%;
}
.setupblock TEXTAREA {
	width: 100%;
	font-size: 0.75em;
	resize: vertical;
}

.helpable {
	border-bottom: 1px dashed gray;
}

.ok {
	background: #AFA;
}
.bad {
	background: #FAA;
}

#Setupmain .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}


.js .image_info .edit {
	display: none;
}
.js .image_info .view {
	display: block;
}

.no-js .image_info .edit {
	display: block;
}
.no-js .image_info .view {
	display: none;
}


#Navigationleft .blockbody { overflow: visible; }

.tagit { background: white !important; border: 1px solid grey !important; cursor: text; }
.tagit-choice { cursor: initial; }
input[name=search] ~ input[type=submit] { display: inline-block !important; }

.tag-negative { background: #ff8080 !important; }
.tag-positive { background: #40bf40 !important; }
.tag-metatag   { background: #eaa338 !important; }

.selected {
	outline: 3px solid blue;
}

.bulk_action {
	margin-top: 8pt;
}
.bulk_selector_controls table td {
	width: 33%;
}
table.log th {
	width: 200px;
}
#comicMain {
    background: black;
    color: white;
    font-size: 3em;
}
#comicPageList {
    width: 90%;
}

#comicView {
    display: flex;
    flex-flow: row;
}
#comicView #comicPage {
    flex: 10 auto;
}
#comicView #comicPrev,
#comicView #comicNext {
    flex: 1 auto;
    padding-top: 45%;
}
#comicView .comicPager {
    position: absolute;
    top: 0;
    margin: auto;
}

.audio_image {
	min-width: 300px;
	width: 65%;
}
/* Hide download button as we use our own */
audio::-internal-media-controls-download-button {
    display:none;
}
audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}
audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.note {
	display: block;

	background-color: #FFE;
	border: 1px dashed black;
	overflow: hidden;
	position: absolute;
	z-index: 0;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.notep {
	display: none;
	color: #412a21;
	background-color: #fffdef;
	border: #412a21 1px solid;
	font-size: 8pt;
	margin-top: 0;
	padding: 2px;
	position: absolute;
	width: 175px;
}

#noteform, #noteEditForm {
	display: none;
	position: absolute;
	width: 250px;
}

#noteform textarea, #noteEditForm textarea {
	width: 100%;
}

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url("../../../ext/notes/border-v.gif") repeat-y left top;
}

.imgareaselect-border2 {
    background: url("../../../ext/notes/border-h.gif") repeat-x left top;
}

.imgareaselect-border3 {
    background: url("../../../ext/notes/border-v.gif") repeat-y right top;
}

.imgareaselect-border4 {
    background: url("../../../ext/notes/border-h.gif") repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    /*background-color: #000;*/
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {
}

/* Makes sure the note block is hidden */
section#note_system {
	height: 0;
}
section#note_system > .blockbody {
	padding: 0;
	border: 0;
}

.thumb IMG {
	border-width: 2px !important;
}

.shm-thumb-has_child img {
	border-color: lime !important;
}

.shm-thumb-has_parent img {
	border-color: #cc0 !important;
}

.shm-thumb-has_child.shm-thumb-has_parent img {
	border-color: lime #cc0 #cc0 lime !important;
}

.tagcategoryblock {
	margin:0.6rem 1rem 0.6rem 0;
	padding:0.5rem 0.6rem 0.7rem;
	width:18rem;
	border:1px solid #AAAAAA;
	border-radius:0.25rem;
	display:inline-block;
}
.tagcategoryblock table {
	width:100%;
	border-spacing:0;
}
.tagcategoryblock input, .tagcategoryblock span {
	width:100%;
	height:100%;
}
.tagcategoryblock td:first-child {
	padding:0.3rem 0.7rem 0.4rem 0;
	text-align:right;
	width:40%;
}
.tagcategoryblock td:last-child {
	width:60%;
}
.tagcategoryblock td:last-child span {
	padding:0.24rem 0.7rem 0.5rem 0;
	display:block;
}
.tagcategoryblock button {
	width:100%;
	margin-top:0.4rem;
	padding:0.2rem 0.6rem;
}


@font-face {font-family: rh;src: url("../../../themes/applbooru/rainyhearts.ttf");font-smooth: never;-webkit-font-smoothing : none;}

.noleft{
padding-left:2rem;
}
HEADER {
margin-bottom:0.9rem;
image-rendering: auto; 
}
HEADER #site-title {
padding:0.6rem 2rem 0.25rem;
text-align: center;
display: none;
}
HEADER ul#navbar, HEADER ul#subnavbar {
font-family:Verdana,Helvetica,sans-serif;
font-size:110%;
}
HEADER ul#navbar {
margin:0;
padding:0 1rem 0 2rem;
}
HEADER ul#navbar li {
margin:0;
}
HEADER ul#navbar li a {
display:inline-block;
margin:0 0.15rem;
padding:0.4rem 0.6rem;
color: #eee;
}
HEADER ul#navbar li:first-child a {
margin-left: -0.6rem;
font-style: italic;
font-weight: bold;
}
HEADER ul#navbar li a.current-page {
background-color: #405a78;
border-bottom: none;
font-weight:bold;
border-radius: 10px 10px 0 0;
}
HEADER ul#subnavbar {
margin:0 0 1.5rem;
padding:0 1rem 0 2rem;
border-radius: 10px;
background-color: #405a78;
box-shadow: 0 6px 10px 0 #0000002f;
}
HEADER ul#subnavbar li {
display:inline-block;
margin:0 0.15rem;
padding:0.4rem 0.6rem;
}
HEADER ul#subnavbar li:first-child {
margin-left: -0.6rem;
}
#main_image {
    border-radius: 10px;
}
BODY {
	font-family: rh;
	font-size: 1em;
	background: #FFFFEE url("../../../themes/applbooru/ds540.gif") repeat fixed center;
	image-rendering: pixelated; 
	color: #eee;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-top: 5px;
}

.comment .meta {
    width: 15rem;
    color: #fff8f8 !important;
}
.blockbody, #Videomain h3 {
    text-align: center;    
}

#comment-list-list .blockbody, #comment-list-recent .blockbody, #comment-list-image .blockbody, #comment-list-user .blockbody {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.ranpost {
    width: 100%;
    max-height: 150px;
    object-fit: cover;
    border: 2px dotted #000;
    margin: 0;
}

IMG {
	border: none;
	border-radius: 10px;
	margin: 15px;
	image-rendering: auto;
}

#Imagemain {
	text-align: center;
}

#Random_Postleft, #Featured_Postleft {
    max-width: 100%;
    margin: 0;
}

H1 A {
	text-align: center;
	font-family: rh;
	font-size: 47px;
	color: #72dd3d !important;
}
#subtitle {
	display: none;
}
#site_logo {
    border: none;
}

FOOTER {
	clear: both;
	padding-top: 8px;
	font-size: 0.7em;
	text-align: center;
	display: none;
}

A, A:visited, A:link {text-decoration: none; color: #ffcae7;}
A:hover {text-decoration: underline; color: #ffc239;}
HR {border: none; border-top: 1px solid #D9BFB7; height: 0; clear: both;}

h3 {
margin-top:0;
margin-bottom:0;
padding:0.2rem 0.2rem 0.2rem 0;
font-size:1rem;
}
h4 {
font-size:1.4rem;
}
h5 {
font-size:1.2rem;
}
table.zebra {border-spacing: 0;border-collapse: collapse;}
table.zebra > tbody > tr:hover {background: #FFD;}
table.zebra th { padding-right: 0.4rem;color: #171BB3;}
table.zebra td {margin: 0;padding-right: 0.6rem;border: 1px dotted #EEE;}
table.zebra th {margin: 0;text-align: left;}
thead {
font-weight:bold;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
td {
vertical-align:top;
}
#subtitle {
margin:auto;
width:256px;
border-top:medium none;
text-align:center;
font-size:0.75em;
}
#short-wiki-description {
padding:0 2em;
font-size:1.2em;
}
#short-wiki-description h2 {
padding-bottom:0.2em;
}
FOOTER {
clear:both;
border-top:solid 1px #E7E7F7;
margin-top:1rem;
text-align:center;
color:#555555;
font-size:0.8rem;
}
FOOTER > DIV {
margin: 1rem 2rem;
}
form {
margin:0;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
NAV {
	width: 170px;
	float: left;
	text-align:left;
	background-color: #405a78;
	image-rendering: auto;
	border-radius: 10px;
	box-shadow: 2px 2px 23px 1px #0000004f;
	padding: 10px;
	margin-left: 10px;
}
NAV TABLE {
	width: 150px;
}
NAV TD {
	vertical-align: middle;
}
NAV .blockbody {
    text-align: left;
}
#Searchleft input[type="submit"] {
    width: 100% !important;
    margin-bottom: 8px;
}
#Searchleft h3 {
    margin-bottom: 5px;
}
NAV INPUT {
	width: 100%;
	padding: 5px;
}
NAV SECTION {
    margin-bottom: 5px;
}
NAV SELECT {
	width: 100%;
	padding: 5px;
	margin-bottom: 8px;
}
.image_info.form tbody td {
    text-align: left;
}
NAV H3 {
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 4px;
	margin-top: 4px;
}

TD {
	vertical-align: top;
}

#comments p {
overflow:hidden;
max-width:150px;
width:15rem;
text-align:left;
}
TABLE.tag_list {
	width: auto;
	border-collapse: collapse;
}
TABLE.tag_list>THEAD {
	display: none;
}
TABLE.tag_list>TBODY>TR>TD {
	display: inline;
	padding: 0;
	line-height: 1em;
}
TABLE.tag_list>TBODY>TR>TD:after {
	content: " ";
}
table.zebra > tbody > tr:hover {
    background: #53415e;
}
.tag_count {
display:inline-block;
margin-left:0.4rem;
color:#AAAAAA;
}
.more {
content:"More â";
}
.comment {
margin-bottom:8px;
}
.comment .meta {
width: 15rem;
color: gray;
}
.comment TD {
text-align: left;
vertical-align: baseline;
}
TEXTAREA {
    width: 100%;
    background-color: #63687f;
    border: none;
    border-radius: 10px;
    color: #eee;
    font-size: 16px;
    padding: 7px;
}
.setupblock INPUT {
    margin-bottom: 10px;
}
INPUT, SELECT {
    width: 100%;
    border: none;
    padding: 5px;
    border-radius: 10px;
    background-color: #766795;
    font-size: 16px;
    color: #eee;
}
#blotter1 {
    position: relative;
    margin-right: 16px;
    margin-left: 16px;
    display: none;
    font-size: 90%;
}
#blotter2 {
    margin-right: 16px;
    margin-left: 16px;
    font-size: 16px;
    margin-bottom: 10px;
}
.notep {
    display: none;
    color: #412a21;
    background-color: #fffdef;
    border: #412a21 1px solid;
    margin-top: 0;
    padding: 2px;
    font-size: 16px;
    position: absolute;
    width: 175px;
}
.note {
    display: block;
    background: none;
    border: 2px dashed red;
    overflow: hidden;
    position: absolute;
    border-radius: 24px;
    z-index: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.tagit {
    background: #85819b !important;
    border: none !important;
    cursor: text;
    margin-bottom: 10px;
    border-radius: 6px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #666470 !important;
    border: none !important;
    cursor: text;
    margin-bottom: 10px;
    border-radius: 6px !important;
}
input.ui-widget-content.ui-autocomplete-input {
    background: #85819B !important;
    color: #eee;
    padding-left: 5px !important;
}
.tag-positive {
    background: #9899d2 !important;
    border: none !important;
    border-radius: 10px !important;
}
.ui-state-default .ui-icon {
    background-image: url("../../../themes/applbooru/ui-icons_eeeeee_256x240.png") !important;
    color: #eee;
}
.ui-state-default, .ui-widget-content .ui-state-default {
  font-weight:normal !important;
  color: #eee !important;
}
.withleft {
margin-left:14rem;
image-rendering: auto;
}
div#paginator {
display:block;
clear:both;
font-size: 24px !important;
font-weight: normal !important;
padding:2em 0 1em;
text-align:center;
font-weight:bold;
font-size:1em;
font-family: "MS Gothic", rh !important;
}
#ad_area_desktop, #ad_area_mobile {
    padding-top: 20px;
}
#ad_area_desktop {
    display: block;
}
#ad_area_mobile {
    display: none;
}
#ad_area_side {
    padding-top: 20px;
}
#nbspmain {
    border-radius: 20px;
    padding: 3px;
}
img.avatar.gravatar {
    margin: 0;
}
.paginator {
margin:16px;
font-size: 24px;
text-align:center;
}
div#paginator b {
margin:3px;
padding:4px 8px;
}
div#paginator a {
margin:3px;
padding:4px 8px;
}
div#paginator a:hover {
color:white;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
#Random_Postleft .blockbody, #Featured_Postleft .blockbody {
    height: 135px;
    overflow: hidden;
    border-radius: 10px;
}
#Setupmain h3 {
    text-align: center;
}
#Setupmain TABLE.form {
    width: 100%;
}
#Random_Postleft img, #Featured_Postleft img {
    border-radius: 0;
    height: auto;
    max-width: 150% !important;
    transition: 0.1s;
    margin-left: -15%;
    margin: auto;
}
#Random_Postleft img:hover, #Featured_Postleft img:hover {
    max-width: 160% !important;
}
.setupblocks {
    max-width: 100%;
}
span.thumb {
display: inline-block;
width: 12%;
height: 10%;
text-align: center;
}
span.thumb IMG { 
position: relative;
bottom: 0;
transition: 0.1s;
background: linear-gradient(140deg, rgba(60,76,95,1) 9%, rgba(185,85,137,1) 62%);
}
span.thumb IMG:hover {
    bottom: 7px;
}
#pagelist {
margin-top:32px;
}
#large_upload_form {
width:600px;
}
.setupblock, .tagcategoryblock {
margin:0.6rem 1rem 0.6rem 0;
padding:0.5rem 0.6rem 0.7rem;
width:18rem;
border:1px solid #AAAAAA;
border-radius:0.25rem;
display:inline-block;
}
.tagcategoryblock table {
width:100%;
border-spacing:0;
}
.tagcategoryblock input, .tagcategoryblock span {
width:100%;
height:100%;
}
.tagcategoryblock td:first-child {
padding:0.3rem 0.7rem 0.4rem 0;
text-align:right;
width:40%;
}
.tagcategoryblock td:last-child {
width:60%;
}
.tagcategoryblock td:last-child span {
padding:0.24rem 0.7rem 0.5rem 0;
display:block;
}
.tagcategoryblock button {
width:100%;
margin-top:0.4rem;
padding:0.2rem 0.6rem;
}
.helpable {
border-bottom:1px dashed gray;
}
h3.shm-toggler {
    font-family: "MS Gothic";
    font-size: 14px !important;
}
.ok {
background:#AAFFAA none repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
.bad {
background:#FFAAAA none repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
.comment .username {
font-weight:bold;
font-size:1.5em;
}
HEADER {
text-align:left;
}
HEADER h1 {
text-align:left;
}
* {
margin:0;
padding:0;
font-family:rh;
}
ul.flat-list {
display:block;
margin:0;
padding:0;
}
ul.flat-list * {
display:inline;
text-align:left;
}
ul.flat-list li {
margin:0 1.3em 0 0;
list-style-type:none;
text-align:left;
font-weight:bold;
font-size: 24px;
}
ul.flat-list li a {
font-weight:normal;
color: #eee;
}
#tips {
margin-left:16px;
}
#blotter1 {
position: relative;
margin-right:16px;
margin-left:16px;
font-size: 90%;
}
#blotter2 {
margin-right:16px;
margin-left:16px;
font-size: 90%;
}
#flash {
background:#FDF5D9;
color: #000;
border:1px solid #FCEEC1;
margin:1rem 0;
padding:1rem;
text-align:center;
border-radius:0.5rem;
}
ul.tagit {
 overflow: hidden !important;
}
ARTICLE {
margin-right:1rem;
}
ARTICLE section + section {
margin-top:1rem;
}
form + form {
margin-top:0.5rem;
}
#Imagemain h3 {
display:none;
}

.thumb IMG {
    border-width: 6px !important;
    width: 80%;
    height: auto;
    box-shadow: 0px 9px 23px 1px #0000004f;
}

.setupblock {
	border: 2px dotted #70608b;
	border-radius: 0;
	background-color: #3c4c5f;
	box-shadow: 2px 2px #6a326a;
	padding: 8px;
	margin: 16px;
	width: 350px;
}

INPUT, SELECT {
	font-size: 16.37px;
}
table.image_info.form {
    width: 50% !important;
    margin: auto;
}
TABLE.form TBODY TD {
    text-align: center;
}

FOOTER > DIV {
	color: #eee;
    font-size: 16px;
}
#e7f1fb12787bcf4c183278a6232b4a0dmain .blockbody {
    position: relative;
    bottom: 50px;
}
#comment-list-image h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #0000002f; 
  background: #3c4c5f;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #5a799d; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #405a78; 
}

/* VERIFY CSS */
a.verify_btn {
  background-color: #5075a1;
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 0.5em 0em;
}
a.verify_btn.verify_btn-beta {
  background-color: #895178;
}
#refresh-page, #reset-session {
	transition: 0.1s;
	width: 50%;
}
#refresh-page:hover, #reset-session:hover {
	width: 60%;
}

#age-verify-logo {
	width: 90%;
	pointer-events: none;
}
#verifyarea {
    display: none;
}
.overlay-verify {
  background: #0000002f;
  position: fixed;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(10px);
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 5000;
}

.verify_box {
  background: #3c4c5f;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  bottom: 0;
  font-size: 1.25em;
  font-family: rh !important;
  margin: 0 auto;
  z-index: 5500;
  width: 70%;
  height: 40%;
  display: table;
  border-radius: 19px;
}
.verify_box .verify_box-left, .verify_box .verify_box-right {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 5%;
}

@media (min-width: 54em) {
  .verify_box .verify_box-left, .verify_box .verify_box-right {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
}
.verify_box .verify_box-left p, .verify_box .verify_box-right p {
  position: relative;
  margin-top: 20px;
  font-family: rh !important;
  font-size: 1.25em;
  z-index: 3;
}
.verify_box .verify_box-left {
  background-size: cover;
  color: #fff;
}
.verify_box .verify_box-left img {
  position: relative;
  z-index: 4;
  width: 9em;
}
.verify_box .verify_box-left:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 19px 0 0 19px;
  background-color: rgba(0, 0, 0, 0.4);
}
.verify_box .verify_box-right {
  text-align: center;
}
.verify_box .verify_box-right h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  border-bottom: 1px solid #eee;
  padding-bottom: 1em;
  font-size: 1.3em;
  margin: 0 auto;
}
.verify_box .verify_box-right p {
  color: #fff;
}
.verify_box .verify_box-right small {
  color: #ccc;
}
.verify_box .verify_box-right .verify_btn {
  font-weight: normal;
  letter-spacing: 0.2em;
  padding: 0.9em 1em 0.7em;
  margin: 1em auto;
  display: block;
}

#threadList {
    width: 100%;
    text-align: left;
}
#threadList tbody {
    height: 50px;
}
#threadList td {
    vertical-align: middle;
    padding: 10px;
    font-family: "MS Gothic", rh;
}
#threadList a, #threadList time {
    font-size: 19px;
    font-family: "MS Gothic", rh;
}

@media only screen and (max-width: 768px) {
    BODY {
        width: 100%;
        padding: 0;
        margin: auto;
    }
    #e7f1fb12787bcf4c183278a6232b4a0dmain .blockbody { 
        position: revert;
    }
    HEADER ul#navbar {
    margin: 0;
    padding: 0 1rem 0 2rem;
    display: grid;
}
    #ad_area_mobile {
        display: block;
    }
    TABLE.form {
        width: 100% !important;
    }
    #image-list h3 {
    display: none;
    }
    #ad_area_desktop {
        display: none;
    }
   HEADER ul#subnavbar {
        display: none;
    }
    HEADER ul#navbar li a.current-page {
    border-radius: 10px;
    }
    table.image_info.form {
        width: 100% !important;
    }
    .shm-main-image {
        border: none;
        border-radius: 0;
        max-width: 100% !important;
        padding: 0;
        margin: 0;
    }
    .shm-main-image img {
        padding: 0;
    }
    NAV {
        display: none;
    }
    .withleft {
        width: 90%;
        margin: auto;
    }
    .comment .meta {
    width: 25vw;
    }
    span.thumb {
        width: 100%;
        margin-bottom: 40px;
    }
    span.thumb IMG:hover {
        bottom: 0;
    }
    .thumb IMG {
        height: 100%;
    }
    .verify_box {
        width: 100%;
        position: fixed;
        top: 0;
        height: 50%;
        border-radius: 0;
    }
    .verify_box .verify_box-left, .verify_box .verify_box-right {
        padding: 0;
    }
    .verify_box .verify_box-left:after {
        border-radius: 0;
        background: none;
    }
    .verify_box p {
        width: 90%;
        margin: auto;
    }
    .verify_box .verify_box-left p {
        margin-bottom: 20px;
    }
    .verify_box-right h3 {
        display: none;
    }
}