html {
}

body
{
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.material-icons.md-48 { font-size: 48px; }
.material-icons.black { color: black; }

.card_hand {
	width: 80px
}

.action_button {
  width: 10em;
}
.card_table {
	width:80px
}

figure {
  /* display: table; */
  width: 90px;
}


figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: center;
}

.table-with-padding td {
    padding-bottom: 5px;
    padding-right: 10px;
    border-spacing: 10px;
    border-collapse: separate;
}

.table-no-padding-border{
	margin-left: 15px;
    border: 5px;
    padding:0;
    margin:0;
    border-collapse: collapse;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.player_info {
    padding-left:5px;
	font-size: small;
	font-weight: normal;
	padding-right:10;
}

.td_player_info_label {
      padding-left: 20px;
}


.active_player {
	font-weight: bold;
	color: darkred;
	animation: blinker 1s step-start infinite;
    padding-left:10px;
}

.normal_player {
	font-weight: bold;
	color: black;
    padding-left:10px;
}

#game_action_buttons {
	padding-top:20px;
}

#cards {
	padding-bottom:10px;
}

#scoresheet {
	font-weight: bold;
	color: darkblue;
	margin-left: 15px;
}

#topnav:first-child {
    justify-content: flex-start;
	align-items: left;
}

#topnav {
	width: 100%;
    display:inline-flex;
    justify-content: space-evenly;  /* Space the items with left and right justification */
    /*padding: 15px 0; */
	padding: 1vw 1vw;
}

.game_page_title{
	font-size: medium;
	align-items: center;
	font-weight: bold;
	display: inline-block;
	color: darkblue;
	padding-left:5vw;
}



.logo_game {
  padding-left:100px;
}

.div_title {
  font-weight: bold;
}

.alert_text {
	color: darkgrey;
}

input[type=number].highlighted_field {
  background-color: #ffff99;
}

.highlighted_field {
	background-color:#ffff99;
}
.img_with_border {
  border: 2px solid green;
}

/* Remove up and down arrow in integer input field */
input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button
 {
  -webkit-appearance: none;
}


.deal {
	font-size: medium;
}

.trump_caption {
	font-size : medium;
	/* font-weight: bold; */
	color:white;
	text-align: center;
}

.scoresheet_nb {
  width:24px;
}

.padding-between-cols th {
    padding:0 15px 0 15px;
}

.padding-between-cols td {
    padding:0 5px 0 5px;
}

#buttons {
	text-align:center;
}

/*
a img {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
}
*/

/*button {
	height:30px;
	width:100px;
	margin:8px auto;
} */
img.preload {
	display:none;
}

#card-table-whist {
	background-color:#11520F;
    margin-left: 15px;
	height:250px;
	width:100%;
    /*min-width: 500px;*/
	border:solid 6px #072607;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	box-shadow:#111 1px 1px 2px;
}
#card-table-belote, #card-table-contree {
	background-color:#295298;
    margin-left: 15px;
	height:250px;
	width:100%;
    /*min-width: 500px;*/
	border:solid 6px #23273D;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	box-shadow:#111 1px 1px 2px;
}

#chat, #chat-input, #buttons-div, #scoresheet_div{
    margin-left: 15px;
}

.figures
{
  display: inline-block;
  float:left;
  margin: 0px;
  padding: 0px;
}

a:visited {color:blue;}

/*
#deal {
	position: absolute;
	left:310px;
	top:170px;
} */

footer {
	font-size : 12px;
	color:grey;
	margin:10px;
}

footer a, footer a:visited{
	color:grey;
}

footer a:hover {
	color:black;
}

.error_msg {
	color:red;
	font-size: large;
}

#game_list {
  border-spacing: 50px;
  border-collapse: separate;
}

#msg_div {
  margin-left: 15px;
  font-weight: bold;
  font-size: medium;
  color: black;
}

.data_block {
	background-color: #f0f0f5;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.container {
  position: relative;
}

#dealing {
	padding-right:5px;
	padding-left:5px;

}
.bottomright {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

input[name=rounds] {
  min-width: 4em;
}

input[name=score] {
  min-width: 4em;
}