h1 {
  text-align: center;
}

.text-center {
  text-align: center;
}

.text-bold {
  font-weight: bold;
}

.text-em {
  font-style: italic;
}

.text-align-right {
  text-align: right;
}

.list-inline {
  white-space:nowrap;
}

html
body {
  height: 100%;
}

.replay-list {
  padding: 10px;

  overflow-x:scroll;
  overflow-y:hidden;
  width:100%;
}

a.nodeco
{
  color: inherit;
  text-decoration: none !important;
}

.thumbnail-replay {
  width: 200px;
}

.thumbnail .thumbnail-large {
  width: 500px;
}

.thumbnail .thumbnail-fit-div {
  width: 100%;
  overflow: hidden;
}

.text-fit-width {
  font-size: 2vw;
}

.replay-entry {
  width: 200px;
  padding: 3px;
  margin: 3px;
}

.green {
  color: darkgreen;
}

.red {
  color: darkred;
}

.gold {
  color: goldenrod;
}

.grey {
  color: darkgrey;
}

.mg-l-3px {
  margin-left: 3px;
}

.mg-r-4px {
  margin-right: 4px;
}


.cover {
  color: inherit;
  display: -ms-flexbox;
  min-height: 100%;
}

.cover .container {
  max-width: 100%;
}

div {
  display: block;
}

.noscroll::-webkit-scrollbar {
  /* This is the magic bit */
  display: none;
}

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1.5);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(147, 147, 147, 0.80);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1.0);
}

.outline-text {
  text-shadow: 1px 1px 9px rgba(150, 150, 150, 1);
}

.blur-img {
  filter: blur(7px);
  -webkit-filter: blur(7px);
}

.navbar {
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
}


@media screen and (min-width: 768px) {
  .spreadshirt {
    height: 800px;
  }
}

@media screen and (max-width: 767px) {
  .spreadshirt {
    height: 500px;
  }
}


/*
  This is responsible for the cover items (e.g. front page)
*/

.cover {
  height: 100vh;
}

.cover-background {
  background-size: cover;
  display: block;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  -webkit-filter: blur(1px);
  filter: blur(1px);
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}

.text-center {
  text-align: center;
}

/*
The Spoiler Feature
*/

.comment-indent {
  padding-top: 20px;
  margin-left: 20px;
}

.padding-left-20 {
  padding-left: 20px;
}

div.tab-container:not(:target) div.tab-content, div.tab-container:target div.tab-show, div.tab-container div.tab-hide {
  display: none;
  visibility: hidden;
}
div.tab-container:target div.tab-content, div.tab-container:target div.tab-hide {
  display: block;
}

a.anchor{display: block; position: relative; top: -70px; visibility: hidden;}

/*
Making the round corner of a dropdown edgy if it has an input group addon
*/
.input-group > .input-group-btn:last-child > .selectpicker {
  border-radius: 5px 0 5px 0;
}

.input-group > .input-group-btn:first-child > .selectpicker {
  border-radius: 0 5px 0 5px;
}

textarea.form-control {
  resize: vertical;
}

textarea.noresize {
  resize: none;
}

.speechbubble {
  position: relative;

  padding: 10px;
  border-radius: 5px;
  border: solid #9d9d9d;
  background: #ffffff;
}

.textarea-wrapper {
  position: relative;

  padding: 10px;
  border-radius: 5px;
  border: solid #9d9d9d;
  background: #ffffff;
}

.speechbubble:before {
  content:"";
  position: absolute;
  right: 100%;
  top: 14px;
  width: 0;
  height: 0;

  border-top: 8px solid transparent;
  border-right: 26px solid #9d9d9d;
  border-bottom: 8px solid transparent;
}

.speechbubble textarea {
  position: inherit;
  background: inherit;

  box-shadow: none;

  margin: 0;
  padding: 0;
  border: none;
}

.quote {
  position: relative;

  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: solid #1b1b1b 1px;
  background: #000000;
}

.quote .quote-header {
  font-size: 20px;
  color: #ffffff;
}

.quote hr { margin: 5px; visibility: hidden; }

.spoiler {
  position: relative;

  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: solid #1b1b1b 1px;
  background: #000000;
}

.spoiler .spoiler-header {
  font-size: 20px;
  color: #ffffff;
}

.spoiler hr { margin: 5px; visibility: hidden; }

.jumbotron p {
  text-align: center;
}

