/*@import url('https://fonts.googleapis.com/css?family=Orbitron');*/
@import url('https://fonts.googleapis.com/css?family=Oswald');
/*Fuck you if you don't like Oswald ;)))*/

@font-face {
	font-family: "VCR";
	src: url("/fonts/vcr.ttf");
}

.catfart {
    display: none;
}

img[alt="christmas"] {
    display: none !important;
}

/* Abu den Hut aufsetzen */
/*img[alt="christmas"] {
    position: absolute;
    top: -5px;
    width: 90px;
    left: -21px;
}

@media (max-width: 48em) {
.navbar-brand > img[alt="christmas"] {
    margin-left: 5px;
    height: 49px;
    margin-top: 0px;
    top: -12px;
    left: -26px;
}
}*/

/* APRILSCHERZ XDDDD */
/*
.panel-body:hover {
    filter: blur(5px);
}

span:hover {
    transform: scaleX(-1);
}

a:hover {
    transform: scaleX(-1);
}
*/

body {
    background-color: #161618;
}

/*body::after {
    bottom: -5px;
    opacity: 1;
    z-index: -1;
    position: fixed !important;
    content: url(https://w0bm.com/rip_w.png);
    right: 5px !important;
}*/

a:focus {
    outline: none;
}

/*body::after {
    position: fixed !important;
    content: url("https://koyaanis.com/i/kawaii2.gif");
    bottom: -5px;
    right: -20px !important;
    left: 0px !important;
    opacity: 1;
    z-index: -1;
}*/

.indexedit input, .indexedit select {
    display: none;
}

div.table {
    display: table;
}
div.tr {
    display: table-row;
}
div.td {
    display: table-cell;
}
div.thead {
    display: table-header-group;
}
div.th {
    display: table-cell;
}
div.tbody {
    display: table-row-group;
}

.catfart {
    position: fixed;
    width: 100px;
    height: 120px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.catfart:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    top: 10px;
    background-image: url("/images/catfart/cut.png");
    transition: transform 0.1s;
}

.catfart.farting:before {
    background-image: url("/images/catfart/cutf.png");
    transform: rotate(-7deg);
    transform-origin: 100% 100%;
}

.flashcontainer {
    position:absolute;
    top:20px;
    opacity: 0.8;
    z-index: 5;
    width: 100%
}
.flashcontainer:empty {
    display:none;
}
.navbar {
    margin-bottom: 0;
}
.navbar-form > .form-group > input{
    background: rgba(32, 32, 32, 0.3);
    color: #c8c8c8;
}
#bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(100px);
    filter:blur(100px);
    transform: translate3d(0, 0, 0);
    z-index: -1;
}

.navbar-inverse {
    background-color: rgba(32, 32, 32, 0.6);
    border: 0;
    z-index: 3;
}
.vertical-align {
    min-height: calc(100% - 50px);
    min-height: calc(100vh - 50px);
    display: flex;
    align-items: center;
}
.wrapper {
    width: 100%;
}
.row {
    width: 100%;
}

.tags {
    width: 350px;
    text-overflow: ellipsis;
    background: rgba(32, 32, 32, 0.6);
}

.comments {
    background: rgba(32, 32, 32, 0.6);
    padding: 0 2px 2px;
    overflow-y: hidden;
    border-right: 0 solid #3F3F3F;
}

.comments p {
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

.comments blockquote {
    color: #80FF00;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: 0;
}
#commentForm textarea {
    color: #c8c8c8;
    background: rgba(90, 88, 88, 0.4) none repeat scroll 0 0;
    height: 2.7em;
    resize: vertical;
    -webkit-transition: height 0.8s;
    -moz-transition: height 0.8s;
    transition: height 0.8s;
}
#commentForm textarea:active, #commentForm textarea:focus, #commentForm textarea:valid {
    height: 8em;
}
a[rel=extern]:after {
    font-family: 'FontAwesome';
    content: "\f08e";
    font-size: 0.8em;
    padding-left: 2px;
}
.navbar-nav > li {
    font-family: Oswald;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #1FB2B0;
}

.nav > li.addtagsy > a {
    padding-top: 10px !important;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #424242;
}

 .panel-footer {
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
 padding: 0 0 8px 15px;
 }

th {
    text-align: center;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    /* padding: 8px; */
    line-height: 1.42857143;
    vertical-align: top;
    /* border-top: 1px solid #282828; */
}

table {
    border-collapse: inherit;
    border-spacing: 10px;
}

td, th {
    padding: 0;
    text-align: center;
}

.table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
    background-color: #0AA400;
}

.version-info {

}

