html, body {
   	background-color: #333;
    height: 100%;
    font-family: sans-serif;
    
}
body {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 16px;
}


.wrapper {
	
	height: 100%;
	background-color: #eee;
	padding:25px;
	background-image: url("../images/backgroud.jpg");
    background-size: cover;
}

.wrapper > .content-wrapper {
	
	background-color:rgba(0,46,98,0.4);
	/*background-color:rgba(255,255,255,0.4);*/
	width: 100%;
	height: calc(100% - 50px);
	margin: 0px;
	margin-top: 50px;
	position: relative;
	padding: 15px;	
	border-radius: 20px;
	
	
}

.content-wrapper .btn-default.inProgess {
	
	font-weight:bold;color:#FFFFFF;
	border-color: rgba(240,214,78,1);
	background-color:rgba(240,214,78,0.9);
}
.content-wrapper .btn-default.inProgess:hover {
	
	font-weight:bold;color:#FFFFFF;
	border-color: rgba(240,214,78,1);
	background-color:rgba(240,214,78,0.9);
}

.content-wrapper .btn-default.finished {
	
	font-weight:bold;
	color:#FFFFFF;
	border-color: rgba(92,184,92,1);
	background-color:rgba(92,184,92,0.9);
}
.content-wrapper .btn-default.finished:hover {
	
	font-weight:bold;
	color:#FFFFFF;
	border-color: rgba(92,184,92,1);
	background-color:rgba(92,184,92,0.9);
}


.content-wrapper .btn-default {
	
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.8);
}

.content-wrapper .btn-default:hover {
	
	color: rgba(0, 46, 98, 1);
	background-color: rgba(255, 255, 255, 0.2);
	border-color: rgba(0, 46, 98, 1);
}