body{
	position:relative;
	height:100%;
	min-height:100vh;
	background:#222;
	color:#eec;
	line-height:1;
	font:15px consolas,monospace;
	text-shadow:0 2px 1px #000;
}

#watermark{
	position:fixed;
	top:256px;
	width:100%;
	font-size:150px;
	text-align:center;
	text-shadow:none;
	opacity:0.1;
}

#notification_tray {
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 2000;
}
.alert{
	text-shadow:none;
	box-shadow:0 4px 0 4px #222;
}

iframe{
	border:none;
	overflow:hidden;
	margin:0 auto;
}
pre{
	background:#333;
	border-color:#333;
	color:#efe;
}
input.form-control, textarea.form-control, select.form-control{
	/* margin-bottom:15px; */
	margin-top: 1px;
	color:#ddd;
	background:#111;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background:#111;
}
.input-group-addon{
	color:inherit;
	background:#282828;
	text-shadow:none;
}
section{
	margin-bottom:2em;
	clear:both;
}
table{
	width:100%;
	margin-bottom:1em;
}
table a:not(.btn), .table a:not(.btn){
	text-decoration:none;
}
table a:not(.btn):hover, .table a:not(.btn):hover{
	text-decoration:underline;
}
.btn{
	text-shadow:none;
}
textarea{
	width:100%;
	resize:vertical;
	background:#333;
	color:#ffe;
	margin-bottom:1em;
}
code{
	background:#111;
	text-shadow:none;
	cursor:pointer;
}
code::selection{
    color:#111;
	background:#c7254e;
}
h1,h2,h3,h4,h5,h6{
	padding-bottom:1em;
	border-bottom:1px solid #555;
}

textarea::-webkit-scrollbar {
	width: 16px;
}
textarea::-webkit-scrollbar-track {
}
textarea::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-corner,
textarea::-webkit-resizer {
	background:#888;
}
textarea::-webkit-scrollbar-thumb:hover {
	background:#444;
}

::-webkit-input-placeholder {
	font-style: italic;
}
:-moz-placeholder {
	font-style: italic;  
}
::-moz-placeholder {
	font-style: italic;  
}
:-ms-input-placeholder {  
	font-style: italic; 
}

li a{
	display:block;
}

.label{
	text-shadow:none;
}

#table_participants_container, #table_booted_container{
	max-height:40vh;
	min-height:400px;
	overflow:auto;
}

#autoGameAdmin.disable,
#stopGameAdmin.disable {
    background: #777;
	padding: 6px 9px;
    font-weight: bold;
    font-size: 13px;
	line-height: 1.5;
    color: white;
	border-width: 2px;
    border-radius: 3px;
    cursor: pointer;
}

#select2-selUser-container {
	text-shadow: none;
}

#select2-selFacts-container {
	text-shadow: none;
}

#select2-selEyeCandy-container {
	text-shadow: none;
}

.select2-container--open .select2-dropdown--above {
	background: #000;
}
  
#popup-container-ev {
	display: flex;
	/* position: fixed; */
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%; */
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}

#nHostCategoriesReturn::-webkit-inner-spin-button,
#nHostCategoriesReturn::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#nHostCategories::-webkit-inner-spin-button,
#nHostCategories::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#popup-content-ev {
	overflow-y: auto;
	background: rgba(0, 0, 0);
	/* min-width: 500px;
	min-height: 400px; */
	max-height: 600px;
	width: 800px;
	padding: 7px;
	z-index: 100;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.popup-btn {
	/* display: block; */
	margin-top: 100px;
	display: none;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	padding: 8px 16px;
	/* color: #fff; */
	border: none;
	border-radius: 4px;
	cursor: pointer;
}



#spin_the_wheel {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  
  #wheel {
    display: block;
  }
  
  #spin {
    font: 1.5em/0 var(--nunito), sans-serif;
    user-select: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 43%;
    left: 50%;
    width: 30%;
    height: 25%;
    margin: -15%;
    background: #fff;
    color: blue;
    box-shadow:
      0 0 0 8px currentColor,
      0 0px 15px 5px rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    transition: 0.8s;
	z-index: 1;
  }


  #spin::after {
    content: "";
    position: absolute;
    top: -17px;
    border: 10px solid transparent;
    border-bottom-color: currentColor;
    border-top: none;
  }
  
  .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }

  #myOptionsList {
	list-style: none; /* Removes the bullet points */
  }
  
  #myOptionsList li.green {
	background-color: green;
  }
  #myOptionsList li.orange {
	background-color: orange;
  }

  #myOptionsList li {
	cursor: pointer;
	padding: 5px 10px;
  }