html,
body {
  height: 100%;
}
body {
	/* Move down content because we have a fixed navbar that is 3.5rem tall */
	padding-top: 3.5rem;
}
body,main,footer{
	background-color:#333;
	background-image:url('../bg-cr.jpg') !important;
	background-repeat:repeat !important;
	background-attachment:fixed !important;
	background-position: center !important;
	background-size: cover !important; /* Resize the background image to cover the entire container */
}
div.dropdown-menu .dropdown-item:hover{
	background-color: #d2efff !important;
	color: deepskyblue !important;	
}
div.menu-elder-levels .dropdown-item:hover{	
	background-color: transparent !important;
	color: #212529 !important;
}
/*preloader*/
#bg_preloader {
    position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:#333;
	z-index:1000;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:2000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*navbar-links*/
.player-navbar-links a{
	font-size: 0.8em !important;
	padding-top: 8px;
	margin-top: 4px;
}

/*elder stages*/
#elder_stages a{
	color:#000 !important;
	/*margin: 4px;*/
}
#elder_stages a:hover, 
#elder_stages a.selected{
	color:deepskyblue !important;
}
#elder_stages a i{
	display:none !important;
}
#elder_stages a.selected > i{
	display:inline-block !important;
}


/* discovery card selector */
.transcontainer{
	position:relative;
}
.transbox {
  position:absolute;
  top:0;
  margin: 0px;
  width:50%;
  height:100%;
  background-color: #000;
  opacity: 0.6;
}


/*
 * Footer
 */
footer {
  padding:16px;
  color: rgba(255, 255, 255, .5);
}