body{
    background-color: #0c0c0c;
    color: #01aa01;
    font-family: 'Inconsolata';
    font-size: 12pt;
}

img.flip{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

hr{
    border-color: #01aa01;
}

.nav-tabs{
    border-color: #01aa01;
    font-size: 14pt;
}

ul.dropdown-menu{
    font-size: 12pt;
}

.btn{
    font-size: 12pt;
}

select{
    font-size: 12pt;
}

div.thumbnail{
    background-color: inherit;
    border-color: #01aa01;
    padding: 0px;
    width: 252px;
}

div.thumbnail > div.img {
    width: 250px;
    height: 250px;
    border-bottom: 1px solid #01aa01;
    margin-bottom: 5px;
    display: table;
}

div.thumbnail > div.img > a {
    display: table-cell;
    vertical-align: middle;
}

.nav-tabs>li>a{
    border-radius: 0px;
}

.nav-tabs>li>a.dropdown-toggle:after{
    content: "v";
    padding-left: 5px;
    color: #019901;
}

.nav-tabs>li>a.dropdown-toggle:focus:after,
.nav-tabs>li>a.dropdown-toggle:hover:after{
    color: #01ff01;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus{
    background-color: #014401;
    color: #01ff01;
    border-color: #01ee01;
    border-radius: 0px;
}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #016601;
    color: #11ff11;
    border-color: #01ee01;
}

.dropdown-menu{
    background-color: #014401;
    border-radius: 0px;
    border: 1px solid #01ee01;
}

.dropdown-menu>li.divider:before{
    content: "-------------";
    color: #01ee01;
}

.dropdown-menu>li.divider{
    background-color: #014401;
    height: 1em;
    text-align: center;
    margin: 9px auto;
}

.dropdown-menu>li>a:before{
    content: ">";
    padding-right: 20px;
}

.dropdown-menu>li>a{
    background-color: #014401;
    color: #01ee01;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default:focus{
    background-color: #016601;
    color: #01ff01;
}

.open>.dropdown-toggle.btn-default:focus{
    border: 1px solid #01ee01;
}

a{
    color: #01ee01;
}

a:hover, a:focus{
    color: #01ff01;
    font-weight: 550;
}

.form-control{
    border-radius: 0px;
    background-color: #014401;
    color: #01ff01 !important;
    -webkit-text-fill-color: #01ff01 !important;
    border-color: #019901;
}

.form-control:focus{
    border-color: #01ff01;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(1,255,1,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(1,255,1,1);
    box-shadow: 0px 0px 0px 1px rgba(1,255,1,1);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    color: #01ff01 !important;
}

.table tr td,
.table tr th,
.table tr{
    border: 1px solid #01ff01;
    border-top: 1px solid #01ff01;
}

.table tr:nth-child(even){
    background-color: #002200;
}

.table>tbody>tr>th{
    border-top: 1px solid #01ff01;
}

.btn,
.btn:hover,
.btn:focus,
.btn.btn-info,
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default:focus{
    border-radius: 0px;
    border: 1px solid #01aa01;
    background-color: #002200;
    color: #01ee01;
}

