/* Case Reali */

div.caserealiContainer {
    width: 70%;
    max-width: 900px;
	min-width: 600px;
	margin: auto;
}

div.btnContainer {
	margin: 5px auto;
	text-align: center;
}

div.fenContainer {
	margin: 5px auto;
	text-align: center;
	vertical-align: middle;
}

/* aggiunto da me */
.modal-backdrop {
  opacity:0.4;
}

div.crContainer {
	    display: inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
	    justify-content: center;
	    align-items: flex-start;
	    justify-items: center;
	    align-content: center;
	    margin: auto;
		width: 100%;
}

div.innerCR {
	width: 50%;
	margin: 5px auto;
	display: inline-block;
}


input#inFEN {
	font-family: "Courier New", monospace;
	font-size: 15px;
	text-align: left;
	border: black solid thin;
	resize: none;
	margin: 10px auto;
	padding: 5px;
}

input#Calcola, input#Cancella, input#Vuota, input#Ruota, input#Carica {
	font-size: 15px;
	margin: 10px;
	padding: 5px;
	cursor: pointer;
	background: lightgrey;
	border-color: lightgrey;
	min-width: 150px;
	/*color: black;*/
}


div#casereali {
	min-height: 370px;
	min-width: 400px;
	width: 70%;
	border: thin solid darkgray;
    margin: 5px auto;
    float: left;
    margin-left: 20px;
}


table#scacchiera {
	border-collapse: separate;
	border-spacing: 0px;
	min-width: 370px;
	max-width: 370px;
	width: 370px;
	min-height: 370px;
	max-height: 370px;
	margin: auto;
	padding: 0;
	float: right;
	margin-right: 20px;
}

table#scacchiera tr {
	line-height: 44px;
}

td.casa_chiara, td.casa_scura  {
	width: 45px;
	heigth: 45px;
	min-height: 45px;
	max-height: 45px;
	min-width: 45px;
	max-width: 45px;
	overflow: hidden;
	padding:0;
	margin:0;
	text-align: center;
	vertical-align: middle;
}

.btdspan {
	display: block;
	white-space: nowrap;
	width: 100%;
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
}

td.etichetta{
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size: small;
	width: 40px;
	min-height: 40px;
	max-height: 40px;
	min-width: 40px;
	max-width: 40px;
	border: none;
}

/* background delle case */
td.casa_scura {
	background: darkgray;
	/*color: black;*/
}

td.casa_chiara {
	background: rgba(127,127,127,0.1);  /* lo stesso di .chess */
	/*color: black;*/
}

/* bordo case */

td.realeB {
	border: solid blue;
}

td.semirealeB {
	border: dashed blue;
}

td.realeN {
	border: solid red;
}

td.semirealeN {
	border: dashed red;
}

td.realeE {
	border: solid purple;
}

td.semirealeE {
	border: dashed purple;
}

td.nonreale {
	border: solid white;
}

td.pezzi {
	border: solid darkgray;
}

td.filler {
	border: none;
	min-width: 10px;
}


/* contenuto di testo delle celle e nel riquadro a destra  */

.pezzoB {
	color: blue;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.pezzoN {
	color: red;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}


.pezzoNormale {
	color: black;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.pezzoPotenziale{
	text-decoration: none;
}

.pezzoSemiReale {
	font-style: italic;
}

.pezzoReale {
	font-weight: bold;
}

.doppioControllo {
	color: purple
}