#maincontainer {
  padding: 2em;
}

#logo {
  height: 3em;
  cursor: pointer;
}

.noborder {
  border: none !important;
}

.flash {
  background-color: #FFFFBC;
  padding: 5px 10px;
  font-size: 22px;
  font-weight: 200;
  margin: 0;
	text-align: center;
}
.flash:empty {
  display: none;
}

header {
  padding-bottom: 1em;
  border-bottom: #ccc 1px solid;
}

.center {
  text-align: center;
}

.left-align {
  text-align: left;
}

.right {
  float: right;
}

.red {
  color: red;
}

.button {
  border-radius: 4px;
  color: white;
  cursor: pointer;
  padding:5px;
  border: none;
  background-color: #00B7FF;
}

.datatable tbody td {
  cursor: pointer;
}

.login-box {
  width: 50%;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
}
.login-box h1 {
	margin: 0 0 20px;
	letter-spacing: 2px;
	text-align: center;
}
.login-box input[type=text],
.login-box input[type=password] {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #999;
  font-size: 16px;
  padding: 15px;
  margin: 0 0 20px;
  font-family: sans-serif;
}
.login-box input[type=submit]{
  box-sizing: border-box;
  width: 100%;
  font-size: 17px;
  padding: 15px;
  background-color: rgb(178, 48, 49);
  border: 0;
  color: white;
  font-weight: 500;
  font-family: sans-serif;
}

.table-header-bold thead tr td {
  font-weight: bold;
}

#nav {
 float: right
}

#nav .navlink {
  padding: 0.8em;
}

a .mainIcon,
a:hover .mainIcon {
  color: black;
}

.mainIcon {
  padding:40px;
}

.mainIcon i {
  font-size: 3em;
}