html
{
	height:100%;
	font-size:20px;
}

body 
{
  background-color: #303030;
  text-color: #efefef;
  margin-bottom:72px;
  padding:0;
  margin:0;
  height:100%;
 }


.lh-1
{
	line-height:1.1em;
}
.lh-2
{
	line-height:1.2em;
}
.lh-3
{
	line-height:1.3em;
}
.lh-4
{
	line-height:1.4em;
}
.lh-5
{
	line-height:1.5em;
}
.lh-6
{
	line-height:1.6em;
}

.small
{
	font-size:14px;
}
.pos
{
  height:4.6em;
}

.scol
{
	min-width:24em;
	max-width:32em;
	margin-top:1em;
}

.scol-height
{
	min-height:24em;
}

.account
{
	max-width:48em;
}


.vcol
{
	min-width:24em;
	max-width:60em;
	margin-top:1em;
}

.game-col
{
	min-height:20em;
	max-width:24em;
}

.vendor-col
{
	height:6em;
}

.vendor-image
{
	height:5em;
	width:5em;
}

.game-item
{
	height:8em;
	width:8em;
	min-height:8em;
	min-width:8em;
}

.game-image
{
	height:16em;
}

.min-button-width
{
	min-width:16em;
}

.icon-button
{
	min-width:20em;
	max-height:3em;
}

.game-frame
{
	width:100%;
	overflow:hidden;
	frameborder:0;
	min-height:60em;
}

.back-color
{
	background-color:#000000;
}

.back
{
  background-image: url('/resources/images/bk.png');
  background-repeat: no-repeat;
  background-attachment: fixed;  
  background-size: auto;	
  background-position:center top;
  height:100%;
}

.login-body 
{
  background-color: #303030;
  min-height:400px;
  margin-bottom:72px;
 }

.transparent
{
	background-color:rgba(0,0,0,0.7);	
}

.light-color
{
	color:#aaa;	
}

.button-square{
    border-radius: 0 !important;
}

.gameItem:hover
{
	border-color: rgb(250,212,20);
	background-color: #222222;
	border-style: solid;
}
	
.gameItem
{
	border-width: 4px;
	border-color: transparent;
	border-style: solid;
	transition: border-color 300ms;
	background-color: #121212;
}

.gameItem-test:hover
{
	border-color: rgb(250,212,20);
	background-color: #222222;
	border-style: solid;
}
	
.gameItem-test
{
	border-width: 4px;
	border-color: transparent;
	border-style: solid;
	transition: border-color 300ms;
	transition: background-color 300ms;
	height:360px;
	max-width:360px;
	background-color: #121212;
}
.no-border 
{
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
   text-align: right; 
    width:7em;
    
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index:1001;
}

.main-content
{
	margin:0;
	padding-bottom:4em;
}

.nova-helper-bubble-top {
    position: relative;
    background: #f2eb8c;
    line-height: 5em;
    text-align: center;
    border-radius: 0.5em;
    padding: 0px;
}
.nova-help-bubble-top:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    border-style: solid;
    border-color: #f2eb8c transparent;
    border-width: 1em 0.5em 0;
    bottom: -1em;
    left: 50%;
    margin-left: -0.5em;
}

.nova-help-helper 
{
    display: none; 
	position: absolute;
    background: #ffffff;
    margin-top:1em;
    min-height:5em;
    min-width:25%;
    border-radius: 0.25em;
    padding: 0.5em;
}
.nova-help-helper:after 
{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    border-style: solid;
    border-color: #ffffff transparent;
    border-width: var(--nova-help-helper-border-width);
    top: var(--nova-help-helper-top);
    bottom: var(--nova-help-helper-bottom);
    left: var(--nova-help-helper-left);
    margin-left: -0.5em;
}

.nova-help-helper-test:after 
{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    border-style: solid;
    border-color: #ffffff transparent;
    border-width: 0 0.5em 1em;
    top: -1em;
    left: var(--nova-help-helper-left);
    margin-left: -0.5em;
}

.nova-help-overlay {
  position: fixed;
  display: none; 
  background-color: rgba(50,50,50,0.3); /* Black background with opacity */
  cursor: pointer; 
  transition: all 200ms ease-in-out;
}
.nova-help-document
{
  display: none; 
}


.cs-button:hover
{
	color:#000000;
	background-color: #ffffff;
}

.cs-button-normal
{
	color:#ffffff;
}
.cs-button-danger
{
	color:#ffffff;
	background-color: #d00000;
}

.cs-link
{
	text-decoration:underline;
	color:#000000;
}	

.play-button:hover
{
	background-color: #f0f040;
}

.play-button
{
	background-color: #ffffff;
}