code {
    padding: 0 0;
    font-size: 90%;
    color: #00fff5;
    background-color: #393939;
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.panel-primary {
    border-color: #161618;
}

.panel-default {
    margin-bottom: 2px;
    background-color: rgb(34, 34, 34);
    border: 1px solid rgba(10, 10, 11, 0.46);
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel.panel-default {
	    border: 1px solid #383737;
    }



.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #565656;
    border-color: #F800E3;
    border-radius: 0px;
}

.btn-default:hover {
    color: #ffffff;
    background-color: #2180ac;
    border-color: #1f79a3;
}

.btn-default {
    color: #ffffff;
    background-color: #1FB2B0;
    border-color: #1FB2B0;
}

.panel {
    color: #888888;
    border: 0;
    background-color: rgba(34, 34, 34, 0.8);
    border-radius: 0;
}

.rulez {
       color: #FFFFFF;
}

.btn-default {
    color: #ffffff;
    background-color: #1FB2B0;
    border-color: #1FB2B0;
}

.anim {

    margin: 0;
    animation: color 0.6s linear  infinite !important;
}
    @keyframes color {
            0%   {color:red;}
            25%  {color:yellow;}
            50%  {color:#1FB2B0;}
            75%  {color:#23dd06;}
            100% {color:red;}
            }

    @-webkit-keyframes color {
            0%   {color:red;}
            25%  {color:yellow;}
            50%  {color:#1FB2B0;}
            75%  {color:#23dd06;}
            100% {color:red;}
}

.btnlogin {
    display: inline-block;
    margin: 1px 1px -5px 1px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 13px;
    font-size: 12px;
    line-height: 0.7;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*@keyframes wiggle {
  0% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}

body {
  animation-name: wiggle;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  overflow: hidden;
  animation-timing-function: ease-in-out;
}*/



video:before {
    box-shadow: 0 0 15px #000;
}

.comment_image {
  max-width: 60%;
  max-height: 35%;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 15px;
}

.navbar-default {
    background-color: #1C1C1D;
    border-color: #282828;
}

.navbar-brand > img {
    display: block;
    height: 49px;
    margin-top: -8px;
}

.navbar-nav > li > a {
    padding-top: 13px !important;
    padding-bottom: 15px;
}

.fucklaravel {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 60px;
}

@media (min-width: 768px) {
  .fucklaravel {
    width: 750px;
  }
  .fucklaravel + div > .fucklaravel {
    width: 400px;
  }
  .fucklaravel + div > .flashcontainer > .fucklaravel {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .fucklaravel {
    width: 970px;
  }
  .fucklaravel + div > .fucklaravel {
    width: 620px;
  }
  .fucklaravel + div > .flashcontainer > .fucklaravel {
    width: 620px;
  }
}
@media (min-width: 1200px) {
  .fucklaravel {
    width: 1170px;
  }
  .fucklaravel + div > .fucklaravel {
    width: 820px;
  }
  .fucklaravel + div > .flashcontainer > .fucklaravel {
    width: 820px;
  }
}
@media (min-width: 1550px) {
  .fucklaravel {
    width: 1550px !important;
  }
}

.suchleiste {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #888888;
    background: #1C1C1D none;
    border: 1px solid #1fb2b0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    float: right;
    margin-top: -30px;
}

.suchbutton {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 0.7;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin-top: -30px;
    background: #1FB2B0 none;
}

div.message > div.panel-heading > h3 {
    font-size: 25px;
    margin: 0;
    display: inline;
}

div.message > div.panel-heading {
    display: flex;
    justify-content: space-between;
}

div.message > div.panel-heading > span {
    color: #888;
}

/* SPINNER */
.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.cube1, .cube2 {
    background-color: #333;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

.mitte {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rain {
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}

img.icon[src="/images/icons/watermelon.png"] {
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	margin-left: -3px;
	margin-right: 1px;
}

.rainsmall {
        height:16px;
        width: 16px;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
	margin-left: -3px;
	margin-right: 1px;
}

.dank {
	height: 32px;
	width: 	32px;
	margin-bottom: 6px;
}

.danksmall {
	height: 20px;
	width:  20px;
	margin-bottom: 5px;
}

/*.flinny {
	height: 32px;
	width:  32px;
	margin-bottom: 6px;
}*/

.patoy {
	height: 32px;
	width:  32px;
	margin-bottom: 6px;
}

.patoyklein {
	height: 16px;
	width:  16px;
	margin-bottom: 5px;
}

.flinnysmall {
	height: 16px;
	width:  16px;
	margin-bottom: 5px;
}

.gay {
	height: 32px;
	width:  32px;
	margin-bottom: 2px;
}

.gaysmall {
	height: 16px;
	width:  16px;
	margin-bottom: 2px;
}

.duke {
	height: 32px;
	width:  32px;
	margin-bottom: 2px;
}

.dukesmall {
	height: 16px;
	width:  16px;
	margin-bottom: 2px;
}

ul.navbar-right > li > a > span.badge {
    visibility: hidden;
}

.readall {
	margin-top: -20px;
}

.onigiri {
	margin-bottom: 2px;
}

.bio {
	height: 32px;
	width:  32px;
	margin-bottom: 4px;
}

.biosmall {
	height: 16px;
	width:  16px;
	margin-bottom: 4px;
}

.jkh {
	margin-left: 0px!important;
}

.futter {
	float: left;
	text-align: left;
	word-break: break-word;
	word-wrap: break-word;
	padding-left: 5px;
        display: block;
}

.futter > p {
    margin: 0;
}

.navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
        background: rgba(10, 10, 10, 0.84);
}

.logreg {
	color: #ADADAD;
    	font-family: Oswald;
    	padding-top: 5px !important;
    	font-size: 16px;
}

.eingabe {
	display: block;
	padding: 6px 12px!important;
	background-color: #4a4a4a!important;
	font-size: 14px;
	line-height: 1.42857143;
	color: #fffefe;
	border: 1px solid;
	border-color: #222323;
}

input {
	outline: 0!important;
}

.trennelement {
    	height: 1px;
    	margin: -3px 0;
    	overflow: hidden;
    	background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu {
	border: 6px solid #222222!important;
	padding: 5px 0px!important;
	margin: 6px -5px 0!important;
	border-radius: 0px!important;
}

.erinnerung {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 0;
	margin-left: 4px;
	vertical-align: middle;
}

.cheggbogs {
    	display: inline-block;
    	margin-top: 4px!important;
    	margin-bottom: 0;
    	vertical-align: middle;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 5px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
}

.form-control {
	outline: aqua!important;
	background-color: #3c3a3a;
}

.video-js {
	position: initial;
	background-color: transparent;
	color: #1fb2b0;
}
/*
.video-js .vjs-play-progress {
	background-color: #1fb2b0;
}

.video-js .vjs-volume-level {
	background-color: #1fb2b0;
}


.video-js .vjs-control-bar {
    background: rgba(34, 34, 34, 0.61)
}

.vjs-playback-rate .vjs-playback-rate-value {
    top: -1px;
    left: 1px;
}

.video-js .vjs-time-control {
	font-size: 1.5em;
	line-height: 1.7em;
	top: 1px;
}
*/
.strong-colored strong {
    color: #1FB2B0;
}

/*.video-js .vjs-current-time, .video-js .vjs-time-divider, .video-js .vjs-duration {
    display: block;
}

.video-js .vjs-current-time {
    padding-right: 0px;
}

.video-js .vjs-duration {
    padding-left: 0px;
}

.video-js .vjs-control-bar {
    display: none;
}
*/
.americagay {
	height: 32px;
	width:  32px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.americagaysmall {
	height: 16px;
	width:  16px;
	margin-bottom: 2px;
}

select.form-control, input.form-control {
    background-color: #353434;
}

#dragndrop {
    border: 2px dashed #353434;
    border-radius: 0px;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    padding: 0px;
    background-color: #121214;
    color: #888;
    width: 100%;
    min-height: 150px;
}

#dragndrop-link {
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

#dragndrop-link:hover {
    text-decoration: none;
}

#dragndrop-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    flex-direction: column;
}

#dragndrop-text > video {
    width: 85%;
    margin-top: 5px;
}

.progress {background: rgb(26, 27, 26); border-radius: 0px; height: 20px; width: 85%;}
.progress-bar-custom {background: rgba(47, 196, 47, 1);}
.progress-striped .progress-bar-custom {background-color: rgba(47, 196, 47, 1); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0.15),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255, 255, 255, 0.15)),color-stop(0.75,rgba(255, 255, 255, 0.15)),color-stop(0.75,transparent),to(transparent))); background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-size: 36px 36px;}

#dragndrop-clear {
    color: red;
}

