@charset "utf-8";
/* CSS Document */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	svg { 
		text-align: center; 
		margin-top: 20px;
		width: 100%;
	}
}

@media all and (-webkit-min-device-pixel-ratio:0) {
	svg { 
		text-align: center; 
		margin-top: 20px;
		width: 100%;
		height: 100%;
	}
}

@-moz-document url-prefix() { 
	svg { 
		text-align: center; 
		margin-top: 20px;
		width: 100%;
		height: 100%;
	}
}

.hexagon {
	fill: #6796da;
	color: #fff !important;
	z-index:1;
}
.hexagon:hover {
	fill: #c37b76;
}

.player {
	font-size: x-large;
}

.incorrect {
    text-decoration: none;
    color: #fff;
    border: 1px solid #D7635B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #D7635B;
}

.letter {
	font-size:40px;
	text-anchor:middle;
	fill: #FFF;    
	cursor: pointer;
}

.left-select{
	text-align:left;
}

.centre-select{
	text-align:center;
}

.left-correct
{
	fill: #67c3da;
}

.right-correct
{
	fill: #8769da;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.blockbuster.modal {
	text-align: center;
	padding: 0!important;
}


.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-header {
	background: #fff;
	border-radius: 5px;
}

.modal-content {
	border: none;
	border-radius: 5px;
	box-shadow: none;
	padding:0px
}

.col-xs-4.right-select {
	text-align: right;
}