table.simple {
  border-width: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color: white;
}
table.simple th {
  border-width: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  background-color: silver;
  -moz-border-radius: 0px 0px 0px 0px;
}
table.simple td {
  border-width: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  background-color: white;
  /*text-align:center;*/
  -moz-border-radius: 0px 0px 0px 0px;
}
/** top menu stuff **/
.nav > li > a {
  padding-right: 9px;
  padding-left: 9px;
}

/** sortable table header stuff **/
.tinytable th h3 {
  line-height: 17px !important;
}


/**
for image border and caption:

*/
.image-container {
  background-color: lightgrey;
  display: inline-block;
  padding: 10px;
  margin:5px;
}

.img-set {
  display: block;
  margin: 0 auto;
  width: 700px;
  margin-bottom: 30px;
}

.figure-caption {
  text-align: center;
}

/* *************************************************************
GENERAL
************************************************************* */
/* http://paletton.com/#uid=13B0u0klSmjbJwLhcq+quhHvNcc */
* {
  outline: none;
  font-family: "Open Sans",sans-serif;
}
legend {
  font-size:13px;
  padding-top:4px;
  padding-left:4px;
  background-color:#708BA9;
  color:white;
}

/** for the major tab sections, change the padding from BS default **/
.panel-heading {
  padding: 10px 4px;
}
.panel-title {
  font-weight:bold;
  text-align:center;
  font-size: 19px;
}

.tabSection {
  font-size:20px;
  text-align: center;
}
/** give us some more screen realestate **/
#mainContent.container {
  padding-left:0px;
  padding-right:0px;
}
.container {
  padding-left:5px;
  padding-right:5px;
}



#htmlSummary  {
}

#htmlSummary table {
  width:100%;
}

.table {
  border: 3px solid grey;
}

table > thead > tr > th > h3 {
  font-size:14px;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px;
}
.tinytable-toptablenav {
  height: 22px;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

html, body{
  height: 100%;
}

hr {
  margin-top:8px;
  margin-bottom:8px;
}
.container {
  width: 100%;
  /*  height:100%; might be screwing things up*/
  margin-top: 5px;
}
label {
    font-weight: normal;
}

#mainContent {
  min-height:450px;
  /*  height:100%;*/
}

/** general PLF form styling **/
select > option {
  padding: 5px;
}

.plf_formlabel {
  padding: 6px;
}
.plf_formfield {
  padding: 6px;
}
input[type="radio"], input[type="checkbox"] {
  line-height: normal;
  margin-right:5px;
  margin-left:4px;
}


/* split3 */
.splitContainer {
  height:600px;
}
.splitHalf {
  height:50%;
  overflow:scroll;
}

/** the select controls are squished, give them some room **/
/*select {
  padding: 5px;
}*/

.navbar {
  margin-bottom:5px;
  background-color: #2b4e74;
  color:white;  
}

.navbar-header a {
  color: white;
}

.navbar-default .navbar-nav > li > a {
  color: white;
}
.navbar-default .navbar-nav > li > a:hover {
  color: white;
}
.navbar-default .navbar-nav > li > a:focus {
  color: white;
}
.navbar-default .navbar-brand {
  color: white;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: white;
}
/** some stuff to match the navbar styling**/
footer {
  margin-top:5px;
  border-radius: 4px;
  background-color: #2b4e74;
  color:white;
  padding: 10px 0px;
}

/** make the buttons look a bit better**/
input[type=submit] {
  padding-top:5px;
}

/**
search form stuff
*/
#navSearch input {
  width:160px;
  height:30px;
  color:black;
}
#navSearch button {

  color:black;
}

#navLogin button {
  color:black;
}

/* *************************************************************
NAV - DESKTOP 
************************************************************* */

.nav-desktop {
  background-color: #2b4e74;
  height: 80px;
  padding: 0;
  line-height: 80px;
}

.site-logo {
  color: white;
  line-height: 80px;
  padding-right:30px;
}

.menu > li {
  color: white;
  background-color: #2b4e74;
  line-height: 80px;
}

.menu > li > a {
  color: white;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}

.menu > li > a:hover {
  /*background-color: grey;*/
}

.row {
  max-width:100%;
}

.searchBox {
  padding:0px 20px;
}

.bcul {
  background:#7564b5;
  border-radius: 7px;
  padding:3px;
  margin-top:5px;
  margin-bottom:8px;
}
.bcli a {
  padding-top: 5px !important;
  padding-left: 1px !important;
  padding-bottom: 5px !important;
}

.bcli a::before {
  content: "» ";
}

.updateScreenTableHeading {
  font-size:17px;
  padding-top:13px;
}

/** for quickrender on forms, to get alternate row shading**/
.form-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eeeeee;
}
.form-striped >tbody {
  border:2px solid #eeeeee;
}

/** this is for the labels on the multiple checkboxes**/
label {
  margin-bottom: 0px;
}

/** override some styling on the drag drop dropzone**/
.dropzone {
  min-height: 0px;
  padding: 2px 2px;
}
.dropzone .dz-message {
  text-align: center;
  margin: 0px;
}