#dragndrop-clear:hover {
    text-decoration: none;
}

.progress-striped {
    margin-bottom: 0px;
}

.upload-info {
    font-size: 1.5rem;
    font-weight: normal;
    word-break: break-all;
    white-space: normal;
    padding-top: 8px;
    padding-bottom: 5px;
}

.row-upload {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.row-upload > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.reich {
	font-family: 'UnifrakturCook', cursive;
	color: #F2F5F4;
	font-size: 18px;
}

#dragndrop-text:hover {
    color: #1fb2b0;
}

.islam {
	background-image: url(https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/1235px-Flag_of_the_United_States.svg.png);
    background-repeat: repeat-x;
    background-size: contain;
}

.911 {
	text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5;
}

img.icon {
    max-height: 1.1em;
    max-width: 1.1em;
    vertical-align: middle;
    margin-bottom: 0.2em;
}

.progress-bar-success {
   background: #0AA400;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #9b9999!important;
}

::-webkit-scrollbar-track-piece {
    background-color: #222222!important;
    width: 10px;
    max-height: 10px!important;
}

::-webkit-scrollbar-thumb {
    width: 15px;
    background: #1fb2b0!important;
}

#submittags {
   font-size: 14px;
   background-color: #363434;
   color: white;
   padding-bottom: 6px;
}

button#submittags:hover {
   background: #575757;
}

.tags {
    /*box-shadow: -13px 0px 10px 5px #000*/
}

/* Deutschland */
.deutsch {
    background-image: -webkit-linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
    background-image: -o-linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
    background-image: -moz-linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
    background-image: linear-gradient(#000000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%);
    width: 100%;

    font-family: 'UnifrakturCook', cursive;
    color: #F2F5F4;
    text-align: center;
    font-size: 1.3em;
    text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}

.default-link {
    color: #fff;
}

.default-link:hover {
    color: #fff;
}

.default-link:focus {
    color: #fff;
}

.tag-panel-body {
   color: #F2F5F4;
   padding: 0px;
}

.toggo {
    background-color: rgba(34, 34, 34, 0);
    border: 0px solid rgba(10, 10, 11, 0);
    padding-bottom: 3px;
    padding-top: 0px;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.label {
    border-radius: 0;
    font-size: 80%;
    word-break: break-all;
    display: inline-table;
    white-space: inherit;
    text-align: left;
}

a.delete-tag.default-link {
    color: #1fb2b0;
    padding-left: 3px;
}

.label-info {
    background-color: #118280;
}

.bootstrap-tagsinput {
    color: #c8c8c8;
    background: rgba(90, 88, 88, 0.4) none repeat scroll 0 0;
    border: none;
    border-radius: 0px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    width: 79%;
    padding: 6px 3px;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    padding-top: 5px;
    vertical-align: middle;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #383737;
    border-color: #1fb2b0;
}

.modal-body > .bootstrap-tagsinput, .col-sm-10 > .bootstrap-tagsinput {
    position: relative;
    width: 100%;
}

.col-sm-10 > .bootstrap-tagsinput {
    background-color: #353434;
    border: 1px solid #282828;
}

/* SCROLL FOO */
#sidebar {
    width: 350px;
    float: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    height: calc(100% - 50px);
    height: calc(100vh - 50px);
}

#sidebar > #motd {
    border: 4px solid #1fb2b0;
    margin-bottom: 1px;
    text-align: center;
    background-color: rgb(34, 34, 34);
    border-radius: 0px;
}

#sidebar > .comments {
    flex-grow: 1;
    overflow-y: scroll;
}

#sidebar > .comments, #sidebar > .tags {
    border-bottom: 1px solid #1fb2b0;
    width: 350px;
}

/* Damit das Logo nicht mehr auf Handys gefickt ist */

@media(max-width:35em) {
	.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
}

@media(max-width:40em) {
	.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
}

@media(max-width:45em) {
	.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
}

@media(max-width:48em) {
	.navbar-brand > img {margin-left: 5px; height: 49px; margin-top: 0px;}
}

/* Fixing Tag height and stuff */
div#tag-display {
    overflow: auto;
    max-height: 4em;
    padding: 2px 2px;
    padding-bottom: 2px;
    border-top: 1px solid #1fb2b0;
    width: 350px;
}

.tagtest {
   padding: 0px 2px;
   display: block;
   height: auto;
}

/* Hiding Tag Scrollbar in Webkit Browsers */
div#tag-display::-webkit-scrollbar {
    display: none;
}

/* Tag Toggle Test!
    #tagcontent {display: none; }
    .tagadd:active + .hidetaginput + #tagcontent  {display: inline;}
    .tagadd:focus + .hidetaginput + #tagcontent {display: inline;}
    .tagadd:valid + .hidetaginput + #tagcontent {display: inline;}

  */

label[for='tag-add-toggle'] {
    color: #1FB2B0;
    padding-top: 10px;
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 0px;
    font-family: Oswald;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

label[for='tag-add-toggle']:hover {
      color: #00fbff;
      text-decoration: none;
  }

#tag-add-toggle {
      display: none;
  }

#tag-add-toggle + #tag-add {
      display: none;
  }

#tag-add-toggle:checked + #tag-add {
      display: block;
  }

  .donationlist {
      max-height: 230px;
      overflow: auto;
      padding-bottom: 0px;
      padding-right: 0px;
      padding-left: 0px;
  }

  .table {
      margin-bottom: 0;
  }

.btn-primary {
    color: #ffffff;
    background-color: #222222;
    border-color: #1FB2B0;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #222222;
    border-color: #1fb2b0;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #383737;
    border-color: #1fb2b0;
}

.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #383737;
    border-color: #1fb2b0;
}

span.addtagsy {
    font-family: Oswald;
    letter-spacing: 0.4px;
    cursor: pointer;
    padding: 5px 5px;
}

span.addtagsy>a {
	    color: #ADADAD;
    }

span.addtagsy>a:hover {
    color: #00fbff;
    text-decoration: none;
    background: #575757;
    padding: 6px 6px;
    margin-left: -6px;
    margin-right: -6px;
}

.tagpanelinfos {
    padding: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
}

div#tag-add {
    margin-bottom: 5px;
}

.tagtest.tagpanelinfos {
    border-right: 2px solid #1fb2b0;
    width: 100%;
    border-bottom: 2px solid #1fb2b0;
    height: 34px;
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}

