html {
  position: relative;
  min-height: 100%;
}

.browser_support th {
  border-bottom-width: 3px !important;
}

.support_ie {border-bottom-color: #0275BA !important;}
.support_ff {border-bottom-color: #DF7215 !important;}
.support_sf {border-bottom-color: #43B3E9 !important;}
.support_cr {border-bottom-color: #39B642 !important;}
.support_op {border-bottom-color: #C42122 !important;}
.support_nd {border-bottom-color: #8CC84B !important;}

.footer {
  position: absolute;
  margin-top: 10%;
  color: rgb(102, 102, 102);
  background: rgb(34, 34, 34);
  padding: 35px 0 40px 0;
  border-top: 1px solid rgb(0, 0, 0);
  width: 100%;
  bottom: 0;
}

.text-code {
  font-family:monospace;
  white-space: pre-wrap;
  padding-left: 2em;
}


/* gen chooser stuff*/
#generator_chooser .work-text-content {
	color: white;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  opacity: 0;
}
#generator_chooser {
	background: #222;
	color: #666;
	-webkit-box-shadow: 0px 0px 34px 13px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 34px 13px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 34px 13px rgba(0,0,0,0.14);
}

#generator_chooser > div {
	padding-bottom: 20px;
}

#generator_chooser > div > a {
	text-decoration: none;
}

#generator_chooser .image {
	width: 100%;
	height: 36em;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#generator_chooser .work-text-content:hover {
  background-color: rgba(0,0,0,0.5);
  opacity: 1;
}
#generator_chooser .work-text-content-inner {
	position: relative;
  top: 35%;
}
#generator_chooser .work-text-content, .work-text-content:hover {
	-webkit-transition: opacity 0.5s, background-color 0.5s ease-out;
	-moz-transition: opacity 0.5s, background-color 0.5s ease-out;
	-o-transition: opacity 0.5s, background-color 0.5s ease-out;
	transition: opacity 0.5s, background-color 0.5s ease-out;
}

.navbar-nav > li > button {
	padding: 17.5px 15px 15.5px 15px;
}


/* overlay stuff */
/* absolute center the loader */
#overlay { position: fixed; z-index: 5000; text-align: center; display: table; height: 100%; width: 100% }
#overlay #overlay_middle  {display: table-cell; vertical-align: middle}
#overlay #overlay_inner {margin-left: auto; margin-right: auto;}
/* spinner animation */
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}
#loading_logo {
  width: 10em;
  height: 10em;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  background-position: center center;
}
#loading_logo svg {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}
#loading_logo.fast svg {
  -webkit-animation-duration: 600ms;
  -moz-animation-duration: 600ms;
  -ms-animation-duration: 600ms;
}
#loading_logo.idle svg {
  -webkit-animation-duration: 10000ms;
  -moz-animation-duration: 10000ms;
  -ms-animation-duration: 10000ms;
}

/* hide horizontal scrollbar on body */ body { overflow-x: hidden; overflow-y: scroll; margin-bottom: 270px;}
/* separate the lists a bit more, its too squashed */ .radio label, .checkbox label { padding-top: 8px; }
/* re-pad unstyled lists */ .list-unstyled { padding-left: 1em; }
/* pad partner logos away from their links */ #partners p { margin-top: 1em; margin-bottom: 1em; }
/* disable gradient on carousel controls until I figure out why jquery zoom makes it bleed out of the element */ .carousel-control.left, .carousel-control.right { background-image: none; }
/* pad labels away from nestedd inputs a little */ label input, label select { margin-left: 1em; }
/* dropdowns in launch options are touching */ #display_settings .bootstrap-select { margin-bottom: 2px; }
/* filter on configs/index.html needs to be pulled right */ #cfgs_filter, #cfgs_paginate { float: right; }
/* the heading needs to have more space between partner_logos */ #partner_logos { margin-top: 4em; }
/* stop partner logos getting super large */ #partner_logos .img-thumbnail { max-width: 10em; }
/* un-round the navbar corners */ .navbar { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
/* unpad the giant generator chooser on the front page so it hits the edges */ #generator_chooser  { padding-left: 0; padding-right: 0; }
/* opinion quote looks much nicer italicized */ blockquote { font-style: italic; }
/* move audio preview away */ #killsound_player, #hitsound_player { margin-left: 1em; cursor: pointer; }
/* unpad nohatsmod columns */ #nohats_container_inner { padding: 0; }

p.header-remote {
	display: inline-block; margin-bottom: 10%;
}

/* disable iframes overflow for HUD previews, show on hover */

iframe{
    overflow:hidden;
}
.ibox{
    display: block;
    width: 100%;
	border-radius: 10px;
	width: 500px; 
	overflow: hidden;
	margin: 15px 0;
	position: relative;
}
.ibox-bg{		/* HUD preview placeholder, must be centered (it isn't now, fix this) */
   position: absolute;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
   z-index: -1;
   overflow: hidden;
}

a:hover + .ibox,.ibox:hover{
    display: block;
    position: relative;
    z-index: 100;
}

.disabledarea {
    pointer-events: none;
    opacity: 0.3;
}

.defbutton {
	pointer-events: auto !important;
}

table.vertical-align > tbody > tr > td {
	vertical-align: middle;
}

#crosspreview.panel.unpressed:hover {
  background-image: url(/img/crosshairs/vtfcrosspreview.jpg);
  color: #f9f9f9 !important;
}

#crosspreview.panel.pressed:hover {
  background-image: none;
}

#crosspreview.panel.pressed {
  background-image: url(/img/crosshairs/vtfcrosspreview.jpg);
  color: #f9f9f9 !important;;
}

.alert.alert-danger > a {
  color: white;
  text-decoration: underline;
}

.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}
