﻿.inputProgress
{
	width: 100%;
	font-size:46px;
	border:0px;
	text-align:center;
}
.progress-bar {
	width: 100%;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	height: 20px;
	margin: 5px 0;
}
.progress-bar-inner {
	height: 100%;
	width: 0;
	background-color: rgb(0, 255, 153);
}
#btn_start {
	text-align: center;
	font-size:24px;
	padding: 10px;
	cursor: pointer;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	
}
#btn_start:hover 
{
	color: rgb(0, 255, 153);
	background-color: rgb(0, 155, 255);
}

.style_progress {
	color: rgb(245,245,245);
	background-color: rgb(0, 155, 255);
	
}



/**/


.dvtool {
	width: auto;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background-color: rgb(0, 0, 102);
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
#res {
	border: 0;
	width: 250px;
	background-color: rgb( 102, 0, 102);
	color: rgb(204, 255, 255);
	font-size: 16px;
	text-align: center;
}
#restop {
	background-color: rgb(51, 102, 153);
	width: 250px;
	margin: auto;
	padding: 5px;
	visibility: hidden;
}
#restop a {
	color: rgb(153, 255, 204);
}
/*---*/
.dvssmade {
	background-color: rgb(0, 155, 255);
	color: rgb(245, 245, 245);
}
@media all and (max-width: 1020px) {
}
@media all and (max-width: 501px) {
h1 {
	padding: 50px 0px 0px 20px;
	width: auto;
	text-align: left;
}
@media all and (max-width: 350px) {
}
