body {
            margin: 0;
            padding: 0;
            color: #333;
            font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
        }

.container_ibt {
            max-width: 100em;
            margin: 0 auto;
            padding-left: 15px;
            padding-right: 15px;
        }
        .content {
            overflow:visible!important;
            padding: 0;
            background-color: #fff;
        }
        .main,
        .aside {
        	margin-top: 1em;
            margin-bottom: 1em;
        }
/* Button Styles */

.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #4d4d4d;
  font-size: 15px;
  background: #ffffff;
  padding: 8px 20px 8px 20px;
  border: solid #4d4d4d 1.5px;
  text-decoration: none;
}

.btn:hover {
  border: solid #477725 1.5px;
  color: #477725;
  cursor: pointer;
  text-decoration: none;
}

.dropdown-toggle:hover, .dropdown-toggle.btn-default:hover {
	background: none;
}

button.btn.dropdown-toggle.btn-default, button.btn.dropdown-toggle.btn-default:hover {
	background: none;
}

.dropdown-menu>li>a:focus {
	outline: none;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: rgba(20, 217, 138, 0.6);
	
}

#submit_btn {

	padding: 56px 0;
}

#input_results {
	margin-top: 12px;
	font-size: 13px;
}

.input-group {
	margin: 0px 0 20px 0;

}

.class_order {
	font-size: 13px;
}

.add {

	background-color: #477725;
  color: #FFF;
  float: right;
  margin-top: 0.7em;
  font-size: 30px;
  width: auto;
  padding: 10px 20px;
}

.takeaway {
	background-color: #D40D12;
  color: #FFF;
  float: right;
   margin-top: 0.7em;
   font-size: 30px;
   width: auto;
   padding: 10px 20px;

}

img {
  width: 80px;
  margin: 10px 10px 0 10px;
}

#candidate {
   margin: 10px 15px;
   width: 30%;
   font-weight: bold;

}





.results {
	margin-top: 20px;
}

.credits {
  clear: left;
  padding-top: 70px;
}

table, th, td {
    border-collapse: collapse;
}
th, td {
    padding: 10px 7px;
}

@media (max-width: 30em) {
      

            }



 @media (min-width: 45em) {
            .content {
                padding: 0;
            }
            .main {
                float: left;
                width: 35%;
                margin-right: 1%;
                margin-bottom: 1em;
            }
      
            .aside {
                float: left;
                width: 60%;
                margin-bottom: 1em;
                padding: 0 5em;
            }

            }