body {
	background-color: #000000;
	background: linear-gradient(180deg, #000000 70%, #0a466f 100%) no-repeat center center fixed;
	background-size: cover;
	color: white;
}
.btn-primary {
	background-image: linear-gradient(280deg, #000000 70%, rgba(123, 82, 34, 0.5) 100%);
    background-size: 110% 110%;
    box-shadow: 1px 1px 10px rgba(128, 128, 128, 0.25);
    border: 0px;
    padding: 6px 12px;
    user-select: none;
}
.container-fluid.categories {
    margin-bottom: 1em;

}

body .card {
	color: black;
	width: 100%;
	margin-bottom: 1em;
}

body .card .card-text {
	height: 100px;
	overflow-y: auto !important;
	font-size: 14px;
	padding: 2px;
}
body .card .card-text::-webkit-scrollbar, 
.ftspace_holder::-webkit-scrollbar 
{
    width: 4px;
    background-color: #000000;
}

body .card .card-text::-webkit-scrollbar-thumb, 
.ftspace_holder::-webkit-scrollbar-thumb 
{
    background-color: white;
    border: 2px solid white;
}

#updates::-webkit-scrollbar,
.imgsHolder::-webkit-scrollbar,
{
    width: 10px;
}

#updates::-webkit-scrollbar-track,
.imgsHolder::-webkit-scrollbar-track,
.ftspace_holder::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#updates::-webkit-scrollbar-thumb,
.imgsHolder::-webkit-scrollbar-thumb,
{
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.ftspace_holder {
        max-height: 140px;
        overflow-y: auto;
        overflow-x: hidden;
	max-width: min(500px, 100%);
	margin: auto;
}

body .game.full .card .card-text {
	height: auto !important;
	max-height: 100px !important;
}
.game>.card {
    border: 0px;
        height: 96%;
}
.game.full>.card {
	background: transparent;
}
.game:not(.full)>.card, .game.full>.card>.row {
    background: rgba(255, 255, 255, 0.24);
            text-decoration: none;
}
body[data-version="2"].games .tooltip.bs-tooltip-auto>.tooltip-inner {
        background: #553d6f;
}
body[data-version="2"].games .tooltip.bs-tooltip-auto>.tooltip-arrow:before {
        border-right-color: #553d6f;
}

.game>.card * {
    color: white;
}

.game:not(.full)>.card * {
    max-height: 200px;
}

@media all and (orientation: landscape) {
	div.alert-warning.row .game>.card>.card-body {
	    white-space: nowrap;
	    overflow: hidden;
	}

	body>.filters {
	    position: fixed;
	    z-index: 999;
	}
}

.game>.card h5 {
	white-space: nowrap;
	overflow: hidden;
}

.navbar-dark {
    background: linear-gradient(125deg, #000000 0%, #0a466f 62%) no-repeat center center fixed;
    box-shadow: 0px 0px 4px grey;
}


.catfilters ~ button.btn.btn-sm.btn-default.enabled.btn-success {
    background: #0064CF;
    border-color: #0064CF;
}

.catfilters:empty {
	display: none;
}

body.home #topmenu [href="/all"],
body.game #topmenu [href="/all"],
body.games #topmenu [href="/all"],
body.bundles #topmenu [href="/all"],
body.all #topmenu [href="/all"],
body.promos #topmenu [href="/all"],
body.top #topmenu [href="/all"],
body.freeroam #topmenu [href="/freeroam"],
body.hardware #topmenu [href="/hardware"],
body.education #topmenu [href="/education"],
body.partners #topmenu [href="/partners"]
{
	color: #0b76bd;
	font-weight: bold;
}
body #topmenu [href] small {
	display: block;
	font-size: 10px;
}
body.home #topmenu [href="/all"] small,
body.game #topmenu [href="/all"] small,
body.games #topmenu [href="/all"] small,
body.bundles #topmenu [href="/all"] small,
body.all #topmenu [href="/all"] small,
body.promos #topmenu [href="/all"] small,
body.top #topmenu [href="/all"] small,
body.freeroam #topmenu [href="/freeroam"] small,
body.hardware #topmenu [href="/hardware"] small,
body.education #topmenu [href="/education"] small,
body.partners #topmenu [href="/partners"] small
{
    color: #f8961a;
}