body {
    font-family: arial;
    font-size: 0.9em;
    color: black;
}
#mainBoxStart {
    position: absolute;
    left: 210px;
    top: 190px;
}
#mainBoxUserLogin {
    position: absolute;
    left: 77px;
    top: 157px;
}
#mainBoxAdminLogin {
    position: absolute;
    left: 141px;
    top: 180px;
}
#mainBoxNewGame{
    position: absolute;
    left: 192px;
    top: 142px;
}
#gameName {
    position: absolute;
    left: 218px;
    top: 188px;
}
#gamePass {
    position: absolute;
    left: 218px;
    top: 238px;
}
#nbWeeksTxt {
    position: absolute;
    left: 218px;
    top: 291px;
}
#userName {
    position: absolute;
    left: 169px;
    top: 185px;
}
#passDiv {
    position: absolute;
    left: 300px;
    top: 354px;
}
#listGames {
    position: absolute;
    left: 170px;
    width: 130px;
    top: 225px;
}
#listAllGames {
    position: absolute;
    left: 152px;
    width: 130px;
    top: 216px;
}
#listPositions {
    position: absolute;
    left: 345px;
    width: 150px;
    top: 225px;
}
#listGameSet {
    position: absolute;
    left: 218px;
    width: 142px;
    top: 389px;
}
#foracLogo {
    position: absolute;
    left: 473px;
    top: 18px;
}
#logoWoodSupplyGame {
    position: absolute;
    left: 180px;
    top: 30px;
}
#backButton {
    position: absolute;
    left: 230px;
    top: 460px;
}
#playBtnOver {
    position: absolute;
    left: 212px;
    top: 191px;
}
#createBtnOver {
    position: absolute;
    left: 211px;
    top: 261px;
}
#adminBtnOver {
    position: absolute;
    left: 212px;
    top: 333px;
}
#btnRect {
    fill: #11fcbb;
    opacity: 0.5;
}

.center-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 550px;
    height: 600px
}

.goButton{fill:#990000;stroke:#2C0F0F;stroke-width:1;cursor:pointer;}
.goButtonOver{fill:#006600;stroke:#2C0F0F;stroke-width:1;cursor:pointer;}
.goButtonDown{fill:#666666;stroke:#2C0F0F;stroke-width:1;cursor:pointer;}
.radioButton {fill: black; stroke:none; cursor:pointer;}
svg text::selection {background: none;}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  font-size: 14px; 
  font-family: Arial, Helvetica, sans-serif;
  line-height:23px;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 16px 16px;
  border: 2px solid #888;
  width: 230px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}