@charset "UTF-8";
html{
	height:100%;
}
body{
	height:100%;
	overflow: hidden;
}
#bridge-table{
	background: green;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.hand{
  font-size: 1.2rem;
  font-family: sans-serif;
  text-align: center;
}
 .card {
	position:absolute;
	background-size:cover;
	background-color:transparent;
	border: none;
}

.bidding-table img {
	height:1rem;
	vertical-align: text-bottom;
}

.bidding-table img {
	height:1rem;
	vertical-align: text-bottom;
	margin-right:0.5em;
}

.suit-select img, .level-select img, .player-select img {
	height:1.3em;
	vertical-align: sub;
	padding:0.2em;
}
.suit-select input[type=radio], .level-select input[type=radio], .player-select input[type=radio]{
	display:none;
}

.suit-select input[type=radio]:checked + label > img, .level-select input[type=radio]:checked + label > img, .player-select input[type=radio]:checked + label > img{
	background: gray;
}
.scorecard-danger {
	background: red;
}
#game-owner, #game-level, #game-suit, #game-doubled{
	height:1em;
	vertical-align: text-bottom;
	padding-left: 10px;
	padding-bottom: 0.2em;
}
#game-panel{
	background-color: lightgreen!important;
}
#resultPanel{
	position:absolute;
	top:500px;
	width: 500px;
	height: 500px;
	background: yellow;
	display: none;
	justify-content: center;
  	align-items: center;
  	z-index: 30;
}
#resultPanelInner p{
	text-align:center;
}
#bottom-panel{
	display:none;
}