body {
background-color: #f5f6f6;
color: #000000;
}

.ct-board-container {
padding: 5px;
border: 1px solid black; 
}

.ct-board {
display: block;
overflow: hidden;
text-align: center;
}

.ct-board-border {
border: 1px solid black; 
padding-bottom: 10px; 
}


#chess-fileLabels {font-size: 14px}
#chess-rankLabels {font-size: 14px}

.ct-nav-buttons{padding-bottom:7px; padding-top:7px; padding-left: 20px;}
.ct-white-square{display:block;float:left; background-color: #F9F9ED;}
.ct-black-square{display:block;float:left; background-color: #7CE5B6;}
.ct-from-square{background:none;background-color:#9F9FFF;}
.ct-to-square{background:none;background-color:#557FFF;}
.ct-over-valid-square{background:none;background-color:green;}
.ct-over-invalid-square{background:none;background-color:red;}
.ct-back{vertical-align:middle; padding-left: 25px;}
.ct-forward{vertical-align:middle; padding-left: 25px;}
.ct-start{vertical-align:middle; padding-left: 25px;}
.ct-end{vertical-align:middle; padding-left: 25px;}
.ct-play{vertical-align:middle; padding-left: 25px;}
.ct-stop{vertical-align:middle; padding-left: 25px;}
.ct-mainline-commentary{padding-left: 0px;}
.ct-board-move-variation{cursor:pointer; color: blue;}
.ct-board-move-mainline{font-weight:400; cursor:pointer; font-family: Roboto,sans-serif; font-size: 14px;}
.ct-board-move-comment{color:green; font-size: 14px;}
.ct-board-move-current{color:red;}
.ct-bad-move-score{color:#FF2020;}
.ct-opt-move-score{color:#7CFFB6;}

/*.ct-opt-move-score{color:#ADFFC3;}*/


.chess-diagrams {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-left: 10px;
}
  

.diagram-item {
order: 0;
margin-left: 0;
}


#eventdata {
font-size: 14px;	
line-height: 1.4;
width: 250px;
height: 200px;
position: relative;
float: left;
margin-bottom: 25px;
margin-right: 5px;
overflow: auto;
border-color: black;
border-style:dotted;
border-width: 1px;
padding-left: 10px;
padding-top: 10px;
}

#chess-container {
position: relative;
margin-right: 0;
height: 350px;
padding: 0;
border: 0 solid black;
}

#chess-moves{
position: relative;
width: 290px;
height: 110px;
margin-bottom: 50px;
padding: 5px;
background-color: #f5f6f6;
margin-top: 0;
margin-right: 0;
border: 1px solid black;
overflow: auto;
}

#site_title {
margin-left: 0px;
margin-top: 0px;
padding-top: 0;
padding-bottom: 0;
border: 0 solid black;
}