.html, body {
  position: relative;
  height: auto;
}

header {
  margin-top: 20px;
  margin-bottom: 20px;
}

footer {
  clear: both;
  margin-top: 50px;
  text-align: center;
  color: #999999;
  font-size: 80%;
}

.table-minimal {
  width: auto;
}

.table-minimal tbody tr th, .table-minimal tbody tr td {
  border: none;
}

.table>tbody>tr>td.danger {
    background-color: #ff6666;
}

.table-hover tbody tr:hover td.danger {
    background-color: #ff9999;
}

.table>tbody>tr>td.default, .table>tbody>tr>th.default {
    background-color: #f5f5f5;
}

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


.Xtable>tbody>tr>td.warning {
    background-color: #ffbf00;
}

.Xtable-hover tbody tr:hover td.warning {
    background-color: #ffff99;
}

.price-table {
  width: auto;
}

.price-table>tbody>tr>td {
  padding: 5px;
}

.panel {
  margin-bottom: 5px;
  border-color: #ccc;
}

.panel-heading, .panel-body {
  padding: 1px 5px;
}

.panel-heading-only {
  border-radius: 3px;
  border-bottom: none;
}

.panel div.success{
  background-color: #dff0d8;
}

.panel div.warning{
  background-color: #fcf8e3;
}

.job-danger .panel-heading {
  background-color: #ff6666;
  color: #ffffff;
}

.job-warning .panel-heading {
    background-color: #ffbf00;
}

.panel-urgent .panel-heading {
    background-color: #ff6666;
    color: #ffffff;
}

.panel-urgent {
  border-width: 3px;
  border-color: #ff0000;
    -webkit-animation-name: flashing;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-name: flashing;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.panel-complete .panel-heading {
    background-color: #F7F7D9;
    color: #333;
}

.panel-complete {
  border-color: #DAC7E3;
}

.short-panel {
  display: inline-block;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes flashing {
    from {border-color: red;}
    to {border-color: #ccc;}
}

/* Standard syntax */
@keyframes flashing {
    from {border-color: red;}
    to {border-color: #ccc;}
}

.calendar>tbody>tr>th {
  background-color: #eeeeee;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #ddd;
}

.calendar>tbody>tr>td {
  border: 1px solid #ddd;
}

.calendar th a {
  color: #333;
}

.calendar th.today, .calendar th.today a {
  background-color: #666;
  color: #fff;
}

.calendar th.holiday, .calendar th.holiday a {
  background-color: #f99;
}

.calendar th.weekend, .calendar th.weekend a {
  background-color: #fff;
}

.calendar>tbody>tr.spacer>td {
  border: none;
}

.dashboard>tbody>tr>th, .dashboard>tbody>tr>td {
  text-align: center;
}

.white {
  color: #fff;
}

#messages {
  background-color: #666;
  padding: 10px;
  z-index:1000;
    position: fixed;
    bottom: 0;
    right: 0;
    border: 3px solid #337ab7;
}

.message-heading {
  padding-right: 30px
}

.close-message {
  margin-right: -20px;
}

.close-messages {
  font-size: 14px;
  opacity: 0.5;
}

.person-form, .price-form {
  margin-bottom: 10px;
}

.result {
  margin-bottom: 20px;
}

.result h4, .result p {
  margin-bottom: 0px;
}

.person-result {
  padding-left: 20px;
}

.person-result .btn {
  margin: 5px;
}

textarea.form-control {
    height: 120px;
}

#table_id  {display: block; }
#table_id  td {display: inline-block; }

div.test {
  display: inline-block;
  min-width: 200px;
}

.right {
  float:right;   
}

form.inline {
  display: inline;
  margin:0px;
  padding:0px;
}

form.schedule {
  display: inline;
  margin:0px;
  padding:0px;
  font-size: 80%;
}

form.schedule input {
  width: 100px;
  text-align: center;
}

.schedule-heading {
  background-color: #eeeeff;
  padding: 8px;
}

label.first {
  font-weight: normal;
  margin-right: 10px;
}

label.second {
  font-weight: normal;
  color: #777;
  margin-right: 10px;
}

table.fix-head thead {
    background-color: #fff;
}

.highlight {
  background-color: #ff6;
}

.panel-warning>.panel-heading {
  color: #CD7F32;
  background-color: #ffdd99;
}

hr.tight {
  margin:5px;
}

.table-nonfluid {
   width: auto !important;
}

#map {
  width: 100%;
  height: 600px;
  background-color: grey;
}

.v0, li.pill-v0>a, li.pill-v0>a:hover {
  background-color: #ffffff;
  color: #888;
}

.v1, li.pill-v1>a, li.pill-v1>a:hover {
  background-color: #ffffb2;
  color: #888;
}

.v100, li.pill-v100>a, li.pill-v100>a:hover {
  background-color: #fed976;
  color: #888;
}

.v500, li.pill-v500>a, li.pill-v500>a:hover {
  background-color: #feb24c;
  color: #fff;
}

.v1000, li.pill-v1000>a, li.pill-v1000>a:hover {
  background-color: #fd8d3c;
  color: #fff;
}

.v5000, li.pill-v5000 a, li.pill-v5000>a:hover {
  background-color: #f03b20;
  color: #fff;
}

.v10000, li.pill-v10000>a, li.pill-v10000>a:hover {
  background-color: #bd0026;
  color: #fff;
}

.new-account {
  border-color: #0000ff;
  border-width: 2px;
  border-style: solid;
}

.nav-pills {
  margin-bottom: 10px;
}

.static-map {
  margin-bottom: 20px;
}

.year {
  padding-left: 5px;
  padding-right: 5px;
  color: #000;
}

.year-2 {
  background-color: #c0f0ff;
}

.year-1 {
  background-color: #add7ff;
}

.year-0 {
  background-color: #fd8d3c;
}

.form-heading {
  width: 223px;
}

img.portal-logo {
  max-height: 110px;
  width: 100%;
  max-width: 400px;
}

.product-search {
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: auto;
}

.quote-header {
  text-align: center;
  margin-bottom: 20px;
}

img.quote-logo {
  max-height: 110px;
  max-width: 100%;
  max-width: 400px;
}

.office-use {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  margin: 0 10px;
  padding: 10px;
}

/* Don't print link hrefs (Bootsreap 3) */
@media print {
  a[href]:after {
    content: none
  }
}

table.tight {
  margin: 0 0 10px 20px;
}

table.tight tr td {
  padding: 0 10px;
}

hr.poly-blue {
  border-color: #01B0F3;
  margin-top: 60px;
}

.planner table {
  margin-bottom: 10px;
}

.planner h4 {
  margin: 2px;
  text-align: center;
}

.planner th {
  font-weight: normal
}

.line-through {
  text-decoration: line-through;
}

.timeclock {
  max-width: 400px;
}

.timeclock button {
  margin-right: 20px;
}

.timeclock>tbody>tr>th, .timeclock>tbody>tr>td {
  text-align: center;
  vertical-align: middle;
}