.btn:hover,
.btn:focus,
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-default:hover,
.btn.btn-default:focus{
    background-color: #003300;
    outline:none;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus{
    border: 2px solid #01aa01;
    background-color: #004400;
    color: #01ee01;
    font-weight: 500;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus{
    background-color: #005500;
}

.title {
    width: 100%;
    text-align: center;
    border-bottom:  1px solid #01aa01;
    line-height: 0.1em;
    margin: 10px 0 30px;
}
.title span {
    background: #01aa01;
    color: #0c0c0c;
    padding: 5px 10px;
}

.title span::selection,
table.rating tr th::selection,
div.submission-view h1::selection,
div.submission-view .preview a::selection{
    color: #01aa01;
    background: #0c0c0c;
}

.list li{
    display: block;
}

.list li:before{
    content: ">";
    background: #01aa01;
    color: #0c0c0c;
    margin-right: 15px;
}

.alert{
    border-radius: 0px;
    background: #330000;
    color: #aa0101;
    border: 1px solid #aa0101;
}

.alert li{
    display: block;
}

.alert li:before{
    content: ">";
    background: #aa0101;
    color: #330000;
    margin-right: 15px;
}

::selection{
    background: #01ee01;
    color: #000;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span,
ul.pagination{
    border-radius: 0px;
}

ul.pagination>li>a,
ul.pagination>li>span{
    color: #01ff01;
    background: #014401;
    border: 1px solid #01ee01;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #01ff01;
    background: #016601;
    border: 1px solid #01ee01;
}

.pagination>.active>span,
.pagination>.active>span:hover{
    z-index: 2;
    color: #01ff01;
    background: #018801;
    border: 1px solid #01ee01;
}

ul.pagination>.disabled>span{
    color: #01cc01;
    background: #012201;
    border: 1px solid #01aa01;
}

ul.nav>li.nav-label>a,
ul.nav>li.nav-label>a:hover,
ul.nav>li.nav-label>a:focus{
    background-color: #0c0c0c;
    border: 0px solid black;
    border-right: 1px solid #01cc01;
}

.thumbnail{
    border-radius: 0px;
}

.thumbnail .caption{
    color: #01cc01;
    text-align: center;
    position: relative;
}

.thumbnail .caption a h3{
    width: 80%;
    margin: 0 auto;
}

.thumbnail .caption .hamburger{
    position: absolute;
    top: 0px;
    left: 5px;
}

.thumbnail .caption .voting .rating{
    font-weight: bold;
}

.thumbnail .caption .voting .rating.negative{
    color: #cc0101;
}

.voting .vote-btn{
    margin: 0 15px;
}

.voting .vote-btn.active a{
    color: #0c0c0c;
    background: #01cc01;
    font-weight: bold;
}

div.ratings-container {
	height: 402px;
	overflow: hidden;
	border: 1px solid #01ee01;
}

table.rating{
    width: 100%;
    margin: 0 auto;
    font-size: 16pt;
}

table.rating td{
    border: 1px solid #01ee01;
    padding: 8px;
}

table.rating th{
    background-color: #01ee01;
    color: #0c0c0c;
    padding-left: 5px;
}

table.rating td .voting{
    text-align: center;
}

table.rating td .vote-btn{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

table.rating td .rating{
    font-size: 90pt;
    text-align: center;
}

table.rating td .rating.negative{
    color: #ee0101;
}

table.rating td .rating-label{
    text-align: center;
}

div.submission-view h1{
    font-size: 40px;
    background-color: #01ee01;
    color: #0c0c0c;
    padding: 5px;
}

div.submission-view .img {
	position: relative;
	width: 587px;
	display: inline-block;
}

div.submission-view .img .tabs {
	min-width: 100%;
	position: absolute;
	top: 0;
}

div.submission-view .img .slide{
    border: 1px solid #01ff01;
    display: none;
    position: relative;
    width: 587px;
    height: 402px;
}

div.submission-view .img .slide.active{
    display: block;
}

div.submission-view .img a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 585px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

div.submission-view .preview,
div.submission-view .preview a{
	width: 1170px;
    text-align: center;
    background-color: #01ff01;
    color: #0c0c0c;
    font-size: 16pt;
}

div.submission-view .tabs span{
    font-size: 16pt;
    color: #018801;
    background-color: rgba(1, 51, 1, 0.5);
    cursor: pointer;
    border: 1px solid #01ff01;
    padding: 5px 10px;
}

div.submission-view .tabs span.active{
    color: #01ff01;
    background-color: rgba(1, 102, 1, 0.5);
}

div.console{
    border: 1px solid #01ff01;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}

div.console p.error{
    color: #aa0101;
    margin-left: 20px;
}

div.console p.strobe{
    -webkit-animation: blink 100ms infinite; /* Chrome, Safari, Opera */
    animation: blink 100ms infinite;
}

div.console span.blink{
    margin-left: 10px;
    background-color: #01ff01;
    -webkit-animation: blink 1s infinite; /* Chrome, Safari, Opera */
    animation: blink 1s infinite;
}

@keyframes blink {
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

header{
    position: relative;
}

.socials{
    position: absolute;
    top: 15px;
    right: 0px;
}

.socials .social{
    margin-left: 20px;
}

.socials .social img{
    width: 2em;
    height: 2em;
}

.socials .social a {
    text-decoration: none;
}

.dropdown-menu.to-left{
     position: absolute;
     left: -120px;
}

table.wide-table {
    table-layout: fixed;
    word-wrap: break-word;
}

div.unique {
    text-align: center;
}

input.sub-picker{
    display:none;
}

label.sub-picker-label span{
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('/img/theme/check_radio_sheet.png') left top no-repeat;
    cursor:pointer;
}

input.sub-picker:checked + label.sub-picker-label span {
    background:url('/img/theme/check_radio_sheet.png') -19px top no-repeat;
}

.quick-review-btns{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.quick-review-btns a{
    font-size: 20pt;
    border: 1px solid #01aa01;
    padding: 5px;
}

.quick-review-btns a.deny{
    color: #ee0101;
    border: 1px solid #aa0101;
}

.topPost--img {
    width: 100%;
    height: 70vh;
    object-fit: contain;
}

@media only screen and (max-width: 720px) {
    .socials {
        display: none;
    }
    .topPost--img {
        object-fit: unset;
        height: auto;
    }
}