.ui-dialog-titlebar {
  padding: .4rem;
}
.ui-dialog-content {
  padding: .5rem;
}
.ui-dialog-buttonpane {
  padding: .5rem;
}
.ui-dialog-titlebar-close {
  float: right;
}
.ui-dialog-buttonset .ui-button {
  padding: .6em 1em;
  margin-right: .8em;
}
.ui-dialog-buttonset .ui-button:last-child {
  margin-right: 0;
}


#div_left { max-width:500px; min-width:220px; overflow:auto; word-wrap:break-word; }


   
.game_errors { color:#FF0000; font-weight:bold; background:#FFFFCC; border:1px solid #FFCC33; padding:3px; border-radius:3px; display:none}
#canvas_confini { z-index: 100; position:absolute; top:0; left:0; display:none }
.lblock { display:block; padding:6px; }
.lblock:hover { background:#FFFFFF }


.map-main {
  display: flex;
}


.plancia-title {
  padding: 1em;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}



.gameActions-container{
  flex-grow: 1;
  font-size: .9rem;
}
.gameActions {
  flex-grow: 1;
  /* flex-basis: 50%; */
  width: 50%;
}



#map_container {
  overflow-x: auto;
  min-width: 796px;
}
#map { 		z-index: 1;
			display:block;
			position:relative;
			background-position:top left;
			background-repeat:no-repeat;
			margin:0 auto;
			border:1px solid #333;
			
	  	-moz-user-select: none;
	  	-khtml-user-select: none;
	  	-webkit-user-select: none;
	  	user-select: none;
}

#map .states { 	z-index: 10;
				position:absolute; 
				width:55px; height:38px; 
				display:block; 
				background-position:center; 
				background-repeat:no-repeat;
				cursor:pointer;
				border-radius: 19px;
			}

#map .states .state_armies {
			 	z-index: 11;
				position:absolute;
				padding:0 2px 0 2px;
				display:block;
				right:10px;
				bottom:-4px;
        border:1px solid #333;
        border-radius: 2px;
				font-size:small;
				font-weight:bold;
				color: var(--bs-dark);
			}

#map .states .state_label_color {
			 	z-index: 11;
				position:absolute;
				padding:0 2px 0 2px;
				display:none;
				right:0;
				top:0;
				background:#F4F4F4;
				border:1px solid #000000;
				font-size:small;
				font-weight:bold;
			}


#map .statefrom { background-color: #FF3333 }
#map .stateto { background-color:#6699FF }

#map .danno {
	position:absolute;
	font-weight:bold;
	font-size:20px;
	z-index: 99999;
	background-color:rgba(255, 255, 255, 0.8);
	color:#222;
	border-radius:7px;
	padding: 7px;
	pointer-events:none;
}
.colorFrom { color: var(--bs-danger) !important; }
.colorTo { color: var(--bs-primary) !important; }
.colorAdd { color: #267F00 }
.colorRem { color: #4800D5 }

#board_headers { 
  padding-top:10px; 
  margin-bottom:10px;
}

.board-footer {
  font-size: .9rem;
}

#board_players_cont {
  display: flex;
  flex-wrap: wrap;
}
#board_players_cont .board_players { z-index: 2; margin-bottom:6px}
#board_players_cont a { color:black; text-decoration:none; }
#board_players_cont .board_players { position:relative;
				display:inline-block;  
				height:27px;
				min-width:80px;
				line-height:24px;
				font-size:smaller; 
				border-bottom:5px solid;
				margin-right:3px;
				padding-right:6px;
				padding-left:6px;
				text-align:center;
				 }
#board_players_cont .board_players img { vertical-align: middle;}
#board_players_cont .board_players .player_ncards { z-index: 2; position:absolute; top:22px; left:-3px; background:#F4F4F4; border:1px solid #CCCCCC; text-align:center; width:12px; height:12px; line-height:12px; font-size:smaller }
#board_players_cont .board_players .player_addinfo { z-index: 2; position:absolute; top:20px; left:13px; background:none; border:none; text-align:center; height:14px; line-height:14px; font-size:smaller }

#board_players_cont .board_players .isonline { background:#00CC33; }

#board_players_cont .board_players .player_herald { z-index: 2; position:absolute; right:0; top:10px; width:16px; height:16px; }


.player-mini-container{
  font-size: .9em;
  display: none;
  /* flex-wrap: wrap; */
  justify-content: center;
}
.player-mini-item {
  overflow-x: hidden;
  min-width: 32px;
}
.player-mini-name {
  /* text-overflow:clip;
  overflow: hidden;
  max-width: 80px; */
}
.player-mini-item--active-turn{
  border-bottom: 2px solid #4CAF50;
  padding-bottom: 2px;
}