.form-signin
{
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-control
{
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus
{
  z-index: 2;
}
.form-signin .upper
{
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin .lower
{
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .single
{
  margin-bottom: 10px;
}

.topmargin {
  margin-top: 10px;
}

.bottommargin {
  margin-bottom: 10px;
}

.text-xl {
  font-size: xx-large;
}

.text-large {
  font-size: x-large;
}

.text-small {
  font-size: small;
}

.text-xs {
  font-size: x-small;
}

.text-ul {
  text-decoration: underline;
}

/*
Defining the default bootstrap progress classes which the darkly theme overrides for some reason
*/

.progress {
  height: 21px;
}
.progress-bar {
  font-size: 13px !important;
  line-height: 21px !important;
}

.alert-success a {
  color: blue;
}

mark a {
  color: blue;
}

.alert-default {
  background-color: #232323;
  border-color: #141414;
  color: #ffffff;
}
.alert-default hr {
  border-top-color: #1b1b1b;
}
.alert-default .alert-link {
  color: #e6e6e6;
}

.alert-freebottom {
  margin-bottom: 0px;
}

/*
The premium navbar
*/

.navbar-premium {
  background-color: #ff9200;
  border-color: transparent;
}
.navbar-premium .navbar-brand {
  color: #ffffff;
}
.navbar-premium .navbar-brand:hover,
.navbar-premium .navbar-brand:focus {
  color: #8f470d;
  background-color: transparent;
}
.navbar-premium .navbar-text {
  color: #ffffff;
}
.navbar-premium .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-premium .navbar-nav > li > a:hover,
.navbar-premium .navbar-nav > li > a:focus {
  color: #8f470d;
  background-color: transparent;
}
.navbar-premium .navbar-nav > .active > a,
.navbar-premium .navbar-nav > .active > a:hover,
.navbar-premium .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #b56626;
}
.navbar-premium .navbar-nav > .disabled > a,
.navbar-premium .navbar-nav > .disabled > a:hover,
.navbar-premium .navbar-nav > .disabled > a:focus {
  color: #aaaaaa;
  background-color: transparent;
}
.navbar-premium .navbar-toggle {
  border-color: #b56626;
}
.navbar-premium .navbar-toggle:hover,
.navbar-premium .navbar-toggle:focus {
  background-color: #b56626;
}
.navbar-premium .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-premium .navbar-collapse,
.navbar-premium .navbar-form {
  border-color: #f5ad73;
}
.navbar-premium .navbar-nav > .open > a,
.navbar-premium .navbar-nav > .open > a:hover,
.navbar-premium .navbar-nav > .open > a:focus {
  background-color: #f5ad73;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-premium .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: transparent;
  }
  .navbar-premium .navbar-nav .open .dropdown-menu .divider {
    background-color: transparent;
  }
  .navbar-premium .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-premium .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-premium .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #d38547;
    background-color: transparent;
  }
  .navbar-premium .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-premium .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-premium .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #f5ad73;
  }
  .navbar-premium .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-premium .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-premium .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #aaaaaa;
    background-color: transparent;
  }
}
.navbar-premium .navbar-link {
  color: #ffffff;
}
.navbar-premium .navbar-link:hover {
  color: #d38547;
}
.navbar-premium .btn-link {
  color: #ffffff;
}
.navbar-premium .btn-link:hover,
.navbar-premium .btn-link:focus {
  color: #d38547;
}
.navbar-premium .btn-link[disabled]:hover,
fieldset[disabled] .navbar-premium .btn-link:hover,
.navbar-premium .btn-link[disabled]:focus,
fieldset[disabled] .navbar-premium .btn-link:focus {
  color: #aaaaaa;
}

.navbar-premium {
  border-style: solid !important;
  border-bottom: 4px solid #8f470d !important;
}

.navbar-default {
  border-style: solid !important;
  border-bottom: 4px solid #414561 !important;
}

.large {
  font-size: x-large;
}

.no-gutter {
  padding-left:0;
}

.fake-link {
  cursor: pointer;
}

.inline-image {
  display: inline;
  width: 20px;
  height: 20px;
}

.list-group-item {
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-nowrap {
  table-layout:fixed;
}

.panel-heading {
  text-decoration: underline !important;
  font-size: 20px !important;
}

.share-btn {
  display: inline-block;
  color: #ffffff;
  border: none;
  padding: 0.5em;
  width: 4em;
  opacity: 0.9;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  outline: none;
  text-align: center;
}
.share-btn:hover {
  color: #eeeeee;
}
.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}
.share-btn.twitter { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook { background: #3B5998; }
.share-btn.reddit { background: #ff5700; }

.custom-fade-wrapper {}

.custom-fade {
  display: none;
}