html { font-size: 90%; }

@media only screen and (max-device-width: 480px) {
	html { font-size: 60%; }
}

body{
	//background-image: url("images/bg.jpg");
	//background-repeat: no-repeat;
    //background-attachment: fixed;
    //background-position: center; 
    background: linear-gradient(to bottom, rgba(0, 255, 0, 1), rgba(255, 255, 255, 0));
}
.subheader{
		/* The linear-gradient function creates the fading effect */
  background-image: linear-gradient(to bottom, #006400, #FFFFFF);
  
  
  /* Optional: Prevents the gradient from repeating if content is short */
  background-attachment: fixed; 
  
  /* Always set a background-color as a fallback if the gradient fails to load */
  background-color: #006400; 
	border: 1px solid black;
	border-radius: 10px;
	//height:50px;
	color: white;
	font-size: 2em;
	padding-left:10px;
	text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	text-align: center;
}
.success-prompt,.danger-prompt{
	font-size: 2.5em;
}
.footer{
	padding: 10px;
	text-align: center;
	margin-bottom:5px;
	color:white;
	/* The linear-gradient function creates the fading effect */
  background-image: linear-gradient(to bottom, #006400, #FFFFFF);
  
  
  /* Optional: Prevents the gradient from repeating if content is short */
  background-attachment: fixed; 
  
  /* Always set a background-color as a fallback if the gradient fails to load */
  background-color: #006400; 
}
.container{
	background-color:white;
	padding-bottom:10px;
	padding-top:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.container-fluid{
	background-color:white;
	padding-bottom:10px;
	padding-top:10px;
}

.container .header{
	//background-image: url("images/header.png");
	padding:10px;
	color: white;
	text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
    background-image: linear-gradient(to bottom, #006400, #FFFFFF);
  
  
  /* Optional: Prevents the gradient from repeating if content is short */
  background-attachment: fixed; 
  
  /* Always set a background-color as a fallback if the gradient fails to load */
  background-color: #006400; 
}

.container-fluid .header{
	background-image: url("images/header.png");
	padding:10px;
   color: white;
   text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}


input[type=radio]{
    border: 0px;
    width: 2.7em;
    height: 2.7em;
}

input[type=checkbox] {
    border: 0px;
    width: 2.7em;
    height: 2.7em;
	transform: scale(1);
}
.positions-wrapper{
	border: 1px solid black;
	border-radius: 5px;
	margin-bottom:10px; 
	padding: 5px 5px 5px 10px;
}

.candidate_name{
	font-size: 1.9em;
	text-align: center;
	font-weight: bold;
}

.candidate_partylist{
	font-size: 1.6em;
	font-style: italic ;
	font-style: underline;
	text-align: center;
	color: white;
	text-shadow:
       2px 1.5px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	background: green;
	border-radius: 20px;
	padding-left:15px;
	padding-right:5px;
	border: black solid 1px;
}