/* new board players */
.board-player {
  display: flex;
}
.board-player a {
  color:var(--bs-body-color);
}
.board-player__item{
  padding: 4px;
}
.board-player--dead{
  color: #aaa;  text-decoration: line-through;
}
.board-player--winner{
  font-weight: bold;
}
.board-player--turn{
  background-color: #FFEB3B;
  border-radius: 3px;
  
}


#board_options_links { display:none;}
#board_options_links_4all { float:right; }
.board-options__buttons { max-width: 300px; }

.plancia-mobile{
  max-width: 800px;
  margin: 0 auto;
}
.plancia-mobile .badge {
  opacity: 0.8;
}

#plancia { z-index: 200; 
			
			display:none; 
			border:1px solid black; 
			
			/*width:550px;*/
			 }
.plancia_armies{
  width: 60px;
  display: inline;
  text-align: center;
}

/** Inverti l'ordine degli elementi contenitnu in .plancia-sposta-max-btn */
#plancia-mobile-sposta-max-container .plancia-sposta-max-btn{
  
  flex-direction: row-reverse;
}

#cards { z-index: 201; 
		
			display:none;
			border:1px solid black; 
			
			 }

.cards {
	width:94px;
	height: 140px;
	border:3px solid transparent;
	display:block; overflow:hidden;
	float:left; padding-top:75px;
	color:#FFFFFF;
	font-size:small;
	text-align:center;
	border-radius:3px;
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing: border-box;
	background-color: #36502b;
}

.card0 { background-image:url(../img/cards/card0.png); }
.card1 { background-image:url(../img/cards/card1.png); }
.card2 { background-image:url(../img/cards/card2.png); }
.card3 { background-image:url(../img/cards/card3.png); }

#trade_help1 { margin-top:10px; }
#trade_help2 { margin-top:10px; }

.is_my_state { border:3px dotted var(--bs-warning); }
.sel_cards { cursor:pointer; }
/* .cards_selected { background-position:center right !important} */
.cards_selected {
	border: 3px solid var(--bs-danger) !important;
}


#options { z-index: 202; 
			display:none; 
			border:1px solid black; 
			
			 }

#report { z-index: 199; 
			
			display:none; 
			border:1px solid black; 
			
			/*width: 700px;*/
			
			min-height:260px;
 			max-height: 600px;
			overflow:hidden;
			 }
			 
#chat {
	z-index: 200; 
	position:absolute; 
	display:none; 
	border:1px solid black; 
	min-height:474px;
	/*max-width:900px;*/
	/*width:640px;*/
	overflow:hidden;
	word-wrap: break-word;
	line-height:24px;
}
		
.chat_content {
	padding: .25rem;
	height: 365px;
	overflow: auto;
}

.report_content {
	position: relative;
	height: 429px;
	overflow: auto;
}
.report_content a {
	color: var(--bs-body-color);
}

.gameActions__load{
  position: absolute;
  top: 0;
  right: 0;
}

.chat-link--active{
  background: #eee;
}

.board_links { 			
			cursor:pointer;
			background-position:left; 
			width:32px; height:32px; float:right; margin-left:3px;
			}


.report_color { display:inline-block; width:10px; height:10px; border-radius:7px; vertical-align:middle }

#chatblock_msg { font-size: 0.9em; font-style: italic; color: var(--bs-danger); display: none; height: 18px; }

#forza { z-index: 203; 
			position:absolute; 
			display:none; 
			border:1px solid black; 
			background:#F4F4F4;
			width:200px;
       }
       
#forza_link{display: none}

.warning-timeout { color:#FF0000; font-size:1.1em; font-weight:bold; }
.dado { float:left; border:1px solid; border-radius:4px; width:32px; height:32px; line-height:32px; text-align:center; margin:1px; }
.dado_lost { opacity:0.5; }
.dadoA { background:#FF3333; border-color:#990000; }
.dadoD { background:#6699FF; border-color:#003399; }


.table_report h3 {padding: 0 0 14px 0; margin:14px 0 0 0; 			
			}
.table_report h3.sinis { background:url(img/riga.png);	background-repeat:no-repeat; background-position:bottom left;}
.table_report h3.des {	background:url(img/riga2.png); background-repeat:no-repeat; background-position:bottom left;}
.table_report div {white-space: nowrap;}
.table_report a { color:#333;text-decoration: none; }
.table_report a:hover { color:#000; text-decoration: underline; }

#visitors img { margin-right:7px; }









@media screen and (max-width: 1399px) {
  .gameActions{
    width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .board-footer {
    flex-direction: column;
  }

  .map-main {
    flex-direction: column;
  }
  .player-mini-container{
    display: flex;
  }
}


@media all and (max-width: 767px) {

  #board_players_cont {
    clear: both;
    margin-top: 3em;
  }
  .board_links,
  #board_options_links_4all {
    float: left;
  }

  #map_container {
    min-width: unset;
  }

  .player-mini-container{
    justify-content: left;
  }

}

@media all and (max-width: 479px) {
    
}