@font-face {
    font-family: Robot;
    src: url("Roboto-Light.ttf");
}
@font-face {
    font-family: Robot;
    src: url("Roboto-Thin.ttf");
    font-weight:lighter;
}


*{
	margin: 0; padding: 0; font-family:Robot; color: #4d4d4d; 
}
html{
	height:100%;
	width:100%;
}
body {
	width : 100%;
	background-color: gray;
	height:100%;

}
#wrapper{
	margin:auto;
	width:100%;
	background-color: #f7f8f8;
	text-align: center;
}
#controls{
	width:100%;
	height: 36.44%;
}
form{
	margin-top : 3%;
	margin-left : 17%;
	height: 130px;
	width:54.8%;
	float:left;
	background-image: url("../images/input.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.inp{
	width: 44%;
	float: left;
	margin-right: 5%;
	
}
input[type="number"] {
    width: 100%;
	text-align: center;
	font-size: 390%;
	background:none;
	border: none;
	font-weight:lighter;
}
#plus{
	width: 11.45%;
	float: left;
}
#add30 {
	border:solid 1px #cccccc;
	font-size: 250%;
	text-align: center;
	line-height: 60px;
	cursor : pointer;
	background-color: #fafafa;
}
#add10{
	border:solid 1px #cccccc;
	font-size: 250%;
	text-align: center;
	line-height: 60px;
	cursor : pointer;
	background-color: #fafafa;
}

#startstop{
	border-right:solid 2px  #cccccc;
	width: 75%;
	float:left;
	color: #7cb342;
	
}
#startstop1{
	border:solid 2px  #cccccc;
	font-size: 280%;
	width: 66.3%;
	margin-left:17%;
	line-height: 60px;
	cursor : pointer;
	float:left;
	background-color: #fafafa;
}
#clear{
	width: 24%;
	float:left;
}
#clear > img{
	width:100%
	
}


#streambox{
	text-align:center;
	border:solid 1px;
}

#stream{
	width: 100%;
	display:none;
	
}
#power > img{
	width:100%;
}
#lower{
	width:100%;
	background-image: url("../images/moblie_background.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#lower > div{
	text-align:center;
	font-size:54px;
	float:left;
}
#lower > div > p{
	width: 100%;
}
.diff{
	border-top: 3px solid #7cb342 !important; 
}
.diff > img{
	width: 40%;
	float:left;
}
.diff > p{
	width: 59% !important;
	
	float:left;
}
#popcorn{
	background-image: url("../images/popcorn_gray.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.ui-loader{
	display:none !important;
}
