body {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.field-validation-error {
	margin-left: 1%;
}

/* Override the default bootstrap behavior where horizontal description lists */
/* will truncate terms that are too long to fit in the left column */
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea {
    max-width: 280px;
}
footer {
	text-align: center;
	font-size: smaller;
	opacity: .5;
}

/* primary table */
.table > tbody > tr:nth-child(odd) > td {
  background-color: #eef6ff;
}
.table a {
	padding: 10px 0 10px 0;
}
/*For table rows that go to a link when clicked*/
.table-clickable-row:hover { 
	cursor: pointer;
}
.jumbotron {
	background: #E8FAFD;
}
.jumbotron h1 {
	font-size: 48px
}
.navbar-inverse {
	background: #8F0306;
	border-bottom: solid 2px #000C7C;
	color: #fff;
}

/* navigation bar */
.navbar-inverse .navbar-nav > li > a,.navbar-inverse .navbar-brand  {
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-brand:hover  {
	background: #000C7C;
}

/* search/filter/sort bar */
.tabletop {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	height: 70px;
}

/* left side of search/filter/sort */
/* create new, export, sort by */
#left {
	flex: 0 0 500px;
	text-align: left;
}
#left a {
	background-color: #8F0306;
	color: white;
	border: none;
	padding: 10px 15px;
	text-align: center;
	font-size: 12px;
}
#left a:hover {
	background-color: #000C7C;
	color: white;
	text-decoration: none;
}
#left button {
	background-color: #8F0306;
	color: white;
	border: none;
	padding: 8px 15px;
	text-align: center;
	font-size: 12px;
}
#left button:hover {
	background-color: #000C7C;
	color: white;
	text-decoration: none;
}
#left select {
	height: 35px;
	padding: 5px 5px 5px 0;
	border: none;
}
#left select:focus {
	outline: none;
}

/* right side of search/filter/sort */
/* search bar, clear button, go button */

#search {
	flex: 0 0 200px;
	text-align: right;
	border-bottom: 1px solid black;
}
#search input {
	font-size: 20px;
	border: none;
	width: 350px;
	height: 35px;
}
#search input:focus {
	outline: none;
}


#buttons {
	display: flex;
	flex: 0 0 375px;
	justify-content: center;
	height: auto;
}

/*Clear button*/
#buttons a {
	margin: 0 5px 0 0;
	color: #8F0306;
	height: auto;
	padding-top: 3px;
}

#buttons button[type=submit]{
background-color: #8F0306;
color: white;
border: none;
font-size: 12px;
margin: 0 10px;
width: 100px;
height: 25px;
}

#buttons button[type=submit]:hover {
	background-color: #000C7C;
	color: white;
	text-decoration: none;
}

/* advanced search area */
.advanced-search {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto auto auto auto auto;
	justify-content: center;
	align-content: center;
	background-color: #eef6ff;
	height: 200px;
}

/*Table of all report cards*/
.report-card-table td {
	border: solid #ddd;
	border-width: 0 1px 0 1px;
}
/*Center certain table headers*/
.th-center {
	text-align: center;
}

/*Grouping for report card editing/creation*/
.report-card-topics {
	display: flex;
	flex-direction: row;
}
.report-card-topic {
	margin: 30px;
	padding: 10px;
}


.student-info {
	font-size: 125%
}

.student-info tr.spacer td {
	border: none;
}

.student-info .header {
	font-family: Arial;
	font-size: 1.25em;
	margin-top: 0.50em;
	margin-bottom: 0.25em;
	font-weight: bold;
}


/*Make the delete button form go on the same line as the edit button*/
td > form {
	display: inline;
}

/*Make delete buttons look like a regular text link*/
#delete-btn {
	border: none;
	background-color: transparent;
	color: #428BCA;
	padding: 0;
}
#delete-btn:hover {
	text-decoration: underline;
}