/* Experimental Mobile Shit xD */
@media (max-width: 767px) {
    #sidebar > #motd {
        border: 3px solid #1fb2b0;
        margin-bottom: 1px;
        text-align: center;
        background-color: rgb(34, 34, 34);
        position: static;
        width: 100%;
        display: none !important;
    }
}
@media (max-width: 767px) {
    #sidebar {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        height: auto !important;
        position: absolute;
        /*top: 545px;*/

        bottom: 0;
        z-index: 2;
    }
}
@media (max-width: 763px) {
    #sidebar {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        height: auto !important;
        position: absolute;
        top: 38em;
        bottom: 0;
        z-index: 2;
    }
}
@media (max-width: 767px) {
    aside.tags.hidden-xs.mCustomScrollbar._mCS_2.mCS-autoHide.mCS_no_scrollbar {
        width: 100%;
    }
}
@media (max-width: 767px) {
    #sidebar > .comments {
        flex-grow: 1;
        overflow-y: visible;
        padding-bottom: 95px;
        width: 100%;
	border-bottom: 2px solid transparent;
    }
}
@media (max-width: 767px) {
    .vertical-align {
        min-height: calc(100% - 50px);
        min-height: calc(100vh - 50px);
        display: flex;
        align-items: baseline;
    }
}
@media (max-width: 690px) {
    .vertical-align {
        min-height: calc(100% - 50px);
        min-height: calc(50vh - 50px);
        display: flex;
        align-items: baseline;
        padding-top: 10px;
	padding-bottom: 10px;
    }
}
@media (max-width: 657px) {
    #sidebar {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        height: auto !important;
        position: absolute;
        top: 35em;
        z-index: 2;
    }
}
@media (max-width: 767px) {
    #sidebar, #motd, #commentForm, .tags, .comments {
        display: block !important;
        background: #1c1c1d;
    }
}
@media (max-width: 360px) {
    #sidebar {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        height: auto !important;
        position: absolute;
        top: 23em;
        z-index: 2;
    }
}
@media (max-width: 360px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}

/* Sidebar Mobile */

@media (max-width: 767px) {
    #sidebar {
        top: 40em;
    }
}
@media (max-width: 694px) {
    #sidebar {
        top: 36em;
    }
}
@media (max-width: 610px) {
    #sidebar {
        top: 33em;
    }
}
@media (max-width: 549px) {
    #sidebar {
        top: 31em;
    }
}
@media (max-width: 548px) {
    #sidebar {
        top: 31em;
    }
}
@media (max-width: 511px) {
    #sidebar {
        top: 29em;
    }
}
@media (max-width: 509px) {
    #sidebar {
        top: 29em;
    }
}
@media (max-width: 448px) {
    #sidebar {
        top: 27em;
    }
}
@media (max-width: 420px) {
    #sidebar {
        top: 26.67em;
    }
}
@media (max-width: 400px) {
    #sidebar {
        top: 26em;
    }
}
@media (max-width: 390px) {
    #sidebar {
        top: 26em;
    }
}
@media (max-width: 367px) {
    #sidebar {
        /*top: 24.6em;*/
	top: 27em;
    }
}
@media (max-width: 360px) {
    #sidebar {
        top: 26.6em;
    }
}
/* Sidebar Mobile Queries END */
/* TAGS MOBILE FIXED */

@media (max-width: 767px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 694px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 610px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 549px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 548px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 511px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 509px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 448px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 420px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 400px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 390px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 367px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
@media (max-width: 360px) {
    #sidebar > .tags {
        border-bottom: 1px solid #1fb2b0;
        width: 100%;
        bottom: 0;
        position: fixed !important;
        background: rgb(22, 22, 24);
        border-top: 1px solid #1fb2b0;
        border-left: 0px solid #1fb2b0;
    }
}
/* END OF MOBILE TAG MEDIA QUERIES */
/* border-top for commentForm (only for mobile devices */
/* Für extreme Bullenscheiße und obsolet empfunden */
/* @media (max-width: 767px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 694px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 610px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 549px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 548px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 511px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 509px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 448px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 420px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 400px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 390px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}
@media (max-width: 367px) {
    #sidebar {
        top: 23em;
    }
}
@media (max-width: 360px) {
    div#commentForm {
        border-top: 2px solid #1fb275;
    }
}

*/

/* Mobile Tag Box width */
@media (max-width: 767px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 694px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 610px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 549px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 548px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 511px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 509px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 448px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 420px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 400px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 390px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 367px) {
    div#tag-display {
        width: 100%;
    }
}
@media (max-width: 360px) {
    div#tag-display {
        width: 100%;
    }
}

/* END OF MOBILE TAG WIDTH */

/* Alerts */
.alert {
	border-radius: 5px;
	margin-bottom: 0px;
}

.alert-danger {
    background-color: #cc000099;
    border-color: #ff002ac7;
    color: #ffffff;
    box-shadow: 0px 0px 9px #d41212;
    text-align: center;
    font-weight: bold;
    font-family: vcr;
    text-transform: uppercase;
}

.alert-success {
    background-color: #008804;
    border-color: #13ff25;
    box-shadow: 0px 0px 5px #18e000;
    text-align: center;
    font-weight: bold;
    font-family: vcr;
    text-transform: uppercase;
}

.flashcontainer {
    position: unset;
    top: 20px;
    opacity: 0.8;
    z-index: 5;
    width: 100%;
}

.register {
    width: 100%;
    display: flex;
    justify-content: center
}

.ulbutton {
	position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 15px;
    float: left;
}

.ulcontainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.uploadheader {
    padding-bottom: 0px;
    margin: 20px 0 20px;
    text-align: center;
}

h3#upheader {
    font-family: monospace;
    font-weight: bold;
    color: #1fb2b0;
    text-shadow: 1px 1px 20px #1fb2b0;
}

.guidelinez {
    background: #353434;
    padding: 5px;
    white-space: normal;
}

p#hguide {
    font-weight: bold;
    color: #fdf8f8;
}

.guidelinez > p {
	color: #ffffff;
}

span#big {
    font-weight: bold;
    color: white;
}

ul#ulguide {
    color: #fdf8f8;
}

input#nsfw {
    vertical-align: top;
    margin: 4px 0 0;
    cursor: pointer;
}

.blah {
    background: #353434;
    padding: 6px 12px;
    border: 1px solid #282828;
}

label#nsfw {
    margin-bottom: 0px;
    cursor: pointer;
    color: #ff0000;
    vertical-align: bottom;
}

div#guidelines {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media (min-width: 1550px) {
.ulcontainer {
    width: 768px !important;
}
}

@media (min-width: 1200px) {
.ulcontainer {
    width: 1170px !important;
}
}

@media (min-width: 992px) {
.ulcontainer {
    width: 970px !important;
}
}

