html {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  color: #333;
  font-family: 'Miriam Libre', sans-serif; }

nav {
	min-height: 89px; }

footer {
	min-height: 110px; }

.navbar {
  border-bottom: #008ed6 3px solid; }

#main-footer {
  border-top: #008ed6 3px solid;
  color: #fff; }

table {
  font-size:  14px;
  word-wrap: break-word; }

.navbar {
  z-index: 2 !important; }

legend, .legend {
  background-color: #cce6ff;
  margin-top:  15px;
  padding:  5px 10px; }

.legend, .field-name {
	font-weight: bold; }

#error-message {
	height:  500px; }

.alert strong {
  padding:  0 5px; }

.back-yellow {
    background-color: #fff6c5 !important;  }

.back-blue {
    background-color: #c4ebff !important;  }
    
.light-blue {
	background-color: #8db0da!important;  }
    
.dark-blue {
    background-color: #6680a1!important; }
    
.filter-results {
  width:  300px; 
  display: inline; }

.filter-separator {
  border: 1px dashed grey;
  display: inline; }


.sep {
	margin: 0 10px;
	border-right: 1px dotted darkgray; }

@media (min-width: 992px) {
  .filter-col {
    text-align: right;
    margin-bottom: 0; } }

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #fff6c5; }

tr.spacer {
  height:  10px; }

td.links, td.nobreak {
  white-space: nowrap; }

.reqdot {
	padding-right:  5px; }

.table-controls {
  padding:  5px;
  text-align: right;
}

.table-controls span {
  margin-left: 35px;
} 

.modal-vl { 
  max-width:1000px;
}

.invalid-feedback {
  display: block;
}

.icon-cell {
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
}

.stickyhead thead th { 
  background-color: rgb(52, 58, 64, .95);
  position: sticky; 
  top: 0; 
  color: rgba(255,255,255,.75);
}

.stickyhead thead th a { 
  text-decoration: underline;
  color: rgba(255,255,255,.75);
}


@media only screen and (max-width: 900px) {
    .hidecolsm {
        display: none;
    }
}