.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        /*.nav-tabs > li > span { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > span, .nav-tabs > li:hover > span { transform: scale(1); }
.tab-nav > li > span { background: #21527d none repeat scroll 0% 0%; color: #fff; }*/
/*.tab-pane { padding: 15px 0; }*/
.tab-content{padding:20px; }

.nav-tabs > li > a.active
{
	background-color:#eee !important;
}

input[type=checkbox]
{
	width:auto !important;
}

.PlayGame
{
	/*padding:1em;*/
	text-align: center;
}
#unityContainer, #unity-container
{
	display:inline-block !important;
}
#unity-container {
	position: relative !important;
	transform:none !important;
	left:0 !important;
	top: 0 !important;
}
#unity-footer, #unity-warning { display:none !important; }

nav.navbar, div.navbar
{
	margin-bottom:0px;
	top:0;
}
body
{
	margin-top:0 !important;
}

nav .headerTitle
{
	color:white !important;
	font-size:x-large !important;
	margin-top:0px !important;
}
.headerTitle:empty
{
	display: none;
}


.nestedContainer.hasChildren > div > div > div > ul
{
	display:none;
}

body, #unityContainer
{
	background-color:#e9ecef !important;
	color:#333;
}
.jumbotron
{
	background-color: transparent  !important;
}
.card {background: transparent none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; border:1px solid #666; }

.jumbotron h1
{
	color:black;
}
.navbar-collapse {
    /* flex-grow: 1; */
	justify-content: flex-end;
}
.navbar-collapse ul {
	margin-right:0 !important;
}
a.nav-link { color: #333 !important }

.table .ui-sortable-helper
{
	display:table-row !important;
}
.table .ui-sortable-helper td
{
	background-color:white;
	width:100% !important;
	display:block !important;
}
/* handle empty sortable tables as a target */
.table .lastRemaining
{
	display: none;
}
.table tbody.ui-droppable-active 
{
	min-height:2em !important;
	display: block;
}
.table tbody.ui-droppable-active tr,
.table tbody.ui-droppable-active td
{
	width:100% !important;
	display:block !important;
}

.buttonsOnHover button
{
	display:none;
}
.buttonsOnHover:hover button
{
	display:inline-block;
}

.hideSibling + *
{
	display:none;
}

.pagination
{
	display:block !important;
	text-align: center;
}
.pagination a
{
	padding:1ex;
}

.container.hasChildren {
	padding:0 !important;
}
.hasChildren > div > .col-md-12 > .card > .tab-content > .tab-panel > div > div > h3,
.hasChildren > div > .col-md-12 > .card > .tab-content > .tab-panel > div > div > h2 {
	padding-left: 15px;
}
.hasChildren > div > .col-md-12 > .card > .tab-content {
    padding: 0;
}
.card:has(.card) {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.indented-card
{
	padding-left:3ex !important;
} 

.game_header, .game_footer
{
	text-align: center;
	padding:1em;
}
.game_header:empty
{
	display:none;
}
a.nav-link:empty
{
	display: none;
}

textarea.parameter
{
	width:100%;
}
.parameterList textarea
{
	width:80%;
	vertical-align: middle;
}
.parameterList {
	list-style: none;
	padding-left:0 !important;
}

.description 
{
	opacity:0.8;
	display:block;
	font-size:smaller;
}

.btns button
{
	margin:0.5ex;
}

.nav-link { padding-left: 0.5rem !important; }
.nav-link { padding-right: 0.5rem !important; }
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		justify-content: flex-end;
    }
}
.navbar-dark .navbar-toggler-icon {
    filter: grayscale(100%) brightness(0%);
}
.hidden-nav-item {
	display: none;
}
.nav-with-more {
	display:inline-flex !important;
}

h3 a { color: #333;}

.alert { margin-top: 0.5rem; margin-bottom: 0 !important;}

.download_standalone { padding:2em; font-size:larger }

textarea.code, textarea[name=jsonSchema]
{
	font-family: monospace;
}

textarea[name=jsonSchema]
{
	height:40em;
}
td.jsonSchema
{
	font-family: monospace;
}

/* actually break the button group bootstrap styling, to ensure there is a gap between them 
but only inside a json editor */
.je-object__container .btn-group .btn+.btn{
	margin-left: 8px;
}
/* hide empty button groups */
.je-object__container .btn-group:empty
{
	display:none;
}

.btn { margin: 2px; }

.actions td > div {
	max-height: 100px;
	overflow-y: auto;
}
.actionsList{
	max-width: 1100px;
	overflow-x: auto;
}

.table td, .table th, .table .btn {
	padding: 0.25rem;
	font-size:0.9em;
	overflow-x:hidden;
	max-width: 200px;
}

.table th{
	cursor: pointer;
}
.table th::after{
	content: " ";
	float: right;
}
.table th.sorted_asc::after,
.table th.sorted_1::after {
	content: "▲";
	float: right;
}
.table th.sorted_desc::after,
.table th.sorted_2::after  {
	content: "▼";
	float: right;
}
.table th.sorted_0::after  {
	content: "■"; 
	float: right;
}
.txtFilter {
	display: inline-block;
    max-width: 300px;
}
.filter_highlight
{
	background-color: #ff0;
	font-weight: bold;
}

 /* Table Row Styling */
 .table-with-favs tr {
	position: relative; /* Ensures star positioning works */
}

/* Floating Star - Hidden Initially */
.table-with-favs tr .star-icon:not(.headerHide) {
	position: absolute;
	left: -30px; /* Moves it outside the row */
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: gold;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	cursor: pointer;
}

/* Show Star on Row Hover */
.table-with-favs tr:hover .star-icon:not(.headerHide) {
	opacity: 1;
}
.star-icon.headerHide { opacity: 0;}