/* app css stylesheet */
html {
   position: relative;
   min-height: 100%;
}

body {
   margin: 2em;
   margin-bottom: 6em;
}

.panel-title > a {
   text-decoration: none;
   color: #666;
}

td, th {
   padding-right: 1em;
}

.row {
   margin-bottom: 2em;
}

.footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   /* Set the fixed height of the footer here */
   height: 4em;
   background-color: #f5f5f5;
   margin-left: -2em;
   margin-top: 2em;
}

ul {
   list-style: none;
   margin-left: -3em;
}

.datalist {
   margin-bottom: .25em;
}

.datalist > a {
   width: 100%;
   text-align: left;
   color: #666;
   font-size: 16px;
   background-color: #f5f5f5;
}

.nav-tabs {
   margin-left: 0em;
}

label {
   padding-top: .5em;
}

p.docName {
   font-family: "Times New Roman", Times, serif;
   font-size: 1.01em;
   margin-bottom: 0;
}

p.nospace {
   margin: 0;
}

button.btn {
   margin: 2px;
}

@media (max-width: 768px) {
   .hideOnMobile {
      display: none;
   }
}

.form-control {
   margin: 2px;
}

input:invalid,
input:out-of-range {
    border-color: red;
}

.has-error {
   border-color: red;
}

.columnSort th:hover {
   cursor: pointer;
}

.columnSort a:link, a:visited, a:hover, a:active {
   text-decoration: none;
}