@media (min-width: 768px) {
.ulcontainer {
    width: 750px !important;
}
}

.ultags > .bootstrap-tagsinput {
    position: unset;
    width: 100%;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #000000;
}

.modal-body {
    position: relative;
    min-height: 80px;
    display: flex;
    justify-content: center;
}

input.form-control.usernamelogin {
    width: 300px;
}

input.form-control.passwordlogin {
    width: 300px;
}

.navbar-form {
	border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 rgba(0, 0, 0, 0);
}

p#logincenter {
	text-align: center;
}

@media (max-width: 768px) {
	.navbar-inverse {
        background-color: rgb(22, 22, 24);
        border-bottom: 1px solid #2099ae;
	}
}

@media (max-width: 768px) {
    .flashcontainer {
    top: 5px;
    }
}

input#rememberme {
    vertical-align: sub;
}

span#rember {
    vertical-align: middle;
    color: white;
}

ul.vorteilul {
    background: #000000;
    color: #ff00fc;
    border: 1px solid;
    text-shadow: 0px 0px 10px #fa008b;
    font-family: 'Orbitron', sans-serif;
    box-shadow: 0px 0px 15px 0px #7900ff;
    list-style: korean-hangul-formal;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.nav.navbar-nav {
    display: flex;
    justify-content: center;
}

.panel-danger {
    border: 1px solid red !important;
}

p.vorteile {
    font-weight: bold;
}

.modal-body.frontendeditmodal {
    display: block !important;
}

.caption small {
    background: #3f4442;
    color: white;
    padding: 5px;
    float: right;
    font-size: 0.777em !important;
    line-height: 0.96;
}

.caption h3 {
    font-size: 28px;
    color: white;
    font-weight: bold;
    margin-top: 10px;
}

.thumbnail {
    border-radius: 0;
}

.popover {
    border-radius: 0;
}

/* Neue Pagination */
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #161618;
    background-color: #1fb2b0;
    border-color: transparent;
    cursor: default;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #d4d4d5;
    background-color: rgba(31, 178, 176, 0.47);
    border-color: rgb(31, 178, 176);
}

ul.pagination {
    display: flex;
    justify-content: center;
}
/* Ende der neuen Pagination */

/* Psychedelic w0bm Logo */

/*.navbar-brand {
  animation: colorRotate 3s linear infinite;
}

@keyframes colorRotate {
  100% {
    -webkit-filter: hue-rotate(360deg);
  }
}

body {
  animation: colorRotate 3s linear infinite;
}*/

/* Alucard's persnal friendbox */
.alusexy {
    border: 1px solid #888888;
    padding: 10px;
    background: #0c0c0c;
    font-weight: bold;
}

/* "ADS" */
/*.panel-body.motd::after {
    content: "Non-Profit Advertisement";
    bottom: 0;
    position: relative;
    top: 27px;
    left: -115px;
    right: 0;
    font-size: 9px;
    color: black;
    font-weight: bold;
    background: white;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
}*/

input[type="checkbox"] {
    vertical-align: top;
}

.profilheader {
    display: flex;
    justify-content: space-between;
    font-size: 2rem;
    color: white;
    padding-bottom: 10px;
    background: #2c2c2c;
    padding-top: 10px;
    padding-left: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 2px solid #1fb2b0;
}

blockquote {
    padding: 10px 10px;
    margin: 0 0 10px;
    border-left: 5px solid #282828;
    color: #80FF00;
    word-wrap: break-word;
}

div.notfound {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

img#notfound-img {
    max-width: 100%;
}

div.notfound {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

@media (max-width: 768px) {
img#notfound-img {
    max-width: 100%;
    height: 220px;
}
}

/* Modal Erneuerung [TEST] */
@media (min-width: 768px) {
	.modal-dialog {
    	width: 500px;
    	margin: 30px auto;
	}
}

.modal-content {
    border-radius: 0;
}

form.navbar-form.navbar-right {
    margin-right: 0;
}

input.form-control {
    margin-bottom: 5px;
}

/* Handy fix */
@media (max-width: 690px) {
	.text-center {
    	font-size: 19px;
	display: flex;
    	justify-content: space-between;
	}
}

@media (max-width: 767px) {
	#sidebar > .comments {
    	padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	aside#sidebar::before {
    	content: "Comments";
    	width: 100%;
    	display: flex;
    	justify-content: center;
    	background: #212121;
    	border-top: 1px solid #1fb2b0;
      	border-bottom: 1px solid #1fb2b0;
    	margin-bottom: 5px;
    	color: #eaedec;
	}
}


@media (max-width: 690px) {
	ul.pagination {
  		flex-flow: row wrap;
  }
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #1fb2b0;
    border-color: #3c3c3c;
}

.list-group-item-info {
    background-color: #ff009a;
}

.badge {
	background-color: #1fb2b0;
}

.panel-heading {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

span#jointime {
    float: right;
  	font-size: 1.4em;
  	color: white;
}

.profile-info {
    display: flex;
    justify-content: flex-start;
    font-size: 1.4em;
}

span#count-upload, span#comments-user, span#favs-user {
	margin-right: 5px;
}

span#comments-user > a {
    color: white;
}

span#favs-user > a {
    color: #ff0094;
}

@media (max-width: 690px) {
  span#jointime, .profile-info {
  	font-size: unset;
    text-align: center;
  }

}

@media (max-width: 690px) {
	a.last {
    	position: absolute;
    	top: 0;
    	right: 0;
    	background: #212121;
    	padding-left: 5px;
    	border-bottom-left-radius: 5px;
    	border-bottom: 1px solid #1fb2b0;
    	border-left: 1px solid #1fb2b0;
	}
}

@media (max-width: 690px) {
	a.first {
    	position: absolute;
    	top: 0;
    	left: 0;
      	background: #212121;
    	padding-right: 5px;
    	border-bottom-right-radius: 5px;
    	border-bottom: 1px solid #1fb2b0;
    	border-right: 1px solid #1fb2b0;
	}
}

@media (max-width: 690px) {
  .fucklaravel {
    padding-left: 0;
    padding-right: 0;
    margin: 5px;
  }
}

@media (max-width: 690px) {
	iframe[src="https://observation.stasi.club/index.php?module=CoreAdminHome&action=optOut&language=en"] {
    		width: 100% !important;
    		height: 250px !important;
	}
}

@media (max-width: 690px) {
  table {
  	border-spacing: 5px;
  }
}

@media (max-width: 767px) {
	#sidebar > .comments {
		padding-bottom: calc(4em + 45px);
	}
}

