@import url(http://fonts.googleapis.com/css?family=Roboto:400);

	html, body { background-color: #cfe8e5;}
	body {
	margin: 0;
	line-height: 1.4em;
	/* font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; */
	font: normal 14px Roboto,arial,sans-serif;
	width: 100%;      
    background-size: cover;}

	body {
	margin: 0;
	line-height: 1.4em;
	font-family: Helvetica, Arial, serif;
	color:#555;

}

	
	label, input, select, textarea {
	font: normal 14px Roboto,arial,sans-serif;
      /* font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; */
    }
	li { color: #404040; }
	li.active a { font-weight: bold; color: #666 !important; }
	form .controls { margin-left: 20px !important; }
	label { width: 120px; margin-right: 10px; !important; }
	fieldset legend {
	padding-left: 220px;
	line-height: 20px !important;
	margin-bottom: 0px !important;
    width: 100%; 
    background-size: cover;}
	
	.form-actions { padding-left: 160px; padding-top:40px; !important; }
	.popover-inner { width: 205px; }
	h1 { font-size: 16px;
	margin-bottom: 4px;}
	
	body,td,th {
	font: normal 16px Roboto,arial,sans-serif;}
	
	.mylabel {text-align:right; padding-top:0px; font-size:18px; font-weight:200; color:#444}
	.myinput {width:580px; margin-left:50px; margin-right:50px; padding-left:20px; padding-right:20px; height:42px; border-radius:5px; font-size:20px; color:#888; background-size: cover;}

	.container {
	width: 100%; 
	border: 2px; 
	border-radius: 0px; 
/*	box-shadow: 5px 5px 10px #888; */
	background-color: #FFFFFF;
	padding: 26px; 
	margin-bottom: 30px;
	margin-top: 30px;
    background-size: cover;}

	.control-group {
/*	width:700px; */
	margin-right:50px;
	padding-right:60px; 
	border-radius:10px;
	color:grey;
	background:#fffbdf;
	background-size: cover;
    }

.notif {
	font-size:20px;
	padding:20px 30px 20px 30px; 
	border-radius:5px;
	margin-top:20px; 
	margin-bottom:12px; 
	background:#6ee67f;
}

.desc {
	padding:30px; 
	border-radius:5px;
	margin-top:12px; 
	margin-bottom:20px; 
	background:#c0e8f4;
}

.btn {
	font-size:20px;
}

@media (min-width: 781px) {
  .container {
    width: 780px;
  }
	.control-group {
	padding-right:60px;
	width:720px;
    }
	.mylabel {
	text-align:center;
     width:660px;
    } 
	.myinput {
	margin-left:50px;
     width:600px;
    }
  .table-bordered {
	width:720px;    
  }
}

@media (max-width: 780px) {
  .container {
	width: 680px;
    margin-bottom: 0px;
  }
	.control-group {
	padding-right:60px;
	width:620px;
    }
	.mylabel {
	text-align:center;	      
     width:560px;
    }
	.myinput {
	margin-left:50px;
     width:500px;
    }
  .table-bordered {
	width:620px;    
  }  
}


@media (max-width: 640px) {
  .container {
	width: 580px;
    margin-bottom: 0px;
  }  
	.control-group {
	padding-right:60px;
	width:520px;
    }
	.mylabel {
	text-align:center;
     width:420px;
    }
	.myinput {
	margin-left:40px;
     width:420px;
    }
  .table-bordered {
	width:520px;    
  }  
}