html,body {
	height: 100%;
}

#main {
	width: 100%;
	height: 100%;
}

.top {
	width: 100%;
	height: calc(100% - 100px);
}

.top > iframe {
	width: 100%;
	height: 100%;
}

.bottom {
	width: 50%;
	height: 120px;
	position: fixed;
	bottom: 0;
	background: #fff;
	border-top: 2px solid #48993E;
}

.time {
	line-height: 100px;
	font-size: 40px;
	font-weight: bold;
}

.status > img {
	background: #fff;
	margin-top: 5px;
}

.cap-block {
	margin-top: 33px;
}

.btn-default {
	background: -webkit-linear-gradient(top,#79D053,#6FBF4D);
	background: -moz-linear-gradient(top,#79D053,#6FBF4D);
	color: #fff;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	border: 1px solid #4A7F33;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:focus:hover {
	background: -webkit-radial-gradient(#304956,#537E94);
	background: -moz-radial-gradient(#304956,#537E94);
	border: 1px solid #18252C;
	color: #fff;
}

#status {
	margin-top: 40px;
}