body { 
		padding-bottom: 70px; 
		background-color: #dbdbdb;
		color: #0b3df9;
	}
	.navbar-inner {
	    -webkit-border-radius: 0px;
	    border-radius: 0px;
	    
	}
	
	.navbar .nav {
	    margin-left:50px;
	    margin-top:15px;
	    font-weight: bold;
	}
	
	.navbar-brand img{
		margin-left: 100px;
		margin-top: -10px;
	
	}
	
	footer {
		padding-top: 10px;
		font-weight: bold;
	}
	legend {
		text-align: center;
	}
	input[type=submit] {
		/*float: right;*/
		width: 100px;
		font-weight: bold;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
		box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
	}
	.close {
	    opacity: 1.0;
	}
	#wrapper {
		padding-top: 80px;
	}
	#circlesDiv {
		padding-top: 20px;
		padding-left: 5%;
		
	}
	
	.circle {
	  width: 150px;
	  height: 150px;
	  border-radius: 50%;
	  font-size: 30px;
	  color: #fff;
	  line-height: 150px;
	  text-align: center;
	  background: #000
	  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
	     -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
	     box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); 
	}
	
	.o {
		background: #f9860b;
		color: #0b3df9;
	}
	.g {
		background: #5ff90b;
		color: #0b3df9;
	}
	#passwordsDontMatch {
		color: red;
		font-size: 2em;
	}
	#homePageLogo {
		
	}
	#mainPage{
		margin-top:20px;
	}
	/*  NEW STUFF */
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Roboto+Slab:400,100,300,700);
	
	/**  Basic Page CSS **/
	body{
	  font-family: "Roboto Slab", sans-serif;
	  font-weight: 300;
	  position: relative;
	  background-color: #337ab7;
	}
	
	
	.main {
	  background: white;
	  padding: 30px 0;
	}
	
	header a, footer a {
	  color: white;
	}
	
	/**  Footer **/
	
	footer {
	  background: #337ab7;
	  color: white;
	  font-size: .8em;
	  padding: 20px 0 40px 0;
	}
	
	footer a {
	  color: #E0E6AE;
	}
	
	footer a:hover {
	  color: #EEC856 !important;
	}
	
	/** Application Classes **/
	
	.bg-primary, .btn-primary {
	  background-color: #377BB5 !important;
	  border: inherit;
	}
	
	.add-appointment .card-body {
	  display: none;
	}
	
	.add-appointment label {
	  font-weight: 700;
	}
	
	.apt-addheading {
	  cursor: pointer;
	  user-select: none;
	}
	
	.appointment-list {
	  font-size: 1.1em;
	}
	
	.appointment-list .pet-item {
	  border-bottom: 1px dotted gray;
	}
	
	.appointment-list .pet-item:last-child {
	  border-bottom: none;
	}
	
	.appointment-list .pet-name {
	  font-weight: 600;
	  color: #337ab7;
	  font-size: 1.3em;
	  line-height: 100%;
	}
	
	.appointment-list .label-item {
	  font-weight: 600;
	  color: #667B82;
	}
	
	.appointment-list .apt-date {
	  font-style: italic;
	}
	
	.appointment-list .apt-notes {
	  line-height: 120%;
	}
	
	.dropdown-item.active, .dropdown-item:active {
	  background-color: #a9aeb2;
	}
	.questions {
	    background-color: white;
	    color: darkgray;
	    font-size: 1em;
	}
	
	.btn-ab {
	    background-color: orange;
	    color: white;
	    font-size: 2em;
	    text-align: left;
	}
	
	.actCSS {
	    color: orange;
	    margin-left: 20px;
	}
	
	.padding4 {
	    color: red;
	    margin-left: 20px;
	}
	
	.button-joinActivity {
	    width: 30%;
	    margin-left: 50%;
	}
	
	.card-title {
	    background: orange;
	}
	
	.extra {
	    background: orange;
	    color: green;
	    font-size: 1.5em;
	}
	
	.user>input {
	    float: right;
	}
	
	.hidden {
	    width: 50%;
	}
	
	table {
	    width: 100%;
	}
	
	.td1 {
	    width: 20%;
	}
	
	.td2 {
	    width: 60;
	}
	
	.td3 {
	    width: 20%;
	}
	
	span.infoicon {
	    float: right;
	}