@media (max-width: 690px) {
div#pagination {
    padding: 0;
}
}

h3#index {
    font-size: 2em;
    margin-bottom: 0;
}

@media (max-width: 690px) {
	.navbar-toggle {
		margin-right: 5px;
	}
}

@media (max-width: 690px) {
	td {
		max-width: 40px;
		word-break: break-word;
	}
}

/* FIRE THE FUCKING LAZ0R MOTHERFUCKER! */
#btn-upload:hover {
    background-image: url(/shoop.png);
    background-size: contain;
    background-repeat: no-repeat;

}

#btn-upload:hover > span#laz0r-fire {
    background: aqua;
    position: absolute;
    height: 15px;
    z-index: 0;
    left: 24px;
    box-shadow: -1px 0px 3px 1px white;
    top: 15.44px;
    -webkit-animation-name: shoop;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: infinite;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: calc(100% - 40px);
    font-family: vcr;
}

#btn-upload:hover > span.laz0r {
    z-index: 1;
    font-size: 39px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px #00ffff;
    top: 0px;
    font-family: vcr;
    color: #151013;
}

@-webkit-keyframes shoop {
    0% { top: 16px }
    2% { top: 17px }
    3% { top: 20px }
    10% { top: 17px }
    100% { top: 16px }
}

.kk {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.bannedomg {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 2vh;
    font-family: monospace;
}

video.banvideo {
    margin: 0 auto;
    display: flex;
}

h1#b4nned {
	text-align:center;
}

@media (max-width: 690px) {
    .banwidth {
    	width: 100%;
    }
}

.banned {
    font-weight: bold;
}

.box {
    background: #232222;
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 5px;
    padding-left: 10px;
    overflow: auto;
}

.about-tags {
color: #c8c8c8;
background: rgba(90, 88, 88, 0.4) none repeat scroll 0 0;
border: none;
border-radius: 0px;
padding: 6px 3px;
}

.sponsored {
    text-align: center;
    font-weight: bold;
    color: aliceblue;
    font-family: vcr;
    text-transform: uppercase;
    font-size: 16px;
    background: black;
    border-top: 1px solid #1fb2b0;
}

.sponsor > a {
    color: #ff00fc;
}



.rainbow {
    animation: rainbold 1s linear infinite;
    color: red;
    font-size: 1.5em;
    letter-spacing: 0.33em;
    /*margin-left: 7px;*/
    text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
}
@keyframes rainbold {
    0% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
    14% {
        color: orange;
        text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
    }
    28% {
        color: yellow;
        text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
    }
    43% {
        color: green;
        text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
    }
    57% {
        color: blue;
        text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
    }
    71% {
        color: indigo;
        text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
    }
    85% {
        color: violet;
        text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
    }
    100% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
}
@-moz-keyframes rainbold {
    0% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
    14% {
        color: orange;
        text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
    }
    28% {
        color: yellow;
        text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
    }
    43% {
        color: green;
        text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
    }
    57% {
        color: blue;
        text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
    }
    71% {
        color: indigo;
        text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
    }
    85% {
        color: violet;
        text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
    }
    100% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
}
@-webkit-keyframes rainbold {
    0% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
    14% {
        color: orange;
        text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
    }
    28% {
        color: yellow;
        text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
    }
    43% {
        color: green;
        text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
    }
    57% {
        color: blue;
        text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
    }
    71% {
        color: indigo;
        text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
    }
    85% {
        color: violet;
        text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
    }
    100% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
}

.dropbtn {
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {

    display: none;
    position: absolute;
    min-width: 140px;
    box-shadow: none;
    z-index: 1;

}

.dropdown-content a {
    color: white;
    text-decoration: none;
    display: block;
    background: #383737;
    text-align: left;
    padding: 5px;
    font-size: 14px;
}

.dropdown-content a:hover {
    background-color: #3f3f3f;
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

#dlbutton {
    cursor: pointer;
    text-decoration: none;
    color: #1fb2b0;
}

.popover-content {
    /*padding-bottom: 0px;*/
}

div.downloadvid {
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
}

ul.downloadlist {
    list-style: none;
    padding: 0;
}

.filesize {
    float: right;
    padding-left: 5px;
}

#careful {
    text-shadow: 1px 0px 5px red;
}

nsfw {
    color: #d83b3bcc;
    background: #0a090c;
    border-radius: 5px;
    padding: 2px;
}

nsfw::after {
    content: "NSFW";
}

.copylink {
    border-radius: 5px;
    border: 0;
    color: white;
    padding-right: 5px;
    padding-left: 5px;
}

button.copylink {
    background: transparent;
    color: inherit;
}

button.copylink:active {
    background: #142121;
    outline: 0;
    transition: all 2s ease-in-out;
}

button.copylink:focus {
    outline: 0;
    background: #142121;
    transition: all .4s ease;
}

button.copylink:hover {
    background: #142121;
    transition: all 2s ease;
}

button.copylink:focus:after {
    content: "✔";
    position: relative;
    color: lime;
    left: 3px;
    top: -2px;
    transition: all .5s ease;
    font-size: 14px;
}

button.copylink:not(:focus) {
    transition: all .5s ease-out;
}

@keyframes success {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes success-mobile {
    from { top: 0; z-index: -1; }
    to { top: -13; }
}

@media (max-width: 767px) {
    button.copylink:focus:after {
        left: 3px;
        font-size: 10px;
        top: -4px;
        transition: all .5s ease;
        animation-name: success-mobile;
        animation-duration: .5s;
    }
}

.spoiler {
    background: black;
    color: black;
    font-family: monospace;
    padding-left: 2px;
    padding-right: 2px;
}

.spoiler:hover {
    color: white;
    transition: all .2s ease-in-out;
}

a:hover, a:focus {
    color: #1fb2b0;
    text-decoration: underline;
}

button#togglebg {
    background: transparent;
    border: 0;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

button#togglebg:active {
    background: #353512;
    outline: 0;
    transition: all 2s ease-in-out;
}

button#togglebg:focus {
    outline: 0;
    background: #142121;
    transition: all .4s ease;
}

button#togglebg:hover {
    background: #142121;
    transition: all 2s ease;
}

button#togglebg:not(:focus) {
    transition: all .5s ease-out;
}

button#toggle {
    background: transparent;
    border: 0;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

button#toggle:active {
    background: #353512;
    outline: 0;
    transition: all 2s ease-in-out;
}

button#toggle:focus {
    outline: 0;
    background: #142121;
    transition: all .4s ease;
}

button#toggle:hover {
    background: #142121;
    transition: all 2s ease;
}

button#toggle:not(:focus) {
    transition: all .5s ease-out;
}

