.game_menu_holder {
	position: relative;
	height: 5%;
	transition: height 0.25s;
}
.game_menu .maintitle {
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0 15px 0;
	text-align: center;
	text-transform: uppercase;
	margin-top: -6px;
}
.game_holder_holder {
	height: 95%;
}


.game_holder {
	display: flex;
	align-items: stretch;
	background-color: #eee;
	height: 100%;
}
#game {
	height: 100%;
	flex-grow: 1;
}
.game_inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	height: 100%;
}
.def_card_container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: stretch;
}
.card-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: stretch;
	height: 100%;
	padding: 8px;
	border-radius: 6px;
	background: #ccc;
}
.card-container.active {
	background: rgba(154,227,109,0.8);
}
.card-container.deck {
	background: none;
	justify-content: center;
}
.card-container.visible {
	background: #666;
}
.card {
	border: 0px solid transparent;;
	flex-basis: 200px;
	background-color: transparent;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
}
.card-container.visible .card {
	background-position: 50% top;
	background-size: cover;
}
.card.stack1 {
	background-position: left 50%;
	background-size: cover;
}
@keyframes card_selected {
	0% {transform: rotate(0deg) scale(1.2);}
	25% {transform: rotate(2deg) scale(1.2);}
	50% {transform: rotate(0deg) scale(1.2);}
	75% {transform: rotate(-2deg) scale(1.2);}
	100% {transform: rotate(0deg) scale(1.2);}
}
.card.selected {
	//transform: scale(1.3);
	animation-name: card_selected;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.card.hidden {
	background-image: url(https://home.landventure.hu/games/casino/red_back.png);
}
.card.empty {
	background-image: url(https://home.landventure.hu/games/casino/empty.png);
}



.player_table {
	padding: 1%;
}
.player_table .player_table_inner {
	border-bottom: 1px solid #aaa;
	background: #ccc;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.player_table.active .player_table_inner {
	background: rgba(154,227,109,0.8);
}
.player_table .name {
	font-weight: bold;
	text-align: center;
}
.player_table .infos {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
}
.player_table .infos .info_card_holder {
	width: 30%;
	height: 100%;
	display: flex;
}
.player_table .infos .info_card_holder .cardnum {
	display: flex;
	align-items: center;
}
.player_table .infos .info_visible_holder {
	width: 70%; height: 100%;  display: flex;
}
.card-container.deck .cardnum  {
	display: flex;
	align-items: center;
	font-size: 20px;
	flex-grow: 0;
	padding-left: 10px;
	padding-right: 40px;
}
.card-container.deck .card  {
	flex-basis: 80px;
 }





#casino_playertable_popup_holder   {
	background: #fff;
	position: absolute;
	z-index: 9991;
	top:10%;
	left:15%;
	height: 80%;
	width: 70%;
	border-radius: 5px;
	padding: 5% 5% 50px 5%;
	display: flex;
	flex-direction: column;
}
#casino_playertable_popup_holder #def_popup_title {
	height: auto;
}
#casino_playertable_popup_holder #def_popup {
	flex-grow: 5;
}
#casino_playertable_popup_holder #casino_playertable_popup_button_holder {
	height: auto;
}
#casino_playertable_popup_holder .infos {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#casino_playertable_popup_holder .infos .info_card_holder {
	width: 100%;
	height: 30%;
	display: flex;
}
#casino_playertable_popup_holder .infos .info_card_holder .cardnum {
	display: flex;
	align-items: center;
}
#casino_playertable_popup_holder .infos .info_visible_holder {
	width: 100%;
	height: 70%;
	display: flex;
}



#casino_throwhistory_popup_holder   {
	background: #fff;
	position: absolute;
	z-index: 9991;
	top:10%;
	left:15%;
	height: 80%;
	width: 70%;
	border-radius: 5px;
	padding: 5% 5% 50px 5%;
	display: flex;
	flex-direction: column;
}
#casino_throwhistory_popup_holder #def_popup_title {
	height: auto;
}
#casino_throwhistory_popup_holder #def_popup {
	flex-grow: 5;
}
#casino_throwhistory_popup_holder #casino_throwhistory_popup_button_holder {
	height: auto;
}
#casino_throwhistory_popup_holder .infos {
	flex-direction: column;
	height: 80%;
	flex-grow: 5;
	overflow-y: scroll;
}
#casino_throwhistory_popup_holder .infos .info_card_holder {
	width: 100%;
	height: 30%;
	display: flex;
	flex-direction: column;
}
#casino_throwhistory_popup_holder .infos .info_visible_holder {
	width: 100%;
	height: 70%;
	display: flex;
	flex-direction: column;
}
#casino_throwhistory_popup_holder .infos .info_visible_holder .card {
	min-height: 120px;
}