body{
    overflow: hidden;
}

.displaySettings{
	display: none;
}

.btn-goal-count{
	color: #000;
	background-color: #f3f0a1;
	border-color: #f3f0a1;
}

.btn-goal-count:focus {
	color: #000;
	background-color: #fbe108;
	border-color: #fbe108;
}

.btn-size{
	padding-left: 60px;
	padding-right: 60px;
}

.btn-shadow{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
}

.box_height{
	height: 100%;
	margin: 15px;
	border-radius: 4px;
}

.box_shadow{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
}
.box-bg, .box-1-bg,.box-2-bg,.box-3-bg,.box-4-bg{
    border-radius: 20px;
	background-image: url('../images/tb3.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.box-1-bg{
	background-color:limegreen !important;
}

.box-2-bg{
	background-color: yellow !important;
}

.box-3-bg{
	background-color: deepskyblue !important;
}

.box-4-bg{
	background-color: red !important;
}

.bg{
	background: url(../images/bg1.gif) repeat center center;
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */

}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.428571429;
	border-radius: 15px;
}

.btn-circle.btn-sm {
    width: 60px;
    height: 60px;
    padding: 7px 16px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.33;
    border-radius: 30px;
}

.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	border-radius: 25px;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.33;
	border-radius: 35px;
}

.pad_r0{
	padding-right: 0px;
	height: 98%;
}

.pad_l0{
	padding-left: 0px;
	height: 98%;
}

.mar_t15{
	margin-top: 15px;
}

.mar_b15{
	margin-bottom: 15px;
}

.your_turn_btn{
    display: none;
	padding-left: 8%;
	padding-right: 8%;
    background-color: white;
	/*border: 2px solid #fff;
	box-shadow: 0px 1px 25px 0px; */
}

.repeat_btn{
    width: 105px;
	padding-left: 8%;
	padding-right: 8%;
}

.goal_btn{
	border: 4px solid #1d7737;
    background-color: #34a748;
}

.score_btn{
	border: 4px solid #ce6c2d;
    background-color: #fdaf17;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: 0;
    outline-offset: 0;
}
#page2{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 15px;
}
.twinkle div{
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 8%, rgba(255,255,255,0) 97%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 8%, rgba(255,255,255,0) 97%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 8%, rgba(255,255,255,0) 97%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 8%, rgba(255,255,255,0) 97%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 8%, rgba(255,255,255,0) 97%);
}

#layer1{
	display:none;
}
#layer2{
    text-align: center;
	display:block;
    /* min-height: 520px; */
}
#layer11{
	display:none;
}

#player_goal_count_div{
	display:block;
}

#bottomButtons{
    margin-left: -15px;
}
.score_panel{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 285px;
}

#score_hr{
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 2px solid #fff;
}


/*
.active_btn{
	color: #000;
	background-color: #fbe108;
	border-color: #fbe108;
}
.active_on{
	color: #000;
	border-width: 2px;
	border-color: #e9f16e!important
}
.active_off{
	color: #fff;
	border-width: 2px;
	border-color: #e9f16e!important
}
*/

.marginFix{
    margin-left: 0px;
    margin-right: 0px;
	height: 65%;
}

#topMenuButtons{
margin-top:15px;
}

#noStyle{
    list-style: none;
}

#goalList{
    /* min-height: 528px; */
}

#tileContainer{
    margin-left:-35px;
    margin-top: -15px;
    height: 100%;

}

.list-group-item {
	background: none;
	border: none;
	padding: 7px 5px;
}