.colored-circle {
 background-color: black;
 border: 3px solid #333;
 height: 50px;
 /*width: 150px;*/
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
}

.led-shuffle{
	/* vw bzw. vh = viewport width bzw height*/
	margin: 1vw;
	display: inline-block;
	width: 10vw;
	height: 10vh;
}

.led-row{
	width: 100%;
}

.led-column{
	width: 11vw;
}

#left-led-column{
	/*float:left;*/
}

#right-led-column{
	/*float:right;*/
}

.shuffle-body {
    overflow:hidden;
}

.rect-round {
	width: 90vw;
    height: 80vh;
	padding: 5%;
	box-sizing: border-box;
	border-radius: 15px 15px 15px 15px;
	background: #dfdfdf;
    display: block;
}

.card{
	font-size: 300%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#cards{
	text-align: center;
	width: 90%;
    margin: 0 auto;
}

#action1{
	color: red;
}

#action2{
	color: blue;
}

#action3{
	color: green;
}

#timeIsUp{
	font-size: 200%;
}

span.glyphicon {
    font-size: 2.0em;
}

.team-member img {
    border: 2px solid #444;
}


body ::selection {
    background: transparent;
    color: inherit;
}
body ::-moz-selection {
    background: transparent;
    color: inherit;
}
body {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (orientation:portrait) {
    #game{
		display: none;
	}
	#turnDeviceMessage{
		visibility: block;
	}
}

@media screen and (orientation:landscape) {
    #game{
		display: block;
	}
	#turnDeviceMessage{
		display: none;
	}
}

#shuffler{
	text-align: center;
    width: 90%;
    margin: 0 auto;
}

.bg-dark{
	/*background-color: #F8F8F8;*/
}