span.videoinfo {
    background: #21292f;
    border-radius: 5px;
    padding: 5px;
}

button#dlbutton {
    background: transparent;
    border: 0;
    border-radius: 5px;
    padding: 5px;
}

button#dlbutton:active {
    background: #142121;
    outline: 0;
    transition: all 2s ease-in-out;
}

button#dlbutton:focus {
    outline: 0;
    background: #142121;
    transition: all .4s ease;
}

button#dlbutton:hover {
    background: #142121;
    transition: all 2s ease;
}

button#dlbutton:not(:focus) {
    transition: all .5s ease-out;
}

/* FAV */

button#favbutton {
    background: transparent;
    border: 0;
    border-radius: 5px;
}

button#favbutton:active {
    background: #142121;
    outline: 0;
    transition: all 2s ease-in-out;
}

button#favbutton:focus {
    outline: 0;
    background: #142121;
    transition: all .4s ease;
}

button#favbutton:hover {
    background: #142121;
    transition: all 2s ease;
}

button#favbutton:not(:focus) {
    transition: all .5s ease-out;
}

/* Infobutton */
button#infobox {
    background: transparent;
    border: 0;
    border-radius: 5px;
    padding: 5px;
}

button#infobox:active {
    background: #142121;
    outline: 0;
    transition: all 2s ease-in-out;
}

button#infobox:focus {
    outline: 0;
    background: #142121;
    transition: all .4s ease;
}

button#infobox:hover {
    background: #142121;
    transition: all 2s ease;
}

button#infobox:not(:focus) {
    transition: all .5s ease-out;
}

.favbutton {
    position: relative;
    display: inline-block;
}

.vidinfo {
    text-align: center;
    color: rgb(31, 178, 176);
    position: relative;
    top: 10px;
    font-family: "Oswald",sans-serif;
    font-size: 16px;
}

/* onclick css menu */
.onclick-menu {
    position: relative;
    display: inline-block;
}
.onclick-menu:before {
    content: "?";
}
.onclick-menu:focus {
    pointer-events: none;
}

.onclick-menu:focus .onclick-menu-content {
    opacity: 1;
    visibility: visible;
}

.onclick-menu-content {
    pointer-events: auto;
    position: absolute;
    z-index: 1;
    width: 40em;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;
    -moz-transition: visibility 0.5s;
    -webkit-transition: visibility 0.5s;
    -o-transition: visibility 0.5s;
}

.onclick-menu.no-pointer-events {
    pointer-events: auto !important;
}

.onclick-menu.no-visibility .onclick-menu-content {
    visibility: visible !important;
    display: none;
}

.onclick-menu.no-visibility:focus .onclick-menu-content {
    display: block;
}

.onclick-menu.no-opacity .onclick-menu-content {
    opacity: 1 !important;
}

/*
Eye candy 
( colors courtesy of https://kuler.adobe.com/try-color-theme-3350110 )
*/
.onclick-menu {
    padding: 0;
    margin: 0 0 0 0;
    outline: 0;
}
.onclick-menu:before {
    padding: 5px 10px;
    color: #1fb2b0;
    font-weight: bold;
    cursor: pointer;
}
.onclick-menu-content {
    background-color: #21292f;
    margin-top: 10px;
    margin-left: -6px;
    padding: 10px;
}

/* arrow for the expanding part */
.onclick-menu-content:before {
    content: "";
    width: 0;
    height: 0;

    border-bottom: 10px solid #b1b1b1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    position: absolute;
    top: -10px;
}

.onclick-menu-content li {
    color: #f2f5e9;
    list-style-type: none;
    white-space: pre-line;
}

/* style the buttons */
.onclick-menu-content button {
    background: transparent;
    border: none;
    color: inherit;
    cursor: inherit;
    outline: 0;
    cursor: pointer;
}
.onclick-menu-content button:hover {
    color: #ff8c31;
}

@media (max-width: 767px) {
    .onclick-menu {
        display: none;
    }
}

@media (max-width: 767px) {
    .vidinfo {
        background: #21292f;
        border-radius: 5px;
    }

    span.videoinfo {
        background: transparent;
    }

    time.timeago {
        display: inline-block;
    }
}

a.delete_video, a.edit_video {
    font-size: 13px;
    color: #ffff;
}

a.delete_comment, a.edit_comment {
    font-size: 12px;
    color: white;
    float: right;
    padding-right: 5px;
}

a.saveCommentEdit, a.abortCommentEdit {
    font-size: 12px;
    color: white;
    float: right;
    padding-right: 5px;
}

amount {
    color: #1fb2b0;
}

p {
	word-wrap: break-word;
}

.reg_wrapper {
    padding: 10px;
    background: #1a1a1b;
    margin: 5px;
    border-radius: 5px;
}

.advantages {
    padding: 10px;
    background: #21292f;
    margin: 5px;
    border-radius: 5px;
    color: aliceblue;
}

#registermodal, #loginmodal {
    padding-left: 0px !important;
}

.login_wrapper {
    padding: 10px;
    background: #1a1a1b;
    margin: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    #btn-upload:hover > span.laz0r {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .aside + div > .container {
        width: 100%;
    }
}

a.file_size {
	color: white;
}

.comment_emoji {
    max-width: 80px;
    max-height: 80px;
    vertical-align: text-bottom;
}

.comment_emoji_small {
    height: 50px;
    width: auto;
    margin-right: 5px;
    background: #6c6c7b;
    border-radius: 5px;
    vertical-align: super;
    margin-bottom: 5px;
}

.emojis {
    margin-left: 5px;
    margin-right: 5px;
    white-space: nowrap;
}

#parent {
    background: #21292f;
    border-radius: 5px;
    border: 1px solid #1fb2b0;
    padding: 5px;
    cursor: pointer;
}

.emoji-shit, .header {
    display: inline;
    cursor: pointer;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #73859f;
    border-radius: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.visible:before {
    opacity: 0.8;
    transition: opacity 0 linear;
}

.simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 0;
    right: 0;
}

.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    left: auto;
    top: auto;
    height: 14px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

.whatanime {
    background: rgb(33, 41, 47);
    color: white;
    text-align: center;
    border-radius: 5px;
}

.anime-thumb-opener {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1;
    background: #21292f;
    border-radius: 98px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 2px solid #1fb2b0;
    color: white;
}

.anime-thumb {
    position: absolute;
    border: 2px solid black;
    background: #21292f;
    text-align: left;
    font-family: monospace;
    font-size: 13px;
    width: 324px;
    top: 10px;
    right: 10px;
    padding: 10px;
}

