body{
font-family:Futura, Arial, sans-serif;
background-color:#0093E8;
padding:0px;
margin:0px;
background-image:url(bg.svg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
overflow:scrollY;
}

.header{
width:100%;
height:50px;
/*position:absolute;*/
top:0px;
background-color:#006AA8;
border-bottom:2px solid white;
color:#fff;
padding:8px;
font-size:24px;
float:right;
}

#logo{
height:300px;
width:100%;
float:left;
margin-top:15px;
background-image:url(logo.svg);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
/*outline:1px solid green;*/
}
.space{
border:2px solid #fff;
width:100px;
font-size:16px;
height:100px;
float:left;
/*border-radius:25%;*/
margin:3px;
padding:3px;
background-color:rgba(200,200,200,0.4);
box-shadow: 5px 5px 8px #000;
}

.roll{
width:240px;
text-align:center;
background-color:#006AA8;
border-radius:15px;
color:white;
font-weight:bolder;
border:3px solid #0B222F;
float:left;
margin:0 20px;
padding:8px;
font-size:36px;
position:absolute;
bottom:10px;
right:40px;
cursor:pointer;
}

.edit{
width:500px;
text-align:left;
color:white;
/*outline:1px solid purple;*/
float:right;
margin-right:-30px;
overflow:hidden;
}
.info{
outline:1px solid grey;
float:left;
width:350px;
/*height:350px;*/
}

.info2{
outline:1px solid purple;
float:left;
width:350px;

}

.playerSpace{
	/*width:20px;
height:20px;*/
/*color:white;
border:1px solid black;*/
float: left;
/*border-radius:40%;*/
font-family:'icomoon';
text-align:center;
text-shadow: 3px 3px 3px rgba(0,0,0,0.4);
font-size:inherit;
}

.player0{
color:#ff0030;
}

.player1{
color:#ffcf36;
}
.player2{
color:#ff0075;
}

.player3{
color:#009599;
}

.player4{
color:#005479;
}

.player5{
color:#2f2933;
}

.boardSizeList{
overflow:hidden;
width:380px;
outline:1px solid red;
float:left;}



#boardGameSetup > ul li{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:6px 0;
padding:8px 0px;
text-align:right;
border-radius:15px;
border:2px solid #0B222F;
height:40px;
/*width:300px;*/
font-size:24px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
outline:1px solid green;
/*float:left;*/
}

.boardGameSetup{
overflow:hidden;
}

.deletePlayer{
width:80px;
background-color:red;
float:right;
padding:5px;
border-radius:8px;
text-align:center;
}

#gameTypeMenu{
/*overflow:hidden;*/
/*outline:1px solid red;*/
/*height:100px;*/
float:left;
width:100%;
}

#boardGame{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px 0 10px 0px;
padding:18px;
text-align:right;
border-radius:15px;
border:2px solid #0B222F;
width:200px;
font-size:24px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
float:left;
/*outline:1px solid red;*/
cursor:pointer;
}

#gameTypeMenu > ul li{
background-color:rgba(0,106,168,0.6);
color:#fff;
list-style:none;
margin:10px 0 10px 0px;
padding:18px;
text-align:right;
border-radius:15px;
border:2px solid #0B222F;
width:200px;
font-size:18px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
float:left;
/*outline:1px solid red;*/
}

.diceType{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px 10px 10px 0px;
padding:18px 30px 18px 40px;
text-align:left;
border-radius:15px;
border:2px solid #0B222F;
width:300px;
font-size:24px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
float:right;
}

.boardSize{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px 0 10px 10px;
padding:18px 30px 18px 40px;
text-align:left;
border-radius:15px;
border:2px solid #0B222F;
width:300px;
font-size:24px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
float:left;
}

#createPlayers > ul li{
background-color:#006AA8;
color:#000;
list-style:none;
margin:10px 0;
padding:8px;
text-align:left;
border-radius:8px;
border:2px solid #0B222F;
width:600px;
font-size:18px;
}

#addNewPlayer{
background-color:#006AA8;
color:#000;
list-style:none;
margin:10px 0 10px -30px;
padding:8px 8px 8px 38px;
text-align:left;
border-radius:8px;
border:2px solid #0B222F;
width:300px;
font-size:24px;
cursor:pointer;
}

.boardSettings{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px -30px 10px 10px;
padding:8px;
text-align:left;
border-radius:8px;
border:2px solid #0B222F;
width:300px;
font-size:20px;
float:right;
cursor:pointer;
}

.editSpaces{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px -30px 10px 10px;
padding:8px;
text-align:left;
border-radius:8px;
border:2px solid #0B222F;
width:500px;
font-size:24px;
font-family:'icomoon';
float:right;
}

#editSpacesMessage{
font-size:18px;
}

#spaceSettings > li{
float:right;
list-style:none;
width:300px;
font-size:18px;
}

#boardSettingItems > li{
float:right;
list-style:none;
width:400px;
font-size:18px;
}

#playersListInfo > li{
float:right;
list-style:none;
width:300px;
font-family:'icomoon';
font-size:18px;
padding:5px;
background-color:rgba(128,128,255,0.6);
border-left:2px solid white;
margin:0;
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
}

#playersListInfo > li:last-child{
border-bottom:2px solid white;
border-left:2px solid white;
}



#createPlayerList{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px 0 10px -30px;
padding:8px 8px 8px 38px;
text-align:left;
border-radius:8px;
border:2px solid #0B222F;
width:300px;
font-size:24px;
font-family:'icomoon';
cursor:pointer;
}

.addRule{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px -30px 10px 10px;
padding:5px;
text-align:left;
border-radius:8px;
border:2px solid #0B222F;
width:200px;
font-size:20px;
float:right;
cursor:pointer;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?92dhkn');
	src:url('fonts/icomoon.eot?#iefix92dhkn') format('embedded-opentype'),
		url('fonts/icomoon.woff?92dhkn') format('woff'),
		url('fonts/icomoon.ttf?92dhkn') format('truetype'),
		url('fonts/icomoon.svg?92dhkn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.playerPiece{
font-family:'icomoon';
height:20px;
margin:3px;
}

#startGame{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px 0 10px -60px;
padding:18px 30px 18px 40px;
text-align:left;
border-radius:15px;
border:2px solid #0B222F;
width:360px;
font-size:24px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
float:right;
cursor:pointer;
}

#finishBoardSize{
background-color:#006AA8;
color:#fff;
list-style:none;
margin:10px -30px 10px 0;
padding:18px 30px 18px 40px;
text-align:left;
border-radius:15px;
border:2px solid #0B222F;
width:360px;
font-size:24px;
font-family:'icomoon';
box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
float:right;
cursor:pointer;
}

#playersInfo {
margin:8px -30px 0 30px;
}

.diceSizeSlider{
margin-top:20px;
}

#boardSizeSlider{
margin-top:20px;
}

#playInfo{
float:right;
width:300px;
font-family:'icomoon';
font-size:18px;
}

#playInfo > li{
position:relative;
}

#editButton{
color:#fff;
width:100px;
font-size:48px;
font-family:'icomoon';
float:right;
text-align:right;
cursor:pointer;
}

.headerBack{
background-image:url(logo_sm.svg);
background-size:contain;
background-repeat:no-repeat;
width:200px;
height:40px;
float:left;
margin:0 20px;
}