img#thumbnail_img {
    max-width: 300px;
    border: 1px solid white;
    margin-bottom: 5px;
}

a[href="https://w0bm.com/user/thebigben"], a.thebigben, h3.thebigben {
    font-family: unifrakturcook,cursive;
}

.no-js {
    position: absolute;
    font-size: 10px;
    right: calc(100vh - 30%);
    font-style: italic;
    font-family: monospace;
    border: 1px dotted red;
    background: white;
    color: black;
    top: 5px;
    padding: 5px;
}

.no-js-profile {
    position: absolute;
    font-size: 10px;
    font-style: italic;
    font-family: monospace;
    border: 1px dotted red;
    background: white;
    color: black;
    top: 5px;
    padding: 5px;
}

.Ralfjack::before {
    background-image: url('/images/icons/ralfjack/muscle-left.png');
    background-size: 15.4px 15.4px;
    display: inline-block;
    width: 15.4px;
    height: 15.4px;
    content: "";
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.Ralfjack::after {
    background-image: url('/images/icons/ralfjack/muscle-right.png');
    background-size: 15.4px 15.4px;
    display: inline-block;
    width: 15.4px;
    height: 15.4px;
    content: "";
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.Ralfjack {
    background-image: url("/images/icons/ralfjack/latvia.png");
    color: #0013e7;
    font-weight: bold;
    text-shadow: 0px 0px 2px #fff;
    font-family: Oswald;
    font-size: 15px;
    background-size: contain;
    max-width: 140px;
    text-transform: uppercase;
}

.Ralfjack:hover {
    color: blue;
}

h3.Ralfjack {
    font-size: 25px;
    max-width: 164px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Flummi {
  background-image: url(/images/icons/flummi/nyancat.gif);
  background-repeat: no-repeat;
  color: rgba(134, 0, 81, 0);
  animation: nyan 4.0s linear  infinite !important;
  margin-right: 6px;
}

@keyframes nyan {
  from {background-position: -40px 1px;}
  to   {background-position: 80px 1px;}
}


@keyframes nyan-big {
  from {background-position: -40px 1px; transition: 5s all ease;}
  to   {background-position: 160px 1px; transition: 5s all ease;}
}

h3.Flummi {
	background-image: url("/images/icons/flummi/nyan-big.gif");
      	background-repeat: no-repeat;
  	color: rgba(134, 0, 81, 0);
  	animation: nyan-big 8.0s linear  infinite !important;
  	margin-right: 6px;
  	background-size: contain;
    	width: calc(120px + 40px);
}

.dropdown-menu {
    border: 1px solid black!important;
    padding: 5px!important;
    margin: -15px 15px 0!important;
    border-radius: 0px!important;
    background-color: #161618;
    min-width: 100px;
}

button.w0bmcustom-css {
    width: 100%;
    padding-bottom: 5px;
    background: #232222;
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 5px;
    color: #adadad;
}

button.w0bmcustom-css:hover {
    background: rgba(84, 84, 84, 0.5);
}

button.chilledblue-css {
    width: 100%;
    padding-bottom: 5px;
    background: #142121;
    border: 1px solid #131916;
    margin-bottom: 5px;
    color: #adadad;
}
button.chilledblue-css:hover {
    background: #183333b8;
}

button.epilepsie-css {
    width: 100%;
    padding-bottom: 5px;
    background: #ff0000;
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px dashed yellow;
}

button.epilepsie-css:hover {
    background: rgba(84, 84, 84, 0.5);
}

button.xayd-css {
    width: 100%;
    padding-bottom: 5px;
    background: #0b0b0b;
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 5px;
    color: #03dc03;
}

button.xayd-css:hover {
    background: #1b1b1b;
}

ul.nav.navbar-nav.info-nav {
    margin: 0;
}


.mobile-comments {
    padding-top: 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: auto;
}

/*.tags {
    position: fixed;
    bottom: 0;
    width: auto;
    left: 0;
    right: 0;
}*/
.commentwrapper {
    /*margin-bottom: 121px;*/
}

/*@media (min-width: 768px) {
    .mobilefool {
        background: #161618;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 5;
        font-size: 113px;
        text-align: center;
    }
    
    .mobilefool::after {
        content: "This website is only for mobile devices, you have taken the wrong path, fool!";
        color: #ff00e0;
        font-size: 0.25em;
        text-align: center;
    }
}
*/
.panel-body.motd {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #161618;
    border: 1px solid #d83284;
}

div#tag-display {
	width: auto;
}

.container {
	/*padding-top: 20px;*/
}

.mobile-comments {
	background: #1f1f20;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 5px;
	padding: 5px;
}

#commentAmount {
    color: #0bf6ff;
    vertical-align: middle;
    position: relative;
    bottom: 5px;
    font-size: 12px;
    text-shadow: 1px 0px 1px black;
    font-family: Oswald;
}

.navbar.navbar-inverse.navbar-static-top {
    position: sticky;
    top: 0;
}

.tags-mobile {
    background: #1f1f20;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid black;
    margin-bottom: 0px;
}

.vidinfo {
    position: unset;
    padding: 5px;
    background: #1f1f20;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-radius: 0px;
}

.embed-responsive.embed-responsive-16by9 {
    margin-top: 25px;
}

@media (min-width: 1200px) {
.container {
    width: 768px;
}
}

/* localhost special css */
.panel-body[author="localhost"] {
    color: #58f940;
    font-family: monospace;
    text-shadow: 1px 1px 3px lime;
}

.panel.panel-default[author="localhost"] {
    background: black;
    color: #58f940;
    background-image: url(/images/icons/hagbard/background.gif);
    background-repeat: round;
    background-size: auto;
    text-shadow: 1px 1px 3px #00cb17;
}

.panel-body[author="localhost"] a {
    color: #58f940 !important;
}

.localhost {
    color: #ffffffb3;
    font-family: monospace;
}

/* Contact */
input#collapsible[type='checkbox'] {
  display: none;
}

.lbl-toggle {
    display: flow-root;
    font-weight: bold;
    font-family: monospace;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    color: #fff;
    background: #263942;
    cursor: pointer;
    border-radius: 7px;
    transition: all 0.25s ease-out;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.collapsible-content .content-inner {
    background: rgba(69, 133, 159, 0.2);
        background-color: rgba(69, 133, 159, 0.2);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: .5rem 1rem;
}

.collapsible-content {
  max-height: 0px;
  /*overflow: hidden;*/
  overflow: auto;

  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 350px;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

div.content-inner {
    color: #fff;
}

button.layoutbutton {
    width: 100%;
    margin-bottom: 5px;
    background: black